@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
/*	font: inherit;*/
/*	font-size: 100%;*/
/*	vertical-align: baseline;*/
}
html {
	/*scroll-behavior: smooth;*/
	height: 100vh;
}
a {
	text-decoration:none;
}
img {
	vertical-align: bottom;
}
* {
	box-sizing: border-box;
}
*:before, *:after {
		box-sizing: border-box;
}



@media (max-width: 950px) {/*950以下SPのみ*/
	.pc {
		display: none;
	}
}
@media (min-width: 951px) {/*951以上PCのみ*/
	.sp {
		display: none;
	}
}
@media (max-width: 769px) {/**/
	.pc2 {
		display: none;
	}
}
@media (min-width: 770px) {/**/
	.sp2 {
		display: none;
	}
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	@media (max-width: 769px) {
		height: 100vh;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 4.27vw;
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	}
}
@media (min-width: 770px) {/*PC*//*PCのみ*/
	.headarea {
		z-index: 1000;
		position: fixed;
		box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
		background: #fff;
		width: 100%;
		height: 60px;
	}
	.head_box a {
		color: #482302;
		font-size: 17px;
		font-weight: 500;
	}
}
.head_con {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	top: 0;
	display: flex;
	align-items: center;
	flex-wrap:nowrap;
	justify-content: space-between;
	padding: 4px 4px 4px 4px;
	@media (min-width: 951px) {
		padding-left: 0;
		padding-right: 0;
	}
}
.head_box {
	display: flex;
	padding-right: 4px;
	gap: 0 27px;
	@media (min-width: 951px) {
		padding-right: 0;
	}
}
@media (max-width: 769px) {/*SPのみ*/
	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: white;
		box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.5);
		z-index: 9999;
	}
	.hdr_inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 50px;/*ヘッダの高さPX指定*/
	}
	.hdr_inner .logo a {/*ロゴ位置調整*/
		height: 40px;
		display: block;
		margin: 5px;/*PX指定*/
	}
	.d_btn {/*ハンバーガーボタンのデザイン */
		position: relative;
		width: 48px;
		height: auto;
		background-color: transparent;
		border: none;
		cursor: pointer;
		z-index: 999; /* メニューを開いている時もクリックできるよう設定 */
	}
	.d_btn > span {/* ハンバーガーボタン内の線 */
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 2px;
		background-color: #755B2F;
		transform: translateX(-50%);
	}
	.d_btn > span:first-child {
		transform: translate(-50%, calc(-50% - 10px));
		transition: transform 0.3s ease;
	}
	.d_btn > span:nth-child(2) {
		transform: translate(-50%, -50%);
		transition: opacity 0.3s ease;
	}
	.d_btn > span:last-child {
		transform: translate(-50%, calc(-50% + 10px));
		transition: transform 0.3s ease;
	}
	/* 展開時のデザイン */
	.d_btn.active > span:first-child {
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	.d_btn.active > span:nth-child(2) {
		opacity: 0;
	}
	.d_btn.active > span:last-child {
		transform: translate(-50%, -50%) rotate(45deg);
	}
	/* メニューのデザイン */
	.d_nav {
		position: fixed; /* 追従ヘッダーなどでも表示できるよう設定しておく */
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		transition: opacity 0.3s ease-in-out;;
		opacity: 0;
		visibility: hidden;
	}
	.d_nav.active {
		opacity: 1;
		visibility: visible;
	}
	.dn_inner {
		position: relative;
		/*width: 60%;*/
		width: 288px;
		height: 100%;
		background-color: white;
		padding: 3rem 1rem 1rem;
		margin: 0 0 0 auto;
		overflow: scroll;
		transform: translateX(100%);
		transition: all 0.3s ease-in-out;
	}
	.d_nav.active .dn_inner {
		transform: translateX(0);
	}
	.dn_menu {
		list-style: none;
		padding-left: 0;
		margin: 0;
		padding-bottom: 50px;
	}
	.dn_link {
		display: block;
		color: black;
		text-decoration: none;
		padding: 2.13vw 2.13vw;
		border-bottom: solid 1px lightgray;
		font-size: 17px;
	}
	body.active {/*ハンバーガーメニュー展開時、背景を固定 */
		height: 100%;
		overflow: hidden;
	}
	.dn_item:first-child .dn_link {/*ハンバーガー内一番上だけ装飾*/
		border-bottom: none;
		background: #eb6100;
		color: #ffffff;
		font-weight: 700;
		border:#666666 solid 1px;
		position: relative;
		padding-left: 8vw;
		border-radius: 8px;
	}
	.dn_item:first-child .dn_link:before {
		content: '';
		display: inline-block;
		border-style: solid;
		border-width: 2.13vw 0 2.13vw 3.2vw;
		border-color: transparent transparent transparent #fff;
		display: inline-block;
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		left: 2.66vw;
		transform: translateY(-50%);
	}
}

/*スマホ画像をフィット*/
@media (max-width: 950px) {/*SPのみ*/
	img.pcsp {
		width: 100%;
		height: auto;
	}
}

article#wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 25px;
	@media (max-width: 950px) {
		width: 100%;
		padding-top: 50px;
		margin-bottom: 100px;
		overflow: hidden;
	}
}


/*ヘッダー部のアンカーのずれ調整*/
#top, #present, #premium, #tokka, #limited-item, #electric-sofa, #outlet, #brand, #koe, #service, #tokuten, #bed, #living, #sofa, #dining, #otheritem, #question, #summary {
	margin-top: -60px;
	padding-top: 60px;
	@media (max-width: 769px) {
		margin-top: -50px;
		padding-top: 50px;
	}
}

/*【特典】●日間限定！大サービス*/
#tokuten.tokuten {
	margin-bottom: 30px;
	@media (max-width: 769px) {
		margin-bottom: 3.2vw;
	}
}
#tokuten > .ttl {/*特典タイトル画像版*/
	margin-bottom: 10px;
	@media (max-width: 769px) {
		margin-bottom: 0;
		border-bottom: 2px solid #3A3A3A;
	}
}
.tokuten_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*gap: 10px 10px;*/
	margin-bottom: 20px;
	align-items: flex-start;
	@media (max-width: 769px) {
		/*gap: 0.26vw 0.26vw;*/
		margin-top: 0;
		margin-bottom: 0;
	}
}
.tokuten_box:last-of-type {
	margin-bottom: 0;
}
#tokuten h3.ttl {
	font-size: 58px;
	font-weight: 900;
	background: #3A3A3A;
	text-align: center;
	width: 100%;
	line-height: 1.2;
	padding: 0px 0 3px;
	margin-bottom: 10px;
	height: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
	@media (max-width: 950px) {
		font-size: 6.93vw;
		height: auto;
		padding: 0vw 1.6vw 1.33vw;
		margin-bottom: 1.6vw;
		margin-bottom: 0;
	}
}
#tokuten h3.ttl.afterservice {
	font-size: 44px;
	@media (max-width: 769px) {
		font-size: 5.33vw;
	}
}
#tokuten h3.ttl span {
	display: inline-block;
	background: linear-gradient(180deg, #FFD754 0%, #FFF6BE 58%, #D5AA00 62%, #FFD754 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*特典中身*/
.tokuten_item {/*フルサイズ*/
 width: 100%;
 text-align: center;
	@media (max-width: 769px) {
		border-bottom: 2px solid #3A3A3A;
	}
}
.tokuten_items {/*半分サイズ*/
	width: calc(50% - 5px);
	/*width: 50%;*/
	@media (max-width: 769px) {
		/*width: calc(50% - 0.8vw);*/
		text-align: center;
		/*height: 50%;*/
		margin-right: 3.2vw;
		border-bottom: 2px solid #3A3A3A;
	}
}
.tokuten_items.left {/*左側*/
	@media (max-width: 769px) {
		width: calc(50% - 0px);
		/*width: 50%;*/
		border-right: 1px solid #3A3A3A;
	}
}
.tokuten_items.right {/*右側*/
	@media (max-width: 769px) {
		margin-right: 0;
		/*width: 50%;*/
		width: calc(50% - 0px);
		border-left: 1px solid #3A3A3A;
	}
}
.tokuten_text {/*開いた中身*/
	display: none;
	color: #0B142E;
	width: calc(100% - 20px);
	margin: 10px auto;
	padding: 0 15px 0;
	text-align: center;
	@media (max-width: 769px) {
		/*color: #4D2F1F;*/
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 3.2vw;
		background: #ffffff;
	}
}
.tokuten_text h4 {
	margin: 0 0 5px 0;
	font-size: 23px;
	@media (max-width: 769px) {
		margin: 0.53vw 0 1.33vw 0;
		font-size: 3.73vw;
		line-height: 5.06vw;
	}
}
.tokuten_text p {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6em;
	text-align: justify;
	@media (max-width: 769px) {
		font-size: 3.2vw;
		font-weight: 500;
		letter-spacing: -0.03em;
		line-height: 1.4em;
	}
}

/*特典、半分開いた時の背景（特典の数と色＆ABデザインにより都度変更）SPのみ*/
.tekuten_a {
	@media (max-width: 769px) {
		background: #6B0B23;
	}
}
.tekuten_b {
	@media (max-width: 769px) {
		background: #060552;
	}
}
.tekuten_c {
	@media (max-width: 769px) {
		background: #0B5735;
	}
}
.tekuten_d {
	@media (max-width: 769px) {
		background: #305760;
	}
}
.tekuten_e {
	@media (max-width: 769px) {
		background: #875713;
	}
}

section.tokuten .tokuten_item, section.tokuten .tokuten_items {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 54px;
	@media (max-width: 769px) {
		padding: 0 0 7.19vw;
		/*margin-bottom: 1.6vw;*/
		margin-bottom: 0;
	}
}
section.tokuten .tokuten_item.nonemore, section.tokuten .tokuten_items.nonemore {
	padding-bottom: 0;
}
section.tokuten .tokuten_item h3 span, section.tokuten .tokuten_items h3 span {
	color: #333;
}
section.tokuten .tokuten_item .readmore .open, section.tokuten .tokuten_items .readmore .open {
	bottom: 0;
}
section.tokuten .tokuten_item .readmore.on-click .close, section.tokuten .tokuten_items .readmore.on-click .close {
	bottom: 0;
}
section.tokuten .tokuten_item .hide-text > p:last-of-type, section.tokuten .tokuten_items .hide-text > p:last-of-type {
	margin-bottom: 0;
}
.tokuten_item .readmore .open, .tokuten_item .readmore.on-click .close, .tokuten_items .readmore .open, .tokuten_items .readmore.on-click .close {
	font-size: 25px;
	font-weight: 700;
	width: 100%;
	height: 54px;
	display: grid;
	align-items: center;
	@media (max-width: 769px) {
		font-size: 3.2vw;
		height: 7.19vw;
	}
}
section.tokuten .tokuten_last .tokuten_item, section.tokuten .tokuten_last .tokuten_items {
	margin-bottom: 0;
}
.readmore {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	border: none;
	outline: 0;
	background: none;
	font-weight: bold;
	cursor: pointer;
	display: block;
	height: 100%;
	padding: 0;
	color: #ffffff;
}
.readmore .open {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 20px;
	margin: 0 auto;
	font-size: 16px;
	@media (max-width: 769px) {
		bottom: 5.33vw;
		font-size: 4.26vw;
	}
}
.readmore.on-click .open {
	display: none;
}
.readmore .close {
	display: none;
}
.readmore.on-click .close {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 20px;
	margin: 0 auto;
	@media (max-width: 769px) {
		bottom: 5.33vw;
	}
}
button.readmore.next_a div  {
	background: #BC0013;
}
button.readmore.next_b div  {
	background: #2000ac;
}
button.readmore.next_c div  {
	background: #0D7445;
}
button.readmore.next_d div  {
	background: #1E8DA4;
}
button.readmore.next_e div  {
	background: #B56700;
}
/*続きを読むここまで*/

.komej {
	/*content: "※";
	padding-right: 0;*/
	display: block;
	text-indent: -1.0em;
	padding-left: 1.0em;
}

.first-entry {
	text-align: center;
	margin: 80px 0;
}
.first-entry a {
	display: block;
}

#movie .text {
	margin: 50px 30px 0 30px;
	@media (max-width: 769px) {
		margin: 3.2vw 3.2vw 0 3.2vw;
	}
}
#movie .text h2 {
	margin: 5px 0 15px 0;
	font-size: 38px;
	color: #4D2F1F;
	text-align: center;
	@media (max-width: 769px) {
	font-size: 6.93vw;
	}
}
#movie .text > p {
	font-size: 14px;
	text-align: center;
	@media (max-width: 769px) {
		font-size: 3.73vw;
		line-height: 1.65;
		text-align: justify;
	}
}
/*動画領域*/
#movie .movie {
	background: #024A92;
	padding: 14px 15px 1px;
	text-align: center;
	margin: 50px 0 80px;
	@media (max-width: 769px) {
		margin: 5.33vw 0 0;
		padding: 3.2vw;
	}
}
#movie .movie p {
	color: #fff;
	font-size: 37px;
	margin: 0 0 15px 0;
	font-weight: 700;
	@media (max-width: 769px) {
		font-size: 4.8vw;
		margin: 0 0 4vw 0;
	}
}
#movie .movie p:first-of-type {
	@media (max-width: 769px) {
		margin: 0 0 3.2vw 0;
		color: #fff;
		font-size: 4.26vw;
		font-weight: 900;
	}
}
#movie .movie p span {
	text-align: center;
	font-size: 26px;
	color: #FFF;
	margin-top: 20px;
	font-weight: normal;
	@media (max-width: 769px) {
		margin-top: 4vw;
		font-size: 3.73vw;
	}
}
.movie p:nth-of-type(2) {
	@media (max-width: 769px) {
		margin: 1.06vw 0 0 0;
		padding: 0;
	}
}
.movie.sbup video {/*senesoにアップ版*/
	/*width: 910px;*/
	width: 770px;
	@media (max-width: 950px) {
		width: 100%;
		height: 100%;
	}
}
.video-wrap {
	position: relative;
}
.video-btn {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:40px; /*コントローラー分下部に余白を*/
	cursor: pointer;
}

.makerboxarea {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	@media (max-width: 769px) {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}
.makerbox {
	margin-bottom: 15px;
	@media (max-width: 769px) {
		margin-bottom: 4vw;
	}
}
.makerboxarea .half {
	width: calc(800px / 2);
	/*height: 580px;*/
	padding: 20px 0;
	background: #f3f3f3;
		@media (max-width: 769px) {
		width: calc(100% / 2);
		padding: 5.33vw 0;
	}
}
.makerboxarea .halfleft img {
	border-right: 0.5px solid #b1b1b1;
		@media (max-width: 769px) {
			border-right: 0.13vw solid #b1b1b1;
		}
}
.makerboxarea .halfright img {
	border-left: 0.5px solid #b1b1b1;
		@media (max-width: 769px) {
			border-left: 0.13vw solid #b1b1b1;
		}
}