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

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

.h1,h2,h3,h4,h5,h6,body {font-family:"Avenir Next",'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック',  sans-serif;}


h4 {
border-bottom: solid 3px #7f8c8d;
position: relative;
}

h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #2c3e50;
bottom: -3px;
width: 20%;
}

/* 画像に影をつける */
.img_shadow {
  box-shadow: 4px 4px 20px -8px rgba(0, 0, 0, 0.5);
}



/* tablepress */
.tablepress thead th {
	background-color: #1E8CBE;
	color: #FFF;
	border: solid 1px #ddd;
	text-align: center;
}
 
.tablepress td {
	text-align: center;
	border: solid 1px #ddd;
}



/* SNS */
.sns li a {
font-size:80%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius: 2px;
text-align:center;
text-decoration: none;
text-shadow:none;
}
.sns li a:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
box-shadow:none;
}

.sns li a .text{
font-weight:none;
}
/* ツイッター */
.sns .twitter a {
color: #22b8ff !important;
border: solid 1px #22b8ff !important;
background: #fff !important;
box-shadow:none;
}
.sns .twitter a:hover {
color: #fff !important;
border: solid 1px #22b8ff !important;
background: #22b8ff !important;
}

/* Facebook */
.sns .facebook a {
color: #6680d8 !important;
border: solid 1px #6680d8 !important;
background: #fff !important;
box-shadow:none;
}
.sns .facebook a:hover {
color: #fff !important;
border: solid 1px #6680d8 !important;
background: #6680d8 !important;
}

/* グーグル */
.sns .googleplus a {
color: #db4a39 !important;
border: solid 1px #db4a39 !important;
background: #fff !important;
box-shadow:none;
}
.sns .googleplus a:hover {
color: #fff !important;
border: solid 1px #db4a39 !important;
background: #db4a39 !important;
}

/* はてぶ */
.sns .hatebu a {
color: #5d8ac1 !important;
border: solid 1px #5d8ac1 !important;
background: #fff !important;
box-shadow:none;
}
.sns .hatebu a:hover {
color: #fff !important;
border: solid 1px #5d8ac1 !important;
background: #5d8ac1 !important;
}

/* Pocket */
.sns .pocket a {
color: #ff6d82 !important;
border: solid 1px #ff6d82 !important;
background: #fff !important;
box-shadow:none;
}
.sns .pocket a:hover {
color: #fff !important;
border: solid 1px #ff6d82 !important;
background: #ff6d82 !important;
}

/* Feedly */
.sns .feedly a {
color: #6cc655 !important;
border: solid 1px #6cc655 !important;
background: #fff !important;
box-shadow:none;
}
.sns .feedly a:hover {
color: #fff !important;
border: solid 1px #6cc655 !important;
background: #6cc655 !important;
}