@charset "UTF-8";
.boxwrap_lp {
  max-width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

#collection-case {
  color: #000;
  font-family: "Noto Serif JP", serif;
  font-style: normal;
}
#collection-case img {
  max-width: 100%;
  height: auto;
}
#collection-case .mv {
  position: relative;
}
#collection-case .mv img {
  margin: 0 auto;
}
#collection-case .mv .mv-img {
  display: block;
  position: absolute;
  right: 14.2%;
  bottom: -2.7%;
  width: 33.44%;
  z-index: 3;
}
#collection-case .sec01 {
  background-image: url(https://gigaplus.makeshop.jp/pureacrylic/images/card-roller/bg-white.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding-bottom: 60px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01 {
    padding-bottom: 72px;
  }
}
#collection-case .sec01__productImg {
  margin-top: -80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #collection-case .sec01__productImg {
    margin-top: -30px;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__productImg {
    margin-top: 0px;
    padding-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
  }
}
#collection-case .sec01__productImg .flexBox {
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__productImg .flexBox {
    width: 100%;
  }
}
#collection-case .sec01__productImg .flexBox .img {
  margin-bottom: 40px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__productImg .flexBox .img {
    display: none;
  }
}
#collection-case .sec01__productImg .flexBox .textArea {
  margin-left: 20px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__productImg .flexBox .textArea {
    margin-left: 30px;
  }
}
#collection-case .sec01__productImg .flexBox .textArea .point {
  color: #FD9B08;
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #collection-case .sec01__productImg .flexBox .textArea .point {
    font-size: 20px;
  }
}
#collection-case .sec01__productImg .flexBox .textArea p {
  font-size: 19px;
  line-height: 1.5;
  padding: 10px 0px 10px 20px;
  border-left: #FD9B08 solid 4px;
}
@media screen and (max-width: 768px) {
  #collection-case .sec01__productImg .flexBox .textArea p {
    font-size: 17px;
    padding: 5px 0px 5px 20px;
  }
}
#collection-case .sec01__productImg .flexBox .textArea p span {
  font-size: 28px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #collection-case .sec01__productImg .flexBox .textArea p span {
    font-size: 24px;
  }
}
#collection-case .sec01__catch h2 {
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 25px;
  letter-spacing: 0;
  line-height: 1.4;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch h2 {
    font-size: 20px;
  }
}
#collection-case .sec01__catch h2 span {
  font-size: 64px;
  letter-spacing: -0.12em;
  margin-left: 0;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch h2 span {
    font-size: 38px;
  }
}
#collection-case .sec01__catch-list {
  font-size: 22px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 40px;
  gap: 7px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch-list {
    font-size: 17px;
    margin: 0 auto 30px;
    gap: 3px;
  }
}
#collection-case .sec01__catch-list li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #FFED90));
  background: -webkit-linear-gradient(transparent 70%, #FFED90 30%);
  background: linear-gradient(transparent 70%, #FFED90 30%);
}
#collection-case .sec01__catch-list li::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.5501 20L3.8501 14.3L5.2751 12.875L9.5501 17.15L18.7251 7.97498L20.1501 9.39998L9.5501 20Z' fill='black'/%3E%3C/svg%3E");
}
#collection-case .sec01__catch-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch-img {
    margin-bottom: 30px;
  }
}
#collection-case .sec01__catch-img .img {
  width: 50%;
}
#collection-case .sec01__catch-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#collection-case .sec01__catch-flex .textArea {
  width: 50%;
  padding: 15px 0;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch-flex .textArea {
    width: 100%;
    padding: 0 0 35px;
  }
}
#collection-case .sec01__catch-flex .textArea h3 {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #collection-case .sec01__catch-flex .textArea h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch-flex .textArea h3 {
    margin-bottom: 15px;
  }
}
#collection-case .sec01__catch-flex .textArea p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0;
}
#collection-case .sec01__catch-flex .imgArea {
  width: 50%;
  padding-left: 40px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec01__catch-flex .imgArea {
    width: 100%;
    padding-left: 0px;
  }
}
#collection-case .lineup {
  background-image: url(https://gigaplus.makeshop.jp/pureacrylic/images/card-roller/bg-black.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: 64px 0 80px;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup {
    padding: 30px 0 45px;
  }
}
#collection-case .lineup .sec-ttl {
  margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup .sec-ttl {
    margin-bottom: 23px;
  }
}
#collection-case .lineup .sec-ttl .lineup__ttlTop {
  color: #FAD84D;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
}
#collection-case .lineup .sec-ttl h2 {
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup .sec-ttl h2 {
    font-size: 16px;
  }
}
#collection-case .lineup .sec-ttl h2 span {
  font-size: 32px;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup .sec-ttl h2 span {
    font-size: 23px;
  }
}
#collection-case .lineup__delFree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup__delFree {
    gap: 5px;
    margin-bottom: 13px;
  }
}
#collection-case .lineup__delFree .img {
  max-width: 185px;
  -webkit-animation: updown 2s infinite ease;
  animation: updown 2s infinite ease;
}
@-webkit-keyframes updown {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  25% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  25% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
#collection-case .lineup__delFree .caution {
  color: #999;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
#collection-case .lineup__boxwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
}
#collection-case .lineup__boxwrap .box {
  background-color: #fff;
  width: calc(50% - 10px);
}
@media screen and (max-width: 568px) {
  #collection-case .lineup__boxwrap .box {
    width: 100%;
  }
}
#collection-case .lineup__boxwrap .box .box-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#collection-case .lineup__boxwrap .box .box-flex .img {
  width: 35%;
  position: relative;
}
#collection-case .lineup__boxwrap .box .box-flex .img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
#collection-case .lineup__boxwrap .box .box-flex .des {
  padding: 15px 25px;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup__boxwrap .box .box-flex .des {
    padding: 12px 18px;
  }
}
#collection-case .lineup__boxwrap .box .box-flex .des h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup__boxwrap .box .box-flex .des h3 {
    font-size: 14px;
  }
}
#collection-case .lineup__boxwrap .box .box-flex .des .des-txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
#collection-case .lineup__boxwrap .box .box-flex .des .link {
  color: #FF4C00;
  font-size: 12px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px #FF4C00 solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: normal;
  margin-bottom: 10px;
}
#collection-case .lineup__boxwrap .box .box-flex .des .link::after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M11.0672 8.98859L7.72677 5.64098C7.63831 5.55733 7.596 5.45854 7.59985 5.3446C7.60369 5.23066 7.64984 5.13186 7.7383 5.0482C7.82676 4.95975 7.92868 4.91553 8.04406 4.91553C8.15944 4.91553 8.26137 4.95975 8.34983 5.0482L11.9109 8.60926C11.9686 8.66695 12.0111 8.72584 12.0385 8.78594C12.0659 8.84604 12.0796 8.91359 12.0796 8.98859C12.0796 9.05878 12.0659 9.12512 12.0385 9.18762C12.0111 9.25012 11.9686 9.31021 11.9109 9.3679L8.33828 12.9405C8.25463 13.0241 8.15584 13.0652 8.0419 13.0638C7.92796 13.0624 7.82676 13.0174 7.7383 12.929C7.64984 12.8405 7.60561 12.7386 7.60561 12.6232C7.60561 12.5078 7.64984 12.4059 7.7383 12.3174L11.0672 8.98859Z' fill='%23FF4C00' stroke='%23FF4C00' stroke-width='0.5'/%3E%3C/svg%3E");
}
#collection-case .lineup__boxwrap .box .box-flex .des .price {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0;
}
#collection-case .lineup__boxwrap .box .box-flex .des .price span {
  font-size: 26px;
}
#collection-case .lineup__boxwrap .box .add-cart {
  display: block;
  width: 100%;
  padding: 13px 10px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  background-color: #FAD84D;
  margin: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #000;
}
#collection-case .lineup__boxwrap .box .add-cart::after {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.6665 11.9166L14.8269 11.9166L9.69359 17.0499L10.9998 18.3333L18.3332 10.9999L10.9998 3.66659L9.69359 4.94992L14.8269 10.0833L3.6665 10.0833L3.6665 11.9166Z' fill='black'/%3E%3C/svg%3E");
}
#collection-case .lineup__boxwrap .box .add-cart:hover {
  background-color: #FFB03A;
}
#collection-case .lineup__boxwrap.top {
  margin-bottom: 20px;
}
#collection-case .lineup__boxwrap.bottom {
  margin-bottom: 42px;
}
@media screen and (max-width: 568px) {
  #collection-case .lineup__boxwrap.bottom {
    margin-bottom: 35px;
  }
}
#collection-case .lineup__boxwrap .box.uv .box-flex .img::after {
  content: "UVカット";
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 700;
  border-radius: 0px 10px 10px 0px;
  background: #FD9B08;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  position: absolute;
  left: 0;
  top: 6px;
  padding: 2px 8px;
}
#collection-case .lineup__btn {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  border: 1px solid #FFF;
  width: 350px;
  position: relative;
  margin: 0 auto;
}
#collection-case .lineup__btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M10.0832 3.66675L10.0832 14.8272L4.94984 9.69383L3.6665 11.0001L10.9998 18.3334L18.3332 11.0001L17.0498 9.69383L11.9165 14.8272L11.9165 3.66675L10.0832 3.66675Z' fill='white'/%3E%3C/svg%3E");
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#collection-case .sec03 {
  padding: 75px 0 0;
  background-image: url(https://gigaplus.makeshop.jp/pureacrylic/images/card-roller/bg-white.png);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03 {
    padding: 65px 0 0;
  }
}
#collection-case .sec03 .sec-ttl h2 {
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03 .sec-ttl h2 {
    margin-bottom: 40px;
  }
}
#collection-case .sec03 .sec-ttl h2 span {
  font-size: 42px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03 .sec-ttl h2 span {
    font-size: 32px;
  }
}
#collection-case .sec03__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #collection-case .sec03__flex {
    gap: 45px;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#collection-case .sec03__flex .imgArea {
  width: calc(62% - 35px);
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  #collection-case .sec03__flex .imgArea {
    width: calc(50% - 22.5px);
  }
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__flex .imgArea {
    width: 100%;
    padding-top: 0px;
  }
}
#collection-case .sec03__flex .imgArea .img {
  margin-bottom: 23px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__flex .imgArea .img {
    margin-bottom: 18px;
  }
}
#collection-case .sec03__flex .imgArea p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0;
}
#collection-case .sec03__flex .txtArea {
  width: calc(38% - 35px);
}
@media screen and (max-width: 768px) {
  #collection-case .sec03__flex .txtArea {
    width: calc(50% - 22.5px);
  }
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__flex .txtArea {
    width: 100%;
  }
}
#collection-case .sec03__anchor {
  padding-top: 40px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__anchor {
    padding-top: 30px;
  }
}
#collection-case .sec03__anchor h3 {
  color: #1D926F;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__anchor h3 {
    font-size: 22px;
  }
}
#collection-case .sec03__anchor ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 80px;
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__anchor ul {
    gap: 12px;
    margin-bottom: 60px;
  }
}
#collection-case .sec03__anchor ul li {
  width: calc(25% - 11.25px);
}
@media screen and (max-width: 768px) {
  #collection-case .sec03__anchor ul li {
    width: calc(50% - 7.5px);
  }
}
#collection-case .sec03__anchor ul li a {
  padding: 15px 7px 15px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #1D926F;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  text-wrap: nowrap;
  font-weight: 500;
  border-radius: 6px;
  border: 2px solid #1D926F;
  letter-spacing: 0;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #collection-case .sec03__anchor ul li a {
    height: 70px;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .sec03__anchor ul li a {
    padding: 15px 4px 15px 9px;
  }
}
#collection-case .sec03__anchor ul li a::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M10.0832 3.6665L10.0832 14.8269L4.94984 9.69359L3.6665 10.9998L10.9998 18.3332L18.3332 10.9998L17.0498 9.69359L11.9165 14.8269L11.9165 3.6665L10.0832 3.6665Z' fill='%231D926F'/%3E%3C/svg%3E");
}
#collection-case .collectionCase {
  text-align: center;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase {
    margin-bottom: 60px;
  }
}
#collection-case .collectionCase .collectionCase-ttl {
  margin-bottom: 42px;
  letter-spacing: 0;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase .collectionCase-ttl {
    margin-bottom: 25px;
  }
}
#collection-case .collectionCase .collectionCase-ttl .subTtl {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
#collection-case .collectionCase .collectionCase-ttl .ttl {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  margin-bottom: 15px;
  line-height: 1.2;
}
#collection-case .collectionCase .collectionCase-ttl h4 {
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase .collectionCase-ttl h4 {
    font-size: 24px;
  }
}
#collection-case .collectionCase__flex-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 62px;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
  }
}
#collection-case .collectionCase__flex-top .thumb .slick-slide {
  margin: 0 5px;
}
#collection-case .collectionCase__flex-top .thumb .slick-slide {
  cursor: pointer;
  width: calc(20% - 10px) !important;
}
#collection-case .collectionCase__flex-top .thumb .slick-slide img {
  display: block;
  border: solid 2px transparent;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
#collection-case .collectionCase__flex-top .thumb .slick-slide:hover img {
  border: solid 2px #FD9B08;
}
#collection-case .collectionCase__flex-top .thumb .slick-current img {
  border: solid 2px #FD9B08;
}
#collection-case .collectionCase__flex-top .imgArea {
  width: calc(50% - 10px);
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-top .imgArea {
    width: 100%;
  }
}
#collection-case .collectionCase__flex-top .txtArea {
  width: calc(50% - 10px);
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-top .txtArea {
    width: 100%;
  }
}
#collection-case .collectionCase__flex-top .txtArea .thumb {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #collection-case .collectionCase__flex-top .txtArea .thumb {
    margin-bottom: 20px;
  }
}
#collection-case .collectionCase__flex-top .txtArea .collection_des-list {
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  #collection-case .collectionCase__flex-top .txtArea .collection_des-list {
    margin-left: 0px;
  }
}
#collection-case .collectionCase__flex-top .txtArea .collection_des-list li {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 15px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF8B5));
  background: -webkit-linear-gradient(left, #FFF 0%, #FFF8B5 100%);
  background: linear-gradient(90deg, #FFF 0%, #FFF8B5 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  gap: 5px;
  width: 350px;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #collection-case .collectionCase__flex-top .txtArea .collection_des-list li {
    width: 100%;
  }
}
#collection-case .collectionCase__flex-top .txtArea .collection_des-list li::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.5501 20.0001L3.8501 14.3001L5.2751 12.8751L9.5501 17.1501L18.7251 7.9751L20.1501 9.4001L9.5501 20.0001Z' fill='%23FF4C00'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}
#collection-case .collectionCase__flex-top .txtArea .collection_des-list li:first-of-type {
  background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFC6B5));
  background: -webkit-linear-gradient(left, #FFF 0%, #FFC6B5 100%);
  background: linear-gradient(90deg, #FFF 0%, #FFC6B5 100%);
}
#collection-case .collectionCase__flex-top .txtArea .collection_des-list li:nth-of-type(2) {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  #collection-case .collectionCase__flex-top .txtArea .collection_des-list li:nth-of-type(2) {
    margin-left: 0px;
  }
}
#collection-case .collectionCase__flex-top .txtArea .collection_des-list li:nth-of-type(3) {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  #collection-case .collectionCase__flex-top .txtArea .collection_des-list li:nth-of-type(3) {
    margin-left: 0px;
  }
}
#collection-case .collectionCase__flex-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  gap: 15px;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
#collection-case .collectionCase__flex-bottom .imgArea {
  width: calc(50% - 7.5px);
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom .imgArea {
    width: 100%;
  }
}
#collection-case .collectionCase__flex-bottom .imgArea .des {
  text-align: left;
  line-height: 1.9;
  margin-bottom: 30px;
}
#collection-case .collectionCase__flex-bottom .imgArea .img {
  max-width: 442px;
  margin-left: auto;
  margin-right: 25px;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom .imgArea .img {
    margin-right: auto;
    margin: 0 -20px;
  }
}
#collection-case .collectionCase__flex-bottom .txtArea {
  width: calc(50% - 7.5px);
  text-align: left;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom .txtArea {
    width: 100%;
  }
}
#collection-case .collectionCase__flex-bottom .txtArea p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0;
}
#collection-case .collectionCase__flex-bottom .txtArea .des {
  margin-bottom: 25px;
}
#collection-case .collectionCase__flex-bottom .txtArea .des-txt {
  margin-bottom: 5px;
}
#collection-case .collectionCase__flex-bottom .txtArea .des-txt .size-ttl {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
#collection-case .collectionCase__flex-bottom .txtArea .link {
  color: #FF4C00;
  font-size: 17px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px #FF4C00 solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: normal;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 15px;
  letter-spacing: 0;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom .txtArea .link {
    margin-bottom: 25px;
  }
}
#collection-case .collectionCase__flex-bottom .txtArea .link::after {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M11.0672 8.98859L7.72677 5.64098C7.63831 5.55733 7.596 5.45854 7.59985 5.3446C7.60369 5.23066 7.64984 5.13186 7.7383 5.0482C7.82676 4.95975 7.92868 4.91553 8.04406 4.91553C8.15944 4.91553 8.26137 4.95975 8.34983 5.0482L11.9109 8.60926C11.9686 8.66695 12.0111 8.72584 12.0385 8.78594C12.0659 8.84604 12.0796 8.91359 12.0796 8.98859C12.0796 9.05878 12.0659 9.12512 12.0385 9.18762C12.0111 9.25012 11.9686 9.31021 11.9109 9.3679L8.33828 12.9405C8.25463 13.0241 8.15584 13.0652 8.0419 13.0638C7.92796 13.0624 7.82676 13.0174 7.7383 12.929C7.64984 12.8405 7.60561 12.7386 7.60561 12.6232C7.60561 12.5078 7.64984 12.4059 7.7383 12.3174L11.0672 8.98859Z' fill='%23FF4C00' stroke='%23FF4C00' stroke-width='0.5'/%3E%3C/svg%3E");
}
#collection-case .collectionCase__flex-bottom .txtArea .price {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom .txtArea .price {
    text-align: center;
  }
}
#collection-case .collectionCase__flex-bottom .txtArea .price span {
  font-size: 38px;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__flex-bottom .txtArea .price span {
    font-size: 32px;
  }
}
#collection-case .collectionCase__delFree {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
  #collection-case .collectionCase__delFree {
    gap: 5px;
  }
}
#collection-case .collectionCase__delFree .img {
  max-width: 185px;
  -webkit-animation: updown 2s infinite ease;
  animation: updown 2s infinite ease;
}
@-webkit-keyframes updown {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  25% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  25% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
#collection-case .collectionCase__delFree .caution {
  color: #999;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
#collection-case .collectionCase .add-cart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 500px;
  height: 60px;
  background: #FAD84D;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #000;
}
@media screen and (max-width: 768px) {
  #collection-case .collectionCase .add-cart {
    width: 100%;
    max-width: 350px;
  }
}
#collection-case .collectionCase .add-cart::after {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.6665 11.9166L14.8269 11.9166L9.69359 17.0499L10.9998 18.3333L18.3332 10.9999L10.9998 3.66659L9.69359 4.94992L14.8269 10.0833L3.6665 10.0833L3.6665 11.9166Z' fill='black'/%3E%3C/svg%3E");
}
#collection-case .collectionCase .add-cart:hover {
  background-color: #FFB03A;
}
#collection-case .seriese02 {
  padding-top: 70px;
}
@media screen and (max-width: 568px) {
  #collection-case .seriese02 {
    padding-top: 50px;
  }
}
#collection-case .seriese02 .collectionCase__flex-top {
  margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
  #collection-case .seriese02 .collectionCase__flex-top {
    margin-bottom: 10px;
  }
}
#collection-case .seriese02 .collectionCase__middle {
  margin-bottom: 30px;
}
#collection-case .seriese02 .collectionCase__middle p {
  text-align: left;
  letter-spacing: 0.06em;
  line-height: 1.9;
}
#collection-case .seriese02 .collectionCase__flex-bottom {
  gap: 120px;
}
@media screen and (max-width: 768px) {
  #collection-case .seriese02 .collectionCase__flex-bottom {
    gap: 40px;
  }
}
#collection-case .seriese02 .collectionCase__flex-bottom .txtArea {
  width: 400px;
}
#collection-case .seriese02 .collectionCase__flex-bottom .txtArea .price {
  margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
  #collection-case .seriese02 .collectionCase__flex-bottom .txtArea .price {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #collection-case .seriese02 .collectionCase__flex-bottom .txtArea {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 568px) {
  #collection-case .seriese02 .collectionCase__flex-bottom .txtArea {
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .seriese02 .collectionCase__flex-bottom .txtArea .price {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .seriese02__delFree {
    gap: 5px;
  }
}
#collection-case .seriese02__delFree .img {
  max-width: 92px;
}
#collection-case .seriese02 .add-cart {
  width: 100%;
}
#collection-case .seriese03,
#collection-case .seriese04 {
  padding-top: 70px;
}
@media screen and (max-width: 568px) {
  #collection-case .seriese03,
  #collection-case .seriese04 {
    padding-top: 50px;
  }
}
#collection-case .seriese03 .collectionCase__flex-top,
#collection-case .seriese04 .collectionCase__flex-top {
  margin-bottom: 25px;
}
@media screen and (max-width: 568px) {
  #collection-case .seriese03 .collectionCase__flex-top,
  #collection-case .seriese04 .collectionCase__flex-top {
    margin-bottom: 10px;
  }
}
#collection-case .seriese03 .collectionCase__middle,
#collection-case .seriese04 .collectionCase__middle {
  margin-bottom: 20px;
}
#collection-case .seriese03 .collectionCase__middle p,
#collection-case .seriese04 .collectionCase__middle p {
  text-align: left;
  letter-spacing: 0.06em;
  line-height: 1.9;
}
#collection-case .seriese03 .collectionCase__flex-bottom,
#collection-case .seriese04 .collectionCase__flex-bottom {
  gap: 60px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #collection-case .seriese03 .collectionCase__flex-bottom,
  #collection-case .seriese04 .collectionCase__flex-bottom {
    gap: 40px;
  }
}
@media screen and (max-width: 568px) {
  #collection-case .seriese03 .collectionCase__flex-bottom,
  #collection-case .seriese04 .collectionCase__flex-bottom {
    gap: 10px;
    margin-bottom: 30px;
  }
}
#collection-case .seriese03 .collectionCase__flex-bottom .txtArea:first-of-type,
#collection-case .seriese04 .collectionCase__flex-bottom .txtArea:first-of-type {
  width: calc(65% - 30px);
}
@media screen and (max-width: 768px) {
  #collection-case .seriese03 .collectionCase__flex-bottom .txtArea:first-of-type,
  #collection-case .seriese04 .collectionCase__flex-bottom .txtArea:first-of-type {
    width: calc(55% - 20px);
  }
}
@media screen and (max-width: 568px) {
  #collection-case .seriese03 .collectionCase__flex-bottom .txtArea:first-of-type,
  #collection-case .seriese04 .collectionCase__flex-bottom .txtArea:first-of-type {
    width: 100%;
  }
}
#collection-case .seriese03 .collectionCase__flex-bottom .txtArea:last-of-type,
#collection-case .seriese04 .collectionCase__flex-bottom .txtArea:last-of-type {
  width: calc(35% - 30px);
}
@media screen and (max-width: 768px) {
  #collection-case .seriese03 .collectionCase__flex-bottom .txtArea:last-of-type,
  #collection-case .seriese04 .collectionCase__flex-bottom .txtArea:last-of-type {
    width: calc(45% - 20px);
  }
}
@media screen and (max-width: 568px) {
  #collection-case .seriese03 .collectionCase__flex-bottom .txtArea:last-of-type,
  #collection-case .seriese04 .collectionCase__flex-bottom .txtArea:last-of-type {
    width: 100%;
  }
}
#collection-case .seriese03 .collectionCase__flex-bottom .txtArea .des-txt .size-ttl,
#collection-case .seriese04 .collectionCase__flex-bottom .txtArea .des-txt .size-ttl {
  line-height: 1;
}
#collection-case .seriese04 {
  margin-bottom: 100px;
}
@media screen and (max-width: 568px) {
  #collection-case .seriese04 {
    margin-bottom: 60px;
  }
}
#collection-case .sec-line img {
  margin: 0 auto;
}

.floating-cartWrap {
  position: fixed;
  right: 25px;
  bottom: 70px;
}
@media screen and (max-width: 568px) {
  .floating-cartWrap {
    display: none;
  }
}
.floating-cartWrap .floating-cart {
  position: relative;
}
.floating-cartWrap .floating-cart a {
  right: 30px;
  bottom: 30px;
  background-color: #FAD84D;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1;
  gap: 5px;
}
.floating-cartWrap .floating-cart a:before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg height='256' viewBox='0 0 512 512' width='256' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234b4b4b'%3E%3Cpath d='m486.998 140.232c-8.924-12.176-22.722-19.878-37.785-21.078l-311.616-24.68-5.665-32.094c-5.179-29.305-28.497-51.998-57.932-56.352l-5.662-.845-33.688-4.998c-9.385-1.378-18.118 5.09-19.51 14.475-1.395 9.393 5.086 18.127 14.471 19.514v-.008l39.357 5.834.009.026c14.788 2.164 26.526 13.586 29.131 28.324l53.338 302.302c5.005 28.375 29.647 49.047 58.461 49.056h219.192c9.49 0 17.176-7.694 17.176-17.172 0-9.486-7.686-17.18-17.176-17.18h-219.193c-12.133.009-22.536-8.725-24.642-20.672l-7.461-42.299h244.342c24.189 0 45.174-16.691 50.606-40.262l22.967-99.523c3.4-14.713.212-30.176-8.72-42.368z'/%3E%3Cpath d='m223.012 438.122c-20.402 0-36.935 16.554-36.935 36.948s16.533 36.931 36.935 36.931c20.401 0 36.944-16.537 36.944-36.931-.001-20.394-16.543-36.948-36.944-36.948z'/%3E%3Cpath d='m387.124 438.122c-20.406 0-36.935 16.554-36.935 36.948s16.529 36.931 36.935 36.931c20.402 0 36.944-16.537 36.944-36.931s-16.542-36.948-36.944-36.948z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  margin: 0 auto;
}
.floating-cartWrap .floating-cart .cart-count {
  position: absolute;
  right: 20px;
  top: 20px;
  background: #F23E0C;
  color: #fff;
  width: 22px;
  height: 22px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -1.1px;
}