@charset "utf-8";

/********************************************************************************************
    ■ JavaScript無効環境用CSS
********************************************************************************************/
/*******************************************************************************************/
/* スマホサイズは 600px以下。 */
/* タブレットサイズは 601px以上 ～ 820px以下。 */
/* PCサイズは 821px以上。 */
/*******************************************************************************************/

/********************************************************************************************
    全サイズ共通
********************************************************************************************/
/*-------------------------------------------------
    全ページ共通 / ロード画面
-------------------------------------------------*/
.loading {
    display: none;
}


/*-------------------------------------------------
    全ページ共通 / JS無効警告メッセージ
-------------------------------------------------*/
#aleat_noscript {
    box-sizing: border-box;
    margin: 0 auto 50px auto;
    border: #ff2863 3px solid;
    width: 60%;
    height: auto;
}

#aleat_noscript p {
    margin: 0;
    padding: 30px 46px;
    color: #FF6432;
    font-weight: bold;
    text-align: center;
}


/*-------------------------------------------------
    TOPページ
-------------------------------------------------*/
#wrapper {
    height: auto;
}

#key_visual {
    height: 100vh;
    background: #671010;
    background-image: url(../images/key_bg_noscript.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/********************************************************************************************
    スマートフォンレイアウト : 600px以下
********************************************************************************************/
/*-------------------------------------------------
    全ページ共通 / ナビメニュー
-------------------------------------------------*/
/* js無効でもナビメニューが一応見えるように */
.sm ul {
    display: block;
}

/* 文字サイズ変更はjs有効でないと動作しないので消しておく */
.fontsize_change.mobile {
    display: none;
}


/*-------------------------------------------------
    全ページ共通 / コンテンツ
-------------------------------------------------*/


/*-------------------------------------------------
    全ページ共通 / フッター
-------------------------------------------------*/



/********************************************************************************************
    タブレットレイアウト : 601px以上 ～ 820px以下。スマートフォンレイアウトからスタイルを継承。
********************************************************************************************/
@media (min-width: 601px) {
    /*-------------------------------------------------
        全ページ共通 / コンテンツ
    -------------------------------------------------*/


    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/


}



/********************************************************************************************
    デスクトップレイアウト : 821px以上 ～ 。スマートフォン＆タブレットレイアウトからスタイルを継承。
********************************************************************************************/
@media (min-width: 821px) {
    /*-------------------------------------------------
        全ページ共通 / ナビメニュー
    -------------------------------------------------*/
    /* js無効でもナビメニューが一応見えるように */
    .sm ul {
        width: 11.5em;
        font-size: 92%;
    }

    .sm-mint ul ul {
        top: 0;
        left: 10.6em;
        font-size: 100%;
    }

    .sm-mint li.first > a {
        padding: 15px 60px 15px 20px;
    }

    /* 文字サイズ変更はjs有効でないと動作しないので消しておく */
    .fontsize_change.pc {
        display: none;
    }


    /*-------------------------------------------------
        全ページ共通 / コンテンツ
    -------------------------------------------------*/


    /*-------------------------------------------------
        全ページ共通 / フッター
    -------------------------------------------------*/


}