@charset "utf-8";

/*クライアント*/

.cb-bg { background: rgba(0,0,0,0.02); }
.cliant-box { display: table; width: 100%; }
.cliant-box i { color: rgba(0,0,0,0.3); }
.cliant-box-inner { display: table-cell; width: 100%; height: 70px; vertical-align: middle; text-align: center; margin: auto; }

/*記事一覧*/

dl.news-list { display: table;  }
dl.news-list dt, dl.news-list dd { display: table-cell; line-height: 2 !important; }
dl.news-list dt { padding-right: 1em;  }

@media screen and (max-width: 767px) {
dl.news-list dt, dl.news-list dd { display: block; }
}

/*タグデザイン*/

a.tag-all {
font-size: 90%;
border: 1px solid rgba(0,0,0,0.1) ;
background: rgba(0,0,0,0.05);
padding: 3px;
margin: 0 3px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
white-space: nowrap;
}

/*ページネーション*/

table.pagination { margin:30px auto 0; }

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:4px 7px 3px 7px;
text-decoration:none;
width:auto;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.pagination a:link, .pagination a:visited { background: rgba(111,141,142,0.3); }
.pagination a:hover { background: rgba(111,141,142,0.1); }
.pagination .current{padding:4px 7px 3px 7px; }

/*GoogleMAP*/

.gmap-outer { padding:10px; border:1px solid rgba(0,0,0,0.3); background: rgba(255,255,255,0.5); }
.gmap { width:100%; height:350px; }
.gmap iframe { width: 100%; height: 100%; }
@media screen and (max-width: 767px) {
.gmap { height:300px; }
}

/*ふわっと出てくる*/

.js-animation {
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: all 1s;
}
.js-animation.is-show {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}