@charset "utf-8";

/* 足跡を非表示 */
#footstep_wrap {
	display: none !important;
}

/* 戻るボタンを非表示 */
#back_or_pagetop > div#to_page_back {
	display: none !important;
}

/* ヘッダ部 対象者から探す */
dl.search_target {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	        align-items: stretch;
	margin: 0 0 0 10px;
	padding: 10px 10px 10px 0;
	line-height: 2.35em;
}

dl.search_target dt {
	font-size: 1.6rem;
	/* margin-right: 10px; */
	width: 30%;
	text-align: center;
}
dl.search_target dd{
	margin: 0 0 0 1px;
	padding: 0;
	width: calc(35% - 1px)
}
dl.search_target dd a{
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
/* 	background: #ffffff; */
/* 	color: currentColor; */
	background: #005bac;
	color: #ffffff;
	font-size: 1.3rem;
}
dl.search_target dd:first-of-type a{
}
dl.search_target dd a:hover,dl.search_target dd a:focus{
	text-decoration: underline
}

/* スマートフォン用 */
.search_target_wrap.visible_sp {
	display: none;
}

/* ヘッダ部 対象者から探す ここまで */

/* 防災メール連携 */
#main_box_emergency ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main_box_emergency li {
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	        align-items: flex-start;
	margin: 0 0 10px;
}
#main_box_emergency li > span {
	display: block;
}
#main_box_emergency li .emer_title {
	height: 1.2em;
	overflow: hidden;
	text-decoration: underline;
	-webkit-box-ordinal-group: 2;
	        order: 1;
}
#main_box_emergency li .emer_title.emer_mail_open {
	height: auto;
	overflow: auto;
	text-decoration: none;
}
#main_box_emergency li .emer_date {
	width: 10em;
	-webkit-box-ordinal-group: 1;
	        order: 0;
}
#main_box_emergency {
	border: 3px solid #cc0000;
}
#main_a #main_box_emergency h2 {
	border: none;
	color: #cc0000;
	font-weight: bold;
}
#main_box_emergency .list_top_emer {
	margin: 0 20px 20px;
}
#emer_mail_open_all {
	border: none;
	padding: 10px;
	line-height: 1em;
	margin: 0;
	border-radius: 5px;
	border: 2px solid #c00;
	background: none;
	color: #c00;
	font-size: 1.5rem;
	margin-left: auto;
	margin-right: 0;
	display: block;
	width: 10em;
}
/* 防災メール連携ここまで */

/* スライドショー */
#top_photo_wrap{
	max-width: 1100px;
	margin: 20px auto 0px;
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	        align-items: flex-start;
}
#top_photo {
	width: 820px;
/*	max-width: 820px;*/
	max-height: 350px;
	overflow: hidden;
	margin: 0px;
	position: relative;
}

ul#photo_image {
	margin: 0;
	padding: 0;
}

#top_photo img {
	width: 100%;
	height: auto;
}

.imgmask {
	display: block;
	position: relative;
}

.photo_caption {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 20px;
}
a .photo_caption {
	text-decoration: underline;
}

#mp_control_box {
	display: block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 10;
}
#mp_control_box button {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border: none;
	color: #000000;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: 8px auto;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}
#mp_control_box button#mp_control_prev {
	background-image: url(/img/top/photo/btn_slide_prev.png);
	background-position: 7px center;
}
#mp_control_box button#mp_control_next {
	background-image: url(/img/top/photo/btn_slide_next.png);
	background-position: 9px center;
}
#mp_control_box button#mp_control_pause {
	background-image: url(/img/top/photo/btn_slide_stop.png);
	background-position: center center;
}
#mp_control_box button#mp_control_play {
	display: none;
	background-image: url(/img/top/photo/btn_slide_play.png);
	background-position: 9px center;
}

#top_photo ul.slick-dots {
	display: block;
	vertical-align: middle;
	margin: 0px;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 12px;
	left: 100px;
	z-index: 10;
}
#top_photo ul.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0px 3px;
	padding: 0px;
	box-sizing: border-box;
}
#top_photo ul.slick-dots li button {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
	text-indent: -9999em;
	border: 2px solid #ffffff;
	background: #494949;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
#top_photo ul.slick-dots li.slick-active button {
	border: 2px solid #494949;
	background: #ffffff;
	color: #000000;
}

ul#top_photo_banner_emer {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}

ul#top_photo_banner_emer li {
	margin: 0 0 10px;;
	padding: 0;
	position: relative;
}
ul#top_photo_banner_emer li:before{
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
}
ul#top_photo_banner_emer li:last-child{
	margin-bottom: 0;
}

ul#top_photo_banner_emer li a{
	display: block;
	width: 260px;
	height: 11rem;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
}
ul#top_photo_banner_emer li a:after{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #000;
	border-left: none;
	border-bottom: none;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}
ul#top_photo_banner_emer li.tpbe_bousai a:after{
	border-color: #c00;
}
ul#top_photo_banner_emer li.tpbe_bousai{
	background: hsla(0, 100%, 96%, 1);
}
ul#top_photo_banner_emer li.tpbe_bousai:before{
	background: #ffdcdc;
}
ul#top_photo_banner_emer li.tpbe_soudan,
ul#top_photo_banner_emer li.tpbe_iryou{
	background: hsla(203, 60%, 90%, 1);
}
ul#top_photo_banner_emer li.tpbe_soudan:before,
ul#top_photo_banner_emer li.tpbe_iryou:before{
	background: #bfddef;
}

ul#top_photo_banner_emer li.tpbe_bousai a{
	background: url(/img/top/icon_banner_bousai.png) no-repeat left 15px center transparent;
	color: #cc0000;
}

ul#top_photo_banner_emer li.tpbe_soudan a{
	background: url(/img/top/icon_banner_soudan.png) no-repeat left 25px center transparent;
	color: #0055b2;
}
ul#top_photo_banner_emer li.tpbe_iryou a{
	background: url(/img/top/icon_banner_iryou.png) no-repeat left 25px center transparent;
	color: #0055b2;
}
ul#top_photo_banner_emer li.tpbe_soudan a:after,
ul#top_photo_banner_emer li.tpbe_iryou a:after{
	border-color: #0055b2;
}


ul#top_photo_banner_emer li a span{
	display: block;
	position: absolute;
	left: 90px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-size: 2.1rem;
	line-height: 1.274em;
	font-weight: bold;
	padding-right: 40px;
	box-sizing: border-box;
}
ul#top_photo_banner_emer li a:hover,ul#top_photo_banner_emer li a:focus{
	/* outline: 1px solid currentColor; */
/* 	text-decoration: underline; */
	box-shadow: 0px 0px 0px 1px currentColor inset
}

/* メイン */
#main_a > div {
	margin-bottom: 40px;
}

#main_a > div:last-child {
	margin-bottom: 0px;
}
#main_a h2{
	margin: 0 0 10px; 
	padding: 10px 15px;
	font-size: 2.1rem;
	line-height: 1em;
	font-weight: normal;
	border-left: 5px solid #005bac;
}
#main_a h2.hide{
	margin: 0;
	padding: 0;
	border: none;
}



/* 重要なお知らせ */
#top_important {
	margin: 40px 0;
	border: 3px solid #cc0000;
	box-sizing: border-box;
	width: 100%;
	display: table;
}
#top_important > div {
	display: table-cell;
	vertical-align: middle;
}

#top_important_ttl {
	width: 240px;
	color: #cc0000;
}
#top_important_ttl h2 {
	margin: 0px;
	padding: 15px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	border: none;
}

#top_important_list {
	color: #cc0000;
}
#top_important_list ul {
	margin: 0px;
	padding: 10px 20px;
	list-style: none;
}
#top_important_list ul li {
	width: 100%;
	display: table;
	padding: 8px 0px;
}
#top_important_list ul li > span {
	display: table-cell;
	vertical-align: top;
}
#top_important_list ul li > span.article_date {
/* 	width: 11em; */
	display: none;
}
#top_important_list ul li span.article_section{
	display: none;
}
#top_important_list ul li a {
	color: #cc0000;
}

#top_important_list .link_box {
	display: none;
}
#top_important_list .link_box span {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0px 5px 10px;
	padding-left: 15px;
	border-left: 1px solid #666666;
	line-height: 1.4;
}
#top_important_list .link_box span:first-child {
	border-left: none;
	margin-left: 0px;
	padding-left: 10px;
}

/* タブ */
.top_tab_wrap {
	display: table;
	width: 100%;
}

.top_tab_wrap > div{
	display: table-cell;
	vertical-align: top;
}

.top_tab_title {
	width: 275px;
}
.top_tab_title ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top_tab_title ul li {
	display: block;
	margin: 0;
	padding: 0;
}
.top_tab_title ul li button,
.top_tab_title ul li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: none;
	line-height: 3rem;
	padding: 10px;
	text-align: left;
	background: none transparent;
	outline: none;
	position: relative;
	text-decoration: none;
	color: currentColor;
	font-size: 1.6rem;
}
.top_tab_title ul li button:after,
.top_tab_title ul li a:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 3px solid #a4a4a4;
	border-left: none;
	border-bottom: none;
	box-sizing: border-box;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
}
.top_tab_title ul li.tab_on button:after{
	border-color: #4a4a4a;
}
.top_tab_title ul li button:hover{
}
.top_tab_title ul li.tab_on button {
	background: #dfeef6;
}
.top_tab_title ul li button br {
	display: none;
}

#sptabselect{
	display: none;
}
.top_tab_detail {
	padding-left: 20px;
}

/* 新着情報（件数） */
.top_tab_detail_list .release_day {
	margin-bottom: 10px;
}
.top_tab_detail_list .release_day span {
	display: inline-block;
	margin-right: 1em;
}

/* 新着情報 */
.top_tab_detail_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top_tab_detail_list ul li {
	width: 100%;
	display: table;
	padding: 14px 0px 14px 20px;
	border-bottom: 1px solid #cccccc;
	box-sizing: border-box;
}

.top_tab_detail_list ul li:first-child{
	border-top: 1px solid #cccccc;
}

.top_tab_detail_list ul li > span {
	display: table-cell;
	vertical-align: top;
}
.top_tab_detail_list ul li > span.article_date {
	width: 11em;
}
.top_tab_detail_list ul li > span img {
	vertical-align: middle;
	margin-left: 10px;
}

.top_tab_detail_list p.no_data {
	margin: 0px;
}

.top_tab_detail_box div.link_box {
	padding-top: 20px;
	text-align: center;
}
.top_tab_detail_box div.link_box span {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0px 5px 10px;
	padding-left: 15px;
	border-left: 1px solid #666666;
	line-height: 1.4;
}
.top_tab_detail_box div.link_box span:first-child {
	border-left: none;
	margin-left: 0px;
	padding-left: 10px;
}

/* もっと見るリンク */

.top_box_title {
	position: relative;
	margin: 0 0 10px;
}
.top_box_title h2 {
	margin: 0;
	padding: 10px 15px;
	border-left: 5px solid #005bac;
	font-size: 2.1rem;
	line-height: 1em;
	font-weight: normal;
}

.top_box_title .link_more {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.link_more a{
	display: block;
	padding-left: 20px;
	background: url(/img/top/icon_link_more.png) no-repeat left center;
	color: currentColor;
}
/* もっと見るリンクここまで */

/* 福岡県からのお知らせ */
#top_topics_oshirase .lettering {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	        align-items: stretch;
	background: #dfeef6;
	padding: 35px 25px;
}

#top_topics_oshirase .lettering .lettering_box {
	width: 240px;
	margin: 0px 10px 20px 10px;
	background: #fff;
}
#top_topics_oshirase .lettering .lettering_box:nth-child(4n){
/* 	margin-right: 0; */
}
#top_topics_oshirase .lettering_box_img > div{
	width: auto;
	height: 150px;
	overflow: hidden;
}
#top_topics_oshirase .lettering_box_img > div:empty {
	height: 150px;
	background: url(/img/top/bg_noimage.png) no-repeat center center #d6d6d6;
}
#top_topics_oshirase .lettering .lettering_box_img img {
	display: block;
	width: 240px;
	height: auto;
}
#top_topics_oshirase .lettering .lettering_box_text {
	position: relative;
	padding: 20px;
}
#top_topics_oshirase .lettering .lettering_box_text img.icon_new {
	position: absolute;
	right: 10px;
	top: -16px;
}
#top_topics_oshirase .lettering .article_title{
	margin: 0 0 20px;
}
#top_topics_oshirase .lettering .lettering_detail {
/*	height: 3em;
	overflow: hidden;*/
}
/* 福岡県からのお知らせここまで */


/* イベント情報 */
/* ピックアップ */
#top_tab_wrap2 .top_tab_title li button{
	background: #dfeef6;
}

#top_topics_pickup .lettering {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	        align-items: stretch;
	/* width: 805px; */
}

#top_topics_pickup .lettering_box {
	width: calc(33% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
}

#top_topics_pickup .lettering_box_img > div {
	width: auto;
	height: auto;
	max-height: 170px;
	overflow: hidden;
	margin: 0 0 10px;
}

#top_topics_pickup .lettering_box_img img {
	width: 100%;
	height: auto;
}

#top_topics_pickup .lettering_box_img > div:empty {
	background: url(/img/top/bg_noimage.png) no-repeat center center #d6d6d6;
}

#top_topics_pickup .lettering_box:nth-child(3n) {
	margin-right: 0;
}
/* ピックアップここまで */
/* イベント情報ここまで */

/* 広報情報 */
.top_koho_wrap{
	background: #dfeef6;
	padding: 40px 45px;
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	        align-items: flex-start;
}
.top_koho_detail{
	margin: 0 10px;
}
.top_koho_detail:first-child{
	margin-left: 0;
}
.top_koho_detail:last-child{
	margin-right: 0;
}
.top_koho_detail.top_koho_book {
	width: 200px;
}
.top_koho_book a {
	display: block;
	text-align: center;
	margin: 0;
}

.top_koho_book img,.top_koho_book a span {
	display: block;
}

.top_koho_book img{
	max-width: 100%;
	height: auto;
}
.top_koho_book a span{
	margin-top: 10px;
}
.top_koho_movie{
	margin-left: 50px;
	width: 560px;
}
.top_koho_movie .link_box{
	text-align: center;
	margin-top: 20px;
}

/* 広報情報ここまで */

/* リンクリスト */
#top_linklist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	        align-items: stretch;
}
#top_linklist li{
	display:block;
	width: 267px;
	height: auto;
	margin: 0 0 10px;
}
#top_linklist li a{
	display: table;
	width: 100%;
	height: 8rem;
	padding-left: 90px;
	box-sizing: border-box;
	color: currentColor;
	background-color: #dfeef6;
	background-position: left 30px center;
	background-repeat: no-repeat;
	text-decoration: none;
}
#top_linklist li a:hover,#top_linklist li a:focus{
	text-decoration: underline;
/* 	outline: 1px solid currentColor; */
	box-shadow: 0 0 0px 1px currentColor inset;
}

#top_linklist li a span{
	display: table-cell;
	vertical-align: middle;
}
#top_linklist li.top_linklist_kensei a{
	background-image: url(/img/top/icon_link_kensei.png);
}
#top_linklist li.top_linklist_kikan a{
	background-image: url(/img/top/icon_link_kikan.png);
}
#top_linklist li.top_linklist_jyouhou a{
	background-image: url(/img/top/icon_link_kojinjouhou.png);
}
#top_linklist li.top_linklist_kisya a{
	background-image: url(/img/top/icon_link_kisyahappyou.png);
}
#top_linklist li.top_linklist_gikai a{
	background-image: url(/img/top/icon_link_kengikai.png);
}
#top_linklist li.top_linklist_sengen a{
	background-image: url(/img/top/icon_link_sengen.png);
}
#top_linklist li.top_linklist_gyousei a{
	background-image: url(/img/top/icon_link_gyouseishiryou.png);
}
#top_linklist li.top_linklist_kids a{
	background-image: url(/img/top/icon_link_kids.png);
}
/* リンクリストここまで */

/* カレンダー */
#top_calendar_detail {
	max-width: 400px;
	margin: 0px auto;
}
#top_calendar_detail ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	display: table;
}
#top_calendar_detail ul li {
	display: table-cell;
	vertical-align: middle;
}
#top_calendar_detail ul li.calendar_index_last {
	width: 4em;
	text-align: left;
}
#top_calendar_detail ul li.calendar_index_next {
	width: 4em;
	text-align: right;
}
#top_calendar_detail ul li.calendar_index_now {
	text-align: center;
}

table#top_calendar_table {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #666666;
	border-collapse: collapse;
}
table#top_calendar_table th {
	border: 1px solid #666666;
	font-weight: normal;
	text-align: center;
	padding: 10px;
}
table#top_calendar_table td {
	border: 1px solid #666666;
	text-align: center;
	padding: 10px;
}
table#top_calendar_table td a {
	display: block;
}

.cal_sun {
	color: #990000;
	background-color: #ffdde6;
}
.cal_mon,.cal_tue,.cal_wed,.cal_thu,.cal_fri {
	background-color: #f5f5f5;
}
.cal_sat {
	color: #000099;
	background-color: #ccddff;
}
.cal_hol {
	background-color: #ffdde6;
}
.cal_today {
	background-color: #ffff80;
}

/* 検索メニュー */
#top_search_menu_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	        align-items: stretch;
}
#top_search_menu_list ul li {
	width: 24%;
}
#top_search_menu_list ul li a {
	display: block;
	background: #e6e6e6;
	text-align: center;
	line-height: 2rem;
	padding: 20px 0px;
}

/* 注目ワード */
#search_trend_word p {
	margin: 0px;
}
#search_trend_word p a {
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	background: #fff;
	padding: 3px 20px;
	text-decoration: none;
	cursor: pointer;
	color: currentColor;
	border-radius: 5px
}
#search_trend_word p a:hover {
	color: #cc0000;
}

#top_search_menu {
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	        justify-content: space-between;
}

#top_search_banner a {
	display: block;
	width: 260px;
	/* height: 15.5rem; */
	height: 100%;
	/* background: #dfeef6; */
	background: url(/img/top/banner_image_chiji.png) no-repeat right bottom #dfeef6;
	position: relative;
	text-decoration: none;
	color: currentColor;
}
#top_search_banner a:hover,#top_search_banner a:focus{
/* 	outline: 1px solid currentColor; */
	box-shadow: 0 0 0 1px currentColor inset;
}
#top_search_banner a span.tsb_name_box{
	display: block;
	position: absolute;
	top: 15px;
	left: 13px;
}
#top_search_banner a span.tsb_name_box span{
	display: inline-block;
}
#top_search_banner a span.tsb_name_box span:not(:first-child){
	margin-top: 5px;
}
#top_search_banner a span.tsb_title{
	font-size: 2.8rem;
	line-height: 1.4em
}
#top_search_banner a span.tsb_chiji{
	padding: 5px;
	font-size: 1.1rem;
	line-height: 1em;
	background: #005bac;
	color: #fff;
}
#top_search_banner a span.tsb_name{
	padding: 0 5px;
	font-size: 1.3rem;
	line-height: 1em;
}

#top_search_wrap {
	background: #dfeef6;
	width: calc(100% - 280px);
	align-self: flex-start;
}


#search_trend_word {
	display: table;
	width: 100%;
	padding: 17px 20px 20px;
	box-sizing: border-box;
}
#search_trend_word > *{
	display: table-cell;
	vertical-align: middle;
}

#top_search_wrap #top_search_keyword2 {
	margin: 0;
	padding: 20px 20px 10px;
	background: #bfddef;
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	        align-items: flex-start;
}
#top_search_keyword_box{
	width: calc(100% - 190px);
	padding-right: 10px;
	box-sizing: border-box;
}
#cse-search-box {
	display: -webkit-box;
	display: flex;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	        align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
}

#cse-search-box .cse_select_cat {
	width: 170px;
}
#cse-search-box .cse_select_cat label {
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	width: 0;
	height: 0;
}

input#tmp_query {
	height: 4rem;
	box-sizing: border-box;
	text-indent: 10px;
	width: calc(100% - 240px);
	min-width: 100px;
	border: none;
}

select#google_category {
	height: 4rem;
	box-sizing: border-box;
	width: calc(100% - 2px);
	border: none;
}

input#submit {
	display: block;
	border: none;
	background: #4c4c4c;
	color: #ffffff;
	box-sizing: border-box;
	width: 70px;
	height: 4rem;
	margin: 0px;
	padding: 0px;
	font-size: 1.6rem;
	line-height: 1em;
	white-space: nowrap;
	box-sizing: border-box;
}




#common_banner_link {
	width: 190px;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1em;
}

#common_banner_link a {
	padding: 11px;
	font-size: 1.4rem;
}


#search_trend_word p {
	padding: 0;
}

#search_trend_word_ttl h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	line-height: 1em;
	border: none;
	white-space: nowrap;
}


/* カウントダウン */
.count_down_box_wrap {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	        align-items: stretch;
}

.count_down_box {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	width: 100%;
}
.count_down_box a {
	display: block;
	text-decoration: none;
}

.cd_txt {
	display: block;
	padding: 10px;
}
.countdown_day_before .cd_txt {
	position: relative;
	padding-bottom: 5rem;
}

.cd_txt span.cd_txt_link {
	display: block;
	font-weight: bold;
}
a .cd_txt span.cd_txt_link {
	text-decoration: underline;
}

.cd_txt span.cd_txt_comment {
	display: block;
	color: #000000;
}

.cd_txt span.cd_txt_day {
	display: block;
	width: calc(100% - 20px);
	text-align: right;
	color: #cc0000;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.cd_txt span.cd_txt_day span {
	font-size: 3rem;
	line-height: 3rem;
}

.cd_txt span.cd_txt_day_img {
	display: block;
	width: calc(100% - 20px);
	text-align: right;
	color: #cc0000;
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.cd_txt span.cd_txt_day_img:before {
	content: 'あと';
}
.cd_txt span.cd_txt_day_img:after {
	content: '日';
}

/* カウントダウン（横並び／1行3列） */
#count_down_area_1 .count_down_box {
	width: 32%;
	margin-right: 2%;
}
#count_down_area_1 .count_down_box:nth-child(3n) {
	margin-right: 0px;
}

/* カウントダウン（横並び／1行2列） */
#count_down_area_2 .count_down_box {
	width: 49%;
	margin-right: 2%;
}
#count_down_area_2 .count_down_box:nth-child(2n) {
	margin-right: 0px;
}

/* 事業PRバナー（スライドバナー） */
#top_banner_pr_wrap {
	background: #dfeef6;
	padding: 40px 90px 10px;
	position: relative;
}

ul#top_banner_pr_list.slick-slider li {
	width: 200px;
	/* 	height: 165px; */
	height: auto;
	margin: 0px;
	padding: 0px;
}

ul#top_banner_pr_list.slick-slider li img {
	max-width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
ul#top_banner_pr_list.slick-slider li img + span{
	display: block;
	width: auto;
	text-align: center;
	/* margin: 10px auto; */
	margin: 5px auto;
}
ul#top_banner_pr_list.slick-slider li img + span > span{
	/* color: currentColor !important; */
}
#pr_control_box {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
	padding: 10px 0px;
}
#pr_control_box button {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border-radius: 100%;
	border: none;
	color: #ffffff;
	background-color: #494949;
	background-repeat: no-repeat;
	background-size: 8px auto;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}
#pr_control_box button#pr_control_prev,
#pr_control_box button#pr_control_next {
	position: absolute;
	top: 100px;
	width: 32px;
	height: 57px;
	border-radius: 0;
	background: none;
	color: currentColor;
}
#pr_control_box button#pr_control_prev{
	left: 20px;
	background: url(/img/top/pr_arrow_prev.png) no-repeat center center transparent;
}
#pr_control_box button#pr_control_next {
	right: 20px;
	background: url(/img/top/pr_arrow_next.png) no-repeat center center transparent;
}
#pr_control_box button#pr_control_pause {
	background-image: url(/img/top/pr_btn_pause.png);
	background-position: center center;
}
#pr_control_box button#pr_control_play {
	display: none;
	background-image: url(/img/top/pr_btn_play.png);
	background-position: 9px center;
}

#top_banner_pr ul.slick-dots {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0 0;
	padding: 10px 0px;
	list-style: none;
}
#top_banner_pr ul.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	overflow: hidden;
	background: #494949;
	color: #ffffff;
	margin: 0px 3px;
	padding: 2px;
	box-sizing: border-box;
}
#top_banner_pr ul.slick-dots li button {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
	text-indent: -9999em;
	border: 2px solid #ffffff;
	background: #ffffff;
	color: #494949;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
#top_banner_pr ul.slick-dots li.slick-active button {
	background: #494949;
	color: #ffffff;
}

/* スライドショーのコントロールボタンを中央揃えにする */
#top_banner_pr {
	text-align: center;
}
#top_banner_pr h2 {
	text-align: left;
}
ul#top_banner_pr_list {
	text-align: left;
}

/* バナー広告 */
#top_banner_left {
	border: 3px solid #bfbfbf;
	box-sizing: border-box;
	padding: 20px 10px;
}

#main_a #top_banner_left h2 {
	border: none;
	padding: 0;
	margin: 0;
	margin-left: 8px;
}
#top_banner_left_list li {
	width: 250px;
	height: auto;
	margin: 8px;
}


#top_banner_left_list li a{
	display: block;
}
/* バナー広告ここまで */

#author_box{
	border: none;
}

/*チャットボット*/
.btn_ai_chatbot {
	position: fixed;
	bottom: 120px;
	right: 0px;
	width: 60px;
	height: 230px;
	z-index: 999;
}
.btn_ai_chatbot button {
	padding: 0px;
	margin: 0px;
	background: none;
	border: 0;
}
.btn_ai_chatbot button img {
	width: 100%;
	height: auto;
}
.btn_ai_chatbot button.chatbot_close {
	position: absolute;
	width: 28px;
	height: 28px;
	background: url(/img/ai-cb-close-btn.png) no-repeat center;
	background-size: auto;
	background-size: contain;
	top: -16px;
	left: -16px;
}

@media screen and (max-width: 1099px) {
	#top_photo{
		max-width: none;
		width: 100%;
		max-height: none;
	}
	#top_photo_wrap{
		flex-wrap: wrap;
	}
	ul#top_photo_banner_emer{
		display: -webkit-box;
		display: flex;
		flex-wrap: nowrap;
		-webkit-box-pack: center;
		        justify-content: center;
		-webkit-box-align: stretch;
		        align-items: stretch;
		margin: 10px auto 0;
	}
	ul#top_photo_banner_emer li,
	ul#top_photo_banner_emer li:last-child{
		margin: 10px 10px;
	}
	ul#top_photo_banner_emer li a {
		width: calc(31vw - 10px);
	}
	ul#top_photo_banner_emer li a span{
		font-size: 2vw;
	}

	#top_linklist li {
		width: 32%;
		margin: 0 0.5% 10px;
	}

	#top_linklist ul {
		-webkit-box-pack: center;
		        justify-content: center;
	}

	#top_search_wrap {
		width: calc(70% - 20px);
	}

	#top_search_banner {
		width: 30%;
	}

	#top_search_banner a {
		width: 100%;
	}

	#cse-search-box {
		/* display: block; */
		flex-wrap: wrap;
	}

	#cse-search-box .cse_select_cat {
		width: 100%;
		margin: 0 0 5px;
	}

	input#tmp_query {
		width: calc(100% - 70px);
		/* margin: 2px 0 0px; */
	}

	select#google_category {
		width: 100%;
	}

	#top_search_wrap #top_search_keyword2 {
		-webkit-box-align: center;
		        align-items: center;
	}

	#common_banner_link a {
		margin: 0;
	}

	#top_topics_oshirase .lettering .lettering_box {
		width: calc(33% - 20px);
	}

	#top_banner_left_list li {
		width: calc(33% - 16px);
	}

	.top_tab_title {
		width: 30%;
	}

	ul#top_banner_pr_list.slick-slider li {
		margin: 0 10px;
	}

	/*チャットボット*/
	.btn_ai_chatbot {
		bottom: 100px;
		width: 50px;
		height: 192px;
	}
}


/* タブレットのみ */
@media screen and (max-width: 1100px) and (min-width: 671px) {
	#top_topics_oshirase .lettering_box_img > div{
		height: 17vw;
	}
	#top_topics_oshirase .lettering .lettering_box_img img{
		width: 100%;
	}
	#top_topics_oshirase .lettering_box_img > div:empty{
		height: 17vw;
	}
}
/* タブレットのみここまで */