/*********フォローボタン**********/
.follow-btn{
 width: 100%;
 margin: 5px 0px 5px 0px;
}
.follow-btn ul {
 list-style: none;
 display: -webkit-flex;
 display: flex;
 margin: 0;
 padding: 0;
}
.follow-btn li {
 height:100px;
 width: 100%;
 -webkit-transition: width 0.3s ease-out;
 transition: width 0.3s ease-out;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.follow-btn li:hover {
 width: 200%;
}
.follow-btn li span{
 line-height:2.5;
 font-size:180%;
 font-weight: normal;
 font-style: normal;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
 
 
.Twitter_btn{
 background: #55ACEE;/*Twitterの背景色*/
}
.Facebook_btn {
 background: #5882FA;/*Facebookの背景色*/
}
.Feedly_btn {
 background: #82C36F;/*Feedlyの背景色*/
}
.Insta_btn {
 background: #5F5E5E;/*Instagramの背景色*/
}
 
.Youtube_btn {
 background: #F06A6A;/*YouTubeの背景色*/
}
 
.Twitter-icon:before{
 content: "\f099";/*Twitterアイコン*/
 color: #ffffff;
 display: inline-block;
 font-family: FontAwesome;
}
.Facebook-icon:before{
 content: "\f230";/*Facebookアイコン*/
 display: inline-block;
 font-family: FontAwesome;
}
.Feedly-icon:before{
 content: "\f09e";/*Feedlyアイコン*/
 display: inline-block;
 font-family: FontAwesome;
}
 
.Insta-icon:before{
 content: "\f16d";/*Instagramアイコン*/
 display: inline-block;
 font-family: FontAwesome;
}
 
.Youtube-icon:before{
 content: "\f167";/*YouTubeアイコン*/
 display: inline-block;
 font-family: FontAwesome;
}
 
.follow-btn a {
 width:100%;
 height:100%;
 font-size: 13px;
 line-height: 1;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
 color: #ffffff;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
    margin-top:10px;
    display: block;
}

/* Contact Form 7のテーブル表示　偶数業に色付け */
.table-ctf7 tr th,td {
    padding: 10px; /* 余白を10px持たせる */
    border-top: 1px #DDD solid; /* 上側にグレーの実線を引く */
}
 
.table-ctf7 tr:nth-child(even) {
    background-color: #F9F9F9; /* 偶数行をうっすらグレーに */
}

/* Contact Form 7の必須文字だけにCSSをあてる */
.table-ctf7 span.requied {
    font-size: 10px; /* フォントサイズを10pxに */
    color: red; /* フォントカラーを赤に */
    font-weight: normal; /* フォントの太さを通常に */
}

/*--------------------------------------------------------------
# New Post Catch
--------------------------------------------------------------*/
 
#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px dotted #666666;
}
#npcatch img{
         float:left;
         padding:5px 10px 0 0;
}
#npcatch .title a{
         font-size: large;
         font-weight: 700;
         text-decoration: none;
}
#npcatch .date {
         font-size: medium;
         font-weight: 600;
         display:block;
         color: #adb5bf;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}

/*リンク画像をマウスオーバーで半透明に*/
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

/*文字ぶるぶる*/
.buruburu {
    display: inline-block;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}