@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* shipsany
============================================================================================ */
#shipsany {
  /* vw
  ================================================*/ }
  #shipsany .topMenuAnyone .topMenuAnyone__list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: calc(((100% - 70px) / 5 * 2) + 30px); }
    #shipsany .topMenuAnyone .topMenuAnyone__list > li {
      position: relative;
      align-self: flex-start;
      width: calc((100% - 110px) / 3);
      margin-right: 30px;
      margin-bottom: 26px; }
      #shipsany .topMenuAnyone .topMenuAnyone__list > li .shipsany__column--svg {
        position: absolute;
        width: calc(240 / 346 * 100%);
        top: 210px;
        right: 155px;
        transform: rotate(66deg);
        -webkit-transform: rotate(66deg); }
        #shipsany .topMenuAnyone .topMenuAnyone__list > li .shipsany__column--svg .st0 {
          fill: none;
          stroke: #7A90B1;
          stroke-miterlimit: 10;
          stroke-width: 2; }
        #shipsany .topMenuAnyone .topMenuAnyone__list > li .shipsany__column--svg.white .st0 {
          stroke: #fff; }
      #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl > dt {
        position: relative;
        padding-top: calc(294 / 226 * 100%);
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 10px; }
        #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl > dt a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(128, 144, 175, 0.08);
          transition-duration: 0.8s;
          transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          -ms-transition-duration: 0.8s;
          -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          -webkit-transition-duration: 0.8s;
          -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          　-moz-transition-duration: 0.8s;
          -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
          #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl > dt a 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 .topMenuAnyone .topMenuAnyone__list > li > dl > dt:hover a {
          transform: scale(1.04);
          -webkit-transform: scale(1.04); }
      #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl dd {
        position: relative;
        font-size: 12px;
        line-height: 1;
        text-align: left;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl dd p {
          font-size: 13px;
          overflow: visible;
          text-overflow: inherit;
          white-space: normal; }
        #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl dd span {
          display: block;
          align-self: flex-start;
          line-height: 1.6; }
        #shipsany .topMenuAnyone .topMenuAnyone__list > li > dl dd .columnNew__date {
          position: absolute;
          width: 100%;
          top: calc(100% + 5px);
          font-size: 10px;
          line-height: 1;
          opacity: .5; }
      #shipsany .topMenuAnyone .topMenuAnyone__list > li:first-child {
        position: absolute;
        top: 0;
        left: 0;
        width: calc((100% - 80px) / 5 * 2);
        margin-right: 0; }
      #shipsany .topMenuAnyone .topMenuAnyone__list > li:nth-child(4), #shipsany .topMenuAnyone .topMenuAnyone__list > li:nth-child(7) {
        margin-right: 0; }
      #shipsany .topMenuAnyone .topMenuAnyone__list > li.new > dl > dt:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "NEW";
        width: 45px;
        height: auto;
        top: 12px;
        left: 12px;
        font-size: 10px;
        text-align: center;
        line-height: 45px;
        letter-spacing: 0.15em;
        font-style: normal;
        font-family: 'Questrial', sans-serif;
        color: #fff;
        background-color: #6170a4;
        border-radius: 50%;
        pointer-events: none; }
  #shipsany .shipsany__menu--banner > li .shipsany__menu--banner--title span.font-roboto {
    font-family: Roboto,'游ゴシック Medium', sans-serif;
    font-weight: initial; }
  #shipsany .shipsany__section.shipsany__section--standard .shipsany__menu--banner {
    display: block; }
    #shipsany .shipsany__section.shipsany__section--standard .shipsany__menu--banner > li {
      width: 100%; }
      #shipsany .shipsany__section.shipsany__section--standard .shipsany__menu--banner > li .shipsany__menu--banner--img {
        padding-top: calc(954 / 2260 * 100%); }