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


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


body {
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  background: #fff;
    width:960px;
	 margin:0px;          /* ページ全体のmargin */
    height: 100%;
     padding:0px;         /* ページ全体のpadding */
/*     text-align:center;    下記のautoに未対応用のセンタリング */
    
}

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

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

    box-sizing: border-box;
    padding: 5mm 5mm 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;
    }
    
}


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

.kai_p{
    page-break-inside:avoid;    
}
th, td{
    border: solid 0.5pt #000;
        padding: 3px 5px;
}
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:100%;
}
table.ranking {
   counter-reset: ranking;  /* ※A */
    font-size: 11px;
}
table.ranking tbody th:before {
   counter-increment: ranking;         /* ※B */
   content: counter(ranking); /* ※C */
    
}
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 24.5%;
    max-width: 24.5%;
}
.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: 18.3333333333%;
}
.row .col.offset-3 {
    margin-left: 30%;
}
.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%;
}    




.my-container{
  display: flex;
/*    width:150px;*/
/*  background: #ccc;*/
}
.my-box{
/*    width:95%;*/
/*  background-color: #66b6d5;*/
}