@charset "utf-8";
/* CSS Document */

/*
#ss-preview{
	display: none;
}
*/

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

/* ==============================アクセシビリティ========================================== */

body{ margin: 0; }


font {
    word-wrap: break-word;
}


nav.akcbrty {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
  text-align: right;
}

/* icon */
.fa.fa-volume-up {
  margin-right: 10px;
  color: #3D623A;
}


/* 図形 */
/* アクセシビリティ */
.arrow_bottom {
  display: inline-block;
  width: 0px;
  margin-left: 10px;
  border-color: #fff;
  border-style: solid;
  border-width: 5px;
  border-top-color: 5px;
  border-left-color: transparent;
  border-bottom-color:transparent;
  border-right-color: transparent;
}

/* header */
.head-arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.head-arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px rgb(12,65,152);
  border-right: solid 2px rgb(12,65,152);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
/* footer */
.foot-arrow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.foot-arrow::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #689596;
  border-right: solid 2px #689596;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}


/*Google翻訳*/
#google_translate_element{
	margin-right: 1em;
}
#google_translate_element .goog-te-gadget-simple {
  	padding-top: 10px;
  	padding-bottom: 10px;
  	font-size: 100%;
  	border: 1px solid #9A9A9A;
  	border-radius: 5px;
}

#goog-gt-tt .logo {
  width:auto;
}

#tool {
  width: 100%;
  margin: 0;
  padding: .5em .5em;
  box-sizing: border-box;
  text-align: right;
  background: #0a5c59 url(/img/top/header_back01.png);
  font-size: 15px;
/*  font-size: 1.1em;*/
}
.tool_box {
  display: inline-block;
  margin: 0.6em 2.5em;
}

@media screen and (max-width: 1366px){
  #tool {
    font-size: 1vw;
  }
}
@media screen and (max-width: 1024px){
  #tool {
    font-size: 100%;
  }
}


/* 総合トップページへ */
#nocssread {
  width: auto;
  margin-right: 20px;
  padding-left: 2em;
  text-decoration: none;
  text-align: right;
  color: #fff;
  font-size: 90%;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#nocssread::before{
  content: "";
  position: absolute;
  top: 40%;
  left: 0;
  margin: auto;
  border-color: #fff;
  border-style: solid;
  border-width: 10px;
  border-top-color: 10px;
  border-left-color: transparent;
  border-bottom-color:transparent;
  border-right-color: transparent;
}


/* accessibility */
.tools {
  display: flex;
  margin-left: auto;
}


/* Foreign Language */
#ss-FoLa select {
  border: 1px solid #9A9A9A;
  border-radius: 2px;
  margin-right: 0.5em;
  padding: 0.4em 1.1em;
  font-size: 100%;
}
#google_translate_element{
	margin-right: 1em;
    text-align: center;
}
#google_translate_element .goog-te-gadget-simple {
  	padding-top: 10px;
  	padding-bottom: 10px;
  	font-size: 100%;
  	border: 1px solid #9A9A9A;
}
.FoLa-link{
  	background: #fff;
  	display: block;
	padding: 0.2em 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 5px;
  	border: 1px solid #9A9A9A;
/*  	transition: .3s;*/
  	margin-right: 1em;
  	color: #000;
}

.FoLa-link:hover{ opacity: .5; }





.jp-gui.jp-interface{
	z-index: 9999;
}

/* 音声で読み上げる */
#ss-voice {
    background: #fff;
    border: 1px solid #9A9A9A;
    border-radius: 5px;
    margin-right: 1em;
  	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
/*  	transition: .3s;*/
    color: #000;
} 
#ss-voice:hover{ opacity: .5; }
#ss-voice a {
  padding: 0.2em 1em;
  text-decoration: none;
  color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
  width:100%;
  font-size: 90%;
}
 #ss-voice-controller {
   position: absolute;
   top: 3em;
   right: 15em;
 }


/*ふりがなをつける*/
#ss-kana {
  background: #fff;
  border: 1px solid #9A9A9A;
  border-radius: 2px;
  margin-right: .5em;
  padding: 0.2em 1em;
  position: relative;
}
#ss-kana a {
  text-decoration: none;
  color: #000;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}


/* 背景色 */
#theme {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
    margin-right: 10px;
}
#theme p {
  margin: 0;
  margin-right: 10px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
   color: #fff;
}
#ss-theme {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  white-space:nowrap;
}
#ss-theme a {
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: $border-hgry;
  border-radius: 5px;
  box-sizing: border-box;
  @include border-radius(3px);
  color: $t-white;
  text-decoration: none;
  &:hover, &:focus { opacity: 0.7; }
}
#ss-theme a.white {
  border: 1px solid #9A9A9A;
  background: #fff;
  color: $text;
}
#ss-theme a.yellow {
  border: 1px solid #9A9A9A;
  border-color: #9A9A9A;
  background: #FFFD00;
  color: #000;
}
#ss-theme a.blue {
  border: 1px solid #06c;
  border-color: #06c;
  background: #06c;
  color: #fff;
}
#ss-theme a.green-tea {
  border: 1px solid #1B7A3B/*#3b8b42*/;
  border-color: #fff;
  background: #1B7A3B/*#3b8b42*/;
  color: #fff;
}
#ss-theme a.black {
  border: 1px solid #000;
  border-color: #000;
  background: #000;
  color: #fff;
}


/* 文字サイズ */
#size {
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#size p {
  margin: 0;
  margin-right: 10px;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
#ss-small,#ss-medium,#ss-large {
  background: #fff;
  border: 1px solid #9A9A9A;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
/*  transition: .3s;*/
  color: #000;
}
#ss-small a {
  /*padding: 0.3em 1.1em;*/
  padding: 0.3em .5em;
  text-decoration: none;
  color: #000;
  /*transition: .3s;*/
  line-height: 30px;
}
#ss-medium a {
  /*padding: 0.3em 1.1em;*/
  padding: 0.3em .5em;
  text-decoration: none;
  color: #000;
  /*transition: .3s;*/
  line-height: 30px;
}
#ss-large a {
  /*padding: 0.3em 1.1em;*/
  padding: 0.3em .5em;
  text-decoration: none;
  color: #000;
  /*transition: .3s;*/
  line-height: 30px;
}
#ss-small:hover {
  opacity: .5;
}
#ss-medium:hover {
  opacity: .5;
}
#ss-large:hover {
  opacity: .5;
}
#ss-large {
  margin-right: 0;
}

/* スマホ時のaccessibility */
/* グロナビ */
.glo_nav{
	margin: 0 auto;
}
.glo_nav ul{
	padding-left: 0;
}
.glo_nav li{ 
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #ABABAB;
}
.glo_nav a{ 
	text-decoration: none;
	color: #000;
	font-weight: 800;
	transition: .3s;
}
.glo_nav a:hover{
	color: #B4B4B4;
}

/* tools_m */
.tools_m{
	width: 90%;
	margin:2em auto;
}



#tool_m {
  padding:1.5em;
  background: #C1C1C1;
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 360px;/*最大幅*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/*nav-title*/
.acc-title{
  display: none;
}

/* レスポンシブ */

@media screen and (max-width: 1024px){
  .acc-title {
    background: url(/img/top/header_back01.png);
    display: block;
    pointer-events: all;
    -webkit-pointer-events: all;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1.5em 0;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 110%;
    color: #fff;
  }
  .acc-title i {
    margin-right: 10px;
  }
  .acc-toggle {
    display: none;
  }
  
  #tool {
    width: 100%;
    min-width: 300px;
    display: block;
    border-top: 1px solid #fff;
  }
  .tools {
    flex-direction: column;
    margin: 0 auto;
  }
  nav.akcbrty {
    width: 95%;
    margin: 0 auto;
    text-align: left;
  }
  #ss-voice,#theme,#size {
    margin-top: 1em;
    margin-right: 0;
  }
  #nocssread {
    /*display: none;*/
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  #nocssread::before{
  	/*left: 15%;*/
  }
  
  #theme{ margin-right: 0; }
}



/* ==============================header========================================== */



#header {
  width: 100%;
  margin: 0;
  border-bottom: 3px solid rgb(12,65,152);
  display: block;
}

/* header_flex */
#header_flex {
  width: 100%;
  max-width: 1400px;
  min-width: 1280px;
  margin: 10px auto 20px auto;
  margin-top: 0;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1366px){
  #header_flex{
    width: 98%;
    max-width: 98%;
    min-width: 98%;
    margin: 10px auto 20px auto;
    margin-top: 0;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
  }
}


/* logo */
.logo {
  width: 100%;
  max-width: 270px;
  padding-top: 5px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.logo span {
  font-size: 1.1em;
  font-weight: 600;
  color: #ce323a;
}
.logo .icon {
  margin-left: 20px;
  margin-right: 0px!important;;
}


.logo-mb { display: none; }

@media screen and (max-width: 480px) {
  /*.logo-mb {
    display: flex;
    width: 100%;
    padding-left: 0px;
    margin: 0px auto 10px;
  }
  .logo-mb .img01 img { height: 45px; }
  .logo-mb .img02 img { height: 52px; }
  .logo-mb .txt01 {
    font-size: 0.8em;
    font-weight: 500;
    margin-top: 10px;
    padding: 0.5em;
    color: #fff;
    border-radius: 6px;
    background: #ce323a;
    display: inline-table;
  }
  .logo-mb .txt01 a {
    color: #fff;
    text-decoration: none;
  }
  .between {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }*/
}
@media screen and (max-width: 320px) {
  .logo-mb .img01 img { width: 150px; height: auto; }
  .logo-mb .txt01 { margin-top: 5px; }
}


@media screen and (max-width: 480px) {
  #header_flex span {
    display: block;
    text-align: center;
  }

}

/* グローバルナビ */
.menu {
  position: relative;
  width: 100%;
  /*height: 70px;*/
  height: auto;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
  /*padding-left: 160px;*/
}
span.sb_ti {
  display: block;
  margin-top: -36px;
  font-size: calc(50.5% + 0.3vw);
  color: #3570CB;
}
.menu > li {/**/
  box-sizing: border-box;
  float: left;
  width: 14.25%;
  /*width: 13%;  グローバルナビ4つの場合 */
  /*height: 70px;*/
  height: auto;
  padding: 1.4em .5em;
  border-left: 1px solid #C0C0C0;
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu > li:last-child {
  border-right: 1px solid #C0C0C0;
}
.menu > li a {
  display: block;
  color: #111;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 600;
}
.menu > li a:hover {
  color: #fff;
}
ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
ul.menu__third-level {
  visibility: hidden;
  opacity: 0;
}
ul.menu__fourth-level {
  visibility: hidden;
  opacity: 0;
}
.menu > li:hover {
  background: rgb(12,65,152);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.menu__second-level li {
  border-top: 1px solid #111;
  list-style: none;
  line-height: 40px;
  text-decoration: underline;
}
.menu__second-level li a:hover {
  color: #B3B3B3;
}

/* floatクリア */
.menu:before,
.menu:after {
  content: " ";
  display: table;
}
.menu:after {
  clear: both;
}
.menu {
  *zoom: 1;
}

/* global_menu-多段階menu */
li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 70px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    border: 2px solid rgb(12,65,152);
	background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	text-align: left;
}
li.menu__mega:hover ul.menu__second-level {
  top: 70px;
  visibility: visible;
  opacity: 1;
}
li.menu__mega ul.menu__second-level > li {
  float: left;
  width: 32%;
  border: none;
}
li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
  margin: 0 1%;
}

@media screen and (max-width: 1366px) {
  .menu {
    position: relative;
    /*width: 100%;*/
    width: 99%;
    height: 70px;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 1%;
  }
  .menu > li {
    box-sizing: border-box;
    float: left;
    width: 14.1%;
    height: 70px;
    padding: 0.4em;
  }
  li.menu__mega ul.menu__second-level {
    left: 1%;
    width: 97%;
  }
}


/* 補足メニュー */
ul.hosoku_menu {
  padding-left: 0;
  -webkit-padding-start: 0;
  display: flex;
  justify-content: space-between;
}
.hosoku_menu > li {
  background: rgb(12,65,152);
  width: 160px;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid rgb(12,65,152);
  text-align: center;
  font-size: 85%;
  transition: .3s;
  overflow:hidden;
  padding: 10px 0;
}
.hosoku_menu > li a {
  text-decoration: none;
  color: #fff;
}
.hosoku_menu > li:hover {
  background: #00092B;
}


/* 検索ボックス */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .searth_content {
    margin-left: auto;
    margin-right: 10px;
  }
}
.searth_content {
  width: 25%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site_search {
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.site_search input {
  padding: 0.2em 0.8em;
  border: 2px solid #C0C0C0;
}
.search-box {
  width: 190px;
  font-size: 85%;
  line-height: 30px;
}
.search-button {
  float: right;
  width: 70px;
  background: rgb(12,65,152);
  color: #fff;
  font-size: 85%;
  line-height: 30px;
}



/* バーガーメニュー */
.g_nav_text{
	margin: 0;
  	text-align: right;
  	margin-right: 40px;
}

#g_nav_m {
  padding:1em;
  background: rgb(12,65,152);
  margin-top: 20px;
}

#g_nav-drawer {
  position: relative;
  text-align: right;
}

/*チェックボックス等は非表示に*/
.g_nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#g_nav-open {
  display: inline-block;
  width: 200px;
  height: 25px;
  text-align: left;
  color: #fff;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#g_nav-open span, #g_nav-open span:before, #g_nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  right: 0;
  bottom: 19px;
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#g_nav-open span:before {
  bottom: -8px;
}
#g_nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#g_nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 998;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*×ボタン*/
.menu-out,
.menu-out span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-out {
  position: absolute;
  width: 50px;
  height: 44px;
  top: 10%;
  left: 3%;
}
.menu-out span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-out span:nth-of-type(1) {
  -webkit-transform: translateY(21px) rotate(-45deg);
  transform: translateY(21px) rotate(-45deg);
}
.menu-out span:nth-of-type(2) {
  -webkit-transform: translateY(21px) rotate(45deg);
  transform: translateY(21px) rotate(45deg);
}


/*中身*/
#g_nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
	right: 0;
    z-index: 9999;/*最前面に*/
    width: 80%;/*右側に隙間を作る*/
    max-width: 360px;/*最大幅*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(250%);
    transform: translateX(250%);/*左に隠しておく*/
}


/*チェックが入ったらもろもろ表示*/
#g_nav-input:checked ~ #g_nav-close {
    display: block;/*カバーを表示*/
    opacity: .8;
}

#g_nav-input:checked ~ #g_nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


/*glo_nav*/
.glo_nav {}
.glo_nav ul {
  padding-left: 0;
}
.glo_nav li {
  list-style: none;
  text-align: left;
  border-bottom: 1px solid #C0C0C0;
  padding: 15px 0;
  padding-left: 10px;
}
.glo_nav a {
  display: block;
  text-align: left;
  text-decoration: none;
  color: #000;
}
.glo_nav a:hover {
  opacity: .5;
}


/*Google検索エンジン*/
.gsc-search-box.gsc-search-box-tools, table.gsc-search-box {
  margin-bottom: 0!important;
}

.gsc-input-box {
  width: 200px!important;
  height: 35px!important;
  box-sizing: border-box!important;
  padding: 3px 10px!important;
  border: 1px solid #c0c0c0!important;
  float: right;
  vertical-align: top;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.gsc-input-box {
  width: 200px!important;
}
}

.gsc-search-button-v2 {
  float: left;
  width: 70px!important;
  height: 35px!important;
  background-color: rgb(12,65,152)!important;
  color: #fff!important;
  line-height: 30px!important;
  padding: 10px!important;
  box-sizing: border-box!important;
  border: 1px solid #c0c0c0!important;
  margin-left: 0!important;
  filter: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gsc-search-box-tools table.gsc-search-box td.gsc-input{
  padding: 0;
}
.gsib_a{
  padding: 0!important;
}
/*検索結果ページ*/
#___gcse_1{
  box-sizing: border-box;
  /*padding: 20px;
  border: 1px #CCC solid;*/
}


@media screen and (min-width: 768px){
	#g_nav_m{ display: none; }
}
@media screen and (max-width: 768px){
    .menu{ display: none; }
	#g_nav_m{ display: block; }
}

@media screen and (max-width: 1024px){
/* header_flex */
	#header_flex{
		width: 95%;
	}
  
	/*.menu,.hosoku_menu{ display: none; }*/
	
/* header_flex */
	#header_flex {
      flex-direction: column;
      max-width: 95%;
      min-width: 95%;
	}
	
/* logo */
	.logo{
      margin-left: auto;
      margin-right: auto;
	}

/* site_search */
    .searth_content{
        position: static;
      	margin: 20px auto 0 auto;
    }
    .site_search{
        width: 60%;
        position: static;
        margin: 0 auto;
    }
    .site_search input{
        padding: 0.2em 0.8em;
        border: 2px solid #C0C0C0;
    }
    .search-box{
        width: 60%;
        font-size: 85%;
        line-height: 30px;
        }
    .search-button{
        width: 25%;
        background: rgb(12,65,152);
        color: #fff;
        font-size: 85%;
        line-height: 30px;
    }
	
    ul.hosoku_menu{
      	 width: 100%;
         max-width: 520px;
      	 margin: 15px auto 0 auto;
    }
  .hosoku_menu > li{
  	width: 32%;
  }
  
  table.gsc-search-box{
    width: 100px;
    margin: 0 auto;
    -webkit-appearance: none;
  }


}


@media screen and (max-width: 480px){
/* site_search */
	.site_search{
		width: 100%;
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	.site_search input{
		margin: 0 auto;
	}
	input#search-box{
		width: 70%;
		margin: 0 auto;
		}
	input#search-button{
		width: 20%;
		margin: 0 auto;
	}
  
  .hosoku_menu > li{ font-size: 90%; padding: 10px 0; }
}




/* ==============================footer========================================== */


#animation-foot{
  	/*background:;*/
	width: 100%;
  	height: 150px;
  	margin: 0;
  	position: relative;
  	overflow: hidden;
  	background: url(/img/common/footer/mount-back.png) center;
}
.senro{
	width: 100%;
  	height: 80px;
  	background: url(/img/common/footer/tekkyou.png);
  	margin: 0;
  	position: absolute;
  	bottom: 0;
  	z-index: 2;
}
.tyabatake{
	width: 100%;
  	height: 80px;
  	background: url(/img/common/footer/tyabtake.png) center;
  	margin: 0;
  	position: absolute;
  	bottom: 0;
  	z-index: 2;
}
.o-tetu{
  	background: url(/img/common/footer/sl.png)0 no-repeat;
  	position: absolute;
  	/*bottom: 20px;*/
  	bottom: 75px;
  	right: -247px;
	width: 247px;
  	height: 50px;
  	z-index: 1;
  	animation: komadori 1s steps(3) 0s infinite;
  	-webkit-animation: komadori 1s steps(3) 0s infinite;
}
@keyframes komadori{
    0% { background-position: 0    0  ; }
  100% { background-position: 0 -150px; }	
}
.o-tetu img{
	width: 100%;
  	max-width: 100%;
  	height: auto;
  	max-height: auto;
}
.tyakariki{
  	position: absolute;
  	bottom: 0;
  	left: 0;
	width: 30px;
  	height: 30px;
    z-index: 3;
}
.tyakariki img{
	width: 100%;
  	max-width: 100%;
  	height: auto;
  	max-height: auto;
}
/*
.mount01{
  	position: absolute;
  	left: -150px;
  	bottom: 0;
	width: 394px;
  	height: 120px;
  	z-index: 3;
}
.mount02,.mount03{
  	position: absolute;
  	right: -150px;
  	bottom: 0;
	width: 394px;
  	height: 120px;
  	z-index: 3;
}
.mount03{ right: 50px; bottom: -30px; }*/
.mount01{
  	position: absolute;
  	left: -150px;
  	bottom: -30px;
  	width: 476px;
  	z-index: 10;
}
.mount02,.mount03{
  	position: absolute;
  	right: -150px;
  	bottom: -30px;
  	width: 476px;
  	z-index: 10;
}
.mount01 img,.mount02 img,.mount03 img{
	width: 100%;
  	max-width: 100%;
  	height: auto;
  	max-height: auto;
}
.mount03{ right: 50px; bottom: -60px; }


.space1{ margin-right: 10px; }



/* footer */
#footer{ 
	width: 100%; 
	margin: 0;
  	overflow:hidden;
  	background-color: #0a1e20;
  	/*background-color: #4a811d;*/
    /*
    background-color:#EBEBEB;
    background-image: 
    radial-gradient(circle at 100% 150%, #EBEBEB 24%, white 25%, white 28%, #EBEBEB 29%, #EBEBEB 36%, white 36%, white 40%, transparent 40%, transparent),
    radial-gradient(circle at 0    150%, #EBEBEB 24%, white 25%, white 28%, #EBEBEB 29%, #EBEBEB 36%, white 36%, white 40%, transparent 40%, transparent),
    radial-gradient(circle at 50%  100%, white 10%, #EBEBEB 11%, #EBEBEB 23%, white 24%, white 30%, #EBEBEB 31%, #EBEBEB 43%, white 44%, white 50%, #EBEBEB 51%, #EBEBEB 63%, white 64%, white 71%, transparent 71%, transparent),
    radial-gradient(circle at 100% 50%, white 5%, #EBEBEB 6%, #EBEBEB 15%, white 16%, white 20%, #EBEBEB 21%, #EBEBEB 30%, white 31%, white 35%, #EBEBEB 36%, #EBEBEB 45%, white 46%, white 49%, transparent 50%, transparent),
    radial-gradient(circle at 0    50%, white 5%, #EBEBEB 6%, #EBEBEB 15%, white 16%, white 20%, #EBEBEB 21%, #EBEBEB 30%, white 31%, white 35%, #EBEBEB 36%, #EBEBEB 45%, white 46%, white 49%, transparent 50%, transparent);
  	*/
    background-size:100px 50px;
}
.footer_box{
    /*max-width: 94%;*/
	max-width: 1200px;
	margin: 1.5em auto; 
}
p.zyusyo{
	margin: 0;
	margin-top: 1em;
  	color: #fff;
}


/* footer_flexbax */
.footer_flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer_l{
	width: 75%;
	margin: 0;
}
.footer_r{
	/*width: 25%;*/
}


/* footer_nav */
.footer_nav{
	margin-bottom: 2em;
}
.footer_nav:last-child{
	margin: 0;
}

.footer_nav ul{
	padding-left: 0;
	margin: 0;
}
.footer_nav li{
	width: auto;
	margin-right: 20px;
	display: inline-block;
	list-style: none;
}
.footer_nav a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
a.nav2{
	/*background: #fff;
	border: 1px solid #9A9A9A;
	border-radius: 2px;
	padding: 0.3em 1.6em;
	font-weight: normal;
	color: #151515;
	transition: .3s;*/
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 0.3em 1.6em;
	font-weight: normal;
	color: #fff;
	transition: .3s;
  	display: inline-block;
}


/* copy_right */
.footer_c{ 
	background: #0a1e20;
  	background: #000a0c;
	width: 100%;
	margin: 0;
	padding: 1em 0;
}
.footer_c p{
	margin: 0;
	color: #fff;
	text-align: center;
}



/* icon */
.follow-me {
  width: 280px;/*シェアボタンを増やす際は数値を変更か削除*/
  list-style: none;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
}
.follow-me li {
  float: left;
  margin: 0 8px 8px 0;
  padding: 0;
}
.follow-me li:last-child {
	margin-right: 0;
}
.follow-me li a::before {
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  /*font-size: 40px;*/
  font-size: 4em;
  height: 62px; /* Button height */
  line-height: 62px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 62px; /* Button width */
}

.follow-me li a[href*="amazon.co.jp"]::before,
.follow-me li a[href*="amazon.com"]::before         { border-color: #ff9900; background-color: #ff9900; content: "\f270"; }
.follow-me li a[href*="codepen.io"]::before         { border-color: #000000; background-color: #000000; content: "\f1cb"; }
.follow-me li a[href*="delicious.com"]::before      { border-color: #3399ff; background-color: #3399ff; content: "\f1a5"; }
.follow-me li a[href*="deviantart.com"]::before     { border-color: #05cc47; background-color: #05cc47; content: "\f1bd"; }
.follow-me li a[href*="digg.com"]::before           { border-color: #000000; background-color: #000000; content: "\f1a6"; }
.follow-me li a[href*="dribble.com"]::before        { border-color: #000000; background-color: #ea4c89; content: "\f17d"; }
.follow-me li a[href*="dropbox.com"]::before        { border-color: #007ee5; background-color: #007ee5; content: "\f16b"; }
.follow-me li a[href*="facebook.com"]::before       { border-color: #3b5998; background-color: #3b5998; content: "\f09a"; }
.follow-me li a[href*="feedly.com"]::before         { border-color: #6cc655; background-color: #6cc655; content: "\f09e"; }
.follow-me li a[href*="flickr.com"]::before         { border-color: #0063cc; background-color: #0063dc; content: "\f16e"; }
.follow-me li a[href*="foursquare.com"]::before     { border-color: #f94877; background-color: #f94877; content: "\f180"; }
.follow-me li a[href*="github.com"]::before         { border-color: #181717; background-color: #181717; content: "\f09b"; }
.follow-me li a[href*="plus.google.com"]::before    { border-color: #dc4e41; background-color: #dc4e41; content: "\f0d5"; }
.follow-me li a[href*="b.hatena.ne.jp"]::before     { border-color: #008fde; background-color: #008fde; content: "\f027"; font-family: blogicon; }
.follow-me li a[href*="instagram.com"]::before      { border-color: linear-gradient(#352EC7,#F41964,#FFB923); background: linear-gradient(#352EC7,#F41964,#FFB923); content: "\f16d"; }
.follow-me li a[href*="last.fm"]::before            { border-color: #d51007; background-color: #d51007; content: "\f202"; }
.follow-me li a[href*="linkedin.com"]::before       { border-color: #0077b5; background-color: #0077b5; content: "\f0e1"; }
.follow-me li a[href*="nicovideo.jp"]::before       { border-color: #eaeaea; background-color: #eaeaea; content: "\f047"; font-family: blogicon; }
.follow-me li a[href*="pinterest.com"]::before      { border-color: #bd081c; background-color: #bd081c; content: "\f0d2"; }
.follow-me li a[href*="getpocket.com"]::before      { border-color: #ef3f56; background-color: #ef3f56; content: "\f265"; }
.follow-me li a[href*="reddit.com"]::before         { border-color: #ff4500; background-color: #ff4500; content: "\f1a1"; }
.follow-me li a[href*="skype.com"]::before,
.follow-me li a[href*="skype:"]::before             { border-color: #00aff0; background-color: #00aff0; content: "\f17e"; }
.follow-me li a[href*="slideshare.net"]::before     { border-color: #2d2d2d; background-color: #2d2d2d; content: "\f1e7"; }
.follow-me li a[href*="spotify.com"]::before        { border-color: #84bd00; background-color: #84bd00; content: "\f1bc"; }
.follow-me li a[href*="steamcommunity.com"]::before { border-color: #171a21; background-color: #171a21; content: "\f1b6"; }
.follow-me li a[href*="stumbleupon.com"]::before    { border-color: #eb4929; background-color: #eb4929; content: "\f1a4"; }
.follow-me li a[href*="tumblr.com"]::before         { border-color: #36465d; background-color: #36465d; content: "\f173"; }
.follow-me li a[href*="twitch.tv"]::before          { border-color: #6441a5; background-color: #6441a5; content: "\f1e8"; }
.follow-me li a[href*="twitter.com"]::before        { border-color: #55acee; background-color: #55acee; content: "\f099"; }
.follow-me li a[href*="vimeo.com"]::before          { border-color: #1ab7ea; background-color: #1ab7ea; content: "\f27d"; }
.follow-me li a[href*="vine.co"]::before            { border-color: #11b58a; background-color: #11b58a; content: "\f1ca"; }
.follow-me li a[href*="weibo.com"]::before          { border-color: #e6162d; background-color: #e6162d; content: "\f18a"; }
.follow-me li a[href*="whatsapp.com"]::before       { border-color: #64d548; background-color: #64d548; content: "\f232"; }
.follow-me li a[href*="wordpress.com"]::before,
.follow-me li a[href*="wordpress.org"]::before      { border-color: #21759b; background-color: #21759b; content: "\f19a"; }
.follow-me li a[href*="youtube.com"]::before        { border-color: #cd201f; background-color: #cd201f; content: "\f16a"; }
.follow-me li a[href$="/feed"]::before              { border-color: #ffa500; background-color: #ffa500; content: "\f09e"; }
.follow-me li a[href$="/subscribe"]::before         { border-color: #363636; background-color: #363636; content: "\f000"; font-family: blogicon; }

.follow-me li a:hover::before {
  background-color: none;
  background: none;
}
.follow-me li a[href*="amazon.co.jp"]:hover::before,
.follow-me li a[href*="amazon.com"]:hover::before         { color: #ff9900; }
.follow-me li a[href*="codepen.io"]:hover::before         { color: #000000; }
.follow-me li a[href*="delicious.com"]:hover::before      { color: #3399ff; }
.follow-me li a[href*="deviantart.com"]:hover::before     { color: #05cc47; }
.follow-me li a[href*="digg.com"]:hover::before           { color: #000000; }
.follow-me li a[href*="dribble.com"]:hover::before        { color: #ea4c89; }
.follow-me li a[href*="dropbox.com"]:hover::before        { color: #007ee5; }
.follow-me li a[href*="facebook.com"]:hover::before       { color: #3b5998; }
.follow-me li a[href*="feedly.com"]:hover::before         { color: #6cc655; }
.follow-me li a[href*="flickr.com"]:hover::before         { color: #0063dc; }
.follow-me li a[href*="foursquare.com"]:hover::before     { color: #f94877; }
.follow-me li a[href*="github.com"]:hover::before         { color: #181717; }
.follow-me li a[href*="plus.google.com"]:hover::before    { color: #dc4e41; }
.follow-me li a[href*="b.hatena.ne.jp"]:hover::before     { color: #008fde; }
.follow-me li a[href*="instagram.com"]:hover::before      { color:#F41964; }
.follow-me li a[href*="last.fm"]:hover::before            { color: #d51007; }
.follow-me li a[href*="linkedin.com"]:hover::before       { color: #0077b5; }
.follow-me li a[href*="nicovideo.jp"]:hover::before       { color: #eaeaea; }
.follow-me li a[href*="pinterest.com"]:hover::before      { color: #bd081c; }
.follow-me li a[href*="getpocket.com"]:hover::before      { color: #ef3f56; }
.follow-me li a[href*="reddit.com"]:hover::before         { color: #ff4500; }
.follow-me li a[href*="skype.com"]:hover::before,
.follow-me li a[href*="skype:"]:hover::before             { color: #00aff0; }
.follow-me li a[href*="slideshare.net"]:hover::before     { color: #2d2d2d; }
.follow-me li a[href*="spotify.com"]:hover::before        { color: #84bd00; }
.follow-me li a[href*="steamcommunity.com"]:hover::before { color: #171a21; }
.follow-me li a[href*="stumbleupon.com"]:hover::before    { color: #eb4929; }
.follow-me li a[href*="tumblr.com"]:hover::before         { color: #36465d; }
.follow-me li a[href*="twitch.tv"]:hover::before          { color: #6441a5; }
.follow-me li a[href*="twitter.com"]:hover::before        { color: #55acee; }
.follow-me li a[href*="vimeo.com"]:hover::before          { color: #1ab7ea; }
.follow-me li a[href*="vine.co"]:hover::before            { color: #11b58a; }
.follow-me li a[href*="weibo.com"]:hover::before          { color: #e6162d; }
.follow-me li a[href*="whatsapp.com"]:hover::before       { color: #64d548; }
.follow-me li a[href*="wordpress.com"]:hover::before,
.follow-me li a[href*="wordpress.org"]:hover::before      { color: #21759b; }
.follow-me li a[href*="youtube.com"]:hover::before        { color: #cd201f; }
.follow-me li a[href$="/feed"]:hover::before              { color: #ffa500; }
.follow-me li a[href$="/subscribe"]:hover::before         { color: #363636; }

.follow-me li a[href*="facebook.html"]::before       { border-color: #3b5998; background-color: #3b5998; content: "\f09a"; }
.follow-me li a[href*="facebook.html"]:hover::before       { color: #3b5998; background-color: none; background: none; }
.follow-me li a[href*="twitter.html"]::before        { border-color: #55acee; background-color: #55acee; content: "\f099"; }
.follow-me li a[href*="twitter.html"]:hover::before        { color: #55acee; background-color: none; background: none; }




@media screen and (max-width: 964px){
/* footer_flexbax */
	.footer_flex {
      flex-direction: column;
	}
	.footer_l {
      width: 100%;
	}
	.footer_r {
      width: 70%;
      margin: 1.5em auto;
	}
}

@media screen and (max-width: 590px){
  
  	.footer_box{
      max-width: 94%;
      margin: 1.5em auto;
    }
/* footer_nav */
	.footer_nav li {
      display: block;
	}
	.footer_nav a {
      text-decoration: none;
      line-height: 28px;
	}
	a.nav2 {
      display: block;
      margin: 0 auto;
      margin-bottom: 10px;
      padding: 0.3em 1.6em;
	}
	a.nav2:last-child {
      margin-bottom: 0;
	}
}

@media screen and (max-width: 480px){
/* footer_nav */
    .footer_r {
        width: 100%;
    }
}


/* 観光情報用　グロナビ */

/* グローバルナビ */
.kanko-menu {
  position: relative;
  width: 100%;
  height: auto;
  /*height: 70px;*/
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
}
span.sb_ti{
  display: block;
  margin-top: -36px;
  font-size: calc(50.5% + 0.3vw);
  color: #3570CB;
}
.kanko-menu > li {/**/
  float: left;
  width: 16.6%; /* グローバルナビ4つの場合 */
  /*height: 70px;*/
  height: auto;
  padding: 1.4em .5em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #C0C0C0;
  list-style: none;
  text-align: center;
  box-sizing: border-box;
}
.kanko-menu > li:last-child{
  border-right: 1px solid #C0C0C0;
}
.kanko-menu > li a {
  display: block;
  color: #000;
  text-decoration: none;
  color: #111;
  font-size: 1.1em;
  font-weight: 600;
}
.kanko-menu > li a:hover {
  color: #fff;
}
ul.kanko-menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
ul.kanko-menu__third-level {
  visibility: hidden;
  opacity: 0;
}
ul.kanko-menu__fourth-level {
  visibility: hidden;
  opacity: 0;
}
.kanko-menu > li:hover {
  background: rgb(12,104,86);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.kanko-menu__second-level li {
  border-top: 1px solid #111;
  list-style: none;
  line-height: 40px;
  text-decoration: underline;
}
.kanko-menu__second-level li a:hover {
  color: #B3B3B3;
}

/* floatクリア */
.kanko-menu:before,
.kanko-menu:after {
  content: " ";
  display: table;
}
.kanko-menu:after {
  clear: both;
}http://shimada.papas.jp/.s2/uploader253/files/css/part.css?do=show
.kanko-menu {
  *zoom: 1;
}


/* ========================================================================================================================================================================================================================================== */
/*テンプレート*/
.float-cont{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
}
.float-cont::before,.float-cont::after{
	content: "";
  	display: block;
    clear: both;
}
.float-cont p {
  margin: 0 auto;
}
.float-cont ul{ padding-left: 0; }
.float-right { /*右回り込み*/
  list-style-position: inside;
  margin-bottom: 10px !important;
  margin-left: 20px !important;
  float: right;
  clear: both;
}
.float-left { /*左回り込み*/
  list-style-position: inside;
  margin-bottom: 10px !important;
  margin-right: 20px !important;
  float: left;
  margin: 0 0 1em 1.5em;
  clear: both;
}

.float-left-2 { /*左回り込み*/
  margin-bottom: 10px !important;
  margin-right: 20px !important;
  float: left;
}
.right-txt {
  overflow: hidden;
}

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
    .float-cont ul li{ list-style-position: inside; }
}



/*画像横並び*/
.img-listbox{
  	width: 100%;
	display: flex;
  	display: -webkit-flex;
    justify-content: space-between;
  	flex-wrap: wrap;
  	padding: 0;
}
.img-listbox::after{
	content: "";
  	display: block;
  	width: 29%;
}
.img-listbox li{
  list-style: none;
  width: 29%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.img-listbox li img{
  max-width: 100%!important;
  max-height: 100%!important;
  width: auto!important;
  height: auto!important;
  margin: auto;
}
.img-listbox li a::before{
	display: none;	
}
/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
   .img-listbox li {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
   }
  .img-listbox li:before {
    /*content: '';
    display: inline-block;
    vertical-align: middle;*/
    vertical-align: top;
    height: 100%;
    width: 0;
    margin-left: -0.3em;
  }
  .img-listbox li img,.img-listbox li a{
    margin-bottom: 10px;
    vertical-align: top;
  }
}
/*safariのみ適応されるハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .img-listbox li {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
   }
  .img-listbox li:before {
    /*content: '';
    display: inline-block;
    vertical-align: middle;*/
    vertical-align: top;
    height: 100%;
    width: 0;
    margin-left: -0.3em;
  }
  .img-listbox li img,.img-listbox li a{
    margin-bottom: 10px;
    vertical-align: top;
  }
}


/*画像横並び（注釈入り）*/
.img-list-midashi-box{
  	width: 100%;
	display: flex;
  	display: -webkit-flex;
    justify-content: space-between;
  	flex-wrap: wrap;
  	padding-left: 0;
}
.img-list-midashi-box::after{
	content: "";
  	display: block;
  	width: 29%;
}
.img-list-midashi-box li{
  list-style: none;
  display: block;
  width: 29%;
}
.img-list-midashi-box li .img{
   width: 100%;
   position: relative;
   height: 300px;
   text-align: center;
}
.img-list-midashi-box li .img::before{
   content: '';
   display: inline-block;
   vertical-align: middle;
   height: 100%;
   width: 0;
}
.img-list-midashi-box li .img img{
   vertical-align: middle;
  max-width: 100%!important;
  max-height: 100%!important;
  width: auto!important;
  height: auto!important;
  margin: auto;
}
.img-list-midashi-box li p{
  display: block;
}


/*画像横並び（4枚）*/
.img-listbox-4 {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 0px;
}
.img-listbox-4 li{
  list-style: none;
  width: 23%;
  /*
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  */
  margin: 0 0;
  border-bottom: 0px!important;
}
.img-listbox-4 li img{
  max-width: 100%!important;
  width: auto!important;
  height: auto!important;
  margin: auto;
}
.img-listbox-4 li a::before{
  display: none;	
}

@media screen and (max-width: 768px){
  .img-listbox-4 {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .img-listbox-4 li {
    width: 45%;
    padding: 1em;
    /*flex: 1 0 300px;*/
    margin: 0.4em;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 330px){
  .img-listbox-4 li {
    width: 100%;
    padding: 1em;
    flex: 1 0 300px;
    margin: 0.4em;
  }
}



@media screen and (max-width: 480px){
  .float-right,
  .float-left,
  .float-left-2 {/*左回り込み*/
    float: none!important;
    margin: 0 auto!important;
    text-align: center;
  }
  .float-right img,
  .float-left img,
  .float-left-2 img {/*左回り込み*/
    float: none!important;
  }
  
  .img-listbox li{ width: 49%; }

}


/*議事録テンプレート*/
.minutes01 {
  width: 100%;
  border-collapse: collapse;
  border: 1px #ccc solid;
}
.minutes01 th {
  width: 25%;
  text-align: center;
  padding: 8px;
  border: 1px #ccc solid;
}
.minutes01 td {
  padding: 8px;
  border: 1px #ccc solid;
}


/*btn*/
.t-btn-lg a {
  display: block;
  max-width: 290px;
  margin: 1em auto;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  background: #4D6F1B;
  border: 1px solid #4D6F1B;
  color: #fff;
  border-radius: 10px;
  transition: .3s;
}
.t-btn-lg a:hover{
  background: #fff;
  color: #4D6F1B;
}
@media screen and (max-width: 480px){
}


@media -sass-debug-info {filename{font-family:file\:\/\/\/var\/www\/shirasagi\/public\/sites\/s\/a\/m\/p\/l\/e\/_\/css\/style\.scss}line{font-family:\000031362}}

.ss-adobe-reader {
  overflow: hidden;
  margin: 24px 0;
  padding: 12px 12px 12px 192px;
  box-sizing: border-box;
  background: url(../img/common/Get_Adobe_Acrobat_Reader_DC_web_button_158x39.fw.png) no-repeat 12px center;
  border: 1px solid #ccc;
}
@media screen and (max-width: 640px){
  .ss-adobe-reader {
    padding: 60px 12px 12px 12px;
    background: url(../img/common/Get_Adobe_Acrobat_Reader_DC_web_button_158x39.fw.png) no-repeat center 12px;
  }

}

/**/
.sitemap_box01 {
  width: 100%;
  padding: 20px;
  border: 1px #CCC solid;
  box-sizing: border-box;
}
.article_txt01 .sitemap-body {
  overflow: hidden;
}
.article_txt01 .sitemap-body h2 {
  clear: both;
  margin-top: 30px;
  padding: 5px 10px;
  background: url(../img/life/top/cate_tit_back01.png);
  border-left: 8px #ba2727 solid;
  border-radius: 3px;
}
.article_txt01 .sitemap-body h2:first-child {
  margin-top: 0px;
}
.article_txt01 .sitemap-body h2 a {
  color: #fff;
  text-decoration: none;
}
.article_txt01 .sitemap-body h3 {
  clear: both;
  font-size: 1em;
  font-weight: 600;
  color: rgb(224,79,79);
  position: relative;
  padding: 0em 0em 0em 1.3em;
  margin: 15px 0px 7px 0px;
  border: 0px;
}
.article_txt01 .sitemap-body h3 a {
  color: #222;
}
.article_txt01 .sitemap-body h3:before {
  font-family: "Font Awesome 5 Free";
  font-family: FontAwesome;
  content: "\f138";
  font-size: 105%;
  position: absolute;
  left: 0;
  top: 3px;
  color: #E04F4F;
}
.article_txt01 .sitemap-body h4 {
  display: inline-block;
  font-size: 1.0em;
  font-weight: 400;
  padding: 0 10px;
  margin: 0px 0px 10px 0px;;
  border-bottom: 0px;
  border-right: 1px solid #ccc;
}
.article_txt01 .sitemap-body h4 a {
  color: #222;
}


/*
.img-listbox:after {
  width: 33%;
  content: "";
  clear: both;
  display: block;
}
.img-listbox {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.img{
    width: 33%;
  	margin-bottom: 10px;
	display: flex;
	display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.img-listbox img{
	width: 100%;
  	max-width: 100%;
  	height: auto;
  	max-height: auto;
  	margin: 0;
}


.img-listbox:after,.img-listbox:before {
    content: "";
    clear: both;
    display: block;
}
.img-listbox,.img{
  	overflow: hidden;
    margin: 0;
  	padding: 0;
}
.img-listbox .img{
  	float: left;
    width: 31%;
  	display: block;
  	margin-right: 15px;
  	margin-bottom: 5px;
}
.img-listbox .img:nth-child(3n+1){
  	clear: both;
}
.img-listbox .img:nth-child(3n){
  	margin-right: 0;
}
.img-listbox .img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: auto;
  margin: 0;
}
*/

/* 広告 */
.banners {
  display: flex;
}
.banners span {
  display: block;
  float: left;
  margin-right: 12px;
}
.banners img {
  vertical-align: middle;
}


/* ページトップ */
.page-top {
  width: 100%;
  margin: 0 auto;
  background: #DFDBCD;
}
.page-top p {
  width: 100%;
  max-width: 1200px;
  text-align: right;
  margin: 0px auto;
}
.page-top p a {
  padding: 0.5em;
  background: #fff;
}


#page_top{
  width: 80px;
  height: 56px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 56px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 1.5em;
  /*font-size: 25px;*/
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 1em;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and (max-width: 480px){
  .FoLa-link {
    margin-right: 0px!important;
  }
  #ss-voice {
    margin-right: 0px!important;
  }
  #theme {
    margin-right: 0px!important;
  }
  #ss-small, #ss-medium, #ss-large {
    padding: 0.3em 0.5em;
  }
  
  #footer{ 
	width: 100%; 
	margin: 0;
  	overflow:hidden;
    font-size: 0.9em;
  }
  .footer_nav a {
    font-weight: normal;
  }
  
  /* copy_right */
  .footer_c {
    background: #0a1e20;
  	background: #000a0c;
	width: 100%;
	margin: 0;
	padding: 1em 0;
  }
  .footer_c p {
    margin: 0;
	color: #fff;
    font-size: 0.8em;
	text-align: center;
  }
  
  .glo_nav {
    margin: 0 auto;
    padding-left: 0px;
  }
}

/* ========================================================================================================================================================================================================================================== */
/*記事ページ下部　お問い合わせ*/
.contact .inquiry{
  clear:both;
  display:block;
  padding: auto;
  overflow: visible;
  margin: 8px;
  border: none;  
}
.contact .inquiry a{
    padding: 6px 12px;
    overflow: visible;
    border: 1px #BBB solid;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;  
    background: #ddd;
    color: #333;
    text-decoration: none;
    margin:0 auto;
}

.contact .inquiry a:hover {
    background: #bbbbbb;
}





/*改行*/
/*改行調整*/
@media screen and (min-width: 480px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 480px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


/*画像可変*/
.content_l_box01 article img {
  max-width: 100%;
  max-height: 100%;
  height: auto!important;
}

@media screen and (max-width: 736px){	
  /*.content_l_box01 article p img {
    max-width: 100%!important;
    max-height: 100%!important;
    width: 100%;
    height: 100%;
  }*/
  .img-listbox img{
  	max-width: 100%;
    width: auto;
    height: auto!important;
  }
  
}

p object{ max-width: 100%; }


}
/**** チャットボット **********************************************/
#chatbot{}

#chatbot{
  width:100%;
}

#chatbot h2{
  width: 100%;
  font-size: 120%;
  font-weight: 600;
  color: #222;
  padding: 10px 0px;
  margin-top:20px;
  margin-bottom: 10px;
  border-top: 2px rgb(224,79,79)solid;
  border-bottom: 2px rgb(224,79,79) solid;
}


#chatbot #ulAiWidget{
  width:100% !important;
  overflow:auto;
}


.banner_box01 span {
  font-size: 100%;
  font-weight: 400;
  margin: 0px 8px;
  text-align: center;
  line-height: 0px;
}
.banner_box01 span img {
  /*width: 100%;*/
  width: 150px;
  margin: 0px auto;
  /*border: 1px #ccc solid;*/
}
@media screen and (max-width: 420px){
  .banner_box01 .ul01 li img {
    /* width: 100%; */
    width: 100%;
    margin: 0px auto;
    border: 0px #ccc solid;
  }
  .banner_box01 span img {
    width: 100%;
    margin: 0px auto;
    /* border: 1px #ccc solid; */
  }
}



/*burgermenu-new*/
#g_nav-content{ background:	rgba(30,112,55,.9); }
.glo_nav{ margin-top: 40px; padding: 0; width: 90%; }

.glo_nav li{ padding: 0; }

.first-menu{ 
  margin: 0;
  cursor: pointer;
  position: relative; 
  overflow: hidden;
  padding: 10px 0;
  padding-right: 35px;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.first-menu a{ color: #fff; }
/*.first-menu::after{
  	position: absolute;
  　top: 0;
  	right: 0;
    content: "";
    cursor: pointer;
    float: right;
    padding: 1.5em 1.7em;
    background: rgba(18,92,40,0.90);
    color: #fff;
  	z-index: 100;
}*/


/*middle-menu*/
ul.middle-menu{ padding: 0; }
.middle-menu{
  display: block;
  margin: 0;
  padding: 10px;
  background: rgba(18,92,40,0.90);
  border-bottom: 1px solid rgba(30,112,55,.9);
  position: relative; 
  overflow: hidden; 
  color: #fff;
  font-size: 90%;
  font-weight: 400;
  text-align: left;
}
.middle-menu li{ 
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(30,112,55,.9);
  padding: 10px;
  padding-left: 1.2em;
}
.middle-menu li a{ 
  color: #fff;
  font-weight: 400;
  padding: 0;
}
.middle-menu li:before{
    content: '';
    position: absolute;
    left: 3px;
    top: 16px;
    width: 6px;
    height: 6px;
    border-top: 2px solid rgba(255,255,255,0.5);
    border-right: 2px solid rgba(255,255,255,0.5);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.middle-menu-spacing{
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}


/*display: none;*/
.pull-down{ display: none; }


/*third-pulldown*/
.third-menu.open {
  display: block;
}

.third-menu{
  background: rgba(10, 78, 30, 0.9);
  display: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  animation: show 3s linear 0s;
}

.third-menu li:before{
    content: '';
    position: absolute;
    left: .5em;
    top: 18px;
    width: 6px;
    height: 6px;
    border-top: 2px solid rgba(255,255,255,0.5);
    border-right: 2px solid rgba(255,255,255,0.5);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.third-menu li{
  border-bottom: 1px solid rgba(30,112,55,.9);
  padding: 10px;
  padding-left: 2em;
  position: relative;
}
.third-menu li a{
  color: #fff;
  font-size: 90%;
  font-weight: 400;
}




/**/
.cont-link-btn{
	margin: 35px auto 10px auto;
  	width: 90%;
}
.cont-link-btn li{ margin-bottom: 10px; }
.cont-link-btn li a{ 
  	display: block;
  	color: #fff;
  	padding: 10px 15px;
  	text-align: center;
  	border: 1px solid #fff;
  	position: relative;
}

.cont-link-btn li a:before {
    content: '';
    position: absolute;
    left: 5px;
    /* top: 25px; */
    top: 1.2em;
    width: 6px;
    height: 6px;
    border-top: 2px solid rgba(255,255,255,1);
    border-right: 2px solid rgba(255,255,255,1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*span-animation*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: absolute;
  	right: 5px;
  	top: 25%;
	width: 25px;
	height: 20px;
}
.menu-trigger span {
	position: absolute;
  	top: 35%;
	left: 0;
	width: 50%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;	
}

.menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(5px) translateX(2px) rotate(45deg);
	transform: translateY(5px) translateX(2px) rotate(45deg);
}
.menu-trigger span:nth-of-type(2) {
	-webkit-transform: translateY(5px) translateX(10px) rotate(-45deg);
	transform: translateY(5px) translateX(10px) rotate(-45deg);
}
	
.open .menu-trigger{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.open .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(0) translateX(5px) rotate(-45deg);
	transform: translateY(0) translateX(5px) rotate(-45deg);
}
.open .menu-trigger span:nth-of-type(2) {
	-webkit-transform: translateY(0) translateX(5px) rotate(45deg);
	transform: translateY(0) translateX(5px) rotate(45deg);
}




/*.first-menu{ 
  margin: 0;
  cursor: pointer;
  position: relative; 
  overflow: hidden;
  padding: 10px 0;
  color: #fff;
  font-weight: 500;
  text-align: left;
  border-bottom: 1px solid #fff;
}
/*.first-menu::after{
  	position: absolute;
  　top: 0;
  	right: 0;
    content: "";
    cursor: pointer;
    float: right;
    padding: 1.5em 1.7em;
    background: rgba(18,92,40,0.90);
    color: #fff;
  	z-index: 100;
}

.middle-menu{ margin: 0; display: none; background: rgba(18,92,40,0.90); }
.middle-menu li{ padding-left: 1em; position: relative; overflow: hidden; border-bottom: 1px solid rgba(30,112,55,.9); }
.middle-menu li a{ color: #fff; font-size: 90%; font-weight: 400; padding: 10px 0; padding-left: 10px; }
.middle-menu li:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 18px;
    width: 6px;
    height: 6px;
    border-top: 2px solid rgba(255,255,255,0.5);
    border-right: 2px solid rgba(255,255,255,0.5);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/




/**/
.cont-link-btn{
	margin: 35px auto 10px auto;
  	width: 90%;
}
.cont-link-btn ul{ padding: 0; margin: 0; }
.cont-link-btn li{ margin-bottom: 10px; list-style: none; }
.cont-link-btn li a{ 
  	display: block;
  	color: #fff;
  	padding: 10px 15px;
  	text-align: center;
  	border: 1px solid #fff;
  	position: relative;
}

.cont-link-btn li a:before {
    content: '';
    position: absolute;
    left: 5px;
    /* top: 25px; */
    top: 1.2em;
    width: 6px;
    height: 6px;
    border-top: 2px solid rgba(255,255,255,1);
    border-right: 2px solid rgba(255,255,255,1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 420px){
  #ss-voice-controller {
    position: absolute;
    width: 90%;
    top: 3em;
    right: 1em;
  }
  .jp-audio {
    width: 100%;
  }
  .jp-audio .jp-controls {
    width: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
  }
}



/*アクセシビリティのレスポンシブ*/
@media screen and (max-width: 480px){
  #google_translate_element{ margin: 0; }
  #theme{ display: block; margin: 10px 0 0 0; }
  #theme p{ width: 100%; margin: 0; }
  #ss-theme{ width: 100%; display: flex; justify-content: center; margin-top: 5px; }
  #ss-theme a.white,
  #ss-theme a.yellow,
  #ss-theme a.blue,
  #ss-theme a.black,
  #ss-theme a.green-tea{
      text-align: center;
      display: block;
      width: 100%;
      margin: 0 auto;
      margin-right: 2px;
      font-size: 1em;
/*      font-size: 12px;*/
  }
  #ss-theme a.green-tea{ margin-right: 0; }

  #size{ flex-wrap: wrap; justify-content: space-evenly; }
  #size p{ width: 100%; margin: 0 0 5px; }
  #ss-small, #ss-medium, #ss-large{
      margin-bottom: 5px;
      font-size: 80%;
      margin: 0;
  }
  #ss-large{ }
}



.follow{
  	width: 280px;
  	margin: 0 auto;
	display: flex;
  	display: -webkit-flex;
  	justify-content: space-between;
  	padding: 0;
}
.follow li{
	list-style: none;
  	width: 64px;
}
.follow li a{
  vertical-align: bottom;
}
.follow li img{ 
	max-width: 100%;
  	width: auto;
  	height: auto;
}



/*== 総合トップ新着情報のサイトアイコン ========================================================================================================================================*/
.icon-greencitea::after {
    content:"緑茶化";
    /*display: inline-block;*/
    background: #006633;
    border-radius: 10%;
    margin-left: 5px;
    padding: 3px;
    color: #ffffff;
    font-size: 80％;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    font-size: 75%;
/*
    transform: scale(0.75, 1);
	transform-origin: top left;
  */
}
.icon-marathon::after {
    content:"マラソン";
    /*display: inline-block;*/
    background: #0022aa;
    border-radius: 10%;
    margin-left: 5px;
    padding: 3px;
    color: #ffffff;
    font-size: 80％;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    font-size: 75%;
	/*
  	transform: scale(0.5, 1);
	transform-origin: top left;
	*/
}
.icon-museum::after {
    content:"博物館";
    /*display: inline-block;*/
    background: #884422;
    border-radius: 10%;
    margin-left: 5px;
    padding: 3px;
    color: #ffffff;
    font-size: 80％;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    font-size: 75%;
  	font-weight: 200;
  /*
	transform: scale(0.75, 1);
	transform-origin: top left;
  */
}