@charset "utf-8";

.goomies-lp {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}

.goomies-lp img {
  display: block;
  width: 100%;
  height: auto;
}

.goomies-lp .buy-buttons {
  text-align:center;
}

.goomies-lp .buy-buttons a {
  display:block;
  width:100%;
  max-width:840px;
  margin:12px auto;
  padding:12px 16px;
  text-align:center;
  text-decoration:none;
  border-radius:10px;
  transition:0.2s;
  font-weight:700;
  box-shadow:0 2px 0 rgba(0, 0, 0, 0.25); 
}

.goomies-lp .buy-buttons a:hover {
  transform:translateY(-2px);
  box-shadow:0 4px 0 rgba(0, 0, 0, 0.25);
}

.goomies-lp .buy-buttons .line1 {
  display:block;
  font-size:2.0rem;
  color:#fff;
}

.goomies-lp .buy-buttons .line2 {
  display:block;
  margin-top:4px;
  font-size:1.4rem;
  font-weight:500;
  opacity:0.9;
  color:#fff;
}

/* 英語伝 */
.goomies-lp .btn-eigoden {
  background:#fdc02f;
}
.goomies-lp .btn-eigoden .line1,
.goomies-lp .btn-eigoden .line2 {
  color:#111;
}
.goomies-lp .btn-eigoden:hover {
  background:#ffb84d;
}

/* 楽天 */
.goomies-lp .btn-rakuten {
  background:#bf0000;
}
.goomies-lp .btn-rakuten:hover {
  background:#d60000;
}

/* Yahoo!ショッピング */
.goomies-lp .btn-yahoo {
  background:#ff0033;
}
.goomies-lp .btn-yahoo:hover {
  background:#ff335c;
}

/* Amazon */
.goomies-lp .btn-amazon {
  background:#ffa41c;
}
.goomies-lp .btn-amazon .line1,
.goomies-lp .btn-amazon .line2 {
  color:#111;
}
.goomies-lp .btn-amazon:hover {
  background:#ffb84d;
}

.goomies-lp .visually-hidden {
  position:absolute;
  clip:rect(0,0,0,0);
  width:1px;
  height:1px;
  overflow:hidden;
}

.goomies-lp .p-5 { padding: 20px; }
.goomies-lp .pt-5 { padding-top: 20px; }
.goomies-lp .pb-5 { padding-bottom: 20px; }
.goomies-lp .pl-5 { padding-left: 20px; }
.goomies-lp .pr-5 { padding-right: 20px; }
.goomies-lp .px-5 { padding-left: 20px; padding-right: 20px; }
.goomies-lp .py-5 { padding-top: 20px; padding-bottom: 20px; }


.goomies-lp .bg-repeat-y {
  background-image: url(https://eigoden.itembox.design/item/images/products/goomies/lp/08h.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
  text-align:center;
}

.goomies-lp .video-wrapper {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 100%; /* 必要に応じて */
  margin: 0 auto;
}

.goomies-lp .video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}