@charset "UTF-8";

/* ----------------------------------
 FERNANDA STRAWBERRY
---------------------------------- */
body { background: #fff;}

.for-sp { display: none !important;}
#body-contents .for-sp { display: initial !important;}
#body-contents .for-pc { display: none !important;}

#feature-fernanda { max-width: 1000px; padding: 0 0 50px; margin: 0 auto 50px; overflow: hidden; box-sizing: border-box;}
#feature-fernanda * { 
	font-family: "Yu Gothic Medium", "Yu Gothic", "游ゴシック", "游ゴシック体", "Helvetica Neue", HelveticaNeue, YuGothic, Verdana, Meiryo, sans-serif;
	font-weight: 500;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	box-sizing: border-box;
}
#feature-fernanda h1,
#feature-fernanda h2,
#feature-fernanda h3,
#feature-fernanda h4 { width: auto; padding: 0; margin: 0; border: none; position: relative; top: auto; left: auto; z-index: 1;}
#feature-fernanda ul { margin: 0; padding: 0;}

#event-contents-wrapper { width: auto; overflow: visible;}
#StyleT-list-wrapper { width: 1000px; margin: 0 auto;}

/* メインビジュアル */
#feature-fernanda #sec_visual { margin: 0 auto 80px;}
#feature-fernanda #sec_visual .image { text-align: center;}
#feature-fernanda #sec_visual .image img { width: 100%; vertical-align: top;}

/* メッセージ */
#feature-fernanda #sec_message .text {
	padding: 0;
	margin: 0 0 23px;
	font-size: 16px;
	font-size: clamp(14px, 1.5625vw, 16px);
	text-align: center;
	line-height: 2.0;
	color: #333;
}

/* 日付 */
#feature-fernanda #release_day {
	padding: 0 0 0 30px;
	margin: 0 0 80px;
	font-family:'游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	font-size: 16px;
	font-size: clamp(14px, 1.5625vw, 16px);
	text-align: left;
	line-height: 1;
	color: #333;
}

/* ページナビゲーション */
#feature-fernanda #sec_navi { margin: 0 auto 100px;}
#feature-fernanda #sec_navi .navi-list { display: flex; justify-content: center; gap: 10px;}
#feature-fernanda #sec_navi .navi-list li { max-width: calc(50% - 5px);}
#feature-fernanda #sec_navi .navi-list li img { max-width: 100%; vertical-align: top;}

/* 商品一覧 */
#feature-fernanda .lineup-frame { margin: 0 0 100px;}
#feature-fernanda .lineup-frame h2.title { margin: 0 0 80px; text-align: center;}
#feature-fernanda .lineup-frame h2.title img { width: 100%; vertical-align: top;}
#feature-fernanda .item-list { width: 100%; padding: 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 80px;}
#feature-fernanda .item-list * { line-height: 1.7;}
#feature-fernanda .item-list .item { width: calc(50% - 40px);}
#feature-fernanda .item-list .item-img { margin: 0 0 26px;}
#feature-fernanda .item-list .item-img img { width: 100%; vertical-align: top;}
#feature-fernanda .item-list .item-txt { margin: 0 0 20px; font-size: 16px; font-size: clamp(14px, 1.5625vw, 16px); text-align: left; letter-spacing: .06em;}
#feature-fernanda .item-list .item-txt sup { font-size: .6em; line-height: 1;}
#feature-fernanda .item-list .item-note { margin: 0 0 14px; font-size: 12px; font-size: clamp(10px, 1.1719vw, 12px);}
#feature-fernanda .item-list .price-list { padding: 0; margin: 0 0 14px; font-size: 14px; font-size: clamp(12px, 1.3672vw, 14px); text-align: left; letter-spacing: .06em; color: #333;}
#feature-fernanda .item-list .price-list * { color: inherit; line-height: inherit;}
#feature-fernanda .item-list .price-list .item-note { margin-bottom: 0;}
#feature-fernanda .item-list .price-list a:not(:hover) { text-decoration: underline;}
#feature-fernanda .item-list .set { max-width: 440px; height: auto; padding: 10px 20px; font-size: 14px; font-size: clamp(12px, 1.3672vw, 14px); display: block; background: #e8f1dc7a;}
#feature-fernanda .item-list .set span { font-weight: bold;}

/* FERNANDA */
#feature-fernanda #sec_fernanda { margin: 0 auto 120px; background: #f7f4f0;}
#feature-fernanda #sec_fernanda .section-inner { padding: 50px; display: flex; justify-content: space-between; align-items: center;}
#feature-fernanda #sec_fernanda .logo { width: 150px; padding: 0; margin: 0;}
#feature-fernanda #sec_fernanda .text { width: calc(100% - 200px); padding: 0; margin: 0; font-size: 16px; font-size: clamp(14px, 1.5625vw, 16px); color: #333; line-height: 1.8;}
#feature-fernanda #sec_fernanda .text span { font-size: 13px;}
#feature-fernanda #sec_fernanda .text a { text-decoration: underline; color: #333;}
#feature-fernanda #sec_fernanda .text a:hover { text-decoration: none;}

/* STAFF PICK UP */
#feature-fernanda #sec_staffpickup { margin: 0 auto 120px; box-sizing: border-box;}
#feature-fernanda #sec_staffpickup h2 { padding: 0; margin: 0 0 15px; text-align: center; line-height: 1;}
#feature-fernanda #sec_staffpickup p { padding: 0; margin: 0; font-size: 18px;  font-weight: bold; text-align: center; line-height: 1;color: #231816;}
#feature-fernanda #sec_staffpickup a#feature-fernanda-btn { width: 780px; height: 70px; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-top: 50px;}
#feature-fernanda .hacobune-grid-col { display: none;}
#feature-fernanda .hacobune-grid-col:nth-child(-n+8) { display: block;}
#feature-fernanda #staffpickup h2 { display: none;}
#feature-fernanda #staffpickup .hacobune-logo { display: none;}

/* PICK UP */
#feature-fernanda #sec_pickup { max-width: 660px; margin: 0 auto 120px; box-sizing: border-box;}
#feature-fernanda #sec_pickup h2 { padding: 0; margin: 0 0 15px; text-align: center; line-height: 1;}
#feature-fernanda #sec_pickup p { padding: 0; margin: 0; font-size: 16px; font-weight: bold; text-align: center; line-height: 1; color: #231816;}
#feature-fernanda #sec_pickup .pickup-list { margin: 40px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px;}
#feature-fernanda #sec_pickup .pickup-list li { width: calc(50% - 10px);}
#feature-fernanda #sec_pickup .pickup-list li img { width: 100%; vertical-align: top;}
#feature-fernanda #sec_pickup .pickup-list li a:hover { opacity: 0.8;}

/* 赤ボタン */
#feature-fernanda .design-button {
  width: 460px;
  height: 50px;
  line-height: 50px;
  background-color: #c32b27;
	background-image: url("/img/usr/event/feature-fernanda/2025/09/link_arrow.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
  margin: 0 auto;
  border-radius: 25px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
#feature-fernanda .design-button:hover { opacity: 0.8;}

/* 注釈 */
#feature-fernanda .tax-info { margin: 120px 0 0; font-size: 16px; text-align: center; color: #494949; display: block;}

/* 追従ボタン */
#feature-fernanda .btn_item_lp_ { display: none; position: fixed; bottom: 150px; right: 20px; z-index: 9;}
#feature-fernanda .btn_item_lp_ img { width: 130px;}


/* SP表示（追加・上書き）
---------------------------------- */
#section-title,
#section-title h1,
#section-title h2,
#section-title h3,
#section-title h4,
#section-title p { width: auto; padding: 0; margin: 0; border: none; display: block;}

/* メインビジュアル */
#body-contents #feature-fernanda #sec_visual { margin: 0 auto 40px;}

/* メッセージ */
#body-contents #feature-fernanda #sec_message .text {}

/* 日付 */
#body-contents #feature-fernanda #release_day { padding: 0 20px; margin: 0 auto 40px;}

/* ページナビゲーション */
#body-contents #feature-fernanda #sec_navi { padding: 0 16px; margin: 0 auto 40px;}

/* 商品一覧 */
#body-contents #feature-fernanda .lineup-frame { margin: 0 20px 60px;}
#body-contents #feature-fernanda .lineup-frame h2.title { margin: 0 0 30px; text-align: center;}
#body-contents #feature-fernanda .item-list { padding: 0; display: block;}
#body-contents #feature-fernanda .item-list .item { width: 100%;}
#body-contents #feature-fernanda .item-list .item + .item { margin-top: 50px;}
#body-contents #feature-fernanda .item-list .item-img { margin: 0 0 20px;}
#body-contents #feature-fernanda .item-list .item-txt { margin: 0 0 15px;}
#body-contents #feature-fernanda .item-list .item-note { margin: 0 0 10px;}
#body-contents #feature-fernanda .item-list .price-list li + li { margin-top: 5px;}

/* FERNANDA */
#body-contents #feature-fernanda #sec_fernanda { margin: 0 20px 60px; background: #f7f4f0;}
#body-contents #feature-fernanda #sec_fernanda .section-inner { padding: 30px 20px; display: block;}
#body-contents #feature-fernanda #sec_fernanda .logo { width: 150px; padding: 0; margin: 0 auto 15px; text-align: center;}
#body-contents #feature-fernanda #sec_fernanda .text { width: 100%; text-align: left;}

/* STAFF PICK UP */
#body-contents #feature-fernanda #sec_staffpickup { margin: 0 auto 60px; box-sizing: border-box;}
#body-contents #feature-fernanda #sec_staffpickup h2 img { height: 24px; vertical-align: top;}
#body-contents #feature-fernanda #sec_staffpickup p { font-size: 14px;}
#body-contents #feature-fernanda .hacobune-grid-col { display: none;}
#body-contents #feature-fernanda .hacobune-grid-col:nth-child(-n+6) { display: block;}
#body-contents #feature-fernanda #staffpickup h2 { display: none;}
#body-contents #feature-fernanda #staffpickup .hacobune-logo { display: none;}
#body-contents #feature-fernanda #staffpickup .load-more { display: none;}
#body-contents #feature-fernanda #staffpickup .hacobune-media-post-list-item { padding: 2px;}
#body-contents #feature-fernanda #staffpickup .hacobune-grid-col { flex: 0 0 33.3333% !important; max-width: 33.3333% !important;}
#body-contents #feature-fernanda #staffpickup .hacobune-media-post-list-item-img-container { position: relative; width: 100%; padding-top: 100%; overflow: hidden; margin-bottom: 12px;}
#body-contents #feature-fernanda #staffpickup .hacobune-media-post-list-item-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/* PICK UP */
#body-contents #feature-fernanda #sec_pickup { padding: 0 20px; margin: 0 auto 60px;}
#body-contents #feature-fernanda #sec_pickup h2 img { height: 24px; vertical-align: top;}
#body-contents #feature-fernanda #sec_pickup p { font-size: 14px;}
#body-contents #feature-fernanda #sec_pickup .pickup-list { margin: 20px 0 0 0; gap: 10px;}
#body-contents #feature-fernanda #sec_pickup .pickup-list li { width: calc(50% - 5px);}

/* 赤ボタン */
#body-contents #feature-fernanda .design-button { width: 86%; height: 46px; line-height: 46px; font-size: 14px;}

/* 注釈 */
#feature-fernanda .tax-info { margin: 60px 0 0; font-size: 14px;}

/* 追従ボタン */
#body-contents #feature-fernanda .btn_item_lp_ { bottom: 75px; right: 15px; z-index: 999;}
#body-contents #feature-fernanda .btn_item_lp_.fixed { bottom: 75px;}
#body-contents #feature-fernanda .btn_item_lp_ img { width: 85px;}

/* ----------------------------------
 VISUMO
---------------------------------- */
@media screen and (min-width: 750px) {
	.hacobune-dialog-mask .hacobune-media-post-item-slider-image img { height: 100% !important;}
	.hacobune-dialog-mask .hacobune-carousel .hacobune-carousel-list { padding: 8px !important; margin-top: 0 !important; gap: 8px !important;}    
	.hacobune-dialog-mask .hacobune-carousel-list .hacobune-carousel-list-item { width: calc((100% - 10px * 3) / 5) !important; padding: 0 !important;}
  .hacobune-dialog-mask img.hacobune-media-post-carousel-image { width: 100% !important; max-width: 14vh; height: 100%; max-height: 14vh; object-fit: contain;}
}