@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
/* =============================================
共通
============================================= */
#d_container .wrap {
  width: 100%;
}
#d_topic_path {
  width: 990px;
  margin: 0 auto 20px;
}

#shoes_20250226 {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
}
#shoes_20250226 * {
  box-sizing: border-box;
}
#shoes_20250226 a {
  text-decoration: none;
}
#shoes_20250226 .link-hover {
  text-decoration: none;
  transition: 0.4s;
}
#shoes_20250226 .link-hover:hover {
  opacity: 0.7;
  cursor: pointer;
}

#shoes_20250226 .section {
  margin-bottom: 60px;
}

#shoes_20250226 .section:last-child {
  margin-bottom: 0;
}

#shoes_20250226 .d-inline-b{
  display: inline-block;
}
/* =============================================
notice
============================================= */
#shoes_20250226 .notice {
  width: 990px;
  margin: 0 auto 10px;
}

#shoes_20250226 .notice img {
  width: 990px;
  height: auto;
  text-align: center;
}

/* =============================================
MV
============================================= */
#shoes_20250226 .mv {
  margin: 0 auto 45px;
  max-width: 990px;
}
#shoes_20250226 .mv .slick-dots {
  bottom: -22px;
}
#shoes_20250226 .mv .slick-dots li {
  height: 10px;
  margin: 0 7px;
  width: 10px;
}
#shoes_20250226 .mv .slick-dots li button {
  height: 10px;
  width: 10px;
}
#shoes_20250226 .mv .slick-dots li button::before {
  background-color: #ccc;
  border-radius: 50%;
  content: "";
  height: 10px;
  opacity: 1;
  width: 10px;
}
#shoes_20250226 .mv .slick-dots li.slick-active button::before {
  background-color: #ea5532;
  opacity: 1;
}
#shoes_20250226 .mv .slide-arrow {
  align-items: center;
  background-color: rgb(255 255 255 / 60%);
  border-radius: 50%;
  cursor: pointer;
  display: flex !important;
  height: 60px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
}
#shoes_20250226 .mv .slide-arrow::before {
  border: 0;
  border-right: solid 1px #231714;
  border-top: solid 1px #231714;
  content: "";
  height: 16px;
  position: absolute;
  right: 30px;
  top: 48%;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.3s ease-in-out;
  width: 16px;
}
#shoes_20250226 .mv .prev-arrow {
  left: 0;
  z-index: 1;
}
#shoes_20250226 .mv .prev-arrow::before {
  right: 22px;
  top: 27%;
  transform: rotate(225deg) translateX(-50%);
}
#shoes_20250226 .mv .next-arrow {
  right: 0;
}

/* =============================================
見出し
============================================= */

#shoes_20250226 .h2 {
  margin-bottom: 50px;
  font-size: 40px;
  letter-spacing: 0.1em;
  font-weight: normal;
}

#shoes_20250226 .h2 .h2-ttl {
  position: relative;
  color: #323466;
  font-weight: bold;
  display: block;
  /* padding-bottom: 10px; */    
}

#shoes_20250226 .h2 {
  margin-bottom: 50px;
  font-size: 40px;
  letter-spacing: 0.1em;
  font-weight: normal;
}



/* #shoes_20250226 .h2 .h2-ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(234, 85, 50, 1) 6px, rgba(234, 85, 50, 1) 14px );
} */



/* =============================================
ボタン
============================================= */

#shoes_20250226 a span.circle_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.2;
  /*color: #ea5532;*/
  color: #fff;    
  font-weight: bold;    
  position: relative;
  background-color: #f6e2e1;
  padding: 0.6rem 2.6rem;    
}

#shoes_20250226 a span.netdepay {
  background-color: #323466;
}

#shoes_20250226 a span.circle_btn:hover,
#shoes_20250226 a span.netdepay:hover {
  opacity: 0.7;
  cursor: pointer;
}

#shoes_20250226 a span.circle_btn::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  content: "";
  /*border-top: solid 2px #ea5532;
  border-right: solid 2px #ea5532;*/
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;    
  transform: rotate(45deg);
}

/* =============================================
ナビ
============================================= */

#shoes_20250226 .anchor_nav .list {
  width: 990px;
  margin: 0 auto 60px;
}

#shoes_20250226 .anchor_nav .list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

#shoes_20250226 .anchor_nav .list ul li {
  height: 80px;
}

#shoes_20250226 .anchor_nav .list ul li a {
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 100%;
  width: 100%;
  padding: 10px 0 20px;
  background-color: #323466;
  font-weight: 500;
}

#shoes_20250226 .anchor_nav .list ul li a::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -4px;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
}

/* =============================================
足と靴のコンサルティングサービス
============================================= */
#shoes_20250226 .consulting-section {
  padding: 15px 0;
  margin: 60px auto 0;
  border: 1px solid #535353;
  max-width: 990px;
  /*background-color: #ea5532;*/
}


#shoes_20250226 .consulting-section .consulting-txt02 {
  font-size: 20px;
  margin-bottom: 8px;
  color: #535353; 
  font-weight: 600;    
}


#shoes_20250226 .consulting-section .consulting-btn {
  display: inline-block;
}

#shoes_20250226 .consulting-section .consulting-btn {
  width: 590px;
  height: 54px;
}

#shoes_20250226 .consulting-section .consulting-btn span.circle_btn {
  font-size: 16px;
  border-radius: 5px;
  background-color: #fff;
  /*border: 1px solid #535353;*/
  background-color: #ea5532;    
}

#shoes_20250226 .consulting-section .consulting-btn span.circle_btn::after {
    right: 1.6rem;
}


#shoes_20250226 .consulting-detail{
  margin-top: 20px;
  margin-bottom: 60px;    
}
#shoes_20250226 .consulting-detail a{
  font-size: 16px;
  font-weight: bold;
  color: #535353;
  border-bottom: 1px solid #535353;
}

#shoes_20250226 .consulting-detail a:hover{
  border-bottom: none;
  opacity: .7;    
}


/* =============================================
カテゴリ
============================================= */
#shoes_20250226 .category-section {
  margin: 0 auto 120px;
}

#shoes_20250226 .category-wrap {
  width: 990px;
  margin: 0 auto;
}

#shoes_20250226 .cate-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;    
}

#shoes_20250226 .cate-list li {
  background-color: #fff;
  border: 1px solid #535353;
  height: 80px;    
}


#shoes_20250226 .cate-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  height: 100%;
  text-align: center;    
}


/* =============================================
足の形から選ぶ
============================================= */
#shoes_20250226 .footshape-section {
  width: 990px;
  margin: 0 auto 120px;
}

#shoes_20250226 .fs-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
}

#shoes_20250226 .fs-list li {
  width: calc((100% - (20px * 3)) / 4);
}

#shoes_20250226 .fs-list li:not(:nth-child(4n)) {
  margin-right: 20px;
}

#shoes_20250226 .fs-list li:last-child {
  margin-right: 0;
}

#shoes_20250226 .fs-list li:nth-last-child(n + 5) {
  margin-bottom: 40px;
}

#shoes_20250226 .fs-list li a {
  align-items: center;
  justify-content: center;
  border: 1px solid #ea5532;
  border-radius: 50px;
  display: flex;
  height: 40px;
  color: #ea5532;
  font-weight: bold;    
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 0 15px;
}

/* =============================================
ランキング
============================================= */
#shoes_20250226 .ranking-section {
  width: 990px;
  margin: 0 auto 120px;
}


#shoes_20250226 .ranking:not(:last-child) {
  margin-bottom: 50px;
}
#shoes_20250226 .ranking .list {
  display: flex;
  flex-wrap: wrap;
}
#shoes_20250226 .ranking .item {
  position: relative;
  width: calc((100% - (23px * 4)) / 5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#shoes_20250226 .ranking .item::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number01.svg");
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 40px;
  z-index: 1;
}
#shoes_20250226 .ranking .item:nth-child(2)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number02.svg");
}
#shoes_20250226 .ranking .item:nth-child(3)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number03.svg");
}
#shoes_20250226 .ranking .item:nth-child(4)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number04.svg");
}
#shoes_20250226 .ranking .item:nth-child(5)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number05.svg");
}
#shoes_20250226 .ranking .item:not(:nth-child(5n)) {
  margin-right: 23px;
}
#shoes_20250226 .ranking .thumb {
  margin-bottom: 8px;
  width: 180px;
}
#shoes_20250226 .ranking .thumb img {
  border: 1px solid #ccc;
  width: 100%;
}
#shoes_20250226 .ranking .name {
  color: #010101;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
}

/* =============================================
シューフィッターレコメンド
============================================= */
#shoes_20250226 .recommend {
  width: 990px;
  margin: 0 auto 120px;
}


#shoes_20250226 .recommend .h2 .h2-ttl{
  display: inline-flex;
  justify-content: center;
  align-items: center;    
}


#shoes_20250226 .recommend .h2 .h2-ttl .adjustment{
  margin-left: 0.5em;
}


#shoes_20250226 .Primary {
  background-color: #ededed;
  padding-top: 40px;
  position: relative;
  width: 100%;
}

#shoes_20250226 .Primary .swiperSliderRecommend .swiper-slide {
 background-color: #fff;    
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  height: auto;    
}





#shoes_20250226 .Primary .swiperSliderRecommend .swiperContents .goodsTitle {
  font-size: 24px;
  color: #535353;
  font-weight: bold;    
  text-align: center;
  margin: 0 auto 20px;
  line-height: 1.4;
}

#shoes_20250226 .Primary .swiperSliderRecommend .swiperContents .goodData {
  display: grid;
  gap: 20px;
  grid-template-columns: 280px 1fr;
  grid-auto-rows: auto auto;    
}


#shoes_20250226 .Primary .swiperSliderRecommend .swiperContents .goodData .name {
  font-size: 17px;
  color: #ea5532;
  font-weight: normal;
  line-height: 1.6;
}

#shoes_20250226 .Primary .goodData .name {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

#shoes_20250226 .Primary .goodData .price {
  font-size: 16px;
  margin-top: 10px;
  text-align: left;
}

#shoes_20250226 .Primary .goodData .price span {
  font-size: 20px;
  font-weight: bold;
}

#shoes_20250226 .Primary .goodsText {
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 10px;
}


#shoes_20250226 .Primary .swiperContents .goodsImg {
  grid-row: 1 / 3;
  grid-column: 1;
}


#shoes_20250226 .Primary .swiperContents .goodsImg img {
  width: 280px;
}

#shoes_20250226 .swiper-pagination-bullet-active {
  background: #ea5532;
  opacity: 1;
}

#shoes_20250226 .Primary .nextBuyer,
#shoes_20250226 .Primary .prevBuyer {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  cursor: pointer;
  height: calc(98px / 2);
  position: absolute;
  top: 50% !important;
  width: calc(32px / 2);
  z-index: 1;
}

#shoes_20250226 .Primary .prevBuyer,
#shoes_20250226 .Primary .swiper-container-rtl .nextBuyer {
  left: 5.5em;
  right: auto;
}

#shoes_20250226 .Primary .nextBuyer,
#shoes_20250226 .Primary .swiper-container-rtl .prevBuyer {
  left: auto;
  right: 5.5em;
  transform: scale(-1, 1);
}

#shoes_20250226 .Primary .swiper-pagination {
  display: block;
  left: 0;
  margin: 20px auto;
  right: 0;
  text-align: center;
  z-index: 1;
  position: static;
}

#shoes_20250226 .Primary .swiper-pagination-bullet {
  height: 12px;
  margin: 0 5px;
  width: 12px;
}


#shoes_20250226 .swiper-button-prev,
#shoes_20250226 .swiper-button-next {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/slide_arrow.png");
  background-size: 80%;
  left: -1.5em;
  margin: 0;
  right: auto;
  top: 32%;
}

#shoes_20250226 .recommend-btn {
  display: inline-block;
  margin-top: 1rem;    
}

#shoes_20250226 .Primary a span.circle_btn{
  background-color: #fff;
  border: 1px solid #535353;
  color: #535353;
}
#shoes_20250226 .Primary a span.circle_btn::after{
  border-color: #535353;
}
/* =============================================
スタッフイチ押し
============================================= */
#shoes_20250226 .staff-btn {
  display: inline-block;
  margin-top: 1rem;    
}

/* =============================================
特集
============================================= */

#shoes_20250226 .feature-section-wrap {
  width: 990px;
  margin: 0 auto 120px;
}

#shoes_20250226 .feature-section .feature {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px 20px;
}

#shoes_20250226 .feature-section .feature-item {
  color: #535353;
　display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;    
}

#shoes_20250226 .feature-section .feature-item img {
  width: 100%;
}


#shoes_20250226 .feature-section .feature-item .feature-txt {
  font-size: 14px;
  letter-spacing: 0.04em;
  margin-top: 0.5em;
  line-height: 1.6;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;    
}

#shoes_20250226 .feature-section .feature-item .feature-btn {
  margin-top: 1em;
  display: inline-block;
}
#shoes_20250226 .feature-section a span.circle_btn{
  background-color: #fff;
  border: 1px solid #535353;
  color: #535353;
}
#shoes_20250226 .feature-section a span.circle_btn::after{
  border-color: #535353;
}

/* =============================================
NET de PAYでのご購入
============================================= */
#shoes_20250226 .netdepay-section {
  padding: 0;
  margin: 0 auto 120px;
}

#shoes_20250226 .netdepay-section-wrap {
  width: 990px;
  margin: 0 auto;
  text-align: center;    
}

#shoes_20250226 .netdepay-section .txt {
  font-size: 25px;
  margin: 0 auto;
  text-align: center;
}

#shoes_20250226 .netdepay-section .attention {
  font-size: 16px;
  margin: 5px auto 60px;
  text-align: center;
}

#shoes_20250226 .netdepay-section .img a:hover {
  opacity: 0.7;
}

#shoes_20250226 .netdepay-section .img img {
  width: 414px;
  height: auto;
}

/* =============================================
WEBカタログから探す
============================================= */

#shoes_20250226 .catalog-section {
  margin: 0 auto 120px;
}

#shoes_20250226 .catalog-section-wrap {
  width: 990px;
  margin: 0 auto 45px;
}


#shoes_20250226 .catalog-section .catalog {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 20px 0;
}

#shoes_20250226 .catalog-section .catalog-item a:hover {
  opacity: 0.7;
  cursor: pointer;
}

#shoes_20250226 .catalog-section .catalog-item a img {
  width: 100%;
  border: 1px solid #ededed;
}

#shoes_20250226 .catalog-section .catalog-item a .catalog-brand {
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-top: 1em;
}

#shoes_20250226 .catalog-section .catalog-item a .catalog-name {
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-top: 0.5em;
  line-height: 1.4;
}

#shoes_20250226 .catalog-section .catalog-item .catalog-info {
  margin-top: 0.5em;
}

#shoes_20250226 .catalog-section .catalog-item .catalog-info a {
  color: #ea5532;
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 2;
  border-bottom: 1px solid #ea5532;
  pointer-events: none;
}

#shoes_20250226 .accordion_header02 {
  border: 1px solid #ea5532;
  width: 590px;
  margin: 50px auto;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;   
}

#shoes_20250226 .accordion_header02 p {
  color: #ea5532;
  font-size: 25px;
  height: 100%;
  width: 100%;
  padding: 0.5em 0;
  align-items: center;
  display: flex;
  justify-content: center;
}
#shoes_20250226 .accordion_header02 .more_txt{
  cursor: pointer;
}

/* アコーディオン */

#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02:hover {
  opacity: 0.8;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02 .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 56%;
  right: 4%;
  width: 32px;
  height: 32px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  background-color: #fff;
  border-radius: 16px;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02 .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02.open .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02 .i_box .one_i::before,
.morecatalog02 .accordion_two .accordion_header02 .i_box .one_i::after {
  display: flex;
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02 .i_box .one_i::before {
  width: 2px;
  height: 16px;
  top: 0;
  left: 7px;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02.open .i_box .one_i::before {
  content: none;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_header02.open .i_box .one_i::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 {
  display: none;
  padding: 75px 80px 50px;
  box-sizing: border-box;
  margin-top: -30px;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .box_one {
  display: flex;
  align-items: flex-start;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .box_one p {
  margin-left: 10px;
  font-size: 14px;
  line-height: 23px;
  text-align: left;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea {
  width: 590px;
  margin: 10px auto 0;
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea .close_box a.close_btn02 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ea5532;
  padding: 12px;
  height: 72px;
  text-decoration: none;
  line-height: 1.3;
  color: #ea5532;
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: 25px;   
}
#shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea .close_box a.close_btn02:hover {
  opacity: 0.8;
}
#shoes_20250226 .morecatalog02
  .accordion_two
  .accordion_inner02
  .closeArea
  .close_box
  a.close_btn02
  .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 59%;
  right: 6%;
  width: 20px;
  height: 20px;
  margin-top: -15px;
  background-color: #fff;
  border-radius: 10px;
}
#shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_inner02
  .closeArea
  .close_box
  a.close_btn02
  .i_box
  .one_i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
#shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_inner02
  .closeArea
  .close_box
  a.close_btn02
  .i_box
  .one_i::before {
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 4px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center center;
}

#shoes_20250226 .morecatalog02.more_item {
  margin: 0;
  padding: 0;
}

#shoes_20250226 .morecatalog02.more_item .accordion_two .accordion_header02::before,
#shoes_20250226 .morecatalog02.more_item .accordion_two .accordion_header02::after {
  content: "";
  border-bottom: 1px dashed #ec6f76;
  flex-grow: 1;
}
#shoes_20250226 .morecatalog02.more_item .accordion_two .accordion_inner02 {
  padding: 20px 0 1px;
}
#shoes_20250226
  .morecatalog02.more_item
  .accordion_two
  .accordion_inner02
  .closeArea
  .close_box
  a.close_btn02 {
  background-color: #fff;
}
#shoes_20250226
  .morecatalog02.more_item
  .accordion_two
  .accordion_inner02
  .closeArea {
  margin: 0 auto;
  padding-top: 20px;
}
#shoes_20250226
  .morecatalog02.more_item.cosmetics
  .accordion_two
  .accordion_header02 {
  padding-bottom: 30px;
}

/* アコーディオン */

/* =============================================
婦人靴MAP
============================================= */
#shoes_20250226 .map-section {
  width: 990px;
  margin: 0 auto 120px;
}

/* =============================================
ブランド
============================================= */
#shoes_20250226 .brand-section {
  width: 990px;
  margin: 0 auto 60px;
}


#shoes_20250226 .brand-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px 10px;
}


#shoes_20250226 .brand-list li a img {
  width: 180px;
}

#shoes_20250226 .brand-list li a .brand-name {
  font-size: 14px;
  margin-top: 8px;
  line-height: 1.5;
}

#shoes_20250226 .accordion_header {
  border: 1px solid #ea5532;
  width: 590px;
  margin: 50px auto;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;   
}

#shoes_20250226 .accordion_header p {
  color: #ea5532;
  font-size: 25px;
  height: 100%;
  width: 100%;
  padding: 0.5em 0;
  align-items: center;
  display: flex;
  justify-content: center;
}
#shoes_20250226 .accordion_header .more_txt{
  cursor: pointer;
}

/* アコーディオン */

#shoes_20250226 .morecatalog .accordion_one .accordion_header:hover {
  opacity: 0.8;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 56%;
  right: 4%;
  width: 32px;
  height: 32px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  background-color: #fff;
  border-radius: 16px;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header .i_box .one_i::before,
.morecatalog .accordion_one .accordion_header .i_box .one_i::after {
  display: flex;
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header .i_box .one_i::before {
  width: 2px;
  height: 16px;
  top: 0;
  left: 7px;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header.open .i_box .one_i::before {
  content: none;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_header.open .i_box .one_i::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#shoes_20250226 .morecatalog .accordion_one .accordion_inner {
  display: none;
  padding: 75px 80px 50px;
  box-sizing: border-box;
  margin-top: -30px;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_inner .box_one {
  display: flex;
  align-items: flex-start;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_inner .box_one p {
  margin-left: 10px;
  font-size: 14px;
  line-height: 23px;
  text-align: left;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea {
  width: 590px;
  margin: 10px auto 0;
}
#shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ea5532;
  padding: 12px;
  height: 72px;
  text-decoration: none;
  line-height: 1.3;
  color: #ea5532;
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: 25px;   
}
#shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
  opacity: 0.8;
}
#shoes_20250226 .morecatalog
  .accordion_one
  .accordion_inner
  .closeArea
  .close_box
  a.close_btn
  .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 59%;
  right: 6%;
  width: 20px;
  height: 20px;
  margin-top: -15px;
  background-color: #fff;
  border-radius: 10px;
}
#shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_inner
  .closeArea
  .close_box
  a.close_btn
  .i_box
  .one_i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
#shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_inner
  .closeArea
  .close_box
  a.close_btn
  .i_box
  .one_i::before {
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 18px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 4px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center center;
}

#shoes_20250226 .morecatalog.more_item {
  margin: 0;
  padding: 0;
}

#shoes_20250226 .morecatalog.more_item .accordion_one .accordion_header::before,
#shoes_20250226 .morecatalog.more_item .accordion_one .accordion_header::after {
  content: "";
  border-bottom: 1px dashed #ec6f76;
  flex-grow: 1;
}
#shoes_20250226 .morecatalog.more_item .accordion_one .accordion_inner {
  padding: 20px 0 1px;
}
#shoes_20250226
  .morecatalog.more_item
  .accordion_one
  .accordion_inner
  .closeArea
  .close_box
  a.close_btn {
  background-color: #fff;
}
#shoes_20250226
  .morecatalog.more_item
  .accordion_one
  .accordion_inner
  .closeArea {
  margin: 0 auto;
  padding-top: 20px;
}
#shoes_20250226
  .morecatalog.more_item.cosmetics
  .accordion_one
  .accordion_header {
  padding-bottom: 30px;
}

/* アコーディオン */


/* =============================================
商品一覧を見る
============================================= */

#shoes_20250226 .viewAll {
  position: relative;
  width: 590px;
  height: 74px;
  margin: auto auto 120px;
}

#shoes_20250226 .viewAll a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 1em 0;
  background-color: #ea5532;  
}

#shoes_20250226 .viewAll a:hover {
  opacity: .7;    
}


#shoes_20250226 .viewAll a p {
  color: #fff;
  font-size: 25px;
  letter-spacing: 0.1em;
}

#shoes_20250226 .viewAll::after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 2rem;
  top: 50%;
  margin-top: -4px;
}


/* =============================================
モーダル
============================================= */

#shoes_20250226 .modal {
  background-color: rgb(0 0 0 / 80%);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1700;
}

#shoes_20250226 .modal .modal__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 93.33vw;
  height: 150.13vw;
  max-height: 858px;
  max-width: 523px;
}

#shoes_20250226 .modal .modal__close {
  color: #000;
  font-size: 38px;
  line-height: 1;
  font-weight: normal;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 3px;
}

#shoes_20250226 .modal .modal__img {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  margin: 20px 0;
  width: 93.33vw;
  height: 150.13vw;
  max-height: 858px;
  max-width: 523px;
}

#shoes_20250226 .modal .modal__img img {
  height: auto;
}

.modal-open:focus-visible {
  outline: none;
}

.shoes_20250226-fixed {
  position: fixed;
}

/* モーダルのスタイル調整 */
.modaal-content-container {
  padding: 20px;
}

/* ✕ボタンの位置調整 */
.modaal-close {
  position: absolute;
  top: -50px;
  right: -10px;    
}

.modaal-close:focus, .modaal-close:hover {
    background-color: rgba(0,0,0,0);
}

/* ✕ボタンの色 */
.modaal-close::after,
.modaal-close::before {
  background: #ccc;
}

/* ホバーしたときの✕ボタンの色 */
.modaal-close:focus::after,
.modaal-close:focus::before,
.modaal-close:hover::after,
.modaal-close:hover::before {
  background: #ccc;
}



/* =============================================
モーダル中身
============================================= */

#shoes_20250226 .modal-inner {
  display: none;
}

/*NET de PAY モーダル*/

.modaal-container {
   width: 400px;
  margin: 0 auto; 
}

.modaal-content-container {
  border: 10px solid #ea5532;
  padding: 30px;
      
}

.modaal-content-container .text {
  text-align: left;
  font-size: 15px;
  margin-bottom: 30px;
}

.modaal-content-container .text a {
  pointer-events: none;
  border-bottom: 1px solid #000;
  color: #000;
}

.modaal-content-container .btn a {
  background-color: #ea5532;
  padding: 10px 70px;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

/*mapモーダル*/

.modaal-wrapper-map .modaal-container {
  width: 100%;
  margin: 0 auto; 
}

.modaal-wrapper-map .modaal-content-container {
    border: none;
    padding: 0;
}

.modaal-wrapper-map .modaal-content-container img {
  width: 100%;
  height: auto;
}


.modaal-wrapper-map .modaal-inner-wrapper {
    padding-top: 200px;
}



/* =============================================
PC・SP表示非表示用
============================================= */
#shoes_20250226 .pc {
  display: block;
}

#shoes_20250226 .sp {
  display: none;
}

/* =============================================
SP
============================================= */

#news #d_topic_path {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;    
}

#news #d_topic_path ol {
  padding-left: 10px;    
}



/* =============================================
共通
============================================= */

#news #shoes_20250226 {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
#news #shoes_20250226 * {
  box-sizing: border-box;
}

#news #shoes_20250226 img {
  max-width: 100%;
  height: auto;
}

#news #shoes_20250226 a {
  text-decoration: none;
}
#news #shoes_20250226 .link-hover {
  text-decoration: none;
  transition: 0.4s;
}
#news #shoes_20250226 .link-hover:hover {
  opacity: 0.7;
  cursor: pointer;
}

/* =============================================
notice
============================================= */
#news #shoes_20250226 .notice {
  width: 100%;
  margin: 0 auto 10px;
}

#news #shoes_20250226 .notice img {
  max-width: 100%;
  height: auto;
  text-align: center;
}

/* =============================================
MV
============================================= */
#news #shoes_20250226 .mv {
  margin: 0 auto 36px;
  width: 100%;
}
#news #shoes_20250226 .mv .mv img {
  width: 100%;
}
#news #shoes_20250226 .mv .slick-dots {
  bottom: -22px;
}
#news #shoes_20250226 .mv .slick-dots li {
  height: 10px;
  margin: 0 5px;
  width: 10px;
}
#news #shoes_20250226 .mv .slick-dots li button {
  height: 10px;
  width: 10px;
}
#news #shoes_20250226 .mv .slick-dots li button::before {
  background-color: #ccc;
  border-radius: 50%;
  content: "";
  height: 8px;
  opacity: 1;
  width: 8px;
}
#news #shoes_20250226 .mv .slick-dots li.slick-active button::before {
  background-color: #ea5532;
  opacity: 1;
}
#news #shoes_20250226 .mv .slide-arrow {
  align-items: center;
  background-color: rgb(255 255 255 / 60%);
  border-radius: 50%;
  cursor: pointer;
  display: flex !important;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}
#news #shoes_20250226 .mv .slide-arrow::before {
  border: 0;
  border-right: solid 1px #231714;
  border-top: solid 1px #231714;
  content: "";
  height: 9px;
  position: absolute;
  right: 17px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
  width: 9px;
  top: 36%;    
}
#news #shoes_20250226 .mv .prev-arrow {
  left: 0;
  z-index: 1;
}
#news #shoes_20250226 .mv .prev-arrow::before {
  right: 12px;
  transform: rotate(225deg);   
}
#news #shoes_20250226 .mv .next-arrow {
  right: 0;
}

/* =============================================
見出し
============================================= */
#news #shoes_20250226 h1 {
  margin: 5px 0 20px;
}

#news #shoes_20250226 .h2 {
    margin-bottom: 30px;
    font-size: calc(((100 / 375) * 26) * 1vw);
}

#news #shoes_20250226 .h2 .h2-ttl {
    /* padding-bottom: 5px; */
}
#news #shoes_20250226 .h2 .h2-ttl .h2-ttl-decoration{
  width: 100%;
  display: block;
}

/* #news #shoes_20250226 .h2 .h2-ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(234, 85, 50, 1) 3px, rgba(234, 85, 50, 1) 8px );
} */




/* =============================================
ボタン
============================================= */

#news #shoes_20250226 a span.circle_btn {
  font-size: calc(((100 / 375) * 12) * 1vw);
  padding: 1rem 2.6rem;
  line-height: 1;    
}

#news #shoes_20250226 a span.circle_btn::after {
  position: absolute;
  top: 50%;
  right: 1.1rem;
  display: block;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: -0.86vw;
}




/* =============================================
ナビ
============================================= */

#news #shoes_20250226 .anchor_nav .list {
  width: 100%;
  margin: 0 auto 30px;
}

#news #shoes_20250226 .anchor_nav .list ul {
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}

#news #shoes_20250226 .anchor_nav .list ul li {
  height: 16vw;
}

#news #shoes_20250226 .anchor_nav .list ul li a {
  font-size: calc(((100 / 375) * 14) * 1vw);
  padding: 10px 0;
}

#news #shoes_20250226 .anchor_nav .list ul li a::after {
  position: absolute;
  bottom: 0;
  margin-left: -10%;
  left: 100%;
  top: 50%;
  display: block;
  width: 1.6vw;
  height: 1.6vw;
  margin-top: -1.6vw;
  content: "";
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
}

/* =============================================
足と靴のコンサルティングサービス
============================================= */
#news #shoes_20250226 .consulting-section {
  margin: 0 auto 15px;
  max-width: 92%;    
  overflow: hidden;
  padding-top: 15px;   
}

#news #shoes_20250226 .consulting-wrap {
  width: 94%;
}

#news #shoes_20250226 .inner-wrap {
  padding: 20px 10px;
}

#news #shoes_20250226 .consulting-detail {
    margin-top: 0;
    margin-bottom: 30px;
}

#news #shoes_20250226 .consulting-wrap::before {
  width: 60px;
  height: 60px;
  top:-20px;
  left:0;
  transform:rotate(-15deg);    
}

#news #shoes_20250226 .consulting-wrap::after {
  width: 60px;
  height: 60px;
  bottom:-20px;
  right:-10px;
  transform:rotate(15deg);    
}


#news #shoes_20250226 .consulting-section .consulting-btn {
    height: 48px;
    width: 200px;
}


#news #shoes_20250226 .consulting-section .consulting-btn span.circle_btn {
  font-size: calc(((100 / 375) * 14) * 1vw);
}



#news #shoes_20250226 .consulting-section .consulting-txt01 {
  font-size: calc(((100 / 375) * 16) * 1vw);
  margin-bottom: 20px;
}

#news #shoes_20250226 .consulting-section .consulting-txt02-wrap {
  font-size: calc(((100 / 375) * 18) * 1vw);
  margin-bottom: 20px;
  padding: 20px 10px;
}

#news #shoes_20250226 .consulting-section .consulting-txt02 {
  font-size: calc(((100 / 375) * 14) * 1vw);
  margin-bottom: 0.5em;
}

#news #shoes_20250226 .consulting-section .consulting-txt03 {
  font-size: calc(((100 / 375) * 14) * 1vw);
  line-height: 2;
}


#news #shoes_20250226 .consulting-section .consulting-btn span.circle_btn {
  font-size: calc(((100 / 375) * 14) * 1vw);
}


#news #shoes_20250226 .consulting-section .consulting-btn span.circle_btn::after {
    right: 8%;
}



#news #shoes_20250226 .consulting-section .consulting-btn span.circle_btn::after {
    border-color: #fff;
}


#news #shoes_20250226 .consulting-section .consulting-detail a {
    font-size: calc(((100 / 375) * 13) * 1vw);
}

/* =============================================
カテゴリー
============================================= */

#news #shoes_20250226 .category-section {
  margin: 0 auto 60px;
}

#news #shoes_20250226 .category-wrap {
  width: 100%;
}

#news #shoes_20250226 .cate-list {
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  padding: 0 10px;
}

#news #shoes_20250226 .cate-list li {
  height: 16vw;
}

#news #shoes_20250226 .cate-list li a {
  font-size: calc(((100 / 375) * 14) * 1vw);
  color: #535353;
}

#news #shoes_20250226 .cate-list li a .cate-icon {
  width: 10.667vw;
  margin-left: 0;
  margin-right: 0.8rem;
}

/* =============================================
足の形から選ぶ
============================================= */

#news #shoes_20250226 .footshape-section {
  width: 100%;
  margin: 0 auto 60px;    
}


#news #shoes_20250226 .fs-list {
  max-width: 96%;
}

#news #shoes_20250226 .fs-list li {
  width: calc((96% - (4px * 2)) / 3);
  height: auto;    
}

#news #shoes_20250226 .fs-list li:not(:nth-child(4n)) {
  margin-right: 0;
}


#news #shoes_20250226 .fs-list li:not(:nth-child(3n)) {
  margin-right: 4px;
}



#news #shoes_20250226 .fs-list li:last-child {
  margin-right: 0;
}


#news #shoes_20250226 .fs-list li:nth-last-child(n + 5) {
  margin-bottom: 0;
}


#news #shoes_20250226 .fs-list li:nth-last-child(n + 4) {
  margin-bottom: 15px;
}

#news #shoes_20250226 .fs-list li a {
  height: 40px;
  font-size: calc(((100 / 375) * 14) * 1vw);
  padding: 0 10px;
}


/* =============================================
ランキング
============================================= */

#news #shoes_20250226 .ranking-section {
  width: 100%;
  margin: 0 auto 60px;    
}

#news #shoes_20250226 .ranking-section .section {
    padding: 0 12px;
}


#news #shoes_20250226 .ranking-section h2 img {
  max-width: 100%;
  height: auto;
}

#news #shoes_20250226 .ranking-sttl {
  font-size: 18px;
  font-size: calc(((100 / 375) * 15) * 1vw);
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.4;
  margin-bottom: 15px;
  padding-left: 12px;
  padding-left: calc(((100 / 375) * 12) * 1vw);
  padding-top: 1px;
  position: relative;
  text-align: left;
}
#news #shoes_20250226 .ranking-sttl::before {
  height: 18px;
  height: calc(((100 / 375) * 15) * 1vw);
  left: 0;
  top: 45%;
  width: 4px;
  width: calc(((100 / 375) * 4) * 1vw);
}

#news #shoes_20250226 .ranking:not(:last-child) {
  margin-bottom: 40px;
}
#news #shoes_20250226 .ranking .list {
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding-top: 16px;
  padding-top: calc(((100 / 375) * 16) * 1vw);
  flex-wrap: nowrap;
}
#news #shoes_20250226 .ranking .item {
  position: relative;
  width: 120px;
  width: calc(((100 / 375) * 120) * 1vw);
}
#news #shoes_20250226 .ranking .item::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number01.svg");
  content: "";
  display: block;
  height: 32px;
  height: calc(((100 / 375) * 32) * 1vw);
  left: 0;
  position: absolute;
  top: -16px;
  top: calc(((100 / 375) * -16) * 1vw);
  width: 32px;
  width: calc(((100 / 375) * 32) * 1vw);
  z-index: 1;
}
#news #shoes_20250226 .ranking .item:nth-child(2)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number02.svg");
}
#news #shoes_20250226 .ranking .item:nth-child(3)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number03.svg");
}
#news #shoes_20250226 .ranking .item:nth-child(4)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number04.svg");
}
#news #shoes_20250226 .ranking .item:nth-child(5)::before {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/icon-number05.svg");
}
#news #shoes_20250226 .ranking .item:not(:nth-child(5n)) {
  margin-right: 15px;
}
#news #shoes_20250226 .ranking .thumb {
  margin-bottom: 8px;
  width: 120px;
  width: calc(((100 / 375) * 120) * 1vw);
}
#news #shoes_20250226 .ranking .thumb img {
  border: 1px solid #ccc;
  width: 100%;
}
#news #shoes_20250226 .ranking .name {
  color: #010101;
  font-size: 11px;
  font-size: calc(((100 / 375) * 11) * 1vw);
  letter-spacing: 0.04em;
  line-height: 16px;
  line-height: calc(((100 / 375) * 16) * 1vw);
  font-weight: normal;
}

/* =============================================
シューフィッターレコメンド
============================================= */
#news #shoes_20250226 .recommend {
  margin-bottom: 60px;
  width: 100%;
}


#news #shoes_20250226 .recommend .h2 .h2-ttl{
  flex-direction: column;    
}

#news #shoes_20250226 .Primary {
  background-color: #e8e8e8;
  padding: 30px 0 40px;
  position: relative;
  width: 100%;
}

#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents {
  background-color: #fff;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
}

#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents {
  padding: 30px;
}

#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents .goodsTitle  {
  font-size: calc(((100 / 375) * 18) * 1vw);
  color: #535353;
  font-weight: bold;      
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
 align-items: center;    
}


#news　#shoes_20250226　.Primary　.swiperSliderRecommend　.swiperContents　.goodData　.name {
  font-size: calc(((100 / 375) * 14) * 1vw);
  color: #ea5532;
  font-weight: normal;
  padding-left: 10px;
}

#news #shoes_20250226 .Primary .swiperSliderRecommend .swiper-wrapper {
  display: flex;
  margin-bottom: 0;
}

#news　#shoes_20250226　.Primary　.swiperSliderRecommend　.swiper-wrapper　.swiper-slide {
  display: flex;
  height: auto;
}

#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents {
  background-color: #fff;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  width: 100%;
}


#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents {
  margin-right: 15px;
  width: 50%;
}






#news #shoes_20250226 .Primary .goodsText {
  font-size: 16px;
  line-height: 1.6em;
  text-align: left;
}




#news #shoes_20250226 .Primary .goodData .name span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

#news #shoes_20250226 .Primary .goodData .price b {
  font-size: 18px;
  font-weight: bold;
}

#news #shoes_20250226 .Primary .comment {
  display: flex;
  width: calc(100% - 80px);
}

#news #shoes_20250226 .Primary .comment .speaker {
  height: 26px;
  width: 14px;
}

#news #shoes_20250226 .Primary .comment span {
  color: #7d6b53;
  font-size: 16px;
  margin-left: 5px;
}

#news #shoes_20250226 .Primary .nextBuyer,
#news #shoes_20250226 .Primary .prevBuyer {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  cursor: pointer;
  height: calc(98px / 2);
  position: absolute;
  top: 50% !important;
  width: calc(32px / 2);
  z-index: 1;
}

#news #shoes_20250226 .Primary .prevBuyer,
#news #shoes_20250226 .Primary .swiper-container-rtl .nextBuyer {
  left: 4.5em;
  right: auto;
}

#news #shoes_20250226 .Primary .nextBuyer,
#news #shoes_20250226 .Primary .swiper-container-rtl .prevBuyer {
  left: auto;
  right: 4.5em;
  transform: scale(-1, 1);
}

#news #shoes_20250226 .Primary .swiper-pagination {
  margin: 15px auto;
}

#news #shoes_20250226 .Primary .swiper-pagination-bullet {
  height: 12px;
  margin: 0 5px;
  width: 12px;
}

#news #shoes_20250226 .Primary .swiper-button-next.swiper-button-disabled,
#news #shoes_20250226 .Primary .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: auto !important;
}

#news #shoes_20250226 .Primary {
  padding: 30px 0 0;
}

#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents {
  padding: 0;
}




#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents > a {
  display: flex;
  flex-wrap: wrap;
}

#news
  #shoes_20250226
  .Primary
  .swiperSliderRecommend
  .swiperContents {
  margin-right: 0;
  padding: 15px;
  width: 100%;
}


#news #shoes_20250226 .Primary .swiperSliderRecommend .swiper-slide {
    padding: 0;
}


/*#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents .goodData {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto auto;
}*/


#news #shoes_20250226 .Primary .swiperSliderRecommend .swiperContents .goodData {
    display: block;
}


#news #shoes_20250226 .Primary .goodData .name {
font-size: calc(((100 / 375)* 14)* 1vw);
padding-top: 10px;     
}


#news #shoes_20250226 .Primary .goodData .price {
  font-size: calc(((100 / 375) * 12) * 1vw);
  margin-top: 5px;
  text-align: right;
}

#news #shoes_20250226 .Primary .goodData .price span {
  font-size: calc(((100 / 375) * 18) * 1vw);
  font-weight: bold;
}

#news #shoes_20250226 .Primary .goodsText {
  font-size: calc(((100 / 375) * 13) * 1vw);
  line-height: 1.6;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  grid-row: 3;
  grid-column: 1 / 3;    
}



#news #shoes_20250226 .Primary .swiperContents .goodsImg img {
    width: 100%;
}



#news #shoes_20250226 .Primary .prevBuyer {
  left: 0.5em;
}

#news #shoes_20250226 .Primary .nextBuyer {
  right: 0.5em;
}

#news #shoes_20250226 .swiper-pagination-bullet-active {
  background: #ea5532;
  opacity: 1;
}

#news #shoes_20250226 .Primary .nextBuyer,
#news #shoes_20250226 .Primary .prevBuyer {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  cursor: pointer;
  height: calc(98px / 2);
  position: absolute;
  top: 50% !important;
  width: calc(32px / 2);
  z-index: 1;
}

#news #shoes_20250226 .swiper-button-prev,
#news #shoes_20250226 .swiper-button-next {
  background-image: url("/ec/shop/images/campaign/cTop_shoes/slide_arrow.png");
  background-size: 80%;
  left: -1.5em;
  margin: 0;
  right: auto;
  top: 32%;
}

#news #shoes_20250226 .Primary a span.circle_btn {
    font-size: calc(((100 / 375) * 13) * 1vw);
}

/* =============================================
特集
============================================= */

#news #shoes_20250226 .feature-section-wrap {
  width: 100%;
  margin: 0 auto 60px;
  padding-left: 20px;
  padding-right: 20px;    
}

#news #shoes_20250226 .feature-section .feature {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 11px;
  margin: 0;
}

#news #shoes_20250226 .feature-section .feature-item .feature-ttl {
  font-size: calc(((100 / 375) * 14) * 1vw);
  margin-top: 1em;
}

#news #shoes_20250226 .feature-section .feature-item .feature-txt {
  font-size: calc(((100 / 375) * 12) * 1vw);
  margin-top: 0.5em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#news #shoes_20250226 .feature-section .feature-item .feature-btn {
  margin-top: 1em;
  display: inline-block;
}


#news #shoes_20250226 .feature-section a span.circle_btn {
    font-size: calc(((100 / 375) * 13) * 1vw);
}

/* =============================================
NET de PAYでのご購入
============================================= */
#news #shoes_20250226 .netdepay-section {
  padding: 30px 0;
  margin: 0 auto 60px;
}

#news #shoes_20250226 .netdepay-section-wrap {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;    
}

#news #shoes_20250226 .netdepay-section .txt {
  font-size: calc(((100 / 375) * 17) * 1vw);
  text-align: left;
}

#news #shoes_20250226 .netdepay-section .attention {
  font-size: calc(((100 / 375) * 12) * 1vw);
  margin: 10px auto 20px;
  text-align: left;    
}

#news #shoes_20250226 .netdepay-section .img img {
  width: 85%;
  height: auto;
}

/* =============================================
WEBカタログから探す
============================================= */

#news #shoes_20250226 .catalog-section {
  margin-bottom: 60px;
}


#news #shoes_20250226 .catalog-section-wrap {
  padding-left: 20px;
  padding-right: 20px;    
  width: 100%;
  margin: 0;    
}

#news #shoes_20250226 .catalog-section .h3 {
  padding-top: 10px;
}

#news #shoes_20250226 .catalog-section .txt {
  font-size: calc(((100 / 375) * 17) * 1vw);
  margin: 30px auto 0;
  text-align: left;
}

#news #shoes_20250226 .catalog-section .attention {
  font-size: calc(((100 / 375) * 12) * 1vw);
  margin: 5px auto 30px;
  text-align: left;
  line-height: 1.6;
}

#news #shoes_20250226 .catalog-section .img {
  margin: 0 auto 30px;
}

#news #shoes_20250226 .catalog-section .img a:hover {
  opacity: 0.7;
}

#news #shoes_20250226 .catalog-section .img img {
  width: 85%;
}

#news #shoes_20250226 .catalog-section .information-area {
  background-color: #fff;
  border: 1px solid #c9204e;
  padding: 10px 15px;
  width: 95%;
  margin: 30px auto;
  position: relative;
}

#news #shoes_20250226 .catalog-section .information-area::before {
  content: "";
  position: absolute;
  display: inline-block;
  background: url("/ec/shop/images/campaign/cTop_shoes/diagonal_line.png")
    no-repeat;
  background-size: contain;
  width: 10vw;
  height: 10vw;
  left: -10px;
  top: -10px;
}

#news #shoes_20250226 .catalog-section .information-area::after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url("/ec/shop/images/campaign/cTop_shoes/diagonal_line.png")
    no-repeat;
  background-size: contain;
  width: 10vw;
  height: 10vw;
  right: -10px;
  bottom: -10px;
}

#news #shoes_20250226 .catalog-section .information-area .information-ttl {
  font-size: calc(((100 / 375) * 18) * 1vw);
  font-weight: 500;
  border-bottom: 1px dotted #c9204e;
  color: #c9204e;
  padding-bottom: 0.2em;
  letter-spacing: 0.2em;
}

#news #shoes_20250226 .catalog-section .information-area .information-date {
  font-size: calc(((100 / 375) * 17) * 1vw);
  font-weight: bold;
  text-align: left;
  margin-top: 15px;
}

#news #shoes_20250226 .catalog-section .information-area .information-txt {
  text-align: left;
  font-size: calc(((100 / 375) * 16) * 1vw);
  margin-top: 8px;
  line-height: 1.8;
}

#news #shoes_20250226 .catalog-section .catalog {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 11px;
  /*margin: 30px 0;*/
}

#news #shoes_20250226 .catalog-section .catalog-item a:hover {
  opacity: 0.7;
  cursor: pointer;
}

#news #shoes_20250226 .catalog-section .catalog-item a img {
  width: 100%;
}

#news #shoes_20250226 .catalog-section .catalog-item a .catalog-brand {
  font-size: 11px;
  font-size: calc(((100 / 375) * 12) * 1vw);
  letter-spacing: 0.04em;
  line-height: 17px;
  line-height: calc(((100 / 375) * 17) * 1vw);
  margin-top: 7px;
}

#news #shoes_20250226 .catalog-section .catalog-item a .catalog-name {
  font-size: 11px;
  font-size: calc(((100 / 375) * 12) * 1vw);
  letter-spacing: 0.04em;
  line-height: 17px;
  line-height: calc(((100 / 375) * 17) * 1vw);
}

#news #shoes_20250226 .catalog-section .catalog-item .catalog-info a {
  color: #ea5532;
  font-size: 11px;
  font-size: calc(((100 / 375) * 10) * 1vw);
  letter-spacing: 0.04em;
  line-height: 17px;
  line-height: calc(((100 / 375) * 17) * 1vw);
  margin-top: 7px;
  border-bottom: 1px solid #ea5532;
  pointer-events: auto;    
}

#news #shoes_20250226 .catalog-section .catalog-item .catalog-info a:hover {
  border-bottom: none;
}

#news #shoes_20250226 .accordion_header02 {
  width: 90%;
  margin: 30px auto 0;
  position: relative;
}

#news #shoes_20250226 .accordion_header02 p {
  color: #ea5532;
  font-size: calc(((100 / 375) * 16) * 1vw);
  height: 100%;
  width: 100%;
  padding: 0.5em 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* アコーディオン */

#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_header02:hover {
  opacity: 0.8;
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_header02 .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 58%;
  right: 5%;
  width: 12px;
  height: 12px;
  margin-top: -12px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  border-radius: 16px;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02
  .i_box
  .one_i {
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02.open
  .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02
  .i_box
  .one_i::before,
.morecatalog02 .accordion_two .accordion_header02 .i_box .one_i::after {
  display: flex;
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02
  .i_box
  .one_i::before {
  width: 2px;
  height: 16px;
  top: 0;
  left: 7px;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02.open
  .i_box
  .one_i::before {
  content: none;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02.open
  .i_box
  .one_i::before {
  content: none;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_header02.open
  .i_box
  .one_i::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 {
  display: none;
  box-sizing: border-box;
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .box_one {
  margin-top: 17px;
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .box_one p {
  margin-top: 10px;
  font-size: calc(((100 / 375) * 14) * 1vw);
  line-height: 25px;
  text-align: left;
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea {
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;    
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea .close_box a.close_btn02 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  line-height: 1.3;
  color: #ea5532;
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: calc(((100 / 375) * 15) * 1vw);
  height: auto;      
}
#news #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea .close_box a.close_btn02:hover {
  opacity: 0.8;
}
#news
  #shoes_20250226 .morecatalog02 .accordion_two .accordion_inner02 .closeArea .close_box a.close_btn02 .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 60%;
  right: 12px;
  width: 20px;
  height: 20px;
  margin-top: -15px;
  border-radius: 10px;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_inner02
  .closeArea
  .close_box
  a.close_btn02
  .i_box
  .one_i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
#news
  #shoes_20250226
  .morecatalog02
  .accordion_two
  .accordion_inner02
  .closeArea
  .close_box
  a.close_btn02
  .i_box
  .one_i::before {
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center center;
}

#news #shoes_20250226 .morecatalog02.more_item {
  margin: 0;
  padding: 0;
}

/* アコーディオン */

/* =============================================
婦人靴MAP
============================================= */
#news #shoes_20250226 .map-section {
  width: 100%;
  margin: 0 auto 60px;
}

/* =============================================
ブランド
============================================= */
#news #shoes_20250226 .brand-section {
  width: 100%;
 margin: 0 auto 20px;    
}

#news #shoes_20250226 .brand-section .section {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;    
}


#news #shoes_20250226 .brand-section .txt {
  font-size: calc(((100 / 375) * 15) * 1vw);
  text-align: left;
  margin: 0 auto 30px;
  padding: 0 20px;
}

#news #shoes_20250226 .brand-list {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 6px;
}
#news #shoes_20250226 .brand-list:not(:last-child) {
  margin-bottom: 40px;
}
#news #shoes_20250226 .brand-list li a .brand-name {
  font-size: 11px;
  font-size: calc(((100 / 375) * 10) * 1vw);
  letter-spacing: 0.04em;
  line-height: 17px;
  line-height: calc(((100 / 375) * 17) * 1vw);
  margin-top: 8px;
}


#news #shoes_20250226 .accordion_header {
  width: 90%;
  margin: 30px auto 0;
  position: relative;
}

#news #shoes_20250226 .accordion_header p {
  color: #ea5532;
  font-size: calc(((100 / 375) * 16) * 1vw);
  height: 100%;
  width: 100%;
  padding: 0.5em 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* アコーディオン */

#news #shoes_20250226 .morecatalog .accordion_one .accordion_header:hover {
  opacity: 0.8;
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 58%;
  right: 5%;
  width: 12px;
  height: 12px;
  margin-top: -12px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  border-radius: 16px;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header
  .i_box
  .one_i {
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header.open
  .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header
  .i_box
  .one_i::before,
.morecatalog .accordion_one .accordion_header .i_box .one_i::after {
  display: flex;
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header
  .i_box
  .one_i::before {
  width: 2px;
  height: 16px;
  top: 0;
  left: 7px;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header.open
  .i_box
  .one_i::before {
  content: none;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header.open
  .i_box
  .one_i::before {
  content: none;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_header.open
  .i_box
  .one_i::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_inner {
  display: none;
  box-sizing: border-box;
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_inner .box_one {
  margin-top: 17px;
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_inner .box_one p {
  margin-top: 10px;
  font-size: calc(((100 / 375) * 14) * 1vw);
  line-height: 25px;
  text-align: left;
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea {
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;    
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  /*border: 1px solid #ea5532;*/
  padding: 12px;
  text-decoration: none;
  line-height: 1.3;
  color: #ea5532;
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: calc(((100 / 375) * 15) * 1vw);
  height: auto;      
}
#news #shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
  opacity: 0.8;
}
#news
  #shoes_20250226 .morecatalog .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 60%;
  right: 12px;
  width: 20px;
  height: 20px;
  margin-top: -15px;
  border-radius: 10px;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_inner
  .closeArea
  .close_box
  a.close_btn
  .i_box
  .one_i {
  display: flex;
  justify-content: center;

  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
#news
  #shoes_20250226
  .morecatalog
  .accordion_one
  .accordion_inner
  .closeArea
  .close_box
  a.close_btn
  .i_box
  .one_i::before {
  content: "";
  background-color: #ea5532;
  border-radius: 10px;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center center;
}

#news #shoes_20250226 .morecatalog.more_item {
  margin: 0;
  padding: 0;
}


/* =============================================
商品一覧を見る
============================================= */

#news #shoes_20250226 .viewAll {
  width: 90%;
  height: auto;    
  margin: 0 auto 60px;
}


#news #shoes_20250226 .viewAll a p {
  font-size: calc(((100 / 375) * 15) * 1vw);
  letter-spacing: 0.1em;
}

#news #shoes_20250226 .viewAll::after {
  right: 5%;
  top: 50%;
  margin-top: -4px;
margin-top: -1.067vw;
}

/* =============================================
オンライン相談
============================================= */
#news #shoes_20250226 .consultation-section {
  padding: 30px 20px;
}

#news #shoes_20250226 .consultation-wrap {
  padding: 20px;
  width: 100%;
}

#news #shoes_20250226 .consultation-wrap .title .h2 {
  margin: 0 0 20px;
}


#news #shoes_20250226 .consultation-wrap .title .consultation-img img {
  width: 70%;
  height: auto;
  margin: 5px auto 20px;    
}


#news #shoes_20250226 .consultation-wrap .txt-area {
  text-align: center;
}


#news #shoes_20250226 .consultation-wrap .txt-01 {
  font-size: calc(((100 / 375) * 16) * 1vw);
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: left;    
}

#news #shoes_20250226 .consultation-wrap .txt-area .txt-list {
  margin-bottom: 20px;
  text-align: left;    
}

#news #shoes_20250226 .consultation-wrap .txt-area .txt-list li {
  font-size: calc(((100 / 375) * 13) * 1vw);
  line-height: 1.6;
  text-align: left;    
}

#news #shoes_20250226 .consultation-wrap .txt-area .txt-02 {
  font-size: calc(((100 / 375) * 14) * 1vw);
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: left;    
}

#news #shoes_20250226 .consultation-wrap .txt-area .txt-03 {
  font-size: calc(((100 / 375) * 12) * 1vw);
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: left;    
}

#news #shoes_20250226 .consultation-wrap .consultation-btn {
  width: 100%;
  height: auto;
}

#news #shoes_20250226 .consultation-wrap .consultation-btn a {
  font-size: calc(((100 / 375) * 11) * 1vw);
  padding: 0.8em 0;
}

#news #shoes_20250226 .consultation-wrap .btn02 {
  margin-top: 20px;
}

#news #shoes_20250226 .consultation-wrap .consultation-btn::after {
  width: 1.333vw;
  height: 1.333vw;
  right: 5%;
  top: 50%;
  margin-top: -5px;
  margin-top: -0.533vw;
}

#news
  #shoes_20250226
  .consultation-wrap
  .consultation-btn
  .consultation-btn-text {
  color: #fff;
  font-size: calc(((100 / 375) * 15) * 1vw);
}

/* =============================================
モーダル
============================================= */

#news #shoes_20250226 .modal {
  background-color: rgb(0 0 0 / 80%);
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1700;
}

#news #shoes_20250226 .modal .modal__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 93.33vw;
  height: 150.13vw;
  max-height: 858px;
  max-width: 523px;
}

#news #shoes_20250226 .modal .modal__close {
  color: #000;
  font-size: 38px;
  line-height: 1;
  font-weight: normal;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 3px;
}

#news #shoes_20250226 .modal .modal__img {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  margin: 20px 0;
  width: 93.33vw;
  height: 150.13vw;
  max-height: 858px;
  max-width: 523px;
}

#news #shoes_20250226 .modal .modal__img img {
  height: auto;
}

#news #shoes_20250226 .shoes20250226-fixed {
  position: fixed;
}

/* モーダルのスタイル調整 */
#news #shoes_20250226 .modaal-content-container {
  padding: 20px;
}



/* =============================================
モーダル中身
============================================= */

#news .modaal-container {
    
}

#news #shoes_20250226 .modal-inner {
  display: none;
}

#news .modaal-container {
   width: 100%; 
}

#news .modaal-content-container {
  border: 10px solid #ea5532;
  padding: 30px;
}

#news .modaal-content-container .text {
  font-size: calc(((100 / 375) * 15) * 1vw);
  margin-bottom: 15px;
}


#news .modaal-content-container .btn a {
  padding: 10px 30px;
}


/*mapモーダル*/

#news .modaal-wrapper-map .modaal-container {
  width: 100%;
  margin: 0 auto; 
}

#news .modaal-wrapper-map .modaal-content-container {
    border: none;
    padding: 0;
}

#news .modaal-wrapper-map .modaal-content-container img {
    max-width: 100%;
  height: auto;
}





/* =============================================
調整用
============================================= */
#news #shoes_20250226 .pc {
  display: none;
}
#news #shoes_20250226 .sp {
  display: block;
}
