/* タブレット用スマホメニュー表示（iPad Pro以下） */
@media screen and (min-width: 769px) and (max-width: 1366px) {
	/* トップ白いバーを非表示 */
	#top-white-bar {
		display: none !important;
	}
	
	/* グローバルナビゲーションを非表示 */
	#global_nav {
		display: none !important;
	}
	
	/* スマホメニューを表示 */
	.mobile-menu {
		display: block !important;
	}
	
	.mobile-menu-toggle {
		display: block !important;
		width: 100% !important;
		padding: 10px !important;
		background-color: #bfe1d4 !important;
		border: none !important;
		border-radius: 5px !important;
		font-size: 24px !important;
		font-weight: bold !important;
		color: #282828 !important;
		cursor: pointer !important;
		margin-top: 10px !important;
	}
	
	.mobile-menu-content {
		background-color: #bfe1d4 !important;
		border-radius: 5px !important;
		margin-top: 5px !important;
	}
	
	.mobile-menu-content ul {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.mobile-menu-content li {
		border-bottom: 1px solid #3a6b49 !important;
	}
	
	.mobile-menu-content li:last-child {
		border-bottom: none !important;
	}
	
	.mobile-menu-content li a {
		display: block !important;
		padding: 15px 20px !important;
		text-decoration: none !important;
		color: #282828 !important;
		font-weight: bold !important;
		font-size: 21px !important;
		transition: background-color 0.3s ease !important;
	}
	
	.mobile-menu-content li a:hover {
		background-color: #5a8c69 !important;
		color: white !important;
	}
	
	.mobile-menu-content li a:active {
		background-color: #3a6b49 !important;
		color: white !important;
	}
}

/* iPad mini用（768px-1024px） */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/* トップ白いバーを非表示 */
	#top-white-bar {
		display: none !important;
	}
	
	/* グローバルナビゲーションを非表示 */
	#global_nav {
		display: none !important;
	}
	
	/* スマホメニューを表示 */
	.mobile-menu {
		display: block !important;
	}
	
	.mobile-menu-toggle {
		display: block !important;
		width: 100% !important;
		padding: 10px !important;
		background-color: #bfe1d4 !important;
		border: none !important;
		border-radius: 5px !important;
		font-size: 24px !important;
		font-weight: bold !important;
		color: #282828 !important;
		cursor: pointer !important;
		margin-top: 10px !important;
	}
	
	.mobile-menu-content {
		background-color: #bfe1d4 !important;
		border-radius: 5px !important;
		margin-top: 5px !important;
	}
	
	.mobile-menu-content ul {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.mobile-menu-content li {
		border-bottom: 1px solid #3a6b49 !important;
	}
	
	.mobile-menu-content li:last-child {
		border-bottom: none !important;
	}
	
	.mobile-menu-content li a {
		display: block !important;
		padding: 15px 20px !important;
		text-decoration: none !important;
		color: #282828 !important;
		font-weight: bold !important;
		font-size: 21px !important;
		transition: background-color 0.3s ease !important;
	}
	
	.mobile-menu-content li a:hover {
		background-color: #5a8c69 !important;
		color: white !important;
	}
	
	.mobile-menu-content li a:active {
		background-color: #3a6b49 !important;
		color: white !important;
	}
}