@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* you can add your own custom css here if you don't want to worry about SASS/SCSS */
body {
			--bs-body-font-family: "Noto Sans JP",Arial,"Shin Go Regular",system-ui,-apple-system,"Helvetica Neue","Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
		nav.topnav ul {
			 --bs-nav-link-font-size: 0.875rem;
		}
		&.en-gb {
      --bs-body-font-size: 1rem !important;
		}
		a:hover{
				text-decoration: underline;
				color: var(--bs-link-hover-color);
		}
		nav a:hover,
		.btn:hover {
			 	text-decoration: none;
		}
}
header {
		.container {
		--bs-gutter-x: 0;
		}
		nav.navbar {
				--bs-navbar-padding-y: 0;
		}
		nav.topnav .container {
				background-color: #99C270;
				.topmenu {
						background-color: #EDD898;
						margin: 10px 0 0 10px;
				}
				div.mod-languages .btn-group .btn {
						margin: 8px 10px 2px;
				}
  	}
	 .topimage {
			 border-bottom: solid 10px #99C270;
 	 }
 	/* MAIN MENU */
	 nav.mainnav .offcanvas-body {
		 	--bs-nav-link-font-size: 0.875rem;
		 	.dropdown-menu {
			 		--bs-dropdown-font-size: 0.875rem;
		 		}
 	 }
	 div.mod-languages ul.lang-block li {
			 a {
					color: var(--bs-black);
			 }
		 	 &.lang-active {
				 	background-color: var(--bs-gray-400);
					&:hover {
	 				 	background-color: var(--bs-gray-400);
	 			 }
			 }
			 &:hover {
				 	background-color: var(--bs-gray-200);
			 }
	 }
}
/* BREADCRUMB */
.breadcrumbs {
		/* BREADCRUMB MODIFY 24/05 ADD 2023 */
		.breadcrumb-item + .breadcrumb-item::before {
			    content: "\f105";
			    font-family: "Font Awesome 6 Free";
			    font-weight: 900;
		}
		.awesomplete {
					display: block;
		}
}
/* TOP PAGE CONTENT
.moduletable.topinfo h1 {
				border-bottom: 8px solid #D7EDAC;
}
*/
/* FINDER INPUT*/
.input-group .awesomplete .form-control {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
}
/* CONTACT FORM */
.invalid {
	  color:#9d261d;
	  .form-control-feedback{
		    display: block;
	  }
}
input, textarea {
		--bs-border-color: var(--bs-gray-400);
		&.invalid {
		  border:1px solid #9d261d;
		  background:#f2dede;
		}
}
/* MODAL ADD 2023 */
div.joomla-modal.fade {
	  top:5%;
}
.jviewport-height70 {
	  height: 70vh;
}
button.navbar-toggler {
		--bs-navbar-toggler-focus-width: 0;
}

@media (min-width: 1400px) {
	main .topinfo h1 {
		padding-left: 11.5rem !important;
		padding-right: 11.5rem !important;
		}
		nav.mainnav .offcanvas-body	ul.navbar-nav.d-lg-flex > li > a {
			--bs-navbar-nav-link-padding-x: 1rem;
			--bs-nav-link-font-size: 1.125rem;
		}
		footer .container	.footermenu ul > li a {
			--bs-nav-link-font-size: 1.125rem;
		}
}
@media (min-width: 1200px) {
	header nav.mainnav .offcanvas-body {
		 --bs-nav-link-font-size: 1rem;
	}
	footer .footermenu ul > li a {
		 --bs-nav-link-padding-x: 2rem;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
	main .topinfo h1 {
		padding-left: 6rem !important;
		padding-right: 6rem !important;
		}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	main .topinfo h1 {
		font-size: 2.4rem;
		}
}
@media (min-width: 992px) {
	/* HEADER MODIFY 2025/05 */
	header {
			nav.topnav ul.topmenu > li {
				 border-right: solid 2px #99C270;
				 > a	{
					 color: var(--bs-black);
					 padding: 8px 6px;
					 margin: 0;
					 border-radius: 0;
					 line-height: 14px;
					 &:hover	{
							 color: var(--bs-white);
							 background-color: var(--bs-gray-600);
						}
				 }
				 &.active > a,
				 &.active > a:hover {
						 color: var(--bs-black);
						 background: var(--bs-white);
				 }
			}
			nav.mainnav {
				.offcanvas-body {
						background-color: var(--bs-black);
						ul.navbar-nav.d-lg-flex > li {
										> a {
											--bs-nav-link-color: var(--bs-white);
											--bs-navbar-active-color: var(--bs-white);
											--bs-nav-link-hover-color: var(--bs-white);
								      --bs-nav-link-padding-y: 0.75em;
										}
										&:hover {
												background-color: var(--bs-gray-600);
										}
										&.active {
												background-color: var(--bs-gray-700);
												&:hover {
													background-color: var(--bs-gray-600);
												}
										}
										&:last-child ul {
												--bs-position: end;
												right: 0;
  											left: auto;
										}
										li {
												.dropdown-item {
														--bs-dropdown-link-hover-bg: var(--bs-gray-300);
														--bs-dropdown-link-active-bg: var(--bs-gray-500);
													}
												&.active {
														background-color: var(--bs-gray-500);
														--bs-dropdown-link-color: var(--bs-white);
													}
										}
									}
						}
			}
	}
}
@media (min-width: 768px) {
	footer {
			.container {
					background: var(--bs-black);
	 			}
			.footermenu ul > li {
					&:hover{
						background-color: var(--bs-gray-600);
					}
					a {
						--bs-nav-link-font-size: 1rem;
						color: var(--bs-white);
						--bs-nav-link-hover-color: var(--bs-white);
						text-decoration: none;
					}
			}
		}
}
@media (min-width: 576px) {
	.modal-dialog.jviewport-width80 {
		  width: 80vw;
		  max-width: none;
	 }
}
@media (max-width: 991.98px) {
	nav.mainnav .offcanvas-body .d-lg-none {
		ul:last-child {
				border-top: 1px solid var(--bs-gray-300);
		}
		& > ul > li > a::before {
				content: "\f068";
				font-family: "Font Awesome 6 Free";
				font-weight: 900;
				padding-right: .5rem;
		}
		.dropdown-item {
				white-space: normal;
				--bs-dropdown-link-hover-bg: var(--bs-gray-300);
				--bs-dropdown-link-active-bg: var(--bs-gray-500);
		}
	}
}
@media (max-width: 575.98px) {
	.offcanvasmenu {
		padding-right: 0.75rem;
	}
}

/* TOP PAGE BUTTON */
/*
@media (max-width: 1199.98px) {
	body {
		--bs-body-font-size: 0.875rem !important;
	}
}
.btn-info-custom {
	--bs-btn-color: #fff;
	--bs-btn-hover-color: #fff;
	--bs-btn-line-height: 1;
	--bs-btn-bg: #2f96b4;
	--bs-btn-hover-bg: #2f96b4;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
	&:hover{
		background-position: 0 -15px;
		text-decoration: none;
	}
}
.btn-info-news {
	--bs-btn-color: #333;
	--bs-btn-hover-color: #333;
	--bs-btn-line-height: 1;
	--bs-btn-bg: #e6e6e6;
	--bs-btn-hover-bg: #e6e6e6;
  background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbb;
	&:hover {
		background-position: 0 -15px;
		text-decoration: none;
	}
}
*/
/* PAGETOP BUTTON
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #333 url("../../../images/icon_up.png") no-repeat scroll center center;
	opacity: 0.6;
	border-radius: 50%;
}
#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

@media (max-width: 767.98px) {
	.body .i_contents {
		padding: 10px 10px 20px;
	}
	img.logosmall {
		margin-left: 10px;
	}
	.moduletable.topinfo {
		margin: 10px 0;
	}
	.moduletable.latestnews {
		margin: 10px 0;
	}
	ul.topmenu {
		background-color: #fff;
		text-align: center;
		float: inherit;
		margin: 0;
	}
	.topmenu.nav-pills > li {
		border-right: none;
	}
	.topmenu.nav-pills > li > a {
		color: #000;
		padding: 8px 0;
	}
	.topmenu.nav-pills > li > a {
		margin: 0;
		border-radius: 0;
	}
	.topmenu.nav-pills > .active > a,
	.topmenu.nav-pills > .active > a:hover {
		background: #005e8d;
		color: #fff;
	}
	.nav.topmenu > li > a:hover,
	.nav.topmenu > li > a:focus {
		background-color: #666;
		color: #fff;
	}
	.moduletable.phonetop .nav.topmenu {
		background-color: #fff;
		float: none;
		margin: 0 0 10px;
	}
	.moduletable.topinfo h1 {
		border-bottom: none;
		font-size: 16px;
		line-height: 16px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.moduletable.topinfo h1 {
		font-size: 16px;
		line-height: 16px;
	}
	body.en 	.moduletable.topinfo h1 {
		font-size: 18px;
		line-height: 10px;
	}
	.nav.hosemenu > li:nth-child(n+2) {
		width: 342px;
	}
	.nav.hosemenu > li:nth-child(n+7) {
		width: auto;
	}
	.contact-form .form-horizontal .form-control {
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 768px) {
	.moduletable.topics,
	.moduletable.news {
		margin: 0 200px;
	}
	.contact-form .form-horizontal {
		.control-label {
			text-align: right;
		}
	}
}

.moduletable.topinfo {
		h1 {
				border-bottom: 8px solid #D7EDAC;
				font-size: 26px;
				line-height: 18px;
		}
		h2 {
				margin-bottom: 9px;
		}
		.btn {
				display: block;
				font-size: 16px;
		}
}

*/