@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap");
.page-ffxiv-cp-2026 main div, .page-ffxiv-cp-2026 main span, .page-ffxiv-cp-2026 main applet, .page-ffxiv-cp-2026 main object, .page-ffxiv-cp-2026 main iframe,
.page-ffxiv-cp-2026 main h1, .page-ffxiv-cp-2026 main h2, .page-ffxiv-cp-2026 main h3, .page-ffxiv-cp-2026 main h4, .page-ffxiv-cp-2026 main h5, .page-ffxiv-cp-2026 main h6, .page-ffxiv-cp-2026 main p, .page-ffxiv-cp-2026 main blockquote, .page-ffxiv-cp-2026 main pre,
.page-ffxiv-cp-2026 main a, .page-ffxiv-cp-2026 main abbr, .page-ffxiv-cp-2026 main acronym, .page-ffxiv-cp-2026 main address, .page-ffxiv-cp-2026 main big, .page-ffxiv-cp-2026 main cite, .page-ffxiv-cp-2026 main code,
.page-ffxiv-cp-2026 main del, .page-ffxiv-cp-2026 main dfn, .page-ffxiv-cp-2026 main em, .page-ffxiv-cp-2026 main img, .page-ffxiv-cp-2026 main ins, .page-ffxiv-cp-2026 main kbd, .page-ffxiv-cp-2026 main q, .page-ffxiv-cp-2026 main s, .page-ffxiv-cp-2026 main samp,
.page-ffxiv-cp-2026 main small, .page-ffxiv-cp-2026 main strike, .page-ffxiv-cp-2026 main strong, .page-ffxiv-cp-2026 main sub, .page-ffxiv-cp-2026 main sup, .page-ffxiv-cp-2026 main tt, .page-ffxiv-cp-2026 main var,
.page-ffxiv-cp-2026 main b, .page-ffxiv-cp-2026 main u, .page-ffxiv-cp-2026 main i, .page-ffxiv-cp-2026 main center,
.page-ffxiv-cp-2026 main dl, .page-ffxiv-cp-2026 main dt, .page-ffxiv-cp-2026 main dd, .page-ffxiv-cp-2026 main ol, .page-ffxiv-cp-2026 main ul, .page-ffxiv-cp-2026 main li,
.page-ffxiv-cp-2026 main fieldset, .page-ffxiv-cp-2026 main form, .page-ffxiv-cp-2026 main label, .page-ffxiv-cp-2026 main legend,
.page-ffxiv-cp-2026 main table, .page-ffxiv-cp-2026 main caption, .page-ffxiv-cp-2026 main tbody, .page-ffxiv-cp-2026 main tfoot, .page-ffxiv-cp-2026 main thead, .page-ffxiv-cp-2026 main tr, .page-ffxiv-cp-2026 main th, .page-ffxiv-cp-2026 main td,
.page-ffxiv-cp-2026 main article, .page-ffxiv-cp-2026 main aside, .page-ffxiv-cp-2026 main canvas, .page-ffxiv-cp-2026 main details, .page-ffxiv-cp-2026 main embed,
.page-ffxiv-cp-2026 main figure, .page-ffxiv-cp-2026 main figcaption, .page-ffxiv-cp-2026 main footer, .page-ffxiv-cp-2026 main header, .page-ffxiv-cp-2026 main hgroup,
.page-ffxiv-cp-2026 main menu, .page-ffxiv-cp-2026 main nav, .page-ffxiv-cp-2026 main output, .page-ffxiv-cp-2026 main ruby, .page-ffxiv-cp-2026 main section, .page-ffxiv-cp-2026 main summary,
.page-ffxiv-cp-2026 main time, .page-ffxiv-cp-2026 main mark, .page-ffxiv-cp-2026 main audio, .page-ffxiv-cp-2026 main video, .page-ffxiv-cp-2026 main *::before, .page-ffxiv-cp-2026 main *::after,
.page-ffxiv-cp-2026 .floating-btn div,
.page-ffxiv-cp-2026 .floating-btn span,
.page-ffxiv-cp-2026 .floating-btn applet,
.page-ffxiv-cp-2026 .floating-btn object,
.page-ffxiv-cp-2026 .floating-btn iframe,
.page-ffxiv-cp-2026 .floating-btn h1,
.page-ffxiv-cp-2026 .floating-btn h2,
.page-ffxiv-cp-2026 .floating-btn h3,
.page-ffxiv-cp-2026 .floating-btn h4,
.page-ffxiv-cp-2026 .floating-btn h5,
.page-ffxiv-cp-2026 .floating-btn h6,
.page-ffxiv-cp-2026 .floating-btn p,
.page-ffxiv-cp-2026 .floating-btn blockquote,
.page-ffxiv-cp-2026 .floating-btn pre,
.page-ffxiv-cp-2026 .floating-btn a,
.page-ffxiv-cp-2026 .floating-btn abbr,
.page-ffxiv-cp-2026 .floating-btn acronym,
.page-ffxiv-cp-2026 .floating-btn address,
.page-ffxiv-cp-2026 .floating-btn big,
.page-ffxiv-cp-2026 .floating-btn cite,
.page-ffxiv-cp-2026 .floating-btn code,
.page-ffxiv-cp-2026 .floating-btn del,
.page-ffxiv-cp-2026 .floating-btn dfn,
.page-ffxiv-cp-2026 .floating-btn em,
.page-ffxiv-cp-2026 .floating-btn img,
.page-ffxiv-cp-2026 .floating-btn ins,
.page-ffxiv-cp-2026 .floating-btn kbd,
.page-ffxiv-cp-2026 .floating-btn q,
.page-ffxiv-cp-2026 .floating-btn s,
.page-ffxiv-cp-2026 .floating-btn samp,
.page-ffxiv-cp-2026 .floating-btn small,
.page-ffxiv-cp-2026 .floating-btn strike,
.page-ffxiv-cp-2026 .floating-btn strong,
.page-ffxiv-cp-2026 .floating-btn sub,
.page-ffxiv-cp-2026 .floating-btn sup,
.page-ffxiv-cp-2026 .floating-btn tt,
.page-ffxiv-cp-2026 .floating-btn var,
.page-ffxiv-cp-2026 .floating-btn b,
.page-ffxiv-cp-2026 .floating-btn u,
.page-ffxiv-cp-2026 .floating-btn i,
.page-ffxiv-cp-2026 .floating-btn center,
.page-ffxiv-cp-2026 .floating-btn dl,
.page-ffxiv-cp-2026 .floating-btn dt,
.page-ffxiv-cp-2026 .floating-btn dd,
.page-ffxiv-cp-2026 .floating-btn ol,
.page-ffxiv-cp-2026 .floating-btn ul,
.page-ffxiv-cp-2026 .floating-btn li,
.page-ffxiv-cp-2026 .floating-btn fieldset,
.page-ffxiv-cp-2026 .floating-btn form,
.page-ffxiv-cp-2026 .floating-btn label,
.page-ffxiv-cp-2026 .floating-btn legend,
.page-ffxiv-cp-2026 .floating-btn table,
.page-ffxiv-cp-2026 .floating-btn caption,
.page-ffxiv-cp-2026 .floating-btn tbody,
.page-ffxiv-cp-2026 .floating-btn tfoot,
.page-ffxiv-cp-2026 .floating-btn thead,
.page-ffxiv-cp-2026 .floating-btn tr,
.page-ffxiv-cp-2026 .floating-btn th,
.page-ffxiv-cp-2026 .floating-btn td,
.page-ffxiv-cp-2026 .floating-btn article,
.page-ffxiv-cp-2026 .floating-btn aside,
.page-ffxiv-cp-2026 .floating-btn canvas,
.page-ffxiv-cp-2026 .floating-btn details,
.page-ffxiv-cp-2026 .floating-btn embed,
.page-ffxiv-cp-2026 .floating-btn figure,
.page-ffxiv-cp-2026 .floating-btn figcaption,
.page-ffxiv-cp-2026 .floating-btn footer,
.page-ffxiv-cp-2026 .floating-btn header,
.page-ffxiv-cp-2026 .floating-btn hgroup,
.page-ffxiv-cp-2026 .floating-btn menu,
.page-ffxiv-cp-2026 .floating-btn nav,
.page-ffxiv-cp-2026 .floating-btn output,
.page-ffxiv-cp-2026 .floating-btn ruby,
.page-ffxiv-cp-2026 .floating-btn section,
.page-ffxiv-cp-2026 .floating-btn summary,
.page-ffxiv-cp-2026 .floating-btn time,
.page-ffxiv-cp-2026 .floating-btn mark,
.page-ffxiv-cp-2026 .floating-btn audio,
.page-ffxiv-cp-2026 .floating-btn video,
.page-ffxiv-cp-2026 .floating-btn *::before,
.page-ffxiv-cp-2026 .floating-btn *::after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  word-break: break-word;
  box-sizing: border-box;
  vertical-align: baseline;
  background: transparent;
}
.page-ffxiv-cp-2026 main article, .page-ffxiv-cp-2026 main aside, .page-ffxiv-cp-2026 main details, .page-ffxiv-cp-2026 main figcaption, .page-ffxiv-cp-2026 main figure, .page-ffxiv-cp-2026 main footer, .page-ffxiv-cp-2026 main header, .page-ffxiv-cp-2026 main hgroup, .page-ffxiv-cp-2026 main menu, .page-ffxiv-cp-2026 main nav, .page-ffxiv-cp-2026 main section, .page-ffxiv-cp-2026 main main,
.page-ffxiv-cp-2026 .floating-btn article,
.page-ffxiv-cp-2026 .floating-btn aside,
.page-ffxiv-cp-2026 .floating-btn details,
.page-ffxiv-cp-2026 .floating-btn figcaption,
.page-ffxiv-cp-2026 .floating-btn figure,
.page-ffxiv-cp-2026 .floating-btn footer,
.page-ffxiv-cp-2026 .floating-btn header,
.page-ffxiv-cp-2026 .floating-btn hgroup,
.page-ffxiv-cp-2026 .floating-btn menu,
.page-ffxiv-cp-2026 .floating-btn nav,
.page-ffxiv-cp-2026 .floating-btn section,
.page-ffxiv-cp-2026 .floating-btn main {
  display: block;
}
.page-ffxiv-cp-2026 main li,
.page-ffxiv-cp-2026 .floating-btn li {
  list-style-type: none;
}
.page-ffxiv-cp-2026 main blockquote, .page-ffxiv-cp-2026 main q,
.page-ffxiv-cp-2026 .floating-btn blockquote,
.page-ffxiv-cp-2026 .floating-btn q {
  quotes: none;
}
.page-ffxiv-cp-2026 main blockquote::before, .page-ffxiv-cp-2026 main blockquote::after, .page-ffxiv-cp-2026 main q::before, .page-ffxiv-cp-2026 main q::after,
.page-ffxiv-cp-2026 .floating-btn blockquote::before,
.page-ffxiv-cp-2026 .floating-btn blockquote::after,
.page-ffxiv-cp-2026 .floating-btn q::before,
.page-ffxiv-cp-2026 .floating-btn q::after {
  content: "";
  content: none;
}
.page-ffxiv-cp-2026 main a,
.page-ffxiv-cp-2026 .floating-btn a {
  text-decoration: none;
  color: inherit;
}
.page-ffxiv-cp-2026 main img, .page-ffxiv-cp-2026 main picture,
.page-ffxiv-cp-2026 .floating-btn img,
.page-ffxiv-cp-2026 .floating-btn picture {
  vertical-align: middle;
  max-width: 100%;
}
.page-ffxiv-cp-2026 main table,
.page-ffxiv-cp-2026 .floating-btn table {
  border-collapse: collapse;
  border-spacing: 0;
}
.page-ffxiv-cp-2026 main input, .page-ffxiv-cp-2026 main select,
.page-ffxiv-cp-2026 .floating-btn input,
.page-ffxiv-cp-2026 .floating-btn select {
  vertical-align: middle;
}
.page-ffxiv-cp-2026 main br,
.page-ffxiv-cp-2026 .floating-btn br {
  line-height: 0;
}
.page-ffxiv-cp-2026 main input[type=submit],
.page-ffxiv-cp-2026 main input[type=button],
.page-ffxiv-cp-2026 .floating-btn input[type=submit],
.page-ffxiv-cp-2026 .floating-btn input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
}
.page-ffxiv-cp-2026 main input[type=submit]::-webkit-search-decoration,
.page-ffxiv-cp-2026 main input[type=button]::-webkit-search-decoration,
.page-ffxiv-cp-2026 .floating-btn input[type=submit]::-webkit-search-decoration,
.page-ffxiv-cp-2026 .floating-btn input[type=button]::-webkit-search-decoration {
  display: none;
}
.page-ffxiv-cp-2026 main input[type=submit]::focus,
.page-ffxiv-cp-2026 main input[type=button]::focus,
.page-ffxiv-cp-2026 .floating-btn input[type=submit]::focus,
.page-ffxiv-cp-2026 .floating-btn input[type=button]::focus {
  outline-offset: -2px;
}
.page-ffxiv-cp-2026 main h1, .page-ffxiv-cp-2026 main h2, .page-ffxiv-cp-2026 main h3, .page-ffxiv-cp-2026 main h4, .page-ffxiv-cp-2026 main h5, .page-ffxiv-cp-2026 main h6,
.page-ffxiv-cp-2026 .floating-btn h1,
.page-ffxiv-cp-2026 .floating-btn h2,
.page-ffxiv-cp-2026 .floating-btn h3,
.page-ffxiv-cp-2026 .floating-btn h4,
.page-ffxiv-cp-2026 .floating-btn h5,
.page-ffxiv-cp-2026 .floating-btn h6 {
  font-weight: inherit;
}
.page-ffxiv-cp-2026 main {
  overflow-x: hidden;
}

html:has(.page-ffxiv-cp-2026) {
  font-size: 62.5%;
}

.page-ffxiv-cp-2026 {
  margin: 0;
}
.page-ffxiv-cp-2026 main {
  width: 100%;
}
.page-ffxiv-cp-2026 #contents {
  font-family: "Noto Sans JP", serif;
  -webkit-text-size-adjust: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 #contents {
    font-size: 4.1666666667vw;
  }
}
.page-ffxiv-cp-2026 main .inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .inner {
    max-width: 100%;
    padding: 0 5.2083333333vw;
  }
}
.page-ffxiv-cp-2026 main .inner .en {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.page-ffxiv-cp-2026 main a {
  opacity: 1;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
.page-ffxiv-cp-2026 main a img {
  transition: all 0.5s ease 0s;
}
.page-ffxiv-cp-2026 main a img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main a img:hover {
    opacity: 1;
  }
}
.page-ffxiv-cp-2026 main .js-target {
  opacity: 1;
  transform: none;
}
.page-ffxiv-cp-2026.is-scroll-animate main .js-target {
  display: block;
  transition: opacity 1s, transform 1s;
  opacity: 0;
  transform: translateY(20px);
}
.page-ffxiv-cp-2026.is-scroll-animate main .js-target.is-active {
  opacity: 1;
  transform: translateY(0);
}
.page-ffxiv-cp-2026 main br.pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main br.pc {
    display: none;
  }
}
.page-ffxiv-cp-2026 main br.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main br.sp {
    display: block;
  }
}

.page-ffxiv-cp-2026 main #contents section {
  position: relative;
  text-align: center;
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main #contents section {
    padding: 15.625vw 0;
  }
}
.page-ffxiv-cp-2026 main #contents section .sec_ttl {
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main #contents section .sec_ttl {
    font-size: 10.4166666667vw;
    line-height: 1.2;
    margin-bottom: 10.4166666667vw;
  }
}
.page-ffxiv-cp-2026 main #contents section .sec_ttl span {
  display: block;
  font-size: 3.2rem;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main #contents section .sec_ttl span {
    font-size: 5.2083333333vw;
    margin-top: 2.0833333333vw;
  }
}
.page-ffxiv-cp-2026 main #contents section .cate_ttl {
  font-size: 8rem;
  color: #00677f;
  line-height: 1;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main #contents section .cate_ttl {
    font-size: 11.4583333333vw;
    margin-bottom: 7.2916666667vw;
  }
}
.page-ffxiv-cp-2026 main #contents section .wrap {
  margin: 0 auto;
  padding: 80px 40px;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main #contents section .wrap {
    padding: 12.5vw 5.2083333333vw;
    border-radius: 2.6041666667vw;
  }
}
.page-ffxiv-cp-2026 main {
  /* -----------------------------------------------------
    lang
  ----------------------------------------------------- */
}
.page-ffxiv-cp-2026 main .lang {
  position: absolute;
  top: 1.130952381vw;
  left: 6.1904761905vw;
  font-size: 0.8928571429vw;
  color: #262626;
  text-align: center;
  background: #ffd940;
  border-radius: 1.1904761905vw;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .lang {
    top: 3.125vw;
    left: 3.125vw;
    font-size: 2.6041666667vw;
    border-radius: 3.125vw;
  }
}
.page-ffxiv-cp-2026 main .lang p {
  position: relative;
  background: #ffd940;
  width: 9.1666666667vw;
  line-height: 2;
  border-radius: 1.1904761905vw;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .lang p {
    width: 23.4375vw;
    line-height: 6.25vw;
    border-radius: 3.125vw;
  }
}
.page-ffxiv-cp-2026 main .lang p::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.9523809524vw;
  width: 0.4761904762vw;
  height: 0.4761904762vw;
  border: 2px solid #262626;
  border-left: 0;
  border-bottom: 0;
  transform: translate(-25%, -50%) rotate(135deg);
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .lang p::after {
    right: 2.0833333333vw;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    border: 0.390625vw solid #262626;
    border-left: 0;
    border-bottom: 0;
  }
}
.page-ffxiv-cp-2026 main .lang .item {
  background: #ffd940;
  padding-bottom: 0.9523809524vw;
  border-radius: 0 0 1.1904761905vw 1.1904761905vw;
  display: none;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .lang .item {
    padding-bottom: 2.0833333333vw;
    border-radius: 0 0 3.125vw 3.125vw;
  }
}
.page-ffxiv-cp-2026 main .lang .item li a {
  display: block;
  line-height: 2.380952381vw;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .lang .item li a {
    line-height: 6.25vw;
  }
}
.page-ffxiv-cp-2026 main .lang .item li a.current {
  background: #fff;
}
.page-ffxiv-cp-2026 main .lang .item li a.current:hover {
  background: #fff;
  color: #333;
}
.page-ffxiv-cp-2026 main .lang .item li a:hover {
  background: #333;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .lang .item li a:hover {
    background: #ffd940;
    color: black;
  }
}
.page-ffxiv-cp-2026 main .lang.open .item {
  display: block;
}
.page-ffxiv-cp-2026 main {
  /* -----------------------------------------------------
    kv
  ----------------------------------------------------- */
}
.page-ffxiv-cp-2026 main .kv img {
  width: 100%;
}
.page-ffxiv-cp-2026 main {
  /* -----------------------------------------------------
    btn_detail
  ----------------------------------------------------- */
}
.page-ffxiv-cp-2026 main .btn_detail a {
  display: block;
  background: #00677f;
  width: 176px;
  margin: 0 auto;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border-radius: 50vh;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .btn_detail a {
    width: 52.0833333333vw;
    margin-top: 2.0833333333vw;
    line-height: 10.4166666667vw;
    font-size: 3.3854166667vw;
  }
}
.page-ffxiv-cp-2026 main .btn_detail a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  transform: translate(-25%, -50%) rotate(45deg);
  transition: all 0.5s ease 0s;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .btn_detail a::after {
    right: 4.1666666667vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border: 0.390625vw solid #fff;
    border-left: 0;
    border-bottom: 0;
  }
}
.page-ffxiv-cp-2026 main .btn_detail a:hover::after {
  right: 12px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .btn_detail a:hover::after {
    right: 4.1666666667vw;
  }
}
.page-ffxiv-cp-2026 main {
  /* -----------------------------------------------------
    product
  ----------------------------------------------------- */
}
.page-ffxiv-cp-2026 main .product {
  background: #ffd940;
  border-radius: 0 100px 0 0;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product {
    border-radius: 0 13.0208333333vw 0 0;
  }
}
.page-ffxiv-cp-2026 main .product::before {
  background: #00677f;
}
.page-ffxiv-cp-2026 main .product .sec_ttl {
  color: #00677f;
}
.page-ffxiv-cp-2026 main .product .wrap {
  background: #fff;
}
.page-ffxiv-cp-2026 main .product .wrap .item { /*Android4.3*/ /*IE10*/ /*PC-Safari,iOS8.4*/
  display: flex; /*IE10*/ /* Android4.3以下、Safari3.1〜6.0 */ /* Safari6.1以降 */
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap .item {
    display: block;
  }
}
.page-ffxiv-cp-2026 main .product .wrap .item li .name {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap .item li .name {
    font-size: 4.1666666667vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap .item li .img {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap .item li .img {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap .item li + li {
    margin-top: 10.4166666667vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.printers .item { /*IE10*/ /*PC-Safari,iOS8.4*/
  flex-wrap: wrap;
  padding-right: 2.38vw;
  padding-left: 2.38vw;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .item {
    padding-right: 0;
    padding-left: 0;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.printers .item li {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .item li {
    width: 100%;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.printers .item li:nth-child(n+3) {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .item li:nth-child(n+3) {
    margin-top: 10.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .item li:last-child .img {
    padding-left: 3.125vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.printers .chara01 {
  position: absolute;
  top: 80px;
  right: -40px;
  width: 145px;
  height: 151px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .chara01 {
    top: 15.625vw;
    right: -4.1666666667vw;
    width: 16.40625vw;
    height: 17.0572916667vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.printers .chara02 {
  position: absolute;
  top: 50%;
  left: -30px;
  width: 122px;
  height: 161px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .chara02 {
    left: -3.125vw;
    width: 14.5833333333vw;
    height: 19.2708333333vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.printers .chara03 {
  position: absolute;
  right: -40px;
  bottom: 60px;
  width: 148px;
  height: 148px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.printers .chara03 {
    right: -6.25vw;
    bottom: 72.9166666667vw;
    width: 17.96875vw;
    height: 17.96875vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .item {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item {
    padding-right: 0;
    padding-left: 0;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .item li {
  width: auto;
}
.page-ffxiv-cp-2026 main .product .wrap.films .item li .icon {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item li .icon {
    margin-bottom: 0;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .item li .icon img {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item li .icon img {
    width: 15.625vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .item li .name {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item li .name {
    margin-top: 5.2083333333vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .item li .name span {
  display: block;
  margin-top: 16px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item li .name span {
    margin-top: 3.125vw;
    font-size: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item li:nth-child(1) .img img {
    width: 70%;
  }
  .page-ffxiv-cp-2026 main .product .wrap.films .item li:nth-child(2) .img img {
    width: 84%;
  }
  .page-ffxiv-cp-2026 main .product .wrap.films .item li:nth-child(3) .img img {
    width: 100%;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .item li:hover .name {
  color: #00677f;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .item li:hover .name {
    color: inherit;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .chara01 {
  position: absolute;
  top: 60px;
  left: -80px;
  width: 157px;
  height: 163px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .chara01 {
    top: 22.9166666667vw;
    left: -10.4166666667vw;
    width: 20.4427083333vw;
    height: 21.2239583333vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap.films .chara02 {
  position: absolute;
  right: -40px;
  bottom: 56px;
  width: 110px;
  height: 213px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap.films .chara02 {
    top: inherit;
    right: -3.125vw;
    bottom: 83.3333333333vw;
    width: 14.3229166667vw;
    height: 27.734375vw;
  }
}
.page-ffxiv-cp-2026 main .product .wrap + .wrap {
  margin-top: 56px !important;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .product .wrap + .wrap {
    margin-top: 5.2083333333vw !important;
  }
}
.page-ffxiv-cp-2026 main {
  /* -----------------------------------------------------
    official
  ----------------------------------------------------- */
}
.page-ffxiv-cp-2026 main .official {
  background: #fff;
}
.page-ffxiv-cp-2026 main .official::before {
  content: none;
}
.page-ffxiv-cp-2026 main .official .bnr {
  max-width: 800px;
  margin: 0 auto;
}
.page-ffxiv-cp-2026 main .official .btn_detail {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .btn_detail {
    margin-top: 5.2083333333vw;
  }
}
.page-ffxiv-cp-2026 main .official .btn_detail a {
  width: 600px;
  line-height: inherit;
  padding: 16px 0;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .btn_detail a {
    width: 75.5208333333vw;
    padding: 2.0833333333vw 0;
    font-size: 3.90625vw;
  }
}
.page-ffxiv-cp-2026 main .official .btn_detail a::after {
  right: 40px;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .btn_detail a::after {
    right: 5.2083333333vw;
    width: 3.125vw;
    height: 3.125vw;
  }
}
.page-ffxiv-cp-2026 main .official .btn_detail a:hover::after {
  right: 32px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .btn_detail a:hover::after {
    right: 5.2083333333vw;
  }
}
.page-ffxiv-cp-2026 main .official .text {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .text {
    margin-top: 10.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .text p {
    font-size: 2.6041666667vw;
  }
}
.page-ffxiv-cp-2026 main .official .text p.copyright {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .text p.copyright {
    font-size: 2.8645833333vw;
  }
}
.page-ffxiv-cp-2026 main .official .text p span {
  font-style: italic;
}
.page-ffxiv-cp-2026 main .official .text p + p {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .page-ffxiv-cp-2026 main .official .text p + p {
    margin-top: 3.125vw;
  }
}/*# sourceMappingURL=common.css.map */