@import url("./style_common.css");
@import url("./style_narrow.css") screen and (max-width: 759px);
@import url("./style_middle.css") screen and (max-width: 1059px) and (min-width: 760px);
@import url("./style_wide.css") screen and (min-width: 1060px) , not screen;


/*------ 印刷時の特例処置 ------*/

@media print {
	/* 印刷時にメニューが正しい位置に表示されないため、非表示 */
  #menu_open,#menu_switch,#menu {
    display: none !important;
  }

	/* 1020pxぴったりに印刷されると、背景とコンテンツの横余白が無くなり見た目が悪くなるので、幅を広く設定 */
	body {
		width: 1080px;
	}
}

/*------ iPhoneでanimationが正常に処理されない対策 参考：https://monzen-creative.com/640/ ------*/

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

/* ここは不要か？
  .animate__animated[class*='Out'] {
    opacity: 0;
  }
*/
}