@charset "utf-8";


/* ---- Mobile 〜767px ---- */
@media screen and (max-width: 767px) {

    .global_nav_wrapper {
        display: none;
    }
    
    .mobile_header .menu_btns {
        
    }
    
        .mobile_header .menu_btns .btn {
            
        }
        
            .mobile_header .menu_btns .btn a {
                width: 48px;
                height: 48px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
                .mobile_header .menu_btns .btn a:link { text-decoration: none; }
                .mobile_header .menu_btns .btn a:visited { text-decoration: none; }
                .mobile_header .menu_btns .btn a:hover { text-decoration: none; }
            
            .mobile_header .menu_btns .btn span {
                display: block;
                font-size: 10px;
                font-weight: bold;
            }
            
            .mobile_header .menu_btns .btn i {
                color: #444444;
                font-size: 16px;
                margin-bottom: 3px;
            }
                
                .mobile_header .menu_btns .btn a:hover span { color: #999999; }
                .mobile_header .menu_btns .btn a:hover i { color: #999999; }
    
        .mobile_header .menu_btns .mobile_menu_btn {
    		margin: 0 5px;
    		display: block;
    	}
    	
    		.mobile_header .menu_btns .mobile_menu_btn .mburger {
    			--mb-button-size: 45px;
    			--mb-bar-spacing: 8px;
    	        --mb-bar-height: 2px;
    	    }

} /* ---- Mobile 〜767px ---- */


/* ---- Tablet/PC 768px〜 ---- */
@media screen and (min-width: 768px) {
	
	.global_nav_wrapper {
        border-bottom: solid 4px #9b6b61;
    }
	
	.global_nav_wrapper .global_nav {
        max-width: 1148px;
        margin: 0 auto;
    }
    	
        .global_nav .items {
            display: flex;
            flex-wrap: wrap;
        }
    	    
    	    .global_nav .items > li > a {
        	    color: #222222;
        	    font-size: 1.0em;
        	    font-weight: 500;
        	    display: block;
        	    padding: 10px 20px;
    	    }
    	    
    	        .global_nav .items > li > a:link { color: #808080; text-decoration: none; }
    	        .global_nav .items > li > a:visited { color: #808080; text-decoration: none; }
    	        .global_nav .items > li > a:hover { color: #9b6b61; text-decoration: none; transition: .3s; }
    
    
    .global_nav .sub-menu {
		background: #e6e6e6;
		position: absolute;
		padding: 10px 20px 10px 20px;
		display: none;
		border-top: solid 1px #e0e0e0;
		z-index: 9999;
	}
	
		.global_nav .sub-menu > li {
			font-size: 1.4rem;
			font-weight: 300;
			padding: 5px 0;
		}
		
			.global_nav .sub-menu > li a:link { color: #222222; text-decoration: none; }
			.global_nav .sub-menu > li a:visited { color: #222222; text-decoration: none; }
			.global_nav .sub-menu > li a:hover { color: #222222; text-decoration: underline; }
    
    
    .small_logo {
        display: none;
    }
    
    .global_nav_min {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        background: rgba(255,255,255,0.93);
        width: 100%;
        transition: .3s;
    }
    
        .global_nav_min .global_nav {
            position: relative;
            display: flex;
            align-items: center;
        }
        
            .global_nav_min .global_nav .items .menu-item a {
        	    
    	    }
        
        .global_nav_min .small_logo {
            display: block;
        }
        
            .global_nav_min .small_logo a {
                display: block;
                padding: 3px 15px;
            }
        
            .global_nav_min .small_logo img {
                max-height: 35px;
                max-width: 220px;
            }
	
} /* ---- Tablet/PC 768px〜 ---- */