/*特別ページ用*/
.fdown .w3eden {
  padding-bottom: 0;
  margin-bottom: 0;
}
h3.dltitle:after {
  display: none;
}
h3.dltitle {
  font-size: 1.3rem;
  text-align: left;
  padding: 0 0 0 2rem;
  margin: 0 !important;
  color: #191919;
}
.w3eden .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  display: block;
}
/* 

@keyframes nyu2 {
    0% {
        background-position: center bottom 0rem;
    }
    100% {
        background-position: center bottom 25rem;
    }
} */
div#end_of_sales {
  background: #9b152f;
  text-align: center;
  display: block;
  width: 100%;
}
div#end_of_sales p {
  color: #fff;
  font-weight: bold;
  font-size: 0.8rem;
  text-align: center !important;
  letter-spacing: 0.066rem;
}
a.lineuplink {
  border: 1px solid #eee;
  width: 95%;
  display: block;
  margin: 0.5rem 0;
  border-radius: 10px;
  text-align: center;
  height: 120px;
  line-height: 120px;
  background: #174f9e;
  color: #fff;
  font-weight: bold;
}

.lastlineup {
  margin: 4rem 0;
}

html .lastlineup li.col.product {
  max-width: 95%;
}

html .lastlineup .loopstart img {
  width: calc(100% - 1rem) !important;
  height: auto;
}

html .lastlineup .loopstart a {
  display: block !important;
}

html .lastlineup .kikumatome {
  padding: 0 1rem 1rem 1rem;
}

html .lastlineup .loocatename {
  margin: 0;
  padding: 0;
}

html .lastlineup h4.looptitle {
  font-size: 10px !important;
  white-space: nowrap;
  overflow: hidden;
  width: 7.5rem;
}

.lastlineup h4.looptitle:after {
  display: none !important;
}

.spycon section {
  padding-top: 80px;
  min-height: 1vh;
}

.sectionee {
  position: relative;
}

.rich .sectionee {
  min-height: 420px;
}

/* 
@keyframes nyu {
    0% {
        margin-top: 92vh;
        opacity: 1
    }
    100% {
        margin-top: 50vh;
        opacity: 1;
    }
} */

.fillwidth {
  padding: 0 !important;
}

.rich h1.product_title {
  font-size: 4rem !important;
  padding: 4rem 2rem 1.5rem 0;
  /* margin: 7rem auto 0rem auto; */
  position: relative;
  /* z-index: 9999; 20231101*/
  display: block;
  background: #174f9e;
  max-width: 1980px;

  color: #fff !important;
  line-height: 1.2;
  margin-top: 0;
}

.rich h1.product_title:after {
  content: "";
  margin-top: 0.8rem;
  height: 8px;
  width: 33%;
  display: block;
  background: #fff;
}

.uchidashi {
  background: #174f9e;
  padding: 0 0 4rem 0;
}

.sppage {
  padding: 0 1.25rem;
}

.spconts {
  background: #fff;
  /*overflow:hidden;*/
}

#page .uchidashi h2 {
  color: #fff;
  font-size: 1.85rem;
  font-weight: bold;
  font-family: "Archivo Black";
  padding: 0;
  margin: 1rem 0;
}

.site-main .uchidashi h2::after {
  border-bottom: #fff solid 2px;
}

.uchidashi p {
  color: #fff;
  /* font-size: 0.87rem; */
}

/* .lineup .opuna .loopstart img {
  width: calc(100% - 1rem) !important;
} */

.lineup .kikumatome {
  margin-left: 0.5rem;
}

.lineup .opuna a {
  display: block;
  padding: 1rem;
}

/* .lineup .opuna li {
  width: calc(25% - 20px);
  margin: 10px !important;
} */

.gridr li {
  border-radius: 10px;
  background: #fff;
  /* box-shadow: 10px 10px 20px #f0f0f0, -10px -10px 20px #fff; */
  overflow: hidden;
  padding-bottom: 0.5rem !important;
  line-height: 1.25rem !important;
}

a.lineuplink:before {
  content: "\e5d9";
  display: inline-block;
  font-family: "Material Icons";
  transform: rotate(90deg);
  font-size: 1rem;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 767px) {
  #page h1.product_title {
    font-size: 6.7878vw !important;
  }
}

/********************************************************/

.fixed-header ul,
.fixed-header li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixed-header {
  /* position: fixed; */
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 61px; */
  background: #fff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  text-align: center;
  /* margin: 1rem 0!important; */
  z-index: 8986;
}

.fixed-header nav,
.fixed-header li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.fixed-header li {
  margin: 0 1rem !important;
}

.fixed-header nav {
  position: relative;
}

.fixed-header .lavalamp {
  position: absolute;
  bottom: 0;
  height: 3px;
  background: #174f9e;
  -webkit-transition: 1s;
  transition: 1s;
}

.fixed-header a {
  display: block;
  line-height: 61px;
  color: #174f9e;
  text-decoration: none;
  padding: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
}

.fixed-header a:hover {
  opacity: 0.6;
}

.fixed-header a:active {
  background: #174f9e;
  color: #fff;
}

.spycon.tablepress {
  margin-top: 1rem !important;
}

/* .spycon li {
    line-height: 1.1rem!important;
} */

h2.naka {
  margin: 0 auto !important;
  padding: 0 !important;
  display: block;
  text-align: center;
  font-size: 2.2rem;
}

h3.naka {
  margin: 2rem 0;
  text-align: left;
}

h3.naka:after {
  display: none;
}

/* .fixed-header li.active a {
    color: #fff!important;
} */

.splide li a.product_type_simple {
  display: none !important;
}

.spycon h2 {
  max-width: 1980px;
  margin-right: auto;
  margin-left: auto !important;
}

.spycon section {
  padding: 7rem 1.25rem 4rem 1.25rem !important;
}

.gridm-item.large.gridr {
  /* width: calc(50% - 5rem); */
  margin-bottom: 1rem;
  box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -webkit-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -moz-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -o-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -ms-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
}

.gridm-item.full.gridr {
  width: calc(100% - 3.5rem);
  margin-bottom: 1rem;
  box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -webkit-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -moz-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -o-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
  -ms-box-shadow: 0px 0px 0.5px 0.5px #ccc inset;
}

.options .opuna {
  padding-bottom: 3rem !important;
}

.options .product-option h3 {
  text-align: left;
  font-size: 1.2rem;
  margin: 4rem 0 1.25rem !important;
}

.related .splide__list {
  width: auto !important;
}

@media only screen and (max-width: 768px) {
  .fixed-header {
    display: none;
  }
  html .spycon .opuna .loopstart li {
    width: calc(100% - 20px) !important;
    max-width: 100%;
  }
  .fixed-header {
    top: 55px;
  }
  /*
    .rich .sectionee {
        margin-top: 55px;
    }
    */
  .rich .sectionee {
    min-height: 55vh;
  }
  .sectionee img {
    max-height: 70vh;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    /* -webkit- transform: translateY(-50%) translateX(-50%); */
    width: auto !important;
    height: auto;
  }
}

@media only screen and (max-width: 640px) {
  .fixed-header {
    display: none;
  }
  html .spycon .opuna .loopstart li {
    width: calc(100% - 5px) !important;
  }
  html .lineup .opuna .loopstart li {
    width: calc(50% - 20px) !important;
  }
}

.snss a:before {
  display: none;
}

.snss li {
  display: inline;
  margin: 0 0.2rem;
}

.snss {
  margin-top: 1rem;
}

.snss img {
  width: 24px;
  height: 24px;
  opacity: 0.7;
}
