@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ================================================ font family */
@import url("//fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;1,400;1,600&family=Noto+Sans+JP:wght@500;700&display=swap");
#shipsany.miyako-takayama * {
  font-family: YakuHanJP, 'Barlow Condensed', 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.9;
  font-weight: 500; }

/* ================================================ shipsany */
#shipsany {
  /* ================================================ vw */
  /* ================================================ vh */
  /* =================================================================== miyako-takayama */ }
  #shipsany.miyako-takayama {
    overflow-x: hidden;
    /* ------------------------------------------------------------ common */
    /* ------------------------------------------------------------ mtGrid */
    /* ------------------------------------------------------------ kv */
    /* ------------------------------------------------------------ mtLeader */
    /* ------------------------------------------------------------ mtArticle */
    /* ------------------------------------------------------------ mtArticle__main */
    /* ------------------------------------------------------------ title */
    /* ------------------------------------------------------------ main text */
    /* ------------------------------------------------------------ mtColumn */
    /* ------------------------------------------------------------ mtCredit */
    /* ------------------------------------------------------------ mtCoordi */
    /* ------------------------------------------------------------ mtCoordi__title */
    /* ------------------------------------------------------------ mtCoordi__title */ }
    #shipsany.miyako-takayama .fixed__btn {
      display: none; }
    #shipsany.miyako-takayama .pc__sticky .shipsany__wrapper {
      width: 100%; }
      #shipsany.miyako-takayama .pc__sticky .shipsany__wrapper .pc__sticky--contents {
        margin-left: 0; }
    #shipsany.miyako-takayama .mtGrid {
      max-width: 1116px;
      margin-left: auto;
      margin-right: auto; }
    #shipsany.miyako-takayama .mtGrid--s {
      max-width: 736px;
      margin-left: auto;
      margin-right: auto; }
    #shipsany.miyako-takayama .mtKv {
      display: block;
      position: relative;
      padding-top: calc(2016 / 3840 * 100%);
      z-index: 1;
      margin-bottom: 180px; }
      #shipsany.miyako-takayama .mtKv .mtKv__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
        #shipsany.miyako-takayama .mtKv .mtKv__bg > li {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #shipsany.miyako-takayama .mtKv .mtKv__bg > li > span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto; }
          #shipsany.miyako-takayama .mtKv .mtKv__bg > li:nth-child(1) > span {
            background-image: url("../../images/pc/contents/miyako-takayama/kv__img--1.jpg"); }
          #shipsany.miyako-takayama .mtKv .mtKv__bg > li:nth-child(2) > span {
            background-image: url("../../images/pc/contents/miyako-takayama/kv__img--2.jpg"); }
      #shipsany.miyako-takayama .mtKv .mtKv__title {
        position: absolute;
        z-index: 2; }
        #shipsany.miyako-takayama .mtKv .mtKv__title.mtKv__title--1 {
          width: calc(527 / 1556 * 100%);
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          top: 1.7%; }
        #shipsany.miyako-takayama .mtKv .mtKv__title.mtKv__title--2 {
          width: calc(874 / 1556 * 100%);
          left: 15.5%;
          bottom: 10%; }
        #shipsany.miyako-takayama .mtKv .mtKv__title.mtKv__title--3 {
          width: calc(170 / 1556 * 100%);
          right: 14%;
          top: 5%; }
      #shipsany.miyako-takayama .mtKv .mt__pagesNav {
        position: absolute;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        z-index: 2; }
        #shipsany.miyako-takayama .mtKv .mt__pagesNav > li {
          position: relative;
          width: 325px;
          margin: 0 25px;
          cursor: pointer; }
          #shipsany.miyako-takayama .mtKv .mt__pagesNav > li:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            transition-duration: 0.3s;
            transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -ms-transition-duration: 0.3s;
            -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -webkit-transition-duration: 0.3s;
            -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            　-moz-transition-duration: 0.3s;
            -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            opacity: 0; }
          #shipsany.miyako-takayama .mtKv .mt__pagesNav > li:nth-child(1)::after {
            background-image: url("../../images/pc/contents/miyako-takayama/kvNav--1--hover.png"); }
          #shipsany.miyako-takayama .mtKv .mt__pagesNav > li:nth-child(2)::after {
            background-image: url("../../images/pc/contents/miyako-takayama/kvNav--2--hover.png"); }
    #shipsany.miyako-takayama .mtLeader {
      margin-bottom: 130px; }
      #shipsany.miyako-takayama .mtLeader .mtLeader__text {
        font-size: 20px;
        text-align: center;
        font-weight: 700;
        line-height: 2.5;
        margin-bottom: 150px; }
    #shipsany.miyako-takayama .mtArticle {
      margin-bottom: 130px; }
    #shipsany.miyako-takayama .mtArticle__main {
      position: relative;
      width: calc(100% + 60px);
      left: -30px; }
    #shipsany.miyako-takayama .mtArticle__title {
      margin-bottom: 85px; }
      #shipsany.miyako-takayama .mtArticle__title > p {
        font-size: 35px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center; }
    #shipsany.miyako-takayama .mtArticle__main--text {
      margin-top: 85px;
      margin-bottom: 90px; }
      #shipsany.miyako-takayama .mtArticle__main--text > dt {
        position: relative;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        padding-top: 30px;
        margin-bottom: 25px; }
        #shipsany.miyako-takayama .mtArticle__main--text > dt:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          width: 0;
          height: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-bottom: 12px solid #000; }
    #shipsany.miyako-takayama .mtColumn {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 90px; }
      #shipsany.miyako-takayama .mtColumn > div {
        width: calc(50% - 30px); }
      #shipsany.miyako-takayama .mtColumn .mtColumn__img .mtColumn__img--list {
        position: relative;
        padding-top: calc(1610 / 1072 * 100%);
        overflow: hidden; }
        #shipsany.miyako-takayama .mtColumn .mtColumn__img .mtColumn__img--list > li {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #shipsany.miyako-takayama .mtColumn .mtColumn__img .mtColumn__img--list > li > span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto; }
      #shipsany.miyako-takayama .mtColumn .mtColumn__detail {
        align-self: flex-end; }
        #shipsany.miyako-takayama .mtColumn .mtColumn__detail .mtColumn__detail--text {
          margin-bottom: 25px; }
          #shipsany.miyako-takayama .mtColumn .mtColumn__detail .mtColumn__detail--text > dt {
            font-size: 26px;
            line-height: 1.4;
            font-weight: 700;
            text-align: center;
            margin-bottom: 25px; }
      #shipsany.miyako-takayama .mtColumn.mtColumn--reverse {
        flex-direction: row-reverse; }
    #shipsany.miyako-takayama .mtCredit__title {
      display: flex;
      margin-bottom: 3px; }
      #shipsany.miyako-takayama .mtCredit__title > p {
        font-size: 19px;
        line-height: 1.2;
        font-style: italic; }
      #shipsany.miyako-takayama .mtCredit__title .mtCredit__btn {
        margin-left: 15px; }
        #shipsany.miyako-takayama .mtCredit__title .mtCredit__btn > a {
          width: 40px;
          font-size: 15px;
          white-space: nowrap;
          height: 22px;
          line-height: 20px;
          border: 1px solid #000;
          text-align: center;
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          -ms-transition-duration: 0.3s;
          -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          -webkit-transition-duration: 0.3s;
          -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          　-moz-transition-duration: 0.3s;
          -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    #shipsany.miyako-takayama .mtCredit__brand {
      font-size: 16px;
      font-style: italic;
      color: #656565;
      line-height: 1.2; }
      #shipsany.miyako-takayama .mtCredit__brand > span {
        font-size: 12px;
        margin-left: 0.5em; }
    #shipsany.miyako-takayama .mtCredit {
      text-align: left;
      font-weight: 400; }
      #shipsany.miyako-takayama .mtCredit > li {
        margin-bottom: 18px; }
        #shipsany.miyako-takayama .mtCredit > li:last-child {
          margin-bottom: 0; }
      #shipsany.miyako-takayama .mtCredit.mtCredit__flex {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-wrap: wrap; }
        #shipsany.miyako-takayama .mtCredit.mtCredit__flex > li {
          width: calc(50% - 15px); }
          #shipsany.miyako-takayama .mtCredit.mtCredit__flex > li:nth-last-child(-n+2) {
            margin-bottom: 0; }
    #shipsany.miyako-takayama .mtCoordi {
      margin-bottom: 70px; }
    #shipsany.miyako-takayama .mtCoordi__title {
      margin-bottom: 35px; }
      #shipsany.miyako-takayama .mtCoordi__title > img {
        width: 242px;
        margin-bottom: 20px; }
      #shipsany.miyako-takayama .mtCoordi__title > p {
        font-size: 35px;
        font-weight: 700;
        text-align: center;
        line-height: 1; }
    #shipsany.miyako-takayama .mtCoordi__column {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 45px; }
      #shipsany.miyako-takayama .mtCoordi__column > li {
        width: 50%; }
        #shipsany.miyako-takayama .mtCoordi__column > li > img {
          max-width: 343px;
          margin-bottom: 20px; }
        #shipsany.miyako-takayama .mtCoordi__column > li .mtCredit.mtCoordi__mtCredit--width {
          display: inline-block; }
        #shipsany.miyako-takayama .mtCoordi__column > li:nth-child(2) {
          margin-left: auto;
          text-align: right; }

/*============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  #shipsany.miyako-takayama .mtCredit__title .mtCredit__btn > a:hover, #shipsany.miyako-takayama .mtCredit__title .mtCredit__btn > a:active {
    color: #fff;
    background-color: black; }

  #shipsany.miyako-takayama .mtKv .mt__pagesNav > li:hover:after, #shipsany.miyako-takayama .mtKv .mt__pagesNav > li:active:after {
    opacity: 1; } }