/*太字*/
.futozi{
  font-weight: bold;
}
/*文字サイズ変更*/
.mozisize{
  font-size: 1.5em;
}
/*文字色*/
.black {
  color: black;
}
.red {
  color: red;
}
.green {
  color: green;
}
.blue {
  color: blue;
}
.white {
  color: white;
}
.yellow {
  color: yellow;
}
.magenta {
  color: magenta;
}
.gray {
  color: gray;
}
.orange {
  color: orange;
}
/*下線CSSコード*/
.shitasen{
  text-decoration: underline;
}
/*大きく、太く、色を変えて、下線CSSコード*/
.matome1{
  font-weight: bold;
  font-size: 1.5em;
  color: red;
  text-decoration: underline;
}
/*マーカーCSSコード*/
.m-pink{
  background: linear-gradient(transparent 0%, pink 0%);
}
/*枠CSSコード*/
.waku{
    padding: 1em;
    margin-bottom: 2em;
    border: solid 3px black;
}
/*枠の大きさ変更CSSコード*/
.wakuookisa{
    padding: 1em; /*枠の内側の余白*/
    margin-bottom: 2em; /*枠の外の下側の余白*/
    border: solid 3px black; /*枠の線の太さ*/
    width: 300px; /*枠の横幅*/
    height: 250px; /*枠の高さ*/
    box-sizing: border-box; /*枠線はみだし対策*/
}
/*リスト表示CSSコード*/
.list0 {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*枠内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
}
.list0 li {
  line-height: 1.5; /*行の高さ*/
  padding: 0.5em 0; /*枠内余白*/
}
/*見出しCSSコード*/
.midashi1 {
    margin: 4px 0 4px; /*外側の余白*/
    font-size: 2em; /*文字サイズ*/
    font-weight: 700; /*文字の太さ*/
}
.midashi2 {
    font-size: 1.7em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    line-height: 40px; /*行の高さ*/
    padding: .5em 0 .5em .5em; /*行の余白*/
    border-left: 28px solid #40ad3b; /*左側の縦線*/
    border-bottom: 1px solid #757575; /*下線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi3 {
    font-size: 1.5em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    line-height: 40px; /*行の高さ*/
    padding: .5em 0 .5em .5em; /*行の余白*/
    border-left: 14px solid #eaa629; /*左側の縦線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi4 {
    font-size: 1.2em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    border-top: 2px solid #40ad3b; /*上線*/
    border-bottom: 2px solid #40ad3b; /*下線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi5 {
    font-size: 1em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    border-bottom: 2px solid #eaa629; /*下線*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
.midashi16 {
    font-size: 1em; /*文字サイズ*/
    font-weight: bold; /*文字の太さ*/
    margin: 1.5em 0em 1.5em 0; /*上下の余白*/
}
/*画像と文章　横並び*/
.float-migi{
  float:right; /*右より*/
  width:50%; /*幅*/
  padding-left: 20px; /*左余白*/
  padding-right: 20px; /*右余白*/
  margin-top: 1em; /*上側の余白*/
  margin-bottom: 1em; /*下側の余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
.float-hidari{
  float:left; /*左より*/
  width:50%; /*幅*/
  padding: 20px; /*余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
.kaijo:after{
  display:block; /*固定表示*/
  clear:both; /*周りこみ解除*/
  content:"";
}
/*横並び枠*/
.float-hidari-waku {
  float:left; /*左よせ*/
  background-color:  #e9e9e9; /* 背景色指定 */
  padding:  20px; /* 余白指定 */
  height: 350px; /* 高さ指定 */
  width: 30%; /*横幅*/
  border: solid 1px gray; /*枠線*/
  margin-left: 3%; /*余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
/*枠タイトル*/
.w-title{
  border-bottom: solid 5px red; /*タイトル下線*/
  font-size: 1.2em; /*タイトル文字サイズ*/
  font-weight:bold; /*タイトル太字*/
}
/*画像変更用*/
.float-hidari-waku img{
  width:100%; /*画像幅*/
  height:100px; /*画像高さ*/
  margin-top: 1em; /*余白*/
  border: solid 1px black; /*枠線*/
  margin-bottom: 1.2em; /*余白*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
/*ボタン*/
.btn-flat-border {
  display: inline-block; /*表示形式*/
  padding: 0.3em 1em; /*余白*/
  text-decoration: none !important; /*装飾なし*/
  color: white !important; /*文字色*/
  border: solid 3px #67c5ff; /*外枠の線*/
  border-radius: 3px; /*角丸み*/
  transition: .4s; /*表示の変わる時間*/
  background: blue; /*背景色*/
  font-size:1.2em; /*文字サイズ*/
  font-weight:bold; /*文字の太さ*/
  width:300px; /*ボタン横幅*/
  box-sizing: border-box; /*枠線はみだし対策*/
}
/*マウスで触った時のボタン表示*/
.btn-flat-border:hover {
  background: aqua; /*背景色*/
  color: blue !important; /*文字色*/
}
/*ボタン中央表示用*/
.chuou{
  text-align: center; /*中央表示*/
}
/*アイキャッチ画像高さ変更*/
.ect-vertical-card .entry-card-wrap .entry-card-thumb img{
height:250px;
}
/*アイキャッチ画像高さスマホ用*/
@media screen and (max-width: 510px) {
.ect-vertical-card .entry-card-wrap .entry-card-thumb img{
height:150px;
}
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img:hover{
opacity:0.7;
transition:0.3s;
}
.card-thumb img:hover{
opacity:0.7;
transition:0.3s;
}
/* ----------------------------------------
MW WP Form背景色の変更
----------------------------------------- */
.wpcf7c-conf {
    background-color: #F5F5F5; /* 背景色 */
    color: black; /* 文字色 */
    border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}
  
/* ----------------------------------------
MW WP Form ボタンのデザイン変更
------------------------------------------*/
input.wpcf7c-btn-back, 
input.wpcf7-submit,
input.wpcf7-confirm {
    width: 8em; /* ボタンの横幅: 8文字分の大きさ */
    height: 2em; /* ボタンの高さ: 2文字分の高さ */
}
input.wpcf7-confirm, 
input.wpcf7-submit {
    background: green;  /* 背景色を緑に */
    color: #fff;    /* 文字色を白に */
    border-color: #9ABB9A #80B577 #80B577 #9ABB9A;
    /* 周りの線を緑系に */
}
input.wpcf7c-btn-back {
    background: lightgray;
}
  
/* -----------------------------------------
MW WP Form　戻るボタンと送信ボタンの間の余白を調整
-------------------------------------------*/
input.wpcf7c-btn-back {
    margin-right: 1em;
}
/*　ContactForm7の横並びテーブル化レスポンシブ調整　*/
  
/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
    margin-top:20px;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}
  
/*ここから768px以下の指定*/
  
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
  
/*ここまで768px以下の指定---終わり*/
  
/*ここから入力欄のスタイル指定*/
  
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 90%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
background: green;  /* 背景色を緑に */
    color: #fff;    /* 文字色を白に */
    border-color: #9ABB9A #80B577 #80B577 #9ABB9A;
    /* 周りの線を緑系に */
    font-size:1em;
    font-weight: bold;
    padding:10px;
    width:auto;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}
/*確認画面非表示*/
.mw_wp_form_preview .gray{ display:none; }
.waku{
        border:solid 1px;
    margin: 2em auto;
}
/*送信完了文字*/
.situmonmozi{
  font-size:1.5em;
  font-weight: bold;
}
/*人気記事画像　かさなり対策*/
.wpp-list li {
margin-top: 1em;
}
/*画像光る*/
.hikaru-img{
    width       :auto;
    height      :auto;
    position    :relative;
    overflow    :hidden;
}
.hikaru-img:hover{
opacity: 0.7;
}
.hikaru {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}