.col_thumb_area {  margin: 0;  padding: 0;  margin: 80px 0;  font-weight: bold;  font-size: 1.0em;  }.col_thumb_title {  display: inline-block;  margin-top: 8px;  margin-bottom: 20px;  margin-left: 20px;  padding: 4px 20px;  border-bottom: 4px dotted #000000;  color: #000000;  font-size: 1.4em;  }.col_thumb {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-around;  margin-bottom: 80px;  }/* ----------------------------- *//* 同系色 *//* ----------------------------- */.col_box_red_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#b30000 33.3%, #ff0000 0, #ff0000 66.6%, #fb8d6c 0);  }.col_box_ora_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ff7f00 33.3%, #fe9929 0, #fe9929 66.6%, #feb342 0);  }.col_box_blu_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#0a50a1 33.3%, #80a6ce 0, #80a6ce 66.6%, #ccecf4 0);  }.col_box_gre_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#33a02c 33.3%, #8cc919 0, #8cc919 66.6%, #b3de69 0);  }.col_box_pur_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#81017e 33.3%, #b172b6 0, #b172b6 66.6%, #d46fb5 0);  }.col_box_bro_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#b32c02 33.3%, #d74c1d 0, #d74c1d 66.6%, #d97603 0);  }.col_box_yel_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffe611 33.3%, #ffff59 0, #ffff59 66.6%, #ffffbf 0);  }.col_box_gra_a0 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#827b82 33.3%, #b29e93 0, #b29e93 66.6%, #d8cdc4 0);  }/* ----------------------------- *//* いろいろな配色 *//* ----------------------------- */.col_box_whi01 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffffff 33.3%, #991167 0, #991167 66.6%, #db7093 0);  {* --- background: linear-gradient(#ff0000 33.3%, #0000ff 0, #0000ff 66.6%, #008000 0); --- *}  }.col_box_whi02 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffffff 33.3%, #339802 0, #339802 66.6%, #714720 0);  }.col_box_whi03 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffffff 33.3%, #a3b1bf 0, #a3b1bf 66.6%, #21759b 0);  }.col_box_whi04 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffffff 33.3%, #918c80 0, #918c80 66.6%, #f9eb7b 0);  }.col_box_whi05 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffffff 33.3%, #0b2580 0, #0b2580 66.6%, #5f800b 0);  }.col_box_whi06 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffffff 33.3%, #f29700 0, #f29700 66.6%, #333333 0);  }/* ----------------------------------- */.col_box_red01 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#da0021 33.3%, #f2f0ed 0, #f2f0ed 66.6%, #a4afaf 0);  }.col_box_red02 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#da0021 33.3%, #fff45f 0, #fff45f 66.6%, #ff7d0a 0);  }.col_box_red03 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#df0623 33.3%, #91aa05 0, #91aa05 66.6%, #084d09 0);  }.col_box_red04 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#df0623 33.3%, #0f3350 0, #0f3350 66.6%, #efe4df 0);  }/* ----------------------------------- */.col_box_yel01 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffd800 33.3%, #666666 0, #666666 66.6%, #c20f1a 0);  }.col_box_yel02 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffd800 33.3%, #3cb371 0, #3cb371 66.6%, #463c21 0);  }.col_box_yel03 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffdd1a 33.3%, #f2ffb3 0, #f2ffb3 66.6%, #0e3e81 0);  }.col_box_yel04 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#ffdd1a 33.3%, #4452a9 0, #4452a9 66.6%, #4169e1 0);  }/* ----------------------------------- */.col_box_gre01 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#006400 33.3%, #92cc5c 0, #92cc5c 66.6%, #c0453f 0);  }.col_box_gre02 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#006400 33.3%, #f3f1ed 0, #f3f1ed 66.6%, #6b2ee6 0);  }.col_box_gre03 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#399802 33.3%, #b31405 0, #b31405 66.6%, #05b396 0);  }.col_box_gre04 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background: linear-gradient(#399802 33.3%, #800299 0, #800299 66.6%, #e666ff 0);  }/* ----------------------------------- */.col_box_pnk01 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#ff004e 33.3%, #dc143c 0, #dc143c 66.6%, #fff8de 0);  }.col_box_pnk02 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#ff004e 33.3%, #ffdeef 0, #ffdeef 66.6%, #1456b3 0);  }.col_box_pnk03 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#ff3370 33.3%, #4dacde 0, #4dacde 66.6%, #708090 0);  }.col_box_pnk04 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#ff3370 33.3%, #faf5eb 0, #faf5eb 66.6%, #ff4500 0);  }/* ----------------------------------- */.col_box_blu01 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#2c5083 33.3%, #ffff99 0, #ffff99 66.6%, #1a2f4d 0);  }.col_box_blu02 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#2c5083 33.3%, #ffbb99 0, #ffbb99 66.6%, #2c823b 0);  }.col_box_blu03 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#000099 33.3%, #991a00 0, #991a00 66.6%, #99807a 0);  }.col_box_blu04 {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background: linear-gradient(#000099 33.3%, #666600 0, #666600 66.6%, #999900 0);  }/* ----------------------------- *//* 標準色 *//* ----------------------------- */.col_box_red {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background-color: #ff0000;  }.col_box_yel {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background-color: #ffff00;  }.col_box_gre {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background-color: #008000;  }.col_box_ora {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background-color: #ffa500;  }.col_box_blu {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background-color: #0000ff;  }.col_box_pur {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background-color: #800080;  }.col_box_nav {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background-color: #000080;  }.col_box_gra {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background-color: #808080;  }.col_box_whi {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  background-color: #ffffff;  }.col_box_blk {  width: 180px;  height: 180px;  border: solid 4px #4d4d4d;  border-radius: 10px;  text-align: center;  margin: 20px 10px;  color: #ffffff;  background-color: #000000;  }