@charset "UTF-8";

/* モバイルのヘッダーカスタマイズ　参考https://prime-dict.com/?p=1074 */
@media screen and (max-width: 639px) {
#header {
 position: fixed; /* ヘッダーをトップに固定する記述 */
 top: 0;
 width: 100%;
 z-index: 9998;/* ヘッダーがモダールメニューの上に被らない様子にする記述 */
}
#site-title {
 position: relative; /* 「#site-title a」幅を、この要素を基準にさせるための記述 */
 height:40px; /* 「ヘッダーの高さ」と同じ値を設定 */
 margin:0 30px 0 0;
}
#site-title a {
 display: block; /* 「#site-title」のエリア全体をトップページへのリンクエリアにする記述 */
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
#site-title a .site-title-img,#h-top #site-description {
 display:none;/* キャッチコピーとタイトル画像を非表示させる記述 */
}
div#main {
 padding: 50px 10px 10px;/* 50pxの値は「ヘッダーの高さ」+10pxを設定 */
}
}