@charset "UTF-8";
@import "/css/font-awesome/css/font-awesome.min.css";

.notWideDisp {
	display: none;
}
@media only screen and (max-width: 960px) {
	.notWideDisp {
		display: block;
	}
}
@media only screen and (max-width: 960px) {
	img {
		max-width: 100%;
	}
}

.Header_body {
	margin-left: auto;
}
.CTA {
	display: -webkit-flex;
	display: flex;
}
.CTA_item a {
	color: #fff;
	font-size: 16px;
	display: block;
	padding: 0.5em;
	position: relative;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.CTA_item div {
	margin: 0 1em 0 0.5em;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
}
.CTA_item span {
	font-size: 12px;
}
.CTA_item:first-child a {
	background-color: #2db8ef;
}
.CTA_item:last-child a {
	background-color: #ff9c00;
	margin-left: 5px;
}
.CTA_item a div::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 0.5em;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 640px) {
	.l-column {
		padding: 0;
	}
	.logo {
		width: 33.6vw;
		margin-left: 5px;
	}
	.CTA_item a {
		font-size: 2.5vw;
	}
	.CTA_item img {
		width: 7.5vw;
	}
	.CTA_item div {
		margin: 0 0 0 0.5em;
	}
	.CTA_item a div::after {
		content: "";
	}
}

/* *************** タイトル *************** */
.title {
	background: url(/item/special/special_sofa_ec/images/title_bg.jpg) no-repeat center/cover;
}
.title .title_inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.title .title_label {
	width: 360px;
	padding: 0 0 20px;
	position: relative;
	z-index: 2;
}
.title .title_label::after {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: url(/item/special/special_sofa_ec/images/maintitle_bottom.png) no-repeat top center/contain;
}
.title .title_label h1 {
	margin: 2em 0 0;
	background-color: #fff;
}
.title .title_label h1 img {
	max-width: 100%;
}
.title .title_label .title_text {
	padding: 0 1em 1em;
	background-color: #fff;
	color: #0b4775;
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
}
.title .title_label .title_text p:not(.note) {
	margin: 0 0 1em;
	padding: 1.5em 0 0;
	border-top: dashed 1px #0b4775;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
.title .title_label .title_text .note {
	padding: 0 0 1.5em;
	border-bottom: dashed 1px #0b4775;
	font-size: 70%;
}
@media only screen and (max-width: 960px) {
	.title .title_label {
		margin-left: 1em;
	}
}
@media only screen and (max-width: 640px) {
	.title {
		background: url(/item/special/special_sofa_ec/images/title_bg_sp.jpg) no-repeat center/cover;
	}
	.title .title_inner {
		width: 100%;
	}
	.title .title_label {
		width: 60%;
		margin: 0 auto;
	}
	.title .title_label::after {
		height: 5em;
	}
}

/* *************** 特典 *************** */
.special {
	background-color: #f0ece0;
	color: #f44469;
	font-size: 14px;
}
.special_inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 30px;
	position: relative;
}
.special h2 {
	position: absolute;
	top: 0;
	right: 0;
}
.special ul {
	padding: 40px 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.special dt,
.special dd {
	line-height: 1.4;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
}
.special dt {
	height: 128px;
	padding: 0.5em;
	background-color: #e2decf;
}
.special dd {
	height: 82px;
	padding: 1em;
	background-color: #f44469;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.special li {
	margin-bottom: 15px;
}
.special li:not(:last-child) {
	margin-right: 10.5px;
}
.special li:first-child {
	display: -webkit-flex;
	display: flex;
	width: 410px;
}
.special li:first-child dl {
	width: 50%;
}
.special li:first-child dt {
	display: block;
	padding: 2em 0.5em;
}
.special li:first-child dd {
	padding: 0.2em;
	font-size: 24px;
}
.special li:first-child dl:last-child dt,
.special li:first-child dl:last-child dd {
	border-left: dashed 2px #fff;
}
.special li:nth-child(2) {
	width: 405px;
}
.special li:nth-child(n+3) {
	width: 313px;
}
.special li:nth-child(n+3) dl {
	display: -webkit-flex;
	display: flex;
}
.special li:nth-child(n+3) dt,
.special li:nth-child(n+3) dd {
	width: 50%;
	height: 140px;
}
.special p {
	line-height: 1.4;
	margin: 1em 0;
}
.special .sub {
	font-size: 70%;
	font-weight: normal;
}
.special .note {
	font-size: 12px;
	font-weight: normal;
}
.special dd .note a {
	margin-top: 1em;
	display: block;
	color: #fff;
}
.special dd .note a::before {
	content: "\f105  ";
	font-family: FontAwesome;
}
@media only screen and (max-width: 960px) {
	.special {
		font-size: 1.75vw;
	}
	.special h2 {
		width: 12.5%;
	}
	.special_inner {
		width: 100%;
	}
	.special li:not(:last-child) {
		margin-right: 1.1%;
	}
	.special li:first-child {
		width: 42.7%;
	}
	.special li:first-child dd {
		font-size: 2.5vw;
	}
	.special li:nth-child(2) {
		width: 42.2%;
	}
	.special li:nth-child(n+3) {
		width: 32.6%;
	}
	.special dt {
		padding: 0.5em;
	}
	.special dd {
		padding: 0.5em;
		font-size: 1.875vw;
	}
	.special .note {
		font-size: 1.25vw;
	}
}
@media only screen and (max-width: 640px) {
	.special {
		font-size: 3.125vw;
	}
	.special_inner {
		width: auto;
		margin: 0 8%;
		padding: 0 0 30px;
		position: relative;
	}
	.special h2 {
		width: 22%;
	}
	.special dt,
	.special dd {
		height: auto;
		padding: 1em 0.5em;
	}
	.special dd {
		font-size: 3.75vw;
	}
	.special li {
		width: auto;
		height: auto;
	}
	.special li:first-child {
		width: 100%;
	}
	.special li:first-child dd {
		padding: 0.2em;
		font-size: 4.75vw;
	}
	.special li:not(:last-child) {
		margin: 0 0 1em;
	}
	.special li:nth-child(2) {
		-webkit-order: -1;
		order: -1;
		width: 73%;
	}
	.special li:nth-child(n+3) {
		width: 100%;
	}
	.special .note {
		font-size: 2.75vw;
	}
}
/* *************** リード文 *************** */
.lead {
	max-width: 960px;
	margin: 0 auto;
	padding: 120px 0;
	text-align: center;
}
.lead h2 {
	margin: 0 0 1em;
	color: #0b4775;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 2;
}
.lead p {
	font-size: 16px;
	line-height: 2.5;
}
@media only screen and (max-width: 460px) {
	.lead {
		padding: 3em 0;
	}
	.lead h2 {
		font-size: 5vw;
	}
	.lead p {
		font-size: 3.125vw;
	}
}

/* *************** ナビゲーション *************** */
.Article_nav {
	max-width: 960px;
	margin: 0 auto 120px;
}
.Article_nav ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.Article_nav li {
	width: 25%;
	position: relative;
}

.Article_nav a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-content: center;
	align-content: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	height: 140px;
	padding: 0.8em;
	color: #f2ecda;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
}
.Article_nav a:hover {
	cursor: pointer;
}
.Article_nav a .sub {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.Article_nav li:nth-child(2n+1) a {
	background-color: #0b4775;
}
.Article_nav li:nth-child(2n) a {
	background-color: #215f8e;
}
.Article_nav li a::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
	z-index: 2;
}
.Article_nav li:nth-child(2n+1) a::after {
	border-top: solid 20px #0b4775;
}
.Article_nav li:nth-child(2n) a::after {
	border-top: solid 20px #215f8e;
}
@media only screen and (max-width: 960px) {
	.Article_nav a {
		padding: 0.3em;
		font-size: 2.5vw;
	}
	.Article_nav a .sub {
		font-size: 1.75vw;
	}
}
@media only screen and (max-width: 640px) {
	.Article_nav li {
		width: 50%;
	}
	.Article_nav li:nth-child(4n) a {
		background-color: #0b4775;
	}
	.Article_nav li:nth-child(3n) a {
		background-color: #215f8e;
	}
	.Article_nav li:nth-child(4n) a::after {
		border-top: solid 20px #0b4775;
	}
	.Article_nav li:nth-child(3n) a::after {
		border-top: solid 20px #215f8e;
	}
	.Article_nav a {
		padding: 0.8em;
		height: 8em;
		font-size: 4vw;
		line-height: 1.4;
	}
	.Article_nav a .sub {
		font-size: 3vw;
	}
}


/* **************************************** */
/* *************** 商品紹介 *************** */
/* **************************************** */
.Article {
	margin-bottom: 100px;
}

@media only screen and (max-width: 640px) {
	.Article {
		margin-bottom: 14%;
	}
}

/* *************** 見出し *************** */
.Article_head {
	position: relative;
}
.Article_head_text {
	width: 100%;
	background-color: rgba(11, 71, 117, 0.8);
	color: #f2ecda;
	position: absolute;
	top: 0;
	z-index: 2;
}
.Article_head_text .Article_head_inner {
	max-width: 960px;
	height: 280px;
	margin: 0 auto;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.Article_head_text .Article_head_inner::before,
.Article_head_text .Article_head_inner::after {
	content: url(/item/special/special_sofa_ec/images/article_head_left.png);
	background: url(/item/special/special_sofa_ec/images/article_head_right.png) no-repeat top right;
	width: 360px;
	height: 100%;
	text-align: left;
	display: block;
	position: absolute;
	left: -15px;
}
.Article_head_text .Article_head_inner::before {
	top: 30px;
}
.Article_head_text .Article_head_inner::after {
	bottom: 30px;
	transform: scale(1, -1);
}
.Article_head_text h2 {
	padding: 0 15px;
	width: 345px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
}
.Article_head_text h2 .sub {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.Article_head_text p {
	width: 578px;
	color: #fff;
	font-size: 16px;
	line-height: 2;
}
.Article_head_image img {
	width: 100%;
}
@media only screen and (max-width: 960px) {
	.Article_head_text {
		position: relative;
	}
	.Article_head_text .Article_head_inner {
		height: auto;
	}
	.Article_head_text h2 {
		width: 100%;
		margin: 1.5em 0;
		padding: 0;
		text-align: center;
	}
	.Article_head_text p {
		width: 100%;
		padding: 0 8% 1.5em;
	}
	.Article_head_text .Article_head_inner::before,
	.Article_head_text .Article_head_inner::after {
		display: none;
	}
	.Article_head_text h2::before,
	.Article_head_text h2::after {
		content: url(/item/special/special_sofa_ec/images/article_head_left.png);
		background: url(/item/special/special_sofa_ec/images/article_head_right.png) no-repeat top right;
		width: 84%;
		height: 100%;
		display: block;
		position: absolute;
		left: 8%;
		text-align: left;
	}
	.Article_head_text h2::before {
		top: -1em;
	}
	.Article_head_text h2::after {
		bottom: -1em;
		transform: scale(1, -1);
	}
	.Article_head_image {
		margin-top: -3em;
	}
}@media only screen and (max-width: 640px) {
	.Article_head_text {
		font-size: 3.125vw;
	}
	.Article_head_text h2 {
		font-size: 6.25vw;
	}
	.Article_head_text p {
		font-size: 3.45vw;
	}
}

/* *************** 本文 *************** */
.Article_body {
	max-width: 960px;
	margin: 0 auto;
}
.Article_body h3 {
	margin: 80px 0 35px;
	color: #0b4775;
	font-size: 24px;
	line-height: 2;
	text-align: center;
	position: relative;
}
.Article_body .head_sofa {
	margin: 125px 0 95px;
}
.Article_body .head_sofa::before {
	content: url(/item/special/special_sofa_ec/images/article_body_top.png);
	position: absolute;
	bottom: 100%;
	left: calc(50% - 79px);
}
.Article_body .head_sofa::after {
	content: url(/item/special/special_sofa_ec/images/article_body_bottom.png);
	position: absolute;
	top: 100%;
	left: calc(50% - 79px);
}
.Article_body_head_sub {
	margin: -25px 0 70px;
	color: #0b4775;
	font-size: 18px;
	text-align: center;
}
.Article_body_head_sub::before,
.Article_body_head_sub::after {
	content: " ― ";
}
.Article_movie {
	padding: 80px 8%;
	background-color: #eef2f5;
	text-align: center;
}
.Article_movie h3 {
	margin-top: 0;
}
.Article_body_inner {
	margin: 80px 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.Article_body_inner .Article_text {
	width: 420px;
	font-size: 14px;
	line-height: 2;
}
.Article_body_inner .Article_text p {
	margin: 0 0 40px;
}
.Article_body_inner .Article_image {
	width: 480px;
}
.Article_image {
	text-align: center;
}
.Article_image img {
	max-width: 100%;
}
@media only screen and (max-width: 960px) {
	.Article_body h3 {
		margin: 3em 0 1em;
	}
	.Article_body .head_sofa {
		margin: 5em 0 3em;
	}
	.Article_body_head_sub {
		margin: 0 0 3em;
	}
	.Article_movie {
		padding: 0 8%;
		background-color: transparent;
	}
	.Article_movie_wrapper {
		position: relative;
		padding-top: 60%;
	}
	.Article_movie_wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.Article_body_inner {
		margin: 1em 8% 0;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.Article_body_inner .Article_text {
		width: 100%;
		margin: 0 0 1em;
	}
	.Article_body_inner .Article_text p {
		margin: 0 0 1.5em;
	}
	.Article_body_inner .Article_image {
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 640px) {
	.Article_body h3 {
		font-size: 4.375vw;
	}
	.Article_body_head_sub {
		font-size: 3.45vw;
	}
	.Article_body_inner .Article_text {
		font-size: 3.125vw;
	}
}

.Article_detail {
	margin: 40px 0 80px;
	padding: 40px 0 0;
	border-top: solid 1px #0b4775;
}
.Article_detail_inner {
	margin: 0 0 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.Article_detail_inner p,
.Article_detail_inner li{
	font-size: 14px;
	text-align: center;
}
.Article_detail_inner li{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1.7;
}
.Article_detail_inner img {
	width: 300px;
}
.Article_detail_item {
	display: block;
	width: 180px;
	margin: 20px 0 20px;
	padding: 1em 0;
	width: 180px;
	background-color: #0b4775;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: relative;
}
.Article_body_inner .Article_detail_item {
	width: 100%;
}
.Article_detail_item::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
}
.Article_detail_shop a {
	display: block;
	padding: 30px 0;
	border-top: solid 1px #0b4775;
	background-color: #eef2f5;
	color: #0b4775;
	font-size: 20px;
	text-align: center;
}
.Article_detail_shop a:hover {
	cursor: pointer;
}
.Article_detail_shop a::before {
	content: "\f002";
	font-family: FontAwesome;
	font-size: 24px;
	font-weight: normal;
	margin-right: 0.5em;
}
@media only screen and (max-width: 960px) {
	.Article_detail_inner li{
		width: 30%;
	}
	.Article_detail_inner img {
		max-width: 100%;
	}
}
@media only screen and (max-width: 640px) {
	.Article_detail {
		margin: 1em 8%;
		padding: 1em 0 0;
	}
	.Article_detail_inner {
		margin: 0 8% 3em;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.Article_detail_inner li{
		width: 100%;
	}
	.Article_detail_inner p,
	.Article_detail_inner li {
		margin: 1.5em 0 0;
		font-size: 3.45vw;
	}
	.Article_detail_inner img {
		width: 100%;
	}
	.Article_detail_item {
		font-size: 3.75vw;
	}
	.Article_detail_shop a {
		margin: 0 8%;
		padding: 1.5em 0;
		font-size: 3.45vw;
	}
	.Article_detail_shop a::before {
		font-size: 3.45vw;
	}
}

.lineup {
	max-width: 960px;
	margin: 160px auto 100px;
}
.lineup p {
	padding: 70px 0;
	background-color: #0b4775;
	color: #f2ecda;
	font-size: 18px;
	line-height: 1.7;
	text-align: center;
	position: relative;
}
.lineup p::before,
.lineup p::after {
	content: url(/item/special/special_sofa_ec/images/article_head_left.png);
	background: url(/item/special/special_sofa_ec/images/article_head_right.png) no-repeat top right;
	width: 800px;
	height: 100%;
	text-align: left;
	display: block;
	position: absolute;
	left: calc(50% - 400px);
}
.lineup p::before {
	top: 30px;
}
.lineup p::after {
	bottom: 30px;
	transform: scale(1, -1);
}
.lineup ul {
	background-color: #f0ece0;
	padding: 35px 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-flex: auto;
	flex: auto;
}
.lineup li {
	margin: 0 auto 1em;
	background-color: #fff;
	font-size: 14px;
}
.lineup a {
	height: 100%;
	color: #0b4775;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
}
.lineup img {
	align-self: flex-start;
}
.lineup div {
	padding: 1em;
	position: relative;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.lineup div::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 960px) {
	.lineup p::before,
	.lineup p::after {
		width: 80%;
		left: 10%;
	}
}
@media only screen and (max-width: 640px) {
	.lineup {
		margin: 15.6% auto;
	}
	.lineup p {
		font-size: 3.45vw;
	}
	.lineup p::before,
	.lineup p::after {
		width: 84%;
		left: 8%;
	}
	.lineup ul {
		padding: 2em 8%;
	}
	.lineup li {
		width: 49%;
		font-size: 3.25vw;
	}
}

.lp_banner {
	margin: 0 auto 100px;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.lp_banner {
		margin: 0 3.125% 15.6%;
	}
}
/*---７月３１日追記---*/
.Article_body_inner .Article_text p {
	margin: 0 0;
}