.add_css_each_ttl { margin: 5px 0 10px 0; padding:15px 20px; font-size: 1.4em; line-height: 150%; font-weight: bold; color: #345; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.add_css_E34_ttl { margin: 5px 0 10px 0; padding:10px 10px; font-size: 1.3em; line-height: 150%; text-align: center; font-weight: bold; color: #E34; border-top: solid 1px #E34; border-bottom: solid 1px #E34; }
.add_css_08C_ttl { margin: 5px 0 10px 0; padding:10px 10px; font-size: 1.3em; line-height: 150%; text-align: center; font-weight: bold; color: #08C; border-top: solid 1px #08C; border-bottom: solid 1px #08C; }

.cost_num { display: inline-block; margin: 0 10px 10px 0; padding: 5px 8px; text-align: center; width: 30px; font-size: 1.5em; font-weight:bold; color: #FFF; background: #06C; }
.flow_num { display: inline-block; margin: 0 10px 10px 0; padding: 5px 10px; text-align: center; width: 34px; font-size: 1.6em; font-weight:bold; color: #FFF; background: #F05; border-radius: 50%; }

.top_sub_cat { display:inline-block; margin-bottom: 20px; margin-right:5px;width:200px; white-space:nowrap; }
.top_sub_cat a { display: block; padding: 10px 0; text-align: center; font-weight: bold; font-size: 1.1em; color: #FFF; background: #F79; border-radius: 3px; }
.top_sub_cat a:hover { color: #E34; background: #EEE; }
@media (max-width: 767px) { .top_sub_cat{ margin: 0 1px 5px 1px; padding: 0; font-size: 1.0em; } }