@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* ================================
   micasa — Santorini journal
================================ */
:root {
  --micasa-blue: #0b5f9b;
  --micasa-sea: #18a7c7;
  --micasa-sky: #dff4fb;
  --micasa-white: #ffffff;
  --micasa-stone: #f4f8fa;
  --micasa-ink: #233746;
}

body {
  background: linear-gradient(180deg, #f7fcff 0%, var(--micasa-stone) 100%);
  color: var(--micasa-ink);
  line-height: 1.85;
}

.header-container {
  background: var(--micasa-white);
  border-top: 6px solid var(--micasa-blue);
}

.header {
  background-position: center center !important;
  background-size: cover !important;
}

.logo-header {
  padding: 42px 0 34px;
}

.header .site-name-text {
  color: var(--micasa-blue) !important;
  font-family: Georgia, "Times New Roman", "Noto Serif JP", serif;
  font-size: 54px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: lowercase;
  text-shadow: 0 2px 14px rgba(255,255,255,.95);
}

.navi {
  background: linear-gradient(90deg, var(--micasa-blue), #087fb5);
  box-shadow: 0 5px 18px rgba(11,95,155,.16);
}

.navi .navi-in a {
  color: #fff !important;
  font-size: 13px;
  letter-spacing: .1em;
}

.navi .navi-in a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.16);
}

#content {
  margin-top: 38px;
}

.entry-card-wrap {
  margin-bottom: 26px;
  padding: 18px;
  background: rgba(255,255,255,.96);
  border: 1px solid #d8edf5;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(28,101,145,.09);
  transition: transform .2s ease, box-shadow .2s ease;
}

.entry-card-wrap:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(28,101,145,.14);
}

.entry-card-thumb img,
.eyecatch img {
  border-radius: 14px;
}

.entry-card-title,
.article h1,
.article h2,
.article h3 {
  color: var(--micasa-blue);
  font-family: Georgia, "Noto Serif JP", serif;
  letter-spacing: .03em;
}

.entry-card-snippet {
  color: #597080;
  line-height: 1.8;
}

.entry-card .cat-label,
.cat-label {
  background: var(--micasa-sea);
  border: 0;
  border-radius: 999px;
  padding: 4px 10px;
}

a {
  color: var(--micasa-blue);
}

.sidebar .widget {
  margin-bottom: 24px;
  padding: 22px;
  background: rgba(255,255,255,.94);
  border: 1px solid #d8edf5;
  border-radius: 20px;
  box-shadow: 0 10px 26px rgba(28,101,145,.07);
}

.sidebar h2,
.sidebar h3,
.widget-title {
  color: var(--micasa-blue);
  border-left: 0;
  border-bottom: 2px solid var(--micasa-sky);
  letter-spacing: .06em;
}

.footer {
  background: var(--micasa-blue);
  color: #fff;
}

.go-to-top-button {
  background: var(--micasa-sea);
  color: #fff;
}

@media screen and (max-width: 834px) {
  .header {
    height: 210px !important;
    min-height: 210px !important;
  }

  .logo-header {
    padding: 30px 0 24px;
  }

  .header .site-name-text {
    font-size: 40px;
    letter-spacing: .12em;
  }

  #content {
    margin-top: 22px;
  }

  .entry-card-wrap,
  .sidebar .widget {
    border-radius: 16px;
  }
}
い
  background: var(--micasa-blue);
165
  color: #fff;
166
}
167

168
.go-to-top-button {
169
  background: var(--micasa-sea);
170
  color: #fff;
171
}
172

173
@media screen and (max-width: 834px) {
174
  .header {
175
    height: 210px !important;
176
    min-height: 210px !important;
177
  }
178

179
  .logo-header {
180
    padding: 30px 0 24px;
181
  }
182

183
  .header .site-name-text {
184
    font-size: 40px;
185
    letter-spacing: .12em;
186
  }
187

188
  #content {
189
    margin-top: 22px;
190
  }
191

192
  .entry-card-wrap,
193
  .sidebar .widget {
194
    border-radius: 16px;
195
  }
196
}
197


/* micasa: compact mobile navigation */
@media screen and (max-width: 834px) {
  .navi {
    display: none;
  }
}