/* A4縦用のベース設定 */
@page {
    size: A4 portrait; /* 横の場合はlandscape */
    margin: 5mm 0mm 5mm 0mm;
}


/* 各要素の余白リセット */
*{
    margin: 0mm;
    padding: 0mm;
}




/* 印刷時の調子を整える */
body {
    width: 210mm; /* 用紙の横幅を改めて指定 Chrome用 */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    line-height: 1.5em;
    font-family: "ＭＳ Ｐ明朝";
/*    font-size: 11px;*/
}

/* 印刷1ページ用のコンテンツはここで定義 */
.page {
    width: 210mm; /* 用紙の横幅を改めて指定 */
/*    height: 296.5mm; */
    /* 高さには0.5mm余裕をもたせる */
    page-break-after: always;

    box-sizing: border-box;
    padding: 5mm 10mm 5mm 5mm;/* 用紙の余白 *//* 上 | 右 | 下 | 左 */
/*    font-size: 11pt;*/
    page-break-before: always;
}

/* プレビュー用のスタイル */
@media screen {
    body {
        background: #eee;
    }
    .page {
        background: white; /* 背景を白く */
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); /* ドロップシャドウ */
/*        margin: 5mm;*/
    }
    }
/*
@media only screen {
    .PrintButton{
display : none;
}
    }    
*/
#fixed4 {
position: absolute; /* 要素の位置を固定する */
    border-collapse: collapse;
/*     z-index: -1;   */
left: 864px;
width: 132px;
    border-right: 0.5px solid #000;
    border-left-style:none;
    border-top-style:none; 
    border-bottom: 0.5px solid #000;
}    



div.line{
    float: none;
    border-bottom: 1px;
    page-break-inside:avoid;
}
table{
    width: 100%;
    border-collapse: collapse;
    line-height:21px;
    counter-reset: apple;
}

.kai_p{
    page-break-inside:avoid;    
}
th, td{
    border: solid 0.5pt #000;
    padding:0.1em;
}
thead,
tfoot th{
/*    background: #ccc;*/
    font-size: 10pt;
    line-height:12px;
}

tfoot td:empty{
    border: none;
}
tr.last {
	font-weight: bolder;
    font-size: 12px;
}
.f-size10{
    font-size: 10px;
}
.f-size11{
    font-size: 11px;
}
.f-size12{
    font-size: 12px;
}
.f-size14{
    font-size: 14px;
}
.f-size20{
    font-size: 20px;
}
.cen1{
     margin-left:auto;     /*左側マージンを自動的に空ける*/ 
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:center;     /* 中身を左側表示に戻す */
     width:100%; 
}
.right1{
     margin-left:auto;     /*左側マージンを自動的に空ける*/ 
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:right;     /* 中身を左側表示に戻す */
     width:100%; 
}
table.utiwake {
    font-size: 12px;
    line-height: 24px;
/*    width:150px*/
}
table.ranking {
   counter-reset: ranking;  /* ※A */
    font-size: 11px;
}
table.ranking tbody th:before {
   counter-increment: ranking;         /* ※B */
   content: counter(ranking); /* ※C */
    
}
.line30{
    line-height: 30px;
}
table.basic {
    font-size: 11px;
}

table th {
   counter-increment: apple;
    text-align:center;
    font-size: 11px;
}
table td.kai {
break-before: always;
}
.title{
    border-style:none; 
    line-height:21px;
}

.kaisu_Table {
    border-collapse: collapse;
/*    table-layout: fixed;*/
    font-size: 11px;
    width: 100%;
}
.kaisu_Table th,
.kaisu_Table td {
    border: 0.5px solid #9a9999;
    padding: 5px 3px;
    text-align: left;
}

.kaisu_Table th {
    background-color: #FFFFFF;
    line-height: 12px;
}

td.wi20{
/*    border: 0.5px solid #9a9999;*/
/*    padding: 5px 5px;*/
    text-align: center;
/*    width:23px;*/
}

th.wi5{
/*    border: 0.5px solid #9a9999;*/
    padding: 5px 5px;
    text-align: center;
/*    width:23px;*/
}
th.wi6{
/*    border: 0.5px solid #9a9999;*/
    padding: 5px 6px;
    text-align: center;
/*    width:23px;*/
}
th.wi7{
/*    border: 0.5px solid #9a9999;*/
    padding: 5px 7px;
    text-align: center;
/*    width:23px;*/
}
th.wi8{
/*    border: 0.5px solid #9a9999;*/
    padding: 5px 8px;
    text-align: center;
/*    width:23px;*/
}
h3{
    font-size: 14px;
}
.subject2 {
    margin-top: 0;
   text-align: left;  /* 文章を左寄せする(※) */
   float: left;     /* 左端に寄せて、後続を右側へ回り込ませる */
}
.date2 {
   text-align: right; /* 文章を右寄せする */
    margin-bottom: 0;
}
.titlebar2 {
    font-size: 14px;
/*   font-weight:bold;           太字にする */
}

.ma-left20{
    text-align: left;
    margin-left:20px;
}
/* ブロックを縦に表示 */
.row {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}

.col {
    display: block;
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
}

.row {
    display: flex;
    flex-direction: row;
    padding: 0;
}
.col {
/*    margin-left: 4%;*/
}
	
.col:first-child { 
    margin-left: 0; 
}

.row .col.span-1 {
    flex: 0 0 4.66666666667%;
    max-width: 4.66666666667%;
}
.row .col.span-2 {
    flex: 0 0 13.3333333333%;
    max-width: 13.3333333333%;
}
.row .col.span-3 {
    flex: 0 0 22%;
    max-width: 22%;
}
.row .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
}
.row .col.span-5 {
    flex: 0 0 39.3333333333%;
    max-width: 39.3333333333%;
}
.row .col.span-6 {
    flex: 0 0 48%;
    max-width: 30%;
}
.row .col.span-7 {
    flex: 0 0 56.6666666667%;
    max-width: 56.6666666667%;
}
.row .col.span-8 {
    flex: 0 0 65.3333333333%;
    max-width: 65.3333333333%;
}
.row .col.span-9 {
    flex: 0 0 74.0%;
    max-width: 74.0%;
}
.row .col.span-10 {
    flex: 0 0 82.6666666667%;
    max-width: 82.6666666667%;
}
.row .col.span-11 {
    flex: 0 0 91.3333333333%;
    max-width: 91.3333333333%;
}
.row .col.span-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.span-13 {
    flex: 0 0 23px;
    max-width: 23px;
}

/* オフセット */
.row .col.offset-1 {
    margin-left: 8.66666666667%;
}
.row .col.offset-2 {
    margin-left: 17.3333333333%;
}
.row .col.offset-3 {
    margin-left: 26%;
}
.row .col.offset-4 {
    margin-left: 34.6666666667%;
}
.row .col.offset-5 {
    margin-left: 43.333333333%;
}
.row .col.offset-6 {
    margin-left: 52%;
}
.row .col.offset-7 {
    margin-left: 60.6666666667%;
}
.row .col.offset-8 {
    margin-left: 69.3333333333%;
}
.row .col.offset-9 {
    margin-left: 100.0%;
}
.row .col.offset-10 {
    margin-left: 86.6666666667%;
}
.row .col.offset-11 {
    margin-left: 95.3333333333%;
}    
.circle {
    width: 3rem;
    height: 3rem;
    border: solid 2px black;
    border-radius: 50%;
}
/* 重ねるボックスの設定 */
.layer-in{
  /* ボックス配置指定 */
  position: absolute;
  top: 0;
  left: 0;
}

/* 円の基本形 */
.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
/*  vertical-align: top;*/
    position:absolute;
    left:30;
}
/* 円の大きさ */
.size_normal{
  width: 20px;
  height: 20px;
}
/* 文字の大きさ */
.letter3 {
  font-size: 12px;
/*  line-height: 1.5em;*/
}
/* 円と文字の色 */
.pink1 {
  color: black;
  border: 2px solid black;
}