@charset "UTF-8";

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

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

/* 数値入力の矢印を表示しない */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
    -moz-appearance:textfield;
}

/* リストの行間 */
li {
margin-bottom: 10px;
}

/* 見出しタグの変更（h2） */
.article h2 {
  border-left:5px solid #000;
  background: #f7f7f7;
  margin: 40px 0px 20px;
  padding:13px 15px;
  font-size:26px;
}
.article h5, .article h6{
  font-size:18px;
  padding:0;
}

/* ボタンの色 */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-appearance: none;
  border: 1px solid #2196F3;
  margin-bottom: 10px;
  background: #2196F3;
  color: #fff;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  border: 1px solid #777;
  background: #eee;
  color: #333;
}

.button,
button,
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled] {
  border: 1px solid #DCDCDC;
  background: #DCDCDC;
  color: #fff;
}



/* サイドバーウィジェットの間隔 */
#sidebar .widget {
    margin-bottom: 20px;
}

/* テキストボックス */
input.mytextbox {
  border-radius: 0;
  font-size: 14px;
  padding: 2px 6px;
  height: 25px;
}

/* お問い合わせボックス */
.boxcat {
    margin: 2em 0;
    padding: 0 0 10px 0;
    background: #f7f7f7;
}
.boxcat .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxcat p {
    padding: 15px 20px;
    margin: 0;
}


/* サブメニューの幅 */
#navi ul.sub-menu,
#navi ul.children{
  min-width:250px;
}
#navi .sub-menu li,
#navi .children li{
  height:25px;
}

/* 図のキャプション中央寄せ */
figcaption {
  text-align: center;
}

/* カテゴリーアイコン */
.category-icon {
  display: inline-block !important;
  width: 60px;
  height: 1.4em !important;
  line-height: 1.4em !important;
  padding: 0.1em 0.1em !important;
  text-align: center;
  vertical-align: middle;
}

/* レイアウト広げる */
#header-in, #navi-in, #body-in, #footer-in{
  width: 1130px;
}

#main {
  width: 800px;
}

/* トップページの見出しアイコン */
.top-heading-icon {
  margin-bottom: -10px;
  margin-right: 20px;
}

/* リストにボックス */
.list-box {
  counter-reset: number;
  list-style-type: none;
  padding: .5em .2em .5em .8em;
  background: #fffbf4;
  border: solid 2px #f89174;
  border-radius: 3px;
}