@charset "utf-8";
/* CSS Document */


/*　トップの帯び
-------------------------- */

.charged {
	position: relative;
	top: 18.4vw;
	font-size: 3vw;
	border-bottom: solid 1px #e9e9e9;
	}

.charged p {
	display: none;
	}

.charged ul li {
	width: 50vw;
	float: left;
	text-align: center;
	background: #f6f6f6;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
}


.charged ul:nth-of-type(1) li a {
	padding: 4vw 0;
}

.charged ul:nth-of-type(1) li a:before {
	content: "▶";
	margin: 0 2vw 0 0;
	display: inline;
}

.charged ul:nth-of-type(2) {
	display: none;
}

/*======================================================================
　ヘッダー
======================================================================== */

body > header {
	padding: 18vw 0 0;
	}


.wrapper_fix {
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 99999999999;
	padding: 4vw;
	background: #fff;
	transition: all .2s ease;
	border-bottom: solid 1px #e9e9e9;
}


.wrapper_fix.open {
	background: #444;
	transition: all .2s ease;
}


/*----------------------------------------------
　ロゴ
------------------------------------------------ */	

	
body > header h1 {
	width: 46vw;
	}

.wrapper_fix.open h1 {
	background: url(../images/fot-logo.png) no-repeat;
	background-size: contain;
}

.wrapper_fix.open h1 img {
	visibility: hidden;
}

/*----------------------------------------------
　SPメニュー
------------------------------------------------ */	

body > header .menu {
	width: 7vw;
	height: 5.5vw;
	position: absolute;
	top: 4.6vw;
	right: 6vw;
}

body > header .menu span {
	display: block;
	width:  100%;
	height: 0.7vw;
	background: #444;
	position: absolute;
	transition: all .2s ease;
}


body > header .menu span:nth-of-type(1) {
	top: 0;
}

body > header .menu span:nth-of-type(2) {
	top: 50%;
	transform: translateY(-50%);
}

body > header .menu span:nth-of-type(3) {
	bottom: 0;
}

body > header .menu:after {
	content: "メニュー";
	font-size: 2.7vw;
	position: absolute;
	bottom: -4.3vw;
	left: -2.4vw;
	letter-spacing: 0vw;
	font-weight: 700;
	width: 13vw;
	text-align: center;
}


/*　バツ印
-------------------------- */

body > header .menu.open span {
	transition: all .2s ease;
}

body > header .menu.open span:nth-of-type(1) {
	transform: translateY(2.75vw) rotate(45deg);
	background: #ccc;
}

body > header .menu.open span:nth-of-type(2) {
	display: none;
}

body > header .menu.open span:nth-of-type(3) {
	transform: translateY(-2vw) rotate(-45deg);
	background: #ccc;
}

body > header .menu.open:after {
	content: "閉じる";
	letter-spacing: 0.2vw;
	color: #ccc;
}

/*----------------------------------------------
　グローバルナビ
------------------------------------------------ */	

body > header .gNav {
	display: none;
	}

	
/*----------------------------------------------
　検索
------------------------------------------------ */	

body > header .top_search {
	position: absolute;
	top: 143vw;
	left: 0;
	background: #f6f6f6;
	border: solid 1px #e9e9e9;
	padding: 3.7vw;
	width: 100%;
	}

body > header .top_search input[type="text"] {
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	padding: 2vw;
	font-size: 3.4vw;
	width: 71.8vw;
	background: #fff;
	}

body > header .top_search input[type="submit"] {
	color: white;
	font-size: 3.4vw;
	padding: 2vw 3.5vw 2.5vw 0;
	background: #423f3c url(../images/search-white.png) no-repeat;
	background-position: 13.2vw 3.1vw;
	background-size: 3.5vw;
	width: 20vw;
	}

/*======================================================================
　ナビゲーション
======================================================================== */

nav {
	display: none;
	}


/*======================================================================
　スライダー
======================================================================== */

.slider {
	margin: 0 0 32vw;
}

.slider ul li {
	width: 100vw !important;
}

/*----------------------------------------------
　bx設定
------------------------------------------------ */	

.slider .bx-viewport {
	height: 100vw !important;
	}


.slider .bx-wrapper .bx-controls-direction a {
	top: 110.2vw;
	width: 2.5vw;
	height: 2.5vw;
	border-top: solid 0.8vw #191919;
	border-right: solid 0.8vw #191919;
	text-indent: -900px;
	color: #fff;
	}

.slider .bx-wrapper .bx-next {
	transform: rotate(45deg);
	right: 6vw;
	}

.slider .bx-wrapper .bx-prev {
	transform: rotate(-135deg);
	left: 5vw;
	}

.slider .bx-pager {
	bottom: -8.3vw;
	}


/*======================================================================
　重要なお知らせ
======================================================================== */


.information {
	line-height: 5.5vw;
	border-bottom: solid 1px #ccc;
	padding: 4vw;
	}

.information p {
	/* background: #f6f6f6; */
	padding: 0;
	position: relative;
}

.information p span {
	color: #c75050;
	font-size: 3.5vw;
	font-weight: 600;
	display: block;
}

/*
.information p:after {
	content: "重要";
	position: absolute;
	top: 1vw;
	left: 0;
	background: #c75050;
	width: 12vw;
	height: 16vw;
	color: #fff;
	text-align: center;
	line-height: 16vw;
	font-size: 3.2vw;
	font-weight:400;
	border-radius: 0.5vw;
	margin: 3vw 0 0 4vw;
}
*/

.information p a {
	font-size: 3vw;
	font-weight: normal;
	padding: 4vw;
}


	
.information .info_lft {
	margin: 0 0 4vw;
	padding: 4vw 0 2vw 16vw;
	position: relative;
	/* border-bottom: dotted 1px #ccc;*/
	}
	
.information .info_lft:after {
	content: "重要";
	position: absolute;
	top: 1vw;
	left: 0;
	background: #c75050;
	width: 12vw;
	height: 10.5vw;
	color: #fff;
	text-align: center;
	line-height: 10vw;
	font-size: 3.2vw;
	font-weight:400;
	border-radius: 0.5vw;
}

.information .info_lft .ttl {
	font-size: 3.4vw;
	}

.information .info_lft .sub {
	font-size: 3.2vw;
	}
	
.information .info_rgt {
	font-size: 2.8vw;
	font-weight: 300;
	line-height: 5vw;
	text-align: center;
	}
	
.information .info_rgt span {
    color: #bf0000;
    font-weight: 500;
  }

.information .info_rgt a {
	text-decoration: underline;
	display: inline;
	vertical-align: top;
	}


/*======================================================================
　重要なお知らせ 2個目
======================================================================== */


.information {
	line-height: 5.5vw;
	border-bottom: solid 1px #ccc;
	padding: 4vw;
	}

.information p {
	/* background: #f6f6f6; */
	padding: 0;
	position: relative;
}

.information p span {
	color: #c75050;
	font-size: 3.5vw;
	font-weight: 600;
	display: block;
}

/*
.information p:after {
	content: "重要";
	position: absolute;
	top: 1vw;
	left: 0;
	background: #c75050;
	width: 12vw;
	height: 16vw;
	color: #fff;
	text-align: center;
	line-height: 16vw;
	font-size: 3.2vw;
	font-weight:400;
	border-radius: 0.5vw;
	margin: 3vw 0 0 4vw;
}
*/

.information p a {
	font-size: 3vw;
	font-weight: normal;
	padding: 4vw;
}


	
.information .info2_lft {
	margin: 0 0 4vw;
	padding: 1vw 0 4vw 16vw;
	position: relative;
	border-bottom: dotted 1px #ccc;
	}
	
.information .info2_lft:after {
	content: "重要";
	position: absolute;
	top: 1vw;
	left: 0;
	background: #c75050;
	width: 12vw;
	height: 10.5vw;
	color: #fff;
	text-align: center;
	line-height: 10vw;
	font-size: 3.2vw;
	font-weight:400;
	border-radius: 0.5vw;
}

.information .info2_lft .ttl {
	font-size: 3.4vw;
	}

.information .info2_lft .sub {
	font-size: 3.2vw;
	}
	
.information .info2_rgt {
	font-size: 2.7vw;
	line-height: 5vw;
	font-weight:400;
	}
	
.information .info2_rgt span {
    color: #C94F4C;
    font-weight: 500;
  }

.information .info2_rgt a {
	text-decoration: underline;
  display: inline;
  vertical-align: top;
  }
/*======================================================================
　共通バナー
======================================================================== */


.common_bnr ul li {
	padding: 4vw;
	overflow: hidden;
	border-bottom: solid 1px #ccc;
}	

.common_bnr ul li:last-of-type {
	border: none;
}

.common_bnr ul li figure {
	width: 50vw;
	float: left;
	}

.common_bnr ul li .caption {
	width: 38vw;
	float: right;
	height: 26vw;
	overflow: hidden;
}

.common_bnr ul li .ttl {
	font-size: 3.2vw;
	margin: 0px 0 1.9vw;
	font-weight: 700;
	line-height: 4.5vw;
}

.common_bnr ul li .txt {
	font-size: 2.7vw;
	line-height: 4vw;
	font-weight: 400;
	color: #444;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}



/*======================================================================
　サイドナビ
======================================================================== */


aside {
	position: fixed;
	top: 18.3vw;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: scroll;
	background: #fff;
	z-index: 999999999999;
	/* padding: 12vw 0 0; */
	}
	

/*　開閉
-------------------------- */

aside {
	transform: translateX(-100vw);
	transition: all .5s ease;
}

aside.open {
	transform: translateX(0);
	transition: all .5s ease;
	overflow-x: hidden;
}


/*----------------------------------------------
　検索
------------------------------------------------ */	

.side_search {
	width: 62vw;
	float: right;
	position: relative;
}

.side_search input[type="text"] {
	padding: 4vw;
	font-size: 3.6vw;
	background: #fff;
	}

.side_search input[type="submit"] {
	background: url(../images/search-black.png) no-repeat;
	background-size: contain;
	width: 5vw;
	height: 5vw;
	position: absolute;
	top: 4.5vw;
	right: 4vw;
	}


/*　ホットワード
-------------------------- */

.side_search .hotword {
	display: none;
	}

/*----------------------------------------------
　あす楽
------------------------------------------------ */	

.ashuraku {
	width: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	padding: 2vw 0;
	border-bottom: solid 1px #e9e9e9;
	display: none;
	}

.ashuraku .time {
	font-size: 5vw;
	font-weight: 700;
	letter-spacing: 0;
	color: #b92e2e;
	width: 5.7vw;
	vertical-align: 0;
	}

.ashuraku .time + span {
	font-size: 3.8vw;
}


.ashuraku .day {
	display: none;
	}

.ashuraku .day + span {
	display: none ;
}

.ashuraku .day + span ~ span {
	display: none;
}

.ashuraku p {
	display: none;
}

	
/*----------------------------------------------
　バナー
------------------------------------------------ */	

.bnr {
	width: 37vw;
	float: left;
}


/*----------------------------------------------
　アコーディオンメニュー
------------------------------------------------ */	

.side_nav {
	background: #f6f6f6;
	width: 62vw;
	float: right;
	}

.side_nav:before {
	content: "▼ カテゴリから探す";
	font-size: 3.6vw;
	display: block;
	padding: 3vw;
}



/*　デザイン
-------------------------- */


/* タイトル */

.side_nav .category .ttl {
	background: #fff;
	padding: 3.8vw 4vw;
	margin: 0 0 1vw;
	font-size: 3.2vw;
	position: relative;
	}

.side_nav .category .ttl:after {
	content: "";
	position: absolute;
	top: 4.4vw;
	right: 6vw;
	width: 1.2vw;
	height: 1.2vw;
	border-top: solid 0.5vw #444;
	border-left: solid 0.5vw #444;
	transform: rotate(135deg);
}



/* 階層① */

.side_nav .category > ul > li {
	display: none
	}



/*----------------------------------------------
　SNS
------------------------------------------------ */	

.side_sns {
	float: none;
	clear: both;
	}

.side_sns .ttl {
	display: none;
	}

.side_sns ul li {
	background: #444;
	font-size: 4vw;
	color: #fff;
	position: relative;
	float: left;
	margin: 0 0.5vw 0 0;
	width: 49.7vw;
	}

.side_sns ul li:last-of-type {
	margin: 0;
}

.side_sns ul li a {
	padding: 5vw 5vw 5vw 18vw;
	}

.side_sns ul li img {
	display: none;
	}

.side_sns ul li:before {
	content: "";
	width: 7vw;
	height: 7vw;
	position: absolute;
	top: 3.5vw;
	left: 5.5vw;
	}

.side_sns ul li:nth-of-type(1):before {
	background: url(../images/sp-facebook.png) no-repeat;
	background-size: cover;
}

.side_sns ul li:nth-of-type(2):before {
	background: url(../images/sp-instagram.png) no-repeat;
	background-size: cover;
}


/*----------------------------------------------
　カレンダー
------------------------------------------------ */	

.side_cal {
	background: #f6f6f6;
	float: none;
	clear:  both;
}

.side_cal .wrapper {
	padding: 8vw 16vw;
	}

.side_cal .ttl {
	text-align: center;
	font-weight: 700;
	margin: 0 0 6vw;
}

	
.side_cal .caltitle_rakuten {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px;
		}

.side_cal .calframe_rakuten:nth-of-type(2) {
	display: none;
}

.side_cal .calframe_rakuten {
	width: 70vw;
	font-size: 3.2vw;
	margin: 0 0 2vw;
	}

.side_cal .weektitle_rakuten {
	border-top: solid 1px #e9e9e9;
	}

.side_cal .calframe_rakuten th {
	font-size: 12px;
	font-weight: 500;
	padding: 0 0 10px;
	text-align: left;
	}

.side_cal .calframe_rakuten td {
	border-bottom: solid 1px #e9e9e9;
	border-left: dotted 1px #ddd;
	text-align: center;
	vertical-align: middle;
	padding: 3vw 1vw;
	font-size: 2.7vw;
	background: #fff;
	}

.side_cal .calframe_rakuten td:last-of-type {
	border-right: dotted 1px #ddd;
}

.side_cal .event_rakuten {
	margin: 4vw 0 0;
	font-size: 3.2vw;
	}

.side_cal .event_rakuten tr {
	float: left;
	padding: 0 4vw 0 0;
}

.side_cal .event_rakuten tr:last-of-type {
	padding: 0;
}

.side_cal .event_rakuten tr td {
	padding: 0 0 1.5vw;
}

/* 休業日 */
.side_cal td.event1day_rakuten {
	background: #ffd8d8;
	color: #3c3c3c !important;
	}

.side_cal font.event1day_rakuten {
	color: #ffd8d8;
	}

/* 配送のみ */
.side_cal td.event3day_rakuten {
	background: #9ec4ff;
	color: #3c3c3c !important;
	}

.side_cal font.event3day_rakuten {
	color: #9ec4ff;
	}







/*======================================================================
　アーティクル
======================================================================== */


/*　大見出し
-------------------------- */

article.index section h1 {
	font-size: 0;
	padding: 25vw 0;
	position: relative;
	text-align: center;
	z-index: 999;
	border-top: solid 1px #ccc;
	}

article.index section h1 span {
	font-size: 4vw;
	letter-spacing: 1vw;
	font-weight: 700;
	position: absolute;
	top: 67%;
	left: 51%;
	transform: translateX(-50%);
	width: 100%;
	}

	
article.index section h1:before {
	content: "";
	width: 30vw;
	height: 22vw;

	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	}


article.index section:nth-of-type(1) h1:before {
	background: url(../images/cat-01.png) no-repeat;
	background-position: center 3px;
	background-size: contain;
	}

	
article.index section:nth-of-type(2) h1:before {
	background: url(../images/cat-02.png) no-repeat;
	background-position: center 3px;
	background-size: contain;
	}
	
	
article.index section:nth-of-type(3) h1:before {
	background: url(../images/cat-03.png) no-repeat;
	background-position: center 3px;
	background-size: contain;
	}

	
article.index section:nth-of-type(4) h1:before {
	background: url(../images/cat-04.png) no-repeat;
	background-position: center 3px;
	background-size: contain;
	}
	
	
article.index section:nth-of-type(5) h1:before {
	background: url(../images/cat-05.png) no-repeat;


	background-position: center 3px;

	background-size: contain;
	}

	

/*----------------------------------------------
　カテゴリ
------------------------------------------------ */	



/*　コンテンツ
-------------------------- */

.category .content {
	position: relative;
	margin: 7vw 0 67vw;
}


.category .content:last-of-type {
	margin: 0 0 53vw;
}

.category .content:before {
	content: "";
	width: 25vw;
	height: 25vw;
	border-radius: 100%;
	position: absolute;
	top: -19vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
}




/* アイコン */
.category .content:nth-of-type(1):before {
	background: #fff url(../images/cat-sp-table.png) no-repeat;
	background-size: 9vw;
	background-position: center 9vw;
	}

.category .content:nth-of-type(2):before {
	background: #fff url(../images/cat-sp-storage.png) no-repeat;
	background-size: 15vw;
	background-position: center 7.3vw;
	}
	
	
.category .content:nth-of-type(3):before {
	background: #fff url(../images/cat-sp-sofa.png) no-repeat;
	background-size: 9vw;
	background-position: center 9.5vw;
	}
	
.category .content:nth-of-type(4):before {
	background: #fff url(../images/cat-sp-right.png) no-repeat;
	background-size: 17vw;
	background-position: center 8.5vw;
	}
	
.category .content:nth-of-type(5):before {
	background: #fff url(../images/cat-sp-goods.png) no-repeat;
	background-size: 12vw;
	background-position: center 9vw;
	}
	





/*　イメージ
-------------------------- */

.category .content figure {
	width: 60vw;
	height: 60vw;
	position: absolute;
	left: -10vw;
	}



/*　コンテンツタイトル

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

.category .content .rgt {
	width: 50vw;
	height: 60vw;
	float: right;
	background: #f6f6f6;
	padding: 6vw;
	}

.category .content .rgt h2 {
	font-size: 3vw;
	color: #fff;
	background: #333;
	padding: 1.5vw 0;
	text-align: center;
	font-weight: 500;
	margin: 0 0 4.2vw;
	}

.category .content .rgt h2 a {
	display: none;
	}



/*　カテゴリ部分
-------------------------- */

.category .content .rgt > ul > li {
	font-size: 3vw;
	margin: 0 0 4.2vw;
	letter-spacing: 1px;
	font-weight: 500;
	color: #444;
}

.category .content .rgt > ul > li:last-of-type {
	margin: 0
}

.category .content .rgt > ul > li a:after {
	content:"▶";
	font-size: 2.5vw;
	float: right;
}


/*　ランクカルーセル
-------------------------- */

.category .content .rgt .carousel {
	position: absolute;
	top: 107%;
	left: 0;
	z-index: 999;
}

.category .content .rgt .carousel ul li {
	padding: 0 0 10vw;
	width: 23.6vw !important;
}


.category .content .rgt .carousel ul li:before {
	content: "";
	margin: 0 auto 10px;
	display: inline-block;
	width: 100%;
	height: 5vw;
	vertical-align: middle;
}

.category .content .rgt .carousel ul li img {
	margin: 0 0 3px;
	opacity: 1;
	transition: all .2s ease;
	}

.category .content .rgt .carousel ul li:hover img {
	opacity: 0.8;
	transition: all .2s ease;
	}


.category .content .rgt .carousel ul li p {
	font-size: 2.7vw;
	text-align: center;
	line-height: 4.5vw;
	width: 30vw;
	position: absolute;
	bottom:  0;
	left: 50%;
	letter-spacing: 0;
	transform: translateX(-50%);
}


/* 順位 */

.category .content .rgt .carousel ul li:nth-of-type(1):before {
	background: url(../images/rank-no1.png) no-repeat;
	background-size: contain;
	background-position: center;
	}

.category .content .rgt .carousel ul li:nth-of-type(2):before {
	background: url(../images/rank-no2.png) no-repeat;
	background-size: contain;
	background-position: center;
	}

.category .content .rgt .carousel ul li:nth-of-type(3):before {
	background: url(../images/rank-no3.png) no-repeat;
	background-size: contain;
	background-position: center;
	}

.category .content .rgt .carousel ul li:nth-of-type(4):before {
	background: url(../images/rank-no4.png) no-repeat;
	background-size: contain;
	background-position: center;
	}

.category .content .rgt .carousel ul li:nth-of-type(5):before {
	background: url(../images/rank-no5.png) no-repeat;
	background-size: contain;
	background-position: center;
	}




/* bx設定 */

.category .content .rgt .carousel .bx-wrapper {
	max-width: 100% !important;
	margin: 0 !important;
	}

.category .content .rgt .carousel .bx-viewport {
	width: 87% !important;
	height: auto !important;
	padding: 0 4.2vw;
	margin: 0 auto;
}

.category .content .rgt .carousel .bx-wrapper .bx-controls-direction a {
	top: 50%;
	transform: translateY(-50%);
	width: 3.5vw;
	height: 6vw;
	}

.category .content .rgt .carousel .bx-wrapper .bx-next {
	background: url(../../common_new/images/next.png) no-repeat;
	background-size: contain;
	right: 2vw;
	}

.category .content .rgt .carousel .bx-wrapper .bx-prev {
	background: url(../../common_new/images/prev.png) no-repeat;
	background-size: contain;
	left: 2vw;
	}



/*----------------------------------------------
　新着アイテム
------------------------------------------------ */	

.newitem .wrapper {
	margin: 0 0 30vw;
}


/*　タイトル
-------------------------- */

.newitem h2 {
	font-size: 4vw;
	font-weight: 700;
	margin: 0 0 4vw;
	padding: 4vw;
	border-bottom: solid 1px #ccc;
	}

.newitem h2 span {
	font-size: 3.2vw;
	font-weight: 500;
	display: inline-block;
	float: right;
	padding: 3px 0 0;
}


.newitem h2:before {
	content: "";
	padding: 0 0 0 6vw;
	margin: 0 3vw 0 0;
	}

/* アイコン */

.newitem .wrapper:nth-of-type(1) h2:before {
	background: url(../images/gNav-table.png) no-repeat;
	background-position: center;
	background-size: contain;
	}

.newitem .wrapper:nth-of-type(2) h2:before {
	background: url(../images/gNav-light.png) no-repeat;
	background-position: center;
	background-size: contain;
	}

.newitem .wrapper:nth-of-type(3) h2:before {
	background: url(../images/gNav-goods.png) no-repeat;
	background-position: center;
	background-size: contain;
	}





/*　アイテム
-------------------------- */

.newitem ul > li > ul > li{
	width: 32vw;
	float: left;
	margin: 0 2vw 2vw 0;
	position: relative;
}

.newitem ul > li > ul > li:nth-of-type(3n) {
	margin: 0 0 2vw;
}


.newitem ul > li > ul > li .content {
	display: none;
	}


.newitem ul > li > ul > li .txt {
	font-size: 2.7vw;
	padding: 2vw;
	background: #f6f6f6;
	border: solid 1px #e9e9e9;
	letter-spacing: 0.3vw;
	line-height: 3.8vw;
}




/*　bx設定
-------------------------- */


/* もっとみる部分 */

.newitem .bx-wrapper .bx-controls-direction .bx-next {
  font-size: 3.4vw;

  color: #f5bd4e;
  padding: 4vw 0;
  width: 57vw;
  background: #f5bd4e;
  text-align: center;
  text-indent: 0;
  position: absolute;
  top: auto;
  bottom: -10vw;
  right: 0;
 }


.newitem .bx-wrapper .bx-controls-direction .bx-next:before {
	color: #fff;
	position: absolute;
	top: 46%;
	transform: translateY(-50%);
	left: 20px;
	}


.newitem .wrapper:nth-of-type(1) .bx-wrapper .bx-controls-direction .bx-next:before {
	content: "家具の新着をもっと見る";
}

.newitem .wrapper:nth-of-type(2) .bx-wrapper .bx-controls-direction .bx-next:before {
	content: "照明の新着をもっと見る";
}

.newitem .wrapper:nth-of-type(3) .bx-wrapper .bx-controls-direction .bx-next:before {
	content: "雑貨の新着をもっと見る";
}


.newitem .bx-wrapper .bx-controls-direction .bx-next:after {
	content: "";
	background: url(../../common_new/images/prev_white.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 47%;
	transform:  translateY(-50%);
	right: 4vw;
	width: 1.5vw;
	height: 2.5vw;
	}

/* ページャー */

.newitem .bx-wrapper .bx-pager,
.newitem .bx-wrapper .bx-controls-auto {
	bottom: -6.7vw;
	text-align: left;
	padding: 0 0 0 4vw;
	}


/*----------------------------------------------
　おすすめアイテム
------------------------------------------------ */	

.recommend {
	margin: 0 0 15vw;
}


.recommend ul > li > ul > li {
	width: 49vw;
	float: left;
	position: relative;
	}

.recommend ul > li > ul > li:nth-of-type(2n) {
	float: right;
	}

.recommend ul > li > ul > li .ttl {
	font-size: 3vw;
	padding: 11vw 2vw 4vw 2vw;
	position: relative;
	background: #f6f6f6;
	text-align: center;
	border-bottom: dotted 1px #ddd;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	}




.recommend ul > li > ul > li .ttl:before {
	content: "";
	background: url(../images/pickup.png) no-repeat;
	background-size: contain;
	width: 15vw;
	height: 5vw;
	position: absolute;
	top: 4vw;
	left: 50%;
	transform: translateX(-50%);
	}

.recommend ul > li > ul > li .txt {
	font-size: 2.7vw;
	font-weight: 400;
	line-height: 4vw;
	margin: 0 0 2vw;
	color: #333;
	background: #f6f6f6;
	padding: 2.5vw 4vw 4vw 4vw;
	overflow: hidden;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	}

.recommend ul > li > ul > li .txt:before {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background:#f4f4f4;
	padding: 1.8vw 0;
	z-index:9999;
}

.recommend ul > li > ul > li .txt:after {
	position: absolute;
	bottom: 3.4vw;
	right: 4.7vw;
	width: 23.8vw;
	font-size: inherit;
	background: #f6f6f6;
	color: blue;
}


/*　bx設定
-------------------------- */


/* もっとみる部分 */

.recommend .bx-wrapper .bx-controls-direction .bx-next {
  font-size: 3.4vw;
  color: #f5bd4e;
  padding: 4vw 0;
  width: 49vw;
  background: #f5bd4e;
  text-align: center;
  text-indent: 0;
  position: absolute;
  top: auto;
  bottom: -8vw;
  right: 0;
 }


.recommend .bx-wrapper .bx-controls-direction .bx-next:before {
	content: "おすすめをっと見る";
	color: #fff;
	position: absolute;
	top: 46%;
	transform: translateY(-50%);
	left: 20px;
	}

.recommend .bx-wrapper .bx-controls-direction .bx-next:after {
	content: "";
	background: url(../../common_new/images/prev_white.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 47%;
	transform:  translateY(-50%);
	right: 4vw;
	width: 1.5vw;
	height: 2.5vw;
	}

/* ページャー */

.recommend .bx-wrapper .bx-pager,
.recommend .bx-wrapper .bx-controls-auto {
	bottom: -5vw;
	text-align: left;
	padding: 0 0 0 4vw;
	}


/* viewport */

.recommend .bx-viewport {
	height: 160vw !important;
}


/*----------------------------------------------
　特集・企画
------------------------------------------------ */	

.feature ul li {
	padding: 4vw;
	position: relative;
	overflow: hidden;
	border-top: solid 1px #ccc;
	}

.feature ul li figure {
	width: 44vw;
	float: left;
	border-radius: 0.5vw;
}

/*　キャプション
-------------------------- */

.feature ul li .content {
	width: 44vw;
	height:  44vw;
	float: right;
	position: relative;
}

.feature ul li .content .ttl {
	font-size: 3vw;
	line-height: 4vw;
	font-weight: 700;
	border-bottom: dotted 1px #999;
	padding: 0px 0 3vw;
	position: relative;
	margin: 0 0 3vw;
	}
	
.feature ul li .content .txt {
	font-size: 2.7vw;
	font-weight: 300;
	line-height: 4vw;
	color: #444;
}


.feature ul li .content:before {
	content: "もっと見る";
	font-size: 3.4vw;
	color: #fff;
	padding: 2vw 2vw 2vw 0;
	width: 32vw;
	background: #f5bd4e;
	text-align: center;
	text-indent: 0;
	position: absolute;
	top: auto;
	bottom: 0;
	right: 0;
	}

.feature ul li .content:after {
	content: "";
	background: url(../../common_new/images/prev_white.png) no-repeat;
	background-size: contain;
	position: absolute;
	transform:  translateY(-50%);
	bottom: 1vw;
	right: 4.5vw;
	width: 1.5vw;
	height: 2.5vw;
	}


/*　逆転
-------------------------- */

.feature ul li:nth-of-type(2n) figure {
	float: right;
}

.feature ul li:nth-of-type(2n) .content {
	float: left;
}

.feature ul li:nth-of-type(2n) .content:before {
	left: 0;
}

.feature ul li:nth-of-type(2n) .content:after {
	right: 13.5vw
}

/*----------------------------------------------
　ブランド
------------------------------------------------ */	

.brand ul {
	padding: 0 4vw 0 4vw;
}

.brand ul li {
	width: 50vw;
	float: left;
	margin: 0 0 6vw;
	border-bottom: dotted 0.3vw #ccc;
	padding: 0 4vw 4vw 0;
	}

.brand ul li a {
	padding: 0 4vw 0 0;
	border-right: dotted 0.3vw #ccc;
}

.brand ul li:nth-of-type(2n) {
	padding: 0 0 4vw;
	width: 41.7vw;
}

.brand ul li:nth-of-type(2n) a {
	padding: 0;
	border-right: none;
} 

.brand ul li:nth-last-of-type(-n+2) {
	border: none;
}


/*　テキスト
-------------------------- */


.brand ul li p {
	margin: 2vw 0 0;
	font-size: 3.2vw;
	text-align: center;
}

.brand ul li p span {
	font-weight: 500;
}


/*======================================================================
　フッダー
======================================================================== */

footer {
	width: 100%;
	}

/*----------------------------------------------
　上部
------------------------------------------------ */	


footer .top {
	background: #f6f6f6;
	border-top: solid 1px #e9e9e9;
	}

/*　レフト

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

footer .top .lft {
	}

footer .top .lft .ttl {
	font-size: 3.2vw;
	letter-spacing: 1.5px;
	overflow: hidden;
	line-height: 5vw;
	}
	
footer .top .lft .ttl span {
	width: 43vw;
	padding: 2.5vw 0;
	font-size: 3.2vw;
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin: 0 4vw 0 0;
	display: block;
	float: left;
	letter-spacing: 0.5vw;
	}


/*　カスタマーサポート */

footer .top .customer {
	padding: 6vw 0;
	border-bottom: solid 1px #aaa;
}

footer .top .customer .ttl {
	padding: 0 6vw;
}


footer .top .customer .ttl span {
	background: #314c64;
	}

footer .top .customer .cnt {
	position: relative;
	overflow: hidden;
	margin: 0 0 15px;
	text-align: center;
}

footer .top .customer .cnt .tel {
	color: #314c64;
	font-size: 10vw;
	font-weight: 900;
	letter-spacing: 0.2vw;
	display: inline-block;
	margin: 6vw 0;
}

footer .top .customer .cnt .btn {
	font-size: 3.6vw;
	letter-spacing: 1px;
	border-top: dotted 1px #ccc;
	position: relative;
}

footer .top .customer .cnt .btn br {
	display: none;
}

footer .top .customer .cnt .btn a {
	padding: 4vw 0 4vw 18vw;
	text-align: left;
	display: block !important;
	}

footer .top .customer .cnt .btn:nth-of-type(2) {
	background: url(../images/fot-mail.png) no-repeat;
	background-size: 7vw;
	background-position: 6vw center;
	}

footer .top .customer .cnt .btn:nth-of-type(3) {
	background: url(../images/fot-guid.png) no-repeat;
	background-size: 7vw;
	background-position: 6vw center;
	border-bottom: dotted 1px #ccc;
	}


footer .top .customer .cnt .btn:after {
	content: "";
	position: absolute;
	top: 4.6vw;
	width: 1.5vw;
	height: 1.5vw;
	border-top: solid 0.6vw #191919;
	border-right: solid 0.6vw #191919;
	transform: rotate(45deg);
	right: 7vw;
	}



footer .top .customer .time {
	font-size: 3.2vw;
	line-height: 5.5vw;
	color: #444;
	letter-spacing: 0.85px;
	padding: 0 6vw;
}


/*　メルマガ */

footer .top .newsletter {
	padding: 6vw 0;
}


footer .top .newsletter .ttl {
	padding: 0 6vw;
}

footer .top .newsletter .ttl span {
	background: #f5bd4e;
	}


footer .top .newsletter ul {

	background: url(../images/fot-merumaga.png) no-repeat;
	background-position: 6vw center;
	margin:  6vw 0;
	padding: 0 6vw 0 30vw;
	}

footer .top .newsletter ul li {
	font-size: 3vw;
	font-weight: 400;
	margin: 0 0 1vw;
	letter-spacing: 0.5vw;
}

footer .top .newsletter ul li:before {
	content: "■";
	font-size: 15px;
	margin: 0 3px 0 0
}

footer .top .newsletter .regi {
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	background: url(../images/sp-regi.png) no-repeat;
	background-size: 7vw;
	background-position: 6vw center;
	}

footer .top .newsletter .regi a {
	padding: 4vw 0 4vw 18vw;
	text-align: left;
	font-size: 3.6vw;
	position: relative;
	}


footer .top .newsletter .regi a:after {
	content: "";
	position: absolute;
	top: 4.6vw;
	width: 1.5vw;
	height: 1.5vw;
	border-top: solid 0.6vw #191919;
	border-right: solid 0.6vw #191919;
	transform: rotate(45deg);
	right: 7vw;
	}




/*　ライト
-------------------------- */

footer .top .rgt .guid {
	margin: 0 6vw 6vw 6vw;
	background: #fff;
	border: solid 1px #e9e9e9;
	padding: 6vw;
	letter-spacing: 0.5vw;
	}

footer .top .rgt .guid .wrapper:nth-of-type(1) {
	margin: 0 0 6vw;
}

footer .top .rgt .guid span {
	color: #a73b3b;
	font-weight: 700;
}

footer .top .rgt .guid .ttl {
	font-size: 4vw;
	font-weight: 700;
	padding: 0 0 3vw;
	margin: 0 0 3vw;
	border-bottom: dotted 1px #aaa;
}

footer .top .rgt .guid .sub {
	font-size: 3.2vw;
	font-weight: 700;
	margin: 0 0 1vw;
}

footer .top .rgt .guid .txt {
	font-size: 2.7vw;
	color: #444;
	line-height: 4.6vw;
	margin: 0 0 3vw;
}

footer .top .rgt .guid .txt br {
	display: none
}

footer .top .rgt .guid .btn a {
	background: #423f3c;
	color: #fff;
	font-size: 3vw;
	font-weight: 300;
	padding: 2.5vw 0;
	text-align: center;
	}

footer .top .rgt .guid:nth-of-type(2) .txt {
	font-size: 3.2vw;
	line-height: 5.5vw;
}

footer .top .rgt .guid figcaption {
	font-size: 3.2vw;
	color: #a73b3b;
	margin: 0 0 5vw;
}

footer .top .rgt .guid figure {
	margin: 5vw 0;
}

footer .top .rgt .guid figure img {
	width: 40vw;
}

footer .top .rgt .guid:nth-of-type(2) .wrapper {
	margin: 0;
}


/*----------------------------------------------
　下部
------------------------------------------------ */	

footer .btm {
	background: #423f3c;
	color: #e6e6e6;
	}
	
footer .btm > .wrapper {
	padding: 35vw 6vw 6vw 6vw;
	position: relative;
	}

/* ロゴ */

footer .btm .logo {
	width: 36vw;
	margin: 0 0 4vw;
}

/* ナビ */


footer .btm .nav {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 6vw;
	}
	
footer .btm .nav li {
	float: left;
	border-right: groove 2px #7d7d7d;
	border-bottom: groove 2px #7d7d7d;
	width: 33.3vw;
	text-align: center;
	padding: 2vw 0;
	}
	
footer .btm .nav li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #e2e2e2;
	font-size: 3.2vw;
	padding: 3vw;
	font-weight: 200;
	}

footer .btm .nav li:nth-of-type(3),
footer .btm .nav li:nth-of-type(6) {
	border-right: none;
	}



/* 会社概要 */

footer .btm .profile .ttl {
	font-size: 3.4vw;
	font-weight: 300;
	margin: 0 0 3vw;
}

footer .btm .profile .txt {
	font-size: 2.7vw;
	font-weight: 100;
	line-height: 5vw;
}


footer .btm .profile small {
	font-size: 2.7vw;
	font-weight: 100;
}