/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/


@media only screen and (min-width: 768px) {
 #inner-content{
 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 }
}


body {font-family: "Lato", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-family: Arial,Helvetica,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size: 105%;line-height: 1.5;color: #545B63;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;word-wrap: break-word;background: #f7f7f7;}

/* Font Awesome hatena bookmark */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}


#toc_container {
  margin-left: auto;
  margin-right: auto;
}

/* Title styles */
        .wpp-post-title {
        color: #000;
        text-decoration: none;
        font-weight: bold;
        }

/*--------------------------------------
  スマホヘッダーメニュー固定
--------------------------------------*/

@media only screen and (max-width: 767px) {

.header {
  position: fixed;/*ヘッダー固定*/
  top: 0;
  left: 0;
  width:100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .18);/*ヘッダーに影をつける*/
}

/*ヘッダーの高さだけコンテンツを下げる*/
#container{
  padding-top:60px;/*ヘッダーの高さにあわせて調整*/
}

/*目次から見出しへ飛ぶリンクのズレを修正*/
h2 span, h3 span {
  padding-top: 60px;/*ヘッダーの高さにあわせて調整*/
  margin-top: -60px;/*ヘッダーの高さにあわせて調整（マイナスは消さない）*/
}
}