a {
  text-decoration: none;
}

html {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

/* =======================================
 base style
======================================= */
body {
  background: #fff;
  font-family: YuGothic, "Yu Gothic medium", Meiryo, Osaka, "Hiragino Sans", "sans-serif";
  line-height: 1;
  margin: auto;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  body {
    font-size: 1.333vw;
  }
}
@media only screen and (min-width: 1200px) {
  body {
    font-size: 16px;
    min-width: 1200px;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 3.467vw;
    overflow-x: hidden;
  }
}

img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-wrapper {
  position: relative;
}

.section-container {
  margin: auto;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .section-container {
    width: 83.333vw;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 768px) {
  .section-container {
    padding: 0 5.333%;
  }
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

.header-note {
  background-color: #c01734;
}
.header-note .section-container {
  text-align: center;
  margin: auto;
}
@media only screen and (min-width: 769px) {
  .header-note .section-container {
    padding: 0.5em 0;
  }
}
@media only screen and (min-width: 769px) {
  .header-note img {
    width: 17.188em;
  }
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .header-wrapper {
    padding: 2.875em 0 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .header-wrapper {
    align-items: center;
    padding: 2.667vw 5.333%;
  }
}

@media only screen and (min-width: 769px) {
  .header-logo img {
    width: 11.5em;
  }
}
@media only screen and (max-width: 768px) {
  .header-logo img {
    width: 24.8vw;
  }
}

@media only screen and (max-width: 768px) {
  .header-bottom-sp {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .header-inner-search {
    position: relative;
    width: 15em;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner-search {
    width: 82.667vw;
  }
}

.header-search-keyword {
  outline: 0;
  border: none;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .header-search-keyword {
    width: 100%;
    padding: 0.5em;
    border-bottom: 0.063em solid #333333 !important;
  }
}
@media only screen and (max-width: 768px) {
  .header-search-keyword {
    width: 100%;
    padding: 1.867vw;
    border-bottom: 0.133vw solid #333333 !important;
  }
}
.header-search-keyword:focus {
  outline: 0;
}

.header-search-button {
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .header-search-button {
    left: 13.375em;
    top: 0.125em;
  }
}
@media only screen and (max-width: 768px) {
  .header-search-button {
    left: 82.667vw;
    top: 0.267vw;
  }
}
@media only screen and (min-width: 769px) {
  .header-search-button img {
    width: 1.25em;
  }
}

.header-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.header-inner-top {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .header-inner-top {
    gap: 1.563em;
  }
}

.header-inner-icon ul {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .header-inner-icon ul img {
    width: 4em;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner-icon ul img {
    width: 14.667vw;
  }
}

.header-menu ul {
  display: flex;
}
.header-menu ul li {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .header-menu ul li {
    gap: 2.125em;
  }
}
.header-menu ul li a {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .header-menu ul li a {
    font-size: 0.75em;
  }
}
.header-menu ul li::after {
  position: relative;
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .header-menu ul li::after {
    border-right: 0.063em solid #333333;
    height: 0.875em;
    left: -1.063em;
  }
}
.header-menu ul li:last-child:after {
  content: none;
}

@media only screen and (min-width: 769px) {
  .top-wrapper {
    background: url("https://gigaplus.makeshop.jp/bliss/homepage/common/img/pc-top-bg.jpg") no-repeat 50% 0%;
    background-size: 125em auto;
    height: 28.125em;
  }
}
@media only screen and (max-width: 768px) {
  .top-wrapper {
    background: url("https://gigaplus.makeshop.jp/bliss/homepage/common/img/sp-top-bg.jpg") no-repeat 50% 0;
    background-size: 100vw auto;
    height: 117.333vw;
  }
}

.top-title {
  position: absolute;
  font-family: "Sawarabi Mincho";
}
@media only screen and (min-width: 769px) {
  .top-title {
    top: 7.625em;
    left: 4.625em;
  }
}
@media only screen and (max-width: 768px) {
  .top-title {
    top: 4.6vw;
    left: 10vw;
  }
}
.top-title h1 {
  color: #c01734;
  line-height: 1.8;
  font-weight: normal;
}
@media only screen and (min-width: 769px) {
  .top-title h1 {
    margin: 0;
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .top-title h1 {
    font-size: 4.533vw;
  }
}
.top-title p {
  color: #333333;
  line-height: 2;
}
@media only screen and (min-width: 769px) {
  .top-title p {
    font-size: 0.938em;
    padding-top: 0.938em;
  }
}
@media only screen and (max-width: 768px) {
  .top-title p {
    font-size: 3.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .main-wrapper {
    padding-bottom: 10em;
  }
}
@media only screen and (max-width: 768px) {
  .main-wrapper {
    padding-bottom: 10.667vw;
  }
}

.ranking-all {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .ranking-all {
    padding-top: 3.125em;
  }
}
.ranking-all a {
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .ranking-all a {
    color: #333333;
    font-size: 0.875em;
    border: 0.063em solid #333333;
    padding: 1.375em 6.25em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-all a {
    color: #333333;
    line-height: 1.8;
    font-size: 3.467vw;
    width: 42.133vw;
    height: 42.133vw;
    border: 0.133vw solid #333333;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-all a img {
    padding-top: 4vw;
    width: 8vw;
  }
}
.ranking-all a:after {
  position: absolute;
  content: "";
  display: inline-block;
  background-image: url("https://gigaplus.makeshop.jp/bliss/homepage/top/img/ranking-all.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .ranking-all a:after {
    width: 3.188em;
    height: 0.375em;
    top: 1.563em;
    right: -1.563em;
  }
}

.ranking-title,
.pick-title {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .ranking-title,
  .pick-title {
    margin-top: 8.75em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-title,
  .pick-title {
    margin-top: 18.667vw;
  }
}

@media only screen and (min-width: 769px) {
  .ranking-title img {
    width: 16em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-title img {
    width: 48.533vw;
  }
}

@media only screen and (min-width: 769px) {
  .pick-title img {
    width: 12.875em;
  }
}
@media only screen and (max-width: 768px) {
  .pick-title img {
    width: 39.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .ranking-products,
  .pick-products {
    width: 62.5em;
    margin-top: 2.813em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products,
  .pick-products {
    width: 89.333vw;
    margin-top: 8.667vw;
  }
}
.ranking-products ul,
.pick-products ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  .ranking-products ul,
  .pick-products ul {
    gap: 3.75em 3.125em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products ul,
  .pick-products ul {
    width: 89.333vw;
    gap: 10.667vw 5.067%;
  }
}
@media only screen and (min-width: 769px) {
  .ranking-products ul li,
  .pick-products ul li {
    width: 18.75em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products ul li,
  .pick-products ul li {
    width: 42.133vw;
  }
}
.ranking-products ul li a,
.pick-products ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .ranking-products ul li a,
  .pick-products ul li a {
    width: 18.75em;
    gap: 1em;
  }
}

.ranking-products-th {
  position: relative;
}
.ranking-products-th--01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-image: url("https://gigaplus.makeshop.jp/bliss/homepage/top/img/ranking-icon01.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .ranking-products-th--01::before {
    width: 1.875em;
    height: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products-th--01::before {
    width: 6.667vw;
    height: 6.667vw;
  }
}
.ranking-products-th--02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-image: url("https://gigaplus.makeshop.jp/bliss/homepage/top/img/ranking-icon02.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .ranking-products-th--02::before {
    width: 1.875em;
    height: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products-th--02::before {
    width: 6.667vw;
    height: 6.667vw;
  }
}
.ranking-products-th--03::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-image: url("https://gigaplus.makeshop.jp/bliss/homepage/top/img/ranking-icon03.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .ranking-products-th--03::before {
    width: 1.875em;
    height: 1.875em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products-th--03::before {
    width: 6.667vw;
    height: 6.667vw;
  }
}

.ranking-products-th,
.pick-products-th {
  overflow: hidden;
  background-color: #d7d7d7;
}
@media only screen and (min-width: 769px) {
  .ranking-products-th,
  .pick-products-th {
    width: 18.75em;
    height: 18.75em;
  }
}
@media only screen and (max-width: 768px) {
  .ranking-products-th,
  .pick-products-th {
    width: 42.133vw;
    height: 42.133vw;
  }
}
.ranking-products-th img,
.pick-products-th img {
  max-width: 100%;
}

@media only screen and (max-width: 768px) {
  .ranking-products-title,
  .pick-products-title {
    margin-top: 4vw;
  }
}
.ranking-products-title p,
.pick-products-title p {
  text-align: center;
  color: #333333;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .ranking-products-title p,
  .pick-products-title p {
    font-size: 0.875em;
  }
}

@media only screen and (min-width: 769px) {
  .pick-products-des {
    padding-top: 1.75em;
  }
}
@media only screen and (max-width: 768px) {
  .pick-products-des {
    padding-top: 2.267vw;
  }
}
.pick-products-des p {
  color: #333333;
  line-height: 1.2;
}
@media only screen and (min-width: 769px) {
  .pick-products-des p {
    font-size: 0.75em;
  }
}

@media only screen and (min-width: 769px) {
  .banner-wrapper {
    padding-top: 7.5em;
  }
}
@media only screen and (max-width: 768px) {
  .banner-wrapper {
    padding-top: 14.667vw;
  }
}
@media only screen and (max-width: 768px) {
  .banner-wrapper .section-container {
    width: 100%;
    padding: 0;
  }
}
.banner-wrapper ul {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 769px) {
  .banner-wrapper ul {
    gap: 2.5em;
  }
}
@media only screen and (max-width: 768px) {
  .banner-wrapper ul {
    gap: 5.333vw;
  }
}

.footer-wrapper {
  background-color: #f2f2f2;
}
@media only screen and (min-width: 769px) {
  .footer-wrapper {
    padding-bottom: 7.5em;
  }
}

.footer-title {
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .footer-title {
    padding: 6.563em 0 4.688em;
  }
}
@media only screen and (max-width: 768px) {
  .footer-title {
    padding: 14.4vw 0 8vw;
  }
}
@media only screen and (min-width: 769px) {
  .footer-title img {
    width: 28.375em;
  }
}
@media only screen and (max-width: 768px) {
  .footer-title img {
    width: 73.733vw;
  }
}

.footer-inner {
  display: grid;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .footer-inner {
    grid-template-columns: repeat(3, 18.75em);
  }
}

.footer-inner-wrapper {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 769px) {
  .footer-inner-top {
    height: 13.75em;
  }
}

@media only screen and (min-width: 769px) {
  .footer-inner-logo img {
    width: 11.5em;
  }
}

@media only screen and (min-width: 769px) {
  .footer-inner-text {
    margin-top: 1.25em;
  }
}
.footer-inner-text p {
  color: #333333;
}
@media only screen and (min-width: 769px) {
  .footer-inner-text p {
    line-height: 1.8;
    font-size: 0.75em;
  }
}

.footer-inner-link {
  align-self: flex-end;
}
@media only screen and (min-width: 769px) {
  .footer-inner-link {
    padding-top: 1.875em;
  }
}
.footer-inner-link a {
  color: #c01734;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .footer-inner-link a {
    line-height: 1.8;
    font-size: 0.75em;
  }
}

.footer-inner-link-sub {
  align-self: flex-end;
}
@media only screen and (min-width: 769px) {
  .footer-inner-link-sub {
    padding-top: 0.438em;
  }
}
.footer-inner-link-sub a {
  color: #c01734;
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
  .footer-inner-link-sub a {
    line-height: 1.8;
    font-size: 0.75em;
  }
}

@media only screen and (max-width: 768px) {
  .footer-inner-sp {
    padding-bottom: 16vw;
  }
}
.footer-inner-sp img {
  text-align: center;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  .footer-inner-sp img {
    width: 84vw;
  }
}
.footer-inner-sp ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .footer-inner-sp ul li {
    padding: 4vw 0;
    width: 89.333vw;
    border-bottom: 0.133vw solid #c01734;
  }
}

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