@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* ページの横はみ出しを防止する基本対策 */
body {
  overflow-x: hidden;
}

/* 特定のはみ出し要素を防ぐ（全体ラッパーが #container の場合） */
#container, #body, #body-in, #main {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* ラッキーカラーのカテゴリボタン */
.lc-category-link { clear: both; }               /* ←回り込み解除 */
.lc-category-link--btn { margin: 24px 0; }

.lc-category-link__a{
  display: block;
  box-sizing: border-box;
  width: 90%;
  max-width: 780px;        /* お好みで */
  margin: 0 auto;          /* センター */
  padding: 14px 18px;
  background: #E6E7DC;
  border: 1px solid rgba(0,0,0,.2);  /* 枠を薄く */
  border-radius: 9999px;   /* 角丸＝楕円ボタン */
  color: #333;
  text-align: center;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.6;
  font-weight: 400;        /* 文字を細く */
  text-decoration: underline;          /* 下線 */
  text-underline-offset: 3px;
}
.lc-category-link__a:hover { opacity: .9; }