/*****  色設定

primary color     #036EB8
secondary color   #009FE8

blur background   #F2FCFF
border color      #D9D9D9

*****/

/********************************
   common style
********************************/
body {
  margin: 0;
  font-family: 'Hiragino Kaku Gothic Pro',
      'ヒラギノ角ゴ Pro W3',
      'メイリオ',
      Meiryo,
      'ＭＳ Ｐゴシック',
      sans-serif;
  min-width: auto !important;
}

.cms-public {
    border-top: 4px solid #036EB8;
}

.area1 a,
.area5 a {
    color: #231815;
}
a:hover {
    opacity: 0.8;
    filter: opacity(80);
}
a:focus {
  opacity: 0.8;
  filter: opacity(80);
}
/* ブラウザが狭い場合 */
.main_titleList,
.top_search,
.top_search_content,
.guide,
.siga_info,
.banner_top,
.footer_pref {
  padding: 0 15px;
  box-sizing: border-box;
}

.cms-public .default_breadcrumb{
  padding-top: 1em;
}
body:not(.dev-mb) .cms-public .layout area3 .attach {
 padding:0 0 0 0;
}

body:not(.dev-mb) .cms-public .layout .area3 .attach > ul {
 padding:0 0 0 0;
}

body:not(.dev-mb) .cms-public .layout .heading time {
 right:10px;
}

/********************************
   header style
********************************/

/* 全体設定 */
.cms-public .area1 {
    box-sizing: border-box;
    /* min-height: 190px; */
    margin: 0 auto;
    position: relative;
    max-width: 1080px;
}

.cms-public .area1 .block {
    float: none;
    width: auto;
}

.cms-public .area1 .parts {
    width: auto;
    clear: both;
    float: none;
}

.layout {
  background: url(/file/img/5117931.gif) repeat-x left top 89px;
}


/* ロゴ */
.cms-public .parts.logo {
    width: 142px;
    border: none;
    float: left;
    clear: both;
    margin-bottom: 12px;
    box-sizing: border-box;
}
.cms-public .parts.logo .block {
    margin: 0;
    padding: 0;
}
/* .cms-public .parts.logo a img {
    border: none !important;
} */
.cms-public .area .logo .note .block .image .block figure {
    margin: 12px 0 0;
    width: 142px;
}

.parts.logo a:active img,
.parts.logo a:focus img {
  border: none;
  box-shadow: 0px 0px 1px gray;
}


/* 文字サイズ */
.cms-public .parts.MojiSize,
.cms-public .area .logo .note .block .image .block figure {
    width: 100%;
}
.cms-public .page .layout .parts.pc-searcher {
 display:block;
}

body .cms-public .page .layout .parts.top_header .div_tag .parts.MojiSize {
 display:block;
}

body .cms-public .page .layout .parts.top_header .div_tag .parts.EasyWeb {
 display:block;
}


/* 防災情報 */
.cms-public .parts.bousai_top {
    top: 100px;
    position: absolute;
    right: 0;
    z-index: 99999;
}
.cms-public .parts.bousai_top .note {
    position: relative;
}
.cms-public .parts.bousai_top .note .image {
    position: absolute;
    top: 15px;
    left: 10px;
}

body:not(.dev-mb) .cms-public .bousai_top .sentence {
    margin: 0;
}

body:not(.dev-mb) .cms-public .bousai_top .sentence p {
    background: #FFB100;
    border-radius: 4px;
    line-height: 50px;
    height: 50px;
    margin: 0;
    width: 146px;
}

body:not(.dev-mb) .cms-public .bousai_top .sentence p:hover {
    opacity: 0.9;
}

body:not(.dev-mb) .cms-public .bousai_top a {
    box-sizing: border-box;
    color: #231815;
    display: block;
    font-size: 14px;
    height: 100%;
    padding-left: 15px;
    position: relative;
    width: 100%;
}

body .cms-public .layout .parts.bousai_top figure {
    margin: 2px 5px 0 0;
}


/* ユーザビリティ設定共通 */
.cms-public .parts.top_header {
  background: #F2F2F2;
  display: flex;
  float: none;
  position: absolute;
  right: 0;
  top: 19px;
  width: auto;
  border-radius: 4px;
}
body .cms-public .layout .parts.top_header .div_tag  {
    display: flex;
    padding-left: 20px;
}
body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note,
body .cms-public .layout .parts.top_header .div_tag .parts.language_top .note {
    display: flex;
}
/* IE11, Edge */
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note {
    margin-top: 15px;
  }
}
body .cms-public .layout .parts.top_header .div_tag .parts.MojiSize,
body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb,
body .cms-public .layout .parts.top_header .div_tag .parts.language_top {
  width: auto;
  margin-right: 20px;
}
/*body:not(.dev-mb) .cms-public .sentence p,
#pt_enable{
  font-size: 0.875rem;
}*/
body:not(.dev-mb) .cms-public .area1 .sentence p,
body:not(.dev-mb) .cms-public .area5 .sentence p,
#pt_enable{
  font-size: 0.875rem;
}
body:not(.dev-mb) .cms-public .area1 .image .block.center,
body:not(.dev-mb) .cms-public .area5 .image .block.center {
  font-size: 0; /* 隙間消し */
}


/* 文字サイズ設定 */
body .cms-public .layout .parts.top_header .div_tag .parts.MojiSize .note .block {
    display: inline-block;
    margin: 0;
    width: auto;
}
body .cms-public .layout .parts.top_header .div_tag .parts.MojiSize .note .block .sentence {
    margin: 0 5px 0 0;
}
body .cms-public .layout .parts.top_header .div_tag .parts.MojiSize .note .block .html .fontsize button {
    background: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
} 
body .cms-public .layout .parts.top_header .div_tag .parts.MojiSize .note .block .html .fontsize button:hover {
    opacity: 0.8;
    background: #F2F2F2;
}
body .cms-public .layout .parts.top_header .div_tag .parts.MojiSize .fontsize {
  font-size: 0.875rem;
}


/* 音声サポート */
body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note .block {
    width: auto;
    margin: auto;
}
/* body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note .block img {
    padding-top: 5px;
} */
body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note .block .html {
    font-size: 0.875rem;
}
body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note .block .html a#pt_enable {
    color: #231815;
    font-size: 0.875rem;
}
body .cms-public .layout .parts.top_header .div_tag .parts.EasyWeb .note .block figure {
    margin: 0 5px 0 0;
}
@media all and (-ms-high-contrast: none) {
body:not(.dev-mb) .cms-public .parts.EasyWeb .image img {
  margin-top: 4px;
}
}


/* 多言語表示 */
body .cms-public .layout .parts.top_header .div_tag .parts.language_top .note .block figure {
    margin: 0 5px 0 0;
}
body .cms-public .layout .parts.top_header .div_tag .parts.language_top .note .block .sentence {
    margin: 0;
}
body:not(.dev-mb) .cms-public .layout .language_top a {
    color: #231815;
}
/* IE11, Edge */
@media all and (-ms-high-contrast:none) {
  .language_top figure > div {
    margin-top: 18px;
  }
}

/* グローバルメニュー */
.dev-pc .cms-public .area1 .globalmenu {
    left: 0;
    margin: 13px 0 0;
    position: inherit;
    width: 100%;
}

.cms-public .globalmenu .menu-vertical {
    margin: 0;
    width: calc(100% - 156px);
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li {
    border-left: 1px solid #D9D9D9;
    box-sizing: border-box;
    height: 70px;
    margin-top: 0;
    width: calc(100% / 5 - 1px);
    line-height: 1;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li:last-child {
    border-right: 1px solid #d9d9d9;
}

.dev-pc .cms-public .globalmenu .menu-vertical > ul > li > a {
    background: transparent;
}

.dev-pc .cms-public .globalmenu .menu-vertical ul li a:hover {
    background: #F2FCFF;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a.a_active,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a.active,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a:focus {
    border: none;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a.a_active,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a.active,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a:focus {
    opacity: 1;
    background-color: #F2FCFF;
    border-bottom: none;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a:hover::after {
    display: none;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a.a_active:after,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>a.a_active:focus:after {
    display: none;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li:nth-child(1)>a:before,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li:nth-child(2)>a:before,
.dev-pc .cms-public .globalmenu .menu-vertical>ul>li:nth-child(5)>a:before {
    border-top: solid 2px #036EB8;
    border-right: solid 2px #036EB8;
}

.globalmenu .menu-vertical>ul>li:nth-child(2)>a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #036EB8;
    border-right: solid 2px #036EB8;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-top: -4px;
    text-decoration: none;
}

.globalmenu .menu-vertical>ul>li:nth-child(3)>a::before {
    display: none;
}

.dev-pc .cms-public .globalmenu .menu-vertical>ul>li>ul {
    box-sizing: border-box;
    border: 3px solid #036EB8;
    border-radius: 4px;
    top: 70%;
    width: 110%;
    max-width: 1260px;
    display: none;
    background: #F7F7F7;
    left: -40px;
    margin: 20px 0;
    padding: 30px 20px;
    opacity: 0;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    visibility: inherit;
}
.dev-pc .cms-public .globalmenu .menu-vertical ul li .a_active span,
.dev-pc .cms-public .globalmenu .menu-vertical li.text_flag a:focus span.text_item,
.dev-pc .cms-public .menu-vertical ul:hover li.text_flag a.a_active span.text_item {
    color: #231815;
}

.dev-pc .cms-public .layout .globalmenu .menu-vertical>ul>li>ul>li {
    background: #fff;
    border: 1px solid #D9D9D9;
    height: 56px;
    margin: 0 15px 10px;
    padding: 0;
    width: 250px;
}

.dev-pc .cms-public .layout .globalmenu .menu-vertical>ul>li>ul>li:hover {
    background: #F2FCFF;
}

.dev-pc .cms-public .layout .globalmenu .menu-vertical>ul>li>ul>li::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #036EB8;
    border-right: solid 2px #036EB8;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    position: absolute;
    bottom: 0;
    top: 0;
    left: 10px;
    margin-top: auto;
    text-decoration: none;
}

.dev-pc .cms-public .area1 .menu-vertical li.text_flag li.text_flag a {
    background: none;
    display: block;
    height: 100%;
    line-height: 56px;
    margin: 0;
    text-decoration: none;
    width: 100%;
}

.dev-pc .cms-public .globalmenu .menu-vertical li.text_flag li.text_flag a span.text_item {
    padding-left: 25px;
    font-size: 15px;
    display: flex;
    align-items: center;
}

/* 見出し */
/* body:not(.dev-mb) .cms-public .layout[data-type="5"] .area1 .title,
.dev-pc .layout[data-type="5"] .area-group-2-3-4 {
  max-width: 980px;
  width: 100%;
} */
body:not(.dev-mb) .cms-public .area1 .heading {
  overflow: hidden;
}
body:not(.dev-mb) .cms-public .block .heading h1 {
    margin: 10px;
}