/* スマホ・タブレット向けの調整（2026-10-27 追加。元のテーマはパソコン幅のみ対応） */
html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }

@media screen and (max-width: 768px) {
	/* ヘッダー */
	.site_header { padding: 6px 12px; }
	.logo_table li:first-child { width: 72px; }
	.logo_table li:last-child { font-size: 18px; padding: 0 0 0 10px; white-space: nowrap; }

	/* 見出し */
	.section_title_blue { font-size: 32px; }
	.section_title_blue li:first-child { width: 36px; }
	.section_title_blue li:last-child { padding: 0 0 0 10px; }
	.section_title_jp, .title_black_jp, .title_white_jp { font-size: 15px; }
	.title_black_en, .title_white_en { font-size: 28px; }
	.slider_text_jp { font-size: 14px; padding: 0 12px; box-sizing: border-box; }

	/* お知らせ一覧：2列 */
	.news_section { padding: 30px 12px; box-sizing: border-box; }
	.newslist { grid-template-columns: 1fr 1fr; }
	.blog_date { font-size: 13px; }
	.blog_title { font-size: 14px; }
	.event_more { padding: 8px; font-size: 13px; }

	/* 2列の帯（画像＋説明）：縦に積む */
	.two_col_frame { grid-template-columns: 1fr; }
	.two_col_left, .two_col_right { grid-column: 1; grid-row: auto; }
	.content_center { position: static; transform: none; -webkit-transform: none; padding: 24px 16px; }
	.box_right.move { text-align: left; }
	.box_left, .box_right { -webkit-transform: none; transform: none; }

	/* トップのメニュー（ITEM・LOGISTICS など） */
	.top_page_menu { width: 100%; }
	.top_page_menu li { font-size: 18px; padding: 0 6px; }
	.top_page_menu li:first-child { width: 40px; }
	.top_page_menu li:last-child { font-size: 13px; }

	/* 商品ページ・ブログ：右の案内欄を下へ */
	.item_page_frame, .item_page_content, .item_page_navi,
	.blog_frame, .blog_content, .blog_navi { display: block; width: 100%; box-sizing: border-box; }
	.item_page_frame { padding: 20px 12px; }
	.item_page_navi, .blog_navi { padding: 20px 0 0; }
	.blog_frame { margin-top: 20px; padding: 0 12px; }
	.archive #primary { padding: 0 12px; box-sizing: border-box; }
	.entry-content { overflow-wrap: anywhere; }
	.entry-content img, .entry-content iframe, .entry-content video { max-width: 100% !important; height: auto; }
	.entry-content table { display: block; overflow-x: auto; }
	.contents_frame { padding: 0 12px; box-sizing: border-box; }
	.dpe-flexible-posts { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin: 0; padding: 0; list-style: none; }
	.dpe-flexible-posts .title { font-size: 13px; line-height: 1.5; }

	/* お問い合わせ・Q&A の2枚 */
	.support_section { padding: 12px; }
	.support_col { grid-template-columns: 1fr; grid-gap: 12px; }
	.support_col_left, .support_col_right { grid-column: 1; grid-row: auto; }
	.support_title_en { font-size: 28px; }
	.support_title_jp { font-size: 14px; }

	/* フッター */
	.site_footer { padding: 30px 16px; box-sizing: border-box; }
	.footer_name_en { font-size: 22px; }
	.footer_name_jp, .footer_info { font-size: 14px; }
	.sitemap_grid { grid-template-columns: 1fr 1fr; }
	.sitemap_link li a { font-size: 15px; line-height: 2; }
	.copy_area { font-size: 12px; }
}