/* デフォルト設定 */
a {  
  color: black;
  text-decoration: underline;
  font-weight: normal;
  word-break: break-all;
  display: inline-block;
}
A:hover{
  background : #d5ffd0;
  COLOR: #0D8500;
  text-decoration : none;
}
a:visited{	
  color : black;
  font-weight : normal;
}
td{	
  font-size : 0.8em;
  line-height : 1.4;
  color : black;
  letter-spacing : 0.1em;
  font-family : メイリオ;
}
body {
  color: #363634;
  background-color: white;
  margin: 0;
  word-break:break-all;
  font-family: 'Noto Sans JP', 'Yu Gothic', 'メイリオ', sans-serif;
}

TD.midashi{	
  font-size : 0.86em;
  font-weight : 100;
  color : white;
  background-color : black;
  letter-spacing : 0.5ex;
}
h4{
  font-weight : bold;
  color : black;
  background-color : #ffc1c1;
  font-size : 1em;
  font-style : normal;
  right : auto;
  letter-spacing : 0.1em;
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 3px;
  padding-bottom : 3px;
}
I{
  font-style : normal;
  background-color : #ffffbb;
  letter-spacing : 0.2ex;
  padding-left : 10px;
  padding-top : 5px;
  padding-right : 10px;
  padding-bottom : 5px;
}

.e-title {
  text-align: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.5em 0;
}
.e-title p {
  margin: 0.2em 0; 
}

/* PC用表示 */

@media screen and (min-width: 601px) {
.Monthly_title_img {
 max-width :510px;
}
.m_box {
  display: flex;
  justify-content: center;
}
.m_box2 {
  display: flex;
  flex-direction: column;
}

dl.m_topics {
  word-break:break-all;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 4em;
}
.text_pc {
 margin: 0 35px 0 20px;
}


.mtext_b { font-weight: bold; }

.mtext_ms05 { margin-bottom: 5px; }
.mtext_ms10 { margin-bottom: 10px; }

.mtext_ind1 { margin-left: 1em; }
.mtext_ind2 { margin-left: 2em; }
.mtext_ind3 { margin-left: 3em; }


dl.mtext_gr {
  display: grid;
  grid-template-columns: max-content 1fr; 
  column-gap: 0em; 
  row-gap: 0.2em;      
  word-break: break-all;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.mtext_gr > dt,
.mtext_gr > dd {
  margin: 0;       /* 不要な余白を消す */
  line-height: 1.2; /* 行間を詰める */
  box-sizing: border-box;
}

/* スマホ対応 */
@media (max-width: 600px) {
  dl.mtext_test {
    grid-template-columns: 1fr; /* 1列に並べて折り返す */
  }
}


dl.box_t01 {
 display:flex;
 flex-wrap: wrap;
 border-top: none;
 padding: 0 20px;
 font-size: 80%;
}
.box_t01 > dt {
 width: 80%;
 padding: 5px 15px ;
 box-sizing: border-box;
 border: 1px solid #ccc; 
}
.box_t01 > dd {
 display:flex;
 padding: 5px 0;
 margin: 0;
 border: 1px solid #ccc;
 width: 20%;
 box-sizing: border-box;
 justify-content: center;
 align-items: center;
 text-align: center;
}

dl.box_IOTSWC {
    display:flex;
    flex-wrap: wrap;
    border-top: none;
    padding: 0 20px;

}
.box_IOTSWC > dt {
    box-sizing: border-box;
    max-width :400px;
    font-size: 90%;
}
.box_IOTSWC > dd {
    display:flex;
    margin: 0;
    width: 300px;
    box-sizing: border-box;
    justify-content: right;
}


div.main_footer {
 max-width: 800px;
 margin: 0 auto;
 padding: 10px 0 0 0;
 text-align: center;
 font-size : 0.9em;
}

.back_number {
 margin: 0 15px 0 10px;
 width: 150px;
 order: -1;
}
.s-kai{
    display: none;
}
.p-kai{
    display: block;
}
}



/* スマホ用表示 */

@media screen and (max-width: 600px) {
.Monthly_title_img {
 max-width :480px;
}
body {
    font-size: 100%;
}
.m_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.m_box2 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

dl.m_topics {
  word-break:break-all;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 1em 0 2em;
}
.text_pc {
 margin: 0 10px 0 10px;
}


.mtext_b {
  font-weight: bold;
}
.mtext_ind1 {
  margin: 0 0 5px 0;
}
.mtext_bind2 {
  margin: 0 0 5px 0;
  font-weight: bold;
}
.mtext_ind2 {
  word-break:break-all;
  font-size : 90%;
  margin: 5px 0 0 1em;
}
.mtext_ind3 {
  word-break:break-all;
  margin: 5px 1em 0 2em;
}
.mtext_ind1fl7 > dt {
  margin: 5px 0 0 0;
}
.mtext_ind1fl7 > dd {
  margin: 0 0 5px 1em;
}
.mtext_ind1fl9 > dt {
  margin: 5px 0 0 0;
}
.mtext_ind1fl9 > dd {
  margin: 0 0 5px 1em;
}
.mtext_ind2fl9 > dt {
  margin: 5px 0 0 0;
}
.mtext_ind2fl9 > dd {
  margin: 0 0 5px 2em;
}
dl.mtext_ind2fl3 {
  font-size : 90%;
  margin: 5px 5px 0 1em;
  word-break:break-all;
  display: flex;
  flex-wrap: wrap;
}
.mtext_ind2fl3 > dt {
  width: 3em; 
  box-sizing: border-box;
}
.mtext_ind2fl3 > dd {
  margin-left: 0;
  width: calc(100% - 3em);
  box-sizing: border-box;
}
dl.mtext_ind2fl6 {
  font-size : 90%;
  margin: 5px 5px 0 1em;
  word-break:break-all;
  display: flex;
  flex-wrap: wrap;
}
.mtext_ind2fl6 > dt {
  width: 6em; 
  box-sizing: border-box;
}
.mtext_ind2fl6 > dd {
  margin-left: 0;
  width: calc(100% - 6em);
  box-sizing: border-box;
}
.mtext_ind2fl4 > dt {
  margin: 5px 0 0 0;
}
.mtext_ind2fl4 > dd {
  margin: 0 0 5px 1em;
}

dl.mtext_ind3fl13 {
  font-size : 90%;
  margin: 5px 5px 0 1em;
  word-break:break-all;
  display: flex;
  flex-wrap: wrap;
}
.mtext_ind3fl13 > dt {
  width: 11em; 
  box-sizing: border-box;
}
.mtext_ind3fl13 > dd {
  margin-left: 0;
  width: calc(100% - 11em);
  box-sizing: border-box;
}

dl.box_t01 {
 display:flex;
 flex-wrap: wrap;
 border-top: none;
 padding: 0 20px;
 font-size: 80%;
}
.box_t01 > dt {
 width: 80%;
 padding: 5px 15px ;
 box-sizing: border-box;
 border: 1px solid #ccc; 
}
.box_t01 > dd {
 display:flex;
 padding: 5px 0;
 margin: 0;
 border: 1px solid #ccc;
 width: 20%;
 box-sizing: border-box;
 justify-content: center;
 align-items: center;
 text-align: center;
}

div.main_footer {
 max-width: 800px;
 margin: 0 auto;
 padding: 10px 0 50px 0;
 text-align: center;
 font-size : 0.7em;
}

.back_number {
 margin: 0 auto;
 order: 0;
}
.s-kai {
    display: block;
}
.p-kai {
    display: none;
}
}


/* 他 */

div.main_topics{
 max-width: 800px;
 margin: 0 auto;
}

div.main_text{
 max-width: 800px;
 margin: 0 auto;
}

.main_url{
 word-break:break-all;
 margin: 0 5px 0 0;
}

h4.m_title{
  font-weight : bold;
  color : black;
  background-color : #ffc1c1;
  font-size : 100%;
  font-style : normal;
  letter-spacing : 0.1em;
  padding: 3px 3px 3px 10px;
  text-align:center;
}

h3.s_title{
  font-size : 90%;
  font-weight : 100;
  color : white;
  background-color : black;
  letter-spacing : 0.5ex;
  padding: 5px 3px 5px 10px;
  text-align:center;
}

.m_topics > dt {
  width: 23px; 
  box-sizing: border-box;
  margin: 3px 0;
}

.m_topics > dd {
  margin-left: 0;
  width: calc(100% - 23px);
  box-sizing: border-box;
  margin: 0 0 6px 0;
}

.hr_f{
 width: 100%;
 border-top: 1pt solid;
}

iframe {
width: 160px;
height: 1500px;
border: 0;
overflow: hidden;
}

.monthly_update {
 max-width: 350px;
 margin: 20px auto;
 text-align: center;
 font-weight: bold;
 letter-spacing : 0.2em;
 border-bottom: 3px solid #ff0000;
 }

.monthly_list {
 background-color : navy;
 font-weight : bold;color : white;
 letter-spacing : 0.3em;
 padding: 3px 0 3px 2em;
 margin: 20px 0;
}

ul.monthly_list_bn {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 margin: 0;
 padding:0;
}
.monthly_list_bn > li {
 font-size: 90%;
 text-align: center;
 width: 15%; 
 margin: 5px 0;
 padding:0;
 list-style: none;
}

.monthly_bcnb {
 display: inline-flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: center;
 align-items: center;
 font-size: 90%;
 max-width: 500px;
 margin: 20px auto;
 padding: 0 0 10px 0;
 font-weight: bold;
 border-bottom: 3px solid #ff0000;
 }

/*.monthly_bcnb2 { }*/