@charset "UTF-8";
@font-face {
  font-family: "Noto Sans JP";
  src: url("https://www.capcom-games.com/common/font/SourceHanSansJP-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans TC";
  src: url("https://www.capcom-games.com/common/font/SourceHanSansTW-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("https://www.capcom-games.com/common/font/SourceHanSansCN-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("https://www.capcom-games.com/common/font/SourceHanSansKR-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans";
  src: url("https://www.capcom-games.com/common/font/SourceSans3-VF.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif JP";
  src: url("https://www.capcom-games.com/common/font/SourceHanSerifJP-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif TC";
  src: url("https://www.capcom-games.com/common/font/SourceHanSerifTW-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif SC";
  src: url("https://www.capcom-games.com/common/font/SourceHanSerifCN-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif KR";
  src: url("https://www.capcom-games.com/common/font/SourceHanSerifKR-VF.otf.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif";
  src: url("https://www.capcom-games.com/common/font/SourceSerif4-VF.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
	font-family: "Cardo";
	font-style: normal;
	src: url("https://www.monsterhunter.com/common/font/Cardo-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Cardo";
  font-style: normal;
  font-weight: 700;
  src: url("https://www.monsterhunter.com/common/font/Cardo-Bold.woff2") format("woff2");
}

.carousel, html.news_article .period, html.news_article .figure_column2 {
  *zoom: 1; }
  .carousel:after, html.news_article .period:after, html.news_article .figure_column2:after {
    content: "";
    display: table;
    clear: both; }

/*------------------------------------*\
	$COMMON
\*------------------------------------*/
::selection {
  background: #0e9ee3;
  color: #FFF; }

::-moz-selection {
  background: #0e9ee3;
  color: #FFF; }

html {
  color: #0b263d;
  background-color: #000; }

body {
  width: 100%; }
  body.is-menu {
    position: fixed; }
  body:before {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/bg_pattern.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: white;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1; }
  @media only screen and (max-width: 1000px) {
    body:before {
      background-size: 400% auto; } }

img {
  vertical-align: bottom; }

a {
  color: #26749a;
  text-decoration: none; }

a:focus, *:focus {
  outline: none; }

ul {
  list-style: none; }

.br_pc {
  display: block; }
  @media only screen and (max-width: 1000px) {
    .br_pc {
      display: none; } }

.br_sp {
  display: none; }
  @media only screen and (max-width: 1000px) {
    .br_sp {
      display: block; } }

.wrapper {
  position: relative;
  z-index: 0; }
  .wrapper img {
    width: 100%;
    height: auto; }

/*------------------------------------*\
	$LOGO_ICEBORNE
	トップ以外のヘッダにあるやつ
\*------------------------------------*/
.logo_iceborne {
  position: absolute;
  z-index: 9990;
  width: 410px;
  width: 13.66667vw;
  height: auto; }
  .logo_iceborne img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1000px) {
    .logo_iceborne {
      width: 242px;
      width: 32.26667vw;
      height: auto;
      top: 1.33333vw; } }

/*------------------------------------*\
	$CAROUSEL
\*------------------------------------*/
.slick-list {
  width: 2480px;
  width: 82.66667vw;
  height: auto;
  margin: 0 auto;
  padding: 0.66667vw;
  margin-left: -0.66667vw; }
  @media only screen and (max-width: 1000px) {
    .slick-list {
      width: auto;
      margin: 0;
      margin-top: -2.66667vw;
      padding-top: 2.66667vw !important;
      padding-bottom: 2.66667vw !important; } }

.carousel {
  width: 2726px;
  width: 90.86667vw;
  height: auto;
  margin: 0 auto;
  padding: 0 4.76667vw; }
  @media only screen and (max-width: 1000px) {
    .carousel {
      width: 750px;
      width: 100vw;
      height: auto;
      padding: 0; } }

.carousel__item {
  float: left;
  margin: 0 0.66667vw; }
  .carousel__item a {
    display: block; }

/*************
news
 */
.thumbnailNews {
  position: relative;
  width: 580px;
  width: 19.33333vw;
  height: auto;
  text-align: left;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  background-color: #FFF; }
  .thumbnailNews:hover:before {
    opacity: 1; }
  .thumbnailNews:hover:after {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_bottomRight_on.png"); }
  .thumbnailNews .thumbnailNews__figure {
    position: relative;
    padding: 2px;
    padding-bottom: 0;
    background-color: #FFF; }
  .thumbnailNews:before {
    opacity: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 2px solid #0e9ee3;
    transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .thumbnailNews:after {
    content: "";
    width: 26px;
    width: 0.86667vw;
    height: auto;
    height: 24px;
    height: 0.8vw;
    position: absolute;
    bottom: 0.26667vw;
    right: 0.26667vw;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_bottomRight.png");
    background-size: cover;
    transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .thumbnailNews.up .thumbnailNews__figure:after {
    content: "";
    width: 70px;
    width: 2.33333vw;
    height: auto;
    height: 70px;
    height: 2.33333vw;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_update.png");
    background-size: cover; }
  .thumbnailNews .thumbnailNews__body {
    color: #666666;
    min-height: 6.83333vw;
    padding: 0.66667vw;
    background-color: #FFF; }
    .thumbnailNews .thumbnailNews__body p {
      font-size: 26px;
      font-size: 0.86667vw;
      line-height: 1.6; }
  @media only screen and (max-width: 1000px) {
    .thumbnailNews {
      width: 580px;
      width: 77.33333vw;
      height: auto;
      margin: 0 2.66667vw; }
      .thumbnailNews:after {
        width: 20px;
        width: 2.66667vw;
        height: auto;
        height: 18px;
        height: 2.4vw;
        bottom: 1.06667vw;
        right: 1.06667vw; }
      .thumbnailNews.up .thumbnailNews__figure:after {
        width: 70px;
        width: 9.33333vw;
        height: auto;
        height: 70px;
        height: 9.33333vw; }
      .thumbnailNews .thumbnailNews__figure:after {
        top: 1px;
        left: 1px;
        width: 60px;
        width: 8vw;
        height: auto;
        height: 60px;
        height: 8vw; }
      .thumbnailNews .thumbnailNews__body {
        min-height: 21.33333vw;
        padding: 2.66667vw; }
        .thumbnailNews .thumbnailNews__body p {
          font-size: 26px;
          font-size: 3.46667vw;
          line-height: 1.6; } }

.news__body_double .thumbnailNews {
  width: 1200px;
  width: 40vw;
  height: auto; }
  .news__body_double .thumbnailNews .thumbnailNews__figure {
    width: calc( 19.33333vw - 4px);
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2px; }
  .news__body_double .thumbnailNews .thumbnailNews__body {
    width: calc( 20.66667vw - 4px);
    display: inline-block;
    vertical-align: top;
    padding: 1.33333vw 0.66667vw; }
    .news__body_double .thumbnailNews .thumbnailNews__body p {
      font-size: 34px;
      font-size: 1.13333vw;
      line-height: 1.6; }
    .fr .news__body_double .thumbnailNews .thumbnailNews__body p {
        font-size: 34px;
        font-size: 1.1vw;
        line-height: 1.5; }

  @media only screen and (max-width: 1000px) {
    .news__body_double .thumbnailNews {
      width: 580px;
      width: 77.33333vw;
      height: auto; }
      .news__body_double .thumbnailNews .thumbnailNews__figure {
        display: block;
        width: auto; }
        .news__body_double .thumbnailNews .thumbnailNews__figure:after {
          top: 1px;
          left: 1px;
          width: 60px;
          width: 8vw;
          height: auto;
          height: 60px;
          height: 8vw; }
      .news__body_double .thumbnailNews .thumbnailNews__body {
        display: block;
        width: auto;
        padding: 2.66667vw; }
        .news__body_double .thumbnailNews .thumbnailNews__body p {
          font-size: 26px;
          font-size: 3.46667vw;
          line-height: 1.6; }

        .fr .news__body_double .thumbnailNews .thumbnailNews__body p {
          font-size: 26px;
          font-size: 3vw;
          line-height: 1.4; } }

/*************
media
 */
.thumbnailMedia {
  width: 1200px;
  width: 40vw;
  height: auto; }
  .thumbnailMedia a:hover .thumbnailMedia__figure {
    border-color: #0e9ee3; }
    .thumbnailMedia a:hover .thumbnailMedia__figure:after {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_square_on.png"); }
  .thumbnailMedia .thumbnailMedia__figure {
    position: relative;
    border: 2px solid #FFF;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
    transition: border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    .thumbnailMedia .thumbnailMedia__figure:after {
      content: "";
      width: 176px;
      width: 5.86667vw;
      height: auto;
      height: 64px;
      height: 2.13333vw;
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_square.png");
      background-size: cover;
      transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .thumbnailMedia.up .thumbnailMedia__figure:before {
    content: "";
    width: 100px;
    width: 3.33333vw;
    height: auto;
    height: 100px;
    height: 3.33333vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_update.png");
    background-size: cover; }
  .thumbnailMedia .thumbnailMedia__text {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0 1vw 0.66667vw; }
    .thumbnailMedia .thumbnailMedia__text p {
      text-align: center;
      font-size: 36px;
      font-size: 1.2vw;
      line-height: 1.6;
      font-weight: bold;
      display:flex;
      align-items: center;
      justify-content: center;
      height: 3em;
  }
  @media only screen and (max-width: 1000px) {
    .thumbnailMedia {
      width: 580px;
      width: 77.33333vw;
      height: auto;
      margin: 0 2.66667vw; }
      .thumbnailMedia .thumbnailMedia__figure:after {
        width: 176px;
        width: 23.46667vw;
        height: auto;
        height: 64px;
        height: 8.53333vw; }
      .thumbnailMedia.up .thumbnailMedia__figure:before {
        width: 70px;
        width: 9.33333vw;
        height: auto;
        height: 70px;
        height: 9.33333vw; }
      .thumbnailMedia .thumbnailMedia__text {
        padding: 0 4vw 2.66667vw; }
        .thumbnailMedia .thumbnailMedia__text p {
          font-size: 24px;
          font-size: 3.2vw;
          line-height: 1.4;
          height: 3.2em;} }

/*------------------------------------*\
	$BTN
\*------------------------------------*/
/*************
一覧
 */
.btn_toList {
  position: relative;
  z-index: 1;
  text-align: center;
  display: inline-block;
  width: 14.66667vw;
  height: 2.66667vw;
  padding: 2px;
  border: 2px solid #565353;
  box-sizing: border-box;
  background-color: #203034;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  .btn_toList p {
    position: relative;
    color: #FFF;
    font-size: 30px;
    font-size: 1vw;
    line-height: 1.6;
    line-height: 2.13333vw;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    .btn_toList p:after {
      content: "";
      width: 0.8vw;
      height: 0.63333vw;
      display: inline-block;
      margin-left: 0.33333vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow.png");
      background-size: cover;
      transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_toList:hover {
    border: 2px solid #0e9ee3; }
    .btn_toList:hover p {
      color: #0e9ee3; }
      .btn_toList:hover p:after {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_on.png"); }
    .btn_toList:hover:before {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_topLeft_on.png"); }
    .btn_toList:hover:after {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_bottomRight_on.png"); }
  .btn_toList:before {
    content: "";
    width: 26px;
    width: 0.86667vw;
    height: auto;
    height: 24px;
    height: 0.8vw;
    position: absolute;
    top: 0.26667vw;
    left: 0.26667vw;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_topLeft_brown.png");
    background-size: cover;
    transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_toList:after {
    content: "";
    width: 26px;
    width: 0.86667vw;
    height: auto;
    height: 24px;
    height: 0.8vw;
    position: absolute;
    bottom: 0.26667vw;
    right: 0.26667vw;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_bottomRight_brown.png");
    background-size: cover;
    transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    .btn_toList {
      width: 46.66667vw;
      height: 10.66667vw;
      padding: 1px;
      border-width: 1px; }
      .btn_toList p {
        font-size: 26px;
        font-size: 3.46667vw;
        line-height: 1.6;
        line-height: 9.33333vw; }
        .btn_toList p:after {
          width: 2.66667vw;
          height: 2vw;
          margin-left: 1.33333vw; }
      .btn_toList:before {
        width: 20px;
        width: 2.66667vw;
        height: auto;
        height: 18px;
        height: 2.4vw;
        top: 1.06667vw;
        left: 1.06667vw; }
      .btn_toList:after {
        width: 20px;
        width: 2.66667vw;
        height: auto;
        height: 18px;
        height: 2.4vw;
        bottom: 1.06667vw;
        right: 1.06667vw; } }

/*************
more
 */
.btn_more {
  position: relative;
  z-index: 1;
  text-align: center;
  display: inline-block;
  width: 16.86667vw;
  height: 3.4vw;
  padding: 1px;
  border: 1px solid #FFF;
  box-sizing: border-box;
  background-color: rgba(29, 138, 192, 0.7);
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  .btn_more p {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateX(-20%) translateY(-50%);
    font-family: "Cardo", serif;
    color: #FFF;
    font-size: 50px;
    font-size: 1.66667vw;
    line-height: 1.6;
    line-height: 1;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    }

  .btn_more:hover {
    border: 1px solid #0e9ee3;
    background-color: #1d8ac0; }
  .btn_more:after {
    content: "";
    width: 40px;
    width: 1.33333vw;
    height: auto;
    height: 30px;
    height: 1vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.33333vw;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l.png");
    background-size: cover;
    transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    .btn_more {
      width: 67.46667vw;
      height: 13.6vw;
      padding: 1px;
      border-width: 1px; }
      .btn_more p {
        font-size: 50px;
        font-size: 6.66667vw;
        line-height: 1.6;
        line-height: 14.26667vw; }
      .btn_more:hover {
        border-width: 1px; }
      .btn_more:after {
        width: 40px;
        width: 5.33333vw;
        height: auto;
        height: 30px;
        height: 4vw;
        right: 1.33333vw; } }

/*************
映像をみる
 */
.btn_movie {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 16.86667vw;
  height: 3.4vw;
  padding: 1px;
  border: 1px solid #FFF;
  box-sizing: border-box;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  background-color: rgba(29, 138, 192, 0.7);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  .btn_movie p {
    font-family: "Cardo", serif;
    color: #FFF;
    font-size: 35px;
    font-size: 1.16667vw;
    line-height: 1.6;
    line-height: 3.2vw;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_movie:hover {
    border: 1px solid #0e9ee3;
    background-color: #1d8ac0; }
  .btn_movie:after {
    content: "";
    width: 40px;
    width: 1.33333vw;
    height: auto;
    height: 30px;
    height: 1vw;
    position: absolute;
    top: 1.06667vw;
    right: 0.66667vw;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow.png");
    background-size: cover;
    transition: background 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    .btn_movie {
      width: 67.46667vw;
      height: 13.6vw;
      padding: 1px;
      border-width: 1px; }
      .btn_movie p {
        font-size: 35px;
        font-size: 4.66667vw;
        line-height: 1.6;
        line-height: 13.33333vw; }
      .btn_movie:after {
        width: 40px;
        width: 5.33333vw;
        height: auto;
        height: 30px;
        height: 4vw;
        top: 4.8vw;
        right: 2.66667vw; } }

/*************
ルーペ
 */
.btn_loupe {
  vertical-align: top;
  display: inline-block;
  position: relative;
  text-align: center;
  display: inline-block;
  width: 3.4vw;
  height: 3.4vw;
  padding: 1px;
  border: 1px solid #FFF;
  box-sizing: border-box;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  background-color: rgba(29, 138, 192, 0.7);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  .btn_loupe i {
    font-size: 60px;
    font-size: 2vw;
    line-height: 1.6;
    line-height: 2.46667vw;
    vertical-align: middle;
    color: #FFF;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_loupe:hover {
    border: 1px solid #0e9ee3;
    background-color: #1d8ac0; }
  @media only screen and (max-width: 1000px) {
    .btn_loupe {
      width: 13.6vw;
      height: 13.6vw;
      padding: 1px;
      border-width: 1px; }
      .btn_loupe i {
        font-size: 60px;
        font-size: 8vw;
        line-height: 1.6;
        line-height: 9.33333vw; } }

/*************
read more(newsページのやつ)
 */
.btn_readmore {
  text-align: center;
  display: none;
  width: 11.86667vw;
  height: 2vw;
  margin: 0 auto;
  background-color: rgba(29, 138, 192, 0.7);
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_readmore p {
    color: #FFF;
    font-size: 24px;
    font-size: 0.8vw;
    line-height: 1.6;
    line-height: 2vw; }
  .btn_readmore:hover {
    opacity: .6; }
  @media only screen and (max-width: 1000px) {
    .btn_readmore {
      width: 46.66667vw;
      height: 10.66667vw; }
      .btn_readmore p {
        font-size: 24px;
        font-size: 3.2vw;
        line-height: 1.6;
        line-height: 10.66667vw; } }

/*------------------------------------*\
*	bg_particle
\*------------------------------------*/
#bg_particle {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%; }

/*========================================
*	bg_movie
========================================*/
.bg_movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0; }
  .bg_movie .bg_movie__pattern {
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .bg_movie .movieWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    top: 0;
    left: 0; }
    @media only screen and (max-width: 1000px) {
      .bg_movie .movieWrapper {
        display: none; } }
  .bg_movie .movie__video {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0; }
  .bg_movie.dark .bg_movie__pattern {
    opacity: .9; }

/*------------------------------------*\
	magnefic popup
\*------------------------------------*/
.story .mfp-ajax-holder,
.base .mfp-ajax-holder .hunting .mfp-ajax-holder {
  overflow: hidden;
  overflow-y: auto; }

@media only screen and (max-width: 1000px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 90%; } }

.mfp-container .mfp-close {
  width: 3.33333vw;
  height: 3.33333vw;
  background-size: cover;
  top: -4vw;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 1000px) {
    .mfp-container .mfp-close {
      width: 10.66667vw;
      height: 10.66667vw;
      top: -16vw; } }

.mfp-bg {
  background-color: #FFF; }

.monster .mfp-container {
  padding: 0; }

.monster .mfp-figure .mfp-close {
  top: 60px;
  right: 1vw; }

.monster .mfp-content {
  width: 100%; }

.monster .mfp-img {
  width: 100%;
  max-height: initial !important; }

.story .mfp-ajax-holder,
.base .mfp-ajax-holder,
.hunting .mfp-ajax-holder {
  top: 0px; }
  .story .mfp-ajax-holder .mfp-content,
  .base .mfp-ajax-holder .mfp-content,
  .hunting .mfp-ajax-holder .mfp-content {
    top: 0; }

.story .mfp-ajax-holder,
.base .mfp-ajax-holder,
.hunting .mfp-ajax-holder {
  padding: 0; }

.story .mfp-ajax-holder .mfp-close,
.base .mfp-ajax-holder .mfp-close,
.hunting .mfp-ajax-holder .mfp-close {
  position: fixed;
  top: 3.33333vw;
  right: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    .story .mfp-ajax-holder .mfp-close,
    .base .mfp-ajax-holder .mfp-close,
    .hunting .mfp-ajax-holder .mfp-close {
      top: 2.66667vw;
      right: 2.66667vw; } }

.story .mfp-ajax-holder .mfp-arrow,
.base .mfp-ajax-holder .mfp-arrow,
.hunting .mfp-ajax-holder .mfp-arrow {
  position: fixed; }

.mfp-container .mfp-arrow {
  opacity: 1;
  width: 3.4vw;
  height: 3.4vw;
  margin-top: 0;
  background-size: cover;
  outline: none;
  border: 2px solid #0b263d;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .mfp-container .mfp-arrow:before, .mfp-container .mfp-arrow:after {
    display: none; }
  .mfp-container .mfp-arrow:hover {
    border: 2px solid #0e9ee3; }
  @media only screen and (max-width: 1000px) {
    .mfp-container .mfp-arrow {
      width: 13.33333vw;
      height: 13.33333vw; }
      .mfp-container .mfp-arrow:hover {
        border-color: #0b263d; } }

.mfp-arrow-right {
  right: 3.33333vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next.png"); }
  .mfp-arrow-right:hover {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next_on.png"); }
  @media only screen and (max-width: 1000px) {
    .mfp-arrow-right {
      right: 2.66667vw; }
      .mfp-arrow-right:hover {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next.png"); } }

.mfp-arrow-left {
  left: 3.33333vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev.png"); }
  .mfp-arrow-left:hover {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev_on.png"); }
  @media only screen and (max-width: 1000px) {
    .mfp-arrow-left {
      left: 2.66667vw; }
      .mfp-arrow-left:hover {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev.png"); } }

/*------------------------------------*\
	LOWER 第2階層
	ecosystem,
	hunting,
	monster
\*------------------------------------*/
html.ecosystem .main,
html.hunting .main,
html.monster .main,
html.story .main,
html.base .main {
  position: relative;
  min-height: 100vh;
  padding-top: 8.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main,
    html.hunting .main,
    html.monster .main,
    html.story .main,
    html.base .main {
      padding-top: 22.66667vw;
      min-height: auto; } }

html.system .main{
  position: relative;
  min-height: 20vh;
  padding-top: 8.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.system .main{
      padding-top: 22.66667vw;
      min-height: auto; } }


html.ecosystem .main__header,
html.hunting .main__header,
html.monster .main__header,
html.story .main__header,
html.system .main__header,
html.base .main__header {
  color: #0b263d;
  position: relative;
  z-index: 1;
  width: 49.33333vw;
  height: 12.33333vw;
  padding-top: 2.33333vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/main_title_base.png");
  background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header,
    html.hunting .main__header,
    html.monster .main__header,
    html.story .main__header,
    html.system .main__header,
    html.base .main__header {
      width: 100vw;
      height: 30.66667vw;
      padding-top: 4vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/main_title_base_sp.png"); } }

html.ecosystem .main__header p,
html.hunting .main__header p,
html.monster .main__header p,
html.story .main__header p,
html.system .main__header p,
html.base .main__header p {
  display: inline-block; }

html.ecosystem .main__header__sub,
html.hunting .main__header__sub,
html.monster .main__header__sub,
html.story .main__header__sub,
html.system .main__header__sub,
html.base .main__header__sub {
  margin-left: 10vw;
  margin-bottom: 1.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header__sub,
    html.hunting .main__header__sub,
    html.monster .main__header__sub,
    html.story .main__header__sub,
    html.system .main__header__sub,
    html.base .main__header__sub {
      margin-left: 2.66667vw;
      margin-bottom: 4vw; } }

html.ecosystem .main__header__title,
html.hunting .main__header__title,
html.monster .main__header__title,
html.story .main__header__title,
html.system .main__header__title,
html.base .main__header__title {
  position: relative;
  z-index: 1;
  margin-left: 10vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header__title,
    html.hunting .main__header__title,
    html.monster .main__header__title,
    html.story .main__header__title,
    html.system .main__header__title,
    html.base .main__header__title {
      margin-left: 2.66667vw; } }

html.ecosystem .main__header__sub__en,
html.hunting .main__header__sub__en,
html.monster .main__header__sub__en,
html.story .main__header__sub__en,
html.system .main__header__sub__en,
html.base .main__header__sub__en {
  font-family: "Cardo", serif;
  font-size: 55px;
  font-size: 1.83333vw;
  line-height: 1.6;
  line-height: 1;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header__sub__en,
    html.hunting .main__header__sub__en,
    html.monster .main__header__sub__en,
    html.story .main__header__sub__en,
    html.system .main__header__sub__en,
    html.base .main__header__sub__en {
      font-size: 28px;
      font-size: 3.73333vw;
      line-height: 1.6;
      line-height: 1; } }

html.ecosystem .main__header__sub__ja,
html.hunting .main__header__sub__ja,
html.monster .main__header__sub__ja,
html.story .main__header__sub__ja,
html.system .main__header__sub__ja,
html.base .main__header__sub__ja {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-size: 1.2vw;
  line-height: 1.6;
  margin-left: 1.66667vw;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header__sub__ja,
    html.hunting .main__header__sub__ja,
    html.monster .main__header__sub__ja,
    html.story .main__header__sub__ja,
    html.base .main__header__sub__ja {
      font-size: 18px;
      font-size: 2.4vw;
      line-height: 1.6;
      margin-left: 2.66667vw;
      line-height: 1; } }

html.ecosystem .main__header__title__en,
html.hunting .main__header__title__en,
html.monster .main__header__title__en,
html.story .main__header__title__en,
html.system .main__header__title__en,
html.base .main__header__title__en {
  font-family: "Cardo", serif;
  font-size: 150px;
  font-size: 5vw;
  line-height: 1.6;
  line-height: 1;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header__title__en,
    html.hunting .main__header__title__en,
    html.monster .main__header__title__en,
    html.story .main__header__title__en,
    html.system .main__header__title__en,
    html.base .main__header__title__en {
      font-size: 74px;
      font-size: 9.86667vw;
      line-height: 1.6;
      line-height: 1;
      display: block !important;
      margin-bottom: 1.33333vw; } }

      html.it.system .main__header__title__en{
        font-size: 4vw;}
        @media only screen and (max-width: 1000px) {
          html.it.system .main__header__title__en{
            font-size: 74px;
            font-size: 8.86667vw;} }

html.ecosystem .main__header__title__ja,
html.hunting .main__header__title__ja,
html.monster .main__header__title__ja,
html.story .main__header__title__ja,
html.system .main__header__title__ja,
html.base .main__header__title__ja {
  font-family: "Noto Serif JP", serif;
  font-size: 54px;
  font-size: 1.8vw;
  line-height: 1.6;
  margin-left: 1.66667vw;
  letter-spacing: 0.33333vw;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__header__title__ja,
    html.hunting .main__header__title__ja,
    html.monster .main__header__title__ja,
    html.story .main__header__title__ja,
    html.system .main__header__title__ja,
    html.base .main__header__title__ja {
      font-size: 28px;
      font-size: 3.73333vw;
      line-height: 1.6;
      line-height: 1;
      margin-left: 0;
      letter-spacing: 0.53333vw;
      display: block !important; } }

html.ecosystem .main__spec,
html.hunting .main__spec,
html.monster .main__spec,
html.story .main__spec,
html.system .main__spec,
html.base .main__spec {
  position: absolute;
  z-index: 1;
  bottom: 2.66667vw;
  left: 9.33333vw;
  color: #FFF;
  text-shadow: 4px 4px 0 #000, 4px 4px 20px #000, 4px 4px 10px #000, 4px 4px 5px #000; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__spec,
    html.hunting .main__spec,
    html.monster .main__spec,
    html.story .main__spec,
    html.system .main__spec,
    html.base .main__spec {
      position: relative;
      bottom: 0;
      left: 0;
      margin-top: 57.33333vw;
      padding: 2.66667vw; } }

html.ecosystem .main__spec__role,
html.hunting .main__spec__role,
html.monster .main__spec__role,
html.story .main__spec__role,
html.system .main__spec__role,
html.base .main__spec__role {
  font-size: 70px;
  font-size: 2.33333vw;
  line-height: 1.6;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 0.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__spec__role,
    html.hunting .main__spec__role,
    html.monster .main__spec__role,
    html.story .main__spec__role,
    html.system .main__spec__role,
    html.base .main__spec__role {
      font-size: 46px;
      font-size: 6.13333vw;
      line-height: 1.6;
      line-height: 1;
      margin-bottom: 1.33333vw; } }

html.ecosystem .main__spec__name,
html.hunting .main__spec__name,
html.monster .main__spec__name,
html.story .main__spec__name,
html.base .main__spec__name {
  font-size: 150px;
  font-size: 5vw;
  line-height: 1.6;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__spec__name,
    html.hunting .main__spec__name,
    html.monster .main__spec__name,
    html.story .main__spec__name,
    html.system .main__spec__name,
    html.base .main__spec__name {
      font-size: 90px;
      font-size: 12vw;
      line-height: 1.6;
      line-height: 1; } }

html.ecosystem .main__spec__description,
html.hunting .main__spec__description,
html.monster .main__spec__description,
html.story .main__spec__description,
html.system .main__spec__description,
html.base .main__spec__description {
  color: #0b263d;
  font-size: 40px;
  font-size: 1.33333vw;
  line-height: 1.6;
  width: 43.33333vw;
  margin-top: 1.33333vw;
  padding: 0.66667vw;
  background-color: rgba(255, 255, 255, 0.7);
  text-shadow: none; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main__spec__description,
    html.hunting .main__spec__description,
    html.monster .main__spec__description,
    html.story .main__spec__description,
    html.system .main__spec__description,
    html.base .main__spec__description {
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6;
      width: 94.66667vw;
      margin-top: 2.66667vw;
      padding: 2.66667vw; } }

html.ecosystem .content__footer,
html.hunting .content__footer,
html.monster .content__footer,
html.story .content__footer,
html.system .content__footer,
html.base .content__footer {
  padding: 0 0 6.66667vw;
  text-align: center; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .content__footer,
    html.hunting .content__footer,
    html.monster .content__footer,
    html.story .content__footer,
    html.system .content__footer,
    html.base .content__footer {
      padding: 0 0 10.66667vw; } }

html.ecosystem .content__footer .btn_already,
html.hunting .content__footer .btn_already,
html.monster .content__footer .btn_already,
html.story .content__footer .btn_already,
html.system .content__footer .btn_already,
html.base .content__footer .btn_already {
  position: relative;
  text-align: center;
  display: inline-block;
  width: 74.26667vw;
  height: 7.66667vw;
  border: 2px solid #000;
  box-sizing: border-box;
  background-color: #26749a;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  font-size: 0;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  html.ecosystem .content__footer .btn_already .btn_already__figure,
  html.hunting .content__footer .btn_already .btn_already__figure,
  html.monster .content__footer .btn_already .btn_already__figure,
  html.story .content__footer .btn_already .btn_already__figure,
  html.system .content__footer .btn_already .btn_already__figure,
  html.base .content__footer .btn_already .btn_already__figure {
    display: inline-block;
    width: calc( 15vw - 2px);
    height: 100%;
    vertical-align: top;
    background-color: #171717; }
    html.ecosystem .content__footer .btn_already .btn_already__figure img,
    html.hunting .content__footer .btn_already .btn_already__figure img,
    html.monster .content__footer .btn_already .btn_already__figure img,
    html.story .content__footer .btn_already .btn_already__figure img,
    html.system .content__footer .btn_already .btn_already__figure img,
    html.base .content__footer .btn_already .btn_already__figure img {
      margin-top: 1vw;
      width: 11vw; }
  html.ecosystem .content__footer .btn_already .btn_already__text,
  html.hunting .content__footer .btn_already .btn_already__text,
  html.monster .content__footer .btn_already .btn_already__text,
  html.story .content__footer .btn_already .btn_already__text,
  html.system .content__footer .btn_already .btn_already__text,
  html.base .content__footer .btn_already .btn_already__text {
    position: relative;
    display: inline-block;
    width: calc( 59.2vw - 2px);
    vertical-align: top;
    padding: 1.33333vw 3.33333vw; }
    html.ecosystem .content__footer .btn_already .btn_already__text:after,
    html.hunting .content__footer .btn_already .btn_already__text:after,
    html.monster .content__footer .btn_already .btn_already__text:after,
    html.story .content__footer .btn_already .btn_already__text:after,
    html.system .content__footer .btn_already .btn_already__text:after,
    html.base .content__footer .btn_already .btn_already__text:after {
      position: absolute;
      top: calc( 50% - 1vw);
      right: 1vw;
      z-index: 10;
      content: "";
      width: 2.66667vw;
      height: 2vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l.png");
      background-size: cover;
      transition: background 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  html.ecosystem .content__footer .btn_already:hover,
  html.hunting .content__footer .btn_already:hover,
  html.monster .content__footer .btn_already:hover,
  html.story .content__footer .btn_already:hover,
  html.system .content__footer .btn_already:hover,
  html.base .content__footer .btn_already:hover {
    border: 2px solid #0e9ee3; }
    html.ecosystem .content__footer .btn_already:hover h3, html.ecosystem .content__footer .btn_already:hover p,
    html.hunting .content__footer .btn_already:hover h3,
    html.hunting .content__footer .btn_already:hover p,
    html.monster .content__footer .btn_already:hover h3,
    html.monster .content__footer .btn_already:hover p,
    html.story .content__footer .btn_already:hover h3,
    html.story .content__footer .btn_already:hover p,
    html.base .content__footer .btn_already:hover h3,
    html.base .content__footer .btn_already:hover p {
      color: #0e9ee3; }
    html.ecosystem .content__footer .btn_already:hover:after,
    html.hunting .content__footer .btn_already:hover:after,
    html.monster .content__footer .btn_already:hover:after,
    html.story .content__footer .btn_already:hover:after,
    html.base .content__footer .btn_already:hover:after {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l_on.png"); }
  html.ecosystem .content__footer .btn_already h3,
  html.hunting .content__footer .btn_already h3,
  html.monster .content__footer .btn_already h3,
  html.story .content__footer .btn_already h3,
  html.system .content__footer .btn_already h3,
  html.base .content__footer .btn_already h3 {
    color: #FFF;
    text-align: left;
    font-size: 58px;
    font-size: 1.93333vw;
    line-height: 1.6;
    line-height: 1;
    font-family: "Noto Serif JP", serif;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    font-weight: bold;
    margin-bottom: 1vw; }
  html.ecosystem .content__footer .btn_already p,
  html.hunting .content__footer .btn_already p,
  html.monster .content__footer .btn_already p,
  html.story .content__footer .btn_already p,
  html.system .content__footer .btn_already p,
  html.base .content__footer .btn_already p {
    color: #FFF;
    text-align: left;
    font-size: 35px;
    font-size: 1.16667vw;
    line-height: 1.6;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .content__footer .btn_already,
    html.hunting .content__footer .btn_already,
    html.monster .content__footer .btn_already,
    html.story .content__footer .btn_already,
    html.system .content__footer .btn_already,
    html.base .content__footer .btn_already {
      width: 94.66667vw;
      height: 22.66667vw;
      border-width: 1px; }
      html.ecosystem .content__footer .btn_already .btn_already__figure,
      html.hunting .content__footer .btn_already .btn_already__figure,
      html.monster .content__footer .btn_already .btn_already__figure,
      html.story .content__footer .btn_already .btn_already__figure,
      html.system .content__footer .btn_already .btn_already__figure,
      html.base .content__footer .btn_already .btn_already__figure {
        position: relative;
        width: calc( 22.66667vw - 1px); }
        html.ecosystem .content__footer .btn_already .btn_already__figure img,
        html.hunting .content__footer .btn_already .btn_already__figure img,
        html.monster .content__footer .btn_already .btn_already__figure img,
        html.story .content__footer .btn_already .btn_already__figure img,
        html.system .content__footer .btn_already .btn_already__figure img,
        html.base .content__footer .btn_already .btn_already__figure img {
          position: absolute;
          top: 50%;
          left: 2vw;
          margin: 0;
          transform: translateY(-50%);
          width: 19.6vw; }
      html.ecosystem .content__footer .btn_already .btn_already__text,
      html.hunting .content__footer .btn_already .btn_already__text,
      html.monster .content__footer .btn_already .btn_already__text,
      html.story .content__footer .btn_already .btn_already__text,
      html.system .content__footer .btn_already .btn_already__text,
      html.base .content__footer .btn_already .btn_already__text {
        width: calc( 72vw - 1px);
        height: 100%;
        padding: 2.66667vw 0vw 2.66667vw 2.66667vw; }
        html.ecosystem .content__footer .btn_already .btn_already__text:after,
        html.hunting .content__footer .btn_already .btn_already__text:after,
        html.monster .content__footer .btn_already .btn_already__text:after,
        html.story .content__footer .btn_already .btn_already__text:after,
        html.system .content__footer .btn_already .btn_already__text:after,
        html.base .content__footer .btn_already .btn_already__text:after {
          top: calc( 50% - 2.26667vw);
          right: 2.66667vw;
          width: 6.13333vw;
          height: 4.66667vw; }
      html.ecosystem .content__footer .btn_already h3,
      html.hunting .content__footer .btn_already h3,
      html.monster .content__footer .btn_already h3,
      html.story .content__footer .btn_already h3,
      html.system .content__footer .btn_already h3,
      html.base .content__footer .btn_already h3 {
        font-size: 30px;
        font-size: 4vw;
        line-height: 1.6;
        line-height: 1.4;
        margin-bottom: 1.33333vw; }
      html.ecosystem .content__footer .btn_already p,
      html.hunting .content__footer .btn_already p,
      html.monster .content__footer .btn_already p,
      html.story .content__footer .btn_already p,
      html.system .content__footer .btn_already p,
      html.base .content__footer .btn_already p {
        font-size: 20px;
        font-size: 2.66667vw;
        line-height: 1.6; }
      html.ecosystem .content__footer .btn_already:hover,
      html.hunting .content__footer .btn_already:hover,
      html.monster .content__footer .btn_already:hover,
      html.story .content__footer .btn_already:hover,
      html.system .content__footer .btn_already:hover,
      html.base .content__footer .btn_already:hover {
        border-width: 1px; } }

/*------------------------------------*\
	LOWER 第2階層
	ecosystem,
	hunting
	news
\*------------------------------------*/
html.ecosystem .content,
html.hunting .content,
html.news .content,
a .content,
html.story .content,
html.system .content,
html.base .content {
  position: relative; }

html.ecosystem .content__body,
html.hunting .content__body,
html.news .content__body,
html.media .content__body,
html.story .content__body,
html.system .content__body,
html.base .content__body {
  text-align: center;
  font-size: 0; }

html.ecosystem .content__header,
html.hunting .content__header,
html.news .content__header,
html.media .content__header,
html.story .content__header,
html.system .content__header,
html.base .content__header {
  position: relative;
  z-index: 100;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_top.png"), url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_bottom.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top,center bottom;
  background-color: rgba(230, 248, 253, 0.5);
  width: 74.73333vw;
  height: 100%;
  margin: 0 auto;
  padding: 1.33333vw;
  color: #0b263d;
  text-align: center; }
  html.ecosystem .content__header:before,
  html.hunting .content__header:before,
  html.news .content__header:before,
  html.media .content__header:before,
  html.story .content__header:before,
  html.system .content__header:before,
  html.base .content__header:before {
    content: "";
    position: absolute;
    top: 2vw;
    left: 0;
    width: 74.73333vw;
    height: calc(100% - 3vw);
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_center.png");
    background-size: 100%;
    background-repeat: repeat-y; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .content__header,
    html.hunting .content__header,
    html.news .content__header,
    html.media .content__header,
    html.story .content__header,
    html.system .content__header,
    html.base .content__header {
      width: 750px;
      width: 100vw;
      height: auto;
      height: auto;
      padding: 2.66667vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_top_sp.png"), url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_bottom_sp.png"); }
      html.ecosystem .content__header:before,
      html.hunting .content__header:before,
      html.news .content__header:before,
      html.media .content__header:before,
      html.story .content__header:before,
      html.system .content__header:before,
      html.base .content__header:before {
        display: none; } }

html.ecosystem .content__header__title,
html.hunting .content__header__title,
html.news .content__header__title,
html.media .content__header__title,
html.story .content__header__title,
html.system .content__header__title,
html.base .content__header__title {
  position: relative;
  display: inline-block;
  font-size: 80px;
  font-size: 2.66667vw;
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4;
  font-weight: bold;
  vertical-align: middle; }
  html.ecosystem .content__header__title.up:before,
  html.hunting .content__header__title.up:before,
  html.news .content__header__title.up:before,
  html.media .content__header__title.up:before,
  html.story .content__header__title.up:before,
  html.system .content__header__title.up:before,
  html.base .content__header__title.up:before {
    position: relative;
    left: 0;
    transform: translateY(40%);
    display: inline-block;
    vertical-align: top;
    content: '';
    width: 4.5vw;
    height: 2.16667vw;
    margin-right: 1.33333vw;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_up_l.png");
    background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .content__header__title,
    html.hunting .content__header__title,
    html.news .content__header__title,
    html.media .content__header__title,
    html.story .content__header__title,
    html.system .content__header__title,
    html.base .content__header__title {
      font-size: 50px;
      font-size: 6.66667vw;
      line-height: 1.6;
      line-height: 1.4; }
      html.ecosystem .content__header__title.up:before,
      html.hunting .content__header__title.up:before,
      html.news .content__header__title.up:before,
      html.media .content__header__title.up:before,
      html.story .content__header__title.up:before,
      html.system .content__header__title.up:before,
      html.base .content__header__title.up:before {
        display: block;
        margin: 0 auto 2.66667vw;
        width: 10.66667vw;
        height: 5.33333vw;
        margin-right: auto; } }

html.ecosystem .content__header__subTitle,
html.hunting .content__header__subTitle,
html.news .content__header__subTitle,
html.media .content__header__subTitle,
html.story .content__header__subTitle,
html.system .content__header__subTitle,
html.base .content__header__subTitle {
  display: inline-block;
  font-size: 36px;
  font-size: 1.2vw;
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  vertical-align: middle;
  letter-spacing: 0.33333vw;
  margin-left: 1.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .content__header__subTitle,
    html.hunting .content__header__subTitle,
    html.news .content__header__subTitle,
    html.media .content__header__subTitle,
    html.story .content__header__subTitle,
    html.system .content__header__subTitle,
    html.base .content__header__subTitle {
      font-size: 24px;
      font-size: 3.2vw;
      line-height: 1.6;
      letter-spacing: 0.53333vw;
      margin-left: 4vw; } }

html.ecosystem .article,
html.hunting .article,
html.news .article,
html.media .article,
html.story .article,
html.system .article,
html.base .article {
  position: relative;
  margin: 0 auto 6vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article,
    html.hunting .article,
    html.news .article,
    html.media .article,
    html.story .article,
    html.system .article,
    html.base .article {
      margin: 0 auto 8vw; } }

html.ecosystem .article__text,
html.hunting .article__text,
html.news .article__text,
html.media .article__text,
html.story .article__text,
html.system .article__text,
html.base .article__text {
  text-align: center;
  font-size: 40px;
  font-size: 1.33333vw;
  line-height: 1.6;
  width: 2242px;
  width: 74.73333vw;
  height: auto;
  margin: 3.33333vw auto 0; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__text,
    html.hunting .article__text,
    html.news .article__text,
    html.media .article__text,
    html.story .article__text,
    html.system .article__text,
    html.base .article__text {
      text-align: left;
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6;
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 8vw auto 0; } }

html.ecosystem .article__notice,
html.hunting .article__notice,
html.news .article__notice,
html.media .article__notice,
html.story .article__notice,
html.system .article__notice,
html.base .article__notice {
  text-align: center;
  font-size: 1vw;
  line-height: 1.2;
  width: 74.73333vw;
  height: auto;
  margin: 1.3333vw auto 0; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__notice,
    html.hunting .article__notice,
    html.news .article__notice,
    html.media .article__notice,
    html.story .article__notice,
    html.system .article__notice,
    html.base .article__notice {
      text-align: left;
      font-size: 3vw;
      line-height: 1.2;
      width: 94.66667vw;
      height: auto;
      margin: 4vw auto 0; } }

html.ecosystem .article__notice li,
html.hunting .article__notice  li,
html.news .article__notice  li,
html.media .article__notice  li,
html.story .article__notice li,
html.system .article__notice  li,
html.base .article__notice  li{
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.2;}

html.ecosystem .article__figure,
html.hunting .article__figure,
html.news .article__figure,
html.media .article__figure,
html.story .article__figure,
html.system .article__figure,
html.base .article__figure {
  position: relative;
  width: 2160px;
  width: 72vw;
  height: auto;
  margin-top: 3.33333vw; }
  html.ecosystem .article__figure img,
  html.hunting .article__figure img,
  html.news .article__figure img,
  html.media .article__figure img,
  html.story .article__figure img,
  html.system .article__figure img,
  html.base .article__figure img {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  html.ecosystem .article__figure .movieWrapper,
  html.hunting .article__figure .movieWrapper,
  html.news .article__figure .movieWrapper,
  html.media .article__figure .movieWrapper,
  html.story .article__figure .movieWrapper,
  html.system .article__figure .movieWrapper,
  html.base .article__figure .movieWrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    overflow: hidden;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
    html.ecosystem .article__figure .movieWrapper iframe, html.ecosystem .article__figure .movieWrapper video,
    html.hunting .article__figure .movieWrapper iframe,
    html.hunting .article__figure .movieWrapper video,
    html.news .article__figure .movieWrapper iframe,
    html.media .article__figure .movieWrapper iframe,
    html.news .article__figure .movieWrapper video,
    html.media .article__figure .movieWrapper video,
    html.story .article__figure .movieWrapper iframe,
    html.story .article__figure .movieWrapper video,
    html.system .article__figure .movieWrapper iframe,
    html.system .article__figure .movieWrapper video,
    html.base .article__figure .movieWrapper iframe,
    html.base .article__figure .movieWrapper video {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure,
    html.hunting .article__figure,
    html.news .article__figure,
    html.media .article__figure,
    html.story .article__figure,
    html.system .article__figure,
    html.base .article__figure {
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 8vw auto 0; } }

html.ecosystem .article__figure_right,
html.hunting .article__figure_right,
html.news .article__figure_right,
html.media .article__figure_right,
html.story .article__figure_right,
html.system .article__figure_right,
html.base .article__figure_right {
  margin-left: auto; }

html.ecosystem .article__figure_full,
html.hunting .article__figure_full,
html.news .article__figure_full,
html.media .article__figure_full,
html.story .article__figure_full,
html.system .article__figure_full,
html.base .article__figure_full {
  width: 100%; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure_full,
    html.hunting .article__figure_full,
    html.news .article__figure_full,
    html.media .article__figure_full,
    html.story .article__figure_full,
    html.system .article__figure_full,
    html.base .article__figure_full {
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 0 auto; } }

html.ecosystem .article__figure_large,
html.hunting .article__figure_large,
html.news .article__figure_large,
html.media .article__figure_large,
html.story .article__figure_large,
html.system .article__figure_large,
html.base .article__figure_large {
  width: 88vw;
  margin: 3.33333vw auto 0; }
  html.ecosystem .article__figure_large img,
  html.hunting .article__figure_large img,
  html.news .article__figure_large img,
  html.media .article__figure_large img,
  html.story .article__figure_large img,
  html.system .article__figure_large img,
  html.base .article__figure_large img {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure_large,
    html.hunting .article__figure_large,
    html.news .article__figure_large,
    html.media .article__figure_large,
    html.story .article__figure_large,
    html.system .article__figure_large,
    html.base .article__figure_large {
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 8vw auto 0; } }

html.ecosystem .article__slider,
html.hunting .article__slider,
html.news .article__slider,
html.media .article__slider,
html.story .article__slider,
html.system .article__slider,
html.base .article__slider {
  width: 88vw;
  margin: 3.33333vw auto 0;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  html.ecosystem .article__slider img,
  html.hunting .article__slider img,
  html.news .article__slider img,
  html.media .article__slider img,
  html.story .article__slider img,
  html.system .article__slider img,
  html.base .article__slider img {
    display: inline-block;
    width: 50%; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__slider,
    html.hunting .article__slider,
    html.news .article__slider,
    html.media .article__slider,
    html.story .article__slider,
    html.system .article__slider,
    html.base .article__slider {
      width: 94.66667vw;
      margin: 8vw auto 0;
      box-shadow: none; }
      html.ecosystem .article__slider img,
      html.hunting .article__slider img,
      html.news .article__slider img,
      html.media .article__slider img,
      html.story .article__slider img,
      html.system .article__slider img,
      html.base .article__slider img {
        width: 100%;
        margin: 0 1.6vw;
        box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4); } }

html.ecosystem .article__figure__slider,
html.hunting .article__figure__slider,
html.news .article__figure__slider,
html.media .article__figure__slider,
html.story .article__figure__slider,
html.system .article__figure__slider,
html.base .article__figure__slider {
  width: 100%;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5); }
  html.ecosystem .article__figure__slider img,
  html.hunting .article__figure__slider img,
  html.news .article__figure__slider img,
  html.media .article__figure__slider img,
  html.story .article__figure__slider img,
  html.system .article__figure__slider img,
  html.base .article__figure__slider img {
    box-shadow: none; }
  html.ecosystem .article__figure__slider img:not(:nth-child(1)),
  html.hunting .article__figure__slider img:not(:nth-child(1)),
  html.news .article__figure__slider img:not(:nth-child(1)),
  html.media .article__figure__slider img:not(:nth-child(1)),
  html.story .article__figure__slider img:not(:nth-child(1)),
  html.system .article__figure__slider img:not(:nth-child(1)),
  html.base .article__figure__slider img:not(:nth-child(1)) {
    position: absolute;
    left: 0;
    opacity: 0; }
  html.ecosystem .article__figure__slider .slick-list,
  html.hunting .article__figure__slider .slick-list,
  html.news .article__figure__slider .slick-list,
  html.media .article__figure__slider .slick-list,
  html.story .article__figure__slider .slick-list,
  html.system .article__figure__slider .slick-list,
  html.base .article__figure__slider .slick-list {
    width: 100%;
    padding: 0 !important;
    margin-left: 0; }

html.ecosystem .article .movieWrapper,
html.hunting .article .movieWrapper,
html.news .article .movieWrapper,
html.media .article .movieWrapper,
html.story .article .movieWrapper,
html.system .article .movieWrapper,
html.base .article .movieWrapper {
  background-size: cover;
  background-position: center center; }

html.ecosystem .article_01 .movieWrapper,
html.hunting .article_01 .movieWrapper,
html.news .article_01 .movieWrapper,
html.media .article_01 .movieWrapper,
html.story .article_01 .movieWrapper,
html.system .article_01 .movieWrapper,
html.base .article_01 .movieWrapper {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/img_01.jpg"); }

html.ecosystem .article_02 .movieWrapper,
html.hunting .article_02 .movieWrapper,
html.news .article_02 .movieWrapper,
html.media .article_02 .movieWrapper,
html.story .article_02 .movieWrapper,
html.system .article_02 .movieWrapper,
html.base .article_02 .movieWrapper {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/img_02.jpg"); }

html.ecosystem .article_03 .movieWrapper,
html.hunting .article_03 .movieWrapper,
html.news .article_03 .movieWrapper,
html.media .article_03 .movieWrapper,
html.story .article_03 .movieWrapper,
html.system .article_03 .movieWrapper,
html.base .article_03 .movieWrapper {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/img_03.jpg"); }

html.ecosystem .article__figure__text,
html.hunting .article__figure__text,
html.news .article__figure__text,
html.media .article__figure__text,
html.story .article__figure__text,
html.system .article__figure__text,
html.base .article__figure__text {
  position: absolute;
  bottom: -3.33333vw;
  left: 48vw;
  z-index: 10; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure__text,
    html.hunting .article__figure__text,
    html.news .article__figure__text,
    html.media .article__figure__text,
    html.story .article__figure__text,
    html.system .article__figure__text,
    html.base .article__figure__text {
      position: relative;
      bottom: 0;
      left: 0;
      margin-top: 2.66667vw; } }

html.ecosystem .article__figure_right .article__figure__text,
html.hunting .article__figure_right .article__figure__text,
html.news .article__figure_right .article__figure__text,
html.media .article__figure_right .article__figure__text,
html.story .article__figure_right .article__figure__text,
html.system .article__figure_right .article__figure__text,
html.base .article__figure_right .article__figure__text {
  left: -18.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure_right .article__figure__text,
    html.hunting .article__figure_right .article__figure__text,
    html.news .article__figure_right .article__figure__text,
    html.media .article__figure_right .article__figure__text,
    html.story .article__figure_right .article__figure__text,
    html.system .article__figure_right .article__figure__text,
    html.base .article__figure_right .article__figure__text {
      left: auto; } }

html.ecosystem .article__figure_full .article__figure__text,
html.hunting .article__figure_full .article__figure__text,
html.news .article__figure_full .article__figure__text,
html.media .article__figure_full .article__figure__text,
html.story .article__figure_full .article__figure__text,
html.system .article__figure_full .article__figure__text,
html.base .article__figure_full .article__figure__text {
  bottom: 3.33333vw;
  left: auto;
  right: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure_full .article__figure__text,
    html.hunting .article__figure_full .article__figure__text,
    html.news .article__figure_full .article__figure__text,
    html.media .article__figure_full .article__figure__text,
    html.story .article__figure_full .article__figure__text,
    html.system .article__figure_full .article__figure__text,
    html.base .article__figure_full .article__figure__text {
      position: relative;
      right: auto;
      bottom: auto;
      margin-top: 2.66667vw; } }

html.ecosystem .textbox,
html.hunting .textbox,
html.news .textbox,
html.media .textbox,
html.story .textbox,
html.system .textbox,
html.base .textbox {
  width: 1280px;
  width: 42.66667vw;
  height: auto;
  padding: 2vw;
  background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_top.png") no-repeat, url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_bottom.png") no-repeat;
  background-size: 100%;
  background-position: center top,center bottom;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  html.ecosystem .textbox p,
  html.hunting .textbox p,
  html.news .textbox p,
  html.media .textbox p,
  html.story .textbox p,
  html.system .textbox p,
  html.base .textbox p {
    position: relative;
    z-index: 1;
    text-align: left;
    font-size: 40px;
    font-size: 1.33333vw;
    line-height: 1.6; }
  html.ecosystem .textbox:before,
  html.hunting .textbox:before,
  html.news .textbox:before,
  html.media .textbox:before,
  html.story .textbox:before,
  html.system .textbox:before,
  html.base .textbox:before {
    content: "";
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_center.png");
    background-size: 100%;
    background-repeat: repeat-y;
    width: 100%;
    height: calc( 100% - 5.33333vw);
    position: absolute;
    top: 2.66667vw;
    left: 0;
    z-index: 0; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .textbox,
    html.hunting .textbox,
    html.news .textbox,
    html.media .textbox,
    html.story .textbox,
    html.system .textbox,
    html.base .textbox {
      width: 710px;
      width: 94.66667vw;
      height: auto;
      padding: 5.33333vw 2.66667vw;
      background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_top_sp.png") no-repeat, url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_bottom_sp.png") no-repeat;
      background-size: 100%;
      background-position: center top,center bottom;
      background-color: rgba(255, 255, 255, 0.8); }
      html.ecosystem .textbox p,
      html.hunting .textbox p,
      html.news .textbox p,
      html.media .textbox p,
      html.story .textbox p,
      html.system .textbox p,
      html.base .textbox p {
        font-size: 26px;
        font-size: 3.46667vw;
        line-height: 1.6; }
      html.ecosystem .textbox:before,
      html.hunting .textbox:before,
      html.news .textbox:before,
      html.media .textbox:before,
      html.story .textbox:before,
      html.system .textbox:before,
      html.base .textbox:before {
        top: 5.33333vw;
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_center_sp.png");
        background-size: 100%;
        background-repeat: repeat-y;
        width: 94.66667vw;
        height: calc( 100% - 8vw); } }

html.ecosystem .article__flow,
html.hunting .article__flow,
html.news .article__flow,
html.media .article__flow,
html.story .article__flow,
html.system .article__flow,
html.base .article__flow {
  font-size: 0;
  margin-top: 6vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__flow,
    html.hunting .article__flow,
    html.news .article__flow,

    html.media .article__flow,
    html.story .article__flow,
    html.system .article__flow,
    html.base .article__flow {
      margin-top: 0; } }

html.ecosystem .article__flow__item,
html.hunting .article__flow__item,
html.news .article__flow__item,
html.media .article__flow__item,
html.story .article__flow__item,
html.system .article__flow__item,
html.base .article__flow__item {
  position: relative;
  display: inline-block;
  width: 1300px;
  width: 43.33333vw;
  height: auto;
  vertical-align: top; }
  html.ecosystem .article__flow__item:nth-child(even),
  html.hunting .article__flow__item:nth-child(even),
  html.news .article__flow__item:nth-child(even),
  html.media .article__flow__item:nth-child(even),
  html.story .article__flow__item:nth-child(even),
  html.system .article__flow__item:nth-child(even),
  html.base .article__flow__item:nth-child(even) {
    margin-left: 1.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__flow__item,
    html.hunting .article__flow__item,
    html.news .article__flow__item,
    html.media .article__flow__item,
    html.story .article__flow__item,
    html.system .article__flow__item,
    html.base .article__flow__item {
      display: block;
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 8vw auto 0; }
      html.ecosystem .article__flow__item:nth-child(even),
      html.hunting .article__flow__item:nth-child(even),
      html.news .article__flow__item:nth-child(even),
      html.media .article__flow__item:nth-child(even),
      html.story .article__flow__item:nth-child(even),
      html.system .article__flow__item:nth-child(even),
      html.base .article__flow__item:nth-child(even) {
        margin: 8vw auto 0; } }

html.ecosystem .article__flow__item__figure img,
html.hunting .article__flow__item__figure img,
html.news .article__flow__item__figure img,
html.media .article__flow__item__figure img,
html.story .article__flow__item__figure img,
html.system .article__flow__item__figure img,
html.base .article__flow__item__figure img {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }

html.ecosystem .article__flow__item__figure__figcaption,
html.hunting .article__flow__item__figure__figcaption,
html.news .article__flow__item__figure__figcaption,
html.media .article__flow__item__figure__figcaption,
html.story .article__flow__item__figure__figcaption,
html.system .article__flow__item__figure__figcaption,
html.base .article__flow__item__figure__figcaption {
  position: relative;
  margin: 1.33333vw auto 0; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__flow__item__figure__figcaption,
    html.hunting .article__flow__item__figure__figcaption,
    html.news .article__flow__item__figure__figcaption,
    html.media .article__flow__item__figure__figcaption,
    html.story .article__flow__item__figure__figcaption,
    html.system .article__flow__item__figure__figcaption,
    html.base .article__flow__item__figure__figcaption {
      margin-top: 2.66667vw; } }

html.ecosystem .article__column2,
html.hunting .article__column2,
html.news .article__column2,
html.media .article__column2,
html.story .article__column2,
html.system .article__column2,
html.base .article__column2 {
  text-align: center;
  font-size: 0;
  margin-top: 6vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__column2,
    html.hunting .article__column2,
    html.news .article__column2,
    html.media .article__column2,
    html.story .article__column2,
    html.system .article__column2,
    html.base .article__column2 {
      margin-top: 0; } }

html.ecosystem .article__column2__figure,
html.hunting .article__column2__figure,
html.news .article__column2__figure,
html.media .article__column2__figure,
html.story .article__column2__figure,
html.system .article__column2__figure,
html.base .article__column2__figure {
  position: relative;
  display: inline-block;
  width: 1300px;
  width: 43.33333vw;
  height: auto;
  vertical-align: top; }
  html.ecosystem .article__column2__figure:nth-child(even),
  html.hunting .article__column2__figure:nth-child(even),
  html.news .article__column2__figure:nth-child(even),
  html.media .article__column2__figure:nth-child(even),
  html.story .article__column2__figure:nth-child(even),
  html.system .article__column2__figure:nth-child(even),
  html.base .article__column2__figure:nth-child(even) {
    margin-left: 1.33333vw; }
  html.ecosystem .article__column2__figure img,
  html.hunting .article__column2__figure img,
  html.news .article__column2__figure img,
  html.media .article__column2__figure img,
  html.story .article__column2__figure img,
  html.system .article__column2__figure img,
  html.base .article__column2__figure img {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__column2__figure,
    html.hunting .article__column2__figure,
    html.news .article__column2__figure,
    html.media .article__column2__figure,
    html.story .article__column2__figure,
    html.system .article__column2__figure,
    html.base .article__column2__figure {
      display: block;
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 2.66667vw auto 0; }
      html.ecosystem .article__column2__figure:nth-child(even),
      html.hunting .article__column2__figure:nth-child(even),
      html.news .article__column2__figure:nth-child(even),
      html.media .article__column2__figure:nth-child(even),
      html.story .article__column2__figure:nth-child(even),
      html.system .article__column2__figure:nth-child(even),
      html.base .article__column2__figure:nth-child(even) {
        margin: 2.66667vw auto 0; } }

html.ecosystem .article__column2__body,
html.hunting .article__column2__body,
html.news .article__column2__body,
html.media .article__column2__body,
html.story .article__column2__body,
html.system .article__column2__body,
html.base .article__column2__body {
  width: 88vw;
  margin: 1.33333vw auto 0; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__column2__body,
    html.hunting .article__column2__body,
    html.news .article__column2__body,
    html.media .article__column2__body,
    html.story .article__column2__body,
    html.system .article__column2__body,
    html.base .article__column2__body {
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 2.66667vw auto 0; } }

html.ecosystem .article__column2 .textbox,
html.hunting .article__column2 .textbox,
html.news .article__column2 .textbox,
html.media .article__column2 .textbox,
html.story .article__column2 .textbox,
html.system .article__column2 .textbox,
html.base .article__column2 .textbox {
  background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_top_l.png") no-repeat, url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_bottom_l.png") no-repeat;
  background-size: 100%;
  background-position: center top,center bottom;
  background-color: rgba(255, 255, 255, 0.8); }
  html.ecosystem .article__column2 .textbox:before,
  html.hunting .article__column2 .textbox:before,
  html.news .article__column2 .textbox:before,
  html.media .article__column2 .textbox:before,
  html.story .article__column2 .textbox:before,
  html.system .article__column2 .textbox:before,
  html.base .article__column2 .textbox:before {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_center_l.png"); }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__column2 .textbox,
    html.hunting .article__column2 .textbox,
    html.news .article__column2 .textbox,
    html.media .article__column2 .textbox,
    html.story .article__column2 .textbox,
    html.system .article__column2 .textbox,
    html.base .article__column2 .textbox {
      background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_top_sp.png") no-repeat, url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_bottom_sp.png") no-repeat;
      background-size: 100%;
      background-position: center top,center bottom;
      background-color: rgba(255, 255, 255, 0.8); }
      html.ecosystem .article__column2 .textbox:before,
      html.hunting .article__column2 .textbox:before,
      html.news .article__column2 .textbox:before,
      html.media .article__column2 .textbox:before,
      html.story .article__column2 .textbox:before,
      html.system .article__column2 .textbox:before,
      html.base .article__column2 .textbox:before {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_center_sp.png");
        background-size: 100%;
        background-repeat: repeat-y; } }

/*------------------------------------*\
	$ELEMENTS
\*------------------------------------*/
/*------------------------------------*\
	$LOADER
\*------------------------------------*/
#loader {
  display: none; }

/*------------------------------------*\
	$HEADER
\*------------------------------------*/
#header {
  position: absolute;
  z-index: 9999; }

/*************
menu
 */
.btn_menu {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 1.66667vw;
  z-index: 9999;
  width: 5.66667vw;
  height: 6.03333vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_menu_base.png");
  background-size: cover;
  transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_menu:hover {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_menu_base_on.png"); }
  @media only screen and (max-width: 1000px) {
    .btn_menu {
      right: 2.66667vw;
      width: 14.93333vw;
      height: 16vw; } }

.btn_menu__text {
  position: absolute;
  top: 0.93333vw;
  font-size: 26px;
  font-size: 0.86667vw;
  line-height: 1.6;
  width: 5.66667vw;
  text-align: center;
  line-height: 1;
  color: #FFF;
  transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    .btn_menu__text {
      top: 2.13333vw;
      font-size: 20px;
      font-size: 2.66667vw;
      line-height: 1.6;
      line-height: 1;
      width: 14.93333vw; } }

.btn_menu__date {
  color: #FFF;
  text-align: center;
  font-size: 26px;
  font-size: 0.86667vw;
  line-height: 1.6;
  margin-top: 4vw; }
  @media only screen and (max-width: 1000px) {
    .btn_menu__date {
      font-size: 20px;
      font-size: 2.66667vw;
      line-height: 1.6;
      line-height: 1;
      margin-top: 10.66667vw; } }

.btn_menu__hamburger {
  position: absolute;
  top: 2.33333vw;
  left: 1.76667vw; }
  @media only screen and (max-width: 1000px) {
    .btn_menu__hamburger {
      top: 6.66667vw;
      left: 4.66667vw; } }

.btn_menu__hamburger__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.13333vw;
  height: 0.13333vw;
  background-color: #cecccc;
  transition: transform 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn_menu__hamburger__line:nth-child(2n) {
    top: 0.46667vw;
    left: 0; }
  @media only screen and (max-width: 1000px) {
    .btn_menu__hamburger__line {
      width: 5.6vw;
      height: 0.53333vw; }
      .btn_menu__hamburger__line:nth-child(2n) {
        top: 1.33333vw; } }

.btn_menu.js-openMenu .btn_menu__hamburger__line {
  transform: rotate(210deg);
  top: 0.23333vw; }
  .btn_menu.js-openMenu .btn_menu__hamburger__line:nth-child(2n) {
    transform: rotate(-210deg);
    top: 0.23333vw; }
  @media only screen and (max-width: 1000px) {
    .btn_menu.js-openMenu .btn_menu__hamburger__line {
      top: 0.93333vw; }
      .btn_menu.js-openMenu .btn_menu__hamburger__line:nth-child(2n) {
        top: 0.93333vw; } }

.globalMenu {
  display: none;
  opacity: 0;
  position: fixed;
  width: calc(100% + 17px);
  padding-right: 17px;
  height: 100%;
  top: 0;
  z-index: 9998;
  background-color: #FFF;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/bg_pattern.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  overflow-y: scroll; }
  .globalMenu:after {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }

.globalMenu__inner {
  position: relative;
  z-index: 1;
  width: 1200px;
  width: 40vw;
  height: auto;
  margin: 0 auto;
  padding: 6.66667vw 0 0; }
  @media only screen and (max-width: 1000px) {
    .globalMenu__inner {
      margin-left: 16vw;
      padding: 26.66667vw 0 0;
      width: 600px;
      width: 80vw;
      height: auto; } }

.globalMenu__item {
  display: block;
  color: #0b263d;
  font-size: 0;
  padding: 1.66667vw 0;
  transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .globalMenu__item.up {
    position: relative; }
    .globalMenu__item.up:before {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -3vw;
      content: '';
      width: 2vw;
      height: 1.33333vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_up.png");
      background-size: cover; }
    @media only screen and (max-width: 1000px) {
      .globalMenu__item.up:before {
        left: -12vw;
        width: 8vw;
        height: 5.33333vw; } }
  .globalMenu__item:first-child {
    border-top: none; }
  .globalMenu__item:hover {
    color: #0e9ee3; }
  @media only screen and (max-width: 1000px) {
    .globalMenu__item {
      padding: 2.66667vw 0; } }

.globalMenu__item__en {
  font-family: "Cardo", serif;
  font-size: 56px;
  font-size: 1.86667vw;
  line-height: 1.6;
  font-weight: bold;
  line-height: 1;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    .globalMenu__item__en {
      font-size: 40px;
      font-size: 5.33333vw;
      line-height: 1.6; } }

.globalMenu__item__ja {
  font-size: 30px;
  font-size: 1vw;
  line-height: 1.6;
  line-height: 1;
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  margin-left: 1.66667vw; }
  @media only screen and (max-width: 1000px) {
    .globalMenu__item__ja {
      font-size: 24px;
      font-size: 3.2vw;
      line-height: 1.6;
      margin-left: 2.66667vw; } }

.globalMenu__inner a.globalMenu__item_top,
.globalMenu__inner a.globalMenu__item_news,
.globalMenu__inner a.globalMenu__item_media,
.globalMenu__inner a.globalMenu__item_system,
.globalMenu__inner a.globalMenu__item_dlc {
    border-bottom: 1px solid #0b263d;
}
/*************
reservation
 */
.btn__reservation {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 9.33333vw;
  z-index: 99;
  width: 12.96667vw;
  height: 4.33333vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_reservation_base.png");
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #FFF;
  border-top: 0; }
  .btn__reservation .btn__reservation__text__en {
    color: #FFF;
    font-weight: bold;
    font-size: 36px;
    font-size: 1.2vw;
    line-height: 1.6;
    line-height: 1;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .btn__reservation .btn__reservation__text__ja {
    color: #ffde00;
    font-weight: normal;
    font-size: 22px;
    font-size: 0.73333vw;
    line-height: 1.6;
    line-height: 1;
    margin-top: 0.33333vw;
    text-shadow: 2px 2px 0px #000; }
  @media only screen and (max-width: 1000px) {
    .btn__reservation {
      right: 20vw;
      width: 33.33333vw;
      height: 11.2vw; }
      .btn__reservation .btn__reservation__text {
        margin-top: 0vw; }
      .btn__reservation .btn__reservation__text__en {
        font-size: 26px;
        font-size: 3.46667vw;
        line-height: 1.6;
        line-height: 1; }
      .btn__reservation .btn__reservation__text__ja {
        font-size: 18px;
        font-size: 2.4vw;
        line-height: 1.6;
        margin-top: 0.53333vw;
        line-height: 1; } }

/*------------------------------------*\
	$FOOTER
\*------------------------------------*/
#footer {
  position: relative;
  z-index: 1; }
#title_footer {
  background-color: #000;
}
/*------------------------------------*\
	SNS
\*------------------------------------*/
.footer__sns {
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 2vw 0 1.33333vw;
  background-color: rgba(34, 115, 155, 0.8); }
  @media only screen and (max-width: 1000px) {
    .footer__sns {
      padding: 5.33333vw 0 0vw; } }

.footer__sns__list {
  font-size: 0; }

.footer__sns__list__item {
  display: inline-block;
  margin: 0 0.33333vw; }
  .footer__sns__list__item i {
    color: #FFF;
    font-size: 140px;
    font-size: 4.66667vw;
    line-height: 1.6;
    line-height: 1; }
  @media only screen and (max-width: 1000px) {
    .footer__sns__list__item i {
      font-size: 100px;
      font-size: 13.33333vw;
      line-height: 1.6; } }

.footer__sns__text {
  color: #FFF;
  font-family: "Cardo", serif;
  font-size: 40px;
  font-size: 1.33333vw;
  line-height: 1.6;
  line-height: 1;
  margin-bottom: 0.33333vw; }
  @media only screen and (max-width: 1000px) {
    .footer__sns__text {
      font-size: 40px;
      font-size: 5.33333vw;
      line-height: 1.6;
      margin-bottom: 0; } }

/*------------------------------------*\
	topに戻る
\*------------------------------------*/
.footer__back {
  text-align: center;
  padding: 1.66667vw 0;
  background-color: #0b263d; }
  .footer__back a {
    color: #FFF;
    transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    .footer__back a:hover {
      color: #0e9ee3; }
  @media only screen and (max-width: 1000px) {
    .footer__back {
      padding: 5.33333vw 0; } }

.footer__back__text {
  font-size: 36px;
  font-size: 1.2vw;
  line-height: 1.6;
  line-height: 1; }
  .footer__back__text i {
    margin-right: 0.66667vw; }
  @media only screen and (max-width: 1000px) {
    .footer__back__text {
      font-size: 36px;
      font-size: 4.8vw;
      line-height: 1.6; }
      .footer__back__text i {
        margin-right: 2.66667vw; } }

/*------------------------------------*\
	world
\*------------------------------------*/
.footer__world {
  text-align: center;
  background-color: #000000;
  font-size: 0;
  padding: 1.33333vw 0; }
  .footer__world a {
    color: #FFF; }
  .footer__world .footer__world__text {
    text-align: left;
    display: inline-block;
    font-size: 32px;
    font-size: 1.06667vw;
    line-height: 1.6;
    vertical-align: middle;
    margin-right: 2.66667vw; }
  .footer__world .footer__world__figure {
    display: inline-block;
    vertical-align: middle;
    width: 10.83333vw; }
    .footer__world .footer__world__figure img {
      width: 100%;
      height: auto; }
  @media only screen and (max-width: 1000px) {
    .footer__world {
      padding: 8vw 0; }
      .footer__world .footer__world__text {
		width:56vw;
        font-size: 26px;
        font-size: 3.46667vw;
        line-height: 1.6; }
      .footer__world .footer__world__figure {
        width: 32vw; } }

.footer__world_iceborne {
  color: #314855;
  background-color: #FFF; }
  .footer__world_iceborne a {
    color: #314855; }

/*------------------------------------*\
	spec
\*------------------------------------*/
.footer__spec {
  position: relative;
  color: #c3c3c3;
  padding: 2.66667vw 0;
  border-top: 1px solid #474747;
  background-color: #0b263d; }
  @media only screen and (max-width: 1000px) {
    .footer__spec {
      padding: 8vw 4vw; } }

.footer__spec .hide-sp {
  display: block; }
.footer__spec .hide-pc {
  display: none; }
  @media screen and (max-width: 1000px) {
    .footer__spec .hide-sp {
      display: none; }
	.footer__spec .hide-pc {
 	 display: block; }}

.footer__spec__inner {
  width: 60vw;
  margin: 0 auto; }
  @media only screen and (max-width: 1000px) {
    .footer__spec__inner {
      width: 100%; } }

.footer__spec__title {
  font-size: 32px;
  font-size: 1.06667vw;
  line-height: 1.6;
  margin-bottom: 1.33333vw; }
  @media only screen and (max-width: 1000px) {
    .footer__spec__title {
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6;
      margin-bottom: 5.33333vw; } }

.footer__spec__body {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 1000px) {
    .footer__spec__body {
      display: block;
      justify-content: normal; } }

.footer__spec__body__col {
  font-size: 28px;
  font-size: 0.93333vw;
  line-height: 1.6; }
  .footer__spec__body__col:nth-child(3) .footer__spec__body__text {
    display: inline-block;
    vertical-align: top; }
  @media only screen and (max-width: 1000px) {
    .footer__spec__body__col {
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6; }
      .footer__spec__body__col:nth-child(3) .footer__spec__body__text {
        display: block; } }

.footer__spec__body__text {
  margin-bottom: 0.66667vw; }
  @media only screen and (max-width: 1000px) {
    .footer__spec__body__text {
      margin-bottom: 1.33333vw; } }

.footer__spec__body__text__title {
  display: inline-block;
  vertical-align: top; }

.footer__spec__body__text__description {
  display: inline-block;
  vertical-align: top; }

.footer__spec__body__figure {
  width: 3.66667vw;
  display: inline-block;
  transform: translateY(-40%); }
  .footer__spec__body__figure img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1000px) {
    .footer__spec__body__figure {
      position: absolute;
      top: 4vw;
      right: 4vw;
      width: 7.46667vw;
      transform: translateY(0); } }

/*------------------------------------*\
	Web manual
\*------------------------------------*/
.footer__webmanual__btn {
  font-size:0.93333vw;
  position: relative;
  color: #FFF;
  line-height: 1.2;
  line-height: 1;
  text-align: center;
  display: block;
  width: 30vw;
  margin: 1vw 0 0;
  padding: 0.5vw;
  border: 1px solid #FFF;
  transition: all 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .footer__webmanual__btn:after{
    content: "＞";
    position: absolute;
    display: block;
    color: rgb(255, 255, 255);
    line-height: 1;
    right: 1em;
	top: 50%;
	transform: translateY(-50%);
  }
  .footer__webmanual__btn:hover {
    color: #0e9ee3;
    border-color: #0e9ee3; }
    .footer__webmanual__btn:hover:after {
    color: #0e9ee3;
    }
  @media only screen and (max-width: 1000px) {
    .footer__webmanual__btn {
      margin: 2vw 0 0;
      font-size: 30px;
      font-size: 3.46667vw;
      line-height: 1.6;
      width: 100%;
      padding: 1.33333vw 6vw 1.333333vw 3vw;
      border-width: 1px; }
      .footer__webmanual__btn:after{
		  right: 2vw;
      }
    }

    .footer__note {
    	font-size: 0.93333vw;
    	position: relative;
    	color: #c3c3c3;
    	line-height: 1.2;
    	line-height: 1;
    	text-align: left;
    	display: block;
    	margin: 1vw 0 0;
    }
    .footer__note p{
    	line-height: 1.5;
    }
    @media only screen and (max-width: 1000px) {
    .footer__note {
    	margin: 2vw 0 0;
    	font-size: 30px;
    	font-size: 3.46667vw;
    	line-height: 1.6;
    	border-width: 1px;
    }
    }
/*------------------------------------*\
	SelectLanguage
\*------------------------------------*/
.footer__selectLanguage {
  background-color: #0b263d;
  padding: 0.66667vw 0;
  border-top: 1px solid #474747; }
  @media only screen and (max-width: 1000px) {
    .footer__selectLanguage {
      padding: 4vw 0; } }

.footer__selectLanguage__btn {
  color: #FFF;
  font-size: 30px;
  font-size: 1vw;
  line-height: 1.6;
  line-height: 1;
  text-align: center;
  display: block;
  width: 19.33333vw;
  margin: 0 auto;
  padding: 0.86667vw;
  border: 2px solid #FFF;
  transition: all 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .footer__selectLanguage__btn:hover {
    color: #0e9ee3;
    border-color: #0e9ee3; }
  @media only screen and (max-width: 1000px) {
    .footer__selectLanguage__btn {
      font-size: 30px;
      font-size: 4vw;
      line-height: 1.6;
      width: 94.66667vw;
      padding: 1.33333vw;
      border-width: 1px; } }

/*------------------------------------*\
	Link
\*------------------------------------*/
.footer__link {
  text-align: center;
  padding: 1.33333vw 0;
  border-top: 1px solid #474747;
  background-color: #0b263d;
  font-size: 0; }
  @media only screen and (max-width: 1000px) {
    .footer__link {
      text-align: left;
      padding: 8vw 0; } }

.footer__fade__bnr {
	width: 55vw;
	display: block;
	margin: 2vw auto;
}
.footer__fade__bnr img{
	width: 100%;
}
.footer__link__bnr:hover {
	opacity: 0.8;
}

.footer__fade__bnr .slick-list {
	width: auto;
	margin: 0;
	padding: 0 !important;
}
.footer__link__btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 32vw;
  height: 6vw;
  margin: 0 0.66667vw;
  border: 1px solid #FFF;
  color: #FFF;
  transition: background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  background-color: #000; }
  .footer__link__btn:after {
    content: "";
    width: 46px;
    width: 1.53333vw;
    height: auto;
    height: 35px;
    height: 1.16667vw;
    position: absolute;
    top: 50%;
    right: 0.66667vw;
    transform: translateY(-50%);
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l.png");
    background-size: cover;
    transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .footer__link__btn:hover {
    color: #000;
    background-color: #FFF; }
    .footer__link__btn:hover:after {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_darkblue.png"); }
  .footer__link__btn:nth-child(2) .footer__link__btn__figure {
    width: 4.46667vw;
    padding: 1.33333vw 0 0; }
  @media only screen and (max-width: 1000px) {
	.footer__fade__bnr {
		width: 94.66667vw;
		display: block;
		margin:0 auto;
	}
    .footer__link__btn {
      display: block;
      width: 94.66667vw;
      height: auto;
      margin: 0 auto 5.33333vw; }
      .footer__link__btn:after {
        width: 40px;
        width: 5.33333vw;
        height: auto;
        height: 30px;
        height: 4vw;
        right: 2.66667vw; }
      .footer__link__btn:nth-child(2) .footer__link__btn__figure {
        width: 17.86667vw;
        margin: 5.33333vw 2.66667vw 6.66667vw 2.66667vw; } }

.footer__link__btn__figure {
  display: inline-block;
  vertical-align: top;
  width: 3.66667vw;
  padding: 0.66667vw 0 0;
  margin-right: 0.66667vw; }
  .footer__link__btn__figure img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1000px) {
    .footer__link__btn__figure {
      margin: 2.66667vw 4vw 2.66667vw 4vw;
      width: 14.66667vw; } }

.footer__link__btn__text {
  display: inline-block;
  vertical-align: top;
  font-size: 32px;
  font-size: 1.06667vw;
  line-height: 1.6;
  padding: 1.33333vw 0 0; }
  @media only screen and (max-width: 1000px) {
    .footer__link__btn__text {
      font-size: 32px;
      font-size: 4.26667vw;
      line-height: 1.6;
      padding: 6.66667vw 0 0; } }

/*------------------------------------*\
	$Language Gate
\*------------------------------------*/
html.gate {
  text-align: center;
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.gate body:before {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/gate/bg.jpg"); }
  html.gate .logo {
	display: block;
	width: auto;
    height: 50vh;
    margin: 0 auto; }
	  html.gate .logo img{
		width: auto;
		height: 100%;
		margin: 0 auto; }
    @media only screen and (max-width: 1000px) {
	  html.gate .logo {
		display: block;
		width: 100%;
		height: inherit;
		margin: 0 auto; }
		  html.gate .logo img{
			width: 100%;
			height: inherit;
			margin: 0 auto; }
	}
  html.gate #wrapper {
    padding: 1.66667vw 0 3.33333vw;
    min-height: calc( 100vh - 90px); }
    @media only screen and (max-width: 1000px) {
      html.gate #wrapper {
        padding: 6.66667vw 0 5.33333vw; } }

html.gate #language select {
	margin-top: 2.5vw;
	width: 15vw;
	min-width: 300px;
	line-height: 1.6;
	color: #1992cd;
	border: 1px solid #1992cd;
	background: url(https://www.monsterhunter.com/world-iceborne/assets/img/gate/arrow_blue.png) right 10px center / 0.729166vw auto no-repeat,url(https://www.monsterhunter.com/world-iceborne/assets/img/gate/arrow_blue.png) right 10px center / 0.729166vw auto no-repeat,url(https://www.monsterhunter.com/world-iceborne/assets/img/gate/arrow_blue.png) right 10px center / 0.729166vw auto no-repeat, #fff;
	text-indent: 0.5em;
}
html.gate .btn_Area{
	text-align: center;
	display:block;
	margin: 2.5vw auto;
}
html.gate .btn_Area .btn_blue{
	width:  17.70833vw;
	display: inline-block;
	margin: auto;
	background: #FFF;
}
html.gate .btn_Area .btn_blue a{
	display: block;
	box-sizing: border-box;
	border: 1px solid #1992cd;
	padding: 1.25vw;
	background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_topLeft_on.png) left 0.05208vw top 0.05208vw / 0.625vw auto no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_bottomRight_on.png) right 0.05208vw bottom 0.05208vw / 0.625vw auto no-repeat,url(
	https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l_on.png) right 0.625vw center/ 1.875vw auto no-repeat,#FFF;
	font-family: 'Cormorant SC', serif;
	font-size:36px;
	font-size: 1.875vw;
	font-weight: 700;
	transition: 0.2s all;
}
html.gate .btn_Area .btn_blue a small{
	display: block;
	font-family: "Meiryo",san-serif;
	font-size:50%;
	line-height: 1.6;
	font-weight: 400;
}
html.gate .btn_Area .btn_blue + .btn_blue{
	margin-left: 2.1875vw;
}
html.gate .btn_Area .noActive a{
	opacity: 0.4;
	cursor: pointer;
	pointer-events: none;
}
@media only screen and (max-width: 1000px) {
	html.gate #language select {
		margin-top: 2.5vw;
		width: 70vw;
		background-size:  2.8vw auto;
		text-indent: 0.5em;
	}
	html.gate .btn_Area{
		text-align: center;
		display:block;
		margin: 5vw auto;
	}
	html.gate .btn_Area .btn_blue{
		width:  70vw;
		display: block;
		margin: auto;
		background: #FFF;
	}
	html.gate .btn_Area .btn_blue a{
		display: block;
		box-sizing: border-box;
		border: 1px solid #1992cd;
		padding: 2vw;
		background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_topLeft_on.png) left 0.13333vw top 0.13333vw / 2vw auto no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_bottomRight_on.png) right 0.13333vw bottom 0.13333vw / 2vw auto no-repeat,url(
		https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l_on.png) right 2vw center/ 4.8vw auto no-repeat,#FFF;
		font-family: 'Cormorant SC', serif;
		font-size:42px;
		font-size: 5.6vw;
		font-weight: 700;
	}
	html.gate .btn_Area .btn_blue a small{
		display: block;
		font-family: "Meiryo",san-serif;
		font-size:50%;
		line-height: 1.6;
		font-weight: 400;
	}
	html.gate .btn_Area .btn_blue + .btn_blue{
		margin-left: auto;
		margin-top: 2.5vw;
	}
	html.gate .btn_Area .noActive a{
		opacity: 0.4;
		cursor: pointer;
		pointer-events: none;
	}
}
/*
html.gate .language {
    font-size: 0;
    margin-top: 2.33333vw; }
    @media only screen and (max-width: 1000px) {
      html.gate .language {
        margin-top: 5.33333vw;
        text-align: left; } }
  html.gate .language__area {
    display: inline-block;
    padding: 0 2vw;
    vertical-align: top; }
    @media only screen and (max-width: 1000px) {
      html.gate .language__area {
        display: block;
        width: 94.66667vw;
        margin: 0 auto 8vw;
        padding: 0; } }
  html.gate .language__area__title {
    font-family: "Cardo", serif;
    color: #1d8ac0;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 2vw; }
    @media only screen and (max-width: 1000px) {
      html.gate .language__area__title {
        font-size: 50px;
        font-size: 6.66667vw;
        line-height: 1.6;
        margin-bottom: 2.66667vw; } }
  html.gate .language__area__country {
    position: relative;
    text-align: left;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 1.33333vw; }
    html.gate .language__area__country a {
      display: block;
      color: #0b263d;
      transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
      html.gate .language__area__country a:hover {
        color: #0e9ee3; }
      html.gate .language__area__country a:before {
        display: inline-block;
        position: relative;
        content: "";
        width: 1.4vw;
        height: 1vw;
        margin-right: 0.33333vw;
        background-image: url("../img/common/common/icon_arrow_l_on.png");
        background-size: cover;
        transition: background 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    @media only screen and (max-width: 1000px) {
      html.gate .language__area__country {
        font-size: 40px;
        font-size: 5.33333vw;
        line-height: 1.6;
        display: inline-block;
        width: 44.66667vw;
        padding-left: 5.33333vw;
        margin-bottom: 2.66667vw; }
        html.gate .language__area__country a:before {
          width: 5.6vw;
          height: 4vw;
          margin-right: 1.33333vw; } }
*/



/*
cookie ポリシー
*/
#Gdpr.messageBox {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  padding: 4vw;
  width: 100%;
  z-index: 999999;
  /*** animation ***/ }
  #Gdpr.messageBox .text {
    color: #ccc;
    font-size: 3.75vw;
    line-height: 1.25;
    margin-bottom: 1em; }
    #Gdpr.messageBox .text .privacyPolicy {
      color: #fff;
      display: inline-block;
      margin-left: 1em;
      position: relative;
      text-decoration: none; }
      #Gdpr.messageBox .text .privacyPolicy:after {
        border-bottom: solid #ccc 1px;
        bottom: -2px;
        content: '';
        display: block;
        position: absolute;
        width: 100%; }
      #Gdpr.messageBox .text .privacyPolicy:hover {
        border-bottom: none;
        opacity: 1; }
  #Gdpr.messageBox .linkBox {
    margin: 0 auto;
    text-align: center;
    width: 60%; }
    #Gdpr.messageBox .linkBox #acceptBtn {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      background: #000;
      border: solid #fff 1px;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-size: 3.75vw;
      line-height: 1.5;
      padding: 2.5vw 5vw;
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
      -webkit-transition: background .25s ease, color .25s ease;
      -moz-transition: background .25s ease, color .25s ease;
      -ms-transition: background .25s ease, color .25s ease;
      transition: background .25s ease, color .25s ease;
      width: 100%; }
      #Gdpr.messageBox .linkBox #acceptBtn:active {
        background: #fff;
        color: #000; }
  #Gdpr.messageBox.active {
    animation: BottomToTop .5s ease; }
  #Gdpr.messageBox.disable {
    animation: TopToBottom .5s ease; }
  @media only screen and (min-width: 1023px) {
    #Gdpr.messageBox {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding: 2vw;
      width: 100%; }
      #Gdpr.messageBox .text {
        font-size: 87.5%;
        margin-bottom: 0; }
      #Gdpr.messageBox .linkBox {
        margin: 0 0 0 1em;
        width: auto; }
        #Gdpr.messageBox .linkBox #acceptBtn {
          font-size: 87.5%;
          padding: .5vw 2vw; }
          #Gdpr.messageBox .linkBox #acceptBtn:hover {
            background: #fff;
            color: #000;
            opacity: 1; } }

@keyframes BottomToTop {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes TopToBottom {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(100%); } }

/*------------------------------------*\
	$TOP
\*------------------------------------*/
html.top .main {
  color: #FFF;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/main_bg.jpg");
  background-size: cover;
  background-position: center center; 
  padding-bottom: 300px;
}
  @media only screen and (max-width: 1000px) {
    html.top .main {
	  background: #000;
      min-height: auto;
      padding-bottom: 8vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/main_bg_sp_2.jpg") ;
	  background-repeat: no-repeat;
	  background-size: 100vw auto;
  	  background-position: center top; } }

html.top .main__title {
  text-align: center;
  position: relative;
  z-index: 1;
  height: 50vh;
  margin: 0 auto; }
  html.top .main__title img {
    width: auto !important;
    height: 100% !important; }
  html.top .main__title img.img-sp {
	  display: none !important;}
  @media only screen and (max-width: 1000px) {
	html.top .main__title img.img-pc {
		  display: none !important;}
	html.top .main__title img.img-sp {
		  display: block !important;}
    html.top .main__title {
/*      margin-bottom: 13.33333vw;*/
      padding-top: 67.6vw;
      width:  72.53333%;
      height: auto; }
      html.top .main__title img {
        width: 100% !important;
        height: auto !important; } }

html.top .main__logo {
  position: absolute;
  top: 1.66667vw;
  left: 1.66667vh;
  z-index: 1;
  font-size: 0; }
  html.top .main__logo .main__logo__ps4,
  html.top .main__logo .main__logo__steam,
  html.top .main__logo .main__logo__xboxone {
    display: inline-block;
    vertical-align: top; }
  html.top .main__logo .main__logo__ps4 {
    width: 355px;
    width: 11.83333vw;
    height: auto;
    margin-right: 2vw; }
  html.top .main__logo .main__logo__xboxone {
    width: 355px;
    width: 11.83333vw;
    height: auto;
    margin-right: 2vw; }
  html.top .main__logo .main__logo__steam {
    width: 257px;
    width: 8.56667vw;
    height: auto; }
  @media only screen and (max-width: 1000px) {
    html.top .main__logo {
      position: relative;
      text-align: center;
      top: 0;
      left: 0;
/*      margin-bottom: 5.33333vw; */}
      html.top .main__logo .main__logo__ps4 {
        width: 230px;
        width: 30.66667vw;
        height: auto; }
      html.top .main__logo .main__logo__xboxone {
        width: 230px;
        width: 30.66667vw;
        height: auto; }
      html.top .main__logo .main__logo__steam {
        width: 162px;
        width: 21.6vw;
        height: auto; } }

html.top .main__texts {
  position: relative;
  z-index: 1;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  text-shadow: 0 0 25px #000, 0 0 20px #000, 0 0 10px #000, 0 0 10px #000, 0 0 5px #000, 0 0 4px #000, 0 0 3px #000, 0 0 2px #000, 0 0 1px #000; }

html.top .main__texts__text {
  font-size: 46px;
  font-size: 1.53333vw;
  line-height: 1.6; }
  @media only screen and (max-width: 1000px) {
    html.top .main__texts__text {
      font-size: 28px;
      font-size: 3.73333vw;
      font-size: 3vw;
      line-height: 1.6; }
    html.de.top .main__texts__text {
      font-size: 3.53333vw;
    }}

html.top .main__texts__release {
  font-size: 74px;
  font-size: 2.46667vw;
  line-height: 1.6;
  margin-bottom: 0.66667vw; }
  html.top .main__texts__release span {
    font-size: 50px;
    font-size: 1.66667vw;
    line-height: 1.6; }
  @media only screen and (max-width: 1000px) {
    html.top .main__texts__release {
      font-size: 50px;
      font-size: 6.66667vw;
      line-height: 1.4;
      margin-bottom: 0; }
      html.top .main__texts__release span {
        font-size: 30px;
        font-size: 4vw;
        line-height: 1.6; } }

html.top .main__texts__anno {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 36px;
  font-size: 1.2vw;
  line-height: 1.6; }
  @media only screen and (max-width: 1000px) {
    html.top .main__texts__anno {
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6; } }


html.top .main__featured {
	position: absolute;
	z-index: 1;
	font-size: 0;
	right:0px;
/*	bottom:0px;*/
	left:0px;
	margin:auto auto;
	/*  left: 11.46667vw;*/
	top: -12.66667vw;
	width: 77.06667vw;
	text-align: center;
}
html.top .main__featured__forPC {
  transform: scale(1.2,1.2);
  position: relative;
  z-index: 1;
  font-size: 0;
  left: 11.46667vw;
  width: 77.06667vw;
  margin-bottom: 3.33333vw;
  text-align: center; }
html.top .main__featured__forPC p{
	color: #0e9ee3;}
  @media only screen and (max-width: 1000px) {
    html.top .main__featured {
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      transform: translateX(0);
      margin:8vw 0 }
    html.top .main__featured__forPC {
	  transform: scale(1,1);
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      transform: translateX(0);
	  margin-top: 8vw;
      margin-bottom: 10vw; } }

html.top .main__featured__item {
  position: relative;
  width: 1116px;
  width: 37.2vw;
  height: auto;
  height: 284px;
  height: 9.46667vw;
  display: inline-block;
  vertical-align: top;
  margin: 0 0.66667vw;
  padding: 2px;
  background-color: #FFF;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
  html.top .main__featured__item a {
    position: relative;
    display: block; }
  html.top .main__featured__item:hover:before {
    opacity: 1; }
  html.top .main__featured__item:before {
    opacity: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 2px solid #0e9ee3;
    transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  html.top .main__featured__item:after {
    content: "";
    width: 46px;
    width: 1.53333vw;
    height: auto;
    height: 35px;
    height: 1.16667vw;
    position: absolute;
    bottom: 0.66667vw;
    right: 0.66667vw;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l_on.png");
    background-size: cover;
    transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  html.top .main__featured__item.up .main__featured__item__figure:after {
    content: "";
    width: 70px;
    width: 2.33333vw;
    height: auto;
    height: 70px;
    height: 2.33333vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_update.png");
    background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.top .main__featured__item {
      width: 710px;
      width: 94.66667vw;
      height: auto;
      display: block;
      margin: 0 auto 4vw;
      text-align: left; }
      html.top .main__featured__item:last-child {
        margin-bottom: 0; }
      html.top .main__featured__item:after {
        width: 40px;
        width: 5.33333vw;
        height: auto;
        height: 30px;
        height: 4vw;
        bottom: 2.66667vw;
        right: 2.66667vw; }
      html.top .main__featured__item.up .main__featured__item__figure:after {
        width: 70px;
        width: 9.33333vw;
        height: auto;
        height: 70px;
        height: 9.33333vw; } }

html.top .main__featured__item__figure {
  position: relative;
  display: inline-block;
  width: calc( 16.53333vw - 2px);
  vertical-align: top; }
  @media only screen and (max-width: 1000px) {
    html.top .main__featured__item__figure {
      width: calc( 42.13333vw - 2px); }
      html.top .main__featured__item__figure:after {
        width: 20px;
        width: 2.66667vw;
        height: auto;
        height: 18px;
        height: 2.4vw;
        top: 1.06667vw;
        left: 1.06667vw; } }

html.top .main__featured__item__body {
  position: relative;
  display: inline-block;
  text-align: left;
  width: calc( 20.66667vw - 2px);
  height: calc( 9.46667vw - 2px);
  padding: 1.5vw;
  vertical-align: top;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/waku_featured.png");
  background-position: 2px;
  background-size: contain; }
  html.top .main__featured__item__body p {
    position: absolute;
    width:90%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 38px;
    font-size: 1.26667vw;
    line-height: 1.6;
    font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.top .main__featured__item__body {
      width: calc( 52.53333vw - 2px);
      height: calc( 23.86667vw - 2px);
      padding: 2.66667vw; }
      html.top .main__featured__item__body p {
				padding-right: 1vw;
        font-size: 24px;
        font-size: 3.2vw;
        line-height: 1.6;
        width: calc(100% - 4vw); } }

html.top .main__featured__item.noText a {
  height: 100%; }

html.top .main__featured__item.noText .main__featured__item__figure {
  width: 100%;
  height: 100%;
  overflow: hidden; }

html.top .main__featured__item.noText .main__featured__item__body {
  display: none; }

/* Update 20190820 */
html.top #Update{
  position: relative;
  z-index: 1;
  padding: 3.33333vw 0 0;
}
	html.top #Update a{
		width: 75.2941vw;
    height: auto;
		margin: auto;
		padding: 4px;
    background: #09405e;
	}
	html.top #Update a.btn_more:after{
		right: 2vw;
	}
	html.top #Update dl{
		box-sizing: border-box;
    background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_left_top.png) 0 0 / 0.52083vw auto no-repeat,url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_center_top.png) left 0.52083vw top/calc(100% -  1.04166vw)  0.72916vw no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_right_top.png) right top / 0.52083vw auto no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_left_bottom.png) 0 bottom /3.4375vw auto no-repeat,url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_center_bottom.png) left 3.4375vw bottom/calc(100% -  6.875vw) 1.61458vw no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_right_bottom.png) right bottom /3.4375vw auto no-repeat;
    display: flex;
		padding: 1.53vw 4vw 1.53vw 0;
		flex-wrap: nowrap;
		color: #FFF;
		align-items: center;
	}
	html.top #Update dl dt{
		font-family: "Noto Serif JP", serif;
    padding: 0.5vw 0 0.5vw 6vw;
		font-size: 1.33333vw;
		margin-right: 2vw;
    color: #ffff00;
		background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_patch.png) left 3vw center / 2.2vw auto no-repeat;
		width: 36vw;
	}
	html.top #Update dl dt span{
		font-size: 80%;
	}
	html.top #Update dl dd{
    width: auto;
		border-left: 1px solid #FFF;
		text-align: left;
		padding-left: 4vw;
		font-size: 26px;
		font-size: 1.13333vw;
		line-height: 1.6;
	}

  html.top #Update .ver{
    color: #ffff00;
	}

  @media only screen and (max-width: 1000px) {
	html.top #Update{
	  position: relative;
	  z-index: 1;
	  padding: 0 0 0.8em;
	}
		html.top #Update a{
			width: 710px;
		    width: 94.66667vw;
			margin: auto;
			padding: 4px;
		}
		html.top #Update a:after{
			top: 7vw;
			width: 5.33333vw;
			height: 4vw;
			left: 3vw;
		}
		html.top #Update dl{
			background:none;
/*			background: url(../img/common/common/update_base.png) center center /contain no-repeat;*/
			display: block;
			padding: 1.5vw;
			color: #FFF;
		}
		html.top #Update dl dt{
      background:none;
      width:100%;
			font-size: 4.666vw;
			text-align: center;
			padding:inherit;
			padding-bottom: 0.5em;
			border-bottom: 1px solid #FFF;
		}
		html.top #Update dl dt span{
			font-size: 80%;
		}
		html.top #Update dl dd{
      width:100%;
			border: none;
			padding:inherit;
			font-size: 26px;
		    font-size: 3.46667vw;
		}

}

/**
	$dlc $eventquest
**/
html.top #eq_dlc{
	width: calc(75.2941vw + 0.66667vw * 2);
	width:  76.62744vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
    margin:0 auto 4.44444vw;
}
html.top #eq_dlc li{
	width: calc((75.2941vw - (0.66665vw * 2))/ 2) ;
	width: 36.98038vw;
	margin: 0 0.66667vw;
}
html.top #eq_dlc li a{
  width:100%;
  text-align: center;
	position: relative;
	display: block;
	font-size: 32px;
	font-size: 1.2vw;
  color: #FFFF00;
	padding: 2em 0 2.5em 0;
	box-sizing: border-box;
	background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_left_top.png) left 0.20833vw top 0.20833vw / 0.52083vw auto no-repeat,url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_center_top.png) left 0.72916vw top 0.20833vw/calc(100% - 1.45833vw) 0.72916vw no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_right_top.png) right 0.20833vw top 0.20833vw /0.52083vw auto no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_left_bottom.png) left 0.20833vw bottom 0.20833vw /3.4375vw auto no-repeat,url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_center_bottom.png) left 3.64583vw bottom 0.20833vw/calc(100% - 7.29166vw) 1.61458vw no-repeat, url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/update_base_right_bottom.png) right 0.20833vw bottom 0.20833vw /3.4375vw auto no-repeat, rgba(29, 138, 192, 1);
}

@media only screen and (min-width: 1001px) {
  html.kr.top #eq_dlc li a,
  html.es.top #eq_dlc li a,
  html.it.top #eq_dlc li a,
  html.fr.top #eq_dlc li a{
    padding: 2em 0 2.5em 2em;
  }}

html.top #eq_dlc li a:after{
	right: 1em;
}
html.top #eq_dlc li.eventquest a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 3vw;
	transform: translateY(-50%);
	display: block;
	width: 4vw;
	height: 0;
	padding-bottom: 4vw;
	background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_eventquesat.png) center center /100% auto no-repeat;
}
html.top #eq_dlc li.dlc a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 3vw;
	transform: translateY(-50%);
	display: block;
	width: 4vw;
	height: 0;
	padding-bottom: 4vw;
	background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_dlc.png) center center /100% auto no-repeat;
}
html.top #eq_dlc li a span{
	font-size: 26px;
	font-size: 0.86667vw;
	color: #FFF;
}
	@media only screen and (max-width: 1000px) {
		html.top #eq_dlc{
		  width: 94.66667vw;
			display: block;
			margin:0 auto 10vw;
		}
		html.top #eq_dlc li{
			width: 100% ;
			margin: auto auto;
		}
		html.top #eq_dlc li a{
      width: 94.66667vw;
			position: relative;
			display: block;
			font-size: 4vw;
			padding: 0.8em 0 0.8em 1em;
			box-sizing: border-box;
			line-height: 1.6;
      color: #FFFF00;
      background:rgba(29, 138, 192, 1);
			margin: 5vw auto;
		}
		html.top #eq_dlc li a:after{
			left: 3vw;
		}
		html.top #eq_dlc li a:before{
			background: none !important;
		}
		html.top #eq_dlc li a span{
			font-size: 3vw;
		}
	}


/**
	$salesmedal
**/
html.top .salesMedal{
	position: absolute;
	color: #0edefb;
	border: 3px solid #0edefb;
	border-radius: 50%;
/*	overflow: hidden;*/
	width: 9vw;
	height: 9vw;
	text-align: center;
	background: rgba(0,0,0,0.5);
	top: 8vw;
	left: 16vw;
	box-sizing: border-box;
	z-index: 500;
}
html.top .salesMedal p{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 30px;
	font-size: 1vw;
	width: 100%;
	line-height: 1.2em;
	letter-spacing: -0.05em;
}
html.top.cn .salesMedal p,
html.top.hk .salesMedal p,
html.top.kr .salesMedal p{
	font-weight: 700;
}
html.top.cn .salesMedal p,
html.top.hk .salesMedal p,
html.top.kr .salesMedal p,
html.top.de .salesMedal p,
html.top.uk .salesMedal p,
html.top.us .salesMedal p{
	padding-top: 0.5em;
}
html.top .salesMedal p strong{
	display: block;
	font-size: 2vw;
	font-weight: bold;
}
html.top .salesMedal p span{
	font-size: 16px;
	font-size: 0.6vw;
	vertical-align:super;
}
@media only screen and (max-width: 1000px) {
	html.top .salesMedal{
		border: 2px solid #0edefb;
		width: 25vw;
		height: 25vw;
		top:2vw;
		left:2vw;
	}
	html.top .salesMedal p{
		font-weight: 400;
		font-size: 30px;
		font-size: 3vw;
		line-height: 1.2;
	}
}



  /**
  	$buginfo
  **/
html.top #news{
	padding:0 0 3.33333vw 0;
}
html.top #buginfo{
	background: #09405e;
	color: #ffff00;
	width: 100%;
	padding: 2em 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
html.top #buginfo .buginfoTitle{
	padding: 0.5em;
	font-size: 1vw;
	min-width: 12em;
	line-height: 1.6;
	vertical-align: middle;
}
html.top .buginfo_conts{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
html.top #buginfo a{
	color: #ffff00;
	text-align: left;
	padding: 0.5em 0;
	position: relative;
}
html.top #buginfo a p{
	display: inline-block;
	position: relative;
}
  html.top #buginfo a p:before{
	content: "";
	position: absolute;
	right: -2.5em;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow.png) center center/100% auto no-repeat;
	width: 1.5em;
	height: 0;
	padding-bottom: 1em;
  }
  html.top #buginfo a dl dt,
  html.top #buginfo a dl dd{
  	display: table-cell;
  }
    @media only screen and (max-width: 1000px) {
  		html.top #news{
  			padding:inherit;
  		}
		html.top #buginfo{
			width: 100%;
			display: block;
			padding: 0;
		}
		html.top #buginfo .buginfoTitle{
			padding-top: 1em;
			text-align: center;
			font-size:4vw;
		}
		html.top #buginfo a{
			padding: 4vw 0;
			flex-wrap: wrap;
			justify-content: flex-start;
			font-size: 3.6vw;
			padding-right:0;
		}
		html.top #buginfo a p{
			display: block;
			line-height: 1.6;
			padding: 0 3vw;
		}
		html.top #buginfo a p:before{
			display: none;
		}
  }

  /**
  	$pickIcon
  **/
  html.top #pickIcon{
	width: 100%;
	display: block;
	text-align: center;
	vertical-align: middle;
	background: rgba(29,139,192,0.7);
  }
  html.top #pickIcon li{
	 display: inline-block;
	 margin: 1.25vw 2vw;
	 width: 9vw;
	 padding: 0 1vw;
     vertical-align: middle;
  }
  html.top #pickIcon li:nth-of-type(3){
	 width: 9vw;
	 padding: 0;
  }
@media only screen and (max-width: 1000px) {
	  html.top #pickIcon li{
		 display: inline-block;
		 margin: 5vw 2vw;
		 width: 20vw;
		 padding: 0 2vw;
		 vertical-align: middle;
	  }
	  html.top #pickIcon li:nth-of-type(3){
		 width: 20vw;
	  }
}


html.top .content,
html.top .contentSub {
  position: relative;
  z-index: 1;
  padding: 3.33333vw 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 1000px) {
    html.top .content,
    html.top .contentSub {
      padding: 8vw 0; } }

html.top .contentSub {
  height: 42vw;
  margin-top: 8px;
  padding: 6.66667vw 0;
  background-size: cover;
  background-position: center center;
  overflow: hidden; }
  @media only screen and (max-width: 1000px) {
    html.top .contentSub {
      height: auto;
      padding: 13.33333vw 0 8vw;
      background-size: 100%;
      background-position: top;
      background-color: white; } }

@media only screen and (max-width: 1000px) {
  html.top .contentSub .btn_more p {
    font-size: 40px;
    font-size: 5.33333vw;
    line-height: 1.6;
    line-height: 13.33333vw; } }

html.top .element {
  padding-bottom: 0; }
  @media only screen and (max-width: 1000px) {
    html.top .element {
      padding-top: 16vw; } }

html.top .story {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/story_bg.jpg"); }
  @media only screen and (max-width: 1000px) {
    html.top .story {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/story_bg_sp.jpg"); } }

html.top .ecosystem {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/eco_bg.jpg"); }
  @media only screen and (max-width: 1000px) {
    html.top .ecosystem {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/eco_bg_sp.jpg"); } }

html.top .monster {
  height: 48.66667vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/monster_bg.jpg"); }
  @media only screen and (max-width: 1000px) {
    html.top .monster {
      height: auto;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/monster_bg_sp.jpg"); } }

html.top .hunting {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/hunting_bg.jpg"); }
  @media only screen and (max-width: 1000px) {
    html.top .hunting {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/hunting_bg_sp.jpg"); } }

html.top .base {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/base_bg.jpg"); }
  @media only screen and (max-width: 1000px) {
    html.top .base {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/base_bg_sp.jpg"); } }

html.top .system {
  height: 30vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/system_bg.jpg"); }
  @media only screen and (max-width: 1000px) {
    html.top .system {
      height: auto;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/system_bg_sp.jpg"); } }

  html.top .system .contentSub__body {
    margin: 2.66667vw 0 0 4vw;}
  @media only screen and (max-width: 1000px) {
    html.top .system .contentSub__body {
      margin: 6.66667vw 0 6.66667vw 4vw;}}

html.top .content__header {
  position: relative;
  z-index: 100;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_base.png");
  background-size: cover;
  width: 1676px;
  width: 55.86667vw;
  height: auto;
  height: 134px;
  height: 4.46667vw;
  margin: 0 auto 3.33333vw;
  color: #0b263d;
  text-align: center; }
  @media only screen and (max-width: 1000px) {
    html.top .content__header {
      width: 750px;
      width: 100vw;
      height: auto;
      height: auto;
      margin-bottom: 8vw;
      background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_top_sp.png") no-repeat, url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/title_waku_bottom_sp.png") no-repeat;
      background-size: 100%;
      background-position: center top,center bottom;
      background-color: rgba(230, 248, 253, 0.5); } }

html.top .content__header__title {
  display: inline-block;
  font-size: 100px;
  font-size: 3.33333vw;
  line-height: 1.6;
  font-family: "Cardo", serif;
  line-height: 4.66667vw;
  vertical-align: middle;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.top .content__header__title {
      font-size: 64px;
      font-size: 8.53333vw;
      line-height: 1.6;
      line-height: 13.33333vw; } }

html.top .content__header__subTitle {
  display: inline-block;
  font-size: 40px;
  font-size: 1.33333vw;
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  vertical-align: middle;
  letter-spacing: 0.33333vw;
  margin-left: 1.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.top .content__header__subTitle {
      font-size: 24px;
      font-size: 3.2vw;
      line-height: 1.6;
      letter-spacing: 0.53333vw;
      margin-left: 4vw; } }

html.top .contentSub__header {
  position: relative;
  z-index: 100;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/title_sub_base.png");
  background-size: cover;
  width: 1495px;
  width: 49.83333vw;
  height: auto;
  height: 220px;
  height: 7.33333vw;
  text-align: left; }
  @media only screen and (max-width: 1000px) {
    html.top .contentSub__header {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/title_sub_base_sp.png");
      width: 750px;
      width: 100vw;
      height: auto;
      height: 190px;
      height: 25.33333vw; } }


html.top .contentSub__header__title {
  display: inline-block;
  font-size: 150px;
  font-size: 5vw;
  line-height: 1.6;
  font-family: "Cardo", serif;
  line-height: 7.33333vw;
  margin-left: 4.33333vw;
  text-shadow: 0 0 25px #fff, 0 0 20px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 2px #fff; }
  @media only screen and (max-width: 1000px) {
    html.top .contentSub__header__title {
      font-size: 74px;
      font-size: 9.86667vw;
      line-height: 1.6;
      margin-top: 4.8vw;
      margin-left: 2.66667vw;
      line-height: 1; } }

html.it.top .contentSub__header__title {
  font-size: 150px;
  font-size: 4.5vw;}
  @media only screen and (max-width: 1000px) {
    html.it.top .contentSub__header__title {
      font-size: 74px;
      font-size: 9.86667vw; } }

html.top .contentSub__header__subTitle {
  display: inline-block;
  vertical-align: top;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  font-size: 58px;
  font-size: 1.93333vw;
  line-height: 1.6;
  line-height: 7.33333vw;
  margin-left: 1.66667vw;
  letter-spacing: 0.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.top .contentSub__header__subTitle {
      display: block;
      font-size: 28px;
      font-size: 3.73333vw;
      line-height: 1.6;
      line-height: 1;
      margin-top: 1.33333vw;
      margin-left: 2.66667vw;
      letter-spacing: 0.53333vw; } }

html.top .contentSub__header.up .contentSub__header__subTitle:after {
  position: relative;
  left: 0;
  transform: translateY(-25%);
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 2.33333vw;
  height: 1.13333vw;
  margin-left: 1.33333vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_up_l.png");
  background-size: cover; }

@media only screen and (max-width: 1000px) {
  html.top .contentSub__header.up .contentSub__header__subTitle:after {
    transform: translateY(0);
    width: 5.33333vw;
    height: 2.66667vw;
    margin-left: 1.33333vw; } }

html.top .news .btn_more {
  display: block;
  margin: 2vw auto 0;
  width: 21.6vw;}
  html.top .news .btn_more p {
    font-size: 40px;
    font-size: 1.33333vw;
    line-height: 1.6;
    line-height: 1;
    font-family: "Noto Serif JP", serif; }

@media only screen and (max-width: 1000px) {
  html.top .news {
    padding-bottom: 16vw; }
    html.top .news .btn_more {
      margin: 8vw auto 0;
      width: 80.46667vw;
      }
      html.top .news .btn_more p {
        font-size: 40px;
        font-size: 4.33333vw;
        line-height: 1.6;
        line-height: 1; } }

html.top .news__body {
  margin-bottom: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.top .news__body {
      margin-bottom: 16vw; } }

html.top .media__body {
  margin-top: 1.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.top .media__body {
      margin-top: 8vw; } }

html.top .introduction {
  height: 48.66667vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/top/introduction_bg.jpg");
  background-size: cover;
  overflow: hidden; }
  @media only screen and (max-width: 1000px) {
    html.top .introduction {
      height: auto;
      padding-bottom: 0; } }

html.top .introduction__body {
  position: absolute;
  top: 17vw;
  left: 50vw;
  width: 1140px;
  width: 38vw;
  height: auto;
  padding: 2.33333vw 2vw 4.33333vw;
  background-color: rgba(255, 255, 255, 0.6); }
  @media only screen and (max-width: 1000px) {
    html.top .introduction__body {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      margin-top: 93.33333vw;
      padding: 5.33333vw;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, white 20%, white 100%); } }

html.top .introduction__title {
  position: relative;
  font-size: 68px;
  font-size: 2.26667vw;
  line-height: 1.6;
  line-height: 1.4;
  font-family: "Noto Serif JP", serif;
  font-weight: bold; }
  html.top .introduction__title span {
    display: block; }
  @media only screen and (max-width: 1000px) {
    html.top .introduction__title {
      font-size: 54px;
      font-size: 7.2vw;
      line-height: 1.6;
      line-height: 1.4; }
      html.top .introduction__title span {
        display: inline; } }

html.top .introduction__text p {
  text-align: left;
  font-size: 30px;
  font-size: 1vw;
  line-height: 1.6;
  margin-top: 1.33333vw;
  font-weight: bold; }

@media only screen and (max-width: 1000px) {
  html.top .introduction__text p {
    margin-top: 5.33333vw;
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1.6; } }

html.top .introduction__figure {
  position: absolute;
  bottom: -8vw;
  left: 12.66667vw;
  z-index: 10;
  width: 1217px;
  width: 40.56667vw;
  height: auto; }
  @media only screen and (max-width: 1000px) {
    html.top .introduction__figure {
      top: 17.33333vw;
      bottom: auto;
      left: 0;
      width: 100%;
      margin: 0 auto; } }

html.top .contentSub__body {
  color: #FFF;
  position: relative;
  z-index: 1;
  margin: 5.66667vw 0 0 4vw;
  text-shadow: 0 0 25px #000, 0 0 20px #000, 0 0 10px #000, 0 0 5px #000, 0 0 2px #000; }
  html.top .contentSub__body > h3 {
    font-size: 80px;
    font-size: 2.66667vw;
    line-height: 1.6;
    font-family: "Noto Serif JP", serif; }
  html.top .contentSub__body > p {
    font-size: 40px;
    font-size: 1.33333vw;

    line-height: 1.6;
    margin-top: 0.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.top .contentSub__body {
      margin: 62.66667vw 0 6.66667vw 2.66667vw; }
      html.top .contentSub__body > h3 {
        font-size: 60px;
        font-size: 8vw;
        line-height: 1.6;
        line-height: 1.2; }
      html.top .contentSub__body > p {
        margin-top: 1.33333vw;
        font-size: 26px;
        font-size: 3.46667vw;
        line-height: 1.6; } }

@media only screen and (max-width: 1000px) {
  html.top .monster .contentSub__body {
    margin-top: 93.33333vw; } }

html.top .contentSub .btn_more {
  position: absolute;
  bottom: 3.33333vw;
  left: calc( 50% - 8.43333vw); }
  @media only screen and (max-width: 1000px) {
    html.top .contentSub .btn_more {
      position: relative;
      bottom: 0;
      left: 0;
      margin: 0 auto;
      display: block; } }

/************************************
	Module
************************************/
html.top .box#products {
  padding: 12vw 0; }
  @media only screen and (max-width: 1000px) {
    html.top .box#products {
      padding-top: 16vw; } }
  @media screen and (min-width: 1023px) {
    html.top .box#products {
      padding: 6vw 0; } }
  html.top .box#products .box-inner {
    box-sizing: border-box;
    padding: 0 4vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .box-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 82vw;
        padding: 0 2vw; } }
  html.top .box#products .col-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    html.top .box#products .col-box-inner {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  html.top .box#products .pro_banner {
    width: 100%;
    margin: 8vw auto 0;
    transition: all .5s ease; }
    html.top .box#products .pro_banner:hover {
      opacity: 0.7; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .pro_banner {
        width: 100%;
        margin-top: 2vw; } }
    html.top .box#products .pro_banner.Disable {
      display: none; }
  html.top .box#products .qa_btn {
    width: 100%;
    margin: 8vw auto 0; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .qa_btn {
        width: 100%;
        margin-top: 2vw; } }
    html.top .box#products .qa_btn a {
      display: block;
      position: relative;
      padding: 4vw 0;
      width: 100%;
      font-size: 4.42708vw;
      line-height: 1;
      color: #fff;
      text-align: center;
      background: #165878;
      border: 1px solid #106690; }
      html.top .box#products .qa_btn a span.let {
        letter-spacing: 0.2em;
        opacity: 1; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .qa_btn a {
          padding: 2vw 0;
          font-size: 1.97917vw;
          line-height: 1;
          transition: all .5s ease; }
          html.top .box#products .qa_btn a:hover {
            opacity: 0.7; } }
      html.top .box#products .qa_btn a span.qa_ico {
        display: inline-block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 2vw solid transparent;
        border-right: 2vw solid transparent;
        border-top: 3vw solid #fff;
        right: 5vw;
        margin-top: 0.7vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .qa_btn a span.qa_ico {
            border-left: 0.8vw solid transparent;
            border-right: 0.8vw solid transparent;
            border-top: 1.2vw solid #fff;
            right: 3vw;
            margin-top: 0.4vw; } }

/************************************
	Common
************************************/
html.top .box#products .figure {
  line-height: 0; }
  html.top .box#products .figure figcaption {
    line-height: 1.5; }
  html.top .box#products .figure img {
    height: auto;
    width: 100%; }

html.top .box#products a {
  text-decoration: none; }

html.top .box#products .box-ttl {
  color: #D7D7D7;
  font-size: 3.64583vw;
  line-height: 1.5;
  margin-bottom: 4vw;
  text-align: center; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .box-ttl {
      font-size: 1.66667vw;
      margin-bottom: 2vw; } }
  html.top .box#products .box-ttl small {
    display: block;
    margin-top: 2vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .box-ttl small {
        margin-top: 1vw; } }

html.top .box#products .list-ttl {
  color: #D7D7D7;
  font-size: 2.60417vw;
  margin-bottom: 2vw;
  text-align: center; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .list-ttl {
      font-size: 1.25vw;
      margin-bottom: 1vw; } }

html.top .box#products .text-box {
  color: #FFF; }
  html.top .box#products .text-box p {
    font-size: 2.08333vw;
    line-height: 1.5; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .text-box p {
        font-size: 1.04167vw; } }
  html.top .box#products .text-box:not(:last-of-type) {
    margin-bottom: 4vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .text-box:not(:last-of-type) {
        margin-bottom: 2vw; } }

html.top .box#products .img-box:not(:last-of-type) {
  margin-bottom: 4vw; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .img-box:not(:last-of-type) {
      margin-bottom: 2vw; } }

html.top .box#products .product-detail.modal-btn,
html.top .box#products .product-privilege.modal-btn {
  background: #106690;
  box-sizing: border-box;
  position: relative;
  -webkit-box-shadow: 0 0 5px 0 #777;
  /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #777;
  /* Firefox用 */
  box-shadow: 0 0 5px 0 #777;
  /* CSS3 */
  transition: all .5s ease; }
  html.top .box#products .product-detail.modal-btn:hover,
  html.top .box#products .product-privilege.modal-btn:hover {
    opacity: 0.7; }
  html.top .box#products .product-detail.modal-btn a,
  html.top .box#products .product-privilege.modal-btn a {
    box-sizing: border-box;
    color: #FFF;
    display: block;
    font-size: 2.60417vw;
    line-height: 1.5;
    padding: 4vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .product-detail.modal-btn a,
      html.top .box#products .product-privilege.modal-btn a {
        font-size: 1.25vw;
        padding: 1vw 2vw; } }
  html.top .box#products .product-detail.modal-btn::after,
  html.top .box#products .product-privilege.modal-btn::after {
    background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/common/arrow_icon_r.png) center no-repeat;
    background-size: contain;
    content: "";
    height: 4vw;
    position: absolute;
    right: 4vw;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .product-detail.modal-btn::after,
      html.top .box#products .product-privilege.modal-btn::after {
        height: 1.5vw;
        right: 2vw;
        width: 1.5vw; } }

html.top .box#products .link-btn {
  margin-bottom: 2vw; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .link-btn {
      margin-bottom: 1vw; } }
  html.top .box#products .link-btn-buy {
    background: #106690;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 0 #777;
    /* Safari, Chrome用 */
    -moz-box-shadow: 0 0 5px 0 #777;
    /* Firefox用 */
    box-shadow: 0 0 5px 0 #777;
    /* CSS3 */
    width: 84%;
    margin: 0 8%;
    transition: all .5s ease; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .link-btn-buy {
        width: 50%;
        margin: 0 25%; } }
    html.top .box#products .link-btn-buy a {
      box-sizing: border-box;
      color: #FFF;
      display: block;
      line-height: 1.5;
      padding: 2vw 0 3vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .link-btn-buy a {
          padding: 0.8vw 0 1.3vw; } }
      html.top .box#products .link-btn-buy a .store {
        font-size: 3.38542vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .link-btn-buy a .store {
            font-size: 1.5625vw; } }
      html.top .box#products .link-btn-buy a .price {
        font-size: 2.86458vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .link-btn-buy a .price {
            font-size: 1.14583vw; } }
    html.top .box#products .link-btn-buy:hover {
      opacity: 0.7; }
  html.top .box#products .link-btn-soon {
    background: #adadad;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 0 #777;
    /* Safari, Chrome用 */
    -moz-box-shadow: 0 0 5px 0 #777;
    /* Firefox用 */
    box-shadow: 0 0 5px 0 #777;
    /* CSS3 */
    width: 98%;
    margin: 0 1%; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .link-btn-soon {
        width: 78%;
        margin: 0 11%; } }
    html.top .box#products .link-btn-soon span.soon {
      box-sizing: border-box;
      color: #FFF;
      display: block;
      line-height: 1.5;
      padding: 2vw 0 3vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .link-btn-soon span.soon {
          padding: 0.8vw 0 1.3vw; } }
      html.top .box#products .link-btn-soon span.soon .store {
        font-size: 3.38542vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .link-btn-soon span.soon .store {
            font-size: 1.77083vw; } }
      html.top .box#products .link-btn-soon span.soon .price {
        font-size: 2.86458vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .link-btn-soon span.soon .price {
            font-size: 1.14583vw; } }
      html.top .box#products .link-btn-soon span.soon .store_none {
        font-size: 2.08333vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .link-btn-soon span.soon .store_none {
            font-size: 1.14583vw; } }

html.top .box#products .pre_release {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  text-align: center;
  padding: 5vw 0 4vw;
  text-align: center;
  width: 100%; }
  html.top .box#products .pre_release p {
    color: #a40000;
    font-size: 2.99479vw;
    line-height: 1.5; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .pre_release p {
        font-size: 1.5625vw; } }

html.top .box#products .store-btn-buy {
  width: 103%;
  margin: 0 -1.5% 0;
  text-align: center; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .store-btn-buy {
      width: 101%;
      margin: 0 -0.5% 0; } }
  html.top .box#products .store-btn-buy .storebtn_top_txt {
    color: #0b263d;
    font-size: 3.25521vw;
    line-height: 1.5;
    margin: 3vw 0 3vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .store-btn-buy .storebtn_top_txt {
        font-size: 1.5625vw;
        margin: 2vw 0 1vw; } }
  html.top .box#products .store-btn-buy .storebtn_top_price {
    color: #0b263d;
    font-size: 3.90625vw;
    line-height: 1.5;
    margin: 4vw 0 2vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .store-btn-buy .storebtn_top_price {
        font-size: 1.875vw;
        margin: 2vw 0 0vw; } }
  html.top .box#products .store-btn-buy .stores_list {
    display: -ms-flexbox;
    display: -webkit-flex;
    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; }
    html.top .box#products .store-btn-buy .stores_list li {
      background: #106690;
      box-sizing: border-box;
      position: relative;
      text-align: center;
      -webkit-box-shadow: 0 0 5px 0 #777;
      /* Safari, Chrome用 */
      -moz-box-shadow: 0 0 5px 0 #777;
      /* Firefox用 */
      box-shadow: 0 0 5px 0 #777;
      /* CSS3 */
      width: 31%;
      min-width: 31%;
      margin: 0 1% 2vw;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      transition: all .5s ease; }
      html.top .box#products .store-btn-buy .stores_list li:hover {
        opacity: 0.7; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .store-btn-buy .stores_list li {
          margin: 0 0.5% 1vw;
          width: 19%;
          min-width: 19%; } }
      html.top .box#products .store-btn-buy .stores_list li a {
        box-sizing: border-box;
        color: #FFF;
        display: block;
        line-height: 1.3;
        padding: 3vw 0 3.2vw;
        min-height: 0%;
        width: 100%;
        height: 100%; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .store-btn-buy .stores_list li a {
            padding: 1.3vw 0 1.4vw;
            opacity: 1; } }
        html.top .box#products .store-btn-buy .stores_list li a .store {
          height: 100%;
          font-size: 2.60417vw; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .store-btn-buy .stores_list li a .store {
              font-size: 1.35417vw; } }
        html.top .box#products .store-btn-buy .stores_list li a .price {
          font-size: 2.86458vw; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .store-btn-buy .stores_list li a .price {
              font-size: 1.14583vw; } }
      html.top .box#products .store-btn-buy .stores_list li.soon_btn {
        background: #adadad;
        box-sizing: border-box;
        position: relative;
        text-align: center;
        -webkit-box-shadow: 0 0 5px 0 #777;
        /* Safari, Chrome用 */
        -moz-box-shadow: 0 0 5px 0 #777;
        /* Firefox用 */
        box-shadow: 0 0 5px 0 #777;
        /* CSS3 */
        margin-bottom: 2vw;
        transition: none; }
        html.top .box#products .store-btn-buy .stores_list li.soon_btn:hover {
          opacity: 1; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .store-btn-buy .stores_list li.soon_btn {
            margin-bottom: 1vw; } }
        html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon {
          box-sizing: border-box;
          color: #FFF;
          display: block;
          line-height: 1.3;
          padding: 3vw 0 3.2vw;
          min-height: 0%; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon {
              padding: 1.3vw 0 1.4vw; } }
          html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon .store {
            font-size: 2.60417vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon .store {
                font-size: 1.35417vw; } }
          html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon .price {
            font-size: 2.86458vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon .price {
                font-size: 1.14583vw; } }
          html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon .store_none {
            font-size: 2.08333vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .store-btn-buy .stores_list li.soon_btn span.soon .store_none {
                font-size: 1.14583vw; } }
  html.top .box#products .store-btn-buy.store-btn-buy_jp {
    width: 94%;
    margin: 0 auto 0;
    text-align: center;
    width: 103%;
    margin: 0 -1.5% 0;
    text-align: center; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .store-btn-buy.store-btn-buy_jp {
        width: 92%;
        margin: 0 auto 0; } }
    @media screen and (min-width: 1023px) {
      html.top .box#products .store-btn-buy.store-btn-buy_jp {
        width: 101%;
        margin: 0 -0.5% 0; } }
    html.top .box#products .store-btn-buy.store-btn-buy_jp .storebtn_top_txt {
      font-size: 3.25521vw;
      margin: 1vw 0 3vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .store-btn-buy.store-btn-buy_jp .storebtn_top_txt {
          font-size: 1.5625vw;
          margin: 1vw 0 1.5vw; } }
    html.top .box#products .store-btn-buy.store-btn-buy_jp .stores_list li {
      width: 48%;
      min-width: 48%;
      margin: 0 1% 2vw;
      box-sizing: border-box; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .store-btn-buy.store-btn-buy_jp .stores_list li {
          margin: 0 0.5% 1vw;
          width: 24%;
          min-width: 24%; } }
      html.top .box#products .store-btn-buy.store-btn-buy_jp .stores_list li a {
        display: block;
        width: 100%;
        height: 100%; }

html.top .box#products .note_wrap p.tit {
  color: #787878;
  font-weight: 700;
  font-size: 2.60417vw;
  margin-top: 4vw;
  margin-bottom: 2vw; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .note_wrap p.tit {
      margin-top: 1vw;
      margin-bottom: 1vw;
      font-size: 1.04167vw; } }

html.top .box#products .note {
  color: #787878;
  padding: 0; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .note {
      padding: 0; } }
  html.top .box#products .note li {
    font-size: 2.08333vw;
    line-height: 1.6;
    text-align: left; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .note li {
        font-size: 0.83333vw; } }

/************************************
	Content
************************************/
html.top .box-inner:not(:last-child) {
  padding-top: 0vw;
  margin-top: -2vw;
  padding-bottom: 8vw; }
  @media screen and (min-width: 1023px) {
    html.top .box-inner:not(:last-child) {
      padding-top: 0vw;
      margin-top: -1vw;
      padding-bottom: 4vw; } }

html.top .box#products .text-box.Caution {
  margin-bottom: 6vw;
  text-align: center; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .text-box.Caution {
      margin-bottom: 3vw; } }
  html.top .box#products .text-box.Caution strong {
    color: #0b263d;
    display: block;
    font-size: 2.73438vw;
    margin-bottom: 1vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .text-box.Caution strong {
        font-size: 1.25vw;
        margin-bottom: .5vw; } }
  html.top .box#products .text-box.Caution small {
    color: #C73400;
    display: block;
    font-size: 2.34375vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .text-box.Caution small {
        font-size: 1.04167vw; } }

html.top .box#products .tab .item-select {
  display: block;
  background: #5fc9b1;
  /* Old browsers */
  background: -moz-linear-gradient(left, #5fc9b1 20%, #19a4dd 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #5fc9b1 20%, #19a4dd 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #5fc9b1 20%, #19a4dd 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc9b1', endColorstr='#19a4dd',GradientType=1 );
  /* IE6-9 */
  box-sizing: border-box;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.125vw;
  font-weight: 700;
  margin-right: auto;
  margin-bottom: 9vw;
  margin-left: auto;
  padding: 3vw 2vw;
  position: relative;
  text-align: center;
  width: 66%;
  z-index: 2; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .tab .item-select {
      width: 57%;
      font-size: 1.45833vw;
      padding: 1.5vw;
      margin-bottom: 5vw; } }
  html.top .box#products .tab .item-select::before, html.top .box#products .tab .item-select::after {
    bottom: -7.8vw;
    content: "";
    display: block;
    padding: 2.8vw 2vw 8vw;
    position: absolute;
    width: 16%; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab .item-select::before, html.top .box#products .tab .item-select::after {
        bottom: -4.3vw;
        padding: 2.8vw 2vw;
        width: 10%; } }
  html.top .box#products .tab .item-select::before {
    left: 0;
    background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/product/item_select_arrow1.png) center no-repeat;
    background-size: 100% auto; }
  html.top .box#products .tab .item-select::after {
    right: 0;
    background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/product/item_select_arrow2.png) center no-repeat;
    background-size: 100% auto; }

html.top .box#products .tab-nav {
  margin-bottom: 0vw; }
  @media screen and (min-width: 1023px) {
    html.top .box#products .tab-nav {
      margin-bottom: 0vw; } }
  html.top .box#products .tab-nav ul {
    position: relative; }
    html.top .box#products .tab-nav ul li.item-btn {
      box-sizing: border-box;
      cursor: pointer;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative;
      transition: border-color .5s ease;
      width: 49%;
      -webkit-box-shadow: 0 0 5px 0 #777;
      /* Safari, Chrome用 */
      -moz-box-shadow: 0 0 5px 0 #777;
      /* Firefox用 */
      box-shadow: 0 0 5px 0 #777;
      /* CSS3 */
      transition: all .5s ease; }
      html.top .box#products .tab-nav ul li.item-btn .text-box {
        background: #106690;
        box-sizing: border-box;
        color: #FFF;
        font-weight: 700;
        padding: 2vw 2vw 3.5vw;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        transition: background-color .5s ease; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-nav ul li.item-btn .text-box {
            padding: 1.2vw 1vw 1.8vw; } }
        html.top .box#products .tab-nav ul li.item-btn .text-box p {
          font-size: 1.95312vw; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-nav ul li.item-btn .text-box p {
              font-size: 1.04167vw; } }
          html.top .box#products .tab-nav ul li.item-btn .text-box p small {
            display: block; }
          html.top .box#products .tab-nav ul li.item-btn .text-box p .small2 {
            font-size: 1.5625vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-nav ul li.item-btn .text-box p .small2 {
                font-size: 0.83333vw; } }
          html.top .box#products .tab-nav ul li.item-btn .text-box p strong {
            color: #F4DC11;
            display: block;
            font-size: 3.64583vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-nav ul li.item-btn .text-box p strong {
                font-size: 1.66667vw; } }
            html.top .box#products .tab-nav ul li.item-btn .text-box p strong.small_tt {
              font-size: 3.38542vw; }
              @media screen and (min-width: 1023px) {
                html.top .box#products .tab-nav ul li.item-btn .text-box p strong.small_tt {
                  font-size: 1.66667vw; } }
          html.top .box#products .tab-nav ul li.item-btn .text-box p .small_sp_only {
            font-size: 1.69271vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-nav ul li.item-btn .text-box p .small_sp_only {
                font-size: 1.04167vw; } }
        html.top .box#products .tab-nav ul li.item-btn .text-box::after {
          bottom: .25vw;
          content: "";
          display: block;
          left: 50%;
          position: absolute;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 2vw;
          height: 2vw;
          background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/common/arrow_icon_b.png) center no-repeat;
          background-size: 100% auto; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-nav ul li.item-btn .text-box::after {
              width: 1vw;
              height: 1vw; } }
      html.top .box#products .tab-nav ul li.item-btn .figure {
        display: -ms-flexbox;
        display: -webkit-flex;
        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;
        margin: 16vw auto 0;
        padding: 4vw 1.5vw 1.5vw;
        position: relative;
        width: 100%;
        opacity: 1; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-nav ul li.item-btn .figure {
            margin-top: 8vw;
            opacity: 1;
            padding: 2vw 1.7vw 1.7vw; } }
        html.top .box#products .tab-nav ul li.item-btn .figure figcaption {
          font-weight: 700;
          color: #FFF;
          font-size: 3.125vw;
          line-height: 1.3;
          margin-bottom: 4vw;
          width: inherit;
          text-align: center; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-nav ul li.item-btn .figure figcaption {
              font-size: 1.5625vw;
              margin-bottom: 2vw; } }
        html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail {
          background: #fff;
          padding-bottom: 1vw; }
          html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name {
            text-align: center;
            margin-bottom: 2.5vw; }
            html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li {
              display: inline-block;
              text-align: center;
              box-sizing: border-box;
              padding: 2.4vw 0;
              margin: 0.5vw 0.3% 0;
              width: 47.6%;
              background: #d8f4fc;
              color: #0b263d;
              font-size: 1.82292vw; }
              @media screen and (min-width: 1023px) {
                html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li {
                  padding: 1.4vw 0;
                  margin: 0.25vw 0.3%;
                  width: 48.6%;
                  font-size: 1.14583vw; } }
          html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name[data-user="Existing"] li {
            width: 98%; }
          html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail .img {
            box-sizing: border-box;
            text-align: center;
            width: inherit;
            padding: 0 2vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail .img {
                padding: 0 4vw; } }
          html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail p.text {
            margin-bottom: 1.3vw;
            color: #be1f1f;
            font-size: 2.60417vw;
            line-height: 1.5;
            font-weight: 700;
            width: inherit;
            text-align: center;
            padding: 0 0.5vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail p.text {
                margin-bottom: 0vw;
                padding: 0 0;
                font-size: 1.14583vw; } }
          html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text {
            color: #0b263d;
            padding: 0 1vw 0.6vw;
            font-size: 1.82292vw;
            width: inherit; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text {
                padding: 0 1vw 0;
                font-size: 0.72917vw; } }
            html.top .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li {
              line-height: 1.4;
              text-align: left; }
    html.top .box#products .tab-nav ul li[data-user="Existing"] {
      background: #155878;
      transition: background-color .5s ease;
      border: 3px solid #0e9ee3; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-nav ul li[data-user="Existing"] {
          border: 4px solid #0e9ee3; } }
      html.top .box#products .tab-nav ul li[data-user="Existing"]:hover {
        border: 3px solid #0e9ee3;
        background: #18709a; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-nav ul li[data-user="Existing"]:hover {
            border: 4px solid #0e9ee3; } }
        html.top .box#products .tab-nav ul li[data-user="Existing"]:hover .text-box {
          background: #0e9ee3; }
      html.top .box#products .tab-nav ul li[data-user="Existing"].item-btn figcaption {
        padding: 0; }
    html.top .box#products .tab-nav ul li[data-user="New"] {
      background: #155878;
      transition: background-color .5s ease;
      border: 3px solid #5fc9b1; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-nav ul li[data-user="New"] {
          border: 4px solid #5fc9b1; } }
      html.top .box#products .tab-nav ul li[data-user="New"] .text-box p {
        padding: 0.8em 0 0.7em; }
      html.top .box#products .tab-nav ul li[data-user="New"]:hover {
        border: 3px solid #5fc9b1;
        background: #109073; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-nav ul li[data-user="New"]:hover {
            border: 4px solid #5fc9b1; } }
        html.top .box#products .tab-nav ul li[data-user="New"]:hover .text-box {
          background: #5fc9b1; }

html.top .box#products .tab-box {
  display: block; }
  html.top .box#products .tab-box .platform {
    padding: 4vw 0 3vw;
    margin-bottom: 3vw;
    box-sizing: border-box;
    background: none; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .platform {
        padding: 1.5vw 0 1.5vw;
        margin-bottom: 2vw; } }
    html.top .box#products .tab-box .platform-list {
      box-sizing: border-box;
      width: 88%;
      margin: 0 auto; }
      html.top .box#products .tab-box .platform-list li {
        box-sizing: border-box;
        color: #FFF;
        cursor: pointer;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3vw;
        position: relative;
        text-align: center;
        width: 32%; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-box .platform-list li {
            padding: 1vw 2vw; } }
        html.top .box#products .tab-box .platform-list li span.img_w {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        html.top .box#products .tab-box .platform-list li .img {
          display: block; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .platform-list li .img {
              width: 50%; } }
          html.top .box#products .tab-box .platform-list li .img img {
            width: 100%;
            height: auto; }
      html.top .box#products .tab-box .platform-list.doubleBtn {
        justify-content: center; }
        html.top .box#products .tab-box .platform-list.doubleBtn li:first-child {
          margin-right: 1.8vw; }
      html.top .box#products .tab-box .platform-list.singleBtn {
        justify-content: center; }
  html.top .box#products .tab-box .product-ttl {
    margin-bottom: 8vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-ttl {
        margin-bottom: 4vw; } }
    html.top .box#products .tab-box .product-ttl .figure {
      text-align: center; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-ttl .figure img {
          width: 67.5%; } }
  html.top .box#products .tab-box .product-box {
    margin-bottom: 4vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-box {
        margin-bottom: 2vw; } }
    html.top .box#products .tab-box .product-box-inner {
      background-color: #fff;
      background-image: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/product/waku1.png), url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/product/waku3.png), url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/product/waku2.png);
      background-position: center top, center bottom, center center;
      background-repeat: no-repeat, no-repeat, repeat-y;
      background-size: 100% auto;
      box-sizing: border-box;
      padding: 5vw 6vw 6vw;
      width: 100%;
      transition: border-color .5s ease; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-box-inner {
          padding: 3vw 4vw 4vw;
          width: 100%; } }
      html.top .box#products .tab-box .product-box-inner:not(:last-child) {
        margin-bottom: 6vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-box .product-box-inner:not(:last-child) {
            margin-bottom: 4vw; } }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-box .col-box-inner {
        margin-bottom: 2vw; } }
  html.top .box#products .tab-box .product-title {
    position: relative;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-title {
        text-align: left; } }
    html.top .box#products .tab-box .product-title .title-name {
      color: #0b263d;
      font-weight: 700;
      font-size: 5.72917vw;
      line-height: 1.3;
      margin-bottom: 3vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-title .title-name {
          font-size: 2.70833vw;
          margin-bottom: 2vw; } }
      html.top .box#products .tab-box .product-title .title-name small {
        display: block;
        font-size: 3.38542vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-box .product-title .title-name small {
            font-size: 1.5625vw; } }
        html.top .box#products .tab-box .product-title .title-name small .product_name.title_only {
          font-size: 4.16667vw; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .product-title .title-name small .product_name.title_only {
              font-size: 2.08333vw; } }
    html.top .box#products .tab-box .product-title .title-form {
      display: block;
      color: #0b263d;
      background: #d8f4fc;
      padding: 1vw 0;
      text-align: center;
      font-size: 2.08333vw;
      margin-bottom: 1.7vw;
      width: 20vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-title .title-form {
          width: 16vw;
          padding: 0.7vw 0;
          font-size: 1.04167vw;
          margin-bottom: 1.2vw; } }
    html.top .box#products .tab-box .product-title .title-supplement {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 20vw;
      color: #787878;
      padding: 1.1vw 0 0 1vw;
      text-align: left;
      font-size: 1.82292vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-title .title-supplement {
          padding: 0.8vw 0 0 0.5vw;
          font-size: 0.83333vw;
          left: 16vw; } }
  html.top .box#products .tab-box .product-img {
    text-align: center; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-img {
        width: 52%; } }
    html.top .box#products .tab-box .product-img a {
      display: block; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-img a {
          cursor: initial;
          pointer-events: none; } }
  html.top .box#products .tab-box .product-elem {
    margin-top: 5vw; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-elem {
        width: 46%;
        margin-top: 0; } }
    html.top .box#products .tab-box .product-elem .column ul.itemList {
      display: table;
      counter-reset: num;
      width: 100%;
      margin-bottom: 5vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-elem .column ul.itemList {
          margin-bottom: 2vw; } }
      html.top .box#products .tab-box .product-elem .column ul.itemList li {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1;
        position: relative;
        text-align: left;
        width: 100%;
        border-bottom: 2px solid #c2c2c2;
        border-left: 2px solid #c2c2c2;
        border-right: 2px solid #c2c2c2;
        padding: 0.4vw 0 0.4vw 0.4vw;
        color: #0b263d;
        counter-increment: num; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-box .product-elem .column ul.itemList li {
            border-bottom: 4px solid #c2c2c2;
            border-left: 4px solid #c2c2c2;
            border-right: 4px solid #c2c2c2;
            padding: 0.2vw 0 0.2vw 0.2vw; } }
        html.top .box#products .tab-box .product-elem .column ul.itemList li:first-child {
          border-top: 2px solid #c2c2c2; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .product-elem .column ul.itemList li:first-child {
              border-top: 4px solid #c2c2c2; } }
        html.top .box#products .tab-box .product-elem .column ul.itemList li.modal-btn {
          transition: all .5s ease; }
          html.top .box#products .tab-box .product-elem .column ul.itemList li.modal-btn:hover {
            opacity: 0.7; }
        html.top .box#products .tab-box .product-elem .column ul.itemList li p {
          letter-spacing: normal;
          padding: 1vw 0 1.4vw 2vw;
          position: relative;
          width: calc(100% - 4vw);
          line-height: 1.6;
          font-size: 2.86458vw; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .product-elem .column ul.itemList li p {
              width: calc(100% - 2vw);
              font-size: 1.14583vw;
              padding: 0.3vw 0 0.4vw 0.5vw; } }
          html.top .box#products .tab-box .product-elem .column ul.itemList li p .small {
            display: block;
            font-size: 2.34375vw;
            margin-top: 0.1vw;
            margin-bottom: 0.1vw;
            line-height: 1.5; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-box .product-elem .column ul.itemList li p .small {
                font-size: 0.83333vw; } }
        html.top .box#products .tab-box .product-elem .column ul.itemList li a {
          font-size: 2.86458vw;
          letter-spacing: normal;
          position: relative;
          width: calc(100% - 4vw);
          line-height: 1.5; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .product-elem .column ul.itemList li a {
              width: calc(100% - 2vw);
              font-size: 1.14583vw; } }
          html.top .box#products .tab-box .product-elem .column ul.itemList li a p {
            width: 100%;
            color: #0b263d; }
          html.top .box#products .tab-box .product-elem .column ul.itemList li a::after {
            background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/common/arrow_icon_r2.png) center no-repeat;
            background-size: contain;
            content: "";
            height: 4vw;
            position: absolute;
            right: 3vw;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 4vw; }
            @media screen and (min-width: 1023px) {
              html.top .box#products .tab-box .product-elem .column ul.itemList li a::after {
                height: 1.5vw;
                right: 1vw;
                width: 1.5vw; } }
        html.top .box#products .tab-box .product-elem .column ul.itemList li::before {
          background: #106690;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          font-size: 1.95312vw;
          letter-spacing: normal;
          padding: 0 1%;
          width: 3.6vw;
          color: #fff;
          content: counter(num); }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .product-elem .column ul.itemList li::before {
              font-size: 0.78125vw;
              width: 1.6vw; } }
  html.top .box#products .tab-box .product-detail {
    margin-bottom: 4vw;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-detail {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 2vw;
        width: 75%; } }
  html.top .box#products .tab-box .product-info {
    width: 100%;
    color: #0b263d; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
  html.top .box#products .tab-box .product-privilege {
    margin-bottom: 4vw;
    width: 100%; }
    @media screen and (min-width: 1023px) {
      html.top .box#products .tab-box .product-privilege {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0.5vw; } }
    html.top .box#products .tab-box .product-privilege.modal-btn a {
      padding: 0.5vw; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-privilege.modal-btn a {
          font-size: 1.04167vw;
          padding: 0.4vw; } }
      html.top .box#products .tab-box .product-privilege.modal-btn a .col-box {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      html.top .box#products .tab-box .product-privilege.modal-btn a .figure {
        width: 30%; }
        html.top .box#products .tab-box .product-privilege.modal-btn a .figure img {
          border: 1px solid #666;
          box-sizing: border-box; }
      html.top .box#products .tab-box .product-privilege.modal-btn a .text {
        box-sizing: border-box;
        padding-right: 9vw;
        width: 66%;
        font-size: 2.86458vw; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-box .product-privilege.modal-btn a .text {
            padding-right: 4vw;
            font-size: 1.04167vw; } }
        html.top .box#products .tab-box .product-privilege.modal-btn a .text span.small {
          display: inline-block;
          margin-top: 3px;
          line-height: 1.5;
          font-size: 2.34375vw; }
          @media screen and (min-width: 1023px) {
            html.top .box#products .tab-box .product-privilege.modal-btn a .text span.small {
              font-size: 0.83333vw; }
              html.top .box#products .tab-box .product-privilege.modal-btn a .text span.small br.hide-sp {
                display: inline; } }
  html.top .box#products .tab-box .product-buy {
    width: 100%; }
    html.top .box#products .tab-box .product-buy .text-box {
      color: #C73400;
      width: 100%;
      margin-bottom: 3vw;
      text-align: center; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab-box .product-buy .text-box {
          margin-bottom: 1vw; } }
      html.top .box#products .tab-box .product-buy .text-box p {
        font-size: 2.34375vw;
        text-align: left; }
        @media screen and (min-width: 1023px) {
          html.top .box#products .tab-box .product-buy .text-box p {
            text-align: center;
            font-size: 0.83333vw; } }
  html.top .box#products .tab-box.Disable {
    display: none; }
  html.top .box#products .tab-box #toggleBox.Disable, html.top .box#products .tab-box #toggleBox.Toggle {
    transition: visibility 0.5s ease-in-out, max-height 0.5s ease-in-out, opacity .25s ease-in-out; }
    html.top .box#products .tab-box #toggleBox.Disable .platform, html.top .box#products .tab-box #toggleBox.Toggle .platform {
      transition: visibility 0.5s ease-out, max-height 0.5s ease-out; }
    html.top .box#products .tab-box #toggleBox.Disable .product-box-inner, html.top .box#products .tab-box #toggleBox.Toggle .product-box-inner {
      transition: visibility 0.5s ease-out .25s, max-height 0.5s ease-out .25s; }
  html.top .box#products .tab-box #toggleBox.Disable {
    height: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    /*
							& + .note{
								display: none;
							}
							*/ }
    html.top .box#products .tab-box #toggleBox.Disable .platform,
    html.top .box#products .tab-box #toggleBox.Disable .product-box-inner {
      max-height: 0;
      overflow: hidden;
      visibility: hidden; }
      html.top .box#products .tab-box #toggleBox.Disable .platform .title-form,
      html.top .box#products .tab-box #toggleBox.Disable .platform .title-supplement,
      html.top .box#products .tab-box #toggleBox.Disable .product-box-inner .title-form,
      html.top .box#products .tab-box #toggleBox.Disable .product-box-inner .title-supplement {
        opacity: 0; }
      html.top .box#products .tab-box #toggleBox.Disable .platform *,
      html.top .box#products .tab-box #toggleBox.Disable .product-box-inner * {
        height: 0;
        visibility: hidden; }
  html.top .box#products .tab-box #toggleBox.Toggle {
    max-height: 106vw;
    opacity: 1;
    overflow: hidden;
    visibility: visible;
    /*
							& + .note{
								display: none;
							}
							*/ }
    html.top .box#products .tab-box #toggleBox.Toggle .platform {
      overflow: hidden;
      visibility: visible; }
    html.top .box#products .tab-box #toggleBox.Toggle .product-box-inner {
      max-height: 96vw;
      overflow: hidden;
      visibility: visible; }
      html.top .box#products .tab-box #toggleBox.Toggle .product-box-inner .title-form,
      html.top .box#products .tab-box #toggleBox.Toggle .product-box-inner .title-supplement {
        transition: visibility 0.5s ease-out .25s, max-height 0.5s ease-out .25s; }
    html.top .box#products .tab-box #toggleBox.Toggle .platform *,
    html.top .box#products .tab-box #toggleBox.Toggle .product-box-inner * {
      height: auto;
      visibility: visible; }

html.top .box#products .tab.Active .tab-nav ul li {
  transition: all .35s ease; }
  html.top .box#products .tab.Active .tab-nav ul li.item-btn {
    box-sizing: border-box;
    border: none; }
    html.top .box#products .tab.Active .tab-nav ul li.item-btn .text-box {
      box-sizing: border-box;
      background: none;
      padding: 2vw 2vw;
      position: relative;
      top: auto; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab.Active .tab-nav ul li.item-btn .text-box {
          padding: 1vw 1vw 1.5vw; } }
    html.top .box#products .tab.Active .tab-nav ul li.item-btn .figure {
      display: none; }
    html.top .box#products .tab.Active .tab-nav ul li.item-btn.Active::after {
      bottom: 0;
      content: "";
      display: block;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    html.top .box#products .tab.Active .tab-nav ul li.item-btn.Active[data-user="Existing"] {
      background: #1992cc; }
    html.top .box#products .tab.Active .tab-nav ul li.item-btn.Active[data-user="New"] {
      background: #37b296; }
    html.top .box#products .tab.Active .tab-nav ul li.item-btn:not(.Active) {
      background: rgba(16, 102, 144, 0.6);
      -webkit-box-shadow: 0 0 0 0 #777;
      /* Safari, Chrome用 */
      -moz-box-shadow: 0 0 0 0 #777;
      /* Firefox用 */
      box-shadow: 0 0 0 0 #777;
      /* CSS3 */ }
      html.top .box#products .tab.Active .tab-nav ul li.item-btn:not(.Active) .text-box {
        background: transparent; }
        html.top .box#products .tab.Active .tab-nav ul li.item-btn:not(.Active) .text-box::after {
          display: none; }
      html.top .box#products .tab.Active .tab-nav ul li.item-btn:not(.Active)[data-user="Existing"]:hover {
        background: #1992cc; }
      html.top .box#products .tab.Active .tab-nav ul li.item-btn:not(.Active)[data-user="New"]:hover {
        background: #37b296; }

html.top .box#products .tab.Active .platform-list li {
  transition: background-color .35s ease;
  -webkit-box-shadow: 0 0 5px 0 #777;
  /* Safari, Chrome用 */
  -moz-box-shadow: 0 0 5px 0 #777;
  /* Firefox用 */
  box-shadow: 0 0 5px 0 #777;
  /* CSS3 */ }
  html.top .box#products .tab.Active .platform-list li.Active {
    background: #106690; }
    html.top .box#products .tab.Active .platform-list li.Active::after {
      bottom: 0;
      content: "";
      display: block;
      height: 0;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 2vw;
      height: 2vw;
      background: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/product/common/arrow_icon_b.png) center no-repeat;
      background-size: 100% auto; }
      @media screen and (min-width: 1023px) {
        html.top .box#products .tab.Active .platform-list li.Active::after {
          width: 1vw;
          height: 1vw; } }
  html.top .box#products .tab.Active .platform-list li:not(.Active) {
    background: #c2c2c2; }
    html.top .box#products .tab.Active .platform-list li:not(.Active):hover {
      background: #106690; }

html.top .box#products .tab.Active .tab-box-inner {
  display: none; }
  html.top .box#products .tab.Active .tab-box-inner.Active {
    display: block; }

html.top .box#products .tab[data-user-set="Existing"] .platform {
  background: -moz-linear-gradient(top, #158bc3, rgba(21, 139, 195, 0));
  /* Firefox */
  background: -webkit-linear-gradient(top, #158bc3, rgba(21, 139, 195, 0));
  /* safari Chrome */
  background: -ms-linear-gradient(top, #158bc3, rgba(21, 139, 195, 0));
  /* IE */
  background: linear-gradient(top, #158bc3, rgba(21, 139, 195, 0)); }

html.top .box#products .tab[data-user-set="New"] .platform {
  background: -moz-linear-gradient(top, #109073, rgba(16, 144, 115, 0));
  /* Firefox */
  background: -webkit-linear-gradient(top, #109073, rgba(16, 144, 115, 0));
  /* safari Chrome */
  background: -ms-linear-gradient(top, #109073, rgba(16, 144, 115, 0));
  /* IE */
  background: linear-gradient(top, #109073, rgba(16, 144, 115, 0)); }

html.top .box#products .tab[data-user-set="New"][data-platform-set="Steam"] .tab-box-inner .product-title .title-form-package {
  display: none; }

html.top .box#products .tab[data-platform-set="Xbox"] .product-box-inner[data-edition="Delux"], html.top .box#products .tab[data-platform-set="Steam"] .product-box-inner[data-edition="Delux"] {
  margin-bottom: 0; }

html.top .box#products .tab.Active .item-select,
html.top .box#products .tab.Active .tab-nav ul li.item-btn {
  display: block; }

html.top.ja .box#products .note li,
html.top.cn .box#products .note li,
html.top.hk .box#products .note li,
html.top.kr .box#products .note li {
  padding-left: 1em;
  text-indent: -1em; }
  html.top.ja .box#products .note li::before,
  html.top.cn .box#products .note li::before,
  html.top.hk .box#products .note li::before,
  html.top.kr .box#products .note li::before {
    content: "※"; }

html.top.ja .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li,
html.top.cn .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li,
html.top.hk .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li,
html.top.kr .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li {
  padding-left: 1em;
  text-indent: -1em; }
  html.top.ja .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li::before,
  html.top.cn .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li::before,
  html.top.hk .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li::before,
  html.top.kr .box#products .tab-nav ul li.item-btn .figure .pro_detail ul.text li::before {
    content: "※"; }

@media only screen and (max-width: 1000px) {
  html.top.cn .box#products .content__header__subTitle,
  html.top.hk .box#products .content__header__subTitle,
  html.top.kr .box#products .content__header__subTitle {
    min-width: 16vw !important;
    display: inline-block;
    text-align: left; } }

html.top.us .box#products .content__header__title,
html.top.uk .box#products .content__header__title {
  font-size: 6.51042vw !important; }
  @media screen and (min-width: 1000px) {
    html.top.us .box#products .content__header__title,
    html.top.uk .box#products .content__header__title {
      font-size: 2.8125vw !important;
      padding: 3px 0 2px; } }

html.top.us .box#products .tab-box .product-title .title-form,
html.top.uk .box#products .tab-box .product-title .title-form {
  width: 26vw; }
  @media screen and (min-width: 1023px) {
    html.top.us .box#products .tab-box .product-title .title-form,
    html.top.uk .box#products .tab-box .product-title .title-form {
      width: 18vw; } }

html.top.us .box#products .tab-box .product-title .title-supplement,
html.top.uk .box#products .tab-box .product-title .title-supplement {
  left: 26vw; }
  @media screen and (min-width: 1023px) {
    html.top.us .box#products .tab-box .product-title .title-supplement,
    html.top.uk .box#products .tab-box .product-title .title-supplement {
      left: 18vw; } }

html.top.fr .box#products .content__header__title,
html.top.it .box#products .content__header__title,
html.top.es .box#products .content__header__title,
html.top.de .box#products .content__header__title {
  font-size: 6.51042vw !important; }
  @media screen and (min-width: 1000px) {
    html.top.fr .box#products .content__header__title,
    html.top.it .box#products .content__header__title,
    html.top.es .box#products .content__header__title,
    html.top.de .box#products .content__header__title {
      font-size: 2.60417vw !important;
      padding: 2px 0 3px; } }

html.top.fr .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li,
html.top.it .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li,
html.top.es .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li,
html.top.de .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li {
  font-size: 1.69271vw; }
  @media screen and (min-width: 1023px) {
    html.top.fr .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li,
    html.top.it .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li,
    html.top.es .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li,
    html.top.de .box#products .tab-nav ul li.item-btn .figure .pro_detail .platform_name li {
      font-size: 1.14583vw; } }

html.top.fr .box#products .tab-box .product-title .title-form,
html.top.it .box#products .tab-box .product-title .title-form,
html.top.es .box#products .tab-box .product-title .title-form,
html.top.de .box#products .tab-box .product-title .title-form {
  width: 28vw; }
  @media screen and (min-width: 1023px) {
    html.top.fr .box#products .tab-box .product-title .title-form,
    html.top.it .box#products .tab-box .product-title .title-form,
    html.top.es .box#products .tab-box .product-title .title-form,
    html.top.de .box#products .tab-box .product-title .title-form {
      width: 18vw; } }

html.top.fr .box#products .tab-box .product-title .title-supplement,
html.top.it .box#products .tab-box .product-title .title-supplement,
html.top.es .box#products .tab-box .product-title .title-supplement,
html.top.de .box#products .tab-box .product-title .title-supplement {
  left: 28vw; }
  @media screen and (min-width: 1023px) {
    html.top.fr .box#products .tab-box .product-title .title-supplement,
    html.top.it .box#products .tab-box .product-title .title-supplement,
    html.top.es .box#products .tab-box .product-title .title-supplement,
    html.top.de .box#products .tab-box .product-title .title-supplement {
      left: 18vw; } }

html.top.de .box#products .tab-box .product-title .title-supplement {
  padding: 0 0 0 1vw; }
  @media screen and (min-width: 1023px) {
    html.top.de .box#products .tab-box .product-title .title-supplement {
      padding: 0.8vw 0 0 0.5vw; } }

/************************************
	Modal
************************************/
#wrapper.modalConts {
  margin: 4vw 2vw;
  border: 7px solid #104e6d;
  box-sizing: border-box; }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts {
      border: 10px solid #104e6d;
      margin: 4vw auto;
      max-width: 80%; } }
  #wrapper.modalConts::before {
    display: none; }
  #wrapper.modalConts .box {
    color: #FFF;
    background: #fff; }
    #wrapper.modalConts .box-inner {
      box-sizing: border-box;
      padding: 0 4vw; }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .box-inner {
          padding: 0 2vw; } }
    #wrapper.modalConts .box .col-box {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #wrapper.modalConts .box .col-box-inner {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    #wrapper.modalConts .box .figure {
      line-height: 0; }
      #wrapper.modalConts .box .figure figcaption {
        line-height: 1.5; }
      #wrapper.modalConts .box .figure img {
        height: auto;
        width: 100%; }
    #wrapper.modalConts .box a {
      text-decoration: none; }
    #wrapper.modalConts .box .text-box {
      color: #0b263d; }
      #wrapper.modalConts .box .text-box p {
        font-size: 3.125vw;
        line-height: 1.5; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box .text-box p {
            font-size: 1.25vw; } }
      #wrapper.modalConts .box .text-box:not(:last-of-type) {
        margin-bottom: 4vw; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box .text-box:not(:last-of-type) {
            margin-bottom: 2vw; } }
    #wrapper.modalConts .box .img-box:not(:last-of-type) {
      margin-bottom: 4vw; }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .box .img-box:not(:last-of-type) {
          margin-bottom: 2vw; } }
    #wrapper.modalConts .box#modalTtl {
      padding-bottom: 6vw; }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .box#modalTtl {
          padding-bottom: 1.5vw; } }
      #wrapper.modalConts .box#modalTtl h1 {
        background: #104e6d;
        box-sizing: border-box;
        color: #FFF;
        font-size: 4.16667vw;
        margin-bottom: 6vw;
        padding: 8vw 4vw;
        line-height: 1.6;
        text-align: center; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box#modalTtl h1 {
            font-size: 1.875vw;
            margin-bottom: 1.5vw;
            padding: 4vw 2vw; } }
        #wrapper.modalConts .box#modalTtl h1 small {
          display: block;
          font-size: 3.125vw;
          margin-bottom: 4vw; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalTtl h1 small {
              font-size: 1.45833vw;
              margin-bottom: 2vw; } }
      #wrapper.modalConts .box#modalTtl .figure {
        text-align: center; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box#modalTtl .figure img {
            width: 65%; } }
    #wrapper.modalConts .box#modalList {
      background: #0d435e;
      background: #fff;
      padding-bottom: 5vw; }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .box#modalList {
          padding-bottom: 2.5vw; } }
      #wrapper.modalConts .box#modalList h2 {
        background: #104e6d;
        box-sizing: border-box;
        color: #FFF;
        margin-bottom: 6vw;
        padding: 4vw;
        text-align: center; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box#modalList h2 {
            margin-bottom: 3vw;
            padding: 2vw; } }
      #wrapper.modalConts .box#modalList .inner {
        padding: 0 0; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box#modalList .inner {
            padding: 0 2vw; } }
        #wrapper.modalConts .box#modalList .inner h3 {
          font-size: 3.64583vw;
          line-height: 1.5;
          margin-bottom: 4vw;
          text-align: center; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner h3 {
              font-size: 1.66667vw;
              margin-bottom: 1vw; } }
        #wrapper.modalConts .box#modalList .inner h4 {
          font-size: 3.125vw;
          line-height: 1.5;
          margin-bottom: 6vw;
          text-align: center;
          width: 100%; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner h4 {
              font-size: 1.45833vw;
              margin-bottom: 3vw; } }
        #wrapper.modalConts .box#modalList .inner:not(:last-child) {
          border-bottom: 1px solid #172037;
          box-sizing: border-box;
          margin-bottom: 6vw;
          padding-bottom: 6vw; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner:not(:last-child) {
              margin-bottom: 3vw;
              padding-bottom: 3vw; } }
        #wrapper.modalConts .box#modalList .inner.Soft .figure {
          text-align: center; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Soft .figure img {
              width: 68%; } }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner {
            width: 22.5%; } }
        #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner:not(:last-child) {
          margin-bottom: 6vw; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner:not(:last-child) {
              margin-bottom: 0; } }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner h4 {
            font-size: 1.04167vw;
            width: 100%; } }
        #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner .figure {
          text-align: center;
          width: 30%; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner .figure {
              margin-bottom: 1vw;
              width: 100%; } }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner .figure img {
              width: 65%; } }
        #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner .text-box {
          width: 66%; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Dlc .col-box-inner .text-box {
              width: 100%; } }
        #wrapper.modalConts .box#modalList .inner.Other .figure {
          text-align: center; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Other .figure img {
              width: 35%; } }
        #wrapper.modalConts .box#modalList .inner.Privilege {
          margin-top: -7vw; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Privilege {
              margin-top: 0;
              margin-right: auto;
              margin-left: auto;
              max-width: 85%; } }
          #wrapper.modalConts .box#modalList .inner.Privilege .figure {
            width: 100%; }
            @media screen and (min-width: 1023px) {
              #wrapper.modalConts .box#modalList .inner.Privilege .figure {
                width: 50%; } }
          #wrapper.modalConts .box#modalList .inner.Privilege .text-box_inner {
            width: 100%; }
          #wrapper.modalConts .box#modalList .inner.Privilege .text-box {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            margin-top: 3vw; }
            @media screen and (min-width: 1023px) {
              #wrapper.modalConts .box#modalList .inner.Privilege .text-box {
                width: 45%;
                margin-left: 5%;
                margin-top: 0; } }
            #wrapper.modalConts .box#modalList .inner.Privilege .text-box p {
              text-align: left;
              width: 100%; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Privilege .col-box {
              padding-bottom: 1vw; } }
          #wrapper.modalConts .box#modalList .inner.Privilege .col-box:not(:last-child) {
            border-bottom: 1px solid #172037;
            box-sizing: border-box;
            padding-bottom: 4vw;
            margin-bottom: 4vw; }
            @media screen and (min-width: 1023px) {
              #wrapper.modalConts .box#modalList .inner.Privilege .col-box:not(:last-child) {
                padding-bottom: 3vw;
                margin-bottom: 3vw; } }
          #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege {
            position: relative;
            width: 100%;
            background: #104e6d;
            box-sizing: border-box;
            padding: 3vw 3vw 3vw; }
            @media screen and (min-width: 1023px) {
              #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege {
                padding: 1vw 2vw 2vw;
                opacity: 1; } }
            #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap {
              position: relative;
              width: 100%; }
              #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 {
                position: relative;
                width: 100%; }
                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 a {
                  display: block;
                }

                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 a img {
                  width: 100%;
                  height: auto;
                }

                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 a:hover {
                  filter: brightness(110%);
                }

                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 a::after {
                  content: "";
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  width: 9vw;
                  height: 6vw;
                  transform: translate(-50%, -50%);
                  background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/yt_icon_r.svg") no-repeat;
                  background-size: contain;
                }

                @media only screen and (min-width: 769px) {
                  #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 a::after {
                    width: min(5.2vw, 100px);
                    height: min(4vw, 80px);
                  }
                }
                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .youtube2 iframe {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 100% !important;
                  height: 100% !important; }
              #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .sp_youtube_btn {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                z-index: 10; }
                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .youtube2_wrap .sp_youtube_btn a {
                  display: block;
                  width: 100%;
                  height: 100%;
                  background: rgba(255, 255, 255, 0); }
            #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .text-box {
              width: 100%;
              margin: 0;
              padding: 0 0 3vw; }
              @media screen and (min-width: 1023px) {
                #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .text-box {
                  padding-bottom: 0.8vw; } }
              #wrapper.modalConts .box#modalList .inner.Privilege .youtube_box_privilege .text-box p {
                color: #fff;
                text-align: center; }
        #wrapper.modalConts .box#modalList .inner ul.Bonuskit {
          margin-top: -7vw; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner ul.Bonuskit {
              margin-top: 0; } }
          #wrapper.modalConts .box#modalList .inner ul.Bonuskit li {
            box-sizing: border-box;
            border: 2px solid #104e6d;
            opacity: 1;
            float: left;
            width: 100%;
            margin-bottom: 2%; }
            @media screen and (min-width: 1023px) {
              #wrapper.modalConts .box#modalList .inner ul.Bonuskit li {
                border: 2px solid #104e6d;
                width: 49%; } }
            #wrapper.modalConts .box#modalList .inner ul.Bonuskit li .figure {
              width: 88%;
              margin: 3vw auto 2vw; }
            #wrapper.modalConts .box#modalList .inner ul.Bonuskit li p {
              padding: 0 2vw;
              font-size: 3.125vw;
              text-align: center;
              margin-bottom: 2.5vw; }
              @media screen and (min-width: 1023px) {
                #wrapper.modalConts .box#modalList .inner ul.Bonuskit li p {
                  padding: 0;
                  font-size: 1.04167vw; } }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner ul.Bonuskit li:nth-child(2n) {
              margin-left: 2%; } }
        #wrapper.modalConts .box#modalList .inner.Shop .figure {
          margin-bottom: 4vw;
          text-align: center; }
          @media screen and (min-width: 1023px) {
            #wrapper.modalConts .box#modalList .inner.Shop .figure {
              margin-bottom: 2vw; } }
          #wrapper.modalConts .box#modalList .inner.Shop .figure img {
            width: 50%; }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts[data-page="product"] .box#modalTtl {
      padding-bottom: 3vw; } }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts[data-page="product"] .box#modalTtl h1 {
      margin-bottom: 3vw; } }
  #wrapper.modalConts .note {
    color: #787878;
    width: 100%;
    margin-top: 1vw; }
    @media screen and (min-width: 1023px) {
      #wrapper.modalConts .note {
        margin-top: 0.5vw; } }
    #wrapper.modalConts .note li {
      font-size: 2.34375vw;
      line-height: 1.6;
      text-align: left; }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .note li {
          font-size: 0.83333vw; } }

  #wrapper.modalConts .list {
    color: #787878;
    width: 100%;
    margin: 0.5vw 0 4vw;  }
    @media screen and (min-width: 1023px) {
      #wrapper.modalConts .list {
        margin: 0.5vw 0 1vw; } }
    #wrapper.modalConts .list li {
      font-size: 2.34375vw;
      line-height: 1.6;
      text-align: left; }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .list li {
          font-size: 1vw; } }

    #wrapper.modalConts .ollist {
      color: #787878;
      width: 100%;
      margin: 0.5vw 0 4vw;  }

      #wrapper.modalConts .ollist li {
        list-style: decimal;
      }
      @media screen and (min-width: 1023px) {
        #wrapper.modalConts .ollist {
          margin: 0.5vw 0 1vw;
          padding-left: 2em;} }
      #wrapper.modalConts .ollist li {
        margin-bottom: 0.5vw;
        font-size: 2.34375vw;
        line-height: 1.6;
        text-align: left; }
        @media screen and (min-width: 1023px) {
          #wrapper.modalConts .ollist li {
            font-size: 1vw; } }

  #wrapper.modalConts .DisCtrl {
    display: none; }
  #wrapper.modalConts.Ps4 .DisCtrl.Ps4 {
    display: inline; }
  #wrapper.modalConts.Xbox .DisCtrl.Xbox {
    display: inline; }
  #wrapper.modalConts.Steam .DisCtrl.Steam {
    display: inline; }
  #wrapper.modalConts.Existing .DisCtrl.Existing {
    display: inline; }
  #wrapper.modalConts.New .DisCtrl.New {
    display: inline; }
  #wrapper.modalConts.Delux .DisCtrl.Delux {
    display: inline; }
  #wrapper.modalConts.Collectors .DisCtrl.Collectors {
    display: inline; }

#wrapper.modalConts.ja .note li,
#wrapper.modalConts.cn .note li,
#wrapper.modalConts.hk .note li,
#wrapper.modalConts.kr .note li {
  padding-left: 1em;
  text-indent: -1em; }
  #wrapper.modalConts.ja .note li::before,
  #wrapper.modalConts.cn .note li::before,
  #wrapper.modalConts.hk .note li::before,
  #wrapper.modalConts.kr .note li::before {
    content: "※"; }

/************************************
Object
************************************/
html.top #products .hide-sp {
  display: none; }
  @media screen and (min-width: 1023px) {
    html.top #products .hide-sp {
      display: block; } }

@media screen and (min-width: 1023px) {
  html.top #products .hide-pc {
    display: none; } }

html.top #products .img-sp {
  display: block; }
  @media screen and (min-width: 1023px) {
    html.top #products .img-sp {
      display: none; } }

html.top #products .img-pc {
  display: none; }
  @media screen and (min-width: 1023px) {
    html.top #products .img-pc {
      display: block; } }

html.top #products .taC {
  text-align: center; }
  @media screen and (min-width: 1023px) {
    html.top #products .taC-pc {
      text-align: center; } }

html.top #products .kerning {
  position: relative; }
  html.top #products .kerning-all {
    margin-right: -.25em;
    margin-left: -.25em; }

html.top #products .no-margin {
  margin-bottom: 0; }

html.top #products.ie_browser .kerning {
  position: relative; }
  html.top #products.ie_browser .kerning-all {
    margin-right: .25em;
    margin-left: .25em; }

#wrapper.modalConts .hide-sp {
  display: none; }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts .hide-sp {
      display: block; } }

@media screen and (min-width: 1023px) {
  #wrapper.modalConts .hide-pc {
    display: none; } }

#wrapper.modalConts .img-sp {
  display: block; }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts .img-sp {
      display: none; } }

#wrapper.modalConts .img-pc {
  display: none; }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts .img-pc {
      display: block; } }

#wrapper.modalConts .taC {
  text-align: center; }
  @media screen and (min-width: 1023px) {
    #wrapper.modalConts .taC-pc {
      text-align: center; } }

#wrapper.modalConts .kerning {
  position: relative; }
  #wrapper.modalConts .kerning-all {
    margin-right: -.25em;
    margin-left: -.25em; }

#wrapper.modalConts .no-margin {
  margin-bottom: 0; }

/************************************
	Magnific-Popup
************************************/
.mfp-ajax-holder {
  overflow-y: auto; }

html.top .mfp-ajax-holder button.mfp-close {
  color: rgba(0, 0, 0, 0);
  height: 8vw;
  background: rgba(0, 0, 0, 0);
  max-width: 71px;
  opacity: .8;
  position: fixed;
  right: 5vw;
  top: 9vw;
  white-space: nowrap;
  width: 8vw;
  box-shadow: none; }
  @media screen and (min-width: 1023px) {
    html.top .mfp-ajax-holder button.mfp-close {
      height: 4vw;
      right: 2.5vw;
      top: 2.5vw;
      width: 4vw; } }
  html.top .mfp-ajax-holder button.mfp-close:before, html.top .mfp-ajax-holder button.mfp-close:after {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%; }
    @media screen and (min-width: 1023px) {
      html.top .mfp-ajax-holder button.mfp-close:before, html.top .mfp-ajax-holder button.mfp-close:after {
        background: #104e6d; } }
  html.top .mfp-ajax-holder button.mfp-close:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  html.top .mfp-ajax-holder button.mfp-close:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

/*------------------------------------*\
	$NEWS
\*------------------------------------*/
html.news .content {
  padding: 10vw 0 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.news .content {
      padding: 24vw 0 13.33333vw; } }

html.news .content__body {
  text-align: left;
  width: 81.33333vw;
  margin-top: 3.33333vw;
  margin-left: 9.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.news .content__body {
      width: 77.33333vw;
      margin: 8vw auto 0; } }

html.news .thumbnail {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.33333vw;
  margin-bottom: 1.33333vw; }
  html.news .thumbnail:nth-child(4n) {
    margin-right: 0; }
  html.news .thumbnail.hide {
    display: none; }
  @media only screen and (max-width: 1000px) {
    html.news .thumbnail {
      float: none;
      margin: 0 0 8vw; } }

html.news .btn_readmore {
  margin-top: 2vw; }

/*------------------------------------*\
	$NEWS ARTICLE
\*------------------------------------*/
html.news_article {
  /*
	ニュース記事 header
	 */
  /*
	ニュース記事 body
	 */
  /*
	概要
	*/
  /*
	期間
	*/
  /*
	画像
	*/
  /*
	注釈
	*/
  /*
	ボタン
	*/ }
  html.news_article h1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.35; }
    @media only screen and (max-width: 750px) {
      html.news_article h1 {
        font-size: 40px;
        font-size: 5.33333vw;
        line-height: 1.6; } }
  html.news_article h2 {
    font-weight: bold;
    font-size: 20px; }
    @media only screen and (max-width: 750px) {
      html.news_article h2 {
        font-size: 40px;
        font-size: 5.33333vw;
        line-height: 1.6; } }
  html.news_article .fontcolor_blue {
    color: #0ea1de; }
  html.news_article .wrapper {
    padding-bottom: 50px; }
    @media only screen and (max-width: 750px) {
      html.news_article .wrapper {
        padding-bottom: 13.33333vw; } }
  html.news_article .news__header {
    padding: 1.33333vw 0; }
    @media only screen and (max-width: 750px) {
      html.news_article .news__header {
        padding: 5.33333vw 0; } }
  html.news_article .news__header__figure {
    text-align: center;
    width: 19.83333vw;
    margin: 0 auto; }
    @media only screen and (max-width: 750px) {
      html.news_article .news__header__figure {
        width: 53.33333vw; } }
  html.news_article .news__article {
    width: 1000px;
    margin: 0 auto 50px;
    background-color: rgba(255, 255, 255, 0.7); }
    @media only screen and (max-width: 1040px) {
      html.news_article .news__article {
        width: 92%;
        margin: 0 4% 50px; } }
    @media only screen and (max-width: 750px) {
      html.news_article .news__article {
        width: 94.66667vw;
        margin: 0 auto 13.33333vw; } }
  html.news_article .article__header {
    position: relative;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_header_top.png"), url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_header_bottom.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top,center bottom;
    background-color: #f9f9f9;
    margin-bottom: 50px;
    padding: 40px 50px 40px; }
    html.news_article .article__header:before {
      content: "";
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_header_center.png");
      background-size: 100%;
      background-repeat: repeat-y;
      width: 100%;
      height: calc( 100% - 40px);
      position: absolute;
      top: 20px;
      left: 0;
      z-index: 0; }
    @media only screen and (max-width: 750px) {
      html.news_article .article__header {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_header_top_sp.png"), url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_header_bottom_sp.png");
        margin-bottom: 8vw;
        padding: 4vw; }
        html.news_article .article__header:before {
          background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_header_center_sp.png");
          top: 5.33333vw;
          height: calc( 100% - 10.66667vw); } }
  html.news_article .article__header__title {
    position: relative;
    z-index: 1;
    color: #505050;
    font-family: "Noto Serif JP", serif;
    line-height: 1.4;
    text-align: center; }
  html.news_article .article__body {
    padding: 0 40px 30px;
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden; }
    @media only screen and (max-width: 750px) {
      html.news_article .article__body {
        padding: 0 2.66667vw 13.33333vw;
        font-size: 30px;
        font-size: 4vw;
        line-height: 1.6; } }
  html.news_article .overview {
    margin-bottom: 40px; }
    @media only screen and (max-width: 750px) {
      html.news_article .overview {
        margin-bottom: 14.66667vw; } }
  html.news_article .overview__header {
    position: relative;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_overview_top.png"), url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_overview_bottom.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top,center bottom;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    padding: 20px; }
    html.news_article .overview__header:before {
      content: "";
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_overview_center.png");
      background-size: 100%;
      background-repeat: repeat-y;
      width: 100%;
      height: calc( 100% - 40px);
      position: absolute;
      top: 20px;
      left: 0;
      z-index: 0; }
    @media only screen and (max-width: 750px) {
      html.news_article .overview__header {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_overview_top_sp.png"), url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_overview_bottom_sp.png");
        margin-bottom: 8vw;
        padding: 4vw; }
        html.news_article .overview__header:before {
          background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/news/article_overview_center_sp.png");
          top: 5.33333vw;
          height: calc( 100% - 10.66667vw); } }
  html.news_article .overview__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #004172; }
    @media only screen and (max-width: 750px) {
      html.news_article .overview__title {
        font-size: 40px;
        font-size: 5.33333vw;
        line-height: 1.6; } }
  html.news_article .overview__text {
    text-align: center;
    color: #555555; }
    @media only screen and (max-width: 750px) {
      html.news_article .overview__text {
        text-align: left; } }
  html.news_article .period {
    margin-bottom: 30px; }
    @media only screen and (max-width: 750px) {
      html.news_article .period {
        margin-bottom: 8vw; } }
  html.news_article .period__title {
    color: #FFF;
    background-color: #0b263d;
    width: 130px;
    padding: 20px 0;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    float: left; }
    @media only screen and (max-width: 750px) {
      html.news_article .period__title {
        width: 100%;
        float: none;
        font-size: 40px;
        font-size: 5.33333vw;
        line-height: 1.6;
        margin-bottom: 5.33333vw;
        padding: 2.66667vw 0; } }
  html.news_article .period__text {
    float: right;
    width: 100%;
    margin-right: -150px;
    padding-right: 130px; }
    @media only screen and (max-width: 750px) {
      html.news_article .period__text {
        float: none;
        margin: 0;
        padding: 0; } }
  html.news_article .figure_column1 {
    margin-bottom: 30px; }
    @media only screen and (max-width: 750px) {
      html.news_article .figure_column1 {
        margin-bottom: 8vw; } }
  html.news_article .figure_column2 img {
    width: calc(50% - 15px);
    float: left;
    margin-bottom: 30px;
    margin-right: 15px; }
    html.news_article .figure_column2 img:nth-child(2n) {
      margin-right: 0;
      margin-left: 15px; }
  @media only screen and (max-width: 750px) {
    html.news_article .figure_column2 img {
      width: 100%;
      float: none;
      margin-right: 0px;
      margin-bottom: 2.66667vw; }
      html.news_article .figure_column2 img:nth-child(2n) {
        margin-left: 0; } }
  html.news_article .annotation {
    font-size: 12px;
    margin-bottom: 30px;
    color: #555555; }
    @media only screen and (max-width: 750px) {
      html.news_article .annotation {
        font-size: 24px;
        font-size: 3.2vw;
        line-height: 1.6;
        margin-bottom: 8vw; } }
  html.news_article .btn_news_article {
    position: relative;
    z-index: 1;
    text-align: center;
    display: block;
    width: 250px;
    margin: 0 auto;
    padding: 1px;
    border: 1px solid #FFF;
    box-sizing: border-box;
    background-color: rgba(29, 138, 192, 0.7);
    transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4); }
    html.news_article .btn_news_article .btn_more__text {
      font-size: 20px;
      line-height: 40px;
      font-family: "Noto Serif JP", serif;
      color: #FFF;
      transition: color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    html.news_article .btn_news_article:hover {
      border: 1px solid #0e9ee3;
      background-color: #1d8ac0; }
    html.news_article .btn_news_article:after {
      content: "";
      width: 20px;
      height: 15px;
      right: 5px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 5px;
      z-index: 1;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow_l.png");
      background-size: cover;
      transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    @media only screen and (max-width: 750px) {
      html.news_article .btn_news_article {
        width: 67.46667vw;
        height: 13.6vw;
        padding: 2px;
        border-width: 2px; }
        html.news_article .btn_news_article .btn_more__text {
          font-size: 40px;
          font-size: 5.33333vw;
          line-height: 1.6;
          line-height: 12vw; }
        html.news_article .btn_news_article:hover {
          border-width: 2px; }
        html.news_article .btn_news_article:after {
          width: 40px;
          width: 5.33333vw;
          height: auto;
          height: 30px;
          height: 4vw;
          right: 1.33333vw; } }

/*------------------------------------*\
	$MEDIA
\*------------------------------------*/
html.media .content {
/*  padding: 10vw 0 3.33333vw;*/
  padding: 10vw 0;
}
html.media .content__body__title.facilities{
	text-align: center;
	margin: 8vw auto 4vw;
}
html.media .innerNavi{
	text-align: center;
	margin: 6vw auto;
}
html.media .innerNavi li{
	display: inline-block;
	padding: 0 1em;
	font-size: 1.2vw;
}
html.media .thumbnailMedia .thumbnailMedia__text p {
	align-items: center;
	height: inherit;
}
  @media only screen and (max-width: 1000px) {
    html.media .content {
      padding: 24vw 0 13.33333vw; }
	html.media .content__body__title.facilities{
		text-align: center;
		margin: 14vw auto 0;
	}
	html.media .innerNavi{
		text-align: center;
		margin: 8vw auto;
	}
	html.media .innerNavi li{
		display: inline-block;
		width: 47vw;
		padding: 0.5em 1em;
		font-size: 3vw;
	}
}
html.media .content__body {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  width: 82.66668vw;
  margin: 5vw auto auto;}
html.media .content__body.media__body + .content__body.media__body{
	border-top: 1px solid #0b263d;
	margin: 6.66666vw auto auto;
	padding: 6.66666vw 0 0;
}
	html.media .content__body .carousel {
		padding: 0;
	}
	html.media .content__body .carousel .carousel__item {
		width: 26.22222vw;
		float: none;
		display: inline-block;
		padding: 0;
	}
  @media only screen and (min-width: 1001px) {
	html.media .content__body .carousel .carousel__item:nth-of-type(n+4) {
		margin-top: 3vw;
	}
	html.media .thumbnailMedia .thumbnailMedia__text p{
		font-size: 1vw;
	}
}
  @media only screen and (max-width: 1000px) {
    html.media .content__body {
	  width: 94.66667vw;
      margin: 0 auto; }
	html.media .content__body.media__body + .content__body.media__body{
		border-top: 1px solid #0b263d;
		padding-top: 0;
		margin-top: 6.66666vw;
	}
	html.media .content__body .carousel {
		width: inherit;
		margin:auto;
		text-align: center;
	}
	html.media .content__body .carousel .carousel__item {
		width:  43.99999vw;
	    margin:  6vw 1.66667vw auto;
	}
	html.media .thumbnailMedia .thumbnailMedia__text {
		padding: 0 1vw 2.66667vw;
	}
	  html.media .thumbnailMedia .thumbnailMedia__text p{
		font-size: 2.8vw;
		height: inherit;
	}
}

/*html.media .content__body {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  width: 81.33333vw;
  margin-top: 3.33333vw;
  margin-left: 9.33333vw; }
	html.media .content__body .carousel {
		margin-left: -4.76667vw;
	}

  @media only screen and (max-width: 1000px) {
    html.media .content__body {
      width: 81.33333vw;
      margin: 8vw auto 0; }
	html.media .content__body .carousel {
		margin-left:-9.33333vw;
	}
}
*/
html.media .thumbnail {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.33333vw;
  margin-bottom: 1.33333vw; }
  html.media .thumbnail:nth-child(4n) {
    margin-right: 0; }
  html.media .thumbnail.hide {
    display: none; }
  @media only screen and (max-width: 1000px) {
    html.media .thumbnail {
      float: none;
      margin: 0 0 8vw; }
	html.media .thumbnailMedia .thumbnailMedia__figure:after {
		width: 176px;
		width: 11.73333vw;
		height: auto;
		height: 64px;
		height: 4.26666vw;
	}
}

html.media .btn_readmore {
  margin-top: 2vw; }



/*------------------------------------*\
	$MONSTER
\*------------------------------------*/
html.monster .main {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/main_bg.jpg");
  background-size: cover;
  background-position: center center; }
html.monster .main .btn_loupe,
html.monster .main .btn_movie {
  margin-top: 2vw; }
html.monster .main .btn_loupe *,
html.monster .main .btn_movie * {
  text-shadow: none; }

  @media only screen and (max-width: 1000px) {
    html.monster .main {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/main_bg_sp.jpg"); }
	html.monster .main .main__spec{
      padding-bottom: 5.33333vw;
	  text-align: center;}
	html.monster .main .main__spec dt,
    html.monster .main .main__spec dd{
	  text-align: left;}
	html.monster .main .btn_loupe,
	html.monster .main .btn_movie {
	margin-top: 2.66667vw;}}

html.monster .content__body {
  margin-bottom: 6vw; }
  @media only screen and (max-width: 1000px) {
    html.monster .content__body {
      margin-bottom: 8vw; } }

html.monster .article {
  position: relative;
  height: 26.4vw;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 8px;
  padding-top: 3.33333vw;
  font-size: 0;
  color: #FFF; }

  html.monster .article.monster01 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_1.jpg"); }
  html.monster .article.monster02 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_2.jpg"); }
  html.monster .article.monster03 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_3.jpg"); }
  html.monster .article.monster04 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_4.jpg"); }
  html.monster .article.monster05 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_5.jpg"); }
  html.monster .article.monster06 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_6.jpg"); }
  html.monster .article.monster07 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_7.jpg"); }
  html.monster .article.monster08 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_8.jpg"); }
  html.monster .article.monster09 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_9.jpg"); }
  html.monster .article.monster10 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_10.jpg"); }
  html.monster .article.monster11 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_11.jpg"); }
  html.monster .article.monster12 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_12.jpg"); }
  html.monster .article.monster13 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_13.jpg"); }
  html.monster .article.monster14 {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/monster/article_bg_14.jpg"); }
  /*
  html.monster .article:nth-child(1) {
    background-image: url("../img/common/monster/article_bg_1.jpg"); }
  html.monster .article:nth-child(2) {
    background-image: url("../img/common/monster/article_bg_2.jpg"); }
  html.monster .article:nth-child(3) {
    background-image: url("../img/common/monster/article_bg_3.jpg"); }
  html.monster .article:nth-child(4) {
    background-image: url("../img/common/monster/article_bg_4.jpg"); }
    html.monster .article:nth-child(5) {
      background-image: url("../img/common/monster/article_bg_5.jpg"); }
  html.monster .article:nth-child(6) {
    background-image: url("../img/common/monster/article_bg_6.jpg"); }
    html.monster .article:nth-child(7) {
      background-image: url("../img/common/monster/article_bg_7.jpg"); }
      html.monster .article:nth-child(8) {
        background-image: url("../img/common/monster/article_bg_8.jpg"); }*/
  @media only screen and (max-width: 1000px) {
    html.monster .article {
      margin-top: 4px;
      height: auto;
      padding: 76vw 2.66667vw 5.33333vw; } }

html.monster .article__figure {
  position: absolute;
  top: 0;
  height: 26.4vw; }
  html.monster .article__figure img {
    width: auto;
    height: 100%; }
  @media only screen and (max-width: 1000px) {
    html.monster .article__figure {
      width: 100vw;
      height: auto; }
      html.monster .article__figure img {
        width: 100%;
        height: auto; } }

html.monster .article-l .article__figure {
  right: 0; }

html.monster .article-r .article__figure {
  left: 0; }

html.monster .article.monster05 .article__figure {
  right: 9.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.monster .article.monster05 .article__figure {
      right: 0; } }

html.monster .article__spec {
  position: relative;
  z-index: 10;
  width: 1200px;
  width: 40vw;
  height: auto; }
  html.monster .article__spec .btn_movie {
    margin-top: 2vw; }
  html.monster .article__spec .btn_loupe {
    margin-top: 2vw;
    margin-right: 0.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.monster .article__spec {
      text-align: center;
      width: 710px;
      width: 94.66667vw;
      height: auto; }
      html.monster .article__spec .btn_movie {
        margin-top: 2.66667vw; }
      html.monster .article__spec .btn_loupe {
        margin-top: 2.66667vw;
        margin-right: 1.33333vw; } }

html.monster .article-l .article__spec {
  margin-left: 9.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.monster .article-l .article__spec {
      margin-left: 0; } }

html.monster .article-r .article__spec {
  margin-left: 58vw; }
  @media only screen and (max-width: 1000px) {
    html.monster .article-r .article__spec {
      margin-left: 0; } }


html.monster .article__spec__role {
  text-align: left;
  font-size: 60px;
  font-size: 2vw;
  line-height: 1.6;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 0.66667vw;
  text-shadow: 4px 4px 0 #000, 4px 4px 20px #000, 4px 4px 10px #000, 4px 4px 5px #000; }
  @media only screen and (max-width: 1000px) {
    html.monster .article__spec__role {
      font-size: 46px;
      font-size: 6.13333vw;
      line-height: 1.6;
      line-height: 1;
      margin-bottom: 1.33333vw; } }

html.monster .article__spec.up .article__spec__role:before {
  position: absolute;
  top: -2.33333vw;
  left: 0;
  display: block;
  vertical-align: top;
  content: '';
  width: 3.16667vw;
  height: 1.5vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_up_l.png");
  background-size: cover; }

@media only screen and (max-width: 1000px) {
  html.monster .article__spec.up .article__spec__role:before {
    top: -5.33333vw;
    width: 6.66667vw;
    height: 3.2vw; } }

html.monster .article__spec__name {
  text-align: left;
  font-size: 150px;
  font-size: 5vw;
  line-height: 1.6;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  text-shadow: 4px 4px 0 #000, 4px 4px 20px #000, 4px 4px 10px #000, 4px 4px 5px #000;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    html.monster .article__spec__name {
      font-size: 90px;
      font-size: 12vw;
      line-height: 1.6;
      line-height: 1; } }
html.de.monster .article.monster02 .article__spec__name{
  font-size: 3vw; }
  @media only screen and (max-width: 1000px) {
    html.de.monster .article.monster02 .article__spec__name {
      font-size: 8.33333vw; } }

html.us.monster .article.monster02 .article__spec__name,
html.uk.monster .article.monster02 .article__spec__name,
html.it.monster .article.monster02 .article__spec__name,
html.fr.monster .article.monster02 .article__spec__name,
html.de.monster .article.monster02 .article__spec__name,
html.es.monster .article.monster02 .article__spec__name,
html.kr.monster .article.monster02 .article__spec__name{
  font-size: 4vw;}
  @media only screen and (max-width: 1000px) {
    html.us.monster .article.monster02 .article__spec__name,
    html.uk.monster .article.monster02 .article__spec__name,
    html.us.monster .article.monster02 .article__spec__name,
    html.fr.monster .article.monster02 .article__spec__name,
    html.de.monster .article.monster02 .article__spec__name,
    html.es.monster .article.monster02 .article__spec__name,
    html.kr.monster .article.monster02 .article__spec__name{
    font-size: 8.33333vw; } }

html.us.monster .article.monster07 .article__spec__name,
html.uk.monster .article.monster07 .article__spec__name,
html.it.monster .article.monster07 .article__spec__name,
html.fr.monster .article.monster07 .article__spec__name,
html.de.monster .article.monster07 .article__spec__name,
html.es.monster .article.monster07 .article__spec__name{
  font-size: 4vw;}
  @media only screen and (max-width: 1000px) {
    html.us.monster .article.monster07 .article__spec__name,
    html.uk.monster .article.monster07 .article__spec__name,
    html.us.monster .article.monster07 .article__spec__name,
    html.fr.monster .article.monster07 .article__spec__name,
    html.de.monster .article.monster07 .article__spec__name,
    html.es.monster .article.monster07 .article__spec__name{
    font-size: 8.33333vw; } }

html.us.monster .article.monster08 .article__spec__name,
html.uk.monster .article.monster08 .article__spec__name,
html.it.monster .article.monster08 .article__spec__name,
html.fr.monster .article.monster08 .article__spec__name,
html.de.monster .article.monster08 .article__spec__name,
html.es.monster .article.monster08 .article__spec__name{
  font-size: 4vw;}
  @media only screen and (max-width: 1000px) {
    html.us.monster .article.monster08 .article__spec__name,
    html.uk.monster .article.monster08 .article__spec__name,
    html.us.monster .article.monster08 .article__spec__name,
    html.fr.monster .article.monster08 .article__spec__name,
    html.de.monster .article.monster08 .article__spec__name,
    html.es.monster .article.monster08 .article__spec__name{
    font-size: 8.33333vw; } }

    html.us.monster .article.monster11 .article__spec__name,
    html.uk.monster .article.monster11 .article__spec__name,
    html.it.monster .article.monster11 .article__spec__name,
    html.fr.monster .article.monster11 .article__spec__name,
    html.de.monster .article.monster11 .article__spec__name,
    html.es.monster .article.monster11 .article__spec__name{
      font-size: 4vw;}
      @media only screen and (max-width: 1000px) {
        html.us.monster .article.monster11 .article__spec__name,
        html.uk.monster .article.monster11 .article__spec__name,
        html.us.monster .article.monster11 .article__spec__name,
        html.fr.monster .article.monster11 .article__spec__name,
        html.de.monster .article.monster11 .article__spec__name,
        html.es.monster .article.monster11 .article__spec__name{
        font-size: 8.33333vw; } }

html.monster .article__spec__description {
  text-align: left;
  font-size: 34px;
  font-size: 1.13333vw;
  line-height: 1.6;
  margin-top: 1.66667vw;
  text-shadow: 2px 2px 3px #000000; }
  @media only screen and (max-width: 1000px) {
    html.monster .article__spec__description {
      color: #0b263d;
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6;
      background-color: rgba(255, 255, 255, 0.7);
      margin-top: 2.66667vw;
      padding: 2.66667vw;
      text-shadow: none; } }

/*------------------------------------*\
	$ECOSYSTEM
\*------------------------------------*/
html.ecosystem .main {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/ecosystem/main_bg.jpg");
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .main {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/ecosystem/main_bg_sp.jpg"); } }

html.ecosystem .content {
  padding-top: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .content {
      padding-top: 8vw; } }

html.ecosystem .article {
  margin-bottom: 9.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article {
      margin-bottom: 8vw; } }

html.ecosystem .article__figure_right {
  margin-top: 6.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.ecosystem .article__figure_right {
      margin-top: 8vw; } }

/*------------------------------------*\
	$HUNTING
\*------------------------------------*/
html.hunting .main {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/main_bg.jpg");
  background-size: cover;
  background-position: center center; }
  @media only screen and (max-width: 1000px) {
    html.hunting .main {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/main_bg_sp.jpg"); } }

html.hunting .content {
  padding-top: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting .content {
      padding-top: 8vw; } }

html.hunting .article {
  margin-bottom: 9.33333vw;
  text-align: center; }

@media only screen and (max-width: 1000px) {
  html.hunting .article__figure {
    margin-bottom: 5.33333vw; } }

@media only screen and (max-width: 1000px) {
  html.hunting .movieWrapper iframe {
    display: none; } }

html.hunting .hunting__text {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 70px;
  font-size: 2.33333vw;
  line-height: 1.6;
  font-weight: bold;
  width: 2242px;
  width: 74.73333vw;
  height: auto;
  margin: 0 auto 5.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting .hunting__text {
      text-align: center;
      font-size: 30px;
      font-size: 4vw;
      line-height: 1.6;
      width: 710px;
      width: 94.66667vw;
      height: auto;
      margin: 0 auto 8vw; } }

html.hunting .btn_movie {
  display: none; }
  @media only screen and (max-width: 1000px) {
    html.hunting .btn_movie {
      display: inline-block; } }

html.hunting_new .article {
  margin-bottom: 23vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article {
      margin-bottom: 8vw; } }

html.hunting_new .article_03 {
  margin-bottom: 6vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article_03 {
      margin-bottom: 8vw; } }

html.hunting_new .article_weapon {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/img_characters.png");
  background-repeat: no-repeat;
  background-position: left -24.66667vw bottom 0;
  background-size: 120vw auto;
  margin-bottom: 0;
  padding-bottom: 43.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article_weapon {
      background-position: left -46.66667vw bottom 0;
      background-size: 160vw auto;
      margin-bottom: 0;
      padding-bottom: 56vw; } }

html.hunting_new .article__figure {
  width: 64vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article__figure {
      width: 94.66667vw;
      margin-top: 8vw; } }

html.hunting_new .article_01 .textbox {
  width: 62.33333vw;
  padding: 2.33333vw 3vw; }
  html.hunting_new .article_01 .textbox:before {
    height: calc( 100% - 7.8vw);
    top: 3.9vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article_01 .textbox {
      width: 94.66667vw;
      padding: 5.33333vw 2.66667vw; }
      html.hunting_new .article_01 .textbox:before {
        top: 5.33333vw;
        height: calc( 100% - 8vw); } }

html.hunting_new .article_01 .article__figure__text {
  bottom: -17vw;
  left: 34.26667vw;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article_01 .article__figure__text {
      position: relative;
      bottom: 0;
      left: 0;
      margin-top: 2.66667vw;
      display: block;
      align-items: normal;
      justify-content: normal; } }

html.hunting_new .article_01 .article__figure__text__body {
  width: 26.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article_01 .article__figure__text__body {
      width: auto;
      margin-bottom: 5.33333vw; } }

html.hunting_new .thumbnailHunting {
  position: relative;
  width: 850px;
  width: 28.33333vw;
  height: auto;
  text-align: left;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  padding: 2px;
  background-color: #FFF; }
  html.hunting_new .thumbnailHunting:hover:before {
    opacity: 1; }
  html.hunting_new .thumbnailHunting:hover .thumbnailHunting__body {
    border-color: #0e9ee3; }
  html.hunting_new .thumbnailHunting .thumbnailHunting__figure {
    position: relative;
    padding-bottom: 0;
    background-color: #FFF; }
    html.hunting_new .thumbnailHunting .thumbnailHunting__figure img {
      box-shadow: none; }
  html.hunting_new .thumbnailHunting:before {
    opacity: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 2px solid #0e9ee3;
    transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  html.hunting_new .thumbnailHunting.up .thumbnailHunting__figure:after {
    content: "";
    width: 70px;
    width: 2.33333vw;
    height: auto;
    height: 70px;
    height: 2.33333vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_update.png");
    background-size: cover; }
  html.hunting_new .thumbnailHunting .thumbnailHunting__body {
    position: relative;
    color: #FFF;
    min-height: 5.33333vw;
    padding: 0.66667vw;
    border-top: 2px solid #FFF;
    transition: border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    background-color: #60add2; }
    html.hunting_new .thumbnailHunting .thumbnailHunting__body p {
      position: absolute;
      top: 50%;
      left: calc( 50% - 2.33333vw);
      width: 100%;
      transform: translateX(-50%) translateY(-50%);
      font-size: 36px;
      font-size: 1.2vw;
      line-height: 1.6;
      text-align: center; }
    html.hunting_new .thumbnailHunting .thumbnailHunting__body:after {
      content: "";
      width: 106px;
      width: 3.53333vw;
      height: auto;
      height: 84px;
      height: 2.8vw;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.66667vw;
      z-index: 1;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_movie.png");
      background-size: cover;
      transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .thumbnailHunting {
      width: 100%;
      margin: 0 auto; }
      html.hunting_new .thumbnailHunting.up .thumbnailHunting__figure:after {
        width: 70px;
        width: 9.33333vw;
        height: auto;
        height: 70px;
        height: 9.33333vw; }
      html.hunting_new .thumbnailHunting .thumbnailHunting__figure:after {
        width: 60px;
        width: 8vw;
        height: auto;
        height: 60px;
        height: 8vw; }
      html.hunting_new .thumbnailHunting .thumbnailHunting__body {
        min-height: 18.66667vw;
        padding: 2.66667vw; }
        html.hunting_new .thumbnailHunting .thumbnailHunting__body p {
          font-size: 26px;
          font-size: 3.46667vw;
          line-height: 1.6;
          left: calc( 50% - 6.66667vw); }
        html.hunting_new .thumbnailHunting .thumbnailHunting__body:after {
          width: 80px;
          width: 10.66667vw;
          height: auto;
          height: 63px;
          height: 8.4vw;
          right: 2.66667vw; } }

html.hunting_new .article__list {
  width: 74.66667vw;
  margin: 3vw auto 0;
  font-size: 0;
  text-align: left; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article__list {
      margin-top: 8vw;
      width: 94.66667vw; } }

html.hunting_new .article__list__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.33333vw;
  margin-bottom: 1.33333vw; }
  html.hunting_new .article__list__item:nth-child(4n) {
    margin-right: 0; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .article__list__item {
      margin-right: 1.33333vw;
      margin-bottom: 1.33333vw; }
      html.hunting_new .article__list__item:nth-child(2n) {
        margin-right: 0; } }

html.hunting_new .thumbnailHunting_s {
  width: 17.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .thumbnailHunting_s {
      width: 46.66667vw; } }

html.hunting_new .thumbnailHunting_s .thumbnailHunting__body {
  position: relative;
  min-height: 2.8vw;
  padding: 0; }
  html.hunting_new .thumbnailHunting_s .thumbnailHunting__body p {
    position: absolute;
    top: 50%;
    left: 3.33333vw;
    transform: translateY(-50%);
    text-align: left;
    font-size: 30px;
    font-size: 1vw;
    line-height: 1.6; }
  html.hunting_new .thumbnailHunting_s .thumbnailHunting__body:after {
    width: 78px;
    width: 2.6vw;
    height: auto;
    height: 60px;
    height: 2vw;
    right: 0.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .thumbnailHunting_s .thumbnailHunting__body {
      min-height: 10.66667vw; }
      html.hunting_new .thumbnailHunting_s .thumbnailHunting__body p {
        font-size: 26px;
        font-size: 3.46667vw;
        line-height: 1.6;
        left: 13.33333vw;
        line-height: 1.2;
        width: calc( 100% - 22.66667vw); }
      html.hunting_new .thumbnailHunting_s .thumbnailHunting__body:after {
        width: 60px;
        width: 8vw;
        height: auto;
        height: 47px;
        height: 6.26667vw;
        right: 1.33333vw; } }

html.hunting_new .thumbnailHunting_s .thumbnailHunting__body__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.73333vw;
  height: 100%;
  background-color: #106690;
  text-align: center; }
  html.hunting_new .thumbnailHunting_s .thumbnailHunting__body__figure img {
    margin-top: 10%;
    width: 80%; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .thumbnailHunting_s .thumbnailHunting__body__figure {
      width: 10.66667vw;
      height: 100%; } }

html.hunting_new .soon {
  width: 17.66667vw;
  height: 12.86667vw;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/hunting/soon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media only screen and (max-width: 1000px) {
    html.hunting_new .soon {
      width: 46.66667vw;
      height: 37.33333vw; } }

/*------------------------------------*\
	$STORY
\*------------------------------------*/
html.story .main {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/story/main_bg.jpg");
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.story .main {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/story/main_bg_sp.jpg"); } }

html.story .content {
  padding-top: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.story .content {
      padding-top: 8vw; } }

html.story .article__figure_full .textbox {
  width: 960px;
  width: 32vw;
  height: auto; }
  html.story .article__figure_full .textbox:before {
    top: 2vw;
    height: calc( 100% - 4vw); }
  @media only screen and (max-width: 1000px) {
    html.story .article__figure_full .textbox {
      width: 710px;
      width: 94.66667vw;
      height: auto; }
      html.story .article__figure_full .textbox:before {
        top: 5.33333vw;
        height: calc( 100% - 8vw); } }

html.story .thumbnailChara {
  position: relative;
  width: 560px;
  width: 18.66667vw;
  height: auto;
  text-align: left;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  padding: 2px;
  background-color: #FFF; }
  html.story .thumbnailChara:hover:before {
    opacity: 1; }
  html.story .thumbnailChara:hover .thumbnailChara__body {
    border-color: #0e9ee3; }
  html.story .thumbnailChara .thumbnailChara__figure {
    position: relative;
    padding-bottom: 0;
    background-color: #FFF; }
    html.story .thumbnailChara .thumbnailChara__figure img {
      box-shadow: none; }
  html.story .thumbnailChara:before {
    opacity: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 2px solid #0e9ee3;
    transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  html.story .thumbnailChara.up .thumbnailChara__figure:after {
    content: "";
    width: 70px;
    width: 2.33333vw;
    height: auto;
    height: 70px;
    height: 2.33333vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_update.png");
    background-size: cover; }
  html.story .thumbnailChara .thumbnailChara__body {
    position: absolute;
    left: 2px;
    bottom: 2px;
    z-index: 2;
    color: #FFF;
    width: calc(100% - 4px);
    min-height: 5.33333vw;
    padding: 0.66667vw;
    transition: border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    border-top: 2px solid #FFF;
    background-color: rgba(96, 173, 210, 0.8); }
    html.story .thumbnailChara .thumbnailChara__body p {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 0.66667vw;
      width: 15.33333vw;
      transform: translateY(-50%);
      font-size: 40px;
      font-size: 1.33333vw;
      line-height: 1.6;
      text-align: left; }
    html.story .thumbnailChara .thumbnailChara__body:after {
      content: "";
      width: 43px;
      width: 1.43333vw;
      height: auto;
      height: 34px;
      height: 1.13333vw;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.66667vw;
      z-index: 1;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow.png");
      background-size: cover;
      transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    html.story .thumbnailChara {
      width: 100%;
      margin: 0 auto; }
      html.story .thumbnailChara:before {
        border-width: 1px; }
      html.story .thumbnailChara.up .thumbnailChara__figure:after {
        width: 70px;
        width: 9.33333vw;
        height: auto;
        height: 70px;
        height: 9.33333vw; }
      html.story .thumbnailChara .thumbnailChara__figure:after {
        top: 1px;
        left: 1px;
        width: 60px;
        width: 8vw;
        height: auto;
        height: 60px;
        height: 8vw; }
      html.story .thumbnailChara .thumbnailChara__body {
        min-height: 13.33333vw;
        padding: 2.66667vw; }
        html.story .thumbnailChara .thumbnailChara__body p {
          font-size: 26px;
          font-size: 3.46667vw;
          line-height: 1.6;
          left: 2.66667vw;
          width: 33.33333vw; }
        html.story .thumbnailChara .thumbnailChara__body:after {
          width: 43px;
          width: 5.73333vw;
          height: auto;
          height: 34px;
          height: 4.53333vw;
          right: 2.66667vw; } }

html.story .article__list {
  width: 78.66667vw;
  margin: 3vw auto 0;
  font-size: 0;
  text-align: left; }
  @media only screen and (max-width: 1000px) {
    html.story .article__list {
      margin-top: 8vw;
      width: 94.66667vw; } }

html.story .article__list__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.33333vw;
  margin-bottom: 1.33333vw; }
  html.story .article__list__item:nth-child(4n) {
    margin-right: 0; }
  @media only screen and (max-width: 1000px) {
    html.story .article__list__item {
      width: 46.66667vw;
      margin-right: 1.33333vw;
      margin-bottom: 1.33333vw; }
      html.story .article__list__item:nth-child(2n) {
        margin-right: 0; } }

/*------------------------------------*\
	$SYSTEM
\*------------------------------------*/
html.system .main {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/system/main_bg.jpg");
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.system .main {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/system/main_bg_sp.jpg"); } }

html.system .content {
  padding-top: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.system .content {
      padding-top: 8vw; } }

html.system .viewMode .article__flow{
  margin-top:3.33333vw; }

  html.system .textbox .title{
    font-size: 1.63333vw;
    font-weight: bold;
    margin: 1.33333vw 0; }
    @media only screen and (max-width: 1000px) {
    html.system .textbox .title{
            font-size: 4vw;  }}

html.system .article__figure_large.circle {
    position: relative;
    margin-bottom: 15vw;
}@media only screen and (max-width: 1000px) {
  html.system .article__figure_large.circle {
      position: relative;
      margin-bottom: 0;
  }}

html.system .article__figure_large.circle figcaption {
    left: 28vw;
    bottom: -12vw;
    width: 62.66667vw;
}@media only screen and (max-width: 1000px) {
  html.system .article__figure_large.circle figcaption {
      width: 100%;
      left:0;
      bottom: 0;
      position: relative;
  }}


  html.system .btn_more {
    display: block;
    margin: 2vw auto 0;
    width: 50.6vw;}
    html.system .btn_more p {
      font-size: 40px;
      font-size: 1.33333vw;
      line-height: 1.6;
      line-height: 1;
      font-family: "Noto Serif JP", serif; }

  @media only screen and (max-width: 1000px) {
      html.system .btn_more {
        margin: 8vw auto 0;
        width: 90.46667vw; }
        html.system .btn_more p {
          width: 90%;
          font-size: 40px;
          font-size: 4.33333vw;
          line-height: 1.6;
          line-height: 1; }
      html.de.system .btn_more {
        height: 18.6vw;}}

/*------------------------------------*\
	$MODAL DETAIL
	Story と Base の詳細用
\*------------------------------------*/
.modal_detail .modal_detail__article {
  position: relative;
  margin: 4vw 0;
  min-height: 41.66667vw;
  background-color: #f0f9fc; }
  @media only screen and (max-width: 1000px) {
    .modal_detail .modal_detail__article {
      margin: 13.33333vw 0;
      padding: 2.66667vw 0 10.66667vw; } }

.modal_detail .modal_detail__article__figure {
  position: absolute;
  z-index: 10;
  top: -4.66667vw;
  left: 11.33333vw;
  height: 50vw; }
  .modal_detail .modal_detail__article__figure img {
    width: auto;
    height: 100%; }
  @media only screen and (max-width: 1000px) {
    .modal_detail .modal_detail__article__figure {
      position: relative;
      top: 0;
      left: 0;
      margin: 0 auto;
      width: 77.33333vw;
      height: auto; }
      .modal_detail .modal_detail__article__figure img {
        width: 100%;
        height: auto; } }

.modal_detail .modal_detail__article__dl {
  position: relative;
  z-index: 0;
  padding: 8.66667vw 9.33333vw 0 50vw; }
  @media only screen and (max-width: 1000px) {
    .modal_detail .modal_detail__article__dl {
      padding: 2.66667vw 13.33333vw 0; } }

.modal_detail .modal_detail__article__dl__dt {
  font-size: 100px;
  font-size: 3.33333vw;
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
  font-weight: bold; }
  @media only screen and (max-width: 1000px) {
    .modal_detail .modal_detail__article__dl__dt {
      font-size: 50px;
      font-size: 6.66667vw;
      line-height: 1.6; } }

.modal_detail .modal_detail__article__dl__dt__dd {
  font-size: 36px;
  font-size: 1.2vw;
  line-height: 1.6;
  margin-top: 2.66667vw; }
  .modal_detail .modal_detail__article__dl__dt__dd p {
    margin-top: 2vw; }
    .modal_detail .modal_detail__article__dl__dt__dd p:first-child {
      margin-top: 0; }
  @media only screen and (max-width: 1000px) {
    .modal_detail .modal_detail__article__dl__dt__dd {
      font-size: 26px;
      font-size: 3.46667vw;
      line-height: 1.6;
      margin-top: 5.33333vw; }
      .modal_detail .modal_detail__article__dl__dt__dd p {
        margin-top: 4vw; }
        .modal_detail .modal_detail__article__dl__dt__dd p:first-child {
          margin-top: 0; } }

.base_detail_01 .modal_detail__article__figure {
  left: 13.33333vw; }
  @media only screen and (max-width: 1000px) {
    .base_detail_01 .modal_detail__article__figure {
      width: 66.66667vw;
      left: auto; } }

.base_detail_02 .modal_detail__article__figure {
  left: 16.33333vw; }
  @media only screen and (max-width: 1000px) {
    .base_detail_02 .modal_detail__article__figure {
      width: 66.66667vw;
      left: auto; } }

.base_detail_03 .modal_detail__article__figure {
  left: 12.66667vw; }
  @media only screen and (max-width: 1000px) {
    .base_detail_03 .modal_detail__article__figure {
      width: 77.33333vw;
      left: auto;
      margin-left: 17.33333vw; } }

.base_detail_04 .modal_detail__article__figure {
  height: 41.66667vw;
  top: 0vw;
  left: 12.66667vw; }
  @media only screen and (max-width: 1000px) {
    .base_detail_04 .modal_detail__article__figure {
      width: 77.33333vw;
      height: auto;
      top: auto;
      left: auto;
      margin-left: 17.33333vw; } }

.story_detail_01 .modal_detail__article__figure {
  left: 15.33333vw; }
  @media only screen and (max-width: 1000px) {
    .story_detail_01 .modal_detail__article__figure {
      left: 0; } }

.story_detail_02 .modal_detail__article__figure {
  left: 15.66667vw; }
  @media only screen and (max-width: 1000px) {
    .story_detail_02 .modal_detail__article__figure {
      left: 5vw;
      width: 66.66667vw; } }

.story_detail_03 .modal_detail__article__figure {
  left: 18.33333vw; }
  @media only screen and (max-width: 1000px) {
    .story_detail_03 .modal_detail__article__figure {
      left: 8vw;
      width: 58.66667vw; } }

.story_detail_04 .modal_detail__article__figure {
  left: 9.33333vw; }
  @media only screen and (max-width: 1000px) {
    .story_detail_04 .modal_detail__article__figure {
      left: 0;
      width: 77.33333vw; } }

.story_detail_05 .modal_detail__article__figure {
  left: 18.33333vw; }
  @media only screen and (max-width: 1000px) {
    .story_detail_05 .modal_detail__article__figure {
      left: 3vw;
      width: 53.33333vw; } }

.story_detail_06 .modal_detail__article__figure {
  width: 72.8vw;}
  @media only screen and (max-width: 1000px) {
    .story_detail_06 .modal_detail__article__figure {
      left: 0;
      width: 133.33333vw;
      margin-top: -13.33333vw;
      margin-left: 13.33333vw; } }

.story_detail_07 .modal_detail__article__figure {
  left: 13.3333vw; }
  @media only screen and (max-width: 1000px) {
    .story_detail_07 .modal_detail__article__figure {
      left: 3vw;
      width: 67.333vw; } }

.story_detail_08 .modal_detail__article__figure {
  width: 75.9vw;
  left:  1vw;}
  @media only screen and (max-width: 1000px) {
    .story_detail_08 .modal_detail__article__figure {
      left: 0;
      width: 116vw;
      margin-left:-19.33333vw; } }

.story_detail_09 .modal_detail__article__figure {
  left:  16vw;}
  @media only screen and (max-width: 1000px) {
    .story_detail_09 .modal_detail__article__figure {
      left: 3vw;
      width: 58.66666vw; } }

.story_detail_10 .modal_detail__article__figure {
  left:  14vw;}
  @media only screen and (max-width: 1000px) {
    .story_detail_10 .modal_detail__article__figure {
      left: 1vw;
      width: 62.22222vw; } }

.story_detail_11 .modal_detail__article__figure {
  left: 19vw;}
  @media only screen and (max-width: 1000px) {
    .story_detail_11 .modal_detail__article__figure {
      left: 3vw;
      width: 47.2222vw; } }

/*------------------------------------*\
	$MODAL HUNTING
	hunting の詳細用
\*------------------------------------*/
html.hunting .modal_hunting {
  margin: 3.33333vw auto;
  max-width: 90%; }
  @media only screen and (max-width: 1000px) {
    html.hunting .modal_hunting {
      margin: 5.33333vw 1.33333vw 13.33333vw;
      max-width: 100%; } }
  html.hunting .modal_hunting img {
    width: 100%;
    height: auto; }
  html.hunting .modal_hunting .margin__bottom {
    margin: 0 0 1.33333vw; }
    @media only screen and (max-width: 1000px) {
      html.hunting .modal_hunting .margin__bottom {
        margin: 0 0 2.66667vw; } }
  html.hunting .modal_hunting .content__header {
    width: 100%;
    margin: 0 0 3.33333vw; }
    html.hunting .modal_hunting .content__header::before {
      width: 100%; }
  html.hunting .modal_hunting .modal_hunting__box {
    margin: auto;
    max-width: 75%; }
  html.hunting .modal_hunting .modal_hunting__box .modal_hunting__box__iframe {
      position: relative;
      width: 100%; }
    html.hunting .modal_hunting .modal_hunting__box .modal_hunting__box__iframe a {
      display: block;
    }

    html.hunting .modal_hunting .modal_hunting__box .modal_hunting__box__iframe a:hover {
      filter: brightness(110%);
    }

    html.hunting .modal_hunting .modal_hunting__box .modal_hunting__box__iframe a::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9vw;
      height: 6vw;
      transform: translate(-50%, -50%);
      background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/yt_icon_r.svg") no-repeat;
      background-size: contain;
    }

    @media only screen and (min-width: 769px) {
      html.hunting .modal_hunting .modal_hunting__box .modal_hunting__box__iframe a::after {
        width: min(5.2vw, 100px);
        height: min(4vw, 80px);
      }
    }
    html.hunting .modal_hunting .modal_hunting__box iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  html.hunting .modal_hunting .article__column2__body {
    margin: 4vw 0 0;
    padding: 3.33333vw 3.33333vw 1.33333vw;
    width: 100%; }
    html.hunting .modal_hunting .article__column2__body.textbox {
      background: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_top_l.png") center top no-repeat, url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_bottom_l.png") center bottom no-repeat;
      background-size: 100%;
      background-color: rgba(255, 255, 255, 0.8); }
      html.hunting .modal_hunting .article__column2__body.textbox::before {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/textbox_waku_center_l.png"); }
      @media only screen and (max-width: 1000px) {
        html.hunting .modal_hunting .article__column2__body.textbox {
          padding: 2.93333vw 2.66667vw; }
          html.hunting .modal_hunting .article__column2__body.textbox::before {
            top: 2.93333vw;
            height: calc( 100% - 5.73333vw);
            width: 100%; } }
    html.hunting .modal_hunting .article__column2__body .modal_action__block {
      margin: 0 0 2.66667vw;
      overflow: hidden; }
      @media only screen and (max-width: 1000px) {
        html.hunting .modal_hunting .article__column2__body .modal_action__block {
          margin: 0 0 8vw; } }
    html.hunting .modal_hunting .article__column2__body .modal_action__title {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      font-size: 70px;
      font-size: 2.33333vw;
      line-height: 1.6;
      border-bottom: 1px solid #c2c1c1;
      margin: 0 0 2.26667vw;
      padding: 0 0 1.33333vw;
      text-align: center; }
      @media only screen and (max-width: 1000px) {
        html.hunting .modal_hunting .article__column2__body .modal_action__title {
          font-size: 30px;
          font-size: 4vw;
          line-height: 1.6; } }
    html.hunting .modal_hunting .article__column2__body .modal_ss {
      float: left;
      margin: 0 2% 0 0;
      width: 40%; }
      @media only screen and (max-width: 1000px) {
        html.hunting .modal_hunting .article__column2__body .modal_ss {
          float: none;
          margin: 0 0 2.66667vw;
          width: 100%; } }
    html.hunting .modal_hunting .article__column2__body .modal_right__box {
      float: left;
      width: 58%; }
      html.hunting .modal_hunting .article__column2__body .modal_right__box h4 {
        background: #104e6d;
        color: #fff;
        display: inline-block;
        font-family: "Noto Serif JP", serif;
        font-weight: bold;
        font-size: 50px;
        font-size: 1.66667vw;
        line-height: 1.6;
        margin: 0 0 1.33333vw;
        padding: 0.26667vw 1.16667vw; }
      @media only screen and (max-width: 1000px) {
        html.hunting .modal_hunting .article__column2__body .modal_right__box {
          float: none;
          width: 100%; }
          html.hunting .modal_hunting .article__column2__body .modal_right__box h4 {
            font-size: 24px;
            font-size: 3.2vw;
            line-height: 1.6; }
          html.hunting .modal_hunting .article__column2__body .modal_right__box > p {
            font-size: 22px;
            font-size: 2.93333vw;
            line-height: 1.6; } }
    html.hunting .modal_hunting .article__column2__body .modal_graybox {
      background: #ddd;
      margin: 1.33333vw 0 0;
      padding: 1vw; }
      html.hunting .modal_hunting .article__column2__body .modal_graybox h5 {
        color: #104e6d;
        font-size: 40px;
        font-size: 1.33333vw;
        line-height: 1.6;
        margin: 0 0 0.33333vw; }
      html.hunting .modal_hunting .article__column2__body .modal_graybox > p {
        font-size: 34px;
        font-size: 1.13333vw;
        line-height: 1.6; }
      html.hunting .modal_hunting .article__column2__body .modal_graybox dl {
        background: #fff;
        margin: 1vw 0 0;
        padding: 1vw; }
      html.hunting .modal_hunting .article__column2__body .modal_graybox dd {
        font-size: 30px;
        font-size: 1vw;
        line-height: 1.6;
        line-height: 1.4; }
      html.hunting .modal_hunting .article__column2__body .modal_graybox em {
        background: #ddd;
        display: inline-block;
        font-style: normal;
        font-size: 30px;
        font-size: 1vw;
        line-height: 1.6;
        padding: 0.16667vw 0.66667vw; }
      html.hunting .modal_hunting .article__column2__body .modal_graybox span {
        color: #104e6d;
        display: block;
        font-size: 34px;
        font-size: 1.13333vw;
        line-height: 1.6;
        padding: 0.33333vw 0; }
      @media only screen and (max-width: 1000px) {
        html.hunting .modal_hunting .article__column2__body .modal_graybox {
          margin: 2.66667vw 0 0;
          padding: 2.66667vw; }
          html.hunting .modal_hunting .article__column2__body .modal_graybox h5 {
            font-size: 26px;
            font-size: 3.46667vw;
            line-height: 1.6;
            margin: 0 0 1.33333vw; }
          html.hunting .modal_hunting .article__column2__body .modal_graybox > p {
            font-size: 22px;
            font-size: 2.93333vw;
            line-height: 1.6; }
          html.hunting .modal_hunting .article__column2__body .modal_graybox dl {
            margin: 2.66667vw 0 0;
            padding: 2.66667vw; }
          html.hunting .modal_hunting .article__column2__body .modal_graybox dd {
            font-size: 22px;
            font-size: 2.93333vw;
            line-height: 1.6; }
          html.hunting .modal_hunting .article__column2__body .modal_graybox em {
            font-size: 20px;
            font-size: 2.66667vw;
            line-height: 1.6;
            padding: 0.66667vw 2.66667vw; }
          html.hunting .modal_hunting .article__column2__body .modal_graybox span {
            font-size: 22px;
            font-size: 2.93333vw;
            line-height: 1.6;
            padding: 1.33333vw 0; } }

/*------------------------------------*\
	$BASE
\*------------------------------------*/
html.base .main {
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/base/main_bg.jpg");
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 1000px) {
    html.base .main {
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/base/main_bg_sp.jpg"); } }

html.base .content {
  padding-top: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.base .content {
      padding-top: 8vw; } }

html.base .article__figure {
  margin-left: 4.66667vw;
  width: 50vw; }
  @media only screen and (max-width: 1000px) {
    html.base .article__figure {
      width: 94.66667vw;
      margin-left: auto;
      margin-top: 8vw; } }

html.base .article__figure__text {
  bottom: 3.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.base .article__figure__text {
      bottom: 0; } }


html.base .questCounter img {
  box-shadow: none;}

html.base .questCounter .article__figure__text {
  bottom: -1.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.base .questCounter .article__figure__text {
      bottom: 0; } }

html.base .equipmentTitle{
  width: 88vw;
  margin: 2vw auto 0;
  padding: 2vw 0;
  position: relative;
  font-size: 80px;
  font-size: 2.33333vw;
  font-weight: bold;
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #0b263d;}
  @media only screen and (max-width: 1000px) {
    html.base .equipmentTitle{
      width:94.66667vw;
      font-size: 50px;
      font-size: 5.83333vw;
      margin: 6vw auto 0;
      line-height: 1.6;
      line-height: 1.4;}}

html.base .equipmentImg{
  width: 88vw;
  margin: 2vw auto 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;}
  @media only screen and (max-width: 1000px) {
    html.base .equipmentImg{
      flex-wrap: wrap;
      width: 94.66667vw;
      height: auto;
      margin: 4vw auto 0;}}

html.base .equipmentImg figure{
  width:32%;
}
@media only screen and (max-width: 1000px) {
  html.base .equipmentImg figure{
    width:100%;
    margin-bottom: 4vw;}}

    html.base .equipmentImg figure img{
      box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
    }

html.base .equipmentImg figcaption{
  width:100%;
  padding: 0.8vw;
  font-size: 1.33333vw;
  line-height: 1.6;
  position: relative;}
@media only screen and (max-width: 1000px) {
  html.base .equipmentImg figcaption{
    width:100%;
    font-size: 26px;
    font-size: 3.46667vw;
    margin-bottom: 4vw;}}

html.base .thumbnailChara {
  position: relative;
  width: 560px;
  width: 18.66667vw;
  height: auto;
  text-align: left;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  padding: 2px;
  background-color: #FFF; }
  html.base .thumbnailChara:hover:before {
    opacity: 1; }
  html.base .thumbnailChara:hover .thumbnailChara__body {
    border-color: #0e9ee3; }
  html.base .thumbnailChara .thumbnailChara__figure {
    position: relative;
    padding-bottom: 0;
    background-color: #FFF; }
    html.base .thumbnailChara .thumbnailChara__figure img {
      box-shadow: none; }
  html.base .thumbnailChara:before {
    opacity: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 2px solid #0e9ee3;
    transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  html.base .thumbnailChara.up .thumbnailChara__figure:after {
    content: "";
    width: 70px;
    width: 2.33333vw;
    height: auto;
    height: 70px;
    height: 2.33333vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_update.png");
    background-size: cover; }
  html.base .thumbnailChara .thumbnailChara__body {
    position: absolute;
    left: 2px;
    bottom: 2px;
    z-index: 2;
    color: #FFF;
    width: calc(100% - 4px);
    min-height: 5.33333vw;
    padding: 0.66667vw;
    transition: border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    border-top: 2px solid #FFF;
    background-color: rgba(96, 173, 210, 0.8); }
    html.base .thumbnailChara .thumbnailChara__body p {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      position: absolute;
      top: 50%;
      left: 0.66667vw;
      width: 15.33333vw;
      transform: translateY(-50%);
      font-size: 40px;
      font-size: 1.33333vw;
      line-height: 1.6;
      text-align: left; }
    html.base .thumbnailChara .thumbnailChara__body:after {
      content: "";
      width: 43px;
      width: 1.43333vw;
      height: auto;
      height: 34px;
      height: 1.13333vw;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.66667vw;
      z-index: 1;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/icon_arrow.png");
      background-size: cover;
      transition: background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  @media only screen and (max-width: 1000px) {
    html.base .thumbnailChara {
      width: 100%;
      margin: 0 auto; }
      html.base .thumbnailChara:before {
        border-width: 1px; }
      html.base .thumbnailChara.up .thumbnailChara__figure:after {
        width: 70px;
        width: 9.33333vw;
        height: auto;
        height: 70px;
        height: 9.33333vw; }
      html.base .thumbnailChara .thumbnailChara__figure:after {
        top: 1px;
        left: 1px;
        width: 60px;
        width: 8vw;
        height: auto;
        height: 60px;
        height: 8vw; }
      html.base .thumbnailChara .thumbnailChara__body {
        min-height: 13.33333vw;
        padding: 2.66667vw; }
        html.base .thumbnailChara .thumbnailChara__body p {
          font-size: 26px;
          font-size: 3.46667vw;
          line-height: 1.6;
          left: 2.66667vw;
          width: 33.33333vw; }
        html.base .thumbnailChara .thumbnailChara__body:after {
          width: 43px;
          width: 5.73333vw;
          height: auto;
          height: 34px;
          height: 4.53333vw;
          right: 2.66667vw; } }

html.base .article__list {
  width: 78.66667vw;
  margin: 3vw auto 0;
  font-size: 0;
  text-align: left; }
  @media only screen and (max-width: 1000px) {
    html.base .article__list {
      margin-top: 8vw;
      width: 94.66667vw; } }

html.base .article__list__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.33333vw;
  margin-bottom: 1.33333vw; }
  html.base .article__list__item:nth-child(4n) {
    margin-right: 0; }
  @media only screen and (max-width: 1000px) {
    html.base .article__list__item {
      width: 46.66667vw;
      margin-right: 1.33333vw;
      margin-bottom: 1.33333vw; }
      html.base .article__list__item:nth-child(2n) {
        margin-right: 0; } }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 102px;
  width: 3.4vw;
  height: auto;
  height: 102px;
  height: 3.4vw;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  background-size: cover;
  color: transparent;
  top: calc( 50% - 1.7vw - 2.66667vw);
  z-index: 10;
  padding: 0;
  border: none;
  outline: none;
  border: 2px solid #0b263d;
  transition: border 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .slick-prev:hover,
  .slick-next:hover {
    border: 2px solid #0e9ee3; }
  @media only screen and (max-width: 1000px) {
    .slick-prev,
    .slick-next {
      width: 60px;
      width: 8vw;
      height: auto;
      height: 60px;
      height: 8vw;
      top: calc( 50% - 4vw - 5.33333vw); }
      .slick-prev:hover,
      .slick-next:hover {
        border-color: #0b263d; } }

.slick-prev {
  left: 0;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev.png"); }
  .slick-prev:hover {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev_on.png"); }
  @media only screen and (max-width: 1000px) {
    .slick-prev {
      left: -1.33333vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev.png"); }
      .slick-prev:hover {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_prev.png"); } }

.slick-next {
  right: 0;
  background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next.png"); }
  .slick-next:hover {
    background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next_on.png"); }
  @media only screen and (max-width: 1000px) {
    .slick-next {
      right: -1.33333vw;
      background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next.png"); }
      .slick-next:hover {
        background-image: url("https://www.monsterhunter.com/world-iceborne/assets/img/common/common/btn_carousel_next.png"); } }

/* Dots */
.slick-dots {
  position: relative;
  bottom: 0px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin-top: 2vw;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    width: 1.66667vw;
    height: auto;
    margin: 0 0.33333vw;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      position: relative;
      border: 0;
      display: block;
      width: 50px;
      width: 1.66667vw;
      height: auto;
      height: 50px;
      height: 1.66667vw;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer; }
      .slick-dots li button:hover:after {
        opacity: 1; }
      .slick-dots li button:before, .slick-dots li button:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        font-family: "iconf";
        content: "\EA0B";
        font-size: 50px;
        font-size: 1.66667vw;
        line-height: 1.6;
        line-height: 1; }
      .slick-dots li button:before {
        color: #0b263d; }
      .slick-dots li button:after {
        opacity: 0;
        color: #FFF;
        font-size: 30px;
        font-size: 1vw;
        line-height: 1.6;
        line-height: 1;
        top: calc( 50% - 0.5vw);
        left: calc( 50% - 0.5vw);
        transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    .slick-dots li.slick-active button:after {
      opacity: 1; }
  @media only screen and (max-width: 1000px) {
    .slick-dots {
      margin: 0 0 4.66667vw; }
      .slick-dots li {
        width: 50px;
        width: 4.66667vw;
        height: auto;
        margin: 0 0.53333vw; }
        .slick-dots li button {
          width: 50px;
          width: 4.66667vw;
          height: auto;
          height: 50px;
          height: 4.66667vw;
          }
          .slick-dots li button:before, .slick-dots li button:after {
            font-size: 50px;
            font-size: 4.66667vw;
            line-height: 1.6;
            line-height: 1; }
          .slick-dots li button:after {
            font-size: 30px;
            font-size: 3.3vw;
            line-height: 1.6;
            line-height: 1;
            top: calc( 50% - 1.5vw);
            left: calc( 50% - 1.5vw);
            } }

/*------------------------------------*\
	$ANIMATION
	jsから呼ばれるアニメーション管理用
\*------------------------------------*/
.carousel, html.news_article .period, html.news_article .figure_column2 {
  *zoom: 1; }
  .carousel:after, html.news_article .period:after, html.news_article .figure_column2:after {
    content: "";
    display: table;
    clear: both; }

[data-animate] {
  transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(10vw);
  opacity: 0; }
  [data-animate].isIE {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important; }

[data-typetext] {
  opacity: 0; }
  [data-typetext].isIE {
    opacity: 1; }

.in-view {
  transform: translateY(0);
  opacity: 1; }

#header .btn_menu[data-animate] {
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: translateY(-10vw); }
  #header .btn_menu[data-animate].in-view {
    transform: translateY(0); }

.btn__reservation[data-animate] {
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), background-image 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), border-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: translateY(-10vw); }
  .btn__reservation[data-animate].in-view {
    transform: translateY(0); }

.top .main__title[data-animate] {
  transform: scale(0.8); }
  .top .main__title[data-animate].in-view {
    transform: scale(1); }

.top .main__texts[data-animate] {
  transform: translateY(0); }

.top .main__logo[data-animate] {
  transform: translateY(0); }

.top .introduction__body_l[data-animate] {
  transform: translateX(-10vw) translateY(10vw); }
  .top .introduction__body_l[data-animate].in-view {
    transform: translateX(0) translateY(0); }

.top .introduction__body_r[data-animate] {
  transform: translateX(10vw) translateY(10vw); }
  .top .introduction__body_r[data-animate].in-view {
    transform: translateX(0) translateY(0); }

.top .contentSub__header[data-animate] {
  transform: translateX(-10vw); }
  .top .contentSub__header[data-animate].in-view {
    transform: translateX(0); }

html.ecosystem .main__header[data-animate],
html.hunting .main__header[data-animate],
html.monster .main__header[data-animate],
html.story .main__header[data-animate],
html.base .main__header[data-animate] {
  transform: translateX(-10vw); }
  html.ecosystem .main__header[data-animate].in-view,
  html.hunting .main__header[data-animate].in-view,
  html.monster .main__header[data-animate].in-view,
  html.story .main__header[data-animate].in-view,
  html.base .main__header[data-animate].in-view {
    transform: translateX(0); }

html.monster .article-r .article__figure[data-animate] {
  transform: translateX(-10vw); }
  html.monster .article-r .article__figure[data-animate].in-view {
    transform: translateX(0); }
  @media only screen and (max-width: 1000px) {
    html.monster .article-r .article__figure[data-animate] {
      transform: translateX(0vw); } }

html.monster .article-l .article__figure[data-animate] {
  transform: translateX(10vw); }
  html.monster .article-l .article__figure[data-animate].in-view {
    transform: translateX(0); }
  @media only screen and (max-width: 1000px) {
    html.monster .article-l .article__figure[data-animate] {
      transform: translateX(0vw); } }

.btn_more[data-animate] {
  transform: translateY(0vw); }

.content__footer[data-animate] {
  transform: translateY(0vw); }

.btn_loupe[data-animate] {
  transform: translateY(0vw); }

.btn_movie[data-animate] {
  transform: translateY(0vw); }

/*------------------------------------*\
	$LANG JA
	国別設定
\*------------------------------------*/
html.ja {
  font-family: "Noto Sans JP", sans-serif; }

@media only screen and (max-width: 1000px) {
  .footer__spec__body__figure {
    width: 10vw; } }

/*------------------------------------*\
	$LANG US
	国別設定
\*------------------------------------*/
html.us {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.us .btn__reservation .btn__reservation__text__en {
    font-size: 1vw; }
  html.us .main__featured__item__body {
    padding: 1.5vw; }
  html.us .main__featured__item__body p {
    line-height: 1.4;
    font-size: 0.96667vw;
}
@media only screen and (max-width: 1000px) {
  html.us .main__featured__item__body p {
    font-size: 3.2vw;
}}

  html.us .news-letter {
    margin: 1vw 0 0; }
    html.us .news-letter a {
      color: #FFF;
      font-size: 30px;
      font-size: 1vw;
      line-height: 1.6;
      line-height: 1;
      text-align: center;
      display: block;
      width: 19.33333vw;
      margin: 0 auto;
      padding: .86667vw;
      border: 2px solid #FFF;
      transition: all .2s; }
      html.us .news-letter a:hover {
        color: #0e9ee3;
        border: 2px solid #0e9ee3; }
  html.us .footer__spec__body__figure {
    width: 10vw;
    margin: 0 0 0 1vw; }
  @media only screen and (max-width: 1000px) {
    html.us .btn__reservation .btn__reservation__text__en {
      font-size: 2.96667vw; }
    html.us .main__featured__item__body {
      padding: 2.66667vw; }
    html.us .news-letter {
      margin: 0;
      padding: 0 0 5vw; }
      html.us .news-letter a {
        font-size: 30px;
        font-size: 4vw;
        line-height: 1.6;
        width: 94.66667vw;
        padding: 1.33333vw;
        border-width: 1px; }
    html.us .footer__spec__body__figure {
      width: 25vw;
      margin: 120px 0 0 0.5vw; } }

html.us.ecosystem .content__header__title.up:before,
html.us.hunting .content__header__title.up:before,
html.us.news .content__header__title.up:before,
html.us.story .content__header__title.up:before,
html.us.base .content__header__title.up:before,
html.us .globalMenu__item.up:before,
html.us.top .contentSub__header.up .contentSub__header__subTitle:after,
html.us.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.us.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.us.top .contentSub__header {
  width: 50.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.us.top .contentSub__header {
      width: 100vw; } }


html.us.base .main__header__title__en {
  font-size: 4vw; }
  @media only screen and (max-width: 1000px) {
    html.us.base .main__header__title__en {
      font-size: 8.86667vw; } }

html.us.ecosystem .content__footer .btn_already h3,
html.us.hunting .content__footer .btn_already h3,
html.us.monster .content__footer .btn_already h3 {
  font-size: 1.63333vw; }
  @media only screen and (max-width: 1000px) {
    html.us.ecosystem .content__footer .btn_already h3,
    html.us.hunting .content__footer .btn_already h3,
    html.us.monster .content__footer .btn_already h3 {
      font-size: 4vw; } }

html.us.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.us.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.us.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.us.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.us.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.us.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

/*------------------------------------*\
	$LANG UK
	国別設定
\*------------------------------------*/
html.uk {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.uk .btn__reservation .btn__reservation__text__en {
    font-size: 1vw;
    line-height: 1.4; }
  html.uk .main__featured__item__body {
    padding: 1.5vw; }
  html.uk .main__featured__item__body p {
    line-height: 1.4;
    font-size: 0.96667vw;
 }
 @media only screen and (max-width: 1000px) {
   html.uk .main__featured__item__body p {
     font-size: 3.2vw;
  }
}
  html.uk .footer__spec__body__figure {
    width: 5vw;
    margin: 0 0 0 0.5vw; }
  @media only screen and (max-width: 1000px) {
    html.uk .btn__reservation .btn__reservation__text__en {
      font-size: 2.96667vw; }
    html.uk .main__featured__item__body {
      padding: 2.66667vw; }
    html.uk .footer__spec__body__figure {
      width: 15vw;
      margin: 110px 0 0 0.5vw; } }

html.uk.ecosystem .content__header__title.up:before,
html.uk.hunting .content__header__title.up:before,
html.uk.news .content__header__title.up:before,
html.uk.story .content__header__title.up:before,
html.uk.base .content__header__title.up:before,
html.uk .globalMenu__item.up:before,
html.uk.top .contentSub__header.up .contentSub__header__subTitle:after,
html.uk.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.uk.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.uk.top .contentSub__header {
  width: 50.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.uk.top .contentSub__header {
      width: 100vw; } }

html.uk.base .main__header__title__en {
  font-size: 4vw; }
  @media only screen and (max-width: 1000px) {
    html.uk.base .main__header__title__en {
      font-size: 8.86667vw; } }

html.uk.ecosystem .content__footer .btn_already h3,
html.uk.hunting .content__footer .btn_already h3,
html.uk.monster .content__footer .btn_already h3 {
  font-size: 1.63333vw; }
  @media only screen and (max-width: 1000px) {
    html.uk.ecosystem .content__footer .btn_already h3,
    html.uk.hunting .content__footer .btn_already h3,
    html.uk.monster .content__footer .btn_already h3 {
      font-size: 4vw; } }

html.uk.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.uk.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.uk.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.uk.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.uk.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.uk.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.uk.top .main__featured__item__body p {
  color: #0e9ee3 !important; }

/*------------------------------------*\
	$LANG FR
	国別設定
\*------------------------------------*/
html.fr {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.fr .main__featured__item__body {
    padding: 1.5vw; }
  html.fr .main__featured__item__body p {
    line-height: 1.4; }
  html.fr .footer__spec__body .wide2nd {
    width: 40%; }
    @media only screen and (max-width: 1000px) {
      html.fr .footer__spec__body .wide2nd {
        width: auto; } }
  html.fr .footer__spec__body .wide3rd {
    width: 30%; }
    @media only screen and (max-width: 1000px) {
      html.fr .footer__spec__body .wide3rd {
        width: auto; } }
  html.fr .footer__spec__body__figure {
    width: 3.9vw;
    margin: 0; }
  html.fr .footer__spec__inner {
    width: 70vw; }
  @media only screen and (max-width: 1000px) {
    html.fr .main__featured__item__body {
      padding: 2.66667vw; }
    html.fr .footer__spec__body__figure {
      width: 15vw;
      margin: 140px 0 0 0.5vw; } }

html.fr.ecosystem .content__header__title.up:before,
html.fr.hunting .content__header__title.up:before,
html.fr.news .content__header__title.up:before,
html.fr.story .content__header__title.up:before,
html.fr.base .content__header__title.up:before,
html.fr .globalMenu__item.up:before,
html.fr.top .contentSub__header.up .contentSub__header__subTitle:after,
html.fr.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.fr.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.fr.top .thumbnailMedia.up .thumbnailMedia__figure:before {
  content: none; }

html.fr.top .main__featured__item__body p {
  font-size: 0.96667vw; }
  @media only screen and (max-width: 1000px) {
    html.fr.top .main__featured__item__body p {
      font-size: 3.2vw; } }

html.fr.top .introduction__body_r {
  padding: 2vw 3.33333vw 6.66667vw 9.66667vw; }

html.fr.top .element .content__header__title {
  font-size: 2.33333vw;
  line-height: 4.36667vw; }
  @media only screen and (max-width: 1000px) {
    html.fr.top .element .content__header__title {
      font-size: 5.83333vw;
      line-height: 6.83333vw;
      padding: 4vw 0 0 0; } }

html.fr.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.fr.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.fr.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.fr.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.fr.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.fr.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.top.fr .box#products .content__header__title {
  font-size: 1.7125vw;
  line-height: 4vw; }
  @media only screen and (max-width: 1000px) {
    html.top.fr .box#products .content__header__title {
      font-size: 6.51042vw;
      line-height: 13.33333vw; } }

/*------------------------------------*\
	$LANG IT
	国別設定
\*------------------------------------*/
html.it {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.it .main__featured__item__body p {
    line-height: 1.4;
    font-size: 0.96667vw;
 }
  html.it .footer__spec__body__figure {
    width: 5vw;
    margin: 0 0 0 0.5vw; }
  @media only screen and (max-width: 1000px) {
    html.it .main__featured__item__body p {
      font-size: 3.2vw;
   }
    html.it .footer__spec__body__figure {
      width: 15vw;
      margin: 110px 0 0 0.5vw; } }

html.it.ecosystem .content__header__title.up:before,
html.it.hunting .content__header__title.up:before,
html.it.news .content__header__title.up:before,
html.it.story .content__header__title.up:before,
html.it.base .content__header__title.up:before,
html.it .globalMenu__item.up:before,
html.it.top .contentSub__header.up .contentSub__header__subTitle:after,
html.it.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.it.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.it.ecosystem .content__footer .btn_already h3,
html.it.hunting .content__footer .btn_already h3,
html.it.monster .content__footer .btn_already h3 {
  font-size: 1.6333vw; }
  @media only screen and (max-width: 1000px) {
    html.it.ecosystem .content__footer .btn_already h3,
    html.it.hunting .content__footer .btn_already h3,
    html.it.monster .content__footer .btn_already h3 {
      font-size: 3.2vw; } }

@media only screen and (max-width: 1000px) {
  html.it.ecosystem .content__footer .btn_already .btn_already__text,
  html.it.hunting .content__footer .btn_already .btn_already__text,
  html.it.monster .content__footer .btn_already .btn_already__text {
    padding: 3.66667vw 4vw; } }

html.it.top .main__featured__item__body p {
  color: #0e9ee3 !important; }

html.it.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.it.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.it.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.it.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.it.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.it.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.top.it .box#products .content__header__title {
  font-size: 1.90417vw !important;
  padding: 0px 0 3px;
  line-height: 4.26667vw; }
  @media only screen and (max-width: 1000px) {
    html.top.it .box#products .content__header__title {
      font-size: 6.51042vw !important;
      padding: 0;
      line-height: 13.33333vw; } }

html.it .btn__reservation .btn__reservation__text__en {
  font-size: 0.9vw;
  line-height: 1.4; }
  @media only screen and (max-width: 1000px) {
    html.it .btn__reservation .btn__reservation__text__en {
      font-size: 2.76667vw; } }

/*------------------------------------*\
	$LANG DE
	国別設定
\*------------------------------------*/
html.de {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.de .main__featured__item__body {
    padding: 1.5vw; }
  html.de .main__featured__item__body p {
    line-height: 1.4; }
  html.de .footer__spec__body__figure {
    width: 3.8vw;
    margin: 0 0 0 0.5vw; }
  @media only screen and (max-width: 1000px) {
    html.de .main__featured__item__body {
      padding: 2.66667vw; }
    html.de .footer__spec__body__figure {
      width: 15vw;
      margin: 110px 0 0 0.5vw; } }

html.de.ecosystem .content__header__title.up:before,
html.de.hunting .content__header__title.up:before,
html.de.news .content__header__title.up:before,
html.de.story .content__header__title.up:before,
html.de.base .content__header__title.up:before,
html.de .globalMenu__item.up:before,
html.de.top .contentSub__header.up .contentSub__header__subTitle:after,
html.de.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.de.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.de.base .main__header__title__en {
  font-size: 4vw; }
  @media only screen and (max-width: 1000px) {
    html.de.base .main__header__title__en {
      font-size: 8.86667vw; } }

html.de.hunting_new .thumbnailHunting_s .thumbnailHunting__body p {
  font-size: 0.99vw;
  line-height: 1.2; }
  @media only screen and (max-width: 1000px) {
    html.de.hunting_new .thumbnailHunting_s .thumbnailHunting__body p {
      font-size: 3.26667vw; } }

html.de.ecosystem .content__footer .btn_already h3,
html.de.hunting .content__footer .btn_already h3,
html.de.monster .content__footer .btn_already h3 {
  font-size: 1.63333vw; }
  @media only screen and (max-width: 1000px) {
    html.de.ecosystem .content__footer .btn_already h3,
    html.de.hunting .content__footer .btn_already h3,
    html.de.monster .content__footer .btn_already h3 {
      font-size: 3vw; } }

@media only screen and (max-width: 1000px) {
  html.de.ecosystem .content__footer .btn_already p,
  html.de.hunting .content__footer .btn_already p,
  html.de.monster .content__footer .btn_already p {
    font-size: 2.56667vw; } }

html.de.top .main__featured__item__body p {
  font-size: 0.96667vw}
  @media only screen and (max-width: 1000px) {
    html.de.top .main__featured__item__body p {
      font-size: 3.2vw;
      line-height: 4.46667vw; } }

html.de.top .introduction .content__header__title {
  font-size: 2.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.de.top .introduction .content__header__title {
      font-size: 8.53333vw;
      line-height: 13.33333vw; } }

html.de.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.de.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.de.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.de.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.de.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.de.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.de.top .introduction__body_r {
  padding: 2vw 3.33333vw 6.66667vw 10.66667vw; }
  @media only screen and (max-width: 1000px) {
    html.de.top .introduction__body_r {
      padding: 5.33333vw 5.33333vw 8vw; } }

/*------------------------------------*\
	$LANG ES
	国別設定
\*------------------------------------*/
html.es {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
  html.es .main__featured__item__body p {
    font-size: 0.96667vw;
    line-height: 1.4; }
  html.es .footer__spec__body__figure {
    width: 5vw;
    margin: 0 0 0 0.5vw; }
  @media only screen and (max-width: 1000px) {
    html.es .main__featured__item__body p {
      font-size: 3.1vw; }
    html.es .footer__spec__body__figure {
      width: 15vw;
      margin: 110px 0 0 0.5vw; } }

html.es.ecosystem .content__header__title.up:before,
html.es.hunting .content__header__title.up:before,
html.es.news .content__header__title.up:before,
html.es.story .content__header__title.up:before,
html.es.base .content__header__title.up:before,
html.es .globalMenu__item.up:before,
html.es.top .contentSub__header.up .contentSub__header__subTitle:after,
html.es.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.es.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.es.ecosystem .content__footer .btn_already h3,
html.es.hunting .content__footer .btn_already h3,
html.es.monster .content__footer .btn_already h3 {
  font-size: 1.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.es.ecosystem .content__footer .btn_already h3,
    html.es.hunting .content__footer .btn_already h3,
    html.es.monster .content__footer .btn_already h3 {
      font-size: 3.2vw; } }

html.es.top .main__featured__item__body p {
  color: #0e9ee3 !important; }

@media only screen and (max-width: 1000px) {
  html.es.ecosystem .content__footer .btn_already .btn_already__text,
  html.es.hunting .content__footer .btn_already .btn_already__text,
  html.es.monster .content__footer .btn_already .btn_already__text {
    padding: 3.66667vw 4vw; } }

html.es.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.es.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.es.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.es.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.es.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.es.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.es .btn__reservation .btn__reservation__text__en {
  font-size: 0.9vw;
  line-height: 1.4; }
  @media only screen and (max-width: 1000px) {
    html.es .btn__reservation .btn__reservation__text__en {
      font-size: 2.76667vw; } }

html.es.top .element .content__header__title {
  font-size: 2.33333vw; }
  @media only screen and (max-width: 1000px) {
    html.es.top .element .content__header__title {
      font-size: 7.53333vw; } }

html.top.es .box#products .content__header__title {
  font-size: 2.0125vw;
  padding: 0px 0 3px;
  line-height: 4.16667vw; }
  @media only screen and (max-width: 1000px) {
    html.top.es .box#products .content__header__title {
      font-size: 6.51042vw;
      padding: 0;
      line-height: 13.33333vw; } }

/*------------------------------------*\
	$LANG JA
	国別設定
\*------------------------------------*/
html.ja {
  font-family: "Noto Sans JP", sans-serif; }

@media only screen and (max-width: 1000px) {
  .footer__spec__body__figure {
    width: 10vw; } }

/*------------------------------------*\
	$LANG HK
	国別設定
\*------------------------------------*/
html.hk {
  font-family: "Noto Sans TC", sans-serif; }

html.hk.ecosystem .content__header__title.up:before,
html.hk.hunting .content__header__title.up:before,
html.hk.news .content__header__title.up:before,
html.hk.story .content__header__title.up:before,
html.hk.base .content__header__title.up:before,
html.hk .globalMenu__item.up:before,
html.hk.top .contentSub__header.up .contentSub__header__subTitle:after,
html.hk.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.hk.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.hk.top .news .content__header__subTitle,
html.hk.top .introduction .content__header__subTitle,
html.hk.top .element .content__header__subTitle,
html.hk.top .ecosystem .contentSub__header__subTitle,
html.hk.top .monster .contentSub__header__subTitle,
html.hk.top .hunting .contentSub__header__subTitle,
html.hk.top .products .content__header__subTitle,
html.hk.news .content__header .content__header__subTitle,
html.hk.ecosystem .main .main__header__sub__ja,
html.hk.ecosystem .main .main__header__title__ja,
html.hk.ecosystem .content .content__header__title,
html.hk.monster .main .main__header__sub__ja,
html.hk.monster .main .main__header__title__ja,
html.hk.hunting .main .main__header__sub__ja,
html.hk.hunting .main .main__header__title__ja,
html.hk.hunting .content .content__header__title {
  font-family: "Noto Sans TC", sans-serif; }

html.hk .footer__sns__text,
html.hk .btn_movie p{
	font-family: "Noto Serif JP", serif;
}

.disabled {
 pointer-events: none;
 background: #666;}

/*------------------------------------*\
	$LANG CN
	国別設定
\*------------------------------------*/
html.cn {
  font-family: "Noto Sans SC", sans-serif; }

html.cn.ecosystem .content__header__title.up:before,
html.cn.hunting .content__header__title.up:before,
html.cn.news .content__header__title.up:before,
html.cn.story .content__header__title.up:before,
html.cn.base .content__header__title.up:before,
html.cn .globalMenu__item.up:before,
html.cn.top .contentSub__header.up .contentSub__header__subTitle:after,
html.cn.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.cn.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.cn.top .content__header__subTitle,
html.cn.top .contentSub__header__subTitle,
html.cn.ecosystem .main__header__sub__ja,
html.cn.hunting .main__header__sub__ja,
html.cn.monster .main__header__sub__ja,
html.cn.story .main__header__sub__ja,
html.cn.system .main__header__sub__ja,
html.cn.ecosystem .main__header__title__ja,
html.cn.hunting .main__header__title__ja,
html.cn.monster .main__header__title__ja,
html.cn.story .main__header__title__ja,
html.cn.system .main__header__title__ja,
html.cn.ecosystem .content__header__title,
html.cn.hunting .content__header__title,
html.cn.ecosystem .content__header__subTitle,
html.cn.hunting .content__header__subTitle,
html.cn.story .content__header__subTitle,
html.cn.system .content__header__subTitle,
html.cn.news .content__header__subTitle {
  font-family: "Noto Sans SC", sans-serif; }

html.cn .footer__sns__text,
html.cn .btn_movie p{
	font-family: "Noto Serif JP", serif;
}

/*------------------------------------*\
	$LANG KR
	国別設定
\*------------------------------------*/
html.kr {
  font-family: "Noto Sans KR", sans-serif; }

html.kr.ecosystem .content__header__title.up:before,
html.kr.hunting .content__header__title.up:before,
html.kr.news .content__header__title.up:before,
html.kr.story .content__header__title.up:before,
html.kr.base .content__header__title.up:before,
html.kr .globalMenu__item.up:before,
html.kr.top .contentSub__header.up .contentSub__header__subTitle:after,
html.kr.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.kr.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.monster .article.monster02 .article__spec__name span {
  font-size: 86%; }

html.kr.top .content__header__subTitle,
html.kr.top .contentSub__header__subTitle,
html.kr.ecosystem .main__header__sub__ja,
html.kr.hunting .main__header__sub__ja,
html.kr.monster .main__header__sub__ja,
html.kr.ecosystem .main__header__title__ja,
html.kr.hunting .main__header__title__ja,
html.kr.monster .main__header__title__ja,
html.kr.ecosystem .content__header__title,
html.kr.hunting .content__header__title,
html.kr.ecosystem .content__header__subTitle,
html.kr.hunting .content__header__subTitle,
html.kr.news .content__header__subTitle {
  font-family: "Noto Sans KR", sans-serif; }

html.kr .footer__sns__text,
html.kr .btn_movie p{
	font-family: "Noto Serif JP", serif;
}

@media only screen and (max-width: 1000px) {
  html.kr.hunting .content__header__title {
    font-size: 6.26667vw; } }


/*------------------------------------*\
	$LANG RU/PL/PT-BR
	国別設定
\*------------------------------------*/
html.ru ,
html.pl ,
html.pt-br {
  font-family: "Noto Sans", sans-serif; }
  html.ru .btn__reservation,
html.pl .btn__reservation,
html.pt-br .btn__reservation{
	right: 0;}
  html.ru .main__featured__item__body ,
html.pl .main__featured__item__body ,
html.pt-br .main__featured__item__body {
    padding: 1.5vw; }
  html.ru .main__featured__item__body p ,
html.pl .main__featured__item__body p ,
html.pt-br .main__featured__item__body p {
    line-height: 1.4; }
  html.ru .footer__spec__body__figure ,
html.pl .footer__spec__body__figure ,
html.pt-br .footer__spec__body__figure {
    width: 5vw;
    margin: 0 0 0 0.5vw; }
  @media only screen and (max-width: 1000px) {
    html.ru .btn__reservation .btn__reservation__text__en ,
html.pl .btn__reservation .btn__reservation__text__en ,
html.pt-br .btn__reservation .btn__reservation__text__en {
      font-size: 3.46667vw; }
    html.ru .main__featured__item__body ,
html.pl .main__featured__item__body ,
html.pt-br .main__featured__item__body {
      padding: 2.66667vw; }
    html.ru .footer__spec__body__figure ,
html.pl .footer__spec__body__figure ,
html.pt-br .footer__spec__body__figure {
      width: 15vw;} }

html.ru.ecosystem .content__header__title.up:before,
html.pl.ecosystem .content__header__title.up:before,
html.pt-br.ecosystem .content__header__title.up:before,
html.ru.hunting .content__header__title.up:before,
html.pl.hunting .content__header__title.up:before,
html.pt-br.hunting .content__header__title.up:before,
html.ru.news .content__header__title.up:before,
html.pl.news .content__header__title.up:before,
html.pt-br.news .content__header__title.up:before,
html.ru.story .content__header__title.up:before,
html.pl.story .content__header__title.up:before,
html.pt-br.story .content__header__title.up:before,
html.ru.base .content__header__title.up:before,
html.pl.base .content__header__title.up:before,
html.pt-br.base .content__header__title.up:before,
html.ru .globalMenu__item.up:before,
html.pl .globalMenu__item.up:before,
html.pt-br .globalMenu__item.up:before,
html.ru.top .contentSub__header.up .contentSub__header__subTitle:after,
html.pl.top .contentSub__header.up .contentSub__header__subTitle:after,
html.pt-br.top .contentSub__header.up .contentSub__header__subTitle:after,
html.ru.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.pl.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.pt-br.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.ru.monster .article__spec.up .article__spec__role:before ,
html.pl.monster .article__spec.up .article__spec__role:before ,
html.pt-br.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.ru.top .contentSub__header ,
html.pl.top .contentSub__header ,
html.pt-br.top .contentSub__header {
  width: 50.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.ru.top .contentSub__header ,
html.pl.top .contentSub__header ,
html.pt-br.top .contentSub__header {
      width: 100vw; } }

html.ru.monster .article-r .article__spec ,
html.pl.monster .article-r .article__spec ,
html.pt-br.monster .article-r .article__spec {
  margin-left: 59vw; }
  @media only screen and (max-width: 1000px) {
    html.ru.monster .article-r .article__spec ,
html.pl.monster .article-r .article__spec ,
html.pt-br.monster .article-r .article__spec {
      margin-left: 0; } }

html.ru.base .main__header__title__en ,
html.pl.base .main__header__title__en ,
html.pt-br.base .main__header__title__en {
  font-size: 4vw; }
  @media only screen and (max-width: 1000px) {
    html.ru.base .main__header__title__en ,
html.pl.base .main__header__title__en ,
html.pt-br.base .main__header__title__en {
      font-size: 8.86667vw; } }

html.ru.ecosystem .content__footer .btn_already h3,
html.pl.ecosystem .content__footer .btn_already h3,
html.pt-br.ecosystem .content__footer .btn_already h3,
html.ru.hunting .content__footer .btn_already h3,
html.pl.hunting .content__footer .btn_already h3,
html.pt-br.hunting .content__footer .btn_already h3,
html.ru.monster .content__footer .btn_already h3 ,
html.pl.monster .content__footer .btn_already h3 ,
html.pt-br.monster .content__footer .btn_already h3 {
  font-size: 1.63333vw; }
  @media only screen and (max-width: 1000px) {
    html.ru.ecosystem .content__footer .btn_already h3,
html.pl.ecosystem .content__footer .btn_already h3,
html.pt-br.ecosystem .content__footer .btn_already h3,
    html.ru.hunting .content__footer .btn_already h3,
html.pl.hunting .content__footer .btn_already h3,
html.pt-br.hunting .content__footer .btn_already h3,
    html.ru.monster .content__footer .btn_already h3 ,
html.pl.monster .content__footer .btn_already h3 ,
html.pt-br.monster .content__footer .btn_already h3 {
      font-size: 4vw; } }

html.ru.top .main__logo .main__logo__ps4 ,
html.pl.top .main__logo .main__logo__ps4 ,
html.pt-br.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.ru.top .main__logo .main__logo__ps4 ,
html.pl.top .main__logo .main__logo__ps4 ,
html.pt-br.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.ru.top .main__logo .main__logo__xboxone ,
html.pl.top .main__logo .main__logo__xboxone ,
html.pt-br.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.ru.top .main__logo .main__logo__xboxone ,
html.pl.top .main__logo .main__logo__xboxone ,
html.pt-br.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.ru.top .main__logo .main__logo__steam ,
html.pl.top .main__logo .main__logo__steam ,
html.pt-br.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.ru.top .main__logo .main__logo__steam ,
html.pl.top .main__logo .main__logo__steam ,
html.pt-br.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.ru.top .main__featured__item__body p ,
html.pl.top .main__featured__item__body p ,
html.pt-br.top .main__featured__item__body p {
  color: #0e9ee3 !important; }

/* 特典モーダル無効*/
html.ru.top .box#products .tab-box .product-privilege a,
html.pl.top .box#products .tab-box .product-privilege a,
html.pt-br.top .box#products .tab-box .product-privilege a{
	pointer-events: none;
}
html.ru.top .box#products .tab-box .product-privilege.modal-btn,
html.pl.top .box#products .tab-box .product-privilege.modal-btn,
html.pt-br.top .box#products .tab-box .product-privilege.modal-btn{
	transition:none;
	opacity: 1;
}
html.ru.top .box#products .tab-box .product-privilege.modal-btn a .text,
html.pl.top .box#products .tab-box .product-privilege.modal-btn a .text,
html.pt-br.top .box#products .tab-box .product-privilege.modal-btn a .text{
	padding-right: 0;
	padding-left: 0.4vw;
}
html.ru.top .box#products .product-detail.modal-btn::after, html.ru.top .box#products .product-privilege.modal-btn::after,
html.pl.top .box#products .product-detail.modal-btn::after, html.pl.top .box#products .product-privilege.modal-btn::after,
html.pt-br.top .box#products .product-detail.modal-btn::after, html.pt-br.top .box#products .product-privilege.modal-btn::after{
	display: none;
}

@media only screen and (min-width: 1000px) {
/* Introduction */
html.ar.top .introduction__figure,
html.ru.top .introduction__figure,
html.pl.top .introduction__figure,
html.pt-br.top .introduction__figure{
    left: 50%;
	transform: translateX(-50%);}

html.ar.top .introduction__body,
html.ru.top .introduction__body,
html.pl.top .introduction__body,
html.pt-br.top .introduction__body {
	width: 33vw;
}
html.ar.top .introduction__body.item01,
html.ru.top .introduction__body.item01,
html.pl.top .introduction__body.item01,
html.pt-br.top .introduction__body.item01{
	top: 10vw;
	left: 0;
	padding: 2.33333vw 4.33333vw 2vw 2vw ;
}
html.ar.top .introduction__body.item02,
html.ru.top .introduction__body.item02,
html.pl.top .introduction__body.item02,
html.pt-br.top .introduction__body.item02{
	left: inherit;
	right: 0;
	padding: 2.33333vw 2vw 4.33333vw;
	}}

@media only screen and (max-width: 1000px){
html.top .introduction__body.item02 {
    margin-top: 10vw;
    padding: 5.33333vw;
}}

/*------------------------------------*\
	$LANG PL
	国別設定
\*------------------------------------*/
html.pl .footer__spec__body .wide3rd {
    width: 30%;
}
@media only screen and (max-width: 1000px){
html.pl .footer__spec__body .wide3rd {
    width: auto;}
html.pl .footer__spec__body__figure {
    margin: 25% -3vw 0 0 !important;}
}
/*------------------------------------*\
	$LANG PT-BR
	国別設定
\*------------------------------------*/
html.pt-br .footer__spec__body .wide1st {
    width: 42%;}
html.pt-br .footer__spec__body .wide3rd {
    width: 42%;}
html.pt-br .footer__spec__body__figure {
    width: 8vw;}
@media only screen and (max-width: 1000px){
	html.pt-br .footer__spec__body .wide1st {
		width: auto;}
	html.pt-br .footer__spec__body .wide3rd {
		width: auto;}
	html.pt-br .footer__spec__body__figure {
		position: relative;
		display: block;
		width: 30vw;
		margin: -18vw 0 8vw 65vw;
	}
}

/*------------------------------------*\
	$LANG RU
	国別設定
\*------------------------------------*/
@media only screen and (max-width: 1000px){
	html.ru .footer__spec__body__figure {
		margin: 25% 0 0 0 !important;
	}
}
/*------------------------------------*\
	$LANG AR
	国別設定
\*------------------------------------*/
html.ar {
  font-family: -apple-system, "BlinkMacSystemFont", 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif; }
html.ar .main__texts,
html.ar .content__header__title,
html.ar .thumbnailMedia__text,
html.ar .introduction__body,
html.ar .contentSub__header__title,
html.ar .contentSub__body,
html.ar #footer .footer__spec,
html.ar #footer .footer__sns{
   direction: rtl ;
}
html.ar .introduction__body p,
html.ar .box#products .product-title,
html.ar .box#products .itemList li p,
html.ar .box#products .note li{
	text-align: right !important;
}
html.ar .contentSub__header__title{
	text-align: right;
	width: 80%;
}
  @media only screen and (max-width: 1000px) {
	html.top .contentSub__header {
    	background-image: url(https://www.monsterhunter.com/world-iceborne/assets/img/common/top/title_sub_base_sp.png);
	  }
	html.ar .contentSub__header__title{
		width: calc(100vw - 2.66667vw);
		margin-left: 0;
	    margin-right: 2.66667vw;
	}
}
html.ar .contentSub__body{
	width: 40vw;
	  }
  @media only screen and (max-width: 1000px) {
	html.ar .contentSub__body{
	width: inherit;
    margin: 62.66667vw  2.66667vw 6.66667vw 0;
	  }
}

html.ar.top .main__featured__item:after {
    left: calc(0.66667vw + 16.53333vw);
	transform: scale(-1,1);
}
html.ar.top .thumbnailMedia__figure:after {
	transform: scale(-1,1);
}
  @media only screen and (max-width: 1000px) {
	html.ar.top .main__featured__item:after {
    left: calc(2.66667vw + 42.13333vw);
	  }
}
html.ar.top #eq_dlc li a:before{
	right: 3vw;
	left: inherit;
}
html.ar.top #eq_dlc li a:after{
	right: inherit;
	left: 1em;
	transform: translateY(-50%) scale(-1, 1);
}


/* SKUブロック */
html.ar.top .box#products .tab .item-select,
html.ar.top .box#products .box-inner.box-inner1,
html.ar.top .box#products .col-box .text-box,
html.ar.top .box#products figcaption,
html.ar.top .box#products .platform_name,
html.ar.top .box#products .col-box p,
html.ar.top .box#products #ExistingUser,
html.ar.top .box#products #NewUser{
	direction: rtl;
}
html.ar.top .box#products .tab-box .product-title .title-supplement{
	left: inherit;
	right: 17vw;
	text-align:justify;
}


/* 特典モーダル無効*/
html.ar.top .box#products .tab-box .product-privilege a{
	pointer-events: none;
}
html.ar.top .box#products .tab-box .product-privilege.modal-btn{
	transition:none;
	opacity: 1;
}
html.ar.top .box#products .tab-box .product-privilege.modal-btn a .text{
	padding-right: 0;
	padding-left: 0.4vw;
}
html.ar.top .box#products .product-detail.modal-btn::after,
html.ar.top .box#products .product-privilege.modal-btn::after{
	display: none;
}
html.ar.top .box#products .tab-box .product-elem .column ul.itemList li {
	padding: 0.2vw 0.2vw 0.2vw 0vw;
}
html.ar.top .box#products .tab-box .product-elem .column ul.itemList li p{
	padding-right: 2vw;
}
html.ar .note_wrap{
	width: 100%;
}
  html.ar .btn__reservation{
	right: 0;}
  html.ar .btn__reservation .btn__reservation__text__en {
	 direction: rtl;}
  html.ar .main__featured__item__body {
    padding: 1.5vw; }
  html.ar .main__featured__item__body p {
	  padding-right: 1em;
   direction: rtl;
	 text-align: right;
    line-height: 1.4; }
  html.ar .footer__spec__body__figure {
    width: 5vw;
    margin: 0 0 0 0.5vw; }
  html.ar .footer__webmanual__btn:after{
	  right: inherit;
	  left: 1vw;
  }
  @media only screen and (max-width: 1000px) {
    html.ar .btn__reservation .btn__reservation__text__en {
      font-size: 3.46667vw; }
    html.ar .main__featured__item__body {
      padding: 2.66667vw; }
	html.ar .footer__spec__body__figure {
		width: 15vw;
		top: 30vw;
		right: 80vw;
	}
	  html.ar .footer__webmanual__btn:after{
		  left: 2vw;
	  }
}

html.ar.ecosystem .content__header__title.up:before,
html.ar.hunting .content__header__title.up:before,
html.ar.news .content__header__title.up:before,
html.ar.story .content__header__title.up:before,
html.ar.base .content__header__title.up:before,
html.ar .globalMenu__item.up:before,
html.ar.top .contentSub__header.up .contentSub__header__subTitle:after,
html.ar.top .thumbnailMedia.up .thumbnailMedia__figure:before,
html.ar.monster .article__spec.up .article__spec__role:before {
  content: none; }

html.ar.top .contentSub__header {
  width: 50.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.ar.top .contentSub__header {
      width: 100vw; } }

html.ar.monster .article-r .article__spec {
  margin-left: 59vw; }
  @media only screen and (max-width: 1000px) {
    html.ar.monster .article-r .article__spec {
      margin-left: 0; } }

html.ar.base .main__header__title__en {
  font-size: 4vw; }
  @media only screen and (max-width: 1000px) {
    html.ar.base .main__header__title__en {
      font-size: 8.86667vw; } }

html.ar.ecosystem .content__footer .btn_already h3,
html.ar.hunting .content__footer .btn_already h3,
html.ar.monster .content__footer .btn_already h3 {
  font-size: 1.63333vw; }
  @media only screen and (max-width: 1000px) {
    html.ar.ecosystem .content__footer .btn_already h3,
    html.ar.hunting .content__footer .btn_already h3,
    html.ar.monster .content__footer .btn_already h3 {
      font-size: 4vw; } }

html.ar.top .main__logo .main__logo__ps4 {
  width: 8.83333vw; }
  @media only screen and (max-width: 1000px) {
    html.ar.top .main__logo .main__logo__ps4 {
      width: 30.66667vw; } }

html.ar.top .main__logo .main__logo__xboxone {
  width: 9.33333vw;
  height: auto;
  margin-right: 2vw;
  display: inline-block; }
  @media only screen and (max-width: 1000px) {
    html.ar.top .main__logo .main__logo__xboxone {
      width: 33.66667vw;
      height: auto; } }

html.ar.top .main__logo .main__logo__steam {
  width: 6.56667vw; }
  @media only screen and (max-width: 1000px) {
    html.ar.top .main__logo .main__logo__steam {
      width: 21.6vw; } }

html.ar.top .main__featured__item__body p {
  color: #0e9ee3 !important; }

  html.ar #news,
  html.ru #news,
  html.pl #news,
  html.pt-br #news {
      padding: 3.33333vw 0 3.33333vw 0;
  }
  @media only screen and (max-width: 1000px) {
  html.ar #news,
  html.ru #news,
  html.pl #news,
  html.pt-br #news {
      padding: inherit;
      padding-bottom: 16vw;
  }}

/*# sourceMappingURL=../maps/style.css.map */