/* タブレット縦帯(751〜930px)の横はみ出し対応: style.min.css への後付け上書き。
   正とするソースは resources/assets/sass/style.scss の同名メディアクエリ(gulp sassで反映)。
   ビルド環境が用意でき次第、このファイルを削除して style.min.css 再生成に一本化すること */
@media screen and (min-width: 751px) and (max-width: 930px) {
	main article.mypageMenu .scrollBox section {
		min-width: unset;
		overflow-x: auto;
	}
}

/* スマホ帯(〜750px): マイページメニューカード(.mypage-menu dl)の最低幅387pxが
   375px端末で33pxの横はみ出し(画面ガタつき)を生むため解除(幅は915px以下でwidth:100%指定済み) */
@media screen and (max-width: 750px) {
	main article .mypage-menu dl {
		min-width: unset;
	}
}

/* スマホ帯(〜750px): A003_search(よくある質問検索結果)はaside/sectionを横スワイプで切り替える構成のため、
   display:flexのままだと非表示中のパネル(検索結果が絞り込まれず全件表示になった場合など)が長大だと
   scrollBoxの高さがそれに引っ張られ、表示中のパネル側に巨大な空白ができる。
   scrollBoxの高さを画面内に収め、各パネルは内部スクロールにする。
   正とするソースは resources/assets/sass/style.scss の同名メディアクエリ(gulp sassで反映)。 */
@media screen and (max-width: 750px) {
	main article.searchSide .scrollBox {
		height: calc(100vh - 170px);
	}
	main article.searchSide .scrollBox aside {
		height: 100%;
		overflow-y: auto;
	}
	main article.searchSide .scrollBox section {
		height: 100%;
		min-height: unset;
		overflow-y: auto;
	}
}