@charset "utf-8";

/* コンテンツスタイル */
#contents img {
	max-width: 100%;
}

#contents_inner {
	margin: 0 10px 30px;
}

/*----- search -----*/

.ui-dialog-title {
	font-size: 220%;
	font-weight: bold;
}

#search_box,
#search_box_mini {
	height: 32px;
	margin: 0 0 20px;
}

#search_box input[type="text"],
#search_box_mini input[type="text"] {
	float: left;
	width: 70%;
	height: 32px;
	padding: 0 0 0 10px;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	box-sizing: border-box;
	margin-right: 5px;
}

#search_box button.btn,
#search_box_mini button.btn {
	float: left;
	margin-right: 15px;
	width: 70px;
	height: 32px;
	padding: 0;
	border-radius: 4px;
	border: 1px solid #b3b3b3;
	background: #326eb4;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 30px;
	font-size: 1em;
	color: #fff;
}

span.icon_search,
span.icon_search_mini {
    position: relative;
    display: block;
    font-weight: bold;
}

.icon_search,
.icon_search_mini {
	position: relative;
	padding: 0 0 0 16px;
}

.icon_search::before,
.icon_search_mini::before {
	position: absolute;
    top: 9px;
    left: 12px;
    display: inline-block;
    content: "";
	width: 12px;
	height: 12px;
	/*
	background-color: #fff;
	-webkit-mask-image: url(/img/icon/icon_search.svg);
	mask-image: url(/img/icon/icon_search.svg);
	-webkit-mask-size: 12px 12px;
	mask-size: 12px 12px;
	*/
	background-image: url(/img/icon/icon_search.png);
	background-size: contain;
	vertical-align: middle;
}


/* トップページ
----------------------------------------------------------- */

/* #main
----------------------------------------------------------- */
#main {
	text-align: justify;
	text-justify: inter-ideograph;
}

.index_main_box {
	margin: 0 0 15px;
	padding: 0 0 10px;
}

.index_main_title {
	position: relative;
	border-left: 8px solid #326eb4;
	border-bottom: 4px solid #326eb4;
}

.index_main_title h2 {
	float: left;
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
}

.index_main_title a {
	float: right;
	padding: 4px 6px 0;
}

/*----- slider -----*/

.slider_box {
	padding: 6px 0 0;
}

.slider {
	margin: 0 auto;
}

.slider li {
	margin: 0 8px;
}

.slider li.width128,
.slider li.height128 {
	width: 95% !important;
}

.slider .width128 img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.slider .height128 img {
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.slider p {
	padding-top: 7px;
	line-height: 1.3;
	height: 30px;
	overflow: hidden;
}

.slider p a {
	text-decoration: none;
}

ul.slide-dots button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.slide-dots {
	text-align: center;
}

.slide-dots li{
	display: inline-block;
	margin: 0 15px;
}

.slide-dots button{
	position: relative;
	text-indent: -9999px;
}

.slide-dots button:before {
	content: '●';
	color: #cccccc;
	font-size: 20px;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-text-stroke: 1px #666666;
}

.slick-active button:before {
    content: '●';
	color: #000000;
	font-size: 20px;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-text-stroke: 1px #000000;
}


/*----- new_box -----*/

.index_new_list {
	padding: 0 5px;
}

.index_new_list tr td {
	box-sizing: border-box;
	text-align: left;
	vertical-align: inherit;
}

.index_new_list tr {
	border-bottom: solid 2px #e6e6e6;
}

.index_new_list td {
	padding: 8px 4px;
}

.index_new_list td:first-child,
.index_new_list td:last-child {
	padding: 0 8px;
}

.index_new_list td a {
	display: block;
}

.new_list_date {
	display: block;
}

.new_list_category {
	display: block;
	font-size: 75%;
	text-align: center;
	color: #fff;
}

.index_new_list p {
	padding: 5px 0;
}

/*----- sub_box -----*/

.index_sub_box ul li {
	margin-bottom: 20px;
}

.index_sub_box ul li:first-child {
	margin-bottom: 10px;
}

.index_sub_box ul li.sns_box {
	border: solid 1px #d8dce0;
	box-sizing: border-box;
}

/* #side
----------------------------------------------------------- */
#side {

}

/*----- category list -----*/

.side_category_list ul li {
	float: left;
	width: 50%;
	border-top: solid 1px #d8dce0;
	border-left: solid 1px #d8dce0;
	box-sizing: border-box;
	padding: 8px 0 8px 40px ;
	position: relative;
}

.side_category_list ul li a {
	display: block;
}

.side_category_list ul li:nth-child(even) {
	border-right: solid 1px #d8dce0;
}

.side_category_list ul li:nth-last-child(-n+2) {
	border-bottom: solid 1px #d8dce0;
}

.side_category_list ul li:hover {
	background-color: #e6e6e6;
}


a.side_category_food::before {
	background-image: url(/img/icon/icon_food.png);
}

a.side_category_health::before {
	background-image: url(/img/icon/icon_health.png);
}

a.side_category_wear::before {
	background-image: url(/img/icon/icon_wear.png);
}

a.side_category_house::before {
	background-image: url(/img/icon/icon_house.png);
}

a.side_category_stationery::before {
	background-image: url(/img/icon/icon_stationery.png);
}

a.side_category_electronics::before {
	background-image: url(/img/icon/icon_electronics.png);
}

a.side_category_car::before {
	background-image: url(/img/icon/icon_car.png);
}

a.side_category_building::before {
	background-image: url(/img/icon/icon_building.png);
}

a.side_category_water::before {
	background-image: url(/img/icon/icon_water.png);
}

a.side_category_special::before {
	background-image: url(/img/icon/icon_special.png);
}

a.side_category_icon::before {
	position: absolute;
	top: 8px;
	left: 12px;
    display: inline-block;
    content: "";
	width: 20px;
	height: 20px;
}
/*
a.side_category_food::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(../../img/icon/icon_food.svg);
	mask-image: url(../../img/icon/icon_food.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_health::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_health.svg);
	mask-image: url(/img/icon/icon_health.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_wear::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_wear.svg);
	mask-image: url(/img/icon/icon_wear.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_house::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_house.svg);
	mask-image: url(/img/icon/icon_house.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_stationery::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_stationery.svg);
	mask-image: url(/img/icon/icon_stationery.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_electronics::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_electronics.svg);
	mask-image: url(/img/icon/icon_electronics.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_car::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_car.svg);
	mask-image: url(/img/icon/icon_car.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_building::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_building.svg);
	mask-image: url(/img/icon/icon_building.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_water::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_water.svg);
	mask-image: url(/img/icon/icon_water.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}

a.side_category_special::before {
	background-color: #4b4b4b;
	-webkit-mask-image: url(/img/icon/icon_special.svg);
	mask-image: url(/img/icon/icon_special.svg);
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
}
*/

/*----- news release -----*/

.side_box {
	margin: 14px 0;
}

.side_box_title {
	display: block;
	text-align: center;
	background-color: #f5f5f5;
	padding: 10px 0;
	font-weight: bold;
	font-size: 90%;
	border-radius: 10px 10px 0 0;
	border: solid 1px #d8dce0;
	border-bottom: none;
}

.side_box_container {
	padding: 2px 10px 14px;
	border: solid 1px #d8dce0;
}

.side_box_container ul li {
	border-bottom: solid 1px #d8dce0;
	padding: 6px;
}

.side_box_container span {
	display: inline-block;
	margin-left: -4px;
}

.side_box_title_square {
	text-align: center;
	background-color: #eee;
	padding: 10px 0;
	font-weight: bold;
	border-bottom: solid 1px #d8dce0;
}

.side_box_container_square {
	font-size: 90%;
	padding: 10px 20px 14px 22px;
	border: solid 1px #d8dce0;
}


/*----- banner_box -----*/

/*--20190315 activet start
.side_banner_box {
	margin: 10px 0;
	width: 300px;
	overflow: hidden:
}
20190315 activet end--*/

.side_banner_box img {
	margin-bottom: 10px;
}

/*----- 意見・感想 -----*/

.link_opinion {
	font-size: 75%;
}

/* 一覧ページ
----------------------------------------------------------- */

#result_display {
    height: 30px;
}

.display-select {
	position: relative;
	margin-right: 0px;
	display: inline-block;
}

.display-select select {
	height: 25px;
	font-size: 75%;
	border: 1px solid #b3b3b3;
	padding: .2em;
	border-radius: 4px;
}

.result_nav_box {
	width: 100%;
	display: block;
	text-align: center;
}

.result_nav_box p {
	text-align: left;
	font-size: 90%;
}

ul.pagination {
	display: inline-block;
	font-size: 90%;
}

.pagination li {
	float: left;
	margin: 0 2px;
}

.pagination a,
.pn_active {
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: center;
	padding: 0 4px;
	text-decoration: none;
}

.pn_active {
	background: #14a2f5;
	color: #fff;
	text-decoration: none;
}

.search_result_main {
	padding-bottom: 4px;
}

.search_result_main table {
	width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
    display: block;
}

.search_result_main thead {
	display: none;
}

.search_result_main tbody {
	display: block;
}

.search_result_main tr {
	display: block;
}

.search_result_main td {
	border: solid 2px #e6e6e6;
	border-bottom: none;
	display: block;
	padding: 8px 4px;
	position: relative;
}

.search_result_main td:first-child {
	border-top: solid 8px #e6e6e6;
}

.search_result_main td:last-child {
	border-bottom: solid 2px #e6e6e6;
}


.search_result_main tbody td:before {
	width: 22%;
	height: 100%;
	font-size: 90%;
	font-weight: bold;
	display: inline-block;
	float: left;
	position: relative;
	top: 2px;
}


.search_result_main tbody td:nth-child(1):before {
	content: "カテゴリー";
}

.search_result_main tbody td:nth-child(2):before {
	content: "　";
}

.search_result_main tbody td:nth-child(3):before {
	content: "件名";
}

.search_result_main tbody td:nth-child(4):before {
	content: "掲載日";
}

.search_result_main tbody td:nth-child(5):before {
	content: "対応開始日";
}

.search_result_main img {
	width: 60px;
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.search_result_main p {
	word-break : break-all;
	display: flex;
}

.result_list_category {
	padding: 0 12px;
	color: #fff;
}

/* 個別ページ
----------------------------------------------------------- */

.detail_title h3 {
	position: relative;
	border-left: 8px solid #326eb4;
	border-bottom: 4px solid #326eb4;
	font-size: 120%;
	font-weight: bold;
	padding: 0 10px;
}

.detail_title p {
	font-size: 90%;
	border-bottom: solid 5px #e6e6e6;
	padding: 6px 0 8px 22px;
	margin: 0 auto 15px;
}

.sns_links {
	margin-bottom: 10px;
}

.sns_links img {
	height: 20px;
	width: auto;
}

.sns_links > ul > li  {
	float: left;
	margin-right: 10px;
}

.detail_box_top {
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.detail_box_left {
	width: 100%;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

.detail_box_bottom {
	width: 100%;
	position: relative;
	top: -1px;
}

.detail_box_left ul,
.detail_box_bottom ul {
	border: solid 1px #d8dce0;
	box-sizing: border-box;
	border-bottom: none;
}

.detail_box_left li,
.detail_box_bottom li {
	border-bottom: solid 1px #d8dce0;
	box-sizing: border-box;
}

.detail_box_left li:nth-child(even),
.detail_box_bottom li:nth-child(even) {
	background-color: #fafafa;
}

.detail_cap {
	font-size: 90%;
	font-weight: bold;
	padding: 10px 0 6px 10px;
	display: block;
}

.detail_text {
	display: block;
	word-break : break-all;
	padding: 0 16px 22px;
	line-height: 1.5;
}

.detail_text_link {
	display: block;
	margin-left: 10px;
}

.detail_box_right {
	width: 100%;
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}

.detail_main_img {
	width: 100%;
	margin: 10px auto;
}

.detail_main_img li {
	height: 280px;
}

.detail_main_img li.width280 {
	text-align: center;
}

.detail_main_img li.width280 img {
	width: 280px;
	height: auto;
}

.detail_main_img li.height280 {
	text-align: center;
}

.detail_main_img li.height280 img {
	width: auto;
	height: 280px;
}

.detail_main_img li:nth-child(n+2) {
 	display: none;
}

/*
.detail_thumb_img img {
	width: 100%;
	height: auto;
}*/

ul.detail_thumb_img {
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.detail_thumb_img li {
	width: 18.4%;
	height: auto;
	border: solid 1px #ccc;
	box-sizing: border-box;
	margin: 0 2% 10px 0;
	text-align: center;
}

.detail_thumb_img li:last-child {
	margin-right: 0%;
}


#contents li .height42 img {
	width: auto;
	height: 70px;
}


.control_number {
	font-size: 75%;
	text-align: right;
	padding: 2px 8px;
	color: #7f7f7f;
}

.attention {
	margin: 10px auto;
	border: solid 1px #ccc;
	box-sizing: border-box;
	background-color: #e6e6e6;
	padding-bottom: 10px;
}

.attention_title {
	font-size: 110%;
	padding: 8px 0;
	text-align: center;
}

.attention_text p {
	padding: 0 10px;
	line-height: 1.5;
	margin-bottom: 8px;
}


/* 検索方法について
----------------------------------------------------------- */

#wrap.pop_search {
	min-width:100%;
}

#wrap.pop_search img {
	width:90%;
}

.pop_search p {
	font-size: 200%;
	line-height: 1.5;
	margin: 10px 28px 10px 15px;
}

.pop_search h2 {
	color : #fff;
	font-size: 220%;
	font-weight: bold;
}

.search_H1 {
	visibility: hidden;
	height: 0px;
	font-weight: bold;
}

.search_H2_A {
	background: #e0555d;
	padding: 0 20px;
	margin: 40px 28px 10px 15px;
	font-weight: bold;
}

.search_H2_B {
	background: #34addb;
	padding: 0 20px;
	margin: 40px 28px 10px 15px;
	font-weight: bold;
}

.search_H2_C {
	background: #38c584;
	padding: 0 20px;
	margin: 40px 28px 10px 15px;
	font-weight: bold;
}

.pop_search table {
	margin: 10px 28px 10px 15px;
	width: 90%;
}

.pop_search th {
	border: solid 1px #d8dce0;
	background: #808080;
	color : #fff;
	font-size: 150%;
	padding: 5px;
}

.pop_search td {
	border: solid 1px #d8dce0;
	font-size: 150%;
	padding: 10px;

}

.pop_search .even td {
	background: #fafafa;
}

.pop_search td:first-child {
	white-space: nowrap;
}



/* リコール情報メールサービス登録
----------------------------------------------------------- */

.service_box {
	position: relative;
	top: 0px;
	box-sizing: border-box;
	display: block;
}

.service_box_top {
	padding: 10px 2%;
	width: 96%;
}

.service_box_top strong {
	font-weight: bold;
}

.service_box_top li strong {
	color : #ed1111;
	font-weight: normal;
}

.service_box_center {
	background: #fafafa;
	margin-bottom: 20px;
}

.service_box_center table {
	font-size: 90%;
	width: 100%;
}

.service_box_center table tr {
	border: solid 1px #d8dce0;
}

.service_box_center table td {
	padding: 10px 5px 10px 0;
	vertical-align: middle;
}

.service_box_center td:first-child {
	padding-left: 5px;
	white-space: nowrap;
	width: 75px;
}

td.service_button {
	width: 100px;
}

.service_all,
.service_senior,
.service_child {
	color: #fff;
	width: 55px;
	padding : 5px;
	text-align: center;
	float:left;
	display: block;
}

.service_all_arrow,
.service_senior_arrow,
.service_child_arrow {
	width: 14px;
	float: left;
	margin-top: 2.5em;
	margin-left: -5px;
	display: block;
}

.service_all {
	background-color: #326eb4;
}

.service_senior {
	background-color: #65bc9c;
}

.service_child {
	background-color: #7dbe48;
}

.service_all_arrow {
	background: url(/img/icon/icon_service_all.png) no-repeat;
}

.service_senior_arrow {
	background: url(/img/icon/icon_service_senior.png) no-repeat;
}

.service_child_arrow {
	background: url(/img/icon/icon_service_child.png) no-repeat;
}

.service_button_all,
.service_button_senior,
.service_button_child {
	border: none;
	border-radius: 4px;
	color: #fff;
	padding : 10px 5px;
	display: inline-block;
	white-space: nowrap;
}

.service_button_all {
	background-color: #326eb4;
}

.service_button_senior {
	background: #65bc9c;
}

.service_button_child {
	background: #7dbe48;
}

.service_button_all:hover {
	background-color: #14a2fa;
}

.service_button_senior:hover {
	background-color: #28d8c9;
}

.service_button_child:hover {
	background-color: #89dc46;
}

.service_box .attention_text p {
	margin-bottom: 0px;
}

.attention_text ul {
	margin-bottom: 8px;
}

.attention_text li {
	padding: 0 10px;
}

.attention_text strong {
	font-weight: bold;
}

.service_box_botton {
	padding: 10px 2%;
	width: 96%;
}


/* プライバシーポリシーについて
----------------------------------------------------------- */

.privacy_box {
	width: 100%;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	padding: 10px 0 6px 10px;
	display: block;
}

.privacy_box strong {
	font-weight: bold;
}


/* このサイトについて
----------------------------------------------------------- */

.about_box {
	width: 100%;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	padding: 10px 0 6px 10px;
	display: block;
}

.about_box strong {
	font-weight: bold;
}


/* 事業者の方へ
----------------------------------------------------------- */

.sorry_box {
	width: 100%;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	padding: 10px 0 6px 10px;
	display: block;
}

.sorry_box h3 {
	font-weight: bold;
}

.sorry_box_top {
	padding: 10px 2%;
	width: 96%;
}

.sorry_box_bottom {
	margin-top: 10px;
	padding: 10px 2%;
	width: 96%;
}

.sorry_box p {
	margin-top: 20px;
}

.sorry_box li {
	margin: 5px 20px;
}