@charset "UTF-8";
/* SCSS Document */
/* Scss Document */
/* Scss Document */
.page__head__wrap { padding-bottom: 8px; }

/* カテゴリータブ */
.category__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.category__list .category__list-content { flex: 0 1 50%; width: 50%; max-width: 50%; }
.category__list .category__list-content a { display: block; text-align: center; font-size: 1.6rem; line-height: 50px; letter-spacing: 0.04rem; color: #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; }
@media (min-width: 769px) { .category__list .category__list-content a { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.675041876 ); } }
@media (min-width: 1366px) { .category__list .category__list-content a { font-size: 2.6rem; } }
.category__list .category__list-content a:hover { opacity: 1; }
.category__list .category__list-content:nth-child(1) a, .category__list .category__list-content:nth-child(2) a { border-top: 1px solid #D6D6D6; }
.category__list .category__list-content:nth-last-of-type(2n) a { border-left: 0; }
.category__list .category__list-content.active a { background: #D6D6D6; color: #2F2F2F; }
.category__list .category__list-content.c-frp_boat.active a { color: #25ceff; background: rgba(37, 206, 255, 0.25); }
.category__list .category__list-content.c-jon_boat.active a { color: #fc4500; background: rgba(252, 69, 0, 0.25); }
.category__list .category__list-content.c-rental_boat.active a { color: #5b11d6; background: rgba(91, 17, 214, 0.25); }
.category__list .category__list-content.c-salt_water.active a { color: #e2fe03; background: rgba(226, 254, 3, 0.25); }

#products__list .m-inner { margin-top: 40px; margin-bottom: 40px; }
#products__list .itemlist__content .itemlist__content-parts a:hover { opacity: 1; }
#products__list .itemlist__content .itemlist__content-parts a.c-frp_boat:hover .parts__ttl { color: #25ceff; }
#products__list .itemlist__content .itemlist__content-parts a.c-jon_boat:hover .parts__ttl { color: #fc4500; }
#products__list .itemlist__content .itemlist__content-parts a.c-rental_boat:hover .parts__ttl { color: #5b11d6; }
#products__list .itemlist__content .itemlist__content-parts a.c-salt_water:hover .parts__ttl { color: #e2fe03; }
#products__list .itemlist__content .itemlist__content-parts .parts__img { position: relative; overflow: hidden; }
#products__list .itemlist__content .itemlist__content-parts .parts__img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#products__list .itemlist__content .itemlist__content-parts .parts__img::before { content: ""; display: block; padding-top: 42.684%; }
#products__list .itemlist__content .itemlist__content-parts .parts__ttl { font-size: 1.8rem; margin-top: 8px; line-height: 1.2225; color: #fff; transition: .3s ease color; position: relative; word-break: break-all; }
@media (min-width: 769px) { #products__list .itemlist__content .itemlist__content-parts .parts__ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 4.3551088777 ); } }
@media (min-width: 1366px) { #products__list .itemlist__content .itemlist__content-parts .parts__ttl { font-size: 4.4rem; } }
#products__list .itemlist__content .itemlist__content-parts .parts__ttl::after { font-size: 1.3rem; content: "\f054"; line-height: 1; font-family: "Font Awesome 5 Free"; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); }
@media (min-width: 769px) { #products__list .itemlist__content .itemlist__content-parts .parts__ttl::after { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.837520938 ); } }
@media (min-width: 1366px) { #products__list .itemlist__content .itemlist__content-parts .parts__ttl::after { font-size: 1.8rem; } }
#products__list .itemlist__content .itemlist__content-parts + .itemlist__content-parts { margin-top: 15px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #products__list .itemlist__content .itemlist__content-parts a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; align-items: center; }
  #products__list .itemlist__content .itemlist__content-parts .parts__img { flex: 0 1 67.9090909%; width: 67.9090909%; max-width: 67.9090909%; position: relative; overflow: hidden; }
  #products__list .itemlist__content .itemlist__content-parts .parts__img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  #products__list .itemlist__content .itemlist__content-parts .parts__img::before { content: ""; display: block; padding-top: 42.684%; }
  #products__list .itemlist__content .itemlist__content-parts .parts__ttl { flex: 0 1 28.8181818%; width: 28.8181818%; max-width: 28.8181818%; margin-top: 0; padding-right: 50px; box-sizing: border-box; word-break: break-all; white-space: break-spaces; }
  #products__list .itemlist__content .itemlist__content-parts + .itemlist__content-parts { margin-top: 20px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { .m-inner { max-width: 1100px; }
  .category__list { margin: auto; max-width: 1100px; }
  .category__list .category__list-content { flex: 0 1 auto; width: auto; max-width: auto; }
  .category__list .category__list-content a { border: none; position: relative; }
  .category__list .category__list-content a::after { content: ""; width: 100%; height: 4px; background: #fff; position: absolute; top: 100%; left: 0; opacity: 0; transition: .3s ease opacity; }
  .category__list .category__list-content a:hover::after { opacity: 1; }
  .category__list .category__list-content:nth-child(1) a, .category__list .category__list-content:nth-child(2) a { border: none; }
  .category__list .category__list-content.active a { background: unset; }
  .category__list .category__list-content.active a::after { opacity: 1; }
  .category__list .category__list-content.c-frp_boat a:hover { color: #25ceff; }
  .category__list .category__list-content.c-frp_boat a::after { background: #25ceff; }
  .category__list .category__list-content.c-frp_boat.active a { background: unset; }
  .category__list .category__list-content.c-jon_boat a:hover { color: #fc4500; }
  .category__list .category__list-content.c-jon_boat a::after { background: #fc4500; }
  .category__list .category__list-content.c-jon_boat.active a { background: unset; }
  .category__list .category__list-content.c-rental_boat a:hover { color: #5b11d6; }
  .category__list .category__list-content.c-rental_boat a::after { background: #5b11d6; }
  .category__list .category__list-content.c-rental_boat.active a { background: unset; }
  .category__list .category__list-content.c-salt_water a:hover { color: #e2fe03; }
  .category__list .category__list-content.c-salt_water a::after { background: #e2fe03; }
  .category__list .category__list-content.c-salt_water.active a { background: unset; }
  #products__list .m-inner { margin-top: 92.1px; margin-bottom: 130px; }
  #products__list .itemlist__content .itemlist__content-parts a:hover .parts__img img { width: 110%; height: 110%; }
  #products__list .itemlist__content .itemlist__content-parts a:hover .parts__ttl::after { right: -8px; }
  #products__list .itemlist__content .itemlist__content-parts .parts__img img { transition: .3s ease; }
  #products__list .itemlist__content .itemlist__content-parts .parts__ttl::after { right: 5px; transition: .3s ease right; }
  .tab__wrap.bottom { display: none; } }
/*------------------------------
		1366px以上
------------------------------*/
@media screen and (min-width: 1366px) { .page__head__wrap { padding-bottom: 18px; } }

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