/* =========グローバル========= */

/* 最上部リンクアイコン */
.head_link {
	display: none;
	padding: 5px 0 0 0;
	overflow: visible;
}
.addmenu {
	display: none;
}

@media screen and (max-width: 787px) {
	/* 最上部リンクアイコン */
	.head_link {
		display: block;
		text-align: right;
		padding-right: 6px;
	}
}
@media screen and (max-width: 568px) {
	.head_link {
		padding-right: 1px;
		padding-top: 56px;
	}

	.image-main {
		margin-bottom: 0 !important;
	}
	.image-main .wrap {
		padding-top: 0.3em;
	}
	.image-main .box-main-image {
		width: 100%;
	}
	.topimg {
		margin-bottom: 0 !important;
	}
	.addmenu {
		margin-top: 1em;
		padding: 0;
	}
	.addmenu {
		display: block;
	}

	.addmenu {
		overflow: visible;
	}
	.addmenu .access {
		display: inline-block !important;
		height: 34px;
		background-color: #fff;
		border: 1px solid #dddddd;
		box-sizing: border-box;
		width: 100%;
		max-width: 140px;
	}
	.addmenu .access a {
		width: 100%;
		background-image: url(https://www.kanen.ncgm.go.jp/core/img/btn_head_access.png);
		display: block;
		height: 100%;
		border: 1px solid #dddddd;
		background-repeat: no-repeat;
		text-indent: -1000em;
		background-size: auto 100%;
		box-sizing: border-box;
	}

	.addmenu .search_menu {
		margin-top: 0.5em;
	}
	.addmenu .search_menu label {
		display: none;
	}


	.header ul.sub-nav {
		display: none;
	}

	.header .page_control {
		display: none;
	}

	.box-search {
		white-space: nowrap;
		overflow: visible;
	}
	.box-search #search_txt {
		height: 24px;
	}
	.box-search .search_bt {
		font-size: 15px;
		vertical-align: bottom;
	}

}






/* =========トップページ======= */

.topimg {
	margin: 0 0 10px 0;
}
.topimg img {
	width: 100%;
	height: auto;
}

/* アコーディオン */
.acd-check{
	display: none;
}




.bx-controls-direction {
	display: none;
}


#slider .article, #slider .section, #slider .nav, #slider dl, #slider ul, #slider h2, #slider div {
	padding: 0px;
}
#slider .bx-wrapper{
	overflow: visible;
}
#slider ul {
	overflow: hidden;
}

.bx-wrapper {
	box-shadow: none !important;
}
.bx-viewport {
	overflow: hidden !important;
}


#slide_gra_l {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 3;
	text-align: left;
	width: 10%;
}
#slide_gra_l img {
	width: 100%;
	height: 100%;
}
#slide_gra_r {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	text-align: right;
	width: 10%;
}
#slide_gra_r img {
	width: 100%;
	height: 100%;
}

.bottom_link {
	margin-top: 40px;
}
.bottom_link ul {
	list-style: none;
	padding: 0;
	text-align: center;
	overflow: visible;
}
.bottom_link ul > li {
	vertical-align: top;
	display: inline-block;
	padding: 0.2em;
	box-sizing: border-box;
}
.bottom_link ul > li #ncgm_bar {
	display: block;
	box-sizing: border-box;
	height: 60px;
	width: 234px;
	border: 1px solid #d7d7d7;
	text-align: center;
	padding: 13px 2px 0 7px;
}


.bottom_link ul > li #ncgm_bar img {
	width: 100%;
	height: auto;
}


.news_section .division > dl > * {
	display: none;
}
 

@media screen and (max-width: 787px) {

	/* アコーディオン */
	.wrap.menu .section.user {
		float: none;
		margin-right: 1.5%;
		margin-left: 1.5%;
		margin-bottom: 1em;
	}
	.wrap.menu .section.category {
		float: none;
		margin-right: 1.5%;
		margin-left: 1.5%;
		margin-bottom: 1em;
	}

	.acd-label {

	}
	.acd-label:hover {
		cursor: pointer;
		transition: .2s;
		opacity: 0.7;
	}
	.acd-content {
		transition: .5s;
		opacity: 0;
		display: none;
	}
	.acd-check:checked + .acd-label + .acd-content {
		opacity: 1;
		display: block;
	}

	.wrap.bottom {
		display: flex;
		flex-flow: column;
	}

	.wrap.bottom .nav {
		order: 2;
	}
	.wrap.bottom .box-news {
		order: 1;
	}

	.wrap.bottom .nav ul {
		text-align: center;
		margin: 0 0 2em 0;
	}
	.wrap.bottom .nav ul > li{
		width: 45%;
		margin: 0.5% 1%;
		display: inline-block;
		vertical-align: bottom;
	}

	.bottom_link {
		margin-top: 0;
	}
	.bottom_link ul {
		text-align: center;
		margin: 0 0 2em 0;
	}
	.bottom_link ul > li {
		width: 45%;
		padding: 0.2% 1%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}
	.bottom_link ul > li img {
		width: 100%;
		height: auto;
	}

	.bottom_link ul > li #ncgm_bar {
		display: block;
		box-sizing: border-box;
		height: auto;
		width: 100%;
		border: 1px solid #d7d7d7;
		text-align: center;
		padding: 7% 0 0 0;
		aspect-ratio: 196 / 50;
	}
	.bottom_link ul > li #ncgm_bar img {
		width: 82%;
		height: auto;
	}


	#facebook_bar {
		display: none;
	}

}




@media screen and (max-width: 568px) {
	.news_section .division > dl > *:nth-of-type(1) {
		display: block;
	}
	.news_section .division > dl > *:nth-of-type(2) {
		display: block;
	}

	#slider {
		
	}
	.bx-wrapper {
		max-width: 100% !important;
		margin-bottom: 30px !important;
	}
	ul.bxslider > li {
		padding: 0;
	}
	ul.bxslider > li img {
		width: 100%;
		height: auto;
	}
	ul.bxslider > li:nth-of-type(1) img {

	}
	#slide_gra_r {
		display: none;
	}
	#slide_gra_l {
		display: none;
	}
}
@media screen and (min-width: 567px) and (max-width: 787px) {

	.news_section .division > dl > *:nth-of-type(1) {
		display: block;
	}
	.news_section .division > dl > *:nth-of-type(2) {
		display: block;
	}

	#slider {
		padding-bottom: 20px;
	}
	.bx-wrapper {
		max-width: 100% !important;
		margin-bottom: 20px !important;
	}
	ul.bxslider > li {
		width: 210px !important;
		padding: 0 10px;
	}
	ul.bxslider > li img {
		width: 100%;
		height: auto;
		margin: 0 0 0 -230px;
	}
	ul.bxslider > li:nth-of-type(1) img {

	}
}
@media screen and (min-width: 788px) and (max-width: 1044px) {

	.news_section .division > dl > * {
		display: block;
	}

	#slider {
		padding-bottom: 20px;
	}
	.bx-wrapper {
		max-width: 100% !important;
		margin-bottom: 20px !important;
	}
	ul.bxslider > li {
		width: 285px !important;
		padding: 0 10px;
	}
	ul.bxslider > li img {
		width: 100%;
		height: auto;
		margin: 0 0 0 -220px;
	}
	ul.bxslider > li:nth-of-type(1) img {

	}
}
@media screen and (min-width: 1045px) {

	.news_section .division > dl > * {
		display: block;
	}

	#slider {
		padding-bottom: 20px;
	}
	.bx-wrapper {
		max-width: 100% !important;
		margin-bottom: 20px !important;
	}
	ul.bxslider > li {
		width: 300px !important;
		height: auto;
		padding: 0 10px;
	}
	ul.bxslider > li img {
		width: 100%;
		height: auto;
		margin: 0 0 0 -120px;
	}
	ul.bxslider > li:nth-of-type(1) img {

	}
}

@media screen and (max-width: 787px) {
  .header ul.sub-nav li.en_btn {
    display: none !important;
  }
  .header ul.sub-nav li.cn_btn {
    display: none !important;
  }

}

.bottom_link ul > li #ncgm_bar {
	padding: 8px 10px 0 9px;
}


.bottom_link ul > li #ncgm_bar img {
	width: 100%;
	height: auto;
}