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

詳しくは上のヘルプアイコンをクリックしてください。
*/
p.resizeimage img {
	width: 100%;
}

.follow-btn {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.follow-btn a {
	display: inline-block;
	position: relative;
	width: 30%;
	height: 45px;
	line-height: 22px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	color: #ffffff;
}

.follow-btn .hatena {
	border: 2px solid #3D3F44;
	background: #ffffff;
	color: #3D3F44;
	box-shadow: 0 3px 0 #3D3F44;
}

.follow-btn .twitter {
	border: 2px solid #4169e1;
	background: #ffffff;
	color: #4169e1;
	box-shadow: 0 3px 0 #4169e1;
}

.follow-btn .feedly {
	border: 2px solid #9400d3;
	background: #ffffff;
	color: #9400d3;
	box-shadow: 0 3px 0 #9400d3;
}

.follow-btn .hatena:hover {
	top: 3px;
	box-shadow: none;
}

.follow-btn .twitter:hover {
	top: 3px;
	box-shadow: none;
}

.follow-btn .feedly:hover {
	top: 3px;
	box-shadow: none;
}

.text-small {
	font-size: 10px;
}

hr {
	border: 0;
	margin: 1.35em auto;
	max-width: 100%;
	background-position: 50%;
	box-sizing: border-box;
}

.accessory {
	height: 6px;
	background-image: radial-gradient(closest-side,hsla(0,0%,50%,1.0),hsla(0,0%,50%,0) 100%);
	position: relative;
}

.accessory:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background-color: hsl(0,0%,75%);
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 4px 0;
	border: 4px solid hsla(0,0%,100%,0.35);
	background-clip: padding-box;
	box-shadow: -10px 10px 0 hsla(0,0%,100%,0.15), 10px -10px 0 hsla(0,0%,100%,0.15);
}

.alpha a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
}


table.company {
    width: 500px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 10px;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}


h5 {
position: relative;
padding: 7px 7px 5px 42px;
background: #343068;
font-size: 20px;
color: white;
margin-left: -33px;
line-height: 1.3;
z-index:-1;
}

h5:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}

h4{
position: relative;
border-top: solid 2px #343068;
border-bottom: solid 2px #343068;
background: #fff;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h4:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #343068;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }

#wp-calendar a:link {
	background-color: #282c66;
	display: block;
	text-decoration: none;
	height: 20px;
	margin: 0 auto;
}




.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 0px;/*高さと合わせる*/
}




.head_test {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 40px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
}
p {
    margin:  0;             /* デフォルトCSS打ち消し */
    line-height: 2;         /* 行間調整 */
}
.head_test-point {
    display:  block;        /* ブロック要素にする */
    font-size:  14px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
    background-color:  #fff;/* 背景色指定 */
}
 
.head_test-point:before {
    content: '';            /* 空の要素を作る */
    height:  1px;           /* 高さ指定 */
    background-color:  #000;/* 背景色指定 */
    position:  absolute;    /* 位置調整 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
    width: 200px;           /* 幅指定 */
    left:  -30px;           /* 位置調整 */
}