@charset "utf-8";
/* CSS Document */

@import url(common.css);
/* メディアクエリー 1 */ 
@import url("phon.css") only screen and (max-width:480px);
/* メディアクエリー 2 */ 
@import url("phon.css") only screen and (min-width:481px) and (max-width:767px);
/* メディアクエリー 3 */ 
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1200px);
/* メディアクエリー 4 */ 
@import url("pc.css") only print, screen and (min-width:1201px) and (max-width:3000px);












@media print {
  body, html {
    margin: 0;
    padding: 0;
  }

  #wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 0 auto;
  }

  #menu {
    width: 30%;
    padding: 0;
    font-size: 12px;
    order: 0; /* ← 左側にする */
  }

  #page {
/*display: inline-block;*/
    width: 70%;
    padding: 0;
    font-size: 12px;
    order: 1; /* ← 右側にする */
  }

 #header,
   #pagetop,
  #foot,
  #pankuzumenu {
    display: none;
  }

  a {
    color: black;
    text-decoration: none;
  }

  * {
    /*background: none !important;*/
    box-shadow: none !important;
    /*color: black !important;*/
}

  img.print95 {
    max-width: 95% !important; /* 枠をはみ出さない */
    height: auto !important;    /* アスペクト比を保つ */
    page-break-inside: avoid;   /* ページ途中で分割しない */
    display: block;             /* インラインの余白防止 */
  }
  img.print145 {
    width: 150px !important; /* 枠をはみ出さない */
    height: 52px !important;    /* アスペクト比を保つ */
    page-break-inside: avoid;   /* ページ途中で分割しない */
  }
}


/*
@media print {
  #wrapper {
    transform: scale(0.95);
    transform-origin: top left;
  }
*/