@charset "UTF-8";
/* ======================================================== */
/* WELCOME to FEILER ／ PC スタイル */
/* - すべて #wtf 配下にスコープ */
/* - 共通で使う要素は「common」ブロックに集約（重複削減） */
/* - 各セクションは START:〜 / END:〜 で区切り、HTML と同じ文書順 */
/* - 色:文字/罫線/ボタン #CC9735、本文 #2D2822、背景 #FEF7EE / #F8EDE0 */
/* - SP(728px以下)は welcome_to_feiler_sp.css で上書き */
/* ======================================================== */
/* ######################################################## */
/*                        START:root                        */
/* ######################################################## */
/* 変数・#wtf 土台・全体リセット */
#wtf {
  --wtf-serif:"游明朝",serif;
  --wtf-sans:"游ゴシック",sans-serif;
  font-family:var(--wtf-sans);
  color:#2D2822;
  line-height:1.9;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}
#wtf * {
  box-sizing:border-box;
}
img {
  max-width:100%;
  height:auto;
  vertical-align: bottom;
}
a:link,
a:visited {
  color: #FFF;
}
#wtf a:hover {
  text-decoration: unset;
}
/* ######################################################## */
/*                         END:root                         */
/* ######################################################## */
/* ######################################################## */
/*                       START:common                       */
/* ######################################################## */
/* 全セクション共通で使い回す要素をここに集約 */

/* common:ボタン（about / pattern / 各カテゴリ 全ボタン共通） */
.wtf-btn {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 650px;
  height: 60px;
  background:#CC9735;
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-size:20px;
  font-family: var(--wtf-serif);
  line-height:1;
}
.wtf-btn:link {
  color:#FFF;
}
.wtf-btn:hover {
  opacity:.85;
  text-decoration: unset;
}
.wtf-btn-arw {
  position:absolute;
  right:15px;
  width: 24.5px;
  height:auto;
}
/* ######################################################## */
/*                        END:common                        */
/* ######################################################## */
/* ######################################################## */
/*                        START:hero                        */
/* ######################################################## */
/* メインビジュアル※画像未支給・ダミー */
.wtf-hero-sec {
  position:relative;
}
.wtf-hero-ph {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#F5EAE0;
}

/* ######################################################## */
/*                         END:hero                         */
/* ######################################################## */
/* ######################################################## */
/*                       START:intro                        */
/* ######################################################## */
/* イントロ文＋アンカーナビ */
.wtf-intro-sec {
  background:#FEF7EE;
  text-align:center;
  padding-top: 81px;
}
.wtf-intro-catch {
  font-family:var(--wtf-serif);
  color:#CC9735;
  font-size:50px;
  font-weight:500;
  line-height: 67px;
  margin:0 0 31px;
}
.wtf-intro-text {
  width:1312px;
  margin:0 auto 120px;
  font-size:20px;
  line-height: 38px;
  font-weight: 500;
}
/* アンカーナビ：4項目とも同スタイル → a 一括指定 */
.wtf-intro-nav {
  display:flex;
  justify-content:center;
  max-width:900px;
  margin:0 auto;
}
.wtf-intro-nav a {
  width: 230px;
  height: 51.5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-decoration: unset;
  border-left:1px solid #CC9735;
}
.wtf-intro-nav a:last-child {
  border-right:1px solid #CC9735;
}
.wtf-intro-nav a img {
  width: auto;
  height: 46.5px;
}
/* ######################################################## */
/*                        END:intro                         */
/* ######################################################## */
/* ######################################################## */
/*                     START:about-head                     */
/* ######################################################## */
/* ABOUT FEILER 見出し画像 */
.wtf-about-sec {
  background:#FEF7EE;
  padding: 140px 0;
}
.wtf-about-head {
  text-align:center;
  line-height:0;
  margin-bottom:80px;
}
.wtf-about-head img {
  width:auto;
  height: 167px;
}
/* ######################################################## */
/*                      END:about-head                      */
/* ######################################################## */
/* ######################################################## */
/*                     START:feiler-row                     */
/* ######################################################## */
/* ABOUT / FEILER ブロック：左テキスト・右画像 */
.wtf-feiler-row {
  display:flex;
  align-items:center;
  gap:120px;
  width: 1100px;
  margin:0 auto 120px;
}
.wtf-feiler-body {
  flex:1;
}
.wtf-feiler-logo {
  line-height:0;
  margin:0 auto;
  height: 65px;
  text-align: center;
}
.wtf-feiler-logo img {
  width:auto;
  height:65px;
}
.wtf-feiler-line {
  border:0;
  border-top:1px solid #CC9735;
  margin:50px 0;
}
.wtf-feiler-body p {
  font-size:18px;
  line-height: 45px;
  font-weight: 500;
  margin-bottom: 45px;
  letter-spacing: 0.8px;
}
.wtf-feiler-body p:last-of-type {
  margin-bottom: 0;
}
.wtf-feiler-fig {
  width: 500px;
}
.wtf-feiler-fig img {
  display:block;
  width:100%;
  height: auto;
}
/* ######################################################## */
/*                      END:feiler-row                      */
/* ######################################################## */
/* ######################################################## */
/*                    START:loverary-row                    */
/* ######################################################## */
/* ABOUT / LOVERARY ブロック：左画像・右テキスト */
.wtf-loverary-row {
  display:flex;
  align-items:center;
  gap:120px;
  width: 1100px;
  margin:0 auto 120px;
}
.wtf-loverary-body {
  flex:1;
}
.wtf-loverary-logo {
  line-height:0;
  margin:0 auto;
  height: 65px;
  text-align: center;
}
.wtf-loverary-logo img {
  width:auto;
  height:63.55px;
}
.wtf-loverary-line {
  border:0;
  border-top:1px solid #CC9735;
  margin:50px 0;
}
.wtf-loverary-body p {
  font-size:18px;
  line-height: 45px;
  font-weight: 500;
  margin-bottom: 45px;
}
.wtf-loverary-body p:last-of-type {
  margin-bottom: 0;
}
.wtf-loverary-fig {
  width: 500px;
}
.wtf-loverary-fig img {
  display:block;
  width:100%;
  height: auto;
}
/* ######################################################## */
/*                     END:loverary-row                     */
/* ######################################################## */
/* ######################################################## */
/*                   START:about-closing                    */
/* ######################################################## */
/* ABOUT 締めテキスト＋ボタン（ボタンは common .wtf-btn） */
.wtf-about-closing {
  width:1011px;
  margin:0 auto 80px;
  text-align:center;
}
.wtf-about-closing p {
  font-size:18px;
  line-height: 37px;
  font-weight: 500;
}
.wtf-about-btnwrap {
  text-align:center;
  margin: 0 auto;
}
/* ######################################################## */
/*                    END:about-closing                     */
/* ######################################################## */
/* ######################################################## */
/*                    START:pattern-head                    */
/* ######################################################## */
/* PATTERN 見出し画像 */
.wtf-pattern-sec {
  background:#F8EDE0;
  padding:109px 0 140px;
}
.wtf-pattern-head {
  text-align:center;
  line-height:0;
  margin-bottom: 40px;
}
.wtf-pattern-head img {
  width:auto;
  height: 167px;
}
/* ######################################################## */
/*                     END:pattern-head                     */
/* ######################################################## */
/* ######################################################## */
/*                   START:pattern-panel                    */
/* ######################################################## */
/* PATTERN 白パネル：リード＋2スライダー＋ボタン（ボタンは common .wtf-btn） */
.wtf-pattern-panel {
  width: 1200px;
  margin:0 auto;
  background:#fff;
  padding: 76px 56px 80px;
}
.wtf-pattern-lead {
  text-align:center;
  font-size:18px;
  line-height: 45px;
  font-weight: 500;
  margin:0 auto;
}
.wtf-pattern-osusume-ttl {
  display: flex;
  width: fit-content;
  justify-content: center;
  margin: 60px auto 20px;
  padding-bottom:4px;
  font-size:26px;
  font-weight:600;
  line-height: 33px;
  color:#2D2822;
  border-bottom: 1px solid #2D2822;
  font-family: var(--wtf-serif);
}

/* --- おすすめ柄 スライダー --- */
.wtf-osusume-carousel {
  width: 1088px;
  position:relative;
  margin: 0 auto;
}
.wtf-osusume-swiper {
  width: 1000px;
  margin: 0 auto;
  overflow:hidden;
}
.wtf-osusume-swiper .swiper-wrapper {
  align-items:flex-start;
}
.wtf-osusume-swiper .swiper-slide {
  width:200px;
}
.wtf-osusume-swiper .swiper-slide a {
  display:block;
  text-decoration:none;
  color:#2D2822;
}
.wtf-osusume-swiper .swiper-slide img {
  display:block;
  width:200px;
  height:200px;
  object-fit:cover;
  border-radius: 10px;
}
.wtf-osusume-name {
  display:block;
  text-align:center;
  font-size:16px;
  line-height:21px;
  margin-top:15px;
  font-family: var(--wtf-sans);
}
a:link .wtf-osusume-name {
	color: #2D2822 !important;
}
.wtf-osusume-prev,
.wtf-osusume-next {
  position:absolute;
  top:100px;
  transform:translateY(-50%);
  width:33px;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  z-index:2;
}
.wtf-osusume-prev {
  left:0;
}
.wtf-osusume-next {
  right:0;
}
.wtf-osusume-prev img,
.wtf-osusume-next img {
  display:block;
  width:100%;
  height:auto;
}

/* --- 新着柄 スライダー --- */
.wtf-pattern-shinchaku-ttl {
  display: flex;
  width: fit-content;
  justify-content: center;
  margin: 60px auto 20px;
  padding-bottom:4px;
  font-size:26px;
  font-weight:600;
  line-height: 33px;
  color:#2D2822;
  border-bottom: 1px solid #2D2822;
  font-family: var(--wtf-serif);
}
.wtf-shinchaku-carousel {
  width: 1088px;
  position:relative;
  margin: 0 auto;
}
.wtf-shinchaku-swiper {
  width: 1000px;
  margin: 0 auto;
  overflow:hidden;
}
.wtf-shinchaku-swiper .swiper-wrapper {
  align-items:flex-start;
}
.wtf-shinchaku-swiper .swiper-slide {
  width:200px;
}
.wtf-shinchaku-swiper .swiper-slide a {
  display:block;
  text-decoration:none;
  color:#2D2822;
}
.wtf-shinchaku-swiper .swiper-slide img {
  display:block;
  width:200px;
  height:200px;
  border-radius: 10px;
  object-fit:cover;
}
.wtf-shinchaku-name {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  margin-top: 15px;
  font-family: var(--wtf-sans);
}
a:link .wtf-shinchaku-name {
	color: #2D2822 !important;
}
.wtf-shinchaku-prev,.wtf-shinchaku-next {
  position:absolute;
  top:100px;
  transform:translateY(-50%);
  width:33px;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  z-index:2;
}
.wtf-shinchaku-prev {
  left:0;
}
.wtf-shinchaku-next {
  right:0;
}
.wtf-shinchaku-prev img,.wtf-shinchaku-next img {
  display:block;
  width:100%;
  height:auto;
}

.wtf-pattern-btnwrap {
  text-align:center;
  margin:80px 0 0;
}
/* ######################################################## */
/*                    END:pattern-panel                     */
/* ######################################################## */
/* ######################################################## */
/*                   START:category-head                    */
/* ######################################################## */
/* CATEGORY 見出し画像 */
.wtf-category-sec {
  background:#FEF7EE;
  padding:140px 0 120px;
}
.wtf-category-head {
  text-align:center;
  line-height:0;
  margin: 0 auto 80px;
}
.wtf-category-head img {
  width:373px;
}
/* ######################################################## */
/*                    END:category-head                     */
/* ######################################################## */
/* ######################################################## */
/*                    START:category-nav                    */
/* ######################################################## */
/* カテゴリ内ナビ：4項目とも同スタイル → a 一括指定 */
.wtf-category-nav {
  display:flex;
  width: 1100px;
  height: 135.5px;
  margin:0 auto 100px;
}
.wtf-category-nav a {
  width: 275px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-left:1px solid #CC9735;
}
.wtf-category-nav a:last-child {
  border-right:1px solid #CC9735;
}
.wtf-category-nav a img {
  width: 100%;
}
/* ######################################################## */
/*                     END:category-nav                     */
/* ######################################################## */
/* ######################################################## */
/*                   START:category-common                  */
/* ######################################################## */
.wtf-cate-block {
  width: 1143px;
  margin:0 auto 60px;
}
.wtf-cate-head {
  width: 1100px;
  margin: 0 auto;
}
.wtf-cate-head img {
  height: 70px;
}
.wtf-cate-line {
  width: 1100px;
  border:0;
  border-top:1px solid #CC9735;
  margin: 35px auto 58px;
}
/* サイズ表 4項目：同スタイル → .wtf-cate-size 共通、定番のみ modifier */
.wtf-cate-sizes {
  width: 1100px;
  display:flex;
  gap: 64px;
}
.wtf-cate-size {
  position: relative;
  width: 227px;
}
.wtf-cate-size a:hover {
  text-decoration: none;
}
.wtf-cate-size .wtf-cate-size-cm {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
  font-family: var(--wtf-sans);
  border-bottom: 1px solid #CC9735;
  padding-bottom: 8.5px;
  box-sizing: border-box;
  color: #000;
}
.wtf-cate-size .wtf-cate-size-cm:before {
  content: '';
  display: block;
  width: 20px;
  height: 19.61px;
  background: url(../img/usr/freepage/welcome_to_feiler/category_list_icon.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 12px;
}
.wtf-cate-size.wtf-cate-size-regular:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -24px;
  right: -16px;
  width: 47px;
  height: 47px;
  background: url(../img/usr/freepage/welcome_to_feiler/standard.png) no-repeat;
  background-size: 100% 100%;
}
.wtf-cate-size .wtf-cate-size-comment {
  margin-top: 14.5px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 500;
  font-family: var(--wtf-sans);
  color: #000;
}
/* ボタン：ギフト用紙袋（余白のみ固有・本体は common .wtf-btn） */
.wtf-cate-giftbtnwrap,
.wtf-cate-btnwrap {
  text-align:center;
  margin:60px auto;
}
#wtf-baby,
#wtf-baby .wtf-cate-btnwrap {
  margin-bottom: 0;
}
/* ######################################################## */
/*                      END:category-common                 */
/* ######################################################## */

/* ######################################################## */
/*                    START:service-head                    */
/* ######################################################## */
/* SERVICE 見出し画像 */
.wtf-service-sec {
  background:#F8EDE0;
  padding:120px 0 140px;
}
.wtf-service-head {
  text-align:center;
  line-height:0;
  margin: 0 auto 40px;
}
.wtf-service-head img {
	width: 278px;
}
/* ######################################################## */
/*                     END:service-head                     */
/* ######################################################## */
/* ######################################################## */
/*                   START:service-panel                    */
/* ######################################################## */
/* SERVICE 白パネル土台 */
.wtf-service-panel {
  width: 1200px;
  margin:0 auto;
  background:#fff;
  padding:60px 100px;
  text-align: left;
}
/* ######################################################## */
/*                    END:service-panel                     */
/* ######################################################## */
/* ######################################################## */
/*                  START:service-common                    */
/* ######################################################## */
/* common:SERVICE 内の繰り返し要素（見出し/小見出し/本文/リンク/バッジ） */
.wtf-service-ttl {
  position: relative;
  margin-top: 68px; 
  margin-bottom: 40px;
  font-size:30px;
  line-height: 35px;
  font-weight:500;
  color:#2D2822;
  display: flex;
  flex-direction: column;
  font-family: var(--wtf-sans);
}
.wtf-service-ttl:after {
	content: '';
	width: 90px;
	height: 1px;
	background-color: #C9C9C9;
	margin-top: 20px;
}
.wtf-service-panel .wtf-service-ttl:first-child {
  margin-top:0;
}
.wtf-service-sub {
  margin-bottom: 20px;
  font-size:22px;
  font-weight:700;
  line-height: 29px;
  color:#2D2822;
  font-family: var(--wtf-sans);
}
.wtf-service-text {
  font-size:18px;
  line-height:32px;
  font-weight: 500;
  margin-bottom: 20px;
  font-family: var(--wtf-sans);
}
.wtf-service-text.wtf-service-text-p3 {
	margin-bottom: 20px !important;
}
.wtf-service-sub ~ .wtf-service-text {
	margin-bottom: 40px;
}
.wtf-service-link {
  margin:0 0 40px;
}
.wtf-service-link a {
  color:#2D2822;
  font-size:18px;
  line-height: 23px;
  font-weight: 500;
  text-decoration: underline;
  font-family: var(--wtf-sans);
}
.wtf-service-link a:link {
	color: #2D2822 !important;
	font-weight: 500;
}
.wtf-service-badge img {
  height:56px;
  width:auto;
}
/* ######################################################## */
/*                   END:service-common                     */
/* ######################################################## */
/* ######################################################## */
/*                    START:service-parts                   */
/* ######################################################## */
/* SERVICE 固有パーツ（ラッピングバナー / ポイント文言 / バッジ並び） */
.wtf-service-wrap-banner {
  width: 800px;
}
.wtf-service-wrap-banner img {
  width:100%;
}
.wtf-service-app-point {
  color:#CC9735;
  font-weight: bold;
}
.wtf-service-app-badges {
  display:flex;
  gap:10px;
  margin-top:20px;
}
/* ######################################################## */
/*                    END:service-parts                     */
/* ######################################################## */
.revico-comment-outer-head {
	position: relative;
	z-index: 2;
}
.revico-comment-outer-head .revico-back {
    top: 182px !important;
	left: 0 !important;
	width: 33px;
	height: 18.5px;
	background: url(../img/usr/freepage/welcome_to_feiler/arrow_gold_01.png) no-repeat;
	background-size: 33px 18.5px;
    padding: 0;
    border: 0;
    cursor: pointer;
}
.revico-comment-outer-head .revico-next {
    top: 182px !important;
	right: 6px !important;
	width: 33px;
	height: 18.5px;
	background: url(../img/usr/freepage/welcome_to_feiler/arrow_gold_02.png) no-repeat;
	background-size: 33px 18.5px;
    padding: 0;
    border: 0;
    cursor: pointer;
}
.revico-comment-outer-head .revico-back img,
.revico-comment-outer-head .revico-next img {
	display: none !important;
}

.revico-multicomment-top {
	position: relative;
	z-index: 1;
	margin: 0 auto !important;
}
.revico-multicomment-top,
.revico-multicomment-inner {
	max-width: 1100px !important;
	width: 1100px !important;
	margin: 0 auto;
	background: unset;
}
.revico-multicomment-top .revico-review-comment-row-wrapper {
	width: 275px !important;
	min-width: 275px !important;
	max-width: 275px !important;
	height: auto !important;
	background-color: unset !important;
  padding-bottom: 50px;
}
.revico-multicomment-top .revico-review-comment-row-wrapper:not(:last-of-type) {
	padding-right: 12px !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-detail--product-name-image img {
	width: 266px !important;
	max-width: 266px !important;
	height: 266px !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-detail--product-name p {
	color: #2D2822;
	font-size: 17px;
	line-height: 27px;
	font-weight: 500;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-detail--product-name span {
  font-size: 15px !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-detail--product-name span img {
  width: 15px !important;
}
.revico-multicomment-inner .revico-review-comment-detail--star-rate {
	transform: scale(0.8) !important;
	margin: 10px auto 0 !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-detail--comment {
	height: 76px !important;
	max-height: 76px !important;
	margin: 15px 0 0 !important;
	padding: 0 !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-detail--comment .revico-review-comment-detail--comment--content {
	width: 100% !important;
	height: 76px !important;
	max-height: 76px !important;
	font-size: 14px !important;
	font-weight: 500;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.revico-logo {
	display: none !important;
}
/* ######################################################## */
/*                    START:review-swiper                   */
/* ######################################################## */
/* ReviCo レビューを Swiper 化（JS 生成）。前後ボタンは ReviCo 純正を流用 */
.wtf-review-swiper {
  overflow: hidden;
}
.wtf-review-swiper .swiper-slide {
  width: 266px;
  height: auto;
}
/* ######################################################## */
/*                     END:review-swiper                    */
/* ######################################################## */