@charset "utf-8";

@media screen and (max-width : 640px) {
#tmp_contents{
	padding-bottom: 31px;
}
#tmp_contents h1 {
	padding: 10px 10px 4px;
	font-size: 171.4%;
	background-size: 23px 23px;
	-webkit-background-size: 23px 23px;
	-moz-background-size: 23px 23px;
	border-width: 4px;
	line-height: 1.5;
}
#tmp_contents h2 {
	margin: 1.4em 0 1.2em;
    padding: 13px 10px 12px;
    font-size: 157.1%;
	background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	border-width: 2px;
    line-height: 1.5;
}
#tmp_contents h3 {
	padding: 11px 10px 11px 5px;
    font-size: 142.8%;
    line-height: 1.3;
    margin: 1.1em 0 1em;
}
#tmp_contents h4 {
	padding: 5px 20px;
	font-size: 135.7%;
	margin: 1.1em 0 0.1em;
	background-position: left 18px;
}
#tmp_contents h5 {
	font-size: 128.5%;
	padding: 5px 10px 5px 0;
    line-height: 1.3;
    margin: 1.3em 0 0.4em;
}
#tmp_contents h6 {
	font-size: 114.3%;
}
/* ==================================================
parts
================================================== */
/* col
================================================== */
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col3 td.col3L, 
#tmp_contents table.col3 td.col3M {
	border-right: 0;
}
#tmp_contents table.col2,
#tmp_contents table.col3 {
	width: 100%;
}
#tmp_contents table.col2 td.col2L, 
#tmp_contents table.col2 td.col2R,
#tmp_contents table.col3 td.col3L, 
#tmp_contents table.col3 td.col3R,
#tmp_contents table.col3 td.col3M {
	display: block;
	width: 100%;
}
#tmp_contents div.col2 div.col2L,
#tmp_contents div.col3 div.col3L, 
#tmp_contents div.col3 div.col3M {
	padding-right: 0;
}
#tmp_contents div.col2 div.col2R,
#tmp_contents div.col3 div.col3M,
#tmp_contents div.col3 div.col3R {
	padding-left: 0;
}
/* datatable 
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
    margin: 0 0 2.2em;
}
#tmp_contents .scroll_table table.datatable,
#tmp_contents .scroll_table table.enquete_table {
    margin: 0 0 1.6em;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
    padding: 9px 8px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
    padding: 6px 8px 9px 15px;
}
/* ==================================================
table
================================================== */
.data_result_by_map {
	margin-bottom: 30px;
}
/* data_result_by_map */
.data_result_by_map {
    display: block;
}
.data_result_by_map .data_map,
.data_result_by_map .data_chart {
    display: block;
    width: 100%;
	padding: 0 !important;
}
.data_result_by_map .data_map_ttl {
	padding: 5px;
	width: 135px;
	font-size: 135.7%;
}
.data_result_by_map .data_map_img {
    margin: 20px 0;
}
#tmp_latest_news .data_result_by_map .data_chart table {
	margin: 0 0 2.4em;
	width: 100%;
	font-size: 100%;
}
#tmp_latest_news .data_result_by_map .data_map_legend {
	font-size: 85.7%;
	margin-left: 3px;
}
#tmp_latest_news .data_result_by_map .data_map_legend li {
	margin-top: 6px;
	padding-left: 62px;
}
#tmp_latest_news .data_result_by_map .data_map_legend li:before {
    margin-top: -9px;
    height: 15px;
    width: 56px;
}
/* ==================================================
layout
================================================== */
#tmp_idsc_ttl {
    position: relative;
    padding: 29.3% 0 0;
}
#tmp_idsc_ttl:before {
	width: calc(100% + 20px);
	height: 250px;
	top: -14px;
    left: -10px;
	background-image: url(/shared/templates/top_idsc/images/bg_top_sp.png);
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
#tmp_idsc_ttl:after {
	width: calc(100% + 20px);
	top: 0;
	padding-top: 51%;
	margin-top: -4%;
}
#tmp_idsc_ttl.bg_mask2:after {
	background-image: url(/shared/templates/top_cdc/images/bg_peope_mask_sp.png);
}
#tmp_idsc_ttl.bg_mask:after,
#tmp_idsc_ttl.bg_mask1:after {
	background-image: url(/shared/templates/top_cdc/images/bg_peope_nomask_sp.png);
}
#tmp_idsc_ttl .ttl_inner {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    padding: 18px 10px 13px;
    border: 3px solid #b4bbd5;
    color: #333333;
    background-color: #ffffff;
}
#tmp_idsc_ttl h2 {
	margin-bottom: 10px;
	font-size: 114.3%;
}

.section_wrapper {
    margin-bottom: 15px;
    padding-bottom: 20px;
}
#tmp_outbreak_situation .section_wrapper {
    margin-bottom: 30px;
}
.section_title {
	margin-bottom: 17px;
	font-size: 135.7%;
	line-height: 1.4;
}
#tmp_disease_trend .section_title {
    margin-bottom: 30px;
}
.section_title p {
    padding: 9px 8px 8px 19px;
    background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
}
.section_sub_ttl {
    margin: 0 0 16px;
    padding-left: 25px;
    padding-bottom: 4px;
    font-size: 121.4%;
}
#tmp_outbreak_situation .col2 .col2L .section_sub_ttl {
    background-position: 0 2px;
    background-size: 18px 23px;
    -webkit-background-size: 18px 23px;
    -moz-background-size: 18px 23px;
}
#tmp_outbreak_situation .col2 .col2R .section_sub_ttl {
    background-position: 0 2px;
    background-size: 20px 19px;
    -webkit-background-size: 20px 19px;
    -moz-background-size: 20px 19px;
}
.section_emergency {
    margin: 0 5px 25px;
}
.section_emergency p {
    padding: 8px 10px 6px 34px;
	background-position: 10px 10px;
	min-height: 30px;
}
.section_emergency a {
    font-size: 100%;
}
.section_main {
    padding: 0 10px;
}
.section_main .topic_item {
    display: block;
    font-size: 100%;
}
.section_main .item_date,
.section_main .item_link {
    display: block;
    width: 100%;
}
.section_main .item_date {
	padding-right: 0;
	margin-bottom: 5px;
}
.section_main .topic_item {
    margin-bottom: 12px !important;
}
.detail_btn {
    margin-bottom: 6px;
    padding: 0 10px;
}
.detail_btn a {
	font-size: 100%;
	background-position: 0 3px;
}

/* section_table */
.section_table {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 13px 10px 15px;
}
.col2 .col2L .section_table,
.col2 .col2R .section_table {
    padding: 13px 10px 15px;
	max-height: none;
}
.section_table .section_sub_ttl {
	padding-bottom: 4px;
	line-height: 1.5;
}
.section_table .scroll_table {
	margin-bottom: 0;
}
#tmp_contents .section_table table.datatable {
	font-size: 100%;
}
.search_result {
	max-height: none;
	font-size: 92.9%;
}
.section_table #tmp_map_all_data .data_map_img {
	margin-bottom: 30px;
	padding: 0 0 11px;
}
/* section_comment */
.section_comment {
	margin: 25px 0 10px;
}
.section_comment .section_sub_ttl {
    background-position: 1px 6px;
    background-size: 18px 15px;
    -webkit-background-size: 18px 15px;
    -moz-background-size: 18px 15px;
}
.section_comment .section_cnt {
    padding: 8px 10px 20px;
    line-height: 1.9;
}

/* menu_list */
.menu_list {
	margin-bottom: 20px;
}
.menu_list .list_ttl {
    padding: 6px 10px 4px;
    font-size: 135.7%;
    font-weight: bold;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    text-align: center;
}
.menu_list .list_link {
    padding: 24px 12px 13px;
}
.menu_list .list_link li {
	margin-bottom: 16px !important;
}
.menu_list .list_link a {
	background-position: 0 2px;
}

#tmp_news .section_wrapper{
	margin-bottom: 18px;
}
#tmp_news .section_title{
	margin-bottom: 21px;
}
#tmp_news .detail_btn{
	padding-top: 10px;
}
#tmp_contents .fixed_point_table .section_table,
#tmp_contents .all_diseases_table .section_table{
	padding: 15px 10px;
}
#tmp_contents .all_diseases_table{
	margin-bottom: 26px;
}
#tmp_contents .fixed_point_table{
	margin-bottom: 19px;
}
#tmp_contents .search_result{
	line-height: 1.8;
}
#tmp_outbreak_situation .section_table{
	margin-top: 25px;
	padding-bottom: 29px;
}
#tmp_disease_trend .section_wrapper{
	padding-bottom: 15px;
}

.news_item_ttl a,
.news_item_ttl.acc_show a {
	padding-left: 3px;
	padding-right: 3px;
}
.news_item_ttl span {
	display: block;
}
.news_item_cnt {
	padding:15px 15px 15px;
}
#tmp_news_wrap {
	margin-bottom: 20px;
}
/* ==================================================
accessibility style change:fsize
================================================== */
.fsize_small .section_sub_ttl {
	padding-top: 0;
}
.fsize_big .section_main .item_date,
.fsize_big2 .section_main .item_date {
    width: 100%;
}
.fsize_big .section_sub_ttl {
	background-position: 2px 9px !important;
}
.fsize_big .col2 .col2L .section_table,
.fsize_big2 .col2 .col2L .section_table,
.fsize_big .col2 .col2R .section_table,
.fsize_big2 .col2 .col2R .section_table,
.fsize_big .search_result,
.fsize_big2 .search_result {
    max-height: none;
}
}