@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('font/NotoSansCJKjp-DemiLight.eot');
    src: url('font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: bold;
    font-weight: 400;
    src: url('font/NotoSansCJKjp-Bold.eot');
    src: url('font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}


* {
	font: 300 15px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese',sans-serif;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 16px;
	color: #333;
	line-height: 1.8;
	letter-spacing: 0.05em;
	}


/* @group fixedTop */
#fixedTop {
	right:10px;
	bottom:10px;
	width:70px;
	height:70px;
	position:fixed;
	z-index:9999;
	opacity:.6;
}
ul{
	list-style: none;
	}
.uk-input{
	color: #656565 !important;	
	border: 1px solid #79a89d !important;
}
.menu_z{
		z-index:100;
}
.uk-select{
	border: 1px solid #79a89d !important;
	color: #656565 !important;
}
li{
	color: #5b5b5b !important;
}

#cmap{
	width:100%;
	height: 100vh;
}
.men_bgc{
	background-color: #00664b;
}
.men_nu_bgc{
	background-color: rgba(13, 148, 113, 0.9);
}
.uk-offcanvas-bar{
	background-color: rgba(255, 255, 255, 0.9) ;
	border-left: 6px solid #00664b;
	}
.menu_fon{
	color:#656565 !important;
}
.top_bgc{
	background-color: rgba(255,  255,  255, 0);
}
.infoW{
	width:100%;
	max-width:500px;
	}
	
.bdr_fff_4{
	border-bottom: 1px solid #79a89d;
	cursor:pointer;
}
.bdr_menu {
  border-left: 3px solid #00664b;
  padding-left: 10px;
}
.menu_f{
	color:#00664b;
}
.box_menu{
	border: 1px solid rgba(99, 70, 70, 0.93);
	}

.h_300{
	height:200px;
	}
	
	 /* リンクボタン*/
    a.link_btn {

     background-color: #018e9c;
      color: #fff;
      border: 1px solid #fff;
      
    }

    a.link_btn:hover {
      border: 1px solid #018e9c;
      background-color: #fff;
      color: #018e9c;
    }
    .uk-offcanvas-bar {
	    padding: 20px 20px;
	    width: 280px;
	    }
	    
 .uk-offcanvas-close{
	    color: #000000 !important;
	 
	 }
	 			
	 
	 .page_main > aside {
		 background-color: #ffffff;
		 width: 300px;
		 height: 100%;
		 top: 0;
		 left: 0px;
		 position: fixed;
	 }
	 
	 .sidebar_btn {
		 display: block;
		 position: absolute;
		 left: 300px;
		 width: 30px;
		 height: 100vh;
		 margin: 0;
		 padding: 0;
		  margin-left: -1px;

	 }
	 .scrl{
		 overflow: auto;
		 height: 100vh;
		 border-right: 2px solid #00664b; 

	 }
	 
	 .w_98p{
		 
		 width: 98%;
	 }

.loc-link-button {
	font-size: 13px;
	/* フォントサイズを15pxに設定 */
	text-decoration: none !important;
	/* 下線を消す */
	color: #666666;
	/* テキストの色を黒（またはお好みの色）に設定 */
	padding: 2px 4px;
	/* パディングを追加してボタンらしく */
	border: 1px solid #e5e5e5 !important;
	/* 枠線を追加 */
	display: inline-block;
	/* インラインブロック要素として表示 */
	background-color: #FFFFFF;
	/* 背景色を白（またはお好みの色）に設定 */
	border-radius: 2px;
	/* 角を丸く */

	margin-left: 10px;
}

a:link.loc-button {
		border: 1px solid #e5e5e5 !important;
			/* 枠線を追加 */
	text-decoration: none !important;;
	background-color: #F0F0F0;
	/* ホバー時の背景色を変更 */
	color: #666666;
	/* ホバー時のテキスト色を変更 */
	outline:none;
}

a:active.loc-button  {
	border: 1px solid #e5e5e5 !important;
	/* 枠線を追加 */
	text-decoration: none;
	background-color: #F0F0F0;
	/* ホバー時の背景色を変更 */
	color: #666666;
	/* ホバー時のテキスト色を変更 */
}
a:visited.loc-button {
	border: 1px solid #e5e5e5 !important;
	/* 枠線を追加 */
	text-decoration: none;
	background-color: #F0F0F0;
	/* ホバー時の背景色を変更 */
	color: #666666;
	/* ホバー時のテキスト色を変更 */
}
a:hover.loc-button {
		border: 1px solid #1e87f0 !important;
			/* 枠線を追加 */
				text-decoration: none !important;

	background-color: #1e87f0;
	/* ホバー時の背景色を変更 */
	color: #1e87f0;
	/* ホバー時のテキスト色を変更 */
}