.cptpl-head {
  display: none;
}

#cptpl {
  padding: 0;
}

#tw_wrap h2 {
  background-color: transparent;
}

#tw_wrap {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  font-family: arial, sans-serif;
}

#tw_wrap img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}

#tw_wrap div,
#tw_wrap ul,
#tw_wrap li,
#tw_wrap h1,
#tw_wrap h2,
#tw_wrap h3,
#tw_wrap p {
  margin: 0;
  padding: 0;
  direction: ltr;
}

#tw_wrap .clearfix:after {
  content: "";
  display: block;
  clear: both;
}

#tw_wrap {
  width: 100%;
  margin: auto;
}

#tw_wrap .inner {
  max-width: 1460px;
  padding: 0 2%;
  width: 96%;
  margin: auto;
}

#tw_wrap .main_wrap {
  background-image: url(/bc/images/net-s_tokushu/202005_tw_bg_r.jpg);
  background-size: 100%;
  overflow: hidden;
}

#tw_wrap .main_wrap .inner {
  max-width: 1100px;
}

#tw_wrap .main_ttl {
  width: 80%;
  margin: 10px auto 0;
}

#tw_wrap .gif_area {
  width: 70%;
  margin: -5vw auto 0;
}

#tw_wrap .btn {
  display: block;
  width: 55%;
  margin: 10px auto 0;
}

#tw_wrap .btn:hover {
  opacity: .8;
}

#tw_wrap .catch {
  width: 90%;
  margin: 10px auto 0;
}

#tw_wrap .period {
  width: 90%;
  margin: 1vw auto 10vw;
}

#tw_wrap .bg_dtl {
  width: 100%;
}

#tw_wrap .mask {
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #c0b28b), color-stop(25%, #cdbfa2), color-stop(50%, #cdbfa2), color-stop(50%, #c0b28b), color-stop(75%, #c0b28b), color-stop(75%, #cdbfa2), to(#cdbfa2));
  background-image: linear-gradient(90deg, #c0b28b 25%, #cdbfa2 25%, #cdbfa2 50%, #c0b28b 50%, #c0b28b 75%, #cdbfa2 75%, #cdbfa2);
  background-size: 120px 120px;
  -webkit-mask-image: url(/bc/images/net-s_tokushu/202005_tw_mask.svg);
          mask-image: url(/bc/images/net-s_tokushu/202005_tw_mask.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-top: -6.9vw;
  -webkit-mask-size: contain;
          mask-size: contain;
  padding-top: 6.6%;
  background-position: center center;
  position: relative;
}

#tw_wrap .stripe {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #c0b28b), color-stop(25%, #cdbfa2), color-stop(50%, #cdbfa2), color-stop(50%, #c0b28b), color-stop(75%, #c0b28b), color-stop(75%, #cdbfa2), to(#cdbfa2));
  background-image: linear-gradient(90deg, #c0b28b 25%, #cdbfa2 25%, #cdbfa2 50%, #c0b28b 50%, #c0b28b 75%, #cdbfa2 75%, #cdbfa2);
  background-size: 120px 120px;
  overflow: hidden;
  background-position: center center;
  margin-top: -1px;
}

#tw_wrap .stripe small {
  text-align: center;
  margin: 4vw 0;
  display: block;
}

#tw_wrap .rcm {
  width: 70%;
  background-color: #fff;
  margin: 10vw auto 0;
  -webkit-box-shadow: 0 0 0 3px #000;
          box-shadow: 0 0 0 3px #000;
  border: 3px solid #b1a072;
  border-radius: 5px;
  position: relative;
  padding-bottom: 1.5vw;
}

#tw_wrap .rcm a:hover {
  opacity: .8;
}

#tw_wrap .rcm .ttl {
  -webkit-transform: translateY(-4.3vw);
          transform: translateY(-4.3vw);
  width: 93%;
  margin: auto;
}

#tw_wrap .rcm .text {
  padding: 0 4%;
  font-family: kan412typos-std, sans-serif;
  font-size: 24px;
  font-size: calc(1.8rem + ((1vw - 0.7rem) * 0.7143));
  margin: -3vw 0 3vw;
  line-height: 45px;
  line-height: calc(1.8rem + ((1vw) * 1));
  text-align: left;
}

#tw_wrap .rcm .text span {
  color: #907e4c;
}

#tw_wrap .rcm .dtl {
  position: absolute;
  width: 3vw;
}

#tw_wrap .rcm .top_left {
  left: 0;
  top: 0;
}

#tw_wrap .rcm .top_right {
  right: 0;
  top: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

#tw_wrap .rcm .btm_left {
  left: 0;
  bottom: 0;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

#tw_wrap .rcm .btm_right {
  right: 0;
  bottom: 0;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

#tw_wrap .rcm .swiper-parent {
  position: relative;
}

#tw_wrap .rcm .swiper-container {
  width: 90%;
  margin: auto;
}

#tw_wrap .rcm .swiper-container ul {
  font-size: 0;
  text-align: left;
}

#tw_wrap .rcm .swiper-container li {
  list-style: none;
  width: 32%;
  display: inline-block;
  margin-right: 2%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#tw_wrap .rcm .swiper-container li:nth-child(3n) {
  margin-right: 0;
}

#tw_wrap .rcm .swiper-container li:nth-child(n + 4) {
  margin-top: 20px;
}

#tw_wrap .rcm .swiper-container li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#tw_wrap .rcm .swiper-container .img {
  background-image: url(/bc/images/net-s_tokushu/202005_tw_rcm_item_dtl.png);
  padding: 10%;
  background-size: cover;
}

#tw_wrap .rcm .swiper-container .item_btn {
  display: block;
  margin-top: .5vw;
  background-image: url(/bc/images/net-s_tokushu/202005_tw_rcm_btn.png);
  background-size: cover;
  padding-top: 20.76%;
  color: #fff;
  position: relative;
}

#tw_wrap .rcm .swiper-container .item_btn span {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.2vw;
  width: 100%;
  text-align: center;
  font-family: kan412typos-std, sans-serif;
}

#tw_wrap .rcm .swiper-button-next {
  background-image: url(/bc/images/net-s_tokushu/202005_tw_arow.png);
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 50px;
  max-height: 50px;
  width: 5vw;
  height: 5vw;
  -webkit-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
  right: 20px;
}

#tw_wrap .rcm .swiper-button-next::after {
  content: "";
}

#tw_wrap .rcm .swiper-button-prev {
  background-image: url(/bc/images/net-s_tokushu/202005_tw_arow.png);
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 50px;
  max-height: 50px;
  width: 5vw;
  height: 5vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
}

#tw_wrap .rcm .swiper-button-prev::after {
  content: "";
}

#tw_wrap .rcm .more {
  display: block;
  width: 45%;
  margin: auto;
  margin-top: 3vw;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#tw_wrap .coming_soon {
  width: 70%;
  max-width: 1100px;
  margin: 3vw auto 0;
  -webkit-box-shadow: 0 0 20px #555;
          box-shadow: 0 0 20px #555;
}

#tw_wrap .coming_soon a {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

#tw_wrap .coming_soon a:hover {
  opacity: .8;
}

#tw_wrap .note {
  width: 70%;
  max-width: 1100px;
  margin: 3vw auto 0;
  font-family: kan412typos-std, sans-serif;
  text-align: left;
}

#tw_wrap .note h3 {
  width: 65%;
  min-width: 450px;
  margin-bottom: 1vw;
}

#tw_wrap .note h4 {
  background-color: #0e0c0d;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  border-radius: 20px;
  margin: 15px 0 5px;
  height: 30px;
  line-height: 24px;
}

#tw_wrap .note p {
  margin-bottom: 15px;
  font-size: 18px;
}

#tw_wrap .note a {
  color: #5e298d;
}

@media screen\0 {
  #tw_wrap .note h4 {
    line-height: 30px;
  }

  #tw_wrap .mask {
    display: none;
  }
}

.mac #tw_wrap .rcm .swiper-container .item_btn span {
  top: 50%;
}

.mac #tw_wrap .note h4 {
  line-height: 30px;
}