@charset "utf-8";
/*
 * base.css - 御母家テーマ ベーススタイル
 * カラーミーショップ標準CSS（colormekit）で使用されていたグリッド／
 * ユーティリティクラスのうち、当サイトが実際に利用しているものだけを
 * WordPress テーマ用に再実装したもの。
 */

/* ---------------------------------------------------------------
 * リセット / 基本タイポグラフィ
 * --------------------------------------------------------------- */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka,
    "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}
a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}
p { margin: 0 0 10px; }
ul, ol { margin: 0 0 10px 25px; padding: 0; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
ul.inline > li, ol.inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl { margin-bottom: 20px; }
dt, dd { line-height: 20px; }
dt { font-weight: bold; }
dd { margin-left: 10px; }
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
form { margin: 0 0 20px; }
label, input, button, select, textarea {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
button, input, select, textarea {
  margin: 0;
  vertical-align: middle;
  font-size: 100%;
}
button, input { line-height: normal; }
button,
html [type="button"],
[type="reset"],
[type="submit"] { cursor: pointer; -webkit-appearance: button; appearance: button; }
select,
textarea,
[type="text"], [type="password"], [type="date"], [type="number"],
[type="email"], [type="url"], [type="search"], [type="tel"] {
  display: inline-block;
  box-sizing: border-box;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #555;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
}
select { width: 100%; height: 30px; line-height: 30px; background-color: #fff; }

/* ---------------------------------------------------------------
 * clearfix
 * --------------------------------------------------------------- */
.clearfix:before, .clearfix:after,
.cf:before, .cf:after {
  content: "";
  display: table;
  line-height: 0;
}
.clearfix:after, .cf:after { clear: both; }
.cf { zoom: 1; }

/* ---------------------------------------------------------------
 * グリッド
 * --------------------------------------------------------------- */
.container { width: 96%; margin: 0 auto; }
.row { margin: 0 auto; }
.row:before, .row:after { content: ""; display: table; line-height: 0; }
.row:after { clear: both; width: 100%; }

.col {
  display: block;
  float: left;
  box-sizing: border-box;
  padding-right: 1%;
  padding-left: 1%;
  min-height: 1px;
  word-break: break-all;
}
.col img { max-width: 100%; height: auto; }

.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66667%; }
.col-lg-10 { width: 83.33333%; }
.col-lg-9  { width: 75%; }
.col-lg-8  { width: 66.66667%; }
.col-lg-7  { width: 58.33333%; }
.col-lg-6  { width: 50%; }
.col-lg-5  { width: 41.66667%; }
.col-lg-4  { width: 33.33333%; }
.col-lg-3  { width: 25%; }
.col-lg-2  { width: 16.66667%; }
.col-lg-1  { width: 8.33333%; }

.pull-right { float: right; }
.pull-left  { float: left; }
.show { display: block; }
.hide { display: none; }

.visible-phone   { display: none !important; }
.hidden-desktop  { display: none !important; }
.visible-desktop { display: inherit !important; }

/* ---------------------------------------------------------------
 * ボタン
 * --------------------------------------------------------------- */
.btn {
  display: inline-block;
  margin-bottom: 0;
  padding: 4px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #333;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.btn:hover, .btn:focus, .btn:active, .btn.active,
.btn.disabled, .btn[disabled] {
  background-color: #e6e6e6;
  color: #333;
  text-decoration: none;
}
.btn.disabled, .btn[disabled] { cursor: default; opacity: .65; }
.btn-lg { padding: 10px 16px; border-radius: 6px; font-size: 18px; line-height: 1.33; }
.btn-sm, .btn-xs { padding: 5px 10px; border-radius: 3px; font-size: 12px; line-height: 1.5; }
.btn-xs { padding: 1px 5px; }
.btn-block {
  display: block;
  box-sizing: border-box;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

/* ---------------------------------------------------------------
 * テーブル
 * --------------------------------------------------------------- */
table {
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}
.table { margin-bottom: 20px; width: 100%; }
.table th, .table td {
  padding: 8px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  text-align: left;
  line-height: 20px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-left: 0;
  border-collapse: separate;
  border-radius: 4px;
}
.table-bordered th, .table-bordered td { border-left: 1px solid #ddd; }
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-bordered thead:first-child tr:first-child th { border-top: 0; }
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child { border-top-left-radius: 4px; }
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child { border-top-right-radius: 4px; }
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child { border-bottom-left-radius: 4px; }
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child { border-bottom-right-radius: 4px; }

/* ---------------------------------------------------------------
 * レスポンシブ
 * --------------------------------------------------------------- */
@media (max-width: 980px) {
  .hidden-desktop  { display: inherit !important; }
  .visible-desktop { display: none !important; }
  .col-md-12 { width: 100%; }
  .col-md-9  { width: 75%; }
  .col-md-6  { width: 50%; }
  .col-md-4  { width: 33.33333%; }
  .col-md-3  { width: 25%; }
}
@media (max-width: 768px) {
  .hidden-desktop  { display: inherit !important; }
  .visible-desktop { display: none !important; }
  .visible-phone   { display: inherit !important; }
  .hidden-phone    { display: none !important; }
  .container { width: auto; padding: 0 20px; }
  .col-sm-12 { width: 100%; }
  .col-sm-9  { width: 75%; }
  .col-sm-6  { width: 50%; }
  .col-sm-4  { width: 33.33333%; }
  .col-sm-3  { width: 25%; }
}
@media (max-width: 480px) {
  .container { width: auto; padding: 0 20px; }
  .col-xs-12 { width: 100%; }
  .col-xs-6  { width: 50%; }
  .col-xs-4  { width: 33.33333%; }
}