@charset "utf-8";

.commonBtn{
	
}
.commonBtn a{
	border: 2px solid #1D1D1F;
	padding: .3em 1em;
	border-radius: 3em;
	min-width: 26.7em;
	font-size: 18px;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff;
	transition: all .5s ease-out;
}
.commonBtn a:hover{
	opacity: 1;
	background-color: #1D1D1F;
}
.commonBtn a .container{
	display: inline-block;
	line-height: 1.4;
	position: relative;
	z-index: 2;
	transition: all .5s ease-out;
}
.commonBtn a:hover .container{
	color: #fff;
	opacity: 1;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.commonBtn a{
		min-width: 0;
		width: 100%;
		padding: 3.333vw 5.333vw;
		border-radius: 10vw;
	}
	.commonBtn a .container {
		font-size: 4vw;
	}
}

/*--------------------------------------------------------------------*/

.pl_top_articles{
	
}
.pl_top_articles .head{
	min-height: 500px;
	background-image: url("../img/home/bg_intro_nmn.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.pl_top_articles .head .commonBtn{
	margin-top: 2.5em;
}
.pl_top_articles .head .main{
	padding-bottom: .1em;
}
.pl_top_articles .head .main h1,
.pl_top_articles .head .main h2 {
	line-height: 1;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.pl_top_articles .head{
		background-size: cover;
		min-height: 0;
		padding: 24vw 0;
	}
	.pl_top_articles .head .sub{
		font-size: 4.8vw !important;
	}
	.pl_top_articles .head .main{
		font-size: 16vw !important;
	}
	.pl_top_articles .head .name {
		font-size: 3.467vw !important;
	}
}
@media screen and (max-width: 1070px){
	aside.nmn.pl_top_articles,aside.pl_more_wasabi,aside.pl_more_barley {
		height: 375px;
	}
	aside.pl_top_articles .container,aside.pl_more_wasabi .container,aside.pl_more_barley .container {
		height: 100%;
    box-sizing: border-box;
	}
	aside.pl_top_articles .head {
		height: 100%;
	}
}
/*--------------------------------------------------------------------*/

.pl_top_articles .articles{
	padding: 90px 0 100px 0;
}
.pl_top_articles article{
	padding: 75px 0;
}
.pl_top_articles article .wrap .text{
	max-width: 450px;
}
.pl_top_articles article .num{
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}
.pl_top_articles article .num:after{
	width: 1.5em;
	height: 1px;
	background-color: #4D4D52;
	left: 0;
	bottom: 0;
}
.pl_top_articles article .title{
	margin-bottom: .5em;
}
.pl_top_articles article .description{
	line-height: 1.875;
}
.pl_top_articles article .note{
	margin-top: 1em;
}
.pl_top_articles article .image{
	position: relative;
}
.pl_top_articles article .image img{
  width:100%;
}
.pl_top_articles article .image img{
  width:100%;
}
.pl_top_articles article .image .expand{
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: .5;
}
@media screen and (min-width: 1251px){
	.inner1140{
		width: 1440px;
		box-sizing: border-box;
		max-width: 100%;
	}
	.pl_top_articles .articles article:nth-of-type(odd) .inner1140{
		padding-left: 150px;
		padding-right: 50px;
	}
	.pl_top_articles .articles article:nth-of-type(even) .inner1140{
		padding-left: 50px;
		padding-right: 150px;
	}
	.pl_top_articles .articles article:nth-of-type(even) .wrap{
		flex-direction: row-reverse;
	}
	.pl_top_articles .articles article:nth-of-type(even) .image img{
		
	}
	.pl_top_articles article .wrap .text{
		width: 450px;
		max-width: 38%;
	}
	.pl_top_articles article .wrap .image{
		width: 670px;
		max-width: 55%;
	}
	.pl_top_articles article .wrap .image img{
		width: 100%;
	}
	.pl_top_articles .articles article .wrap .image img.expand{
		right: -50px;
		bottom: -70px;
		transform: none;
		width: auto;
		max-width: 66%;
	}
}
@media screen and (min-width: 1071px) and (max-width: 1250px){
	/*img{
		max-width: 100%;
	}
	.inner1140,
	.inner980{
		max-width: 100%;
		padding-left: 5vw;
		padding-right: 5vw;
		box-sizing: border-box;
	}
	.pl_top_articles .articles article .image img{
		max-width: 100%;
	}
	.pl_top_articles .articles article:nth-of-type(even) .image img{
		transform: none;
	}
	.pl_top_articles article .image .expand{
		width: 50%;
	}
	.pl_top_articles .articles article .image img.expand{
		right: 1.5em;
		bottom: 1.5em;
	}*/
	.inner1140{
		width: 1440px;
		box-sizing: border-box;
		max-width: 100%;
		padding: 0 40px;
	}
	.pl_top_articles article .wrap{
		flex-direction: column;
		align-items: flex-start;
	}
	.pl_top_articles article .wrap .text{
		margin-bottom: 2em;
		width: 100%;
		max-width: none;
	}
	.flex.c2 > *{
		/* width: auto; */
	}
	.pl_top_articles article .wrap .image{
		width: 100%;
	}
	.pl_top_articles article .wrap .image img{
		width: 100%;
	}
	.pl_top_articles .articles article .wrap .image img.expand{
		right: 4%;
		bottom: 30%;
		transform: none;
		width: auto;
		max-width: 40%
	}
}
@media screen and (max-width: 1070px){
	.pl_top_articles .articles{
		padding: 0 7.3vw 75px 7.3vw;
	}
	.pl_top_articles article{
		padding: 68px 0;
	}
	.pl_top_articles article .wrap{
		flex-direction: column;
		align-items: flex-start;
	}
	.pl_top_articles article .wrap .item{
		width: 100%;
	}
	.pl_top_articles article .wrap .text{
		margin-bottom: 1em;
	}
	.pl_top_articles article .description{
		font-size: 1.6rem;
	}
	.pl_top_articles .articles article .image img.expand{
		right: 1em;
		bottom: -18%;
		transform: none;
		width: 48%;
	}
}

/*--------------------------------------------------------------------*/

.pl_top_articles.nmn .articles{
	background-color: #F7F4F2;
}
@media screen and (min-width: 1071px){

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

}

/*--------------------------------------------------------------------*/

.pl_wasabi{
	margin: 40px;
	background-color: #EEF5EB;
	padding: 160px 0;
}
.pl_wasabi .description{
	margin: 2em 0;
	line-height: 1.82;
}
.pl_wasabi .image{
	background-color: #fff;
	border-radius: 1em;
	overflow: hidden;
}
.pl_wasabi .image img{
  width:100%;
}
.pl_wasabi .image .note{
	padding: 40px;
	padding-top: 0;
}
.pl_wasabi .text-box{
	background-color: #fff;
	border-radius: 1em;
	overflow: hidden;
	padding: 40px 0 30px;
}
.pl_wasabi .image + .text-box{
	margin-top: 30px;
}

.pl_barley{
	margin: 40px;
	background-color: #EEF5EB;
	padding: 160px 0;
}
.pl_barley .description{
	margin: 2em 0;
	line-height: 1.82;
}
.pl_barley .image{
	background-color: #fff;
	border-radius: 1em;
	overflow: hidden;
}
.pl_barley .image .note{
	padding: 40px;
	padding-top: 0;
}
.pl_barley .text-box{
	background-color: #fff;
	border-radius: 1em;
	overflow: hidden;
	padding: 40px 0 30px;
}
.pl_barley .image + .text-box{
	margin-top: 30px;
}

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

}
@media screen and (min-width: 768px) and (max-width: 1250px){
	.inner980{
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
	}
	.inner980 .image img{
		max-width: 100%;
	}
	.pl_wasabi{
		padding: 80px 0;
	}
	.pl_barley{
		padding: 80px 0;
	}
}
@media screen and (max-width: 1070px){
	.pl_wasabi{
		margin: 75px 15px;
		padding: 45px 15px;
		border-radius: .8em;
	}
	.pl_wasabi .head .sub{
		margin-bottom: 1em;
		font-size: 4vw;
	}
	.pl_wasabi .head .main{
		text-indent: -1em;
		font-size: 7.333vw;
	}
	.pl_wasabi .head .main h2 {
		line-height: 1.2;
	}
	.pl_wasabi .head .main small {
		font-size: 5.067vw;
	}
	.pl_wasabi .description{
		margin: 4vw 4vw 6.667vw;
		line-height: 1.82;
		font-size: 3.733vw;
	}
	.pl_wasabi .image{
		padding: 18px;
	}
	.pl_wasabi .image .note{
		padding: 1em;
	}

	.pl_barley{
		margin: 75px 15px;
		padding: 45px 15px;
		border-radius: .8em;
	}
	.pl_barley .head .sub{
		margin-bottom: 1em;
	}
	.pl_barley .head .main{
		line-height: 1.3;
		text-indent: -1em;
	}
	.pl_barley .description{
		margin: 2em 18px;
		line-height: 1.82;
	}
	.pl_barley .image{
		padding: 18px;
	}
	.pl_barley .image .note{
		padding: 1em;
	}
}

/*--------------------------------------------------------------------*/

.pl_more_wasabi{
	background-repeat: no-repeat;
	background-position: right 10% bottom 40%;
}
.pl_more_wasabi > .container{
	min-height: 500px;
}
.pl_more_wasabi > .container .head{
	margin-bottom: 2.5em;
}
.pl_more_barley{
	background-image: url("../img/barley/mv_bg_pc.png");
	background-repeat: no-repeat;
	background-position: center 35%;
	background-size: cover;
}
.pl_more_barley > .container{
	min-height: 500px;
}
.pl_more_barley > .container .head{
	margin-bottom: 2em;
}
.pl_more_wasabi .sub,
.pl_more_wasabi .main,
.pl_more_wasabi .name {
	color: #fff;
}
.pl_more_wasabi .sub {
	line-height: 1.4;
}
.pl_more_wasabi .main {
	line-height: 1.6;
}
@media screen and (min-width: 1071px) and (max-width: 1920px){
}
@media screen and (min-width: 1071px){
	.pl_more_wasabi{
		background-image: url("../img/home/sec_wasabi_bg.png");
		background-size: 2110px auto;
	}

}
@media screen and (max-width: 1070px){
	.pl_more_wasabi{
		background-image: url("../img/home/sec_wasabi_bg_sp.png");
		background-size: auto 135%;
	}
	.pl_more_wasabi > .container{
		min-height: 0;
		padding: 12.667vw 0;
	}
	.pl_more_wasabi > .container .head .sub{
		font-size: 4vw;
	}
	.pl_more_wasabi > .container .head .main{
		line-height: 1.2;
		margin: .2em 0;
		white-space: nowrap;
		font-size: 10vw;
	}
	.pl_more_wasabi > .container .head .name{
		font-size: 1.25rem;
	}
	
	.pl_more_barley{
		background-image: url("../img/barley/list_bg_sp.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-bottom: 0;
	}
	.pl_more_barley > .container{
		min-height: 0;
		padding: 24vw 0;
	}
	.pl_more_barley > .container .head .sub{
		font-size: 4.8vw;
		line-height: 1.4;
	}
	.pl_more_barley > .container .head .main{
		line-height: 1.2;
		margin: .2em 0;
		font-size: 10vw;
		white-space: nowrap;
	}
	.pl_more_barley > .container .head .name{
		font-size: 1.25rem;
	}
}

/*--------------------------------------------------------------------*/

.pl_posts{
	padding: 120px 0 80px 0;
}
.pl_posts .head{
	margin-bottom: 73px;
}
.pl_posts .head .sub{
	margin-bottom: .5em;
	color: #7D7D85;
}
.pl_posts .entries article{
	background-color: #fff;
	margin-bottom: 20px;
}
.pl_posts .entries article .wrap{
	height: 300px;
}
.pl_posts .entries article .image{
	width: 43%;
	flex-grow: 1;
}
.pl_posts .entries article .image .visible{
	width: 100%;
	/*padding-bottom: 70.5%;*/
	height: 100%;
}
.pl_posts .entries article .image .visible img{
	object-fit: cover;
	position: static;
	transform: none;
	width: 100%;
	height: 100%;
}
.pl_posts .entries article .image .visible .default{
	width: 40%;
	opacity: .3;
	min-width: 0;
	min-height: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	object-fit: none;
}
.pl_posts .entries article .image a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1;
}
.pl_posts .entries article .image a img{
	transition: all 1s ease-in-out;
}
.pl_posts .entries article .image a:hover img{
	transform-origin: center center;
	transform: scale(1.06);
}
.pl_posts .commonBtn{
	margin-top: 60px;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.pl_posts{
		padding: 80px 0 75px 0;
	}
	.pl_posts .head{
		margin-bottom: 9.733vw;
	}
	.pl_posts .entries article{
		margin-bottom: 7vw;
	}
	.pl_posts .entries article .wrap{
		height: auto;
	}
	.pl_posts .entries article .image .visible{
		height: 80vw;
		background-color: #FAFAFA;
	}
	.pl_posts .commonBtn{
		margin-top: 30px;
	}
}

/*--------------------------------------------------------------------*/

.pl_posts .entries article .info{
	flex-shrink: 1;
	width: 57%;
	box-sizing: border-box;
	padding: 2.2em 3.2em;
}
.pl_posts .entries article .info .headline{
	margin-bottom: 1em;
}
.pl_posts .entries article .info .headline .cat{
	color: #7D7D85;
	padding-bottom: 5px;
	border-bottom: 1px solid #7D7D85;
}
.pl_posts .entries article .info .headline .date{
	color: #4D4D52;
}
.pl_posts .entries article .info .title{
	line-height: 1.7;
	margin-bottom: .8em;
	max-height: 4.2em;
	overflow: hidden;
}
.pl_posts .entries article .info .excerpt{
	line-height: 2;
	height: 4em;
	overflow: hidden;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.pl_posts .entries {
		padding: 0 12px;
	}
	.pl_posts .entries article .info{
		padding: 2.2em 8vw;
	}
	.pl_posts .entries article .info .title{
		height: auto;
	}
}

/*--------------------------------------------------------------------*/

.pl_posts .entries article .info .headline .cat.fc_orange{
	border-color: #D9A877;
}
.pl_posts .entries article .info .headline .cat.fc_green{
	border-color: #8AB879;
}

/*--------------------------------------------------------------------*/

.pl_posts.news{
	background-color: #F2F2F2;
}
.pl_posts.nmn{
	background-color: #FAF8F5;
}
.pl_posts.wasabi{
	background-color: #F7FAF7;
}
.pl_posts.barley{
	background-color: #FFF8EA;
}

/*--------------------------------------------------------------------*/

.pl_about_us{
	background-image: url("../img/home/bg_about_nomon.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.pl_about_us .area{
	height: 800px;
}
.pl_about_us .area .head{
	margin-bottom: 2em;
}
.pl_about_us .area .message{
	line-height: 2.23;
	margin-bottom: 3em;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.pl_about_us{
		background-position: left 20% top;
		background-size: auto 115%;
	}
	.pl_about_us .area{
		height: auto;
		padding: 82px 0;
	}
}

/*--------------------------------------------------------------------*/
.hinting .scroll-hint-text{
	
}
.hinting .scroll-hint-icon{
	height: auto;
}