@@charset "UTF-8";

/************************************
** Pretendard Import
************************************/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

/************************************
** ベースフォント（大人の韓国感）
************************************/
body,
.entry-content,
p, a,
h1, h2, h3, h4, h5, h6,
.sidebar,
.widget,
li {
  font-family: "Pretendard", "Noto Sans JP", sans-serif !important;
  letter-spacing: 0.3px;
  color: #3a3a3a;
}

/************************************
** 色（大人の韓国感：グレージュ系）
************************************/
:root {
  --bg-main: #FCFBF7;         /* 柔らかいグレージュ */
  --bg-white: #ffffff;
  --accent: #d9cfc2;          /* 大人っぽい淡いベージュ */
  --text-main: #2e2e2e;
  --shadow-soft: rgba(0, 0, 0, 0.06);  /* 影を淡く */
  --radius: 14px;             /* 丸みを弱めて大人に */
}

body {
  background: var(--bg-main);
  color: var(--text-main);
}

/************************************
** 見出し（韓国ブランドのような余白と静けさ）
************************************/
.entry-content h2 {
  background: var(--bg-white);
  padding: 1.2em 1.4em;
  border-radius: 12px;
  font-size: 1.28em;
  font-weight: 600;
  border: 1px solid #e8e2d9;
  box-shadow: 0 4px 14px var(--shadow-soft);
  color: #4a4744;
  margin: 2.5em 0 1.2em;
}

.entry-content h3 {
  font-size: 1.15em;
  color: #6d655d;
  border-left: 3px solid var(--accent);
  padding-left: 0.8em;
  margin: 2em 0 1em;
}

/************************************
** カード（記事一覧）：韓国ブランドの箱のようにミニマル化
************************************/
.entry-card-wrap {
  background: var(--bg-white);
  padding: 18px;
  border-radius: var(--radius);
  border: 1px solid #eee7de;
  box-shadow: 0 3px 10px var(--shadow-soft);
  transition: 0.28s ease;
}

.entry-card-wrap:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

.entry-card-thumb img {
  border-radius: var(--radius);
}

/************************************
** 本文内の画像（ふわっと影）
************************************/
.entry-content img {
  border-radius: var(--radius);
  box-shadow: 0 4px 14px var(--shadow-soft);
  margin: 20px auto;
  display: block;
}

/************************************
** サイドバー（ミニマル）
************************************/
.sidebar .widget {
  background: var(--bg-white);
  padding: 22px;
  border-radius: var(--radius);
  border: 1px solid #eee7de;
  box-shadow: 0 4px 12px var(--shadow-soft);
  margin-bottom: 26px;
}

/************************************
** ボタン（韓国コスメEC風）
************************************/
.btn, .wp-block-button__link {
  background: #e6ddd3 !important;
  color: #2f2f2f !important;
  padding: 12px 22px;
  border-radius: var(--radius);
  font-weight: 600;
  border: none;
  box-shadow: 0 3px 12px var(--shadow-soft);
  transition: 0.25s ease;
}

.btn:hover, .wp-block-button__link:hover {
  background: #dcd2c7 !important;
  transform: translateY(-2px);
}

/************************************
** テーブル
************************************/
.entry-content table {
  background: var(--bg-white);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 4px 12px var(--shadow-soft);
}

/************************************
** リンク
************************************/
.entry-content a {
  color: #8a7f76;
  font-weight: 600;
  text-decoration: none;
}
.entry-content a:hover {
  opacity: 0.7;
}

/************************************
** 段落
************************************/
.entry-content p {
  line-height: 1.95;
  margin-bottom: 1.7em;
}
/****************************************
** 韓国ミニマル × 大人かわいいヘッダー
****************************************/

/* 背景ふわっとグレージュ */
header#header {
  background: #fde6ec; /* 韓国っぽいベージュグレージュ */
  border-bottom: 1px solid #e9e4dc;
  padding: 35px 0 28px;
  text-align: center;
}

/****************************************
** ブログタイトル（韓国フォント風）
****************************************/

/* Pretendard フォントが有効なら反映 */
.site-title a {
  font-family: "Pretendard", "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  color: #3c3b39;
  text-decoration: none;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 6px 12px;
  transition: 0.25s ease;
}

/* ふわっとホバー */
.site-title a:hover {
  transform: translateY(-2px);
  opacity: 0.85;
}

/****************************************
** キャッチコピー：韓国っぽく淡く細く
****************************************/
.site-description {
  font-family: "Pretendard", "Noto Sans JP", sans-serif;
  font-size: 0.95rem;
  color: #8a857e;
  margin-top: 8px;
  letter-spacing: 0.3px;
}

/****************************************
** タイトル周りに韓国ミニマルの“細いライン”
****************************************/
#header-in {
  border-top: 5px dashed #f5f5f5;
  border-bottom: 5px dashed #f5f5f5;
  padding: 20px 0;
}

/****************************************
** スマホ調整
****************************************/
@media screen and (max-width: 480px) {
  .site-title a {
    font-size: 1.6rem;
  }
  .site-description {
    font-size: 0.85rem;
  }
  header#header {
    padding: 28px 0 22px;
  }
}

/************************************
** その他メディアクエリ
************************************/
@media screen and (max-width: 1023px){
  /* 必要ならここに */
}

@media screen and (max-width: 834px){
  /* 必要ならここに */
}

@media screen and (max-width: 480px){
  /* 必要ならここに */
}