@charset 'UTF-8';







/*

	common

*/

/*  heading  */
#c_main h1 {
	margin: 1em 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	line-height: 1;
}
#c_main h1:before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto 0.5em;
	background-image: url('./images/futon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-align: center;
}
#c_main h1 strong {
	display: block;
}
#c_main h1 span {
	display: inline-block;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px dotted #434343;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 0.5em;
	font-weight: 600;
	box-sizing: border-box;
}
#c_main h2 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px dotted #434343;
	font-size: 1.5em;
	font-weight: 600;
	box-sizing: border-box;
}

h3 {
	margin: 1em 0;
	font-size: 1.25em;
	font-weight: 600;
}
h4 {
	margin: 1em 0;
	font-size: 1em;
	font-weight: 600;
}

/*  lead  */
strong.lead {
	display: block;
	font-size: 1.25em;
}

/*  supple  */
small.supple {
	display: block;
	color: #666666;
	font-size: 13px;
	font-size: 1.3rem;
}
ul.supple {
	list-style: none;
	display: inline-block;
}
ul.supple li {
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
	color: #666666;
}
ul.supple li:before {
	content: "※";
	display: inline-block;
	margin: 0 0.5em 0 0;
}

/*  .wrap  */
.wrap {
	display: flex;
}
.wrap.center {
	justify-content: center;
}

/*  note  */
ul.note {
	list-style: none;
	margin: 0 auto;
}
ul.note li {
	margin: 1em 0;
	padding: 1em 1em 1em 1.5em;
	border-left: 0.5em solid #de6a1c;
	background-color: #FFFFFF;
	text-align: left;
	box-sizing: border-box;
}
@media screen and (min-width: 800px) {
	ul.note {
		max-width: 75%;
	}
}

/*  table  */
table {
	table-layout: fixed;
	width: 100% !important;
	border-collapse: separate;
	border-spacing: 5px;
	overflow-wrap : break-word;
}
table tr th,
table tr td {
	border:  none;
}
table tr th {
	background-color: #de6a1c;
	color: #FFFFFF;
	text-align: center;
}
table tr td {
	background-color: #FFFFFF;
	text-align: center;
}
table tr th i,
table tr td i {
	display: block;
	font-style: normal;
}
table+small {
	display: block;
	text-align: right;
}
@media screen and (min-width: 800px) {
	table tr th i,
	table tr td i {
		display: inline;
	}
}

/*  em  */
em {
	font-style: normal;
	color: #de6a1c;
}

/*  link_btn  */
.link_btn {
	text-align: center;
}
.link_btn a {
	display: inline-block;
	padding: 0.5em 1em;
	border-radius: 5px;
	background-color: #de6a1c;
	color: #FFFFFF;
	text-align: center;
	box-sizing: border-box;
}

/*  online  */
p.online a {
	width: 100%;
	background-color: #93ca76;
}
p.online a:before {
	content: "";
	display: inline-block;
	margin: 0 0.5em 0 0;
	width: 1.25em;
	height: 1.25em;
	background-image: url('./images/online_w.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
@media screen and (min-width: 800px) {
	p.online a {
		width: auto;
	}
}

/*  express  */
p.express a {
	width: 100%;
	background-color: #008BBB;
}
p.express a:before {
	content: "";
	display: inline-block;
	margin: 0 0.5em 0 0;
	width: 1.25em;
	height: 1.25em;
	background-image: url('./images/tel_w.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: middle;
}
@media screen and (min-width: 800px) {
	p.express a {
		width: auto;
	}
}





/*


	#blog


*/
#blog #c_main ul {
	list-style: none;
}
#blog #c_main ul li {
	margin: 1em 0;
}
#blog #c_main article {
	background-color: #FFFFFF;
	padding: 1em;
	box-sizing: border-box;
}
#blog #c_main article a {
	color: inherit;
}
#blog #c_main article img {
	max-width: 100%;
	height: auto;
}
#blog #c_main article p.link_btn {
	text-align: right;
}
#blog #c_main article p.link_btn a {
	border: 1px solid #de6a1c;
	background-color: transparent;
	color: #de6a1c;
}

/*  pagination  */
#blog #c_main ul.pagination {
	list-style: none;
	text-align: center;
}
#blog #c_main ul.pagination li {
	display: inline-block;
	margin: 0 1em;
}
#blog #c_main ul.pagination li a {
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 9999px;
	background-color: #f5f5f5;
	color: #de6a1c;
	line-height: 2em;
	text-align: center;
}
#blog #c_main ul.pagination li span {
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 9999px;
	background-color: #de6a1c;
	color: #ffffff;
	line-height: 2em;
	text-align: center;
}





/*


	#news


*/
#news #c_main ul {
	list-style: none;
}
#news #c_main ul li {
	margin: 1em 0;
}
#news #c_main article {
	background-color: #FFFFFF;
	padding: 1em;
	box-sizing: border-box;
}
#news #c_main article a {
	color: inherit;
}
#news #c_main article img {
	max-width: 100%;
	height: auto;
}
#news #c_main article p.link_btn {
	text-align: right;
}
#news #c_main article p.link_btn a {
	border: 1px solid #de6a1c;
	background-color: transparent;
	color: #de6a1c;
}

/*  pagination  */
#news #c_main ul.pagination {
	list-style: none;
	text-align: center;
}
#news #c_main ul.pagination li {
	display: inline-block;
	margin: 0 1em;
}
#news #c_main ul.pagination li a {
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 9999px;
	background-color: #f5f5f5;
	color: #de6a1c;
	line-height: 2em;
	text-align: center;
}
#news #c_main ul.pagination li span {
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 9999px;
	background-color: #de6a1c;
	color: #ffffff;
	line-height: 2em;
	text-align: center;
}





/*


	#toppage


*/

/*  common  */
#toppage h2 {
	margin: 1em 0;
	font-family: 'Quicksand', sans-serif;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	line-height: 1;
}
#toppage h2:before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto 0.5em;
	background-image: url('./images/futon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-align: center;
}
#toppage h2 strong {
	display: block;
}
#toppage h2 span {
	display: inline-block;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px dotted #434343;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 0.5em;
	font-weight: 600;
	box-sizing: border-box;
}





/*

	#topic


*/
#toppage #topic .container {
	padding-bottom: 0;
}
#toppage #topic .container .topic {
	margin: 0;
	padding: 1em;
	border: 1px solid #de6a1c;
	border-radius: 5px;
	background-color: #ffffff;
	box-sizing: border-box;
}
#toppage #topic .container .topic h2 {
	margin: 0 0 1em 0;
	font-family: 'Kosugi Maru', sans-serif;
	font-size: 1.25em;
	color: #de6a1c;
	text-align: left;
}
#toppage #topic .container .topic h2:before {
	content: none;
}
#toppage #topic .container .topic a {
	color: inherit;
	text-decoration: underline;
}
@media screen and (min-width: 800px) {
	#toppage #topic .container .topic h2 {
		display: inline-block;
		margin: 0 2em 0 0;
	}
}





/*

	#mv

*/
/*  common  */
@media screen and (min-width: 800px) {
	#toppage #mv .container {
		padding: 2em 0 0;
	}
}

/* copy  */
#toppage #mv .container p.copy {
	width: 100%;
	margin: 0;
	padding: 275px 10px 10px;
	width: 100%;
	height: 400px;
	background-image: url('./images/mv.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	box-sizing: border-box;
}
#toppage #mv .container p.copy strong {
	display: block;
	font-size: 2em;
}
#toppage #mv .container p.copy span {
	display: inline-block;
}
#toppage #mv .container p.copy span:nth-of-type(1) {
	margin: 1em 0;
}
@media screen and (min-width: 800px) {
	#toppage #mv .container p.copy {
		height: 700px;
		padding: 525px 45px 0;
	}
	#toppage #mv .container p.copy strong {
		font-size: 2.5em;
	}
	#toppage #mv .container p.copy span:nth-of-type(1) {
		font-size: 1.25em;
	}
	#toppage #mv .container p.copy span:nth-of-type(2){
		width: 75%;
		text-align: left;
	}
}

/*  nav  */
#toppage #mv .container nav {
	display: none;
}
@media screen and (min-width: 800px) {
	#toppage #mv .container nav {
		display: block;
		min-height: 5em;
		padding: 1em 0;
		box-sizing: border-box;
	}
	#toppage #mv .container nav ul {
		list-style: none;
		font-size: 0;
		text-align: center;
	}
	#toppage #mv .container nav ul li {
		display: inline-block;
		margin: 1em 0;
		padding: 0 1em;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: center;
		box-sizing: border-box;
	}
	#toppage #mv .container nav ul li+li {
		border-left: 1px solid #999999;
	}
	#toppage #mv .container nav ul li a {
		color: inherit;
	}
	#toppage #mv .container nav ul li a:hover {
		opacity: 0.5;
	}
}
@media screen and (min-width: 1020px) {
	#toppage #mv .container nav ul li {
		padding: 0 1.5em;
		font-size: 15px;
		font-size: 1.5rem;
	}
}





/*

	#feature

*/

/*  common  */
@media screen and (min-width: 800px) {
	#toppage #feature .container {
		padding: 0;
	}
}

/*  ul  */
#toppage #feature .container ul {
	list-style: none;
	margin: 0;
}
#toppage #feature .container ul li {
	margin: 1em 0;
	padding: 0 0 0 1em;
	box-sizing: border-box;
}
#toppage #feature .container ul li img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
#toppage #feature .container ul li h3 {
	position: relative;
	margin: 0 0 0 -1em;
	padding: 1em;
	background-color: #de6a1c;
	font-size: 1em;
	color: #FFFFFF;
	box-sizing: border-box;
}
#toppage #feature .container ul li h3:after {
	position: absolute;
	left: 0;
	bottom: -0.9em;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 0.5em solid transparent;
	border-top: 0.5em solid #de6a1c;
	border-right: 0.5em solid #de6a1c;
}
#toppage #feature .container ul li strong {
	display: block;
	padding: 1em;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
@media screen and (min-width: 800px) {
	#toppage #feature .container ul {
		margin: 0 -1em 0 -2em;
		overflow: hidden;
	}
	#toppage #feature .container ul li {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0 1em 0 2em;
	}
}





/*

	#service

*/

#toppage #service {
	text-align: center;
}
#toppage #service p strong {
	display: block;
	margin: 0 0 1em 0;
}
@media screen and (min-width: 800px) {
	#toppage #service ul.note {
		max-width: 50%;
	}
}





/*

	#quality

*/
#toppage #quality {
	background-color: #ffffff;
	text-align: center;
}





/*

	#product

*/

/*  common  */
#toppage #product {
	background-color: #f5f5f5;
}
#toppage #product .container h3 {
	text-align: center;
}
#toppage #product .container h3 span {
	display: block;
	font-size: 0.75em;
}

/*  products  */
#toppage #product ul.products {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
#toppage #product ul.products>li {
	float: left;
	width: 50%;
	margin: 1em 0;
	padding: 1em;
	box-sizing: border-box;
}
#toppage #product ul.products>li .img {
	width: 100%;
	margin: 0 0 1em 0;
}
#toppage #product ul.products>li .img img {
	width: 100%;
	height: auto;
}
#toppage #product ul.products>li .text {
	width: 100%;
}
#toppage #product ul.products>li .text h4 {
	display: inline-block;
	font-size: 1.25em;
	margin: 0 0 1em 0;
}
/*
#product ul.products>li:nth-of-type(1) .text h4 {
	background: linear-gradient(transparent 50%, #b2d8ff 50%);
}
#product ul.products>li:nth-of-type(2) .text h4 {
	background: linear-gradient(transparent 50%, #ffb2b2 50%);
}
*/
#toppage #product ul.products>li .text span.description ol {
	list-style: none;
}
#toppage #product ul.products>li .text span.description ol li {
	position: relative;
	margin: 0;
	padding: 0.5em 0 0.5em 2em;
	box-sizing: border-box;
}
#toppage #product ul.products>li .text span.description ol li:before {
	position: absolute;
	top: 0.5em;
	left: 0;
	display: block;
	content: "";
	width: 1.5em;
	height: 1.5em;
	border-radius: 9999px;
	background-color: #de6a1c;
	color: #FFFFFF;
	text-align: center;
}
#toppage #product ul.products>li .text span.description ol li:nth-of-type(1):before { content: "1"; }
#toppage #product ul.products>li .text span.description ol li:nth-of-type(2):before { content: "2"; }
#toppage #product ul.products>li .text span.description ol li:nth-of-type(3):before { content: "3"; }
#toppage #product ul.products>li .text span.description ol li:nth-of-type(4):before { content: "4"; }
#toppage #product ul.products>li .text span.description ol li:nth-of-type(5):before { content: "5"; }
#toppage #product ul.products>li .text span.description ol li:nth-of-type(6):before { content: "6"; }
#toppage #product ul.products>li .text span.description ol li:nth-of-type(7):before { content: "7"; }

#toppage #product ul.products>li .text span.description ol li span {
	display: block;
	font-size: 0.75em;
	color: #666666;
}





/*

	#flow

*/
#toppage #flow .container ul {
	list-style: none;
}
#toppage #flow .container ul li {
	margin: 0;
	padding: 1em;
	box-sizing: border-box;
}
#toppage #flow .container ul li .wrap {
	display: block;
	position: relative;
	padding: 1em 1em 1em 5em;
	border-radius: 5px;
	background-color: #de6a1c;
	color: #FFFFFF;
	text-align: justify;
	text-justify: distribute;
	word-break: break-all;
	box-sizing: border-box;
}
#toppage #flow .container ul li .wrap:before {
	position: absolute;
	top: 1em;
	left: 1em;
	content: "";
	display: block;
	width: 3em;
	height: 3em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#toppage #flow .container ul li:nth-of-type(1) .wrap:before { background-image: url('./images/estimate_w.png'); }
#toppage #flow .container ul li:nth-of-type(2) .wrap:before { background-image: url('./images/online_w.png'); }
#toppage #flow .container ul li:nth-of-type(3) .wrap:before { background-image: url('./images/payment_w.png'); }
#toppage #flow .container ul li:nth-of-type(4) .wrap:before { background-image: url('./images/delivery_w.png'); }
#toppage #flow .container ul li:nth-of-type(5) .wrap:before { background-image: url('./images/futon_w.png'); }
#toppage #flow .container ul li .wrap:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.5em;
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin: auto;
	background-color: #de6a1c;
	transform: rotate(45deg);
}
#toppage #flow .container ul li .wrap h3 {
	margin: 0 0 0.5em 0;
}
#toppage #flow .container ul li:last-of-type .wrap:after {
	content: none;
}
@media screen and (min-width: 1020px) {
	#toppage #flow .container ul {
		overflow: hidden;
	}
	#toppage #flow .container ul li {
		float: left;
		width: 20%;
		padding: 1em 0.5em;
	}
	#toppage #flow .container ul li .wrap {
		padding: 1em 0.5em;
		text-align: center;
	}
	#toppage #flow .container ul li .wrap:before {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
	}
	#toppage #flow .container ul li .wrap:after {
		top: 5.5em;
		left: auto;
		right: -0.5em;
		bottom: auto;
	}
	#toppage #flow .container ul li .wrap h3 {
		margin: 0.5em 0;
	}
	#toppage #flow .container ul li .wrap span {
		display: block;
	}
}





/*

	#price

*/

/*  common  */
#toppage #price {
	background-color: #ffffff;
}
#toppage #price .container p {
	text-align: center;
}
#toppage #price .container table tr td {
	background-color: #f5f5f5;
}





/*

	#delivery

*/

/*  common  */
#toppage #delivery {
	background-color: #ffffff;
}
#toppage #delivery .container p {
	text-align: center;
}

/*  map  */
#toppage #delivery .container a.map {
	display: block;
	width: 100%;
}
#toppage #delivery .container a.map img {
	width: 100%;
	height: auto;
}

/*  .deliveryarea  */
#toppage #delivery .container table.deliveryarea tr td.area {
	text-align: left;
}
#toppage #delivery .container table.deliveryarea tbody:nth-of-type(1) tr td {
	background-color: #C9DAF8;
}
#toppage #delivery .container table.deliveryarea tbody:nth-of-type(2) tr td {
	background-color: #D9EAD3;
}
#toppage #delivery .container table.deliveryarea tbody:nth-of-type(3) tr td {
	background-color: #FFF2CC;
}
#toppage #delivery .container table.deliveryarea tbody:nth-of-type(4) tr td {
	background-color: #F9CB9C;
}
#toppage #delivery .container table.deliveryarea tbody:nth-of-type(5) tr td {
	background-color: #F4CCCC;
}
@media screen and (min-width: 800px) {
	#toppage #delivery .container table.deliveryarea tr td.area {
		width: 50%;
	}
}





/*

	#time

*/
#toppage #time {
	background-color: #ffffff;
}
#toppage #time .container p {
	text-align: center;
}
#toppage #time .container table tr td {
	background-color: #f5f5f5;
}





/*

	#express

*/

/*  common  */
#toppage #express {
	background-color: #f5f5f5;
}




/*

	#news

*/
#toppage #news .container ul {
	list-style: none;
}
#toppage #news .container ul li {
	margin: 1em 0;
}
#toppage #news .container ul li a {
	position: relative;
	display: block;
	padding: 1em 1em 1em 7em;
	background-color: #ffffff;
	color: inherit;
	box-sizing: border-box;
}
#toppage #news .container ul li a:after {
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin: auto;
	border-top: 1px solid #de6a1c;
	border-right: 1px solid #de6a1c;
	transform: rotate(45deg);
}
#toppage #news .container ul li a time {
	position: absolute;
	top: 1em;
	left: 1em;
	display: block;
	margin: 0 1em 0 0;
	text-decoration: none !important;
}
#toppage #news .container ul li a span.title {
	text-decoration: underline;
}





/*

	#faq

*/

#toppage #faq {
	background-color: #ffffff;
}

/*  dl  */
#toppage #faq dl {
	width: 100%;
}
#toppage #faq dl dt {
	position: relative;
	margin: 1em 0;
	padding: 0.5em 0.5em 0.5em 1.5em;
	background-color: #f5f5f5;
	box-sizing: border-box;
}
#toppage #faq dl dt:before {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	content: "Q.";
	display: block;
}
#toppage #faq dl dd {
	position: relative;
	margin: 1em 0 2em;
	padding: 0.5em 0.5em 0.5em 1.5em;
	box-sizing: border-box;
}
#toppage #faq dl dd:before {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	content: "A.";
	display: block;
}