<div><strong>A new duffel bag featuring a simple design with a rounded silhouette that changes depending on how it's carried.<meta charset="utf-8"></strong></div>
<div><strong>This 2-way design can be used as a shoulder bag or, by removing the shoulder strap, as a handbag.</strong></div>
<p class="p1"><br></p>
<section aria-label="Product Information" class="accordion">
<details class="acc-item">
<summary class="acc-summary"><span class="acc-title">Product Description</span> <span aria-hidden="true" class="acc-icon"></span></summary>
<div class="acc-panel">
<div class="acc-inner">
<div>The main body material uses Toray's ECOUSE®, a recycled material made from factory waste, woven with 70d warp and 210d weft semi-dull yarn to create recycled nylon twill.</div>
<div>This sustainability-conscious material features an elegant luster.</div>
<div><br></div>
<div>The accessory fabric is woven using 70d regular nylon yarn for the warp and double 160d nylon taslan yarn for the weft.</div>
<div>It uses a jet-dyeing method that dyes the fabric with wrinkles without holding the selvages, creating a span-like, matte luster and unique wrinkled texture, finished to resemble cotton in a tussah weave fabric.</div>
<div>Additionally, a water-repellent treatment is applied to the fabric surface in the final process.</div>
<div><br></div>
<div>The accessory leather material uses eco cow leather that has passed harmful substance testing (JES) with 13 standards by the Japan Leather Technology Association, tanned with vegetable tannin without using any harmful substances or hexavalent chromium.</div>
<div><br></div>
<div>This 2-way design can be used as a shoulder bag or as a handbag by removing the shoulder strap, featuring a simple design with a rounded silhouette that changes depending on how it's carried.</div>
<div>Both the exterior and interior are equipped with plenty of pockets, convenient for storing small items.</div>
</div>
</div>
</details>
<details class="acc-item" open="">
<summary class="acc-summary"><span class="acc-title">Attention</span> <span aria-hidden="true" class="acc-icon"></span></summary>
<div class="acc-panel">
<div class="acc-inner">
<p>If the main body material is left wet for a long time, the coating on the back surface may peel off or cause deterioration, so be sure to dry it before storing.<br>The accessory leather is finished only with dye to take advantage of the natural texture of the leather, so there may be slight color variations. Also, please note that due to the nature of the unfinished surface, discoloration and fading cannot be avoided. Exposure to rain or water may cause stains or discoloration. If it gets wet, promptly remove the moisture.<br>Please note that product specifications are subject to change without notice.</p>
</div>
</div>
</details>
<details class="acc-item" open="">
<summary class="acc-summary"><span class="acc-title">Material/Weight/Size</span> <span aria-hidden="true" class="acc-icon"></span></summary>
<div class="acc-panel">
<div class="acc-inner">
<p>・Material: 70d x 210d recycled nylon twill / 70d x 160d nylon tussah / JES standard certified eco-nume leather<br>・Weight: Approx. 540g<br>・Size: W250 H360 D175 mm<br></p>
</div>
</div>
</details>
</section>
<div>
<br><br><iframe width="560" height="315" src="https://www.youtube.com/embed/MaYa3rt23B8?si=XPBNuZU_-LmH5nnb" title="YouTube video player"></iframe><br>
</div>
<style type="text/css">

/* ====== Accordion Base ====== */
.accordion {
  max-width: 720px;           /* Adjust as needed */
  margin: 0 auto;
  border-top: 1px solid #ddd;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;
}

.acc-item {
  border-bottom: 1px solid #ddd;
}

/* Remove default triangle in Safari, etc. */
.acc-summary::-webkit-details-marker {
  display: none;
}
.acc-summary {
  list-style: none;
}

/* ====== Summary Row ====== */
.acc-summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 18px 0;
  user-select: none;
}

.acc-title {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

/* Focus (keyboard operation) */
.acc-summary:focus-visible {
  outline: 2px solid #999;
  outline-offset: 4px;
}

/* ====== Icon (+ / ×) ====== */
.acc-icon {
  width: 18px;
  height: 18px;
  position: relative;
  flex: 0 0 18px;
}

/* Horizontal bar */
.acc-icon::before,
.acc-icon::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 18px;
  height: 1px;
  background: #111;
  transform: translate(-50%, -50%);
}

/* Vertical bar (= vertical line of plus sign) */
.acc-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: opacity 180ms ease, transform 180ms ease;
}

/* When opened, hide vertical bar to make it "−" */
.acc-item[open] .acc-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(0.8);
}

/* ====== Panel Animation ====== */
/*
  Since details element is difficult to animate with height:auto,
  we use grid "0fr → 1fr" technique for smooth animation
*/

.acc-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 240ms ease;
}

.acc-item[open] .acc-panel {
  grid-template-rows: 1fr;
}

/* Prevent content overflow */
.acc-inner {
  overflow: hidden;
  padding: 0 0 18px 0; /* Bottom margin when opened */
  color: #222;
  font-size: 14px;
  line-height: 1.8;
}

.acc-inner p,
.acc-inner ul {
  margin: 0 0 10px;
}

.acc-inner ul {
  padding-left: 1.2em;
}

</style>