@charset "UTF-8";
/* その他おすすめの特集 */
#other {
  display: block;
  width: 950px;
  margin: 0 auto;
  padding: 30px 0 30px; }
  #other h2 {
    font-size: 30px;
    font-weight: bold;
    color: #ff3266;
    text-align: center;
    margin-bottom: 30px;
    padding: 10px 0; }
  #other .carousel_wrap {
    width: 100%;
    height: 410px;
    padding: 0 50px;
    padding-bottom: 40px;
    box-sizing: border-box; }
    #other .carousel_wrap .swiper-pagination {
      bottom: 0; }
    #other .carousel_wrap ul li {
      display: block;
      width: 220px;
      background: #fff;
      border: 1px solid #f0f0f0;
      border-radius: 5px;
      -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; }
        #other .carousel_wrap ul li a:hover {
          text-decoration: none; }
      #other .carousel_wrap ul li .text {
        padding: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #other .carousel_wrap ul li img {
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      #other .carousel_wrap ul li p {
        color: #323232; }
      #other .carousel_wrap ul li .ttl {
        font-size: 15px;
        font-weight: bold; }
      #other .carousel_wrap ul li .from {
        font-size: 13px;
        margin: 5px auto 8px; }
        #other .carousel_wrap ul li .from::before {
          content: "≪"; }
        #other .carousel_wrap ul li .from::after {
          content: "≫"; }
      #other .carousel_wrap ul li .cont {
        font-size: 13px; }
    #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.css.map */