/* about */

.top_about_area{
	background-image: url("../../images/n_bg_about.jpg");
	height: 900px;

}

.top_about_area:after{
	content: "";
	clear: both;
	display: block;
}

.top_about_area_inner{
	width: 1257px;
	margin: 0 auto;
	position: relative;
}

.top_about_area_inner:after{
	content: "";
	clear: both;
	display: block;
}

.n_about_left{
	background-image: url("../../images/n_about_left.png");
	position: absolute;
	z-index: 20;
	width: 514px;
	height: 500px;
	left: 0;
	top: 230px;
}

.n_about_t_komell{
	padding-top: 50px;
	padding-bottom: 30px;
}

.n_about_right{
	position: absolute;
	z-index: 30;
	width: 743px;
	height: 570px;
	left: 493px;
	top: 224px;
}

.n_about_kuwashiku{
	background-color: #947a4b;
	border-radius: 30px;
	color: #fff;
	width: 17em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.n_about_kuwashiku a{
	color: #fff;
}

.n_top_subtitle_about{
	padding-top: 120px;
}

	.title_komellp{
		display: block;
	}
	.title_komells{
		display: none;
	}


/* product */

.top_product_area {
    height: 780px;
}

.top_product_area:after{
	content: "";
	clear: both;
	display: block;
}

.top_product_area_inner{
	width: 1257px;
	background-image: url("../../images/n_bg_product.jpg");
	margin: 0 auto;
}

.top_product_area_inner:after{
	content: "";
	clear: both;
	display: block;
}

.n_product_left{

	height: 600px;
}

.n_product_right{

}



.n_top_subtitle_product{
	padding-top: 0px;
}

/* shop */
.top_shop_area{
	height: 495px;

}

.top_shop_area:after{
	content: "";
	clear: both;
	display: block;
}

.top_shop_area_inner{
	width: 1257px;
	background-image: url("../../images/n_bg_shop.jpg");
	margin: 0 auto;
	height: 500px;
}

.top_shop_area_inner:after{
	content: "";
	clear: both;
	display: block;
}

.n_top_subtitle{
	padding-top: 120px;
}

.n_shopbtn_left{
	float:left;
	width: 50%;
}

.n_shopbtn_left{
	float:left;
	width: 50%;
}

.n_shopbtn_left:after{
	content: "";
	clear: both;
	display: block;
}





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

	.top_about_area {
		height: inherit;
	}

	.top_about_area_inner {
		width: 90%;
		padding: 0 5%;
		margin: 0 auto;
		position: relative;
	}

	.n_about_right {
		position: inherit;
	}

	.n_about_left {
		position: inherit;
	}

	.top_product_area {
		height: 100%;
	}

	.top_product_area_inner {
		width: 90%;
		padding: 0 5%;
		background-image: url("../../images/n_bg_product_smp.jpg");
		margin: 0 auto;
		background-position: center center;
		background-size: cover;
	}

	.n_product_left{
		height:inherit;
		background: radial-gradient(circle closest-side at center, #ddeffb, #fff0);
	}

	.n_product_right{
		height:inherit;
		background: radial-gradient(circle closest-side at center, #ddeffb, #fff0);
	}

	.n_product_left img{
		width: 60%;
	}

	.n_product_right img{
		width: 100%;
	}

	.top_shop_area_inner {
		width: 90%;
		padding: 0 5%;
	}

	.top_shop_area {
		height: inherit;
	}
	


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

	.title_komellp{
		display: none;
	}
	.title_komells{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		color:#947a4b;
	}


	.n_top_subtitle_about {
		padding-top: 10px;
	}
	
	.n_about_t_komell {
		padding-top: 5px;
		padding-bottom: 10px;
	}
	
	.top_about_area {
		background-color: #ddeffb;
		height: inherit;
		padding-top: 3em;
		background: radial-gradient(circle closest-side at center, white, #ddeffb);
	}

	.top_about_area_inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	

	.n_about_left {
		background-image: none;
		position: inherit;
		z-index: inherit;
		width:  inherit;
		height:  inherit;
		left:  inherit;
		top: 0;
	}

	.n_about_right {
		position: inherit;
		z-index: inherit;
		width: inherit;
		height: inherit;
		left:inherit;
		top: 0;
	}

	.n_about_right img{
		width: 65%;
	}

	.top_product_area {
		padding-top: 3em;
	}

	.top_product_area_inner {
		margin-bottom: 3em;
	}


}

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

	.n_about_t_komell{
		width:45%;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.n_about_right img{
		width: 80%;
	}



	.n_shopbtn_left{
		width: 100%;
	}
	.n_shopbtn_right{
		width: 100%;
	}

	.top_shop_area_inner {
		background-image: url(../../images/n_bg_shop_smp.jpg);
		height: inherit;
		padding-bottom: 2em;
		margin-bottom: 4em;
	}

	.n_top_subtitle {
		padding-top: 2em;
	}
}

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

	.n_top_subtitle_about img{
		width:43%;
	}

	.n_top_subtitle_product img{
		width:43%;
	}

	.n_top_subtitle img{
		width:43%;
	}

	.top_shop_area_inner {
		width: 100%;
		background-image: url(../../images/n_bg_shop_smp.jpg);
		margin: 0 auto;
		height: inherit;
	}

	.n_top_subtitle {
		padding-top: 3em;
	}

	.n_shopbtn_left{
		width: 100%;
	}
	.n_shopbtn_right{
		width: 100%;
	}

	.top_ftrarea_area {
		padding-top: 3em;
	}


}


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

	.n_product_left {
		width: 100%;
		height: inherit;
	}

	.n_product_right {
		width: 100%;
		height: inherit;
	}

	.n_shopbtn_left img{
		width: 100%;
		height: inherit;
	}
	.n_shopbtn_right img{
		width: 100%;
		height: inherit;
	}
	

	.top_shop_area_inner {
		width: 100%;
		background-image: url(../../images/n_bg_shop_smp.jpg);
		margin: 0 auto;
		height: inherit;
		padding-bottom: 3em;
	}

}