@charset "UTF-8";

.post_content {
    max-width: 1200px;
    margin: 0 auto;
}
.pdf-dual_wrap {
    width: 100%;
}
/* ビューワーの簡単なデザイン */
.pdf-viewer-wrapper {
    width: 100%;
    background-color: #333;
    border: 1px solid #000;
}

/* 【1カラム用の枠】 */
.pdf-single-layout {
    width: 100%;
    max-width: 900px; /* 1カラムの時は広がりすぎないように制限 */
    margin: 0 auto 40px auto; /* 中央寄せ＆下の余白 */
    display: flex;
}

/* 【2カラム用の枠】 */
.pdf-dual-layout {
    display: flex;
    flex-direction: column; /* スマホでは縦並び */
    gap: 20px;
    margin-bottom: 40px;
}
/* PC（画面幅800px以上）の時は横に並べる */
@media (min-width: 800px) {
    .pdf-dual-layout {
        flex-direction: row; 
    }
    .pdf-dual-layout > .pdf-viewer-wrapper {
        flex: 1;
        width: 0;
    }
}

.pdf-toolbar {
    background-color: #808080;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.pdf-toolbar button {
    cursor: pointer;
    padding: 5px 10px;
    color: #fff;
    background: #737373;
}
.pdf-toolbar button:hover {
    background-color: #777;
}
.pdf-canvas-container {
    width: 100%;
    overflow: auto;
    height: 800px;
    max-height: 85vh;
    background-color: #555;
    box-sizing: border-box;
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#pdf-render {
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    display: block;
    margin: 0 auto;
}
canvas {
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    flex-shrink: 0; 
}

/*test*/
.pdf-wrap{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:30px;
}
.pdf-wrap.-x-one {
grid-template-columns:1fr;
max-width: 800px;
margin: 0 auto;
}
.pdf-item{
    min-width:0;
}
.pdf-item embed{
    display:block;
    width:100%;
    height:800px;
    border:none;
}
/* SP */
@media screen and (max-width: 799px){
    .pdf-wrap{
        grid-template-columns:1fr;
    }
    .pdf-item embed{
        height:600px;
    }
}

/* 2026/07/27 */
  .pdfemb-native{
    max-width:820px;
    margin:0 auto;
    position:relative;
    z-index:1;
  }
  .pdfemb-native embed{
    width:100%;
    height:800px;
    border:1px solid #ddd;
    border-radius:4px;
    display:block;
    touch-action:auto;
    pointer-events:auto;
  }
  @media screen and (max-width:799px){
    .pdfemb-native embed{
      height:600px;
      border-radius:0;
    }
  }