@charset "UTF-8";

/* 画面表示用スタイル */
/* reset============================== */
* { margin: 0; padding: 0;}
ul { list-style: none;}
img { height: auto;}
hr { display: none;}
.txtno-display {
    padding: 0;
    margin: 0;
}
.txtno-display img {
    position: absolute;
}
/* ==================================================
コンテンツ大枠
================================================== */
/* ------------------------ヘッダー------------------------ */
#h0left {
    text-align: center;
    width: 100%;
}
h1{
    margin: 0;
    padding: 0;
}
div.bgbaseall {
    min-width: 1231px;
}
/* ------------------------ヘッダー------------------------ */
div.sp_box {
    background-color: #BA5840;
    float: left;
}
/* ==================================================
ナビゲーション
================================================== */
div#top_gnb {
    width: 1240px;
    margin: 0 auto 30px auto;
}
.top_nabi {
	box-shadow:0px 0px 6px 0px #958d64;
	-moz-box-shadow:0px 0px 6px 0px #958d64;
	-webkit-box-shadow:0px 0px 6px 0px #958d64;
    float: left;
    margin: 10px 0 0.1em 10px;
}
.gnavi {
    margin: 0 0 0 -10px;
}
/* ========================== */
/* slick.css */
/* ========================== */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

/*     -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; */
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.carousel-item a:focus {
    outline: -webkit-focus-ring-color auto 10px;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
	box-shadow:0px 0px 6px 0px #958d64;
	-moz-box-shadow:0px 0px 6px 0px #958d64;
	-webkit-box-shadow:0px 0px 6px 0px #958d64;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}
.carousel-wp {
    box-shadow: 0px 0px 6px 1px rgba(149,141,100,0.41);
    -moz-box-shadow: 0px 0px 6px 1px rgba(149,141,100,0.41);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(149,141,100,0.41);
    width: 300px;
    float: left;
    min-height: 300px;
    box-sizing: border-box;
    margin: 10px 0 0.1em 10px;
    /*     padding: 0 10px 0 0; */
}
.slick-prev {
    position: absolute;
    top: 43%;
    left: 0;
    cursor: pointer;
    z-index: 100;
}
.slick-next {
    border: none;
    position: absolute;
    top: 43%;
    cursor: pointer;
    z-index: 100;
    left: auto;
    right: 0;
}
.ca-wp {
    width: 300px;
    margin: 0 auto;
    position: relative;
}
/* ==================================================
コンテンツエリア
================================================== */
.top_wrap {
    text-align: left;
    box-sizing: border-box;
    margin: 0 auto;
    _height: 1%;
    max-width: 990px;
    min-width: 1240px;
}
#top_main {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
    overflow: hidden;
}
.tokushu-all {
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 5px;
}

.sec_sagasu {
    overflow: hidden;
    width: 983px;
    padding: 0 5px;
    margin: 0 auto;
}

.tokushu-wp-inner {
    width: 995px;
}

.bnner_btn_wp {
    width: 323px;
    overflow: hidden;
}


/*  緊急情報 
============================== */

div.important {
	clear: both;
	margin: 0 auto 10px auto;
	padding: 0;
	width: 980px;
	background-image: url(/images/t_bg_kinkyu.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.important h2.h2img {
	float: left;
	margin: 0;
	padding: 0;
}
div.important ul {
	float: left;
	margin: 0;
	padding: 20px 0 18px 10px;
}
div.important ul li {
	margin: 0;
	background-image: url(/images/c_icon_inlink_red.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.4em;
	_height: 1%;
}

/* 検索エリア
============================== */
.top_search_wp {
    background-color: #DAC1A7;
    overflow: hidden;
    width: 980px;
    margin: 0 auto 15px auto;
    padding: 20px;
    box-shadow: 0px 0px 6px 0px #958d64;
    -moz-box-shadow: 0px 0px 6px 0px #958d64;
    -webkit-box-shadow: 0px 0px 6px 0px #958d64;
    box-sizing: border-box;
}
form#tmp_gsearch input.tbox {
    width: 400px;
    min-height: 52px;
}
.headlist {
    font-size: 110%;
    float: left;
}
.search {
    padding: 0 32px 0 0;
}
form#tmp_gsearch div {
    background: url(/images/N_t_bg_search.gif) no-repeat 0 0;
}

form#tmp_gsearch label {
    padding: 0 0 0 54px;
}
form#tmp_gsearch input.fedbt {
    width: 72px;
    min-height: 52px;
    background-image: url(/images/N_t_sch_btn_bg.gif);
    font-size: 120%;
}
ul.headlist li a {
    padding: 0px 15px 0 17px;
    color: #222222;
    text-decoration: none;
}
/* 便利ボタンエリア
============================== */
.top_benri_btn {
    float: left;
    padding: 0 9px 0 0;
}

.benri_btn_wp {
    width: 995px;
    margin: 0 auto 15px auto;
    overflow: hidden;
    padding: 0 0 0 15px;
}
.top_benri_btn a {
    vertical-align: bottom;
}
/* 新着情報エリア
============================== */
.sec_information {
    overflow: hidden;
    margin: 0 auto .58em auto;
    width: 980px;
}
.top_newinfo-box {
    background-color: #FFFFFF;
    width: 485px;
    float: left;
    padding: 10px 15px 5px 15px;
    box-sizing: border-box;
}
.newinfo-title {
    text-align: center;
    padding: 0 0 5px 0;
}

ul.info-list li {
    border-bottom: 1px solid #E8E6DB;
    padding: 6px 10px;
}
.newinfo-btn {
    overflow: hidden;
    vertical-align: top;
    float: none;
    text-align: right;
}
.newinfo-btn p {
display: inline-block;
}
ul.info-list {
    padding: 0;
    margin: 0;
}
.newinfo-btn {
    background-image: url(/images/N_t_icon_ichiran.png);
    background-repeat: no-repeat;
    background-position: 10px 0.3em;
    padding: 0 0 0 25px;
    float: right;
    margin: 5px 0;
}
div.info-box {
	padding: 0;
	width: 485px;
	float: right;
	_height: 1%;
}
/* ==================================================
タブ切り替えエリア
================================================== */
/* タブ部分
============================== */
.info-tab li.info-tab_on {
    background-color: #FFFFFF;
    font-weight: bold;
}
div.ichiran-all div {
    background-image: url(/images/N_t_icon_ichiran.png);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    padding: 0 0 0 25px;
    float: right;
    margin: 5px 0;
    line-height: 2.2em;
}
.tab_contents {
    background-color: #FFFFFF;
    padding: 10px 15px 5px 15px;
    box-sizing: border-box;
}

.info-tab li.info-tab2 {
    float: right;
}
.info-tab {
    width: 485px;
    overflow: hidden;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}
.info-tab li {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    background: none;
    width: 48%;
    background-color: #E1DFD0;
    font-size: 100%;
}
.info-tab li a {

text-decoration: none;
}
.info-tab li a:link, 
.info-tab li a:hover, 
.info-tab li a:visited {
	color: #222222;
	padding: 50px;
	display: block;
	padding: 15px 0 13px;
	text-decoration: none;
}
.info-tab li.bt_on a {

}

.info-tab li a:hover, 
.info-tab li a:focus {
    text-decoration: underline;
}
.t_info_btn {
    margin: 0 6px 6px 0;
}
.t_info_btn.last {
    margin: 0;
    padding: 0;
    float: right;
}
.tab_con_L {
    width: 704px;
    float: left;
}

.tab_con_R {
    width: 250px;
    float: right;
}
.tab1box-in, 
.tab2box-in {
    overflow: hidden;
    margin: 0 0 5px 0;
}
.info1-box {
    border: 1px solid #EFEFEF;
    width: 705px;
}
/* タブ1
============================== */
/* #tab1 {
    width: 650px;
    margin: 25px auto;
}

#tab1 ul.info-list li {
    float: left;
    clear: none;
    border: none;
    display: block;
    text-align: center;
    font-size: 85%;
    line-height: 1.3em;
    padding: 0 20px 0 0;
}

#tab1 ul.info-list {
    width: 673px;
    margin: 0;
    padding: 0;
}
#tab1 ul.info-list a {
    color: #000000;
    text-decoration: none;
}
#tab1 ul.info-list a:hover, 
#tab1 ul.info-list a:focus {
    text-decoration: underline;
} */
span.k-bttxt {
    display: block;
    padding: 5px 0;
}
/* タブ2
============================== */
ul.benriLinkIcon li {
    display: inline-block;
    text-align: left;
}

/* ピックアップ
============================== */
.kapickup {
    background-color: #FFFFFF;
    display: table;
    table-layout:fixed;
    width: 980px;
    margin: 0 auto .58em auto;
}

.kapickup_title {
    display: table-cell;
    background-color: #000;
    width: 10.5em;
    color: #FFFFFF;
    vertical-align: top;
}

.kapickup_li {
    display: table-cell;
    border-left: 3px solid #F6F1ED;
    background-color: #FFFFFF;
    padding: 10px 20px;
    width: 100%;
}

.kapickup_title h2 {
    text-align: center;
    padding: 10px 10px;
    margin: 0;
    vertical-align: top;
}
.kapickup_li li {
    float: left;
    margin: 0.2em 10px 0.2em 0;
    position: relative;
    background-image: none;
    padding: 0;
}
.kapickup_li li a {
    padding: 0px 10px 5px 15px;
    background: url(/images/N_c_arrow_ore.png) no-repeat 0 0.28em;
}
/* 各分野から探す
============================== */
.top_bnner_btn {
    float: left;
    /* vertical-align: bottom; */
}
.sagasu-tab li {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    background: none;
    width: 48%;
    background-color: #E1DFD0;
    font-size: 100%;
}

.sagasu-box {
    width: 660px;
    float: left;
    margin: 5px 0 0 0;
}

.sagasu-tab {
    margin: 0;
    padding: 0;
}

.sagasu-tab li a:link, 
.sagasu-tab li a:hover, 
.sagasu-tab li a:visited {
	color: #222222;
	padding: 50px;
	display: block;
	padding: 15px 0 13px;
	text-decoration: none;
}
.sagasu-tab {
    width: 660px;
    overflow: hidden;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}
.sagasu-tab li.sagasu-tab4 {
    float: right;
}
.sagasu-tab li.sagasu-tab_on {
    background-color: #FFFFFF;
    font-weight: bold;
}
.sagasu-tab li a:hover, 
.sagasu-tab li a:focus {
    text-decoration: underline;
}
.sagasu-list {
    margin: 0;
    padding: 0;
}
.sagasu-list {
    margin: 0;
    padding: 0;
}

.sagasu-tab_contents {
    background-color: #FFFFFF;
    padding: 10px 12px 5px 12px;
    box-sizing: border-box;
}
.sagasu-list li {
    padding: 0 2px 0 0;
    float: left;
}
.sagasu-list li:nth-child(4n) {
	padding: 0;
}
.mokuteki-li li a {
    padding: 0px 10px 5px 15px;
    background: url(/images/N_c_arrow_ore.png) no-repeat 0 0.28em;
}

.mokuteki-li li {
    float: left;
    margin: 0.2em 10px 0.2em 0;
    position: relative;
    background-image: none;
    padding: 0;
}
.top_bnner_btn a {
    vertical-align: bottom;
}

.sagasu-list li a {
    vertical-align: bottom;
}

/* バナーエリア
============================== */
.bnner-box {
    width: 320px;
    float: right;
}
/* 特集バナーエリア
============================== */
.top_tokushu_btn {
    float: left;
    padding: 0 0 0 0;
}


/* 広告エリア
============================== */

.kokoku {
    min-width: 1240px;
}

/* フッタエリア
============================== */

.foot-wp {
    min-width: 1240px;
}

.newinfo-btn-rss {
    float: left;
}

div.socialmedia {
    clear: none;
    float: right;
    margin: 30px 0 0 5px;
    padding: 0 0 5px 0;
}

#f0copy {
    float: left;
}

.foot-wp {
    overflow: hidden;
}

/* ==================================================
Lアラート
================================================== */

/* ==================================================
緊急情報
================================================== */
#importants {
    padding: 0 0 30px 0;
}

.important_item.emergency {
    text-align: left;
    overflow: hidden;
    min-height: 44px;
    width: 1000px;
    margin: 0 auto 10px auto;
    display: table;
}

h2.emergency.title {
    width: 200px;
    margin: 0;
    padding: 8px;
    line-height: 1.5em;
    text-align: center;
    background: #B93A32;
    color: #FFF;
    padding-top: 11px;
    border: 1px solid #B93A32;
    display: table-cell;
    box-sizing: border-box;
}

.important_content {
    padding: 10px;
    margin: 0;
    overflow: hidden;
    background: #EFEFEF;
    border: 1px solid #EFEFEF;
    display: table-cell;
}
/* ==================================================
お知らせ情報
================================================== */














/* ====================================================================================================
災害トップ
==================================================================================================== */
/* ------------------------災害トップ------------------------ */
/* 災害用ヘッダー */
div.baseall-s {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 930px;
}
div.baseall-s div#headbg {
	border-bottom: 5px solid #F4D5DA;
	background-color: #9C1900;
}
div.baseall-s div.h0wrap {
	background-image: url(/images/s_icon_title.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	height: auto;
}
div.baseall-s h1#h0left {
	margin: 0;
	padding: 10px 0 6px 66px;
	width: auto;
	height: auto;
	color: #FFFFFF;
	font-size: 180%;
	font-weight: normal;
}
.baseall-s .important {
    width: 100%;
    margin: 10px auto;
}
/* 災害用大枠 */
div.baseall-s div.wrap {
	margin: 0;
	padding: 0;
	width: 930px;
}

/* 災害用コンテンツ左 */
div.baseall-s div.main-l {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
	background-color: transparent;
}

/* 災害用コンテンツ右 */
div.baseall-s div.main-r {
	float: right;
	margin: 0;
	padding: 0;
	width: 280px;
	background-color: transparent;
}

/* 災害用共通 */
div.baseall-s div.h2bg {
	border-bottom: 1px solid #FFFFFF;
}
div.baseall-s div.h2bg div {
	border-left: 10px solid #F4D5DA;
	background-color: #9C1900;
}
div.baseall-s div.h2bg h2 {
	padding: 3px 0 1px 8px;
	color: #FFFFFF;
}
div.baseall-s div.h3bg {
	margin: 1em 0 0.7em 10px;
	padding: 0;
	border-left: 9px solid #9C1900;
	border-bottom: 1px solid #FFFFFF;
	background-color: #EAEAEA;
}
div.baseall-s div.h3bg div {
	padding: 0;
	border: none;
	background-image: none;
}
div.baseall-s div.h3bg h3 {
	padding: 6px 0 4px 8px;
}
div.baseall-s div.h4bg {
	margin: 0.7em 0 0.56em 10px;
	padding: 0;
	border-bottom: 3px solid #CCCCCC;
}
div.baseall-s div.h4bg div {
	border-left: 5px solid #F4D5DA;
}
div.baseall-s h4 {
	margin: 0;
	padding: 1px 0 1px 8px;
	color: #222222;
	background-color: transparent;
}
div.baseall-s ul li {
	background-image: url(/images/s_icon_li.gif);
}
div.baseall-s p.pagelinkout {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 15px;
	background-image: url(/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;
	line-height: 1.3em;
	_height: 1%;
}
div.baseall-s p.pagelinkin {
	margin: 0.56em 10px 0.56em 10px;
	padding: 0 0 0 16px;
	background-image: url(/images/s_icon_li.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.4em;
	line-height: 1.3em;
	_height: 1%;
}
div.baseall-s table.table01 {
	border: 1px solid #999999;
}
div.baseall-s th {
	border: 1px solid #999999;
	background-color: #EDEBE4;
}
div.baseall-s td {
	border: 1px solid #999999;
}

/* 災害用緊急情報エリア */
div.baseall-s div.s-kinkyu-box {
	margin: 20px 0 0 0;
	padding: 2px;
	border: 2px solid #9C1A01;
	background-image: none;
}
div.baseall-s div.s-kinkyu-box div.h2bg {
	margin: 0;
}
div.baseall-s div.s-kinkyu-box div.h2bg div {
	border: none;
	background-color: #9C1900;
}
div.baseall-s div.s-kinkyu-box div.h2bg h2 {
	padding: 5px 0 3px 8px;
	color: #FFFFFF;
	font-size: 130%;
}
div.baseall-s div.s-kinkyu-box div.h3bg h3 {
	font-size: 100%;
	color: #990000;
}
div.baseall-s div.s-kinkyu-box div.h3bg,
div.baseall-s div.s-kinkyu-box div.h4bg,
div.baseall-s div.s-kinkyu-box p,
div.baseall-s div.s-kinkyu-box ul,
div.baseall-s div.s-kinkyu-box ol {
	margin-right: 10px;
}

/* 災害用右エリア */
/* 共通枠 */
div.baseall-s div.bgbox {
	clear: both;
	margin: 1.2em 0 10px 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}

/* ボックス内floatのclear */
.bgbox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */

div.baseall-s div.bgbox h2 {
	margin: 5px;
	padding: 4px 0 0 4px;
	font-size: 100%;
	background-color: #D8D8D8;
}
div.baseall-s div.s-anzen h2 {
	border-left: 7px solid #669900;
}
div.baseall-s div.s-main-menu h2 {
	border-left: 7px solid #1A3D77;
}
div.baseall-s div.bgbox ul li {
	margin: 3px 0 3px 0;
	background-image: url(/images/s_icon_li.gif);
}

/* 災害用このページのトップへ */
div.baseall-s div.tothispage div {
	margin-right: 30px;
	padding: 8px 10px 10px 10px;
	background-image: none;
	background-color: #F4D5DA;
	_margin-right: 15px;
}
div.baseall-s .tothispage a {
    background-image: none;
    padding: 0;
}
/* 災害用フッター */
div.baseall-s div.footbg {
	text-align: left;
	background-image: none;
	background-color: #F4D5DA;
}
div.baseall-s div.add {
	padding: 15px 0 15px 0;
	width: 100%;
	margin: 0;
}
div.baseall-s div.add h2 {
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 92%;
	line-height: 130%;
	font-weight: bold;
}
div.baseall-s address {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 86%;
}

/* 災害用コピーライト */
div.baseall-s div#f0copy {
	margin: 0;
	padding: 8px 20px 8px 10px;
	background-color: #9C1900;
	background-image: none;
	color: #FFFFFF;
	text-align: left;
	font-size: 76%;
	line-height: 1.5em;
	width: 100%;
	box-sizing: border-box;
}

.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */




/* ==================================================
発令情報
================================================== */
#hatureizyouhou {
    width: 1231px;
    margin: 0 auto;
}

.title-box {
    display: table-cell;
    background-image: url(/images/haturei-title_bg.gif);
    padding: 20px 25px;
    vertical-align: middle;
    text-align: center;
    width: 300px;
    box-sizing: border-box;
}

.kinkyu {
    display: table;
}

.kinkyu ul {
    display: table-cell;
    width: 936px;
    background-color: #FFFFFF;
    padding: 10px 20px;
    box-sizing: border-box;
    border-left: 2px solid #F4EEE8;
}

.title-box h2 {
    background-image: url(/images/haturei-title_icon.png);
    background-repeat: no-repeat;
    padding: 62px 0 0 0;
    background-position: 50% 0;
    color: #FFF;
    font-weight: bold;
    margin: 0 0 0.85em 0;
}

.title-box.clearfix {}

.title-box p.ichiran-all a {
    color: #FFF;
    text-decoration: none;
    background-image: url(/images/haturei-ichiran_icon.png);
    background-repeat: no-repeat;
    padding: .35em 0 .35em 25px;
    background-position: 0 .25em;
}span.kin-title {
    display: inline-block;
    /* text-align: center; */
    padding: 10px 20px;
    background-image: url(/images/kin-title_bg.gif);
    box-shadow: 0px 0px 6px 0px rgba(102,102,0,0.54);
    -moz-box-shadow:0px 0px 6px 0px rgba(102,102,0,0.54);
    -webkit-box-shadow:0px 0px 6px 0px rgba(102,102,0,0.54);
    min-width: 385px;
    color: #000000;
    font-size: 110%;
    font-weight: bold;
    max-width: 620px;
}

.kinkyu li {
    /* text-align: center; */
    display: block;
    float: none;
    clear: both;
    background-image: none;
    margin: 0 0 1em 0;
    padding: 0;
}

.kinkyu li a {
    text-align: center;
}

span.kin-date {
    margin: 0 0 0 1.58em;
}
.title-box p.ichiran-all a:hover, 
.title-box p.ichiran-all a:focus {
    text-decoration: underline;
}
span.kin-title:hover, 
span.kin-title:focus {
    text-decoration: underline;
}


/*災害テンプレート用*/
.baseall-s .title-box {
    width: 200px;
}

.baseall-s .kinkyu ul {
    width: 730px;
}

.baseall-s #hatureizyouhou {
    width: 100%;
    margin: 10px 0;
}