@charset "UTF-8";
/*----------------------------------------

	- default setting
	- link setting
	- font setting
	- color setting
	- header
	+ article
		- tit01
		+ facility
			- box01
			- box02
			- box03
			- box04
			- box05
		+ furniture
			- box06
			- box07
			- box08
			- box09
			- box10
			- box11
		+ other
			- box12
			- box13
		- functions
		- move_box
		- collection_cmn_box
	- footer

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

/*----------------------------------------
	default setting
-----------------------------------------*/

.ssp_exlight {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	letter-spacing: 1px;
}

.ssp_light {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

.ssp_regular {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}

.ssp_semibold {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
}

.ssp_bold {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
}

/*----------------------------------------
	link setting
-----------------------------------------*/

.fw_l_gray01:link,
.fw_l_gray01:visited,
.fw_l_gray01:hover,
.fw_l_gray01:active {
	color: #7b808b;
	text-decoration: none;
}

/*----------------------------------------
	font setting (defauli 14/1.5)
	目標フォントサイズ*100 / defaultサイズで%を算出
-----------------------------------------*/

.font60 {
	font-size: 428.6%;
}

.font90 {
	font-size: 642.8%;
}

/*----------------------------------------
	color setting
-----------------------------------------*/

.fw_gray01 {
	color: #98928e;
}

.fw_gray02 {
	color: #655e5b;
}

.fw_gray03 {
	color: #aaadb5;
}

.fw_gray04 {
	color: #bcbfc5;
}

.fw_gray05 {
	color: #7b808b;
}

.fw_yellow01 {
	color: #cccc66;
}

.fw_black01 {
	color: #333333;
}

.fw_red01 {
	color: #e60012;
}

/*----------------------------------------
	header
-----------------------------------------*/

header {
	min-width: 1200px;
	width: 100%;
	padding: 0;
	background: #000000 url(../../../../img/c_header_bg02.jpg) no-repeat center top;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	min-width: 1200px;
	width: auto;
	padding: 0;
	overflow: hidden;
	font-family: "ヒラギノ角ゴPro W3", Hiragino Kaku Gothic Pro, "メイリオ", "ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,Verdana,Simhei,sans-serif;
	-webkit-font-smoothing: antialiased;	/* Safari フォント表示補正 */
	-moz-osx-font-smoothing: grayscale; /* Firefox フォント表示補正 */
	overflow: hidden;
}

article #main {
	padding: 0;
}

/*----------------------------------------
	tit01
-----------------------------------------*/

#tit01 {
	position: relative;
	background: #070604;
}

#tit01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../../../collection/kitchen/design/img/design_feelwood_tit_bg01.png) no-repeat center top;
	background-size: contain;
	z-index: 1;
}

#tit01 > p#tit01_t01 {
	display: table;
	position: absolute;
	top: 69px;
	left: calc(50% - 110px);
	z-index: 1;
}

#tit01 > p#tit01_t01 > span {
	display: table-cell;
	vertical-align: middle;
}

#tit01 > p#tit01_t01 > span:first-child {
	padding-right: 15px;
}

#tit01 > h1 {
	position: absolute;
	top: 119px;
	left: calc(50% - 225px);
	color: #ebe8e5;
	z-index: 1;
}

#tit01 > h1 > svg > path {
	stroke: rgba(235, 232, 229, 0.4);
	fill: rgba(235, 232, 229, 0);
}

#tit01 > figure {
	position: relative;
	height: 1004px;
}

/*アニメーション初期値*/
#tit01 > figure > img#main_bg{
	opacity: 0;
}

#tit01 > p#tit01_t02 {
	opacity: 0;
	position: absolute;
	top: 425px;
	left: calc(50% + 119px);
}

/*----------------------------------------
	facility
-----------------------------------------*/

#facility {
	background: #ebe8e5;
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	padding-top: 108px;
	background: url(../../../../collection/kitchen/design/img/design_feelwood_01_bg01.png) no-repeat center top;
	background-size: contain;
}

#box01 > div {
	width: 1300px;
	margin: 0 auto;
}

#box01 > div figure {
	display: table;
}

#box01 > div figure > figcaption {
	display: table-cell;
	width: 202px;
	padding: 453px 10px 0 88px;
	vertical-align: top;
}

#box01 > div figure > img {
	display: table-cell;
	vertical-align: top;
}

#box01 > div .slick-dots {
	bottom: 118px;
	left: 88px;
	width: 34px;
	height: 10px;
}

#box01 > div .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0;
}

#box01 > div .slick-dots li:nth-child(n+2) {
	margin-left: 14px;
}

#box01 > div .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid #b1aca8;
}

#box01 > div .slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #b1aca8;
	font-size: 0;
	line-height: 0;
	opacity: 0;
}

#box01 > div .slick-dots li.slick-active button:before {
	opacity: 1;
}

#box01 > div .slick-dots li button:nth-child(2) {
	display: none;
}

/*----------------------------------------
	box02
-----------------------------------------*/

#box02 {
	position: relative;
}

#box02 > div {
	min-height: 1101px;
}

#box02 > div > h1 {
	position: absolute;
	top: 218px;
	left: calc(50% + 56px);
}

#box02 > div > figure#box02_p01 {
	position: absolute;
	top: -42px;
	right: calc(50% + 150px);
}

#box02 > div > figure#box02_p02 {
	position: absolute;
	top: 312px;
	left: calc(50% - 90px);
	z-index: 1;
}

#box02 > div > dl {
	position: absolute;
	top: 629px;
	left: calc(50% - 650px);
	width: 1200px;
	margin: 0 auto;
	padding-left: 100px;
	z-index: 1;
}

#box02 > div > dl > dt {
	margin-left: -5px;
}

#box02 > div > dl > dd {
	width: 400px;
	margin-top: -6px;
}

#box02 > p {
	position: relative;
	width: 100%;
	margin-top: -228px;
	padding: 298px 0 52px;
	background: url(../../../../collection/kitchen/design/img/design_feelwood_02_bg01.jpg) no-repeat center center;
	background-size: cover;
}

#box02 > p > a {
	display: block;
	position: relative;
	width: 576px;
	margin: 0 auto;
	padding: 36px 10px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box02 > p > a:hover,
#box02 > p > a:active {
	background: rgba(255, 255, 255, 0.6);
	color: #655e5b;
}

#box02 > p > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box02 > p > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box02 > p > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box02 > p > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box02 > p > a > span {
	padding-left: 10px;
}

#box02 > p > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 22px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box02 > p > a:hover > span:after,
#box02 > p > a:active > span:after {
	border-top: 1px solid #655e5b;
	border-right: 1px solid #655e5b;
}

/*----------------------------------------
	box03
-----------------------------------------*/

#box03 {
	padding: 60px 0 54px;
}

#box03 > h1 {
	padding-bottom: 14px;
	text-align: center;
}

#box03 > h1 > span {
	display: block;
}

#box03 > h1 > span:first-child {
	padding-left: 5px;
}

#box03 > ul {
	display: table;
	margin: 0 auto;
	padding-bottom: 30px;
}

#box03 > ul > li {
	display: table-cell;
	vertical-align: top;
}

#box03 > ul > li:nth-child(2) {
	padding-left: 20px;
}

#box03 > ul > li > p {
	padding-top: 14px;
}

#box03 > ul > li > p > span:nth-child(2) {
	padding-left: 5px;
}

#box03 > p {
	text-align: center;
}

/*----------------------------------------
	box04
-----------------------------------------*/

#box04 {
	min-width: 1200px;
	background: #000000;
	overflow: hidden;
}

#box04 > #box04_01 {
	position: relative;
	height: 633px;
	margin-bottom: 8px;
	overflow: hidden;
}

#box04 > #box04_01 > figure {
	position: absolute;
	top: 0;
	right: calc(50% - 150px);
	min-width: 900px;
	width: calc(100vw - 40%);
	min-height: 633px;
	height: auto;
}

#box04 > #box04_01 > figure > img {
	width: 100%;
	height: auto;
}

#box04 > #box04_01 > div {
	position: absolute;
	top: 164px;
	left: calc(50% + 100px);
}

#box04 > #box04_01 > div > div#box04_01_t01 > p {
	padding-bottom: 6px;
}

#box04 > #box04_01 > div > div#box04_01_t01 > p > span:first-child {
	padding-right: 10px;
}

#box04 > #box04_01 > div > div#box04_01_t01 > h1 {
	padding-bottom: 40px;
}

#box04 > #box04_02 {
	position: relative;
	height: 399px;
	overflow: hidden;
}

#box04 > #box04_02 > figure {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 750px;
	width: calc(100vw - 50%);
	min-height: 399px;
	height: auto;
}

#box04 > #box04_02 > figure > img {
	width: 100%;
	height: auto;
}

#box04 > #box04_02 > div {
	position: absolute;
	top: 0;
	left: calc(50% - 550px);
	width: 500px;
	z-index: 1;
}

#box04 > #box04_02 > div > dl {
	padding: 46px 0 27px;
}

#box04 > #box04_02 > div > dl > dt {
	padding-bottom: 24px;
}

#box04 > #box04_02 > div > dl > dd:nth-of-type(n+2) {
	padding-top: 7px;
}

#box04 > #box04_02 > div > p > a {
	display: block;
	position: relative;
	width: 476px;
	padding: 36px 10px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box04 > #box04_02 > div > p > a.line {
	border: 2px solid #ffffff;
}

#box04 > #box04_02 > div > p > a:hover,
#box04 > #box04_02 > div > p > a:active {
	background: rgba(255, 255, 255, 0.6);
	color: #000000;
}

#box04 > #box04_02 > div > p > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box04 > #box04_02 > div > p > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box04 > #box04_02 > div > p > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box04 > #box04_02 > div > p > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box04 > #box04_02 > div > p > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 22px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box04 > #box04_02 > div > p > a:hover > span:after,
#box04 > #box04_02 > div > p > a:active > span:after {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

/*----------------------------------------
	box05
-----------------------------------------*/

#box05 > #box05_01 {
	position: relative;
	height: 550px;
	margin-bottom: 30px;
	overflow: hidden;
}

#box05 > #box05_01 > figure {
	position: absolute;
	top: 0;
	right: calc(50% - 250px);
	min-width: 1000px;
	width: calc(100vw - 33.33%);
	min-height: 550px;
	height: auto;
}

#box05 > #box05_01 > figure > img {
	width: 100%;
	height: auto;
}

#box05 > #box05_01 > #box05_01_tit01 {
	position: absolute;
	top: 93px;
	left: calc(50% + 99px);
	z-index: 1;
}

#box05 > #box05_01 > #box05_01_tit01 > p {
	padding-bottom: 5px;
}

#box05 > #box05_01 > #box05_01_tit01 > p > span:first-child {
	padding-right: 10px;
}

#box05 > #box05_01 > #box05_01_01 {
	position: absolute;
	top: 230px;
	left: calc(50% + 290px);
	width: 270px;
}

#box05 > #box05_01 > #box05_01_01 > p {
	width: 270px;
	padding-bottom: 15px;
}

#box05 > #box05_01 > #box05_01_01 > figure {
	padding-left: 6px;
}

#box05 > #box05_02 {
	width: 814px;
	margin-left: calc(50% - 254px);
	padding-bottom: 80px;
}

#box05 > #box05_02 > ul {
	display: table;
	float: left;
}

#box05 > #box05_02 > ul > li {
	display: table-cell;
	vertical-align: top;
}

#box05 > #box05_02 > ul > li:nth-child(2) > img {
	margin-left: 4px;
}

#box05 > #box05_02 > ul > li > p {
	padding-top: 6px;
}

#box05 > #box05_02 > ul > li > p > span:nth-child(2) {
	padding-left: 24px;
}

#box05 > #box05_02 > p {
	float: left;
	padding-left: 40px;
}

#box05 > #box05_02 > p > a {
	display: block;
	position: relative;
	width: 246px;
	padding: 36px 10px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box05 > #box05_02 > p > a:hover,
#box05 > #box05_02 > p > a:active {
	background: rgba(255, 255, 255, 0.6);
	color: #7b808b;
}

#box05 > #box05_02 > p > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box05 > #box05_02 > p > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box05 > #box05_02 > p > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box05 > #box05_02 > p > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box05 > #box05_02 > p > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box05 > #box05_02 > p > a:hover > span:after,
#box05 > #box05_02 > p > a:active > span:after {
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
}

/*----------------------------------------
	furniture
-----------------------------------------*/

#furniture {
	position: relative;
	padding-bottom: 126px;
	background: #eeeeee url(../../../../collection/kitchen/design/img/design_feelwood_furniture_bg01.png) repeat center -70px;
}

#furniture > h1 {
	margin-left: calc(50% + 249px);
	padding-top: 19px;
}

#furniture > p {
	position: absolute;
	bottom: 126px;
	left: calc(50% + 404px);
}

/*----------------------------------------
	box06
-----------------------------------------*/

#box06 {
	position: relative;
	min-height: 510px;
	overflow: hidden;
}

#box06 > figure {
	position: absolute;
	top: 0;
	right: 50%;
	min-width: 750px;
	width: calc(100vw - 50%);
	min-height: 510px;
	height: auto;
}

#box06 > figure > img {
	width: 100%;
	height: auto;
}

#box06 > div {
	width: 495px;
	height: auto;
	margin-left: 50%;
	padding: 69px 50px 0;
}

#box06 > div > div#box06_t > h1 {
	padding-bottom: 20px;
}

#box06 > div > div#box06_t > h1 > span {
	display: block;
}

#box06 > div > div#box06_t > p#box06_t01 {
	padding-bottom: 25px;
}

#box06 > div > p#box06_btn01 > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px 22px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box06 > div > p#box06_btn01 > a:hover,
#box06 > div > p#box06_btn01 > a:active {
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

#box06 > div > p#box06_btn01 > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box06 > div > p#box06_btn01 > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box06 > div > p#box06_btn01 > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #7b808b;
	border-left-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box06 > div > p#box06_btn01 > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #7b808b;
	border-right-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box06 > div > p#box06_btn01 > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box06 > div > p#box06_btn01 > a:hover > span:after,
#box06 > div > p#box06_btn01 > a:active > span:after {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*----------------------------------------
	box07
-----------------------------------------*/

#box07 {
	position: relative;
	min-height: 595px;
	overflow: hidden;
}

#box07 > div {
	width: 500px;
	margin-left: calc(50% - 500px);
	padding-top: 139px;
}

#box07 > div > div#box07_t > h1 {
	padding-bottom: 20px;
}

#box07 > div > div#box07_t > h1 > span {
	display: block;
}

#box07 > div > div#box07_t > p#box07_t01 {
	padding-bottom: 25px;
}

#box07 > div > p#box07_btn01 {
	margin-left: -3px;
}

#box07 > div > p#box07_btn01 > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px 22px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box07 > div > p#box07_btn01 > a:hover,
#box07 > div > p#box07_btn01 > a:active {
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

#box07 > div > p#box07_btn01 > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box07 > div > p#box07_btn01 > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box07 > div > p#box07_btn01 > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #7b808b;
	border-left-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box07 > div > p#box07_btn01 > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #7b808b;
	border-right-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box07 > div > p#box07_btn01 > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box07 > div > p#box07_btn01 > a:hover > span:after,
#box07 > div > p#box07_btn01 > a:active > span:after {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#box07 > figure {
	position: absolute;
	top: 28px;
	left: calc(50% + 31px);
}

/*----------------------------------------
	box08
-----------------------------------------*/

#box08 {
	position: relative;
	min-height: 700px;
	padding-bottom: 40px;
	overflow: hidden;
}

#box08 > figure {
	position: absolute;
	top: 0;
	right: 50%;
	min-width: 600px;
	min-height: 700px;
}

#box08 > figure > img {
	width: 100%;
	height: auto;
}

#box08 > div {
	width: 495px;
	margin-left: 50%;
	padding: 190px 0 0 50px;
}

#box08 > div > div#box08_t > h1 {
	padding-bottom: 20px;
}

#box08 > div > div#box08_t > h1 > span {
	display: block;
}

#box08 > div > div#box08_t > h1 > span:nth-child(2) {
	margin-top: -2px;
}

#box08 > div > div#box08_t > p#box08_t01 {
	padding-bottom: 25px;
}

#box08 > div > ul > li:first-child {
	padding-bottom: 10px;
}

#box08 > div > ul > li > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px 22px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box08 > div > ul > li > a:hover,
#box08 > div > ul > li > a:active {
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

#box08 > div > ul > li > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box08 > div > ul > li > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box08 > div > ul > li > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #7b808b;
	border-left-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box08 > div > ul > li > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #7b808b;
	border-right-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box08 > div > ul > li > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box08 > div > ul > li > a:hover > span:after,
#box08 > div > ul > li > a:active > span:after {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*----------------------------------------
	box09
-----------------------------------------*/

#box09 {
	position: relative;
	min-height: 500px;
	overflow: hidden;
}

#box09 > figure {
	position: absolute;
	top: 0;
	right: 50%;
	min-width: 750px;
	width: calc(100vw - 50%);
	min-height: 500px;
	height: auto;
}

#box09 > figure > img {
	width: 100%;
	height: auto;
}

#box09 > div {
	width: 495px;
	height: auto;
	margin-left: 50%;
	padding: 69px 50px 0;
}

#box09 > div > div#box09_t > h1 {
	padding-bottom: 20px;
}

#box09 > div > div#box09_t > h1 > span {
	display: block;
}

#box09 > div > div#box09_t > p#box09_t01 {
	padding-bottom: 25px;
}

#box09 > div > p#box09_btn01 > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px 22px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box09 > div > p#box09_btn01 > a:hover,
#box09 > div > p#box09_btn01 > a:active {
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

#box09 > div > p#box09_btn01 > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box09 > div > p#box09_btn01 > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box09 > div > p#box09_btn01 > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #7b808b;
	border-left-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box09 > div > p#box09_btn01 > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #7b808b;
	border-right-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box09 > div > p#box09_btn01 > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box09 > div > p#box09_btn01 > a:hover > span:after,
#box09 > div > p#box09_btn01 > a:active > span:after {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*----------------------------------------
	box10
-----------------------------------------*/

#box10 {
	position: relative;
	min-height: 520px;
	padding-bottom: 42px;
}

#box10 > div {
	width: 500px;
	margin-left: calc(50% - 500px);
	padding-top: 69px;
}

#box10 > div > div#box10_t > h1 {
	padding-bottom: 20px;
}

#box10 > div > div#box10_t > h1 > span {
	display: block;
}

#box10 > div > div#box10_t > p#box10_t01 {
	padding-bottom: 25px;
}

#box10 > div > p#box10_btn01 > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px 22px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box10 > div > p#box10_btn01 > a:hover,
#box10 > div > p#box10_btn01 > a:active {
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

#box10 > div > p#box10_btn01 > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box10 > div > p#box10_btn01 > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box10 > div > p#box10_btn01 > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #7b808b;
	border-left-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box10 > div > p#box10_btn01 > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #7b808b;
	border-right-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box10 > div > p#box10_btn01 > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box10 > div > p#box10_btn01 > a:hover > span:after,
#box10 > div > p#box10_btn01 > a:active > span:after {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#box10 > figure {
	position: absolute;
	top: 30px;
	left: calc(50% + 84px);
}

/*----------------------------------------
	box11
-----------------------------------------*/

#box11 {
	position: relative;
	min-height: 780px;
	overflow: hidden;
}

#box11 > figure {
	position: absolute;
	top: 0;
	right: 50%;
	min-width: 750px;
	width: calc(100vw - 50%);
	min-height: 780px;
	height: auto;
}

#box11 > figure > img {
	width: 100%;
	height: auto;
}

#box11 > div {
	width: 530px;
	height: auto;
	margin-left: 50%;
	padding: 199px 20px 0 52px;
}

#box11 > div > div#box11_t > h1 {
	padding-bottom: 20px;
}

#box11 > div > div#box11_t > h1 > span {
	display: block;
}

#box11 > div > div#box11_t > p#box11_t01 {
	width: 500px;
	padding-bottom: 25px;
}

#box11 > div > p#box11_btn01 > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px 22px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box11 > div > p#box11_btn01 > a:hover,
#box11 > div > p#box11_btn01 > a:active {
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

#box11 > div > p#box11_btn01 > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box11 > div > p#box11_btn01 > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box11 > div > p#box11_btn01 > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #7b808b;
	border-left-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box11 > div > p#box11_btn01 > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #7b808b;
	border-right-color: #7b808b;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box11 > div > p#box11_btn01 > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #7b808b;
	border-right: 1px solid #7b808b;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box11 > div > p#box11_btn01 > a:hover > span:after,
#box11 > div > p#box11_btn01 > a:active > span:after {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*----------------------------------------
	other
-----------------------------------------*/

#other {
	position: relative;
	background: #000000;
}

/*----------------------------------------
	box12
-----------------------------------------*/

#box12 {
	position: relative;
	height: calc(700px - 46px);
	margin-bottom: 4px;
}

#box12 > div {
	position: absolute;
	top: -46px;
	right: 0;
	width: 1350px;
	height: 700px;
	background: #000000;
}

#box12 > div .slick-dotted.slick-slider {
	margin-bottom: 0;
}

#box12 > div > p {
	position: absolute;
	top: 183px;
	left: 48px;
	z-index: 1;
}

#box12 > div > h1 {
	display: block;
	position: absolute;
	top: 261px;
	left: 46px;
	z-index: 1;
}

#box12 > div > h1 > span {
	display: block;
	line-height: 1;
}

#box12 > div > h1 > span:first-child {
	padding-bottom: 10px;
}

@media screen and (max-width:1300px) {
	#box12 > div > p {
		left: calc(50% - 500px);
	}
	#box12 > div > h1 {
		left: calc(50% - 500px);
	}
}

#box12 > div > div {
	position: relative;
}

#box12 > div > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

#box12 > div > div figure {
	position: relative;
}

#box12 > div > div figure > img {
	width: 100%;
	height: auto;
}

#box12 > div > div figure > dl {
	position: absolute;
	right: 50px;
	bottom: 30px;
	padding: 10px 20px 15px;
	background: rgba(137, 137, 137, 0.5);
}

#box12 > div > div figure > dl > dt {
	display: table-cell;
	vertical-align: top;
}

#box12 > div > div figure > dl > dt > span {
	display: inline-block;
	padding-top: 4px;
	border-top: 2px solid #bcbfc5;
}

#box12 > div > div figure > dl > dd {
	display: table-cell;
	padding: 10px 0 0 20px;
	vertical-align: top;
}

#box12 > div > div figure > dl > dd > dl {
	display: table;
}

#box12 > div > div figure > dl > dd > dl > dt {
	display: table-cell;
	width: 7em;
	vertical-align: top;
}

#box12 > div > div figure > dl > dd > dl > dd {
	display: table-cell;
	vertical-align: top;
}

#box12 > div > div .slick-dots {
	bottom: 51px;
	left: 50px;
	width: auto;
	height: 10px;
	z-index: 2;
}

@media screen and (max-width:1300px) {
	#box12 > div > div .slick-dots {
		left: calc(50% - 500px);
	}
}

#box12 > div > div .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0;
}

#box12 > div > div .slick-dots li:nth-child(n+2) {
	margin-left: 14px;
}

#box12 > div > div .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid #cccccc;
}

#box12 > div > div .slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cccccc;
	font-size: 0;
	line-height: 0;
	opacity: 0;
}

#box12 > div > div .slick-dots li.slick-active button:before {
	opacity: 1;
}

#box12 > div > div .slick-dots li button:nth-child(2) {
	display: none;
}

/*----------------------------------------
	box13
-----------------------------------------*/

#box13 {
	position: relative;
	height: 700px;
}

#box13 > div {
	position: absolute;
	top: 0;
	right: 0;
	width: 1350px;
	height: 700px;
}

#box13 > div .slick-dotted.slick-slider {
	margin-bottom: 0;
}

#box13 > div > p {
	position: absolute;
	top: 183px;
	left: 48px;
	z-index: 1;
}

#box13 > div > h1 {
	position: absolute;
	top: 268px;
	left: 48px;
	z-index: 1;
}

#box13 > div > h1 > span {
	display: block;
	line-height: 1;
}

#box13 > div > h1 > span:first-child {
	padding-bottom: 10px;
}

@media screen and (max-width:1300px) {
	#box13 > div > p {
		left: calc(50% - 500px);
	}
	#box13 > div > h1 {
		left: calc(50% - 500px);
	}
}

#box13 > div > div {
	position: relative;
}

#box13 > div > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

#box13 > div > div figure {
	position: relative;
}

#box13 > div > div figure > dl {
	position: absolute;
	right: 50px;
	bottom: 30px;
	padding: 10px 20px 15px;
	background: rgba(137, 137, 137, 0.5);
}

#box13 > div > div figure > dl > dt {
	display: table-cell;
	vertical-align: top;
}

#box13 > div > div figure > dl > dt > span {
	display: inline-block;
	padding-top: 4px;
	border-top: 2px solid #bcbfc5;
}

#box13 > div > div figure > dl > dd {
	display: table-cell;
	padding: 10px 0 0 20px;
	vertical-align: top;
}

#box13 > div > div figure > dl > dd > dl {
	display: table;
}

#box13 > div > div figure > dl > dd > dl > dt {
	display: table-cell;
	width: 7em;
	vertical-align: top;
}

#box13 > div > div figure > dl > dd > dl > dd {
	display: table-cell;
	vertical-align: top;
}

#box13 > div > div .slick-dots {
	bottom: 51px;
	left: 50px;
	width: auto;
	height: 10px;
	z-index: 2;
}

@media screen and (max-width:1300px) {
	#box13 > div > div .slick-dots {
		left: calc(50% - 500px);
	}
}

#box13 > div > div .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0;
}

#box13 > div > div .slick-dots li:nth-child(n+2) {
	margin-left: 14px;
}

#box13 > div > div .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid #cccccc;
}

#box13 > div > div .slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cccccc;
	font-size: 0;
	line-height: 0;
	opacity: 0;
}

#box13 > div > div .slick-dots li.slick-active button:before {
	opacity: 1;
}

#box13 > div > div .slick-dots li button:nth-child(2) {
	display: none;
}

/*----------------------------------------
	box14
-----------------------------------------*/

#box14 > #box14_01 {
	position: relative;
	min-height: 800px;
	margin-bottom: 10px;
	background: url(../../../../collection/kitchen/design/img/design_feelwood_14_bg01.png) no-repeat center top;
}

#box14 > #box14_01.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

#box14 > #box14_01 > h1 {
	position: absolute;
	top: 185px;
	left: calc(50% - 41px);
}

#box14 > #box14_01 > h1 > span {
	display: block;
}

#box14 > #box14_01 > #box14_01_01 > p {
	position: absolute;
	top: 189px;
	left: calc(50% - 475px);
}

#box14 > #box14_01 > #box14_01_01 > div {
	display: table;
	position: absolute;
	top: 142px;
	left: calc(50% - 522px);
	z-index: 2;
}

#box14 > #box14_01 > #box14_01_01 > div > figure {
	display: table-cell;
	vertical-align: top;
}

#box14 > #box14_01 > #box14_01_01 > div > dl {
	display: table-cell;
	width: 294px;
	padding-left: 30px;
	vertical-align: top;
}

#box14 > #box14_01 > #box14_01_01 > div > dl > dt {
	padding: 31px 0 21px;
}

#box14 > #box14_01 > #box14_01_02 > p {
	position: absolute;
	top: 443px;
	right: calc(50% + 155px);
}

#box14 > #box14_01 > #box14_01_02 > div {
	display: table;
	position: absolute;
	top: 390px;
	left: calc(50% - 424px);
	z-index: 2;
}

#box14 > #box14_01 > #box14_01_02 > div > figure {
	display: table-cell;
	vertical-align: top;
}

#box14 > #box14_01 > #box14_01_02 > div > dl {
	display: table-cell;
	width: 298px;
	padding-left: 30px;
	vertical-align: top;
}

#box14 > #box14_01 > #box14_01_02 > div > dl > dt {
	padding: 84px 0 21px;
}

#box14 > #box14_01 > #box14_01_03 > p {
	position: absolute;
	top: 239px;
	left: calc(50% + 237px);
}

#box14 > #box14_01 > #box14_01_03 > div {
	position: absolute;
	top: 190px;
	left: calc(50% + 240px);
	z-index: 2;
}

#box14 > #box14_01 > #box14_01_03 > div > dl {
	width: calc(240px - 14px);
	padding-left: 14px;
}

#box14 > #box14_01 > #box14_01_03 > div > dl > dt {
	padding: 25px 0 21px;
}

#box14 > #box14_01 > ul {
	display: table;
	position: absolute;
	top: 679px;
	left: calc(50% - 485px);
	z-index: 2;
}

#box14 > #box14_01 > ul > li {
	display: table-cell;
	vertical-align: top;
}

#box14 > #box14_01 > ul > li:nth-child(2) {
	padding-left: 10px;
}

#box14 > #box14_01 > ul > li > a {
	display: block;
	position: relative;
	width: 456px;
	padding: 36px 10px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box14 > #box14_01 > ul > li > a:hover,
#box14 > #box14_01 > ul > li > a:active {
	background: rgba(255, 255, 255, 0.6);
	color: #000000;
}

#box14 > #box14_01 > ul > li > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box14 > #box14_01 > ul > li > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box14 > #box14_01 > ul > li > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box14 > #box14_01 > ul > li > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box14 > #box14_01 > ul > li > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 22px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box14 > #box14_01 > ul > li > a:hover > span:after,
#box14 > #box14_01 > ul > li > a:active > span:after {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

#box14 > #box14_02 {
	position: relative;
	min-height: 460px;
	padding-bottom: 13px;
	background: url(../../../../collection/kitchen/design/img/design_feelwood_14_bg02.png) no-repeat left calc((50% + 340px) - 500px) top;
}

#box14 > #box14_02 > dl {
	position: absolute;
	top: 113px;
	left: calc(50% + 145px);
	width: 340px;
}

#box14 > #box14_02 > dl > dt {
	padding-bottom: 20px;
}

#box14 > #box14_02 > dl > dt > span {
	display: block;
}

#box14 > #box14_02 > p {
	position: absolute;
	top: 284px;
	left: calc(50% + 145px);
}

#box14 > #box14_02 > p > a {
	display: block;
	position: relative;
	width: 316px;
	padding: 23px 10px;
	border: 2px solid transparent;
	text-align: center;
	transition: all 0.3s;
}

#box14 > #box14_02 > p > a:hover,
#box14 > #box14_02 > p > a:active {
	background: rgba(255, 255, 255, 0.6);
	color: #000000;
}

#box14 > #box14_02 > p > a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box14 > #box14_02 > p > a:after {
	content: "";
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border: 2px solid transparent;
	z-index: 1;
}

#box14 > #box14_02 > p > a.active:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box14 > #box14_02 > p > a.active:after {
	width: 100%;
	height: 100%;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	transition: height 0.3s, width 0.3s 0.3s;
}

#box14 > #box14_02 > p > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

#box14 > #box14_02 > p > a:hover > span:after,
#box14 > #box14_02 > p > a:active > span:after {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

/*----------------------------------------
	functions
-----------------------------------------*/

#functions {
	padding: 60px 0;
	background: #ebe8e5;
}

#functions > h1 {
	padding-bottom: 33px;
	text-align: center;
}

#functions > h1 > span {
	display: inline-block;
	padding-top: 3px;
	border-top: 2px solid #bcbfc5;
}

#functions > ul {
	width: 1200px;
	margin: 0 auto;
}

#functions > ul > li {
	float: left;
	padding-left: 2px;
}

#functions > ul > li:nth-child(7n+1) {
	padding-left: 0;
}

#functions > ul > li:nth-child(n+8) {
	padding-top: 2px;
}

#functions > ul > li > a {
	display: block;
	position: relative;
	width: 150px;
	height: 21px;
	padding: 31px 10px 28px;
	text-align: center;
	overflow: hidden;
}

#functions > ul > li:nth-child(7n+7) > a {
	width: 148px;
}

#functions > ul > li > a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(25, 25, 20, 0.5);
	z-index: 1;
}

#functions > ul > li > a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.3s;
}

#functions > ul > li:first-child > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p01.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(2) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p02.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(3) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p03.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(4) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p04.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(5) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p05.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(6) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p06.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(7) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p07.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(8) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p08.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(9) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p09.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(10) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p10.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(11) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p11.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(12) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p12.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li:nth-child(13) > a:after {
	background: url(../../../../collection/kitchen/design/img/design_feelwood_functions_p13.jpg) no-repeat center;
	background-size: cover;
}

#functions > ul > li > a:hover::after {
	transform: scale(1.3);
}

#functions > ul > li > a > span {
	position: relative;
	z-index: 2;
}

/*----------------------------------------
	move_box
-----------------------------------------*/

#move_box {
	width: 100%;
	padding: 15px 0;
	background: #000000;
	z-index: 10000;
}

#move_box > ul {
	display: table;
	margin: 0 auto;
}

#move_box > ul > li {
	display: table-cell;
	vertical-align: top;
}

#move_box > ul > li:nth-child(2) {
	padding-left: 10px;
}

#move_box > ul > li > a {
	display: block;
	position: relative;
	width: 460px;
	padding: 16px 10px;
	background: rgba(179, 142, 94, 1);
	text-align: center;
	transition: all 0.5s;
}

#move_box > ul > li > a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: -1;
}

#move_box > ul > li > a:hover,
#move_box > ul > li > a:active {
	background: rgba(179, 142, 94, 0.6);
}

#move_box > ul > li > a > span:after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 22px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(50deg) skew(10deg);
	transform: rotate(50deg) skew(10deg);
}

/*----------------------------------------
	collection_cmn_box
-----------------------------------------*/

#collection_cmn_box {
	width: 970px;
	margin: 60px auto 0;
}

#collection_cmn_box #collectionBox01 div {
	padding-left: 35px;
}

#collection_cmn_box #cmnBox01 {
	width: 963px;
}

#main #cmnBox01 ul li {
	width: 241px;
}

#main #cmnBox01 ul li:first-child {
	width: 244px;
}

/*----------------------------------------
	footer
-----------------------------------------*/

footer {
	min-width: 1200px;
	width: auto;
}