.base_w {
  width: 1182px;
}

.tabtag {
  display: none;
}

.page_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 80px;
}
.page_ttl .ttl {
  display: inline-block;
  color: #75A5C2;
  font-size: 4.2rem;
  letter-spacing: 2px;
  line-height: 1;
  position: relative;
}
.page_ttl .ttl::before {
  content: "";
  display: block;
  width: 4px;
  height: 3.2rem;
  margin: auto;
  background: #BAD2E0;
  position: absolute;
  top: 0px;
  bottom: auto;
  left: -20px;
}
.page_ttl .ttl::after {
  content: "";
  display: block;
  width: 4px;
  height: 3.2rem;
  margin: auto;
  background: #BAD2E0;
  position: absolute;
  top: 0px;
  bottom: auto;
  right: -20px;
}

section.silk-sec {
  color: #595857;
}

.link-block {
  margin-top: 0.5em;
  text-align: right;
}
.link-block a {
  color: #73a1be;
  text-decoration: none;
  font-size: 1.4rem;
}

.main-copy-block {
  margin-top: 2em;
  text-align: center;
  font-size: 1.8rem;
}
.main-copy-block h2 {
  font-size: 3.2rem;
  letter-spacing: 0.1em;
}
.main-copy-block .sub-copy {
  margin-top: 2em;
  margin-bottom: 2em;
}
.main-copy-block span.big {
  font-size: 1.3em;
}

.lineup-block {
  margin-top: 3em;
}
.lineup-block .item {
  width: 100%;
}
.lineup-block .item .item-banner {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  height: 110px;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.3s;
}
.lineup-block .item .item-banner:hover {
  opacity: 0.7;
}
.lineup-block .item .item-banner .l,
.lineup-block .item .item-banner .r {
  height: 110px;
}
.lineup-block .item .item-banner .l {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 20px;
}
.lineup-block .item .item-banner .r {
  display: grid;
}
.lineup-block .item .item-banner .r .i-txt,
.lineup-block .item .item-banner .r .i-img {
  align-self: center;
  grid-area: 1/1;
}
.lineup-block .item .item-banner .i-num img {
  height: 75px;
  width: auto;
}
.lineup-block .item .item-banner .i-icon img {
  width: 83px;
}
.lineup-block .item .item-banner .i-txt {
  justify-self: start;
  z-index: 2;
}
.lineup-block .item .item-banner .i-img {
  justify-self: end;
  height: 110px;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.lineup-block .item .item-banner .i-img img {
  height: 130px;
  width: auto;
}
.lineup-block .item .item-banner.item01 {
  background: url(../../../images/silkseries/silkseries/item-bg01.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item02 {
  background: url(../../../images/silkseries/silkseries/item-bg02.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item03 {
  background: url(../../../images/silkseries/silkseries/item-bg03.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item04 {
  background: url(../../../images/silkseries/silkseries/item-bg04.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item05 {
  background: url(../../../images/silkseries/silkseries/item-bg05.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item06 {
  background: url(../../../images/silkseries/silkseries/item-bg06.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item07 {
  background: url(../../../images/silkseries/silkseries/item-bg07.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item08 {
  background: url(../../../images/silkseries/silkseries/item-bg08.jpg) center center no-repeat;
}
.lineup-block .item .item-banner.item09 {
  background: url(../../../images/silkseries/silkseries/item-bg09.jpg) center center no-repeat;
}
.lineup-block .item .item-detail {
  padding: 30px 30px 20px;
  background: rgba(229, 229, 228, 0.5);
  display: none;
}
.lineup-block .item .item-detail .data-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
}
.lineup-block .item .item-detail .data-list .box {
  font-size: 1.4rem;
}
.lineup-block .item .item-detail .data-list .box .data-title {
  width: 12em;
  margin-bottom: 0.5em;
  padding: 0.2em 0.2em;
  background: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
}
.lineup-block .item .item-detail .data-list .box .data-title.new {
  background: #b28146;
  position: relative;
}
.lineup-block .item .item-detail .data-list .box .data-title.new::after {
  content: "NEW";
  display: flex;
  align-items: center;
  margin: auto;
  color: #b28146;
  position: absolute;
  right: -3em;
  top: 0;
  bottom: 0;
}
.lineup-block .item .item-detail .data-list .box .data-flx {
  display: grid;
  grid-template-columns: 1fr 0.6fr;
  gap: 1em;
}
.lineup-block .item .item-detail .data-list .box .data-flx.half {
  grid-template-columns: 1fr 1fr;
}
.lineup-block .item .item-detail .data-list .box .data-txt {
  line-height: 1.5;
}
.lineup-block .item .item-detail .item-link-block {
  display: grid;
  justify-content: end;
  gap: 1em;
  margin-top: 1em;
  font-size: 1.5rem;
}
.lineup-block .item .item-detail .item-link-block .shop-link {
  display: block;
  padding-left: 1em;
  padding-right: 1em;
  border: 2px solid #73a1be;
  border-radius: 5px;
  text-decoration: none;
  color: #73a1be;
  transition: background 0.3s;
}
.lineup-block .item .item-detail .item-link-block .shop-link:hover {
  background: #fff;
}
.lineup-block .item .item-detail .item-link-block .close-button {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  padding: 0;
  padding-right: 1.5em;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: #73a1be;
  font-size: 1.5rem;
  position: relative;
}
.lineup-block .item .item-detail .item-link-block .close-button::before, .lineup-block .item .item-detail .item-link-block .close-button::after {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  margin: auto;
  background: #73a1be;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: rotate(45deg);
}
.lineup-block .item .item-detail .item-link-block .close-button::after {
  transform: rotate(-45deg);
}
.lineup-block .item .item-detail .item-link-block .close-button:hover {
  opacity: 0.7;
}
.lineup-block .item.show .item-banner {
  opacity: 0.7;
}

.touch-contents {
  margin-top: 6em;
}
.touch-contents h3 {
  font-size: 3.2rem;
  text-align: center;
}
.touch-contents .sub-copy {
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
}
.touch-contents .touch-block {
  display: grid;
  width: 100%;
  margin-top: 1em;
}
.touch-contents .touch-block.soon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
}
.touch-contents .touch-block.soon .soon-txt {
  color: #Fff;
  font-weight: bold;
  font-size: 4.8rem;
}
.touch-contents .touch-block .q-block, .touch-contents .touch-block .a-block {
  grid-area: 1/1;
}
.touch-contents .touch-block .q-block {
  display: grid;
  z-index: 1;
}
.touch-contents .touch-block .q-block #q-start {
  cursor: pointer;
}
.touch-contents .touch-block .q-block .q-box {
  display: block;
  grid-area: 1/1;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.8s;
}
.touch-contents .touch-block .q-block .q-box.view {
  z-index: 1;
  opacity: 1;
}
.touch-contents .touch-block .a-block {
  display: none;
  z-index: 0;
}
.touch-contents .touch-block .a-block.view {
  display: grid;
  z-index: 2;
  position: relative;
}
.touch-contents .touch-block .a-block.view::after {
  content: "";
  display: block;
  width: 70%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.touch-contents .touch-block .a-block .a-box {
  grid-area: 1/1;
  display: none;
  z-index: 0;
  opacity: 0;
}
.touch-contents .touch-block .a-block .a-box.view {
  display: block;
  z-index: 1;
  opacity: 1;
}
.touch-contents .touch-block .touch-button-block {
  display: none;
  align-items: flex-end;
  gap: 20px;
  height: 80px;
  margin-top: 20px;
}
.touch-contents .touch-block .touch-button-block.touch-select-button.active {
  display: flex;
}
.touch-contents .touch-block .touch-button-block button {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 3px solid #c82454;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.touch-contents .touch-block .touch-button-block button svg {
  height: 32px;
  width: auto;
  fill: #c82454;
}
.touch-contents .touch-block .touch-button-block button.no {
  border-color: #2472ba;
}
.touch-contents .touch-block .touch-button-block button.no svg {
  fill: #2472ba;
}
.touch-contents .touch-block .touch-button-block button.back {
  border-color: #777;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #777;
}
.touch-contents .touch-block .touch-button-block button.hover {
  border-bottom-width: 6px;
}
.touch-contents .touch-block .touch-button-block button.push.yes {
  background: linear-gradient(0deg, #d35076, #de7c98);
}
.touch-contents .touch-block .touch-button-block button.push.no {
  background: linear-gradient(0deg, #508ec8, #7caad5);
}
.touch-contents .touch-block .touch-button-block button.push svg {
  fill: #fff;
}
.touch-contents .touch-block .touch-button-block.touch-back-button.active {
  display: flex;
  justify-content: center;
}
.touch-contents .touch-block .touch-button-block.touch-back-button button {
  width: 30%;
}

.movie {
  margin-top: 4em;
}
.movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.bottom-banner {
  margin-top: 4em;
  margin-bottom: 4em;
}

@media screen and (max-width: 1000px) {
  .base_w {
    width: 94%;
  }
  .tabtag {
    display: block;
  }
  .page_ttl {
    padding-bottom: 80px;
  }
  .lineup-block .item .item-banner {
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }
  .lineup-block .item .item-banner .i-txt {
    font-size: 1.6vw;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx {
    grid-template-columns: 1fr;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx .data-img {
    padding: 0 2em;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx.half {
    grid-template-columns: 1fr;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx.half .data-img {
    padding: 0;
  }
  .lineup-block .item .item-detail .data-list .box .data-img {
    margin-top: 1em;
  }
  .lineup-block .item .item-detail .item-link-block {
    margin-top: 2em;
  }
}

@media screen and (max-width: 740px) {
  .page_ttl {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .page_ttl .ttl {
    font-size: 3.2rem;
  }
  .page_ttl .ttl::before {
    height: 100%;
  }
  .page_ttl .ttl::after {
    height: 100%;
  }
  .link-block {
    margin-top: 1em;
    text-align: center;
  }
  .main-copy-block h2 {
    font-size: 5.6vw;
  }
  .main-copy-block .sub-copy {
    text-align: left;
  }
  .main-copy-block span.big {
    display: inline-block;
  }
  .lineup-block .item .item-banner {
    grid-template: "inum iicon icopy" auto "itxt itxt itxt" auto/0.8fr 1fr 4fr;
    align-items: center;
    height: auto;
    padding: 10px 20px;
    background-size: cover !important;
    position: relative;
    z-index: 1;
  }
  .lineup-block .item .item-banner:hover {
    opacity: 1;
  }
  .lineup-block .item .item-banner img {
    width: 100% !important;
    height: auto !important;
  }
  .lineup-block .item .item-banner .l,
  .lineup-block .item .item-banner .r {
    display: contents;
  }
  .lineup-block .item .item-banner .i-num {
    grid-area: inum;
  }
  .lineup-block .item .item-banner .i-icon {
    grid-area: iicon;
  }
  .lineup-block .item .item-banner .i-copy {
    grid-area: icopy;
  }
  .lineup-block .item .item-banner .i-txt {
    grid-area: itxt !important;
    font-size: 3.2vw;
  }
  .lineup-block .item .item-banner .i-img {
    grid-area: iimg !important;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2;
    mix-blend-mode: multiply;
  }
  .lineup-block .item .item-banner .i-img img {
    height: 100% !important;
  }
  .lineup-block .item .item-banner.item02 .i-img {
    transform: translateX(25vw);
  }
  .lineup-block .item .item-banner.item04 .i-img {
    transform: translateX(10vw);
  }
  .lineup-block .item .item-banner.item09 .i-img {
    mix-blend-mode: normal;
    opacity: 0.3;
  }
  .lineup-block .item .item-detail {
    padding: 30px 1em;
  }
  .lineup-block .item .item-detail .data-list {
    grid-template-columns: 1fr;
  }
  .lineup-block .item .item-detail .data-list .box {
    font-size: 1.3rem;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx {
    grid-template-columns: 1fr 0.6fr;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx .data-img {
    padding: 0;
  }
  .lineup-block .item .item-detail .data-list .box .data-flx.half {
    grid-template-columns: 1fr 1fr;
  }
  .lineup-block .item .item-detail .data-list .box .data-img {
    margin-top: 0;
  }
  .touch-contents h3 {
    font-size: 5.6vw;
  }
  .touch-contents .sub-copy {
    font-size: 4.6vw;
  }
  .touch-contents .touch-block {
    align-items: start;
  }
  .touch-contents .touch-block.soon .soon-txt {
    font-size: 6.4vw;
  }
  .touch-contents .touch-block .a-block.view::after {
    content: none;
  }
  .touch-contents .touch-block .touch-button-block {
    gap: 10px;
    margin-top: 10px;
  }
  .touch-contents .touch-block .touch-button-block button svg {
    height: 5vw;
  }
  .touch-contents .touch-block .touch-button-block button.back {
    font-size: 6vw;
  }
  .touch-contents .touch-block .touch-button-block.touch-back-button button {
    width: 70%;
  }
}