@charset "UTF-8";
/* その他おすすめの特集 */
#other {
  padding: 5vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #other h2 {
    font-size: 5vw;
    font-weight: bold;
    color: #ff3266;
    text-align: center;
    margin-bottom: 5vw;
    padding: 2vw 0; }
  #other .carousel_wrap {
    width: 100%;
    padding: 0 30px 50px;
    height: calc(70vw + 20px);
    box-sizing: border-box; }
    #other .carousel_wrap ul li {
      display: block;
      width: 100%;
      background: #fff;
      border: .3vw solid #f0f0f0;
      border-radius: 1vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: .2s;
      transition: .2s;
      cursor: pointer; }
      #other .carousel_wrap ul li:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1); }
      #other .carousel_wrap ul li a {
        outline: none;
        text-decoration: none;
        display: block; }
      #other .carousel_wrap ul li .text {
        padding: 1vw 2vw 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #other .carousel_wrap ul li img {
        width: 100%;
        height: auto;
        border-top-left-radius: 1vw;
        border-top-right-radius: 1vw; }
      #other .carousel_wrap ul li p {
        color: #323232; }
      #other .carousel_wrap ul li .ttl {
        font-size: 3.25vw;
        font-weight: bold; }
      #other .carousel_wrap ul li .from {
        font-size: 2.5vw;
        margin: 0.5vw auto 0.5vw; }
        #other .carousel_wrap ul li .from::before {
          content: "≪"; }
        #other .carousel_wrap ul li .from::after {
          content: "≫"; }
      #other .carousel_wrap ul li .cont {
        font-size: 2.8vw;
        height: 100%;
        overflow: hidden; }
    #other .carousel_wrap .swiper-button-prev,
    #other .carousel_wrap .swiper-container-rtl .swiper-button-next {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3266'%2F%3E%3C%2Fsvg%3E"); }
    #other .carousel_wrap .swiper-button-next,
    #other .carousel_wrap .swiper-container-rtl .swiper-button-prev {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3266'%2F%3E%3C%2Fsvg%3E"); }
    #other .carousel_wrap .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #000;
      opacity: .3; }
    #other .carousel_wrap .swiper-pagination-bullet-active {
      background: #ff3266;
      opacity: 1; }
    #other .carousel_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 5px; }

/*# sourceMappingURL=recommend_sp.css.map */