@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ================================================================== title */
#shipsany .shipsany__contents--h2 span.line > span {
  font-family: Roboto,'游ゴシック Medium', sans-serif;
  font-size: 37px;
  font-weight: initial;
  letter-spacing: 0.25em; }

/* ================================================================== cozy */
#shipsany.cozy .pc__sticky .shipsany__wrapper {
  width: 100%; }
  #shipsany.cozy .pc__sticky .shipsany__wrapper .pc__sticky--contents {
    margin-left: 0; }
#shipsany.cozy .cozy__main {
  position: relative;
  margin-bottom: 60px; }
  #shipsany.cozy .cozy__main .cozy__main--img {
    position: relative;
    padding-top: calc(1162 / 2080 * 100%); }
    #shipsany.cozy .cozy__main .cozy__main--img > span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
#shipsany.cozy .cozy__concept {
  margin-bottom: 100px; }
  #shipsany.cozy .cozy__concept .cozy__concept--logo {
    width: 200px;
    margin: 0 auto 60px; }
    #shipsany.cozy .cozy__concept .cozy__concept--logo > span {
      display: block;
      text-indent: -9999px;
      height: 0;
      padding-top: calc(184 / 400 * 100%);
      background-image: url("../../images/pc/contents/cozy/concept__logo.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto; }
  #shipsany.cozy .cozy__concept .cozy__concept--detail {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--img {
      width: 50%; }
      #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--img > ul {
        position: relative;
        padding-top: calc(1048 / 1034 * 100%); }
        #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--img > ul > li {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--img > ul > li > span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover; }
    #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text {
      width: calc(50% - 70px);
      align-self: flex-end; }
      #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text > p {
        font-size: 16px;
        margin-bottom: 32px; }
        #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text > p:last-of-type {
          margin-bottom: 0; }
      #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text > dl {
        position: relative;
        margin-top: 25px;
        padding-top: 25px; }
        #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text > dl:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          width: 10px;
          height: 1px;
          background-color: #0a223c;
          opacity: .2; }
        #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text > dl > dt {
          font-size: 15px;
          line-height: 1.6;
          font-weight: bold;
          margin-bottom: 7px; }
        #shipsany.cozy .cozy__concept .cozy__concept--detail .cozy__concept--detail--text > dl > dd {
          font-size: 14px;
          line-height: 1.8;
          opacity: .5; }
#shipsany.cozy .cozyDetail {
  margin-bottom: 115px; }
  #shipsany.cozy .cozyDetail .cozyDetail--title {
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 30px; }
  #shipsany.cozy .cozyDetail .cozyDetail__column {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img {
      align-self: flex-start;
      position: relative;
      width: 50%; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--list {
        position: relative;
        padding-top: calc(1246 / 1040 * 100%);
        z-index: 1; }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--list > li {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--list > li > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--list > li > a > span {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-position: center center;
              background-repeat: no-repeat;
              background-size: cover; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--list > li:nth-child(1) {
            opacity: 1;
            z-index: 1; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--text, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom {
        position: absolute;
        z-index: 2;
        pointer-events: none; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--text {
        right: 20px;
        bottom: 20px; }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--text > li {
          font-size: 11px;
          line-height: 1;
          display: none; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--text > li:nth-child(1) {
            display: block; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom {
        width: 35px;
        height: 35px;
        right: 20px;
        top: 20px;
        border-radius: 50%;
        border: 1px solid #fff;
        background-color: #fff;
        transition-duration: 0.5s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -ms-transition-duration: 0.5s;
        -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        　-moz-transition-duration: 0.5s;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom > span {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom > span:before, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom > span:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-size: 13px auto;
            transition-duration: 0.5s;
            transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -ms-transition-duration: 0.5s;
            -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -webkit-transition-duration: 0.5s;
            -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            　-moz-transition-duration: 0.5s;
            -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom > span:before {
            background-image: url("../../images/pc/contents/cozy/icon--zoom.png");
            opacity: 1; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img .cozyDetail__img--zoom > span:after {
            background-image: url("../../images/pc/contents/cozy/icon--zoom--white.png");
            opacity: 0; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img:hover .cozyDetail__img--zoom, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img:active .cozyDetail__img--zoom {
        background-color: #0a223c; }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img:hover .cozyDetail__img--zoom > span:before, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img:active .cozyDetail__img--zoom > span:before {
          opacity: 0; }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img:hover .cozyDetail__img--zoom > span:after, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__img:active .cozyDetail__img--zoom > span:after {
          opacity: 1; }
    #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item {
      width: calc(50% - 70px); }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li {
          width: 100%;
          text-align: center;
          margin-right: 20px;
          cursor: pointer; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li > dl > dt {
            position: relative;
            top: 2px;
            max-width: 129px;
            margin: 0 auto; }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li > dl > dt > span {
              position: relative;
              display: block;
              padding-top: calc(148 / 258 * 100%);
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100% auto;
              transition-duration: 0.5s;
              transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              -ms-transition-duration: 0.5s;
              -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              -webkit-transition-duration: 0.5s;
              -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              　-moz-transition-duration: 0.5s;
              -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li > dl > dd {
            position: relative;
            font-size: 11px;
            line-height: 1.3;
            letter-spacing: 0.1em;
            color: rgba(10, 34, 60, 0.5);
            padding: 15px 0;
            border-top-width: 1px;
            border-bottom-width: 1px;
            border-top-style: solid;
            border-bottom-style: solid;
            border-top-color: rgba(10, 34, 60, 0.2);
            border-bottom-color: rgba(10, 34, 60, 0.2);
            transition-duration: 0.5s;
            transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -ms-transition-duration: 0.5s;
            -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -webkit-transition-duration: 0.5s;
            -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            　-moz-transition-duration: 0.5s;
            -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            background-color: #fff; }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li > dl > dd:before, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li > dl > dd:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              top: -1px;
              height: 1px;
              background-color: #0a223c;
              transition-duration: 0.5s;
              transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              -ms-transition-duration: 0.5s;
              -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              -webkit-transition-duration: 0.5s;
              -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              　-moz-transition-duration: 0.5s;
              -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              width: 0;
              left: auto;
              right: 0;
              transition-duration: 0.5s;
              transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              -ms-transition-duration: 0.5s;
              -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              -webkit-transition-duration: 0.5s;
              -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
              　-moz-transition-duration: 0.5s;
              -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li > dl > dd:after {
              top: auto;
              bottom: -1px; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:last-child {
            margin-right: 0; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:hover > dl > dt > span, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:active > dl > dt > span {
            transform: scale(1.1);
            -webkit-transform: scale(1.1); }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:hover > dl > dd:before, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:hover > dl > dd:after, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:active > dl > dd:before, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li:active > dl > dd:after {
            width: 100%;
            right: auto;
            left: 0; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li.selected {
            pointer-events: none; }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li.selected > dl > dd {
              color: #0a223c; }
              #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li.selected > dl > dd:before, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--nav > li.selected > dl > dd:after {
                width: 100%;
                right: auto;
                left: 0; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit {
        padding: 25px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(10, 34, 60, 0.2); }
        #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li {
          display: none; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul {
            position: relative;
            margin-bottom: 20px;
            padding-left: 62px; }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li {
              position: relative;
              display: flex;
              flex-wrap: nowrap;
              justify-content: space-between;
              justify-content: flex-start;
              margin-bottom: 6px; }
              #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items > p {
                font-size: 13px;
                text-align: left;
                line-height: 1.5; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items > p:nth-child(1) {
                  width: 62%;
                  padding-right: 10px; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items > p:nth-child(2) {
                  width: 29%; }
                  #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items > p:nth-child(2):after {
                    content: "inc. tax";
                    display: inline-block;
                    font-size: 10px;
                    white-space: nowrap;
                    margin-left: 0.3em; }
              #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items .btnBuy {
                position: relative;
                top: 1px;
                width: 39px;
                align-self: flex-start;
                margin-left: auto;
                margin-right: 0; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items .btnBuy > a {
                  font-size: 10px;
                  line-height: 1;
                  background-color: #0a223c;
                  color: rgba(255, 255, 255, 0.8);
                  padding: 4px 7px;
                  transition-duration: 0.5s;
                  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                  -ms-transition-duration: 0.5s;
                  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                  -webkit-transition-duration: 0.5s;
                  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                  　-moz-transition-duration: 0.5s;
                  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
                  #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items .btnBuy > a:hover, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.items .btnBuy > a:active {
                    color: white; }
              #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.title {
                position: absolute;
                top: 3px;
                left: 0; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.title > h5 {
                  display: inline-block;
                  font-size: 10px;
                  font-weight: bold;
                  line-height: 1;
                  padding-bottom: 4px;
                  border-bottom: 1px solid #0a223c; }
              #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.color {
                position: relative;
                padding-left: 50px; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.color > span, #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.color > p {
                  line-height: 1.5; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.color > span {
                  display: block;
                  position: absolute;
                  top: -3px;
                  left: 0;
                  font-size: 10px;
                  transform: scale(0.9);
                  -webkit-transform: scale(0.9);
                  transform-origin: left center; }
                #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li.color > p {
                  opacity: .5;
                  font-size: 10px; }
              #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul > li:last-child {
                margin-bottom: 0; }
            #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li > div > ul:last-child {
              margin-bottom: 0; }
          #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--credit > li:nth-child(1) {
            display: block; }
      #shipsany.cozy .cozyDetail .cozyDetail__column .cozyDetail__item .cozyDetail__item--text {
        font-size: 13px; }
#shipsany.cozy .cozyPresent {
  border: 1px solid rgba(10, 34, 60, 0.3);
  padding: 35px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 100px; }
  #shipsany.cozy .cozyPresent .cozyPresent__img {
    width: calc(50% - 85px); }
    #shipsany.cozy .cozyPresent .cozyPresent__img > span {
      display: block;
      padding-top: calc(333 / 394 * 100%);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
  #shipsany.cozy .cozyPresent .cozyPresent__detail {
    align-self: center;
    width: calc(50% + 40px); }
    #shipsany.cozy .cozyPresent .cozyPresent__detail > dl > dt {
      font-size: 29px;
      line-height: 1;
      margin-bottom: 20px; }
    #shipsany.cozy .cozyPresent .cozyPresent__detail > dl > dd > p {
      font-size: 15px;
      line-height: 1.9;
      margin-bottom: 10px; }
    #shipsany.cozy .cozyPresent .cozyPresent__detail > dl > dd > aside {
      font-size: 11px;
      padding-left: 1em;
      text-indent: -1em; }

/* ================================================================== lity */
.lity {
  background-color: white; }
  .lity .lity-content:after {
    display: none; }
  .lity img {
    transform: scale(0.85);
    -webkit-transform: scale(0.85); }
  .lity .lity-close {
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 15px; }
    .lity .lity-close:before, .lity .lity-close:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 21px;
      height: 1px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      background-color: #8090af; }
    .lity .lity-close:before {
      transform: translate3d(-50%, -50%, 0) rotate(45deg);
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); }
    .lity .lity-close:after {
      transform: translate3d(-50%, -50%, 0) rotate(-45deg);
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

#shipsany.cozy .shipsany__textlink.shipsany__concept--link {
  margin-top: -20px;
  margin-bottom: 150px;
  text-align: center;
  font-size: 19px;
  font-weight: bold; }
  #shipsany.cozy .shipsany__textlink.shipsany__concept--link .shipsany__textlink--arrow {
    width: 60px; }