@charset "utf-8";

/* コンテンツスタイル */
#contents {
	margin: 0 0 20px;
}

#contents_inner {
	width: 960px;
	margin: 0 auto 60px;
}

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

#search_box {
	width: 910px;
	height: 35px;
	margin: 0 auto 20px;
}

.custom-select {
	position: relative;
	float: left;
	margin-right: 12px;
	display: inline-block;
	vertical-align: middle;
}

.custom-select select {
	height: 35px;
	font-size: 88%;
	border: 1px solid #b3b3b3;
	padding: .3em;
	padding-left: .7em;
	padding-right: 3em;
	border-radius: 4px;
	text-overflow: '';
	-webkit-appearance: button; /* hide default arrow in chrome OSX */
	-moz-appearance: button;	/* ベンダープレフィックス(Firefox用) */
	appearance: button;	/* 標準のスタイルを無効にする */
}

.custom-select select::-ms-expand {
    display: none; /* 標準のスタイルを無効にする(IE用) */
}

.custom-select::before,
.custom-select::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.custom-select::after { /*  Custom dropdown arrow */
	content: "\25BC";
	height: 1em;
	font-size: .625em;
	line-height: 1;
	right: 1.2em;
	top: 50%;
	margin-top: -.5em;
}

.custom-select::before { /*  Custom dropdown arrow cover */
	width: 2em;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 4px 4px 0;
}

.custom-select::before {
	background-color: rgba(0,0,0,.15);
}

.custom-select::after {
	color: rgba(0,0,0,.4);
}

#search_box input[type="text"],
#search_box_mini input[type="text"] {
	float: left;
	width: 470px;
	height: 35px;
	padding: 0 0 0 15px;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	box-sizing: border-box;
	margin-right: 14px;
}

#search_box button.btn,
#search_box_mini button.btn {
	float: left;
	margin-right: 15px;
	width: 86px;
	height: 35px;
	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;
}

#search_box button.btn:hover,
#search_box_mini button.btn:hover {
	background: #14a2f5;
	text-decoration: none;
}

#search_box .btn::before,
#search_box_mini .btn::before {
	display: none;
}

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

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

.icon_search::before {
	position: absolute;
    top: 7px;
    left: 15px;
    display: inline-block;
    content: "";
	width: 14px;
	height: 14px;
	background-image: url(/img/icon/icon_search.png);
	background-size: contain;
	vertical-align: middle;
}

.search_method {
	float: left;
	font-size: 12px;
}

.search_method .btn {
	height: 35px;
	padding: 5px 10px;
	line-height: 1;
}


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

/* #main
----------------------------------------------------------- */
#main {
	float: left;
	width: 620px;
	margin-right: 40px;
}

.index_main_box {
	margin: 0 0 20px;
	padding: 0 0 20px;
}

.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: 18px;
}

.index_main_title a {
	float: right;
	padding: 8px 6px 0;
	font-size: 88%;
}

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

.slider_box {
	padding: 16px 0 0;
}

.slider {
	width: 550px;
	margin: 0 auto;
}

.slider li {
	margin-right: 10px;
}

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

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

.slider p {
	padding-top: 7px;
	font-size: 88%;
	line-height: 1.3;
	height: 51px;
	overflow: hidden;
}

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

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

.slide-arrow {
	position: absolute;
	top: 50%;
	margin-top: -15px;
}

.prev-arrow {
	left: -30px;
	width: 14px;
	height: 18px;
	border: 3px solid;
	border-color:  transparent transparent #565656 #565656;
	transform: rotate(45deg);
	background-color: #fff;
}

.next-arrow {
	right: -30px;
	width: 14px;
	height: 18px;
	border: 3px solid;
	border-color: #565656 #565656 transparent transparent;
	transform: rotate(45deg);
	background-color: #fff;
}

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

.index_new_list {
	padding: 5px 10px;
}

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

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

.index_new_list td {
	padding: 10px 4px;
	overflow: hidden;
}

.index_new_list td a {
	margin: -20px -8px;
	padding: 20px 8px;
	display: block;
	width: 100%;
	height: 100%;
}


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

.index_new_list table tr:hover {
	background-color: #f6f6f6;

}

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

.index_new_list .height60 {;
	text-align: center;
}

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

.new_list_date {
	display: block;
	font-size: 88%;
	text-align: center;
}

.new_list_category {
	display: block;
	font-size: 75%;
	width: 110px;
	white-space: nowrap;
	text-align: center;
	color: #fff;
}

.index_new_list p {
	font-size: 88%;
}

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

.index_sub_box ul li {
	float: left;
	width: 300px;
	box-sizing: border-box;
}

.index_sub_box ul li:first-child {
	margin-right: 20px;
}

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

/* #side
----------------------------------------------------------- */
#side {
	float: right;
	width: 300px;
	line-height: 1.6;
}

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

.side_category_list ul li {
	float: left;
	width: 150px;
        height: 44px;
	border-top: solid 1px #d8dce0;
	border-left: solid 1px #d8dce0;
	box-sizing: border-box;
	padding: 10px 0 8px 30px ;
	position: relative;
	font-size: 15px;
	overflow: hidden;
}

.side_category_list_font_small {
        font-size: 13px !important;
}

.side_category_list ul li a {
	display: block;
	color: #333;
	margin: -10px;
	padding: 10px;
}

.side_category_list ul li a:hover {
	text-decoration: none;
}

.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_icon::before {
	position: absolute;
	top: 10px;
	left: 4px;
    display: inline-block;
    content: "";
	width: 20px;
	height: 20px;
	background-size: contain;
	vertical-align: middle;
}

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);
}

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

.side_box {
	margin: 20px 0;
}

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

.side_box_container {
	font-size: 75%;
	padding: 6px 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: 75%;
	padding: 10px 20px 14px 22px;
	border: solid 1px #d8dce0;
}


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

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

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

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

.link_opinion {
	font-size: 75%;
}


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

#result_display {
	width: 180px;
    height: 35px;
}

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

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

.result_nav_box {
	display:table;
	width: 960px;
}

.result_nav_box p {
	font-size: 75%;
    display: table-cell;
    vertical-align: bottom;
}

ul.pagination {
	font-size: 88%;
    display: table-cell;
    vertical-align: bottom;
    float: right;
}

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

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

html:not(.mobile) .pagination a:hover,
.pn_active {
	background: #14a2f5;
	color: #fff;
	text-decoration: none;
}

.search_result_main {
	padding: 10px 0 20px;
}

.search_result_main table {
	width: 960px;
}

.search_result_main tr td {
	box-sizing: border-box;
	text-align: left;
	vertical-align: middle;
}

.search_result_main tr {
	border: solid 2px #e6e6e6;
}

.search_result_main td {
	padding: 20px;
	overflow: hidden;
}

.search_result_main th {
	font-size: 75%;
	padding: 10px 0;
	background-color: #808080;
	color: #fff;
}

.search_result_main th a {
	color: #fff;
	text-decoration: underline;
}

.search_result_main th a:hover {
	color: #2c59cc;
}

.search_result_main td a {
	margin: -36px -20px;
	padding: 36px 20px;
	display: block;
	width: 100%;
	height: 100%;
}

.search_result_main table tr:hover {
	background-color: #f6f6f6;
}

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

.search_result_main .height60 {;
	text-align: center;
}

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

.result_list_post_date,
.result_list_start_date {
	display: block;
	font-size: 88%;
}

.result_list_category {
	padding: 0 12px;
	display: block;
	font-size: 75%;
	text-align: center;
	color: #fff;
	white-space: nowrap;
}

.search_result_main th.width200 {
	width: 200px;
}

.search_result_main p {
	font-size: 88%;
	width: 430px;
}

/* 20210216 trancomits タイトル補足文字列追加 */
.title_appendix {
	font-size: 70%;
}

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

#search_box_mini {
	width: 960px;
	height: 35px;
	margin: 0 auto 20px;
}

#search_box_mini form {
	float: right;
}

#search_box_mini input[type="text"] {
	width: 240px;
	height: 30px;
	margin-right: 6px;
}

#search_box_mini button.btn {
	margin-right: 0;
	width: 70px;
	height: 30px;
}

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

.icon_search_mini {
	position: relative;
	padding: 0 0 0 17px;
}

.icon_search_mini::before {
	position: absolute;
    top: 7px;
    left: 8px;
    display: inline-block;
    content: "";
	width: 14px;
	height: 14px;
	background-image: url(/img/icon/icon_search.png);
	background-size: contain;
	vertical-align: middle;
}

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

.detail_title p {
	font-size: 88%;
	width: 920px;
	border-bottom: solid 5px #e6e6e6;
	padding: 6px 0 14px 20px;
	margin: 0 auto 20px;
}

.sns_links {
	margin-bottom: 10px;
}

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

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

.detail_box_left {
	float: left;
	width: 620px;
	margin-right: 40px;
}

.detail_box_bottom {
	width: 960px;
	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;
	display: table;
	table-layout:fixed;
}

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

.detail_box_left li {
	min-height: 70px;
	height: 70px;
}

.detail_box_left li:nth-child(2) {
	min-height: 140px;
	height: 140px;
}

.detail_cap {
	font-size: 75%;
	font-weight: bold;
	width: 130px;
	padding: 18px 0 18px 30px;
	display: table-cell;
}

.detail_text {
	font-size: 88%;
	width: 490px;
	display: table-cell;
	word-break : break-all;
	padding: 18px 10px 38px 0;
	line-height: 1.5;
}

.detail_box_bottom .detail_text {
	width: 830px;
}

.detail_text_link {
	float: right;
	margin-right: 10px;
}

.detail_box_right {
	float: right;
	width: 300px;
	min-height: 280px;
	border: solid 1px #d8dce0;
	box-sizing: border-box;
}

.detail_main_img {
	width: 280px;
	margin: 10px auto;
}

.detail_main_img li{
	width: 280px;
	height: 280px;
}

.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 li {
	width: 44px;
	height: 44px;
	border: solid 1px #ccc;
	box-sizing: border-box;
	float: left;
	margin: 0 12px 10px 0;
	text-align: center;
}

.detail_thumb_img li:first-child {
	margin-left: 16px;
}

.detail_thumb_img .width42 img {
	width: 42px;
	height: auto;
}

.detail_thumb_img .height42 img {
	width: auto;
	height: 42px;
}

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

.attention {
	font-size: 88%;
	width: 920px;
	margin: 20px auto;
	border: solid 1px #ccc;
	box-sizing: border-box;
	background-color: #e6e6e6;
	padding : 30px 28px 10px;
	line-height: 1.5;
}


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

#wrap.pop_search {
	min-width:100%;
}
.pop_search p {
	font-size: 88%;
	line-height: 1.5;
	margin: 10px 28px 10px 15px;
}

.pop_search h2 {
	color : #fff;
	font-size: 115%;
}

.search_H1 {
	visibility: hidden;
	height: 0px;
}

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

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

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

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

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

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

}

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

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

.search_category {
	width: 120px;
}

.search_commentary {
	width: 280px;
}


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

.service_box {
	font-size: 88%;
	line-height: 1.5;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	display: block;
}

.service_box_top {
	padding: 18px 30px 18px 30px;
	width: 900px;
}

.service_box_top strong {
	font-weight: bold;
}

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

.service_box_center {
	background: #fafafa;
	margin-top: 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: 20px 10px;
	vertical-align: middle;
}

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

.service_button {
	width: 200px;
}

.service_all,
.service_senior,
.service_child {
	font-size: 110%;
	color: #fff;
	min-width: 190px;
	padding : 10px 15px;
	display: inline-block;
	white-space: nowrap;
}

.service_all_arrow,
.service_senior_arrow,
.service_child_arrow {
	width: 14px;
	display: inline-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;
	font-size: 110%;
	color: #fff;
	min-width: 182px;
	padding : 20px 15px 20px 45px;
	display: inline-block;
	white-space: nowrap;
}

.service_button_all {
	background: #326eb4 url(/img/icon/icon_mail.png) no-repeat 15px 50%;
}

.service_button_senior {
	background: #65bc9c url(/img/icon/icon_mail.png) no-repeat 15px 50%;
}

.service_button_child {
	background: #7dbe48 url(/img/icon/icon_mail.png) no-repeat 15px 50%;
}

.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 28px;
}

.service_box_botton {
	padding: 0 30px 18px 30px;
	width: 900px;
}


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

.privacy_box {
	font-size: 88%;
	line-height: 1.5;
	width: 960px;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	padding: 18px 30px 18px 30px;
	display: block;
}


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

.about_box {
	font-size: 88%;
	line-height: 1.5;
	width: 960px;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	padding: 18px 30px 18px 30px;
	display: block;
}


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

.sorry_box {
	font-size: 88%;
	line-height: 1.5;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	display: block;
}

.sorry_box h3 {
	font-weight: bold;
}

.sorry_box_top {
	padding: 18px 30px 18px 30px;
	width: 900px;
}

.sorry_box_bottom {
	margin-top: 10px;
	padding: 18px 30px 18px 30px;
	width: 900px;
}

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

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