/*
Theme Name:SuguayaLP
*/
/* 共通設定 */
body {
  font-family: 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  background: #fff6fa;
  color: #4b3144;
  line-height: 1.9;
  margin: 0;
  padding: 0;
}

/* 各セクション余白と背景 */
.wp-block-heading,
h2, h3 {
  color: #e63983;
  background: linear-gradient(90deg, #ffe3ed 0%, #fff6fa 100%);
  padding: 0.4em 0.8em;
  border-radius: 8px;
  margin-top: 2.8em;
  margin-bottom: 1.2em;
  font-weight: bold;
  letter-spacing: 0.04em;
  border-left: 6px solid #f7b8d8;
}

h3 {
  font-size: 1.1em;
  margin-top: 2em;
  border-left: 4px solid #f7b8d8;
  background: linear-gradient(90deg, #ffe8f2 0%, #fff6fa 100%);
}

p {
  margin: 0 0 1.4em 0;
  padding: 0.6em 1em;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 6px 0 #ffe4ee77;
}

/* 箇条書きや改行の見栄えUP */
ul, ol {
  background: #fff3f7;
  border-radius: 5px;
  padding: 1em 2em 1em 2.3em;
  margin-bottom: 1.3em;
  color: #8b5476;
  font-size: 1em;
}

br + br {
  display: block;
  margin-bottom: 1em;
  content: "";
}

/* 強調（カラーボックス的に使いたい場合） */
.important, .caution, .notice {
  display: block;
  background: linear-gradient(90deg, #ffe3ed 0%, #fff6fa 100%);
  border-left: 5px solid #e63983;
  padding: 0.7em 1.2em;
  margin: 1.5em 0;
  color: #b03a5b;
  font-weight: bold;
  border-radius: 6px;
}

a {
  color: #e63983;
  text-decoration: underline;
  transition: color 0.2s;
}
a:hover {
  color: #ae2674;
}

/* テーブルがある場合の装飾 */
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 6px #f8c2da33;
}
th, td {
  padding: 0.8em 1.1em;
  border-bottom: 1px solid #fad7e9;
}
th {
  background: #ffe3ed;
  color: #d92670;
}

/* 連絡先部分の強調 */
.contact-info {
  background: #ffe3ed;
  color: #af2d65;
  border: 2px dashed #f7b8d8;
  padding: 1.3em 1em;
  border-radius: 10px;
  margin: 2em 0;
  font-weight: bold;
  font-size: 1.05em;
}

@media (max-width: 600px) {
  body {
    font-size: 15px;
    padding: 0 4vw;
  }
  h2, h3, .wp-block-heading {
    font-size: 1.05em;
    padding: 0.5em;
  }
  p, ul, ol {
    padding: 0.5em 0.7em;
  }
}