@charset "utf-8";

/*============================
#main
============================*/
div#main {
	/*display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;*/
	position : relative;


	width : 1140px;
	margin : 0 auto;
	margin-top : 80px;
	height : 640px;
	/*padding-left : 130px;*/
}
div#main div.inner {
	position : relative;
	z-index : 2;
	height : 100%;
}
div#main div.inner h2 {
}
div#main div.inner h2 img {
}
div#main div.inner p {
	margin-top : 50px;
	font-size : 18px;
	letter-spacing: 0.3em;
	font-weight: bold;
	line-height : 2;
}
div#main div.inner ul.product {
}
div#main div.inner ul.product li.clock {
	position  : absolute;
	top : -50px;
	left : 1064px;
	width : 144px;

}
div#main div.inner ul.product li.clock img {
	width : 100%;
}
div#main div.inner ul.product li.woodbox {
	position  : absolute;
	bottom : -75px;
	left : 107px;
}
div#main div.inner ul.product li.woodbox img {
}

/*============================
#slide_area
============================*/
div#main div#slide_area {
	height : 700px;
	position : absolute;
	top : 0;
	left : 370px;
	width : calc(770px + ( 50vw - 570px ) );
	overflow: visible;
	overflow-x: hidden;
}
@media (max-width : 1400px){
	div#main div#slide_area {
		width : 900px;
	}
}

/*============================
#slider
============================*/
div#main div#slide_area.swiper-container ul#slider.swiper-wrapper {
	height : 640px
}
div#main div#slide_area.swiper-container ul#slider.swiper-wrapper li.swiper-slide {
	background-size : cover;
	background-repeat: no-repeat;
}
div#main div#slide_area.swiper-container .swiper-pagination{
	/*bottom : -30px;*/
	left : 200px;
}
div#main div#slide_area.swiper-container .swiper-pagination .swiper-pagination-bullet-active{
	background-color : #533520;
}



div.home_sec div.inner h2 span.no {
	display: block;
}
div.home_sec div.inner h2 span.no.num {
	margin-bottom : 22px;
}
div.home_sec div.inner h2 span.no.ttl {
	margin-bottom : 40px;
}
div.home_sec div.inner .border_bottom{
	width : 50px;
	border-bottom : 1px solid #b3b3b3;
	margin-bottom : 35px;
}
div.home_sec div.inner p {
	line-height: 2;
}
/*============================
#concept01
============================*/
div#concept01 {
	width : 1140px;
	margin : 0 auto;
	margin-top : 90px;
	position : relative;		
}
div#concept01 div.inner {
}
div#concept01 div.inner h2 {
}
div#concept01 div.inner h2 span.no {
}
div#concept01 div.inner h2 span.no.num {
}
div#concept01 div.inner h2 span.no.ttl {

}
div#concept01 div.inner h2 span.no img {
}
div#concept01 div.inner .border_bottom{
}
div#concept01 div.inner p {
}
div#concept01 img.wood {
	position : absolute;
	top : 0;
	left : 740px;
}

div#concept02{
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;

}

div#concept02{
	width : 100%;
	margin-top : 130px;
}	
div#concept02 div#c02_bg{
	width : calc(430px + ( 50vw - 700px ) );
	height : 500px;
	background-size : cover;
	background-repeat: no-repeat;
}
@media (max-width : 1400px){
	div#concept02 div#c02_bg{
		width : 430px;
	}
}
div#concept02 div.inner{
	margin-left : 79px;
}

div#concept02 div.inner .product{
	position : relative;
	left : -10px;
	margin-top : 55px;
	width : calc(770px + ( 50vw - 570px ) );
	overflow-x: hidden;
	overflow-y: hidden;
}
@media (max-width : 1400px){
	div#concept02 div.inner .product{
		width : 900px;
	}
}



div.swiper-container2 {
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper {

}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide {
	border : 1px solid #b3b3b3;
	width : 240px;
	height : 240px;
	/*margin-right : 30px;*/

	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide:after {
	content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    right: 4px;
    bottom: 4px;
    border-style: solid;
    border-width: 0 0 12px 12px;
    border-color: transparent transparent #76a32d transparent;
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide a {
	width : 100%;
	height : 100%;

	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide a div.img {
	width : 100%;
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide a div.img img {
	max-width : 240px;
	max-height : 240px;
	padding : 3px;
	max-width : 100%;
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide a div.img.no {
}
div.swiper-container2 ul#pslider.slider.swiper-wrapper li.swiper-slide a div.img.no img {
}
div.swiper-container2 div.swiper-pagination2{
	margin-top : 30px;
	margin-left : 10px;
}
div.swiper-container2 div.swiper-pagination2 .swiper-pagination-bullet-active{
	background-color : #533520;
}






div.shopping {
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: center;
	-webkit-align-items: center;

	width : 750px;
	margin-top : 6px;
	margin-left : 10px;
}
div.shopping p {
}
div.shopping div.btn_area {
}
div.shopping div.btn_area div.btn_def {
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
div.shopping div.btn_area div.btn_def span.ico {
	border : 1px solid #989898;
	border-radius: 50%;
	width : 48px;
	height : 48px;
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	margin-right : 15px;
}
div.shopping div.btn_area div.btn_def span.ico i.fa.fa-shopping-cart {
	color : #989898;
	font-size : 18px;
	margin-right : 3px;

}
div.shopping div.btn_area div.btn_def a {
}