@charset "UTF-8";

/* 共通 */
:root {
  --main-color: #0a9ca1;
  --sub-bg-color: #d3ebed;
}
.main .branch_icon_area {
  display: none;
}
/* 共通 */


/* セクション 共通（サイズ以外） */
.sect {
  position: relative;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: var(--sub-bg-color);
}
/* 左側の縦棒 */
.sect::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: min(calc(60 / 768 * 100vw), 60px);
  background:var(--sub-bg-color);
}
.sect_top {
  display: flex;
}
.sect2 .sect_top {
  flex-direction: row-reverse;
}
.sect_col {
  width: 50%;
}
.sect_img_a img,
.sect_img_b img {
  display: block;
}
.sect_img_a,
.sect_img_b {
  display: flex;
}
.sect_text {
  color: #444546;
  line-height: 1.8;
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: calc(-1 * min(calc(2 / 768 * 100vw), 2px));
}
.sect_ttl {
  background: var(--main-color);
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.sect_price {
  color: #333;
  font-weight: bold;
}
.colors {
  display: flex;
}
.color_box {
  width: 50%;
}
.sect .color_box:nth-child(1) {
padding-left: 0;
}
.sect .color_box:nth-child(2) {
padding-right: 0;

}
.color_box + .color_box {
  border-left: 1px solid var(--sub-bg-color);
}
.color_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
}
.color_name {
  color: var(--main-color);
  font-weight: bold;
  line-height: 1.4;
}
.color_price {
  color: #333;
  font-weight: bold;
}
.spec {
  border-style: solid;
  border-color: var(--sub-bg-color);
}
.spec_row {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}
.spec_l {
  flex-shrink: 0;
  width: 4em;
  color: #333;
  border: 1px solid #9c9c9c;
  text-align: center;
}
.spec_r {
  color: #333;
}
.spec_r .i_size {
  margin-top: 0.3em;
  width: fit-content;
}
/* セクション 共通（サイズ以外） */

/* ===== sect1 サガラワッペン カーディガン（個別調整） ===== */
.sect1 {
  padding-bottom: min(calc(30 / 768 * 100vw), 30px);
  border-top-width: min(calc(60 / 768 * 100vw), 60px);
}
.sect1 .sect_top {
  padding-top: min(calc(30 / 768 * 100vw), 30px);
}
.sect1 .sect_img_a {
  justify-content: flex-start;
}
.sect1 .sect_text {
  font-size: min(calc(20 / 768 * 100vw), 20px);
  margin-top: min(calc(60 / 768 * 100vw), 60px);
  padding-left: min(calc(80 / 768 * 100vw), 80px);
}
.sect1 .sect_ttl {
  margin-top: min(calc(50 / 768 * 100vw), 50px);
  padding: min(calc(16 / 768 * 100vw), 16px) min(calc(20 / 768 * 100vw), 20px);
  font-size: min(calc(24 / 768 * 100vw), 24px);
}
.sect1 .sect_price {
  margin-top: min(calc(20 / 768 * 100vw), 20px);
  font-size: min(calc(22 / 768 * 100vw), 22px);
  padding-left: min(calc(44 / 768 * 100vw), 44px);
}
.sect1 .sect_img_b {
  justify-content: flex-end;
  margin-top: min(calc(20 / 768 * 100vw), 20px);
}
.sect1 .colors {
  margin-top: min(calc(40 / 768 * 100vw), 40px);
  padding-inline: min(calc(100 / 768 * 100vw), 100px);
}
.sect1 .color_box {
  padding-inline: min(calc(30 / 768 * 100vw), 30px);
}
.sect1 .color_head {
  margin-bottom: min(calc(10 / 768 * 100vw), 10px);
}
.sect1 .color_cart {
  width: min(calc(230 / 768 * 100vw), 230px);
}
.sect1 .spec {
  margin-top: min(calc(40 / 768 * 100vw), 40px);
  margin-right: min(calc(40 / 768 * 100vw), 40px);
  padding: min(calc(30 / 768 * 100vw), 30px);
  padding-left: min(calc(85 / 768 * 100vw), 85px);
  border-width: min(calc(3 / 768 * 100vw), 3px);
  background: #fff;
  border-left:0 ;
}
.sect1 .spec_row + .spec_row {
  margin-top: min(calc(20 / 768 * 100vw), 20px);
}
/* ===== sect1 ===== */

/* ===== sect2 デイジーロゴ ミニトート（個別調整） ===== */
.sect.sect2::before{
left: inherit;
right: 0;
}
.sect2 {
  padding-bottom: min(calc(30 / 768 * 100vw), 30px);
  border-top-width: min(calc(60 / 768 * 100vw), 60px);
}
.sect2 .sect_top {
  padding-top: min(calc(30 / 768 * 100vw), 30px);
}
.sect2 .sect_img_a {
  justify-content: flex-end;
}
.sect2 .sect_text {
  font-size: min(calc(20 / 768 * 100vw), 20px);
  margin-top: min(calc(60 / 768 * 100vw), 60px);
  padding-left: min(calc(30 / 768 * 100vw), 30px);
  letter-spacing: 0;
}
.sect2 .sect_ttl {
  margin-top: min(calc(50 / 768 * 100vw), 50px);
  padding: min(calc(16 / 768 * 100vw), 16px) min(calc(20 / 768 * 100vw), 20px);
  font-size: min(calc(24 / 768 * 100vw), 24px);
}
.sect2 .sect_price {
  margin-top: min(calc(20 / 768 * 100vw), 20px);
  font-size: min(calc(22 / 768 * 100vw), 22px);
  padding-left: min(calc(30 / 768 * 100vw), 30px);
}
.sect2 .sect_img_b {
  justify-content: center;
  margin-top: min(calc(20 / 768 * 100vw), 20px);
}
.sect2 .colors {
  margin-top: min(calc(40 / 768 * 100vw), 40px);
  padding-inline: min(calc(100 / 768 * 100vw), 100px);
}
.sect2 .color_box {
  padding-inline: min(calc(30 / 768 * 100vw), 30px);
}
.sect2 .color_head {
  margin-bottom: min(calc(10 / 768 * 100vw), 10px);
}
.sect2 .color_cart {
  width: min(calc(230 / 768 * 100vw), 230px);
}
.sect2 .spec {
  margin-top: min(calc(40 / 768 * 100vw), 40px);
  margin-left: min(calc(40 / 768 * 100vw), 40px);
  padding: min(calc(30 / 768 * 100vw), 30px);
  border-width: min(calc(3 / 768 * 100vw), 3px);
  background: #fff;
  border-right: 0;
}
.sect2 .spec_row + .spec_row {
  margin-top: min(calc(20 / 768 * 100vw), 20px);
}
/* ===== sect2 ===== */

/* ===== sect3 キーホルダー（個別調整） ===== */
.sect3 {
  padding-bottom: min(calc(30 / 768 * 100vw), 30px);
  border-top-width: min(calc(60 / 768 * 100vw), 60px);
  border-bottom-width: min(calc(60 / 768 * 100vw), 60px);
}
.sect3 .sect_top {
  padding-top: min(calc(30 / 768 * 100vw), 30px);
}
.sect3 .sect_img_a {
  justify-content: flex-start;
}
.sect3 .sect_text {
  font-size: min(calc(19 / 768 * 100vw), 19px);
  margin-top: min(calc(60 / 768 * 100vw), 60px);
  padding-left: min(calc(80 / 768 * 100vw), 80px);
}
.sect3 .sect_ttl {
  margin-top: min(calc(50 / 768 * 100vw), 50px);
  padding: min(calc(16 / 768 * 100vw), 16px) min(calc(20 / 768 * 100vw), 20px);
  font-size: min(calc(24 / 768 * 100vw), 24px);
}
.sect3 .sect_img_b {
  justify-content: flex-end;
  margin-top: min(calc(20 / 768 * 100vw), 20px);
}
.sect3 .colors {
  margin-top: min(calc(40 / 768 * 100vw), 40px);
  padding-inline: min(calc(80 / 768 * 100vw), 80px) min(calc(20 / 768 * 100vw), 20px);
}
.sect3 .color_box {
  padding-inline: min(calc(30 / 768 * 100vw), 30px);
}
.sect3 .color_name {
  margin-bottom: min(calc(5 / 768 * 100vw), 5px);
}
.sect3 .color_head {
  margin-bottom: min(calc(10 / 768 * 100vw), 10px);
}
.sect3 .color_cart {
  width: min(calc(230 / 768 * 100vw), 230px);
}
.sect3 .spec {
  margin-top: min(calc(40 / 768 * 100vw), 40px);
  margin-right: min(calc(40 / 768 * 100vw), 40px);
  padding: min(calc(30 / 768 * 100vw), 30px);
  padding-left: min(calc(55 / 768 * 100vw), 55px);
  border-width: min(calc(3 / 768 * 100vw), 3px);
  background: #fff;
  border-left: 0;
}
.sect3 .spec_row + .spec_row {
  margin-top: min(calc(20 / 768 * 100vw), 20px);
}
/* ===== sect3 ===== */

/* バナー */
/* シェア */
.share {
  padding-top: min(calc(60 / 768 * 100vw), 60px);
  padding-bottom: min(calc(40 / 768 * 100vw), 40px);
}
/* シェア */

.bnrs {
  padding-top: min(calc(60 / 768 * 100vw), 60px);
  text-align: center;
}
.bnrs > a {
  display: block;
}
.bnrs > a:not(:last-child) {
  margin-bottom: min(calc(20 / 768 * 100vw), 20px);
}
/* バナー */

/* ファッション　モーダル */
.main .js_fashion_modal .modal_modmicro_overlay {
  padding: 20px 0;
}
@media screen and (768px <= width) {
  .main .js_fashion_modal .modal_modmicro_overlay {
    padding: 20px 20px;
  }
}
.main .js_fashion_modal .swiper {
  --swiper-pagination-bullet-inactive-color: #b4b4b4;
  --swiper-pagination-color: #000;
  padding: 0 0 10px;
}
.main .js_fashion_modal .modal_modmicro_container {
  max-width: 800px;
}
.main .js_fashion_modal .swiper-slide {
  text-align: center;
}
.main .js_fashion_modal .swiper-slide img {
  width: 100% !important;
  max-width: none;
}
.main .js_fashion_modal .swiper-pagination {
  position: static;
  margin: 10px 0 0;
}
.main .js_fashion_modal .swiper-button-next,
.main .js_fashion_modal .swiper-button-prev {
  display: none;
}
@media screen and (992px <= width) {
  .main .js_fashion_modal .swiper-button-next,
  .main .js_fashion_modal .swiper-button-prev {
    display: block;
    color: #000;
  }
}
/* ファッション　モーダル */