@charset "UTF-8";

/* メディアクエリ：SP：1100px以下の時 */
@media screen and (max-width:1100px) {
    /* 共通 */
    .SP_only{
        display: block;
    }
    
    /* 共通：ヘッダー＞グローバルナビ：PC */
    .navi_global_PC{
        display: none;
    }

    /* 共通：ヘッダー＞グローバルナビ：SP */
    .navi_global_SP{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: rgb(255, 220, 0);
        border-bottom: 1px solid #000;
    }

    .navi_global_SP a:hover{
        opacity: 0.5;
    }

    .navi_global_SP h1{
        margin-left: 20px;
    }

    /* 共通：ヘッダー＞グローバルナビ：SP：チェックボックス */
    .navi_global_SP_hidden{
        display: none;
    }

    /*共通： ヘッダー＞グローバルナビ：SP：アイコン */
    .navi_global_SP_open {
        display: flex;
        height: 40px;
        width: 40px;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 100;
        cursor: pointer;
    }

    .navi_global_SP span,
    .navi_global_SP span:before,
    .navi_global_SP span:after {
        content: '';
        display: block;
        height: 3px;
        width: 24px;
        border-radius: 3px;
        background: #000;
        transition: 0.5s;
        position: absolute;
    }

    .navi_global_SP_open span:before {
        bottom: 8px;
    }
    
    .navi_global_SP_open span:after {
        top: 8px;
    }

    #navi_global_SP_input:checked ~ .navi_global_SP_open span {
        background: rgba(255, 255, 255, 0);
    }

    #navi_global_SP_input:checked ~ .navi_global_SP_open span::before {
        bottom: 0;
        transform: rotate(45deg);
        background: #fff;
    }

    #navi_global_SP_input:checked ~ .navi_global_SP_open span::after {
        top: 0;
        transform: rotate(-45deg);
        background: #fff;
    }

    /* 共通：ヘッダー＞グローバルナビ：SP：メニュー内容 */
    /* 普段は隠しておいて、アイコンクリックで表示させる */
    .navi_global_SP_content {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%; /* メニューを画面の外に飛ばす */
        z-index: 9;
        background: rgba(20, 0, 0, 0.9);
        transition: 0.2s;
        overflow-y: hidden;/* メニュー展開時のスクロール制限 */
        -webkit-overflow-scrolling: touch;
    }

    .navi_global_SP_contentWrap{
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .navi_global_SP_contentWrap li{
        color: #fff;
        list-style: none;
        border-bottom: 1px solid #fff;
    }

    .navi_global_SP_contentWrap li:first-of-type{
        border-top: 1px solid #fff;
        margin-top: 60px;
    }

    .navi_global_SP_contentWrap li a{
        padding: 20px 0;
    }
    
    /* アイコンがクリックされたらメニューを表示 */
    #navi_global_SP_input:checked ~ .navi_global_SP_content {
        left: 0; /* メニューを画面に入れる */
    }
    
    /* フッター */
}

/* メディアクエリ：SP：600px以下の時 */
@media screen and (max-width:600px) {
    /* 共通 */
    p{
        font-size: 14px;
    }

    /* 共通：ヘッダー */


    /* 共通：メイン */


    /* 共通：フッター＞コンタクト */
    .footer_contact_mail{
        display: flex;
        justify-content: center;
        width: 90%;
    }

    .footer_contact_mail p:nth-of-type(1){
        margin-bottom: 10px;
        font-size: 24px;
    }

    .footer_contact_mail p:nth-of-type(2){
        font-size: 14px;
    }

    /* 共通：フッター＞アクセス */
    .footer_access iframe{
        height: 300px;
    }

    /* 共通：フッター＞サイトマップ */
    .footer_site-map{
        display: block;
        margin: 40px 0;
        text-align: center;
    }

    .footer_site-map h2{
        display: block;
        margin: 20px auto;
        font-size: 20px;
        border-right: none;
        line-height: none;
    }

    .footer_site-map ul{
        padding: 0;
        margin: 0;
    }

    .footer_site-map ul li{
        display: block;
        margin-right: none;
    }

    .footer_site-map ul li a{
        display: block;
        line-height: 40px;
    }

    .footer_site-map ul .SP_only{
        display: none;
    }
}