/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* 日本語ブログのフォント */
.jpblog {
    font-family: 游ゴシック体,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",FontAwesome,sans-serif;
    font-size: 20px;
    
}

/* ボタン */
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #d09b2c;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
margin: auto
}

/* 目次 */
.mkj {
    background: #fffbf4;
    padding: 0;
    border: solid 2px #f89174;
    margin-bottom: 2em;
}

.mkj h2 {
    padding: 8px 12px;
    margin: -1px;
    background: #d09b2c;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.mkj ol{
    margin-left: 16px!important;
}

/* 矢印マーク */
ul.lip li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  padding-right: 5px;
  color: #d09b2c;/*アイコンの色*/
}

.jpyh2 {
    position: relative;
    background: whitesmoke;
    padding: 7px 5px 7px 50px;
    border-radius: 10px;
    border-radius: 10px;
    margin-left: 5px;
    font-size: 22px;
    border: none;
    font-family: 游ゴシック体,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",FontAwesome,sans-serif;
}

.jpyh2:before {
    font-family: FontAwesome;
    content: "\f1fc";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #d09b2c;
    font-weight: normal;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    left: -6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0px 2px 1px rgb(0 0 0 / 29%);
    border-bottom: solid 2px #9a6969;
}

.jpyh3 {
    position: relative;
    padding: 10px 0 10px 16px;
    margin-left: -16px;
    background: #f7f7f7;
    border-bottom: solid 3px #dadada;
}

.jpyh3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    width: 6px;
    height: 100%;
    background: #ffc778;
}

/* マークアップ */
.jpy_marker {
    background: linear-gradient(transparent 50%,#ff6 50%);
}

.jpy_red {
    color: #cc0000!important;
}

.jpy_bigred {
    color: #cc0000!important;
    font-size: 1.2em;
}

.jpy_blue {
    color: #336699!important;
    text-decoration:underline;
    text-decoration-color:#336699!important;
}

.jpy_big {
    font-size: 1.2em;
}

/* テーブル */
table.jptable, td, th {
  border-collapse: collapse;
  border: solid 2px #d09b2c;/*表全体を線で囲う*/

}


/* Ninja Form見た目 */

input#nf-field-159:hover {
    /* background-color: #6e4804; */
    box-shadow: 1px 1px 2px #ccc;
    text-shadow: 5px 5px 8px #453f3f;
}

input#nf-field-159 {
    display: block;
    margin: auto;
    font-size: 15px;
    background-color: #c9850a;
    color: #fff;
    border: 1px solid #cc860e;
    border-radius: 9px;
    padding: 10px 20% 10px 20%;
    text-shadow: 0 0 1px #453f3f;
    box-shadow: 0px 1px 1px #444;
    height: 60px;
}

/* カテゴリー記事見た目 */
	
.article-list {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
}
 
.article-list:hover {
  background-color: #eee;
}
 
.article-list a {
  display: block;
  text-decoration: none;
  color: #333;
}
 
.article-list a:after {
  display: block;
  clear: both;
  content: '';
}
 
.article-list .img-wrap {
  position: relative;
  float: left;
  line-height: 1;
}
 
.article-list .img-wrap img {
  width: 240px;
  height: 160px;
  object-fit: cover;
}
 
.article-list .img-wrap .cat-data {
  font-size: .75rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: .3rem .5rem;
  color: #fff;
  background-color: #03162f;
}
 
.article-list .text {
  margin-left: 260px;
}
 
.article-list .text h2 {
  font-size: 1.15rem;
  margin-bottom: .5rem;
}
 
.article-list .text .article-date,
.article-list .text .article-author {
  font-size: .75rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
  color: #888;
}
 
.article-list .text .article-date {
  margin-right: .5rem;
}
 
.article-list .text .article-author i {
  margin-right: .3rem;
}
 
.article-list .text p {
  font-size: .8125rem;
  line-height: 1.7;
}