@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
news
================================================== */
#tmp_contents .section_news {
	margin: 0 0 20px;
	padding: 0 10px;
}
#tmp_contents h2{
	font-size: 192.8%;
	margin: 0 -10px 20px;
	padding: 0 0 20px;
}
#tmp_contents h3 {
	font-size: 125%;
	color: #222222;
	background: transparent url(/shared/templates/police_station/images/icons/icon_new.png) left 4px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 20px;
}
/* ==================================================
topic_news_station
================================================== */
.topic_news_station {
	margin: 0 0 30px;
}
.topic_news_station .topic_ttl {
	margin: 0 0 20px;
}
.topic_news_station .topic_ttl h1 {
	font-size: 192.8%;
	padding: 15px 20px;
	-webkit-background-size: 6px 32px;
    -moz-background-size: 6px 32px;
    background-size: 6px 32px;
}
.topic_news_station .topic_cnt {
    padding: 8px 9px 3px;;
}
.topic_news_station .topic_heading p {
	font-size: 114.3%;
}
.topic_news_station .topic_entries {
	padding-left: 0;
}
.topic_news_station .topic_list li {
	padding: 10px 20px 10px 0;
}
.topic_news_station .topic_list .date_news,
.topic_news_station .topic_list .date_link {
	width: 100%;
	display: block;
}
.topic_news_station .topic_list .date_news {
	padding-right: 0;
}
.topic_news_station .topic_entries .topic_list,
#tmp_contents .topic_news_station .topic_entries .topic_list{
	margin: 0 0 10px;
}
.topic_news_station .topic_entries > p ,
#tmp_contents .topic_news_station .topic_entries > p{
	margin: 10px 0;
}
.topic_news_station .topic_bottom {
	text-align: center;
}
.topic_news_station .topic_bottom .pickup_button {
	padding: 0 5px;
    margin-bottom: 10px;
}
.topic_news_station .topic_bottom .pickup_button a {
	padding: 10px 16px 8px 32px;
    font-size: 81.3%;
}
/* ==================================================
living_safety_procedures
================================================== */
#tmp_contents .living_safety_procedures {
	padding: 25px 10px 20px;
	margin: 0 0 30px;
}
#tmp_contents .living_safety_procedures .living_safety_title {
	margin: 0 0 20px;
}
#tmp_contents  .living_safety_procedures .living_safety_title h2 {
	font-size: 192.8%;
	padding-right: 0;
}
.living_safety_procedures .service_option, 
.living_safety_procedures .service_disaster {
	margin: 0;
}
.living_safety_procedures .service_option .service_item, 
.living_safety_procedures .service_disaster .disaster_item {
	padding: 0;
	width: 100%;
}
.living_safety_procedures .box_disaster {
	padding: 14px 32px 14px 15px;
}
.living_safety_procedures .box_disaster a {
	margin: -14px -32px -14px -15px;
    padding: 14px 32px 14px 15px;
}
.living_safety_procedures .box_living {
    font-size: 107.1%;
}
.living_safety_procedures .box_living .symbol_option {
    margin-right: 6px;
}
.living_safety_procedures .box_living .symbol_option_link{
    padding: 23px 10px 21px 4px;
    min-height: 68px;
}
.living_safety_procedures .box_living a {
    display: block;
    color: #004d96;
    text-decoration: none;
}
.living_safety_procedures .box_living .symbol_option_img{
    width: 31px;
    height: 28px;
    top: 23px;
    margin: 0 7px
}
.living_safety_procedures .box_living .symbol_option_img img{
    width: 30px;
    height: auto;
}
/* ==================================================
section_info
================================================== */
.section_info {
	margin: 0 0 30px;
}
.section_info .box_secure {
	float: none;
	width: 100%;
	margin: 0 0 30px;
}
.section_info .box_secure .box_secure_ttl {
	font-size: 114.3%;
	padding: 0 10px;
	margin-bottom: 5px;
}
.section_info .secure_slides .secure_gallery .slick-list {
	margin: 0 5px;
}
.secure_slides .secure_caption {
	padding: 6px 0 20px;
}
.section_info .box_safety .box_safety_cnt {
	padding: 20px 10px;
}
.section_info .box_safety .box_safety_img {
	margin: 0 0 10px;
}
.section_info .box_secure:hover,
.section_info .box_secure:focus,
.section_info .box_secure:active {
    background-color: transparent;
}
.no_javascript .section_info .secure_slides .secure_gallery .slick_slides {
	max-height: 240px;
}
.section_info .box_safety {
    float: none;
    width: 100%;
}
/* ==================================================
section_consultation
================================================== */
.section_consultation {
	margin: 0;
}
.section_consultation .consultation_list,
#tmp_contents .section_consultation .consultation_list {
	margin: 0;
}
.section_consultation .consultation_list li {
    width: 100%;
    float: none;
    padding: 0;
}
.section_consultation .consultation_list a {
	font-size: 100%;
	padding: 28px 15px 28px 60px;
	background-position: 10px 14px;
	-webkit-background-size: 46px 34px;
	-moz-background-size: 46px 34px;
	background-size: 46px 34px;
}
.section_related .section_related_ttl {   
	background: #ffffff url(/shared/site_police/images/main/border_box_sp.jpg) no-repeat left top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;

}
.section_consultation .consultation_list li a {
    padding: 10px 20px 20px;
}
.section_consultation .consultation_list li	a span.detail_img{
	padding-right: 0;
}
.section_consultation .consultation_list li	a span.detail_img img {
    height: auto;
    width: 80%;
}
/* ==================================================
rnavi_basic_info 
================================================== */
.rnavi_basic_info .basic_info_list_link li a {
	background-position: 9px 20px;
}
.rnavi_basic_info .basic_info_detail {
	padding: 10px;
}
}