body {
  background: #FFFFFF;
}
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}
.c-button--primary:hover {
  background: #fdd9d7;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #607d8b;
}
/* ========================================
   365wine｜レビュー投稿ページ
   商品ページのレビューエリアと統一
======================================== */

/* 全体 */
body {
  background: #ffffff !important;
  color: #222222;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/* 入力欄 */
.c-input--text {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #d8d8d8 !important;
  border-radius: 4px;
  background: #ffffff;
  color: #222222;
  box-shadow: none !important;
  font-size: 16px;
}

.c-input--text:focus {
  border-color: #9b8a63 !important;
  outline: none;
  box-shadow: 0 0 0 1px #9b8a63 !important;
}

/* 通常ボタン：ショップへ戻る等 */
.c-button {
  border: 1px solid #d6d6d6 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #333333 !important;
  box-shadow: none !important;
  font-weight: 500;
}

.c-button:hover {
  background: #f7f7f5 !important;
  color: #222222 !important;
}

/* 送信ボタン */
.c-button--primary,
.c-button--primary:link,
.c-button--primary:visited {
  border: 0 !important;
  border-radius: 3px !important;
  background: #17233c !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.c-button--primary:hover,
.c-button--primary:active {
  background: #24324e !important;
  color: #ffffff !important;
}

/* ラベル */
label {
  color: #222222;
  font-weight: 600;
}

/* セレクトボックス */
select {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 10px 38px 10px 12px;
  border: 1px solid #d8d8d8 !important;
  border-radius: 4px;
  background-color: #ffffff;
  color: #222222;
  font-size: 16px;
}

/* テキストエリア */
textarea.c-input--text,
textarea {
  min-height: 220px !important;
  resize: vertical;
}

/* ファイル選択周辺 */
input[type="file"] {
  max-width: 100%;
  font-size: 14px;
}

/* 注意文 */
small,
.help-block,
.c-form__note {
  color: #777777;
  line-height: 1.7;
}

/* ========================================
   スマートフォン
======================================== */
@media screen and (max-width: 767px) {

  body {
    font-size: 15px;
  }

  .c-input--text,
  select {
    font-size: 16px !important;
  }

  textarea.c-input--text,
  textarea {
    min-height: 200px !important;
  }

  .c-button--primary {
    min-height: 52px;
    font-size: 16px !important;
  }
}
/* ========================================
   365wine｜レビュー投稿ページ 最終調整
======================================== */

/* ---------- 上部ロゴを小さく・くっきり見せる ---------- */

/* ロゴ画像 */
img[src*="logo"],
.site-logo img,
.header-logo img,
.logo img {
  max-width: 180px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* ロゴ周辺の余白を圧縮 */
.site-logo,
.header-logo,
.logo {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ---------- 「レビューを入力してください。」を非表示 ---------- */

/* カラーミー側の案内ボックスを非表示 */
.c-form__heading,
.c-form-heading,
.review-form__heading,
.review-guide,
.review-message {
  display: none !important;
}


/* ---------- 商品情報をコンパクトに ---------- */

.review-product,
.review-product-info,
.p-review-product {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.review-product img,
.review-product-info img,
.p-review-product img {
  max-width: 120px !important;
  height: auto !important;
}

.review-product__name,
.review-product-info__name,
.p-review-product__name {
  font-size: 16px !important;
  line-height: 1.55 !important;
}


/* ---------- 「ショップへ戻る」と見出しまわり ---------- */

h1,
h2 {
  margin-top: 20px !important;
  margin-bottom: 24px !important;
}

.c-button {
  min-height: 44px;
}


/* ---------- フォーム各項目の余白を少し圧縮 ---------- */

form > div,
.c-form__item,
.c-form-group,
.form-group {
  margin-bottom: 26px;
}

label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}


/* ---------- 入力欄 ---------- */

.c-input--text,
input[type="text"],
select,
textarea {
  border-color: #d8d8d8 !important;
  border-radius: 4px !important;
}


/* ---------- レビュー本文欄を短く ---------- */

textarea.c-input--text,
textarea {
  min-height: 140px !important;
  height: 140px !important;
  resize: vertical;
}


/* ---------- 送信ボタン ---------- */

.c-button--primary {
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}


/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {

  /* ロゴ */
  img[src*="logo"],
  .site-logo img,
  .header-logo img,
  .logo img {
    max-width: 145px !important;
  }

  .site-logo,
  .header-logo,
  .logo {
    margin-top: 6px !important;
    margin-bottom: 12px !important;
  }

  /* ページ上部の余白 */
  body {
    padding-top: 0 !important;
  }

  /* 商品画像 */
  .review-product img,
  .review-product-info img,
  .p-review-product img {
    max-width: 105px !important;
  }

  /* 商品名 */
  .review-product__name,
  .review-product-info__name,
  .p-review-product__name {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* 各項目 */
  .c-form__item,
  .c-form-group,
  .form-group {
    margin-bottom: 22px !important;
  }

  /* レビュー本文 */
  textarea.c-input--text,
  textarea {
    min-height: 130px !important;
    height: 130px !important;
  }

  /* 送信 */
  .c-button--primary {
    min-height: 54px !important;
    font-size: 17px !important;
  }
}
/* ========================================
   365wine｜レビュー投稿ページ 最終調整
======================================== */

/* ---------- 上部ロゴを小さく・くっきり見せる ---------- */

/* ロゴ画像 */
img[src*="logo"],
.site-logo img,
.header-logo img,
.logo img {
  max-width: 180px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* ロゴ周辺の余白を圧縮 */
.site-logo,
.header-logo,
.logo {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ---------- 「レビューを入力してください。」を非表示 ---------- */

/* カラーミー側の案内ボックスを非表示 */
.c-form__heading,
.c-form-heading,
.review-form__heading,
.review-guide,
.review-message {
  display: none !important;
}


/* ---------- 商品情報をコンパクトに ---------- */

.review-product,
.review-product-info,
.p-review-product {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.review-product img,
.review-product-info img,
.p-review-product img {
  max-width: 120px !important;
  height: auto !important;
}

.review-product__name,
.review-product-info__name,
.p-review-product__name {
  font-size: 16px !important;
  line-height: 1.55 !important;
}


/* ---------- 「ショップへ戻る」と見出しまわり ---------- */

h1,
h2 {
  margin-top: 20px !important;
  margin-bottom: 24px !important;
}

.c-button {
  min-height: 44px;
}


/* ---------- フォーム各項目の余白を少し圧縮 ---------- */

form > div,
.c-form__item,
.c-form-group,
.form-group {
  margin-bottom: 26px;
}

label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}


/* ---------- 入力欄 ---------- */

.c-input--text,
input[type="text"],
select,
textarea {
  border-color: #d8d8d8 !important;
  border-radius: 4px !important;
}


/* ---------- レビュー本文欄を短く ---------- */

textarea.c-input--text,
textarea {
  min-height: 140px !important;
  height: 140px !important;
  resize: vertical;
}


/* ---------- 送信ボタン ---------- */

.c-button--primary {
  min-height: 56px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}


/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {

  /* ロゴ */
  img[src*="logo"],
  .site-logo img,
  .header-logo img,
  .logo img {
    max-width: 145px !important;
  }

  .site-logo,
  .header-logo,
  .logo {
    margin-top: 6px !important;
    margin-bottom: 12px !important;
  }

  /* ページ上部の余白 */
  body {
    padding-top: 0 !important;
  }

  /* 商品画像 */
  .review-product img,
  .review-product-info img,
  .p-review-product img {
    max-width: 105px !important;
  }

  /* 商品名 */
  .review-product__name,
  .review-product-info__name,
  .p-review-product__name {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* 各項目 */
  .c-form__item,
  .c-form-group,
  .form-group {
    margin-bottom: 22px !important;
  }

  /* レビュー本文 */
  textarea.c-input--text,
  textarea {
    min-height: 130px !important;
    height: 130px !important;
  }

  /* 送信 */
  .c-button--primary {
    min-height: 54px !important;
    font-size: 17px !important;
  }
}
/* ========================================
   365wine｜レビュー投稿ページ 不要表示を整理
======================================== */

/* 上部ロゴエリアを非表示 */
header h1,
header .logo,
.header h1,
.header-logo,
.site-logo,
.shop-logo {
  display: none !important;
}

/* ロゴが画像単体で入っている場合 */
header img,
.header img {
  display: none !important;
}

/* ヘッダー自体がロゴだけの場合は高さも消す */
header,
.header {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}


/* 「レビューを入力してください。」案内 */
.c-form__heading,
.c-form-heading,
.c-form__message,
.c-form-message,
.c-form__description,
.review-form__heading,
.review-form__message,
.review-guide,
.review-message {
  display: none !important;
}


/* 必須マーク */
.c-form__required,
.c-form-required,
.required,
.require,
.must,
.icon-required {
  display: none !important;
}


/* スマホ上部をさらに詰める */
@media screen and (max-width: 767px) {

  header,
  .header {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
/* ========================================
   365wine｜レビュー投稿ページ
   ヘッダー非表示
======================================== */

/* ページ最上部のショップロゴ領域を非表示 */
body > header,
body > .header,
body > #header,
.l-header,
.c-header,
.shop-header {
  display: none !important;
}

/* ヘッダー非表示後の上余白を除去 */
main,
.l-main,
#main,
.container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
}
/* ========================================
   365wine｜レビュー投稿ページ
   ヘッダー非表示
======================================== */

/* ページ最上部のショップロゴ領域を非表示 */
body > header,
body > .header,
body > #header,
.l-header,
.c-header,
.shop-header {
  display: none !important;
}

/* ヘッダー非表示後の上余白を除去 */
main,
.l-main,
#main,
.container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ========================================
   365wine｜レビュー投稿ページ
   不要要素を確実に非表示
======================================== */

/* 1. 最上部の365wineロゴを非表示 */
.p-shop__header--logo {
  display: none !important;
}

/* 2. 「レビューを入力してください。」を非表示 */
.c-alert {
  display: none !important;
}

/* 3. 必須マーク「＊」を非表示 */
.c-form__title--must {
  display: none !important;
}

/* 非表示後に残る余白を詰める */
.p-page__body-inner form > .c-alert {
  margin: 0 !important;
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .p-shop__header--logo,
  .c-alert,
  .c-form__title--must {
    display: none !important;
  }
}