/* カバーのぼかしデモ（決定後はcommon.cssに移植） */
/*#coverWrap{
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center;

    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center;
}*/

/* リンク非活性用クラス */
.nolink a { pointer-events: none; }

/* 
 * PC・スマホ共通設定
 */
/* ヘッダー下部の影追加 */
#fixedArea {
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* 画像 */
img { pointer-events: none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}

/*  SNSボタン色変更 */
#snsButtonArea ul li.snsButtonAreaFacebook a,
#snsButtonArea ul li.snsButtonAreaTwitter a,
#snsButtonArea ul li.snsButtonAreaHatena a { background-color: #665200 }

/* 
 * PC表示設定
 */
/* ヘッダー常時上部表示 */
div#containerInner>div#fixedArea { position: sticky; z-index: 999; top: 0 }

/* フリーテキスト拡大表示（テスト環境のみ）
#freeArea { font-size : 9em ; font-weight: bold; color: #FFFFFF; } */

/* グローバルナビゲーションリンク拡大 */
.menuFirst>li>.clearfix { padding-top: 37.5px; padding-bottom: 37.5px; }

/* ローカルナビゲーションリンク調整 */
#globalNaviArea .menuFirst li .menuSecond { top: 62.5px !important; } 

/* 「カバー左右ボタン」色変更 */
.design03 #coverLeft,
.design03 #coverRight { background-color: #665200; }

/* 「ページトップボタン」色変更 */
#pagetop a span { background-color: #665200; }

/* コンテンツエリアの高さの最小値を指定 */
main { min-height: calc(100vh - 90px - 162px); }

/* 
 * スマートフォン表示設定
 */
/* 「ハンバーガーボタン」色変更 */
#menuToggleOn span { color: #332900; }

/* コンテンツエリアの高さの最小値を指定 */
div#contentsAreaSection { min-height: calc(100vh - 60px - 172px); }