.title {
  align-content: space-around;
  width: 650px;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}

.area {
  text-align: center;
  width: 650px;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
  font-size: 14px;
}
 
.tab_class {
  width: calc(100%/5);
  height: 50px;
  background-color:aliceblue;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color:antiquewhite;
  color:black;
}
 
.content_class {
  text-align: left;
  display: none;
  width: 100%;
  list-style: none;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

/* 駒落ち */
#col3 {
    column-count: 2;
}
li {
  float: left;
  margin-bottom: 12px;
  margin-left: 100px;
  text-align: center;
}
/* ******************* */

#ifr4 {
  transform: translateX(-20px);
  width: 100%;
  transform: scale(0.8700);
  transform-origin: 0 0;
}

#ifr5 {
  transform: scale(1.0000);
  transform: translate(-20px, 0px);
  transform-origin: 0 0;
}


h2 {
  margin: 100px,100px;
  padding: 0rem 0rem;
  border: 2px solid #000;
  border-radius: 7px;
}

/* 八大タイトルの表の要素 */
.table_01{
  border: 1px solid gray;
  border-collapse: collapse;
  text-align: center
}
.th_01{
  border: 1px solid gray; 
  padding: 12px;
  font-size: 14px;
}
.td_01{
  border: 1px solid gray;
  padding: 8px;
  font-size: 14px;
  text-align: center
}

/* *********************************** */

/* <details>: 詳細折りたたみ要素*/
details {
  border: 1px solid #aaa;
  border-radius: 7px;
  padding: .5em .5em 0;
}

summary {
  font-weight: bold;
  margin: -.5em -.5em 1.5;
  padding: .5em;
  font-size: 14px;
  text-align: left;
}

details[open] {
  padding: .5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: .5em;
}


/* ポップアップ *******************/
.th_01 {
  position: relative;
  padding: 12px;
}
.th_01 span.remark {
  display: none;
}
.th_01 a:hover span.remark {
  background: none repeat scroll 0 0 #EEFFEE;
  border: 1px solid #CCCCCC;
  color: #000000;
  display: block;
  line-height: 1.2em;
  margin: 0.5em;
  padding: 0.5em;
  position: absolute;
  top: 50px;
  width: 5em;
}
.th_01 a{
  text-decoration: none;
}
/* *************************** */