li {
  display: inline-block;
}


#prfcmenu>ul{
  background-color: transparent;
}
#prfcmenu>ul>li{
  background-color: transparent;
}
#prfcmenu>ul>li>a{
  display: inline-block;
  font-size:16px;
  padding: 0.1em 0.5em;
  text-decoration: none;
  text-shadow:none;
  /*color: #228b22;*/
  color:black;
  font-weight:bold;
  background-image:none;
  background-color: transparent;
  border: none;
  border-radius: 3px;
  transition: .2s;
}
#prfcmenu>ul>li>ul>li>a{
  background: white;
  color: #337ab7;
}
#prfcmenu>ul>li>ul>li>a:hover{
  background: white;
  color: #337ab7;
  text-decoration: underline;
}

 


/* 画面サイズの横幅が 768px 以下で適用 */
@media screen and (max-width: 768px) {
  /*ヘッダースライダーのｃｓｓ*/
    /*=== 画像の表示エリア ================================= */
.slide {
 position   : relative;
  overflow   : hidden;
  width      : 100%;
  height     : 25%;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide-img {
  display    : block;
  position   : absolute;
  width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
  opacity    : 0;
  animation  : slideAnime 16s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
#img1{ animation-delay: 0s }
#img2{ animation-delay: 4s }
#img3{ animation-delay: 8s }
#img4{ animation-delay: 12s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   3% { opacity: 1 }
  30% { opacity: 1 }
  33% { opacity: 0 }
 100% { opacity: 0 }
}
  .header img{
  width: 100%;
  margin: 0px;
  padding: 0px;
  }
  .selectAreah2{
    margin-bottom: 0px;
    margin-left: 0px;
    font-size:18px;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
 .home_description1{
   text-align:center;
  float:  left;   /* 回り込み指定 */
   width: 50%;    /* 横幅を割合で指定 */
  height: auto;
 }
 .home_description2{
   margin : 0 auto;
   width: 50%;    /* 横幅を割合で指定 */
  height: auto;
 }
  .descriptionh2{
    text-align: center;
    font-size:16px;
    font-weight: bold;
    margin:10px 0px 5px 0px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }
  .descriptionh3{
    margin:10px 0px 0px 0px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:15px;
    font-weight: bold;
  }
  .descriptionh4{
    margin:10px 0px 0px 0px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:15px;
    font-weight: bold;
  }
  .description{
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:12.5px;
  }
  img.img1{
    width: 95%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
    margin-bottom: 0px;
    border-radius: 10px;
    }
    #prfcmenu {
  margin-top: 20px;
  margin-bottom: 20px;
}
.col-xs-12.black-bg{
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom:15px;
}

/*ヘッダー　スライド無し、クリック用*/
.no-slide {
  position   : relative;
   overflow   : hidden;
   width      : 100%;
   height     : 25%;
   margin     : auto;      /* サンプルは中央寄せの背景：白 */
   background : #fff;
 }

  
}
/* 画面サイズの横幅が 769px 以上で適用 */
@media screen and (min-width: 769px) {  
  /*ヘッダースライダーのｃｓｓこれを参考にした(https://webparts.cman.jp/img/slideshow/)*/
    /*=== 画像の表示エリア ================================= */
.slide {
 position   : relative;
  overflow   : hidden;
  width      : 100%;
  height     : 90%;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide-img {
  display    : block;
  position   : absolute;
  width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
  opacity    : 0;
  animation  : slideAnime 16s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
#img1{ animation-delay: 0s }
#img2{ animation-delay: 4s }
#img3{ animation-delay: 8s }
#img4{ animation-delay: 12s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
  0% { opacity: 0 }
   3% { opacity: 1 }
  30% { opacity: 1 }
  33% { opacity: 0 }
 100% { opacity: 0 }
} 
  .header img{
  width: 100%;
  margin: 0px;
  padding: 0px;
  }
  .selectAreah2{
    margin:50px 0px 0px 0px;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.home_description1{
  text-align:center;
   float:  left;   /* 回り込み指定 */
   width: 48%;    /* 横幅を割合で指定 */
  height: auto;
 }
 .home_description2{
   width: 50%;    /* 横幅を割合で指定 */
  height: auto;
  margin : 0 auto;
 }
  .descriptionh2{
    text-align: center;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
      
  }
  .descriptionh3{
    text-align: center;
    display: inline-block;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:22px;
    font-weight: bold;
  }
  .descriptionh4{
    text-align: center;
    display: inline-block;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:22px;
    font-weight: bold;
  }
  .description{
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:16px;
  }
  img.img1{
   width: 90%;    /* 横幅を割合で指定 */
  height: auto;
    margin-bottom: 0px;
    border-radius: 10px;
  }
  #prfcmenu>ul>li>a:hover{
    background: #228b22;
    color: white;
  }
  #prfcmenu {
  margin-top: 20px;
  margin-bottom: 50px;
}

/*ヘッダー　スライド無し、クリック用*/
.no-slide {
  position   : relative;
   overflow   : hidden;
   width      : 100%;
   height     : 90%;
   margin     : auto;      /* サンプルは中央寄せの背景：白 */
   background : #fff;
 }

}/*PC画面サイズ終わり*/


#areamenu {
	display:inline;
}

#japanIMG {
	margin-top: 70px;
}

#maparea {
            position: relative;
		}
		
#menu01 {
	display: none;
}
        
.cpmenu {
            display: none;
            background: #fff;
            margin: 0;
            padding: 0;
            list-style: none;
            width: 200px !important;
        }
        	
.cpmenu dd {
			display: -ms-inline-flexbox;
      padding: 0.5em 0;
      text-indent: 0.5em;
      border-bottom: 1px dotted #ccc;
    }
/* アニメーション状態指定 */
@keyframes anime {
	0%{
		opacity: 0.0;	/* 透明度 */
	}
	100%{
		opacity: 1.0;
	}
}