/* カスタム CSS をここに入力してください */

/* ここから下がボタンのCSS　*/
.btn-animation {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #ffffff;
  border: 2px solid #30499b;
  font-size: 16px;
  color: #30499b;
  text-decoration: none;
  font-weight: bold;
  padding: 6px 24px;
  border-radius: 20px;
  position: relative;
}

.btn-animation span {
  position: relative;
  z-index: 1;
}

.btn-animation::before,
.btn-animation::after {
  content: "";
  display: block;
  background-color: #30499b;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation::before {
  left: 0;
}
.btn-animation::after {
  right: 0;
}

.btn-animation:hover:before,
.btn-animation:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation:hover {
  color: #30499b;
}


/* フッターのSNSアイコン（ツイッター） */
.prof-sns{/*全体*/
    text-align: center;/*文字は中央寄せ*/
    padding-top: 5%;/*内側上の余白*/
    border-top: 2px dotted #eee;/*上線はドッと*/
    font-size: 0.6em;/*文字の大きさ*/
}
.prof-sns i {/*アイコンの設定*/
    font-size: 3em;/*3倍の大きさ*/
    line-height: 34px;/*高さ*/
    margin-top: 6px;/*外側上の余白*/
}
.pf-btn {/*snsボタンの共通部分*/
    display: inline-block;/*横幅や縦幅を設定できるように*/
    width: 43%;/*横幅*/
    height: 60px;/*行間*/
    margin: 0% 1.5% 5%;/*外側の余白*/
    border-radius: 5px;/*角丸*/
    letter-spacing: .05em;/*文字の感覚*/
    opacity: .7;/*透明度*/
    color: #fff;/*文字色白*/
}
.pf-btn:hover{/*ホバーエフェクト*/
    opacity: 1;/*透明度なし*/
    text-decoration: none;/*テキストの装飾をOFF*/
    transition: all ease-in-out .3s;/*なめらかに*/
}
/*****  ボタンカラー  *****/
.twitter-bc{background-color:   #1DA1F2;}
/* フッターのSNSアイコン（ツイッター）ここまで */


/* サイトTOPの新着一覧 */
.wp-show-posts-entry-title  {
    font-size: 18px;
    font-weight: normal;
}

.wp-show-posts-columns .wp-show-posts-inner {
  margin: 0 0 20px 0px !important;
}

#topnews li {
    border-bottom: 1px dashed #1d36a8;
    padding: 20px 0 20px 0;
}


/* フッターの高さを揃える */
#footer-menu {
    padding: 20px 10px 50px 0;
    text-align: center;
}



/* サイトTOPのh2タグの左右のバー*/
.demo3 .heading span {
  display: inline-block;
  position: relative;
}
.demo3 .heading span:before,
.demo3 .heading span:after {
  content: "";
  border-bottom: 2px solid #2f489b;
  width: 25px;
  margin: 0 15px;
  position: absolute;
  bottom: 13px;
}
.demo3 .heading span:before {
  right: 100%;
}
.demo3 .heading span:after {
  left: 100%;
}

/*ロゴのサイズを指定　これを入れないとロゴが小さいよ！*/

.header--center #logo img {
    padding: 0;
    height: auto;
    width: 100%;
    max-width: 800px;
}


#logo, #logo img, .desktop-nav li a, #drawer__open {
	height: 70px;/*スマホ用サイズ*/
    line-height: 70px;/*スマホ用サイズ*/
    object-fit: contain;
}

@media only screen and (min-width: 768px) {
    #logo, #logo img, .desktop-nav li a {
       height: 200px;/*768px〜で見たとき用サイズ*/
       line-height: 200px;/*768px〜で見たとき用サイズ*/
    }
}

/*サイトTOPのリンクを白文字にします*/
.mywhite a {
color:#fff;
text-decoration:underline;
}