@charset "utf-8";

/* ==========================================================================================
768px 以下の指定 印刷除く
========================================================================================== */

.sp-none {
    display: none !important;
}

img {
    max-width: 100%;
    height: auto;
}


/* 1.5倍に拡大表示 */

input[type="radio"], input[type="chexkbox"], input[type="checkbox"] {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}


/* PC解除 */

.wrap {
    width: 100%;
    display: block;
    margin-top: 0;
}

#baseall {
    min-width: 300px;
    background: none;
}

#main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#basewrap {
    background: none;
}

.h1bg {
    margin-left: 0;
    margin-right: 0;
}

.footbgall {
    border-top: 3px solid #EDF1F5;
}

.f0foot {
    width: 100%;
}

.footer_con02 {
    width: 100%;
}

.footer_con_wp {
    display: block;
}

.footer_con03 {
    width: 100%;
}

.add_con {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}

h3.footer_title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 4px;
}

ul.footlist {
    display: block;
    padding: 10px 0;
}

.add {
    padding: 0 6px;
}

ul.footlist li {
    margin: 0.6em 2px 0.6em 0;
    padding: 0 20px 0 0;
    line-height: 2;
    background-color: transparent;
    background-image: url(/images/2018-c_norcor_side_li_icon.png);
    background-repeat: no-repeat;
    display: inline;
    background-position: 100% 0;
    border: none;
}

li.addlist_icon a {
    min-height: 45px;
    background-size: 45px;
    /* padding-left: 55px; */
}


/* ヘッダ
============================== */
.sp_navi {
    background-color: #FFF;
}
.sp_head_wp {
    background: rgb(10, 85, 160);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(10, 85, 160, 1) 0%, rgba(8, 68, 130, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(10, 85, 160, 1)), to(rgba(8, 68, 130, 1)));
    background: -o-linear-gradient(left, rgba(10, 85, 160, 1) 0%, rgba(8, 68, 130, 1) 100%);
    background: linear-gradient(to right, rgba(10, 85, 160, 1) 0%, rgba(8, 68, 130, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a55a0', endColorstr='#084482', GradientType=1);
    /* IE6-9 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    position: relative;
}

.sp_head_wp:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.smph_gnavi_wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0;
}

p.switch_menu_title.smph_head {
    padding: 5px;
    margin: 0;
    width: calc(100% / 3);
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

p.switch_menu_title.smph_head a {
    display: block;
    padding: 5px 5px;
}

p.switch_menu_title {
    position: relative;
    padding: 1em 0;
}

p.switch_menu_title::before, p.switch_menu_title::after {
    position: absolute;
    content: '';
    width: calc(100% - 1em);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

p.switch_menu_title:nth-of-type(n+4)::before, p.switch_menu_title:nth-of-type(3n+1)::after {
    content: none;
}

p.switch_menu_title::before {
    left: 8px;
    bottom: 0;
    border-bottom: 1px dotted #107AC1;
}

p.switch_menu_title::after {
    position: absolute;
    top: .5em;
    left: 0;
    height: calc(100% - 1em);
    border-left: 1px dotted #107AC1;
    width: 1px;
}

.smph_gnavi_menu:before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: rgb(119, 172, 207);
    background: -webkit-linear-gradient(left, rgba(119, 172, 207, 1) 0%, rgba(8, 74, 140, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(119, 172, 207, 1)), to(rgba(8, 74, 140, 1)));
    background: -o-linear-gradient(left, rgba(119, 172, 207, 1) 0%, rgba(8, 74, 140, 1) 100%);
    background: linear-gradient(to right, rgba(119, 172, 207, 1) 0%, rgba(8, 74, 140, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77accf', endColorstr='#084a8c', GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
}

.smph_gnavi_menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 14px;
}

.gnavi_menu {
    margin: 0 10px;
}

#kensaku_menu {
    width: 90%;
    margin: 13px auto;
}

#searchword, #searchword01 {
    width: calc(100% - 120px);
}
form#cse-search-box01 > div {
    display: flex;
    align-items: center;
}

/* フッタ
============================== */

p.contact-email a {
    display: block;
}


/* コンテンツパーツ
============================== */


/* ページ内リンク */

ul.linkjump li {
    line-height: 2.5;
    background-position: 0 1.2em;
}


/* 画像寄せ解除 */

.img-center, .img-right, .img-left, p.imglink-side2, p.imglink-side3, p.imglink-side4, p.imglink-side5, .imglink-txt-left, p.imglink-txt-right {
    width: auto;
    float: none;
    display: block;
    padding: 10px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

.page-top {
    width: 50px;
}


/* インデックスパーツ
============================== */


/* 新着情報 */

ul.info-list li {
    display: block;
}

.info-list .date {
    width: 100%;
    display: block;
}


/**/

ul.site-map, ul.norcor {
    padding: 0 0 .85em 0;
}

ul.site-map li::before {
    top: 1em;
    left: 15px;
}

ul.site-map li a, ul.norcor li a, ul.site-li li a, .site-li a[href$="/index.html"], .norcor a[href$="/index.html"], .site-li a:not([href$="/index.html"]), .norcor a:not([href$="/index.html"]) {
    display: block !important;
    padding: 12px 25px 12px 15px;
    background-repeat: no-repeat;
    background-position: 6px .88em;
    padding-left: 30px;
}

ul.site-map li, ul.norcor li, ul.site-li li {
    position: relative;
    display: block;
    padding: 0;
    border-bottom: 1px solid #E2EEF8;
    background-image: none;
}

.m-box2, .m-box3, .m-box4 {
    width: 100%;
    padding-right: 0;
}

ul.site-li {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}


/* メニュー概要 */

span.menu_summary {
    display: block;
    padding-left: 25px;
    margin-top: -35px;
    padding-bottom: 12px;
}

/* ==================================================
大規模災害テンプレート
================================================== */
.baseall-s {
    width: 100%;
}
.baseall-s .head2bg {
    display: block;
}

.baseall-s .wrap {
    display: block;
    padding: 20px 10px;
    box-sizing: border-box;
}

.baseall-s .main-r {
    width: 100%;
    margin: 0;
}

.baseall-s .f0add {
    display: block;
}

.baseall-s .f0add-r {
    padding-left: 10px;
}

.search-area {
    text-align: center;
    display: inline;
}
/* ==================================================
フォーム用
================================================== */
input#f3_l {
    width: 95%;
}

input#f2_l {
    width: 95%;
}

textarea#f4_l {
    width: 95%;
}

/* 追加パーツ 20181130
============================== */
.img_2_text_wp {
    display: block;
    margin-bottom: .58em;
}

.img_text2_wp {
    display: block;
    margin-bottom: .58em;
}

.img_text2_wp .img-area-l {
    width: 100%;
    box-sizing: border-box;
}


