@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/






見出し
.entry-content h2{
position: relative;
padding: 12px 18px;
background: #b8b0b0;/* 背景色 */
color: white;/* 文字色 */
}
.entry-content h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

.entry-content h3{
border-left: transparent !important;
border-bottom: 2px solid;
border-radius: 0 !important;
color: #b8b0b0 !important;
}



はてなカード
.hatenablogcard{
  clear:both;
  width:100%;
  height:155px;
  margin:10px 0;
  max-width:680px;
}



/* フォローボタン7*/
.flw_btn7 {
display: inline-block;
text-decoration: none;
color: #fff !important;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 23px !important;
margin:2px;
padding: 0px 0px 0px 3px;
border-radius: 12px;
text-align: center;
vertical-align: middle;
overflow: hidden;
font-weight: bold;
transition: .4s;
}
.flw_btn7:hover {
color: #fff !important;
opacity: 0.5;
}
.flw_btn7.fb { background: #6680d8 !important; }
.flw_btn7.tw { background: #22b8ff !important; }
.flw_btn7.fdly { background: #6cc655 !important; }
.flw_btn7.ist { background: #e84cb6 !important; }


/* リンクカード　ラベル色を変える */
.related_article .ttl:before{
    background: #78BBE6 !important;
}



オリジナルボタン１
.btn-wrap.spbtn2 a{
border:solid 1px #ffbf7f;
background:#fff;
color:#ffbf7f;
border-radius:4px;
}
.btn-wrap.spbtn2 a:hover{
background:#fff;
color:#fff;
border:none;
}



オリジナルボタン
.btn-wrap.simple-original a {
border: 2px solid #3299ff;
background: none;
color: #3299ff;
}
.btn-wrap.simple-original a:hover {
border-color: #3299ff;
background: #3299ff;
color:#fcfcfc;
}


/* 全デバイスヘッダー固定 */
.header{position:fixed;
width:100%;
top: 0;
  left: 0;
}
#container{
  padding-top:75px;
}
/* PCのヘッダーメニュー微調整 */
@media screen and (min-width: 1100px) {
#inner-header{
width:100%;
padding:2px 25px 0px 0px !important;
font-size:18px!important;
}
#container{
 padding-top:62px !important;
}}
/* タブレットのヘッダーメニュー微調整 */
@media screen and (min-width: 801px) and (max-width: 1050px){
#inner-header{
padding-top:8px !important;
width:100%;
}
#container{
 padding-top:110px !important;
} }
/* スマホのヘッダーメニュー微調整 */
@media screen and (max-width: 500px) {
.menu-item a{
margin-top:45%;
}
.home #content {
 margin-top:-16px;
}
/* スマホのメタディスクリプション 非表示 */
.site_description{
display:none;
 }}
/* メタディスクリプションを表示させる */
.site_description{
position:relative;
 z-index:3;
 background:none;
}
/* メタディスクリプションも一緒に固定する */
.site_description{
position:fixed;
 width:100%;
 z-index:3;
 background:none;
}