@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


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

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size:3.6vw
}
	
.pc{display:none!important;}
.sp{display:block!important;}	

p{
	margin-bottom:4vw;
}


/*header
----------------------------------------------------*/
header{
	width:100%;
	height: 23vw;
	padding: 6vw 0;
}

header h1 a{
	font-size: 6vw;
}

header h1 a span{
	padding-top: 4vw;
	font-size: 4vw;
}




/*Contents layout
----------------------------------------------------*/
section{
	padding: 14vw 0 20vw 0;
}

.contents{
	width:94%;
}


/*top
----------------------------------------------------*/
section h2{
	margin-bottom: 12vw;
	font-size: 8vw;
}

section h2 span{
	font-size: 3.6vw;
}

.box_top{
	padding: 6vw;
	border-radius: 2vw;
}

.box_top p.en{
	font-size: 5vw;
}

.btn{
	padding: 5px 8vw;
	background: #194375 url("../img/icon_link_w.png") no-repeat right 4vw center / 0.5em;
	border-radius: 12vw;
	font-size: 5vw;
}

.btn_back{
	min-width: 100%;
	padding: 5px 8vw;
	background: #FFF url("../img/icon_link.png") no-repeat right 4vw center / 0.5em;
	border-radius: 12vw;
	font-size: 5vw;
}

.btn span,
.btn_back span{
	font-size: 3.6vw;
}

.box_top a{
	min-width: 100%;
}


/*search
----------------------------------------------------*/
section nav ul{
	margin-bottom: 12vw;
	border-radius: none;
	background: none;
}

section nav ul li{
	float: left;
	width: 48%;
	margin: 0 4% 4% 0;
	display: inline-block;
}

section nav ul li:nth-of-type(2n){
	margin: 0 0 4% 0;
}

section nav ul li a{
	padding: 2vw 4vw;
	border-radius: 8vw;
}

.box_search{
	padding: 6vw;
	border-radius: 2vw;	
}

.box_search.Biobran{ border-top: 3vw solid #FAC83E; }
.box_search.NKCP{ border-top: 3vw solid #EF8200; }
.box_search.Ricekefiran{ border-top: 3vw solid #44AF35; }

.ttl_category{
	margin-bottom: 10vw;
	display: block;
	font-size: 4vw;
}

.ttl_category .box_left{
	font-size: 4vw;
}

.box_search h2{
	margin-bottom: 4vw;
	font-size: 6vw;
}

.box_search h2 + p{
	margin-bottom: 6vw;
}

.box_search .searchandfilter ul li{
	margin-bottom: 6vw;
	padding: 3vw 6vw;
	display: block;
}

.box_search .searchandfilter ul li h4{
	margin: 2vw 0 6vw 0;
	font-size: 4.4vw;
}

.box_search .searchandfilter ul li h4 span{
	padding-top: 0;
	font-size: 2.8vw;
}

.box_search .searchandfilter div > ul > li:nth-of-type(1) input{
	padding: 3vw;
	font-size: 4vw;
}

@-moz-document url-prefix() {
.box_search .searchandfilter div ul li:nth-of-type(1) input::placeholder{
	background: url("../img/icon_search.png") no-repeat 4vw center / 1em;
}
}

.box_search .searchandfilter div > ul > li ul li label{
	padding: 5px 4vw;
	border-radius: 6vw;
}

.box_search .searchandfilter div > ul > li:nth-of-type(4) ul{
	height: 18em;
}

.box_search .searchandfilter div > ul > li:nth-of-type(6) input{
	width: 50vw;
	margin: 0 auto;
	padding: 3vw 6vw;
	background: #194375 url("../img/icon_search_kensaku.png") no-repeat right 4vw center / 2.5em;
	border-radius: 12vw;
	font-size: 5vw;
}


/*result
----------------------------------------------------*/
.box_result{
	padding: 6vw;
	border-radius: 2vw;	
}

.box_result.Biobran{ border-top: 3vw solid #FAC83E; }
.box_result.NKCP{ border-top: 3vw solid #EF8200; }
.box_result.Ricekefiran{ border-top: 3vw solid #44AF35; }

.box_search_word{
	margin-bottom: 6vw;
}

.box_search_word p{
	font-size: 7vw;
}

.box_result_inner{
	display: block;
}

.box_result_inner .side{
	font-size: 3.0vw;
}




.box_result_inner .side{
	max-height: 0em;
	overflow: hidden;
	transition: max-height 0.3s
}

.box_result_inner .side.active{
	max-height: 99em;
}

.box_result_inner .filter{
	padding-top: 10px;
	text-align: right;
}

.box_result_inner .filter .btn{
	width: 100%;
	padding: 5px 4vw;
	background: #194375;
	font-size: 3.6vw;
}

.box_result_inner .filter .btn.on{
	display: none;
}
.box_result_inner .filter.active .btn.on{
	display: inline-block;
}

.box_result_inner .filter .btn.off{
	display: inline-block;
}
.box_result_inner .filter.active .btn.off{
	display: none;
}

.box_result_inner .side .searchandfilter ul li{
	margin: 0 0 6vw 0;
}

.box_result_inner .side .searchandfilter ul li:nth-of-type(4){
	margin-bottom: 7vw;
}

.box_result_inner .side .searchandfilter ul li:nth-of-type(4):before{
	bottom:-6.5vw;
}

.box_result_inner .side .searchandfilter ul li h4{
	margin-bottom: 4vw;
	padding-bottom: 2vw;
	font-size: 3.6vw;
}

.box_result_inner .side .searchandfilter ul li h4 span{
	font-size: 2.8vw;
}

.box_result_inner .side .searchandfilter div > ul > li:nth-of-type(1) input{
	padding: 3vw;
	font-size: 3.6vw;
}

@-moz-document url-prefix() {
.box_result_inner .side .searchandfilter div ul li:nth-of-type(1) input::placeholder{
	background: url("../img/icon_search.png") no-repeat 3vw center / 1em;
	color: #999;
}
}

.box_result_inner .side .searchandfilter div > ul > li ul li label{
	padding: 2vw;
}

.box_result_inner .side .searchandfilter div ul li label:has(input[type=checkbox]:checked){
	background: #EFEFEF url("../img/icon_checkout.png") no-repeat right 2vw center / 1em;
}

.box_result_inner .side .searchandfilter div ul li .postform{
	padding: 3vw;
	font-size: 3.6vw;
}

.box_result_inner .side .searchandfilter div > ul > li:nth-of-type(7) input{	
	width: 50vw;
	margin: 0 auto;
	padding: 3vw 6vw;
	background: #194375 url("../img/icon_search_kensaku.png") no-repeat right 4vw center / 2.5em;
	border-radius: 12vw;
	font-size: 5vw;
}


/*result-detail
--------------------------------------*/
.box_result .main .box_sort{
	margin-bottom: 7vw;
}

.box_result .main .box_sort dl{
	width: 32vw;
}

.box_result .main .box_sort dl:nth-of-type(2){
	width: 38vw;
	margin-right: 0;
}

.box_result .main .box_sort dl dt{
	width: 28vw;
	font-size: 3.6vw;
}

.box_result .main .box_sort dl:nth-of-type(1) dt{
	width: 22vw;
	font-size: 3.6vw;
}

.box_result .main .box_sort dl dt span{
	margin-bottom: 1vw;
	font-size: 2.8vw;
}

.box_result .main .box_sort dl dd{
	width: 10vw;
}

.box_result .main .box_sort dl dd a img{
	width: 4vw;
}

.box_detail{
	margin-bottom: 8vw;
	padding-bottom: 8vw;
}

.box_detail .icon_category{
	width: 24vw;
	margin-bottom: 3vw;
	padding: 1vw 4vw;
	border-radius: 6vw;
}

.box_detail h2{
	margin-bottom: 6vw;
	font-size: 5vw;
}

.box_detail h2 span{
	padding-top: 2vw;
	font-size: 3.6vw;
}

.box_word_list{
	margin-bottom: 0;
	font-size: 4vw;
}

.box_word_list span{
	margin-right: 3vw;
}

.box_word_list .searchandfilter li.current-cat label{
	padding-right: 3vw;
}

.box_detail .box_data{
	margin-bottom: 8vw;
	padding: 6vw 4vw 2vw 4vw;
}

.box_detail .box_data .btn_pdf,
.box_detail .box_data .btn_pdf2{
	position: relative;
	top:auto;
	right:auto;
	width: 46vw;
	margin: 0 auto 4vw auto;
	padding: 2vw 8vw 2vw 6vw;
	background: #FFF url("../img/icon_dl.png") no-repeat right 4vw center / 1.1em;
	font-size: 4vw;
	display: block;
}

.box_detail .box_data .btn_pdf:hover,
.box_detail .box_data .btn_pdf2:hover{
	background: #B81515 url("../img/icon_dl_w.png") no-repeat right 4vw center / 1.1em;
}



.box_detail .box_data dl{
	margin-bottom: 5vw;
}

.box_detail .box_data dl:nth-of-type(1){
	margin-top: 8vw;
}

.box_detail .box_data dl:nth-of-type(1),
.box_detail .box_data dl:nth-of-type(2){
	width: 100%;
	display: block;
}

.box_detail .box_data dl:nth-of-type(3),
.box_detail .box_data dl:nth-of-type(4){
	float: none;
	width: 100%;
}

.box_detail .box_data dl dt{
	margin-right: 0;
	font-size: 3.6vw;
}

.box_detail .box_data dl dt span{
	font-size: 3.0vw;
}

.box_detail .abstract dt,
.box_detail .keyword dt{
	margin-bottom: 3vw;
	font-size: 3.6vw;
}

.box_detail .keyword dt{
	margin-bottom: 5vw;
}

.box_detail .abstract dt span,
.box_detail .keyword dt span{
	font-size: 3.6vw;
}

.box_detail .box_data dl:nth-of-type(1),
.box_detail .box_data dl:nth-of-type(1) dt,
.box_detail .box_data dl:nth-of-type(1) dd,
.box_detail .box_data dl:nth-of-type(2),
.box_detail .box_data dl:nth-of-type(2) dt,
.box_detail .box_data dl:nth-of-type(2) dd,
.box_detail .box_data dl:nth-of-type(3),
.box_detail .box_data dl:nth-of-type(3) dt,
.box_detail .box_data dl:nth-of-type(3) dd{
	width: 100%;
	display: block;
}

.box_detail .abstract .learn_more{
	padding-top: 2vw;
}

.box_detail .abstract .learn_more .btn{
	width: 32vw;
	padding: 5px 4vw;
	font-size: 3.6vw;
}

.box_detail .keyword dd ul li a{
	padding: 5px 3vw;
	border-radius: 4vw;
}

.box_result .main .notfound{
	font-size: 5vw;
}


/*pagenation
--------------------------------------*/

.pagination .nav-links{
	margin-top: 6vw;
	padding-bottom: 2vw;
}
.pagination .nav-links .page-numbers{
	width: 7vw;
	height: 7vw;
	font-size: 3.6vw;
}

@media screen and (max-width: 768px) {
	.pagination{
		margin-top: 6vw;
	}
	.pagination .nav-links .page-numbers{
		width: 7vw;
		height: 7vw;
		font-size: 3.6vw;
	}
}




/*page top
--------------------------------------------*/
#page-top a{
	width:8vw;
	height:8vw;
}


/*footer
----------------------------------------------------*/
footer{
	padding:12vw 0 8vw 0;
}

footer h2{
	margin-bottom: 6vw;
}

footer h2 img{
	width: 40vw;
}


footer .copyright{
	font-size:2.8vw;
}

}