@charset "utf-8";

/*縦線タイトル*/

.vertical-line { height: 50px; border-right: 1px solid rgba(0,0,0,0.3); }
.vertical-line-red { height: 60px; border-right: 2px solid #D9530D; }
.vertical-line-white { height: 60px; border-right: 2px solid rgba(255,255,255,1); }


/*QA回答ページ対タイトル*/

.qa_title { background: #8C9296; color: rgba(255,255,255,1); padding: 60px 15px; text-align: center; margin: 0 !important; }
.qa_ans { padding: 60px 0 50px; margin: 0 !important; font-size: 140% !important; }

/*記事一覧*/

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 1.5s;
}
.js-animation.is-show {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}

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

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

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

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

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

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

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

.js-animation-show {
opacity: 0.3;
visibility: hidden;
transition: all 2s;
}
.js-animation-show.is-show {
opacity: 1;
visibility: visible;
}