/* ==================================================
   ふうりん 共通CSS
   ボタン・見出し・共通パーツ・テーマ調整
================================================== */

/* ==================================================
   ふうりん 共通カラー
   色を変更する時は、基本的にここだけ修正します。
================================================== */

:root {
  --fu-purple: #614e92;        /* メインカラー */
  --fu-purple-dark: #4d3d75;   /* 濃い紫 */
  --fu-olive: #96946f;         /* アクセント・供花 */
  --fu-urgent: #7B3F4B;        /* お急ぎ・注意 */
  --fu-urgent-dark: #6a3641;

  --fu-white: #ffffff;
  --fu-ivory: #f7f5f2;
  --fu-section-bg: #f8f6f3;
  --fu-lavender: #eee9f5;
  --fu-border: #ddd8e8;
  --fu-line: #e6e1dc;
  --fu-note-gold: #d8d3b0;

  --fu-text: #333333;
  --fu-text-light: #555555;
  --fu-gray: #777777;
  --fu-heading-black: #2f2a35;

  --fu-nav-hover: #403360;

  --fu-purple-rgb: 97, 78, 146;
  --fu-olive-rgb: 150, 148, 111;
  --fu-white-rgb: 255, 255, 255;
}


/* ボタン外枠 */
p.fu-btn-box {
  position: relative !important;
  display: block !important;
  width: 280px !important;
  min-height: 52px !important;
  margin: 20px auto !important;
  padding: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Aタグを外枠いっぱいに広げる */
p.fu-btn-box a {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  line-height: 1.4 !important;
}


/* 事前相談 */
p.fu-btn-consult {
  background: var(--fu-purple) !important;
}

p.fu-btn-consult a {
  color: var(--fu-white) !important;
}


/* 共通ボタン */
.fu-btn {
	  position: relative !important;

  display: block;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 28px;
	margin: 20px auto !important;
	  background: var(--fu-white);
  border: 1px solid var(--fu-purple);

  border-radius: 999px; 
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .04em;
  transition: .25s ease;
	width: 220px;
	text-align: center;

}

.fu-btn a {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
	  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;
	color: var(--fu-purple);
}
.fu-btn a:hover {
   opacity: .8;
  text-decoration: none;
}


/* お急ぎの方 */
.fu-btn-urgent {
  background: var(--fu-urgent);
  color: var(--fu-white) !important;
	border: none;
}
.fu-btn-urgent a {
	color: var(--fu-white) !important;
}

/* 事前相談 */
.fu-btn-consult {
  background: var(--fu-purple);
  color: var(--fu-white);
	border: none;
}


/* 供花注文 */
.fu-btn-flower {
  background: var(--fu-olive);
  color: var(--fu-white);
	border: none;
}
.fu-btn-flower a {
	color: var(--fu-white) !important;
}

/* お問い合わせ */
.fu-btn-contact {
  background: var(--fu-purple-dark);
  color: var(--fu-white) !important;
}
.fu-btn-contact a{
	color: var(--fu-white) !important;
}
/* スマホ */
@media screen and (max-width: 767px) {
  .fu-btn {
    min-height: 46px;
    padding: 12px 18px;
    font-size: 14px;
  }
}


/*大*/

.fu-h2 {
  text-align: center;
  color: var(--fu-purple) !important;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .08em;
  margin: 0 0 36px;
}

.fu-h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  background: var(--fu-olive) !important;
  margin: 18px auto 0;
}

/*中*/

.fu-h3 {
  color: var(--fu-heading-black) !important;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .06em;
  padding-left: 18px !important;
  border-left: 4px solid var(--fu-purple) !important;
  margin: 0 0 28px;
}

/*小*/

.fu-h4 {
  color: var(--fu-purple-dark) !important;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .04em;
  margin: 0 0 12px;
}

/*スマホ*/

@media screen and (max-width: 767px) {
  .fu-h2 {
    font-size: 28px;
    line-height: 1.7;
    margin-bottom: 28px;
  }

  .fu-h3 {
    font-size: 23px;
    padding-left: 14px;
    margin-bottom: 22px;
  }

  .fu-h4 {
    font-size: 17px;
  }
}

.common-page-note h3 {
  margin: 0 0 16px;
  font-size: 22px;
  color: var(--fu-purple);
}

.common-page-note p {
  margin: 0 0 14px;
  line-height: 1.9;
}

.common-page-note-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 12px 30px;
  background: var(--fu-purple);
  color: var(--fu-white);
  text-decoration: none;
}

.common-page-note-btn:hover {
  opacity: 0.8;
  color: var(--fu-white);
}


/* 
 * 
 * 
 * 
 */

.fu-3icon span { 
	font-size : 12px;
	margin : 0px 3px ; 
	border-radius :5px; 
	background-color : var(--fu-purple); 
	padding : 2px 7px; color : var(--fu-white);
}
/* オリジナルカラー指定 */


/* お急ぎの方のメニューの赤表示 */
.p-global-nav > ul > li > a:hover {
    background: var(--fu-nav-hover) !important;
}
.p-global-nav .sub-menu a:hover {
    background: var(--fu-nav-hover)  !important;
}
.menu li:last-child .sub-menu li:first-child a {
    background: var(--fu-urgent);
}
.menu li:last-child .sub-menu li:first-child a:hover{
    background: var(--fu-urgent-dark)  !important;
}

/* タブページの設定 */
.pb-widget-tab .resp-tabs-container{
	background-color: var(--fu-ivory);
}

.p-block02__item--content{
	justify-content:center;
}


/* -------------------------------------------------------------- */