h1,h2,h3,h4,p{
	margin:0;
}
.annotation {
	display: block;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}

/* ****************************** */
/* 
/*  薄茶h2 ：#4d4339
/* 濃茶reason_header nav link_itemcategory：#35322f
/* リンクボタン：#876c50
/* 
/* ****************************** */

/* **********  ********** */
.lp_contents {
	font-size: 120%;
}
.lp_contents img {
	max-width: 100%;
}
.lp_contents a {
	transition: 0.5s;
}
.lp_contents a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.5s;
}
.lp_contents .note {
	font-size: 85%;
}
.lp_contents .em {
	font-size: 160%;
	font-weight: bold;
}
.lp_contents .lh {
	line-height:1.8;
	margin:0.5em auto;
}
.lp_contents span.em {
	font-size: 140%;
}
.lp_contents .image {
	text-align: center;
}
.lp_contents .moreinfo a {
	display: block;
	padding: 0.5em;
	text-align: center;
	position: relative;
}
.lp_contents .moreinfo a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}


#consulting .text {
	margin-bottom:0;
	padding-bottom:0;
}
/* ***** アイテムから選ぶ ***** */
.link_itemcategory {
	margin: 3em 0 8em;
}
.link_itemcategory ul {
	margin: 0 0 1em;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.link_itemcategory li {
	width: calc((100% - 1.5em * 2) / 3 - 1px);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}
.link_itemcategory li:not(:first-child) {
	margin-left: 1.5em;
}
.link_itemcategory a {
	display: block;
	width: calc(100% - (1em + 2px) * 2);
	padding: 1em;
	margin-bottom:0.3em;
	border: solid 2px #4d4339;
	border-radius: 5px;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.link_itemcategory a::before {
	content: "\f138";
	font-family: FontAwesome;
	color: #4d4339;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translateY(-50%);
}
.link_itemcategory a:hover {
	background-color: #eee;
}
/* ***** navi横並びブランド ***** */
.bedbrand {
	margin: 5em 0 1em;
	font-size: 80%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.bedbrand li {
	width: calc(100% / 6 - 1em);
	margin: 0 0.5em 1.5em;
	text-align: center;
}
.bedbrand a {
	display: block;
	width: 100%;
	text-decoration: underline;
}
.bedbrand img {
	display: block;
	margin-bottom: 0.5em;
}

/* ********** タイトル ********** */
/* ***** メインビジュアル ***** */
.mainvisual {
	position: relative;
	margin-top: 1em;
}
.mainvisual .shitadori {
	margin: 0;
	position: absolute;
	left: 1em;
	bottom: 1em;
	z-index: 99;
}
/* ***** ナビ ***** */
.contents_title .nav {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	counter-reset: nav_count;
}
.contents_title .nav li {
	width: calc((100% - 3em) / 4 - 2px);
	list-style: none;
}
.contents_title .nav a {
	height: calc(100% - 1em);
	padding: 0.5em 0.5em 0.8em 1.8em;
	border: solid 2px #35322f;
	color: #35322f;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	display: block;
	position: relative;

}
.contents_title .nav a::before {
	counter-increment: nav_count;
	content: counter(nav_count) ". ";
	font-size: 140%;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translateY(-50%);
}
.contents_title .nav a::after {
	content: "\f107";
	font-family: FontAwesome;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.contents_title p.em {
	padding: 0.5em;
	background-color: #f0f9fe;
	text-align: center;
}


/* ***** 価格保証 ***** */
.contents_title .discount {
	margin: 0.5em 0 0;
	padding: 1em 2em;
	border: solid 1px #c00;
	font-size: 120%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.contents_title .discount .image {
	width: 20%;
}
.contents_title .discount .text {
	width: calc(80% - 1.5em);
}
.contents_title .discount .note {
	font-size: 75%;
}

/* ********** コンテンツ ********** */
.reason_section,
.itemselection {
	margin: 5em 0;
}
.reason_section h2,
.itemselection h2 {
	margin: 0 0 1em;
	color: #4d4339;
	font-size: 220%;
	font-weight: bold;
	text-align: center;
}
.itemselection h2:last-of-type {
	margin-bottom: 1em;
}
.reason_section h2 + p {
	font-size: 120%;
	text-align: center;
	margin-bottom: 2em;
}
#contents ol.reason_point {
	list-style: none;
	counter-reset: reason_count;
	font-size: 100%;
}
.reason_point > li {
	margin: 0 0 8em;
}
.reason_point > li:last-of-type {
	margin-bottom:10em;
}
.reason_point .reason_header {
	margin: 0 0 0.5em;
	border-bottom: solid 5px #35322f;
	font-size: 180%;
	font-weight: bold;
	line-height: 1.4;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.reason_point .reason_header::before {
	counter-increment: reason_count;
	content: counter(reason_count) ". ";
	color: #35322f;
	font-size: 280%;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	width: 1.5em;
	flex: none;
}
.reason_point .text {
	margin: 1em 0;
	padding: 1.5em;
}
.reason_point ul.moreinfo {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.reason_point .moreinfo {
	margin: 0 auto;
	width: calc(80% + 1.5em);
}
.reason_point .moreinfo li {
	width: calc(50% - 1.5em);
}
.reason_point p.moreinfo {
	width: 80%;
}
.reason_point .moreinfo a {
	background-color: #876c50;
	color: #fff;
}
.reason_point .bedbrand {
	margin: 2em 0 2em;
}
.reason_point .column {
	margin: 3em 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.reason_point .column li {
	width: calc((100% - 3em) / 3 - 2em - 2px);
	padding: 1em;
	border: solid 1px #333;
	border: solid 1px #876c50;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.reason_point .column .text {
	height: 190px;
	margin: 0.5em 0 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position :relative;
}

/* 202303改修 */
/* ===============
modaalBlock
================= */
.modaalList .modaalList__headline {
	font-size: 1.1rem;
	padding: 15px 0;
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: #876c50;
	line-height: 1;
}
.modaalList .brandContainer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	min-height: 161.44px;
}
.modaalList .brandContainer .brandLink {
	width: 32%;
	text-align: center;
	margin-left: calc(100% - (32% * 3.1));
	text-decoration: underline;
}
.modaalList .brandContainer .brandLink:hover {
	text-decoration: none;
}
.modaalList .brandContainer .brandLink:not(:nth-of-type(1)) {
	margin-left: 0;
}
.modaalList .brandContainer .brandLink:not(:nth-of-type(4)) {
	margin-left: 0;
}
.modaalList .brandContainer .brandLink .brandLink__text {
	font-size: 10px;
	margin-top: 5px;
}
.modaalList__description {
	font-size: .9rem;
	line-height: 1.5;
	margin-top: 10px;
	min-height: 118px;
}
.modaalList__description.modaalList__description--other {
	min-height: 80px;
}
.modaalLIst__anchor {
	display: block;
	text-align: center;
	width: 100%;
	padding: 5px 0;
	border-radius: 2rem;
	background-color: #4f8478;
	border: solid 1px #4f8478;
	color: #fff !important;
}
.modaal-content-container .modaalContent__headline {
	display: block;
    width: 60%;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 10px;
    margin: 0 auto;
	color: #fff;
	background-color: #876c50;
    line-height: 1;
}
.modaal-content-container .modaalContent__sub {
	width: 80%;
	margin: 30px auto 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    color: crimson;
}
.modaal-content-container .brandContainer {
	margin-top: 30px;
}
.modaal-content-container .brandContainer .brandList {
	display: flex;
    align-items: stretch;
    justify-content: center;
	width: 80%;
	margin: 0 auto;
}
.modaal-content-container .brandContainer .brandList .brandLink {
	text-decoration: underline;
}
.modaal-content-container .brandContainer .brandList .brandLink:hover {
	text-decoration: none;
}
.modaal-content-container .brandContainer .brandList:not(:first-of-type) {
	margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #ddd;
}
.modaal-content-container .brandContainer .brandList .brandLink .brandLink__logo {
	width: 70%;
    max-width: 240px;
    display: block;
    margin: 0 auto;
}
.modaal-content-container .brandContainer .brandList .brandLink .brandLink__text {
	width: 70%;
    margin: 10px auto 0;
    text-align: center;
}
.modaal-content-container .brandContainer .brandList .brandLink .brandLink__text--other {
	margin-top: -6%;
}
.modaal-content-container .brandContainer .brandList .brandText {
	min-width: 496px;
}
.modaal-content-container .brandContainer .brandList .brandText .brandText__primary {
	font-size: 1.3rem;
    font-weight: bold;
}
.modaal-content-container .brandContainer .brandList .brandText .brandText__secondary {
	font-size: 1rem;
}
.modaal-content-container .textContainer {
	width: 80%;
    margin: 20px auto 0;
}
.modaal-content-container .textContainer .textList .textList__primary {
	font-size: 1rem;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #ccc;
}
.modaal-content-container .textContainer .textList .textList__secondary {
	font-size: .9rem;
}
.modaal-content-container .modaalContent__message {
	width: 80%;
    margin: 20px auto 0;
    font-size: 1rem;
    font-weight: bold;
}

/* ===============
showroomLinkBlock
================= */
.showroomLinkBlock {
	margin-top: 30px;
}
.showroomLinkBlock__headline {
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.showroomLinkBlock .linkButton {
	display: block;
	width: 80%;
	margin: 20px auto 0;
	padding: 15px;
	background-color: #876c50;
	color: #fff !important;	
	text-align: center;
}
.showroomLinkBlock .linkButton .linkButton__primary {
	font-size: 1.2rem;
	font-weight: bold;
}
.showroomLinkBlock .linkButton .linkButton__secondary {
	font-size: 1rem;
	margin-top: 5px;
}

/* / 202303改修 */


.reason_point .column .moreinfo {
	bottom:0;
	left:1.5em;
	position :absolute;
}

.reason_point #lineup,
.reason_point #budget,
.reason_point #consulting,
.reason_point #brand {
	padding-top: 130px;
    margin-top: -115px;
}


/* ********** 改修分 ********** */
/* ***** 価格保証 ***** */
.reason_point .discount {
	margin: 0.5em 0 2em;
	padding: 1em 2em;
	border: solid 1px #c00;
	font-size: 120%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.reason_point .discount .image {
	flex-basis:200px;
}
.reason_point .discount .text {
	flex-basis:650px;
	margin: 0 auto 0 1em;
	padding: 0;
}
.reason_point .discount .note {
	font-size: 75%;
}
.reason_point .discount .note span {
	vertical-align: text-bottom;
    font-size: 80%;
}




/* ***** 相談予約 ***** */
.reserve {
	margin: 3em 0;
}
.reserve p {
	margin: 0.5em 0 0;
	font-weight: bold;
	text-align: center;
}
/* ***** スリープアドバイザーとは ***** */
.adviser {
	margin: 1.5em 0 0;
	background-color: #fff;
	border: solid 1px #4d4339;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
/* .adviser .image {
	width: 15%;
	height: 100%;
	padding: 1em;
	background-color: #4d4339;
} */
.adviser .text {
	width: 100%;
	margin: 0;
	padding: 1.5em !important;
	background-color: #fff;
}
.adviser .text dt {
	font-weight: bold;
}
.adviser .text dt::before {
	content: "【";
}
.adviser .text dt::after {
	content: "】";
}

/* ***** マットレスの選び方 ***** */
.reason_mattress {
	list-style: none;
	counter-reset: mattress_count;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.reason_mattress li {
	width: calc((100% - 2em) / 2 - 2em - 2px);
	margin: 3em 0 2em;
	padding: 3em 1em 1em;
	border: solid 1px #4d4339;
	position: relative;
}
.reason_mattress li::before {
	counter-increment: mattress_count;
	content: counter(mattress_count);
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background-color: #4d4339;
	color: #fff;
	font-size: 240%;
	line-height: 2em;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.reason_mattress h3 {
	color: #4d4339;
	font-size: 140%;
	text-align: center;
}
.reason_mattress .text {
	margin: 1em 0;
}

/* ***** お買い物 ***** */
.reason_advise {
	margin: 1.5em 0;
	padding: 1.5em 0;
	border-bottom: solid 1px #4d4339;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.reason_advise:last-of-type {
	border: none;
}
.reason_advise > li {
	width: calc((100% - 6em) / 3);
	position: relative;
}
.reason_advise dt {
	font-weight: bold;
}
.problem {
	background-color: #f0f9fe;
}
.problem > * {
	padding: 1em;
}
.problem .customer {
	color: #4d4339;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.problem .customer .image {
	width: 40%;
	margin-right: 1em;
}
.consulting {
	color: #f83a70;
}
.solution {
	color: #4d4339;
}
.consulting .image,
.solution .image {
	margin: 1em 0 0;
}
.consulting::before,
.solution::before {
	content: "\f101";
	font-family: FontAwesome;
	font-size: 220%;
	position: absolute;
	top: 50%;
	right: calc(100% + 0.5em);
	transform: translateY(-50%);
}

/* ********** おすすめ ********** */
.itemselection > .moreinfo {
	width: 50%;
	margin: 0 auto 5em;
}
.itemselection > .moreinfo a {
	background-color: #4d4339;
	color: #fff;
}
.item_lineup {
	margin: 3em 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.item_lineup li {
	width: calc((100% - 3em) / 4);
	margin: 0 0 3em;
	text-align: center;
}
.item_lineup dt span {
	font-weight: bold;
}
.item_lineup dd {
	margin: 0.5em 0;
	font-size: 80%;
}
.item_lineup .price {
	padding-top: 0.5em;
	border-top: solid 1px #eee;
}
.item_lineup .moreinfo {
	background-color: #eee;
}
.itemselection .link_itemcategory {
	margin: 1em 0;
}