@charset "utf-8";


/* ---------------
   2026
   フェア埋め込み調整
   --------------- */

@media (max-width: 640px) {
	
	body {font-size:14px !important;}
	
	#container {min-width:100% !important;}

	main > article > section h2 span {font-size:1.66rem !important;}
	main > article > section h2 {font-size:0.66rem !important;}
	
	.btn {font-size:0.76rem !important;}
	
	.address p strong {
		font-size: 1.142857em;
	}
	.address a[href^="tel:"] {
		font-size: 2.2857em;
	}
	.address a[href^="tel:"] .svg {
		width: 0.75em;
		height: 0.75em;
		margin-right: 0.25em;
		stroke-width: 1.5px;
		vertical-align: middle;
	}

	
	/* SPnav */
	header {height:59px !important;}
    header h1 {margin-left:10px !important;}
    header h1 a {width:65px !important;}
    
	header a.sns-i {
		width:27px !important;
		margin:-6px 30px 0 0 !important;
	}
	
    .menu-btn {
        width: 32px !important;
        height:32px !important;
        top:6px !important;
		right:11px !important;
    }
    .menu-btn::after {
        font-size:0.5rem !important;
        bottom:-12px !important;
    }
    
    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        height:2px !important;
        width:20px !important;
    }
	.menu-btn span:before {bottom:6px;}
    .menu-btn span:after  {top:6px;}
	
    .menu-content ul {
        margin:60px auto 0 !important;
        padding:20px 0 !important;
    }
    .menu-content ul li {
        width:43%;
        margin:5px 1% !important;
    }
    .menu-content ul li.yoyaku {
        width:88%;
    }
    .menu-content ul li a {
        padding:3px 0 !important;
		font-size:0.74rem !important;
    }
    
    .menu-content ul li.sns a {
        width:40px !important;
        margin:0 6px !important;
    }
    .menu-content ul li.others a {
        margin:4px !important;
        padding:0 20px !important;
    }

    a.SPmenu-top {
        width:90px !important;
        height:32px !important;
        top:10px; right:50px;
		font-size:0.7rem;
    }
	
	
	/* bannerList-noSlide */
	ul.bannerList-noSlide {
		margin:50px auto 0 !important;
		padding: 0 0 80px !important;
	}
	
	
	/* footer */
	#footer .footLogo {padding:30px 0 10px !important;}
	#footer .footLogo .svg {width:80px !important; height:30px !important;}
	
	ul.sns li{margin:0 10px !important;}
	ul.sns a {width:40px;}
	ul.sns p {margin-top:1em;}

	ul.subNav {padding-top:12px;}
	ul.subNav li{padding:10px 5px 0 !important;}
	ul.subNav a {padding:0.5em 1.5em; font-size:0.72rem !important;}
	
	ul.subBnr {padding-top:20px !important;}
	
	#footer .address {padding-top:10px !important;}
	
	.address p {
		margin-top:10px !important;
		font-size:0.73rem !important;
	}
	.address p strong {
		margin-bottom: 0.5em;
		font-size: 1rem !important;
	}
	.address p span {
		padding-top: 0.4rem !important;
	}
	.address a[href^="tel:"] {
		margin-bottom: 0.5em;
		font-size:1.7rem !important;
	}
	.address a[href^="tel:"] .svg {
		width: 0.75em;
		height: 0.75em;
		margin-right: 0.25em;
	}
	
	#footer .copyright {
		padding:28px 0 !important;
		font-size:0.66rem !important;
	}

	#nav .sitemap {font-size:1em;}
	
	
	/* fixedNav */
	#fixedNav li {
		height:3.8em;
	}
	#fixedNav a {
		font-size:0.74rem !important;
		letter-spacing: 0.05em;
	}
	#fixedNav a .svg {
		width: 1em;
		height: 1em;
		margin-right: 0.25em;
		stroke-width: 1.5px;
		vertical-align: middle;
	}
	#fixedNav li.online,
	body.takeout #fixedNav li,
	body.afternoon-tea #fixedNav li {
		width: 100%;
	}
	#fixedNav li.tel {
		width: 50%;
	}
	#fixedNav li.online {
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	#fixedNav li.tel:nth-child(3) {
		order: 0;
		border-left: none;
		border-right: 1px solid #fff;
	}

}