table { width: 100%; }

.quid2 { color: #000000; 
               line-height: 150%; margin-left: 15px; margin-right: 15px; }
.quid3 { color: #000000; 
               font-weight: bold; line-height: 150%; margin-left: 15px; margin-right: 15px; }
.quid4 { color: #000000; 
               line-height: 150%; text-align: center; }

.title       { margin-bottom: 20px }

th.th1 { background-color: #800000; }
th.th2 { width: 50%; background-color: #800000; }
th.th3 { width: 154%; background-color: #800000; }
th.th4 { background-color: #800000; width: 20%; }
th.th5 { width: 23%; background-color: #800000; }
th.th6 { width: 120px; }
th.th7 { width: 120px; background-color: #800000; }
th.th8 { width: 30%; background-color: #800000; }
th.th9 { color: #FF0000; }
th.th10 { background-color: #800000; width: 10%; }


td.td1 { background-color: #FFCC99; }
td.td2 { background-color: #CCFFFF; }

a:link { color: #ff9900; }
a:visited { color: #ff9900; }

img { border-style: none; }

/*-----------------------*/
/*  for font        */
/*-----------------------*/
.enigma { color: #00FFFF; text-align: left; line-height: 150%; }
p { color: #FFFFFF; line-height: 150%; }
.mapsubtitle { color: #00FF00; font-weight: bold; line-height: 150%; text-align: center; }
.center { text-align: center; }
.quid6 { color: #FFFFFF; 
               line-height: 150%; margin-left: 15px; margin-right: 15px; }
.horcu { color: #00FF00; font-weight: bold; line-height: 150%; }
.quid1 { color: #FFFFFF; line-height: 150%; text-align: center; }
.quid5 { color: #00FF00; font-weight: bold; line-height: 150%; }


/*-----------------------*/
/*  for foot menu        */
/*-----------------------*/
.items { display: flex; flex-wrap:wrap; align-content: space-between; }
div.cat { width: 180px; }
.menu { line-height: 150%; }

/*-----------------------*/
/*  for goods menu        */
/*-----------------------*/
.items2 { display: flex; flex-wrap:wrap; align-content: space-between; }
div.cat2 { width: 150px; text-align: center; }

/*-----------------------*/
/*  for smart phone  */
/*-----------------------*/
@media screen and (max-width: 479px){

div.main { width: 100%; margin-left: auto; margin-right: auto; }

.last td:last-child {
  border-bottom: solid 1px #ccc;
  width: 100%;
}
.tbl-r02 th,
.tbl-r02 td {
  display: block;
  width: 100%;
}

.title img { width: 100%; }
.book { height: 150px; }

}

/*-----------------------*/
/*  for tablet           */
/*-----------------------*/
@media screen and (max-width: 767px){

div.main { width: 100%; margin-left: auto; margin-right: auto; }

.last td:last-child {
  border-bottom: solid 1px #ccc;
  width: 100%;
}
.tbl-r02 th,
.tbl-r02 td {
  display: block;
  width: 100%;
}

.title img { width: 100%; }
.book { height: 150px; }

}

/*-----------------------*/
/*  for pc  */
/*-----------------------*/
@media screen and (min-width: 768px){

div.main { width: 700px; margin-left: auto; margin-right: auto; }

.title img { width: auto; }
.book { height: 200px; }

}