@charset "utf-8";

/* ヘッダー */
header {
  /*
  overflow: hidden;
  background-color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  */
  width: 100%;
  height: auto;
  margin: 0 auto;
}

#headlogo {
  /*
  height: 43px;
  */
  width: 100%;
  padding: 0px 10px 15px;
  box-sizing: border-box;
  display: inline-block;
}
#headlogo img {
  max-width: 100%;
  box-sizing: border-box;
}

header #headNavi {
  position: relative;  /* 絶対配置 */
  width: 100%;
  top: 0;/* 上からの距離 */
  right: 0;/* 右からの距離 */
  /*
  margin: 0;
  list-style-type: none;
  */
  padding: 10px 5px 5px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

/*  ヘッドガイド */

/*---google---*/
.gsc-input-box {
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  border-radius: 3px !important;
  margin: auto 0;
}

/*青い検索ボタン*/
.gsc-search-button-v2 {
  padding: 7px 20px !important;
  border-radius: 3px !important;
}

#mail {  display: none;}
#sp_mail {
  /*
  width: 180px;
  */
  margin-top: 8px;
  position: absolute;
  padding-left: 10px;
}

.headNavi_under {  margin-left: 10px;}
.headNavi_under ul#fontSize {
  width: 100px;
  align-items: center;
}
.headNavi_under ul#fontSize:after {  display: none !important;}

#menu {  display: block !important;}
#dropmenubase{display: none;}

#menu nav>ul>li:hover>a {
  background: inherit;
  color:#00A0E9 !important;
}
/*! #######################################################################
	MeanMenu 2.0.7(グローバル　アコーディオンメニュー)
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {  display: none;}

/* when under viewport size, .mean-container is added to body */
#menu.mean-container .mean-bar {
  width: 100%;
  position: relative;
  background: #00A0E9;
  padding: 0 0 5px;
  min-height: 42px;
  z-index: 50;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

#menu.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 10px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

#menu.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 6px;
  top: -5px;
  position: relative;
}

#menu.mean-container nav.mean-nav {
  float: left;
  width: 100%;
  background: #f1efe0;
  margin: 47px 0 0 0;
  z-index: 5;
  position: absolute !important;
  height: auto;
}

#menu.mean-container nav.mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

#menu.mean-container nav.mean-nav ul li {
  position: relative;
  float: left;
  width: 100% ;
}

#menu.mean-container nav.mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  color: #00A0E9;
  border-top: 1px solid #383838;
  border-top: 1px solid #DEDCB4;
  text-decoration: none;
  text-transform: uppercase;
}

#menu.mean-container nav.mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}
#menu.mean-container nav.mean-nav>ul>li li a {
  width: 80%;
  padding: 1em 10%;
  font-size: 14px;
  line-height: 1.6;
  border-top: 1px solid #DEDCB4;
  text-shadow: none !important;
  visibility: visible;
}

#menu.mean-container nav.mean-nav>ul>li li li a {
  width: 70%;
  padding: 1em 15%;
}

#menu.mean-container nav.mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

#menu.mean-container nav.mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

#menu.mean-container nav.mean-nav ul li a:hover {
  background: #DEDCB4;
  background: rgba(255, 255, 255, 0.1);
}

#menu.mean-container nav.mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 35px;
  padding: 5px 12px 10px!important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid #DEDCB4 !important;
  /*	border-bottom: 1px solid rgba(255,255,255,0.2) !important;*/
}

#menu.mean-container nav.mean-nav ul li a.mean-expand:hover {
  background: #DEDCB4 !important;
}

#menu.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

nav.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
#menu.mean-container .mean-bar,
#menu.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-remove {  display: none !important;}
.header_area {  display: none;}


/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* ヘッダー追加イメージ */
/* コンテンツページのミドルボックスヘッダー */
	#cmidhead{overflow: hidden;}
  #cmidhead img{object-fit: cover;}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* コンテンツ内包用クラス */
#mainContent{
  /*
  overflow: hidden;
	margin: 6px auto 24px auto;
	position:relative;
  max-width: 1060px;
  */
  width: calc(100% - 20px);
  padding: 0 10px;
}
#mainContent > ul {
  margin: 0px;
}
#mainContent ol{margin-left: 15px;}
/* ぱんくずナビ */

#pathnavi ul{
  /*
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 0px;
  margin: 0 auto;
  width: 100%;
  max-width: 1060px;
  box-sizing: border-box;
  */
  padding: 4px 0px 4px 10px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* ボディ内パーツ設定 */


/* テーブル */

#mainContent table th {
  /*
	border: 1px solid #cccc99;
	border-collapse: collapse;
	padding: 5px;
	background: #F1EFE0;
	text-align: center;
  */
  white-space: normal;
}


/*横スクロール*/
.scroll_horizontal{overflow: scroll; overflow-y: hidden;}


/* 個別の追加設定

page.css参照

*/
#mainContent .bdS1 ul{margin-left: 5px;}
#mainContent .bdS1 ol {  margin-left: 20px;}


#mainContent ol.ol_number {margin: 0;padding: 0}
#recipe_howto ol.ol_number{margin-left: 15px;}

/*県内*/
.map_image {
  /*
  display: flex;
  justify-content: space-between;
  */
  flex-wrap: wrap;
  row-gap: 1rem;
}
/*県外*/
.map_area_image {
  /*
  display: flex;
  justify-content: space-around;
  */
  flex-wrap: wrap;
  row-gap: 1rem;
}
.map_area_image p img{width: 100%;}



/*各事情詳細　(水色帯)*/
/*425px 以下*/
@media screen and (max-width: 425px) {
  .jigyou_item {
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  .itemA,
  .itemB {width: 100%;}
}


/*=====ダウンロードコンテンツ=====*/
/*PC->メニューなし、SP->メニューあり*/
#dl_contents #menu {  display: block;}


/*====== 健康情報トピックス =====*/
#kenkou_topics {  display: flex;  flex-wrap: wrap;}
#kenkou_topics .left_side { width: 100%;}
#kenkou_topics .right_side {  width: 100%;}
#kenkou_topics .right_side img {  width: 100%;  object-fit: contain;}

/*====== 所属所・関係団体リンク集 ======*/
.link-column2 { flex-wrap: nowrap;  flex-direction: column;}
.link-column2 li {    width: 100%;}
.link-column3 li {    width: calc((100% - 24px) / 2);}
.link-column6 li {    width: calc((100% - 36px) / 3);}

/*425px 以下*/
@media screen and (max-width: 425px) {
  .link-column3 li {    width: calc(100%);}
  .link-column6 li {    width: calc((100% - 24px) / 2);}
}