@charset "UTF-8";

/****type****/
        a, button {
            text-align: center;
        }
        .pdfContainer1, .pdfContainer2, .pdfContainer3, .pdfContainer4, .pdfContainer5, .pdfContainer6, .pdfContainer7, .pdfContainer8, .pdfContainer9, .pdfContainer10 {
            display: flex;
            margin: 6px 0;
            flex-wrap: wrap;
            gap: 30px 0;
            background-color: #ececec;
        }
        .pdfContainer1 > div, .pdfContainer2 > div, .pdfContainer3 > div, .pdfContainer4 > div, .pdfContainer5 > div, .pdfContainer6 > div, .pdfContainer7 > div, .pdfContainer8 > div, .pdfContainer9 > div, .pdfContainer10 > div {
            margin-right: 4px;
            display: flex;
            flex-direction: column;
        }
    #pdfContainer1, #pdfContainer2, #pdfContainer3, #pdfContainer4, #pdfContainer5, #pdfContainer6, #pdfContainer7, #pdfContainer8, #pdfContainer9, #pdfContainer10, #pdfContainer11, #pdfContainer12, #pdfContainer13, #pdfContainer14, #pdfContainer15, #pdfContainer16, #pdfContainer17, #pdfContainer18, #pdfContainer19, #pdfContainer20, #pdfContainer41, #pdfContainer42, #pdfContainer43, #pdfContainer44, #pdfContainer45, #pdfContainer46, #pdfContainer47, #pdfContainer48, .pdfContainerGra {
        background-color: #C89C82;
        padding: 0 4px;
    }
    #pdfContainer21, #pdfContainer22, #pdfContainer23, #pdfContainer24, #pdfContainer25, #pdfContainer26, #pdfContainer27, #pdfContainer28, #pdfContainer29, #pdfContainer30, #pdfContainer31, #pdfContainer32, #pdfContainer33, #pdfContainer34, #pdfContainer35, #pdfContainer36, #pdfContainer37, #pdfContainer38, #pdfContainer39, #pdfContainer40 {
        background-color: #ffffcc;
        padding: 0 4px;
    }
        #pdfCanvas1, #pdfCanvas2, #pdfCanvas3, #pdfCanvas4, #pdfCanvas5, #pdfCanvas6, #pdfCanvas7, #pdfCanvas8, #pdfCanvas9, #pdfCanvas10, #pdfCanvas11, #pdfCanvas12, #pdfCanvas13, #pdfCanvas14, #pdfCanvas15, #pdfCanvas16, #pdfCanvas17, #pdfCanvas18, #pdfCanvas19, #pdfCanvas20, #pdfCanvas21, #pdfCanvas22, #pdfCanvas23, #pdfCanvas24, #pdfCanvas25, #pdfCanvas26, #pdfCanvas27, #pdfCanvas28, #pdfCanvas29, #pdfCanvas30, #pdfCanvas31, #pdfCanvas32, #pdfCanvas33, #pdfCanvas34, #pdfCanvas35, #pdfCanvas36, #pdfCanvas37, #pdfCanvas38, #pdfCanvas39, #pdfCanvas40, #pdfCanvas41, #pdfCanvas42, #pdfCanvas43, #pdfCanvas44, #pdfCanvas45, #pdfCanvas46, #pdfCanvas47, #pdfCanvas48 {
            width: 254px; /* 横幅修正 */
            height: 360px; /* 縦高さ修正 */
            margin-left: auto;
            margin-right: auto;
        }
        #pdfCanvas1w, #pdfCanvas2w, #pdfCanvas3w, #pdfCanvas4w, #pdfCanvas5w, #pdfCanvas6w, #pdfCanvas7w, #pdfCanvas8w, #pdfCanvas9w, #pdfCanvas10w, #pdfCanvas11w, #pdfCanvas12w, #pdfCanvas13w, #pdfCanvas14w, #pdfCanvas15w, #pdfCanvas16w, #pdfCanvas17w, #pdfCanvas18w, #pdfCanvas19w, #pdfCanvas20w, #pdfCanvas21w, #pdfCanvas22w, #pdfCanvas23w, #pdfCanvas24w, #pdfCanvas25w, #pdfCanvas26w, #pdfCanvas27w, #pdfCanvas28w, #pdfCanvas29w, #pdfCanvas30w, #pdfCanvas31w, #pdfCanvas32w, #pdfCanvas33w, #pdfCanvas34w, #pdfCanvas35w, #pdfCanvas36w, #pdfCanvas37w, #pdfCanvas38w, #pdfCanvas39w, #pdfCanvas40w, #pdfCanvas41w, #pdfCanvas42w, #pdfCanvas43w, #pdfCanvas44w, #pdfCanvas45w, #pdfCanvas46w, #pdfCanvas47w, #pdfCanvas48w {
            width: 283px; /* 横向き */
            height: 200px; /* 横向き */
            margin-left: auto;
            margin-right: auto;
        }
                .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: none; /* 最初は非表示 */
            justify-content: center;
            align-items: center;
            z-index: 1000; /* 一番上のレイヤー */
        }
        #printContainer,#printContainerW {
/*            position: fixed;*/
            position: absolute;
            top: 0;
            left: 0;
/*            top: 50%;*/
/*            left: 50%;*/
/*            transform: translate(-50%, -50%);*/
            z-index: 1001; /* 一つ上のレイヤー */
            display: none; /* 最初は非表示 */
            text-align: center;
        }
#printContainerW img {
  display: block;
  width: 741px;/*794*/
  height: 1048px; /*1123 A4 縦 */
  margin: 0 auto;
  page-break-after: always;
}

p.print_title {
    margin: auto auto;
}
p.print_type_title {
    width: 200px;
}
div.table {
    display: flex;
}
div.data_list {
    width: 75px;
    margin: 4px 4px;
    background-color: #ececec;
    text-align: center;
}
div.data_name {
    width: 150px;
    margin: 4px 4px;
    background-color: #ececec;
    text-align: center;
}
  .pdf-canvas-wrapper {
    position: relative;
    display: inline-block;
  }
  .canvas-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }
  .spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
  }
  .loader-text {
    margin-top: 8px;
    font-size: 14px;
    color: #000;
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
.halftone {
  filter: contrast(2) grayscale(1);
/*  margin-bottom: 1rem; */
}
.halftone::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  mix-blend-mode: multiply;
  background-image: radial-gradient(#000 10%, transparent 90%);
  background-color: #fff;
  background-position: 0 0;
  background-size: 8px 8px;
}
#sub {
  display: none;
}
#main {
  width: 100% !important;
}

#pdfCanvas {
        /* 横幅を親要素（画面）に合わせるが、最大でも元のサイズまで */
        max-width: 100%;
        /* アスペクト比を維持して高さを自動調整 */
        height: auto !important; 
        
        /* 以下は見栄えの調整（任意） */
        display: block;
        margin: 0 auto;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

@media screen and (max-width:900px){
    .pdfContainer1, .pdfContainer2, .pdfContainer3, .pdfContainer4, .pdfContainer5, .pdfContainer6, .pdfContainer7, .pdfContainer8, .pdfContainer9, .pdfContainer10, .pdf-container {
        display: flex;
        margin: 24px 0;
        background-color: #ececec;
        flex-direction: column;
    }
@media print {
  body * {
    visibility: hidden;
  }

  #printContainer, #printContainer * {
    visibility: visible;
  }

  #printContainerW {
    display: block;
    position: static;
    width: 741px;
  }

        .pdf-container {
            padding: 10px; /* スマホでは余白を少し狭くする */
            width: auto;   /* コンテナ幅を自動に */
        }
        .pdf-canvas-wrapper {
            min-height: auto; /* スマホでの過剰な余白防止 */
        }

/*  @page {
    size: A4 portrait;
    margin: 0;
  }*/
}
    #pdfContainer1, #pdfContainer2, #pdfContainer3, #pdfContainer4, #pdfContainer5, #pdfContainer6, #pdfContainer7, #pdfContainer8, #pdfContainer9, #pdfContainer10, #pdfContainer11, #pdfContainer12, #pdfContainer13, #pdfContainer14, #pdfContainer15, #pdfContainer16, #pdfContainer17, #pdfContainer18, #pdfContainer19, #pdfContainer20, #pdfContainer21, #pdfContainer22, #pdfContainer23, #pdfContainer24, #pdfContainer25, #pdfContainer26, #pdfContainer27, #pdfContainer28, #pdfContainer29, #pdfContainer30, #pdfContainer31, #pdfContainer32, #pdfContainer33, #pdfContainer34, #pdfContainer35, #pdfContainer36, #pdfContainer37, #pdfContainer38, #pdfContainer39, #pdfContainer40, #pdfContainer41, #pdfContainer42, #pdfContainer43, #pdfContainer44, #pdfContainer45, #pdfContainer46, #pdfContainer47, #pdfContainer48, .pdfContainerGra {
        border: 0.5rem solid white;
    }
}