/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/*Zerif ソーシャルアイコンサイズ*/
ul.social li a {
	font-size: 30px;
}

/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/
.buttons {
	text-align: center;
	margin-top: 45px;
}

.button {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 35px;
	border-radius: 4px;
	margin: 10px;
}

.custom-button {
	display: inline-block !important;
	text-align: center;
	text-transform: uppercase;
	padding: 13px 35px;
	border-radius: 4px;
	margin: 10px;
	border: none;
}

.red-btn {
	background: rgba(233,102,86,0.3);
	border: solid 2px #e96656;
}

.green-btn {
	background: rgba(30,158,107,0.3);
	border: solid 2px #1e9e6b;
}

.blue-btn {
	background: #3ab0e2;
}

.yellow-btn {
	background: #E7AC44;
}

.red-btn,.green-btn,.blue-btn,.yellow-btn {
	color: #FFF !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.blue-btn:hover {
	color: #FFF;
	background: #1288b9;
}

.red-btn:hover {
	color: #FFF;
	background: rgba(233,102,86,0.8);
	border: solid 2px #e96656;
}

.green-btn:hover {
	color: #FFF;
	background: rgba(30,158,107,0.8);
	border: solid 2px #1e9e6b;
}

.yellow-btn:hover {
	color: #FFF;
	background: #d8951e;
}

.btn:hover {
	box-shadow: none;
}

/* === Cider Page 非表示用（安倍） === */
.hide-row {
    display: none !important;
}
/* === ここまで === */

/* === 醸造所記事紹介用（安倍） === */
.brewery-item {
  display:flex;
  align-items:center;
  gap:20px;
  margin:25px 0;
  flex-wrap:wrap;
}
.brewery-logo {
  flex:0 0 160px;
  text-align:center;
}
.brewery-logo img {
  width:150px;
  height:auto;
  border-radius:6px;
}
.brewery-text {
  flex:1;
  min-width:250px;
}
.brewery-text h3 {
  margin:0 0 6px 0;
}
.brewery-text p {
  margin:0 0 4px 0;
}
.brewery-text p.desc {
  margin:0 0 14px 0;
}
/* === ここまで === */

/* === コンテンツ内丸フレームに入る画像サイズの調整（安倍） === */
.services .service-icon img {
    width: 80px !important;   /* 好きなサイズに調整してOK（丸の内側に収まるサイズ） */
    height: 80px !important;
    object-fit: contain !important;  /* 画像を丸枠にキレイに収める */
    border-radius: 50% !important;   /* 正円にする */
}

/* Aboutus-SNS セクションの余白を縮める */
#aboutus .section-header {
    margin-bottom: 10px !important;
}

#aboutus {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Aboutus-SNSセクションInstagramの空白を縮める */
#instagram-feed-1,
.instagram-feed-container {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* SNSセクション全体の余白を縮小 */
#aboutus {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Instagramタイトル周りの余白 */
#aboutus .section-header {
    margin-bottom: 5px !important;
}

/* Instagram リスト領域の余白を徹底的に縮める */
.instagram-feed,
#instagram-feed-1,
.instagram-feed-container,
#sb_instagram {
    padding: 0 !important;
    margin: 0 !important;
}

/* スペースを作っている要素の高さをゼロに */
#sb_instagram .sbi_resized_image_wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* “さらに読み込む” ボタンの上の空白も縮める */
#sb_instagram .sbi_load_btn {
    margin-top: 5px !important;
}

/* エラー表示の上の余白も縮める */
#sb_instagram .sb_instagram_error {
    margin-top: 5px !important;
}

/* トップページのセクション背景カラーを変更 */
/* シードルが飲める店・買える店 の背景色 */
.separator-one {
    background-color: #ffffff !important;
}

/* 活動目的 の背景色 */
.about-us {
    background-color: #f6f6f6 !important;
}
/* ⑤ 活動目的の文字色（強制） */
.about-us,
.about-us *,
.about-us h2,
.about-us h3,
.about-us p,
.about-us span,
.about-us .section-title,
.about-us .section-subtitle {
    color: #000000 !important;
}

/* シードルONLINE SHOP紹介 の背景色 */
.testimonial {
    background-color: #f6f6f6 !important;
}
/* ④ separator-one セクションのボタンをスモーキーイエローに変更 */
.separator-one .btn,
.separator-one a.button,
.separator-one .btn-primary {
    background-color: #d7b96e !important;  /* スモーキーイエロー */
    border-color: #d7b96e !important;
    color: #000000 !important;  /* 黒文字で読みやすく */

    /* 品の良いデザイン調整 */
    border-radius: 6px !important;    /* やや柔らかい丸み */
    box-shadow: none !important;       /* 影をなくして上品に */
    padding: 12px 28px !important;     /* 余白をしっかり */
    font-weight: 600 !important;       /* 程よい太さで見やすく */
    font-size: 16px !important;
}

/* ======== testimonial の文字色変更 ======== */

/* ⑦ testimonial の文字を黒に */
.testimonial,
.testimonial h2,
.testimonial h3,
.testimonial p,
.testimonial .section-title,
.testimonial .section-subtitle {
    color: #000000 !important;
}

/* ⑦ シードルONLINE SHOP紹介（Testimonials）の文字色（強制） */
.testimonial,
.testimonial *,
.testimonial h2,
.testimonial h3,
.testimonial p,
.testimonial span,
.testimonial .section-title,
.testimonial .section-subtitle {
    color: #000000 !important;
}

/* 事業者オンラインショップ一覧 */
.bizmember-shop-list {
    list-style: none;
    padding-left: 0;
    margin-top: 1em;
}

.bizmember-shop-list li {
    margin-bottom: 0.5em;
    font-size: 14px;
}

.bizmember-shop-list a {
    text-decoration: underline;
}

/* オンラインショップ・自社サイト一覧 見出し */
.bizmember-shop-title {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 8px;
    padding-left: 10px;
    border-left: 4px solid #7d9f69;  /* さっきのグリーン */
}

/* オンラインショップ／自社サイト一覧のスタイル */
.bizmember-shop-list {
    list-style: none;
    padding-left: 0;
    margin-top: 1em;
}

.bizmember-shop-list li {
    margin-bottom: 0.4em;
    font-size: 14px;
}

/* 行頭に「・」を自動で付ける（テキストでは書かなくてOK） */
.bizmember-shop-list {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.8;
}

/* 企業名だけ少し強調 */
.bizmember-shop-list .name {
    font-weight: 500;
}

/* オンラインショップ／自社サイト一覧はページ下に記載している案内の背景 */
.notice-box {
    background: #f8f8f8;
    padding: 12px 16px;
    border-left: 4px solid #7d9f69; /* かやのさんの使ってる上品グリーン */
    font-size: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}