@charset "utf-8";
/* CSS Document */
body{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
body.modalcart_margin{
	/*margin-bottom: 150px;*/
	padding-bottom: 100px;
}
body.modalopen{
	overflow: hidden;
}

chat{
	display: none !important;
}
.boxall p{
	font-size: 1.2rem;
	line-height: 1.7;
	letter-spacing: 0.05rem;
}

#spec-scroll-box,
#specifcation-navi {
	position: static!important;
	margin-top: 0!important;
}

#cart-sampleorder,
#cart-material,
#cart-color,
#cart-ranking {
	opacity: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	padding: 0;
	background-color: #cacaca;
	box-sizing: border-box;
	overflow: hidden;
}

#cart-sampleorder .submit,
#cart-material .submit,
#cart-color .submit,
#cart-ranking .submit {
	display: none;
}

.cart-navi-sp {
	margin: 10px 10px 0;
}
.cart-navi-sp:after {
	display: table;
	content: '';
	clear: both;
}
.cart-navi-sp li {
	float: left;
	background: #fff;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	width: 50%;
	box-sizing: border-box;
}
.cart-navi-sp p,
.cart-navi-sp a {
	display: block;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: .96em;
}
.cart-navi-sp a {
	color: #dba24c;
}

#jcart {
	background: #fff;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

#jcart .title {
	width: 100%;
	background: #cacaca;
}
#jcart .title .fl-left,
#jcart .title .show-cart-sp {
	width: 95%;
	padding: 10px;
}
#jcart .title .fl-left{
	display:none;
}

#jcart .title .show-cart-sp span {
	display: block;
	padding: 5px;
	color: #fff;
	background: #184077;
	text-align: center;
	font-size: .96em;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}

#jcart .title .show-cart-sp span:before {
	content: '選択した生地を確認する (最大12種類まで)';
	font-size: 1.1rem;
}

#cart-sampleorder.cart-open-sp .title .show-cart-sp span:before,
#cart-material.cart-open-sp .title .show-cart-sp span:before,
#cart-color.cart-open-sp .title .show-cart-sp span:before,
#cart-ranking.cart-open-sp .title .show-cart-sp span:before {
	content: '生地選択に戻る (最大12種類まで)';
	font-size: 1.1rem;
}

#jcart .fabric-cart-box p.caption {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#jcart .fabric-sample-box {
	margin: 0 6.66666667%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#jcart .fabric-sample-box ul {
	width: 25%;
	margin-top: 10px;
}

#jcart .fabric-sample-box li {
	text-align: center;
}

#jcart .fabric-sample-box img {
	width: 45px;
	height: 45px;
}

#jcart .fabric-sample-box p {
	margin-top: 4px;
	font-size: .8em;
	line-height: 1.2;
}

#jcart .fabric-sample-box a.jcart-remove {
	display: inline-block;
	padding: 0 10px;
	font-size: .96em;
	line-height: 20px;
	color: #dba24c;
	border: 1px solid #dba24c;
}

#jcart .submit-sp {
	margin-top: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.group-toggle {
	display: block;
}

.fabric-group {
	display: none;
}

.fabric-group.group-open {
	background-color: #fff;
}

.box1 .title-box {
	padding: 40px 3.75% 0;
}

.box1 .title-box h1 {
	margin-bottom: 35px;
	text-align: center;
}


.header-fabric1:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.header-fabric1 {
	border: 1px solid #d2d2d2;
	border-bottom: none;
}

.header-fabric1 li:nth-child(even) {
	border-right: none;
}

.main-copy1 h1 {
	font-size: 1.76rem;
	font-weight: normal;
	line-height: 1.45;
	letter-spacing: 0.16rem;
	text-align: center;
	padding-bottom: 0;
}

.main-copy1 .main-copy1-pc, .main-copy1-ranking {
	display: none;
}

.main-copy1-sample {
	padding: 50px 9.86666666667% 0;
}

.main-copy1.form p{
	text-align: center;
	font-size: 1.04em;
	margin-top: -15px;
}

.main-copy-sort{
	padding:0 0 40px 0;
	background-color: #fff;
}
.main-copy-sort h2 {
	text-align: center;
	margin-bottom: 20px;
}
.main-copy-sort h2 span{
	font-size: 13px;
	color: #9D9D9D;
	font-weight: normal;
	background-color: #EFEFEF;
	padding: .25em .9em;
	border-radius: 5px;
	font-weight: bold;
}
.main-copy-sort ul.slctd li{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 19px;
	margin: 10px 0;
	font-weight: bold;
}
.main-copy-sort ul.slctd li::before{
	margin-right: .25em;
}
.main-copy-sort ul.slctd.color li::before{
	margin-right: .75em;
}
.main-copy-sort ul.slctd li.c-white::before{
	content: url("../img/icon_color_white.png");
}
.main-copy-sort ul.slctd li.c-white::after{
	content: "ホワイト・アイボリー";
}
.main-copy-sort ul.slctd li.c-brown::before{
	content: url("../img/icon_color_beige.png");
}
.main-copy-sort ul.slctd li.c-brown::after{
	content: "ベージュ・ブラウン";
}
.main-copy-sort ul.slctd li.c-black::before{
	content: url("../img/icon_color_black.png");
}
.main-copy-sort ul.slctd li.c-black::after{
	content: "ブラック・グレー";
}
.main-copy-sort ul.slctd li.c-blue::before{
	content: url("../img/icon_color_blue.png");
}
.main-copy-sort ul.slctd li.c-blue::after{
	content: "ブルー・ネイビー";
}
.main-copy-sort ul.slctd li.c-green::before{
	content: url("../img/icon_color_green.png");
}
.main-copy-sort ul.slctd li.c-green::after{
	content: "グリーン";
}
.main-copy-sort ul.slctd li.c-red::before{
	content: url("../img/icon_color_red.png");
}
.main-copy-sort ul.slctd li.c-red::after{
	content: "レッド・イエロー";
}
.main-copy-sort ul.slctd li.c-ranking::before{
	content: url("../img/icon_sort_crown.png");
}
.main-copy-sort ul.slctd li.c-func-pet::before{
	content: url("../img/icon_sort_pet.svg");
}
.main-copy-sort ul.slctd li.c-func-pet::after{
	content: "ペットの引っかきに強い";
}
.main-copy-sort ul.slctd li.c-func-washable::before{
	content: url("../img/icon_sort_wash.svg");
}
.main-copy-sort ul.slctd li.c-func-washable::after{
	content: "ウォッシャブル";
}
.main-copy-sort ul.slctd li.c-func-clean::before{
	content: url("../img/icon_sort_spot.svg");
}
.main-copy-sort ul.slctd li.c-func-clean::after{
	content: "汚れに強い";
}
.main-copy-sort ul.slctd li.c-func-fabric::before{
	content: url("../img/icon_sort_fabric.svg");
}
.main-copy-sort ul.slctd li.c-func-fabric::after{
	content: "布生地";
}
.main-copy-sort ul.slctd li.c-func-leather::before{
	content: url("../img/icon_sort_leather.svg");
}
.main-copy-sort ul.slctd li.c-func-leather::after{
	content: "本革・フェイクレザー";
}
.main-copy-sort .slctd-count{
	font-size: 15px;
	text-align: center;
	color: #9D9D9D;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#specifcation-navi.color li {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#specifcation-navi.color li:first-child {
	border-top: 1px solid #ccc;
}

#specifcation-navi.color li:last-child {
	display: none;
}

#specifcation-navi.color li a {
	display: block;
	padding: 10px 0;
	color: #dba24c;
	font-size: 1.04rem;
}

#specifcation-navi.ranking h4 {
	position: relative;
	padding-top: 35px;
	font-size: 1.36em;
}

#specifcation-navi.ranking h4:before {
	position: absolute;
	top: 0;
	left: 50%;
	content: '';
	margin-left: -15px;
	width: 29px;
	height: 25px;
	background-image: url(../img/sample/icn_crown.png);
}

#specifcation-navi.ranking h4 + p {
	margin: 10px 0 0 0;
}


.boxall > .box1 > .box1 {
	display: none;
}

.fabric-tabs {
	display: none;
}


#specifcation-navi.group .navi,
#specifcation-navi .navi2 {
	display: none;
}

.series-title h3 {
	font-size: 1.36em;
	text-align: center;
	line-height: 1.2;
	font-weight: normal;
    letter-spacing: 0.05rem;
}

.box-left-fabric {
	background: #fff;
}

.series-title .group-toggle {
	text-align: center;
}

.series-title .group-toggle a {
	display: block;
	position: relative;
	color: #dba24c;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 20px;

}
.series-title .group-toggle a:after {
	content: '＋';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 100%;
	left: 50%;
	color: #fff;
	background-color: #dba24c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	margin-left: -10px;
}
.series-title .group-toggle a.group-toggle-open:after {
	content: '−';
}

.series-box h3 img {
	display: inline-block!important;
}

.series-box h3 img:nth-of-type(1) {
	margin-left: -30px;
}

.series-box .text-box,
.series-box .text-rank {
	text-align: center;
}
.series-box .icn-box ul:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.series-box .zoomin {
	margin: 0;
	display: block;
	font-size: 1.04rem;
}

.series-box .right-box {
	display: none;
}

.fabric-sam:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.btn-check input {
	outline: none;
}

.fabric-sam li p.name {
	height: 30px;
}

.fabric-sam li img {
	max-width: 67px;
	width: 100%;
}

.fabric-sam2 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
}

.fabric-sam2 .name {
	margin: 4px 0;
	font-size: .96em;
	line-height: 1.2;
}

.fabric-sam2 .btn-check {
	margin-top: 8px;
}

.footer-list-sp {
	display: block;
	background-color: #fff;
}

.footer-list-sp-title {
	padding: 20px 0;
	color: #fff;
	background-color: #5a5a5a;
	text-align: center;
	font-size: 1.36em;
	line-height: 1;
	font-weight: 400;
}

.footer-list-sp-ul li {
	border-bottom: 1px solid #d2d2d2;
}

.footer-list-sp-ul li p, .footer-list-sp-ul li a {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: 1;
}

.footer-list-sp-ul li a {
	display: block;
	color: #dba24c;
}

.boxall .empty {
	margin: 0;
	padding: 30px 9.86666666667%;
	background-color: #fff;
	text-align: center;
	color: #900;
}

.boxall .empty a {
	margin: 30px auto 0;
	background-image: url(../../img/btn_backpage.gif);
	width: 159px;
	height: 37px;
	text-indent: -7777px;
	overflow: hidden;
	display: block;
}

.title-sample .gy-back {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #cacaca;
	text-align: center;
    padding: 30px 5% 25px;
}

.title-sample .gy-back h2 {
	font-size: 1.3em;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 10px;
}

.title-sample .gy-back p {
	font-size: 1.04em;
	margin:0;
}

#sample-list {
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding: 30px 5.3%;
}

#sample-list li {
	margin-right: 2%;
    margin-bottom: 4%;
    width: 32%;
	text-align: center;
}

#sample-list li:nth-child(3n) {
	margin-right: 0;
}

#sample-list li p {
	font-size: 1.04rem;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0;
}

#sample-list li img {
	width: 22vw;
    max-width: 88px;
}

.mailform-box {
	background-color: #fff;
}

.mailform-box .form-error ul li {
	padding: 0 9.86666666667%;
	color: #dba24c;
}

.clear {
	clear: both;
}

.formtabel {
	width: 100%;
    border-collapse: collapse;
    font-size: 1.04rem;
}

.formtabel th, .formtabel td {
	display: block;
}

.formtabel td.td3 {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.formtabel p {
	margin: 0;
}

.formtabel tr {
	display: block;
	border-bottom: 1px solid #d5d5d5;
	padding: 20px 0;
}

.sampleorder-complete .formtabel tr {
	border-top: 1px solid #d2d2d2;
	margin-top: 10px;
}

.formtabel th {
    font-size: 1.2rem;
	line-height: 1.4;
    font-weight: normal;
    display: flex;
    align-items: center;
	text-align: left;
	margin-bottom: 10px;
}

.formtabel td {
	display: flex;
    align-items: center;
	margin-bottom: 10px;
}

.flex_none td{
	display: block;
}

.formtabel td:last-child {
    color: #707070;
}

.formtabel td:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.formtabel iframe {
	width: 100%!important;
}

.formtabel textarea {
	width: 100%;
}

#sample-list .btn-back {
	display: block;
	width: 100%;
}

.btn-back a {
	color: #fff;
	background-color: #707070;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url(../img/sample/arrow.png);
	background-repeat: no-repeat;
	background-position: 9% 50%;
	padding: 10px 0 10px 5px;
    letter-spacing: 0.07em;
}

.btn-back span{
	font-size: 1.04rem;
	margin-top: -4px;
}

a.back-fab {
	text-indent: -7777px;
	padding-top: 30px;
	height: 0;
	width: 99px;
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url(../img/sample/btn_back.gif);
}

.box-left-content p.fl-left {
	text-align: center;
	font-size: 1.04em;
}

.box-left-content p.fl-right {
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
}

.fl-right input[type="image"] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-back-new{
	width: 100%;
	background-color: #3c3c3c;
	text-align: center;
	padding: 10px 0;
}
.btn-back-new .back-fab2{
	color: #fff;
	font-size: 1.2em;
}
.mailform-box {
	padding: 0 0 30px;
	margin-bottom: -100px;
    border-top: 1px solid #d5d5d5;
}

.formerror2 {
	padding: 30px 9.86666666667% 100px;
	margin-bottom: -100px;
	background-color: #fff;
}

.formerror2 p {
	margin: 0 auto 30px;
}

.formerror2 ul{
	margin-bottom: 10px;
}

.formerror2 li{
	font-size: 1.2rem;
	color: #DBA24C;
}

.formerror a, .formerror2 a {
	margin: 40px auto 0;
	text-align: center;
	background-image: url(../../img/btn_backpage.gif);
	width: 159px;
	height: 37px;
	text-indent: -7777px;
	overflow: hidden;
	display: block;
}

.formtabel .req,
.formtabel-sub .req {
	display: block;
	height: 80%;
	font-size: 0.88rem;
	color: #dba24c;
	border: 1px solid #dba24c;
	margin-left: 10px;
    padding: 0px 10px 1px;
}

p.fl-right a.back-adjust {
	margin: 0 10px 0 0;
	text-indent: -7777px;
	padding-top: 30px;
	height: 0;
	width: 97px;
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url(../../img/btn_adjust.gif);
}


.sampleorder-complete {
	padding: 50px 9.86666666667%;
	background-color: #fff;
}

p.backbutton {
	margin: 30px 0 0 0;
}

p.backbutton a {
	margin: 0 auto;
	text-indent: -7777px;
	height: 30px;
	width: 150px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-image: url(../../cart/img/btn_finish.gif);
}

.sampleorder-complete .box-left-content-tableform th, .sampleorder-complete .box-left-content-tableform td {
	padding-left: 0;
	padding-right: 0;
}
.thanks-info-box{
	font-size: 1.04em;
    padding: 10% 5% 80px;
    margin-bottom: -122px;
	border-bottom: 1px solid #d2d2d2;
	background: #eaeaea;
}
.thanks-info-box h3 {
	font-size: 1.44em;
	line-height: 1.5;
	font-weight: bold;
}

.formtabel .formtabel-sp-blank .td3 {
	display: none;
}

.sampleorder-complete .supo{
	font-size: 1.04rem;
}

#wrap-content h1.title {
	font-size: 2.6em;
	line-height: 1;
	font-weight: 500;
}

#lightbox-container-image-box {
	width: 100%!important;
	height: auto!important;
}

#lightbox-container-image-data-box {
	width: 100%!important;
	height: auto!important;
	box-sizing: border-box;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	height: auto!important;
}

.cart-empty-pc {
	display: none;
}

.formtabel input {
	border: 1px solid #d5d5d5;
}

.formtabel select {
	padding: 1px;
	background-color: #fff;
}

.formtabel textarea {
	border: 1px solid #d5d5d5;
}

.formtabel .formtabel-name label, .formtabel .formtabel-kana label {
	display: block;
}

.formtabel .formtabel-name  label + label, .formtabel .formtabel-kana  label + label {
	text-align: left;
}

.formtabel input[type="text"] {
	width: 100%;
	padding: 0 5px;
	border: 1px solid #d5d5d5;
	box-sizing: border-box;
}

.formtabel input[type="radio"] {
	margin-right: 2px;
	vertical-align: -0.2em;
}

.formtabel label {
	margin-right: 4px;
}

.formtabel .formtabel-name input, .formtabel .formtabel-kana input {
	width: 100px;
}

.formtabel .formtabel-tel input, .formtabel .formtabel-fax input, .formtabel .formtabel-postnumber input, .formtabel .formtabel-space input {
	width: 50px;
}
.material{
	padding-top: 30px;
	background-color: #fff;
}
.material ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.material li{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 4%;
	margin-bottom: 75px;
}
.material li{
	width: 85px;
}

.material a{
	display: block;
}

.material a::before{
	content: '';
	display: block;
	width: 74px;
	height: 74px;
	background-color: #dba24c;
	border-radius: 50%;
	margin: 0 auto;
}

.material img{
	width: 33px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.material .g_antifouling img{
	width: 43px;
}
.material p{
	color: #dba24c;
	text-align: center;
	position: absolute;
	top: 85px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 1rem;
	line-height: 1.3;
	letter-spacing: 0;
}
#specifcation-navi a:active img{
	background-color: #3c3c3c;
}

#specifcation-navi.color,
#specifcation-navi.ranking{
	padding-bottom: 50px;
}
#specifcation-navi.color li{
	display: flex;
	align-items: center;
	padding-left: calc(35vw - 65px);
}
#specifcation-navi.color li::before{
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
#specifcation-navi #c-white::before{
	border: 1px solid #d2d2d2;
	background-color: #fff;
	box-sizing: border-box;
}
#specifcation-navi #c-brown::before{
	background-color: #b18854;
}
#specifcation-navi #c-black::before{
	background-color: #263238;
}
#specifcation-navi #c-blue::before{
	background-color: #0d47a1;
}
#specifcation-navi #c-green::before{
	background-color: #388e3c;
}
#specifcation-navi #c-red::before{
	background:linear-gradient(-45deg,#ffea00 0%,#ffea00 50%,#dd2c00 50%,#dd2c00 100%);
}
/*END_190627修正_materialページアイコン化*/

/*2020/1/6__ソファに関するご質問追加*/
.question_box{
	padding: 20px 0 10px;
	border-bottom:1px solid #d2d2d2;
}

.question_title{
	font-size: 1.2rem;
}

.question_area{
	margin:20px 0;
}
.q_text{
	margin-top:10px;
}
.question_area textarea{
	border:1px solid #d2d2d2;
	width:100% !important;
	box-sizing: border-box;
}
.catalog_fb_box{
	padding: 20px 0 30px;
	border-bottom:1px solid #d2d2d2;
}
.catalog_fb_title{
	font-size: 1.2rem;
	margin: 0;
}

.fb_btn{
	margin: 15px 0 10px;
}

.fb_caption {
	color: #707070;
    font-size: 1.04rem;
    line-height: 1.5;
    margin: 0px;
}

.pc{
	display: none;
}

#wrap-content h1.title {
	font-size: 32px;
	margin-top: 5px;
	vertical-align: center;
	line-height: 1;
	font-weight: 500;
}

#footer-ground-sp {
	padding-bottom: calc(5% + 150px);
}

.footer-nav-sp {
	display: block;
	position: fixed;
	bottom: 45px;
	left: 0;
	padding: 10px;
	background-color: #cacaca;
	text-align: center;
	z-index: 90;
	box-sizing: border-box;
	width: 100%;
}

.footer-nav-sp ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.footer-nav-sp li {
	background-color: #fff;
	width: 50%;
	border:1px solid #cacaca;
	box-sizing: border-box;
}
.footer-nav-sp li:nth-child(even){
}

.footer-nav-sp li p, .footer-nav-sp li a {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: .96em;
}

.footer-nav-sp li a {
	display: block;
	color: #dba24c;
}
.footer-nav-sp li a.current{
	color: #333;
}
.footer_nav_sp2{
	position: fixed;
	bottom:0;
	left: 0;
	width: 100vw;
	margin: 0;
	z-index: 99;
}
.footer_nav_sp2 ul{
	display: flex;
	min-width: 300px;
	max-width: 387px;
	gap:5px;
	justify-content: center;
	margin: 5vw auto;
	box-sizing: border-box;
}
.footer_nav_sp2 ul li a{
	display: block;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	padding: .5em .9em;
	height: 100%;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	border-radius: 50px;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.footer_nav_sp2 ul li a#modal_cart_btn1{
	text-indent: -9999em;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background:#fff url("/fabric/img/icon_search.svg") no-repeat center center/35% auto;
}
.footer_nav_sp2 ul li a#modal_cart_btn2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 155px;
}
.footer_nav_sp2 ul li a#modal_cart_btn2 > span{
	background-color: #3C3C3C;
	padding: .1em .3em;
	width:2em;
	aspect-ratio:1/1;
	box-sizing: border-box;
	margin-left: 0px;
	border-radius: 50%;
	display: block;
	color:#fff;
	text-align: center;
}
.footer_nav_sp2 ul li a#modal_cart_btn3{
	background-color: #DBA24C;
	border: none;
	color: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: calc( 88vw - 10px - 52px - 155px );
}
/*.footer_nav_sp2 ul li a#modal_cart_btn3::after{
	content: url("../img/icon_arrow.svg");
	margin-left:.75em;
}*/

.specifcation-navi{
	display: none;
}

.group-toggle {
	display: block;
}

.fabric-group {
	/*display: none;*/
}

.fabric-group-table {
	/*display: none;*/
}

.box1 .title-box {
	padding: 40px 3.75% 20px;
}

.box1 .title-box h1 {
	margin-bottom:30px;
	text-align: center;
	color: #070707;
}
.box1 .title-box h1 a{
	color: #070707;
}
#wrap-content .box1 .title-box.type2 h1.title{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:.5em;
	margin: 0;
}
#wrap-content .box1 .title-box.type2 h1.title span{
	font-size: 13px;
	font-weight: bold;
}
.box1 .title-box.type2 {
	padding: 32px 3.75% 32px;
}

.header-fabric1:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.header-fabric1 p {
	margin: 0;
	font-size: 0.95rem;
	line-height: normal;
}

.header-fabric1 {
	border: 1px solid #d2d2d2;
	border-bottom: none;
	display: flex;
	flex-wrap: wrap;
}
.header-fabric1.pc{
	display: none;
}

.header-fabric1 li {
	padding: 10px 0;
	border-right: none;
	border-bottom: 1px solid #d2d2d2;
	width: 50%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
}

.header-fabric1 li:nth-child(even) {
	/* border-right: 1px solid #D2D2D3; */
}

.header-fabric1 li a {
	display: block;
	color: #dba24c;
	font-size: 0.95rem;
	line-height: normal;
}
.header-fabric1 li{
	width: 100%;
	border-right: none;
}
.header-lead{
	text-align: center;
	margin: 0 0 40px 0;
}
.header-lead h2{
	font-size: 17px;
	line-height: 1.5;
	color: #070707;
	margin: 0 0 35px 0;
}
.header-lead p{
	text-align: left;
	font-size: 15px;
}
.header-lead p.sub{
	font-size: 13px;
	color: #888888;
}
.main-copy1,
#specifcation-navi.ranking li {
	padding-top: 40px;
	background-color: #fff;
}
.main-copy1,.main-copy-sort{
	background-color: #f9f9f9;
}
.main-copy1 p{
	text-align: left;
	margin: 0;
	padding: 0 5% 50px;
	font-size: 1.2rem;
}

.box1 .maxnum{
	padding: 18px 10px;
	background: url("../img/index_cnt1_bg01.jpg") no-repeat center center/100% auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.box1 .maxnum p{
	font-size: 15px;
	margin: 0;
	display: block;
	color: #3c3c3c;
	font-weight: bold;
}
.box1 .maxnum p > span{
	font-size: 20px;
}
.box1 .maxnum p:last-child{
	margin-top: 4px;
	line-height: 1;
	border-bottom: 1px solid #000;
}

.fabric-tabs {
	display: none;
}
.boxall > .box1 > .box1{
	display: inherit;
}
#material-base {
height: 40px;
}
#specifcation-navi .group,
#specifcation-navi .totop,
#specifcation-navi .fake,
#specifcation-navi .real {
	display: none;
}

#spec-scroll-box .spacer {
	padding: 0 5%;
	background-color: #fff;
	text-align: center;
}
/*/////////セールファブリック追加/////////*/
.salefab_bnr{
	padding: 7% 10% 5%;
	background-color: #810200;
}
.salefab-box1{
	text-align: center;
}
.salefab-box1 h2{
	background-color: #ffffffcf;
	color: #890300;
	padding: 3px;
	margin-bottom: 10px;
	font-weight: 300;
}
.salefab-box2{
	margin: 5px 0;
}
.salefab-box1 p{
	color: #fff;
	margin: 5px 0;
}
.salefab-link{
display: block;
margin-top: 10px;
line-height: 1.1em;
}
/*/////////END_セールファブリック追加/////////*/

.box p {
	margin: 0;
}

.series-title {
	color: #fff;
	background-color: #3c3c3c;
	text-align: center;
	padding: 30px 5%;
}

.series-title .group{
	font-size: 1.28rem;
	text-align: center;
	line-height: 1.2;
	margin: 0 0 10px;
	font-weight: bold;
	letter-spacing: 0.1rem;
}
.series-title .group-toggle {
	text-align: center;
	margin: 0;
	display: none;
}

.series-box .text-box {
	text-align: center;
}

.series-box .icn-box ul {
	margin-left: -5px;
	text-align: center;
	margin: 0;
}
.series-box .icn-box ul:last-child{
	/*margin-bottom: 5px;*/
}

.series-box .icn-box ul:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.fabric-img-sp {
	margin-bottom: 5px;
	display: block;
}

.fabric-btn-sp {
	margin: 0;
}

.fabric-btn-sp a {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 50px;
	overflow: hidden;
	display: block;
	background-color: #fff;
	border: 1px solid #DBA24C;
	color: #DBA24C;
	line-height: 50px;
}

.fabric-sam li img {
	max-width: 67px;
	width: 100%;
}

.table-box-series {
	padding: 30px 5% 20px;
	background-color: #3c3c3c;
}

.table-box-series table tr:first-of-type {
	display: none;
}


.last-box,
.haiban{
	background-color: #fff;
	position:relative;
	padding: 50px 5% 70px;
}

.last-box p {
	margin: 0 auto 10px;
}

.last-box p:last-child {
	margin-bottom: 0;
}

.haiban {
	padding: 30px 0 0;
	background-color: #fff;
}

.haiban p {
	font-size: 1.04rem;
	font-weight: bold;
	margin: 0 auto 30px;
	padding: 0 5%;
	text-align: center;
}

.table-box-series table,
.table-box-series tbody,
.table-box-series tr,
.table-box-series td {
	display: block;
}

.table-box-series table tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.table-box-series table tr td {
	box-sizing: border-box;
	border-top: 1px solid #fff;
	border-spacing: 0;
	border-collapse: collapse;
	color: #fff;
}

.table-box-series table tr td a {
	color: #dba24c;
}

.table-box-series table {
	border-spacing: 0;
	border-collapse: collapse;
}

.table-box-series table tr:first-of-type {
	padding-bottom: 20px;
}

.table-box-series table .fabric-group-table {
	display: none;
}

.table-box-series table .fabric-group-table tr:last-of-type td:nth-last-child(1),
.table-box-series table .fabric-group-table tr:last-of-type td:nth-last-child(2) {
	border-bottom: 1px solid #fff;
}

.table-box-series table tr td:nth-of-type(odd) {
	width: 39%;
	/*width: 100px;
	height: 50px;*/
	border-left: 1px solid #fff;
}

.table-box-series table tr td:nth-of-type(even) {
	width: 61%;
	/*width: 156px;
	height: 50px;*/
	line-height: 1.5;
	padding-top: 7px;
	padding-left: 8px;
	box-sizing: border-box;
	border-right: 1px solid #fff;
}

.table-box-series table tr td img {
	vertical-align: middle;
}

.table-box-series table tr.group-toggle td {
	width: 100%;
	border-left: none;
}

.table-box-series table tr.group-toggle td a {
	display: block;
	margin: 20px 0 30px;
	position: relative;
	color: #dba24c;
	text-align: center;
	text-decoration: none;
}

.table-box-series table tr.group-toggle td a:after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 20px;
	height: 20px;
	content: '＋';
	color: #fff;
	background-color: #dba24c;
	margin: 5px 0 0 -10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
}

.table-box-series table tr.group-toggle td a.group-toggle-open {
	margin-bottom: 40px;
}

.table-box-series table tr.group-toggle td a.group-toggle-open:after {
	content: '−';
}

.footer-list-sp {
	display: block;
	background-color: #fff;
	padding-bottom: 100px;
	margin-bottom: -100px;
}

.footer-list-sp-title {
	padding: 20px 0;
	color: #fff;
	background-color: #5a5a5a;
	text-align: center;
	font-size: 1.36em;
	font-weight: normal;
	line-height: 1;
}

.footer-list-sp-ul li {
	border-bottom: 1px solid #d2d2d2;
}

.footer-list-sp-ul li p, .footer-list-sp-ul li a {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: 1;
}

.footer-list-sp-ul li a {
	display: block;
	color: #dba24c;
}



/* 生地一覧ここから */
.main-box{
	background:#fff;
}
.fabric-group{
	display: inherit;
}
.series-box{
	padding: 110px 5% 5%;
	border-bottom: 1px solid #d2d2d2;
	margin-top: -70px;
}
.series-box-nobuy{
	height: 350px;
}
.series-box .series_mainimg{
	text-align: center;
	object-fit: cover;
}
.series-box .series_mainimg .fabric-img-sp{
	width: 100%;
	max-width: inherit;
	display: inline;
	object-fit: cover;
	height: 237px;
}
.series-box .left-box{
	width:inherit;
	padding:0;
}
.series-box-nobuy .left-box{
	height: inherit;
}
.series-box h3{
	font-weight: 600;
	font-size:2.64rem;
	letter-spacing:3px;
	margin-bottom: 20px;
	line-height: 1;
}
.series-box h3 span{
	display: block;
	font-size:0.88rem;
	margin-top: 5px;
}
.series-title p:not(.group){
    font-size: 1.04rem;
    line-height: 1.5;
    margin: 0;
    margin-top: 10px;
}
.series-data{
	flex-direction: column;
}
.series-data .text-box{
	width:inherit;
	padding-right:0;
}
.series-data .text-box h3 img{
	margin-bottom:15px;
}

.series-data .text-box p{
	margin: 15px 0 20px;
	text-align: left;
}
.series-data .text-box .red{
	margin: 0px;
	font-size: 1.04rem;
	line-height: 1.6;
	text-align: center;
}
.series-data .icn-box{
	width:inherit;
	margin-top:-10px;
}

.series-data .icn-box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.series-data .icn-box li{
	width: 80px;
	font-size: 1.04rem;
	color: #fff;
	color: #3C3C3C;
	background-color: #990000;
	background-color: #F3F2EC;
	letter-spacing: 0.05rem;
	padding: .2em .4em .25em .5em;
	margin: 0 0 5px 5px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.series-data .icn-box li:first-child{
	margin-left: 0;
}
.series-data .icn-box li.icn-ninki:after{/* 人気no.1　*/
	content: "人気NO.1";
}
.series-data .icn-box li.icn-ninki2:after{/* 人気no.2　*/
	content: "人気NO.2";
}
.series-data .icn-box li.icn-ninki3:after{/* 人気no.3　*/
	content: "人気NO.3";
}
.series-data .icn-box li.icn-pet{
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.series-data .icn-box li.icn-pet:after{/* ペットにオススメ　*/
	content: "ペットにオススメ";
}
.series-data .icn-box li.icn-recomend:after{/* オススメ　*/
	content: "オススメ";
}
.series-data .icn-box li.icn-newitem:after{/* NEW　*/
	content: "NEW";
}
.series-data .icn-box li.icn-onlinelimited::after {/* オンライン限定　*/
    content: "オンライン限定";
}
.series-data .icn-box li.icn-storelimited::after {/* 店頭限定　*/
	content: "店頭限定";
}
.series-data .icn-box li.icn-dani:after{/* 防ダニ　*/
	content: "防ダニ加工";
}
.series-data .icn-box li.icn-taikyu:after{/* 耐久　*/
	content: "耐久性";
}
.series-data .icn-box li.icn-koutakukan:after{/* 光沢感　*/
	content: "光沢感";
}
.series-data .icn-box li.icn-hassui:after{/* 撥水性　*/
	content: "撥水性";
}
.series-data .icn-box li.icn-bouo:after{/* 防汚　*/
	content: "防汚";
}
.series-data .icn-box li.icn-kokin:after{/* 抗菌　*/
	content: "抗菌";
}
.series-data .icn-box li.icn-kyushitsu:after{/* 吸湿性　*/
	content: "吸湿性";
}
.series-data .icn-box li.icn-seiryo:after{/* 清涼感　*/
	content: "清涼感";
}
.series-data .icn-box li.icn-sentaku:after{/* 洗濯可　*/
	content: "洗濯可";
}
.series-data .icn-box li.icn-hada:after{/* 肌触り◎　*/
	content: "肌触り◎";
}
.series-data .icn-box li.icn-bouo,
.series-data .icn-box li.icn-hassui,
.series-data .icn-box li.icn-koutakukan,
.series-data .icn-box li.icn-dani,
.series-data .icn-box li.icn-taikyu,
.series-data .icn-box li.icn-kyushitsu,
.series-data .icn-box li.icn-seiryo,
.series-data .icn-box li.icn-sentaku,
.series-data .icn-box li.icn-hada,
.series-data .icn-box li.icn-kokin{
	background-color: #F3F2EC;
	color: #3C3C3C;
}
.zoomin-box{
	color: #707070;
	margin-bottom: 30px;		
}
.zoomin-box.rankzoomin{
	margin-bottom: 3em;
}

.left-box ul{
	margin-top:10px;
}
.left-box ul:first-child{
	margin-top: 30px;
}
.left-box .fabric-sam{
	display: flex;
	flex-wrap: wrap;
}
.left-box .fabric-sam.rank-sam{
	/*justify-content: center;*/
}
.fabric-btn-sp{
	margin-bottom: 40px;
}
.fabric-sam li{
    margin: 0 4% 10% 0;
    position: relative;
    width: 22%;
	text-align: center;
}
.fabric-sam li:nth-child(4n){
	margin-right: 0;
}
.fabric-sam li p:nth-of-type(1){
	height: 8vw;
	font-size: calc(3vw + 2px);
	letter-spacing: -0.05em;
	margin: 6.5px auto 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fabric-sam li p{
	width: 90%;
	font-size: 1.04rem;
	line-height: 1.2;
    margin: 0 auto;
}
.fabric-sam li.list2{
	margin-top:5px;
}
.fabric-sam li.last{
	margin-right:0;
}

.series-box .left-box a.btn-select{
	background-color: #c3c3c3;
	color: #FEFEFE;
	display: block;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	position: relative;
}
.series-box .left-box ul li figure{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.series-box .left-box ul li.selected figure{
	background-color:#CFD8DC;
	margin: 0 auto;
}
.series-box .left-box ul li.selected figure img{
	border:4px solid #CFD8DC;
	box-sizing: border-box;
	height: auto;
}
.series-box .left-box ul li a.btn-select:after{
	content: "選択する";
}
.series-box .left-box ul li.selected a.btn-select{
	/*background-color: #174077;*/
	background-color: #DBA24C;
}
.series-box .left-box ul li.selected a.btn-select:after{
	content: "選択中";
}
.series-box .left-box ul li.selected:before{
	content: url("../img/list/icon_checked.png");
	display: inline-block;
	background-color: #184077;
	border-radius: 20px;
	position: absolute;
	top:0em;
	left: 0px;
}
.series-box .right-box{
	width:288px;
	padding:40px;
}
#hc .right-box{
	height: 600px;
}
.fablic-nobuy{
	margin-top: 35px;
}
.series-box .right-box .btn{

}
.series-box .right-box .btn a{
	margin-top:3px;
	background: #3C3C3C 0% 0% no-repeat padding-box;
	color: #fff;
	font: Medium 12px/19px Noto Sans JP;
	padding: 1.3em 0;
	width: 286px;
	text-align: center;
	display: block;
	text-decoration: none;
}
.series-box .right-box .btn a:hover{
	background-position:0 -42px;
}

.clear{
	clear:both;
}
.smp{
	display: block;
}

.footer-nav-sp2{
	background-color: #fff;
}
#modalcart{
	width: 100%;
	height: 100dvh;
	padding-top: 70px;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	bottom:-100vh;
	z-index: 700;
	margin: 0;
	background-color: rgba(0,0,0,0.4);
	align-items: flex-end;
	transition-duration: 0;
}
#modalcart.view,
#modalcart.tempview_smp{
	bottom: 0;
	height: 100dvh;
	padding-top: 70px;
	box-sizing: border-box;
}

#modalcart > form{
	width: calc( 100% - 20px );
	width: 100%;
	background-color: #fff;
	transition-duration: 550ms;
	position: fixed;
	bottom:-100vh;
	transition-duration: 750ms;
	opacity: 0.5;
}
#modalcart.view > form,
#modalcart.tempview_smp > form{
	bottom:0;
	opacity: 1;
}
#modalcart a#modalbtn{
	display: block;
	text-decoration: none;
	color: #fff;
}
#modalcart header p{
	margin: 0 0 10px 0;
	color: #fff;
	text-align: center;
	background-color: #174077;
	font-size: 1.05em;
}
#modalcart header p a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: .5em 1em;
}
#modalcart header.smp p a:before{
	content: "選択した生地を確認する";
}
#modalcart.view header.smp p a:before{
	content: "生地選択に戻る";
}
#modalcart header p span{
	background-color: #fff;
	padding: .0em .15em;
	border-radius: 50px;
	color: #999;
	margin-left: .5em;
	font-weight: bold;
	font-size: 1.05em;
	min-width: 1.2em;
	display: inline-block;
}
#modalcart p{
	text-align: center;
	margin: 0;
	padding: .35em;
}
#modalcart p.remain{
	font-size: 14px;
	font-weight: bold;
}
#modalcart p.remain > span{
	text-decoration: underline;
	margin: 0 8px;
	font-size: 16px;
}
#modalcart .titleblock{
	display: flex;
	justify-content: space-between;
	padding: 20px 5%;
}
#modalcart .titleblock #btn-modal-close2,
#sort_modal #btn-modal-close3{
	display: block;
	text-indent: -9999px;
	background: url("../img/icon_close.svg");
	height: 21px;
	width: 21px;
}
#modalcart article{
	height: inherit;
}
#modalcart article .items{
	background-color: #fff;
	margin: 0;
	max-height:65vh;
	max-height: calc(100dvh - 72px - 90px - 60px);
	box-sizing: border-box;
	overflow: auto;
}
#modalcart article .items .item {
	margin: 0 0 0 0;
	padding: 20px 5%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .85em;
	border-bottom: 1px solid #EBEBEB;
}
#modalcart article .items .item:last-child{
	border-bottom: none;
}

#modalcart article .items .item.noitem{
    display: none;
}
#modalcart article .items .item.noitem figure,
#modalcart article .items .item.noitem p{
	display: none;
}
#modalcart article .items .item:nth-child(even){
}
#modalcart article .items .item.noitem:nth-child(even){
	border-left: none;
}
#modalcart article .items .item figure{
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}
#modalcart article .items .item figure img{
	width:55px;
	height: 55px;
}
#modalcart article .items .item figure figcaption{
	margin-left: 16px;
	line-height: 1.5em;
	padding: 0;
}
#modalcart article .items .item figure figcaption .em1{
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
}
#modalcart article .items .item figure figcaption .em2{
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
}
#modalcart article .items .item figure figcaption a{
	font-size: 14px;
	line-height: 21px;
	color: #888;
}
#modalcart article .items .item figure figcaption span.smp{
	display: inline;
}
#modalcart article .items .item figure figcaption span.smp::after{
	content: url("../img/icon_arrow2.svg");
	height: .8em;
	width: auto;
	margin-left: 1em;
}
#modalcart article .items .item a.btn-delete{
	font-size: 13px;
	color: #888;
	padding-bottom: 2px;
	border-bottom: 1px solid #888888;
}

#modalcart nav{
	display: flex;
	margin: 0;
	padding: 20px 0;
	justify-content: center;
	 background: linear-gradient(
		180deg,
		rgba(244, 244, 244, 1) 0%,
		rgba(255, 255, 255, 1) 7%
		);
}
#modalcart nav p{
	margin: 0;
}
#modalcart nav p.viewmore{
	width:35%;
	margin-right: 2%;
}
#modalcart nav p.viewmore.disable{
	display: none;
}
#modalcart nav p.viewmore.full{
	width: 100%;
	margin-right: 0;
}
#modalcart nav p.viewform{
	width:63%;
}
#modalcart nav p.viewform.disable{
	display: none;
}
#modalcart nav p.viewform.full{
	width: 100%;
	padding: 0;
}
#modalcart nav p.viewmore a{
	background-color: #fff;
	display: block;
	padding: .5em;
	text-align: center;
}
#modalcart nav p.viewform.smp{
	width:inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}
#modalcart nav p.viewform a{
	background: #dba24c;
	color: #fff;
	padding: 1em 1.5em;
	padding: .88em 1.5em;
	text-align: center;
	border-radius: 2em;
	border: none;
    font-weight: bold;
}
#modalcart nav p.viewform a::after{
	content: url("../img/icon_arrow.svg");
    margin-left: .75em;
}
#footer-ground-sp.modalcart_none{
	padding: 5% 0;
}
.fab_faq .main-copy1 {
    display: block;
    padding-top: 50px;
}

.fab_faq .main-copy1::after {
	content: '';
	display: block;
	width: 100%;
	height: 30vw;
	background-image: url(../img/faq/image0.png);
    background-repeat: no-repeat;
	background-size: contain;
    background-position: 100% 100%;
	margin-top: -30px;
}
.fab_faq .header-fabric1 p{
	letter-spacing: 0;
}

/*コンシェルジュサービス*/
#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
}

.modal-mask {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.6); 
}

.modal-container {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;

}

.modal-inner {
  position: relative;
}

.modal-inner figure {
	margin: 0;
}

button {
  position: absolute;
  top: -9%;
  right: -9%;
  padding: 3px;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: rgba(0,0,0,0);
  font-size: 20px;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

/*コンシェルジュサービス_絞り込みページ*/
#fabric-concierge {
	background-color: #fff;
}

#fabric-concierge figure {
	margin: 0 5% 0;
    padding-top: 5%;
}

/*=====================2024 森追加===================*/
.sp {
	display:block;
}
.sampleorder-complete{
	padding:3.7rem 5%;
}
.sampleorder-complete h2{
	font-size:19px;

}
.sampleorder-complete p{
	font-size:15px;
}

p.fabric-btn-sp{
	margin-bottom: 30px;
	font-weight: bold;
}
.message4leather{
	display: flex;
	justify-content: center;
	align-items: center;
	gap:.75em;
	color: #990000;
	font-size: 13px;
	letter-spacing:1;
	margin-bottom: 30px;
}
.message4leather.pc{
	display: none;
}
.message4leather::before{
	content: url("../img/icon_info2.svg");
}
.message4leather > p{
	font-weight: bold;
	margin: 0;
	font-size: 13px;
	letter-spacing:1;
}
.message4leather > p a{
	color:#DBA24C;
}
#sort_modal{
	padding:60px 0 0 0;
	height: 100dvh;
	width: 100vw;
	box-sizing: border-box;
	overflow: auto;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.40);
	display: none;
	font-size: 15px;
	letter-spacing: 0.07em;
}
#sort_modal article{
	background-color: #fff;
	padding: 5% 20px;
}
#sort_modal p.close{
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	margin: 0;
}
#sort_modal p.close #btn-modal-close3{
	margin: 0 0 0 auto;
}
#sort_modal h2{
	font-size: 19px;
	letter-spacing: 0.07em;
	margin: 20px 0 40px;
	text-align: center;
}
#sort_modal h2:nth-child(2){
	margin-top: 0;
}

#sort_modal h3{
	font-size:15px;
	letter-spacing: 0.07em;
}
#sort_modal ul{
	list-style-type: none;
	padding: 0;
	margin: 20px 0 40px 0;
}
#sort_modal ul li{
	margin: 0;
}
#sort_modal ul li a,
#sort_modal ul li .selectbox{
	display: block;
	padding: 14px 15px 14px 15px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #EBEBEB;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
#sort_modal ul li a.rotate::after,
#sort_modal ul li .selectbox select.rotate::after{
	transform: rotate(90deg);
}
#sort_modal ul li a::after,
#sort_modal ul li .selectbox::after{
	content: url("../img/icon_arrow2.svg");
	display: block;
}
#sort_modal ul li a.rotate::after,
#sort_modal ul li .selectbox select.rotate::after{
	content: url("../img/icon_arrow2.svg");
	display: block;
	transform: rotate(90deg);
}
#sort_modal ul li:first-child a{
	border-radius: 6px 6px 0 0;
}
#sort_modal ul li:last-child label,
#sort_modal ul li:last-child a{
	border-radius: 0 0 6px 6px;
	border-bottom: none;
}
#sort_modal ul li .selectbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 19px 15px;
	border-bottom:none;
}
#sort_modal li .selectbox .flex{
}
#sort_modal li .selectbox select {
    border: none;
	background-color: #f7f7f7;
	width: 100%;
	font-size: 15px;
	color: #333;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	
}
#sort_modal li .selectbox select option{
	padding: 0;
	margin: 0;
}
#sort_modal ul.specify li a span,
#sort_modal ul.specify-color li a span,
#sort_modal ul.favranking li a span{
	display: flex;
	align-items: center;
	gap:1em;
}
#sort_modal ul.specify-color li a span::before{
	margin: 0 9px;
}
#sort_modal ul.specify li:nth-child(1) a span::before {
	content: url("../img/icon_sort_pet.svg");
}
#sort_modal ul.specify li:nth-child(2) a span::before {
	content: url("../img/icon_sort_wash.svg");
}
#sort_modal ul.specify li:nth-child(3) a span::before {
	content: url("../img/icon_sort_spot.svg");
}
#sort_modal ul.specify li:nth-child(4) a span::before {
	content: url("../img/icon_sort_fabric.svg");
}
#sort_modal ul.specify li:nth-child(5) a span::before {
	content: url("../img/icon_sort_leather.svg");
}
#sort_modal ul.specify-color li:nth-child(1) a span::before {
	content: url("../img/icon_color_white.png");
}
#sort_modal ul.specify-color li:nth-child(2) a span::before {
	content: url("../img/icon_color_beige.png");
}
#sort_modal ul.specify-color li:nth-child(3) a span::before {
	content: url("../img/icon_color_black.png");
}
#sort_modal ul.specify-color li:nth-child(4) a span::before {
	content: url("../img/icon_color_blue.png");
}
#sort_modal ul.specify-color li:nth-child(5) a span::before {
	content: url("../img/icon_color_green.png");
}
#sort_modal ul.specify-color li:nth-child(6) a span::before {
	content: "";
	display: inline-block;
	background-image: url("../img/icon_color_red.png");
	background-size: contain;
	width: 20px;
	height: 20px;
}
#sort_modal ul.favranking li:nth-child(1) a span::before{
	content: url("../img/icon_sort_crown.svg");
}
#sort_modal figure{
	padding: 0;
	margin: 20px 0 40px 0;
}


@keyframes fabric_modal_fadein{
	0%{
		transform: scale(.6,.6);
		opacity: 0;
	}
	100%{
		transform: scale(1,1);
		opacity: 1;
	}
}
#fabric_modal{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.57);
	justify-content: center;
	align-items: center;
	z-index: 520;
	color: #fff;
	display: none;
}
#fabric_modal.view{
	display: flex;
}
#fabric_modal #modal_inner{
	box-sizing: border-box;
	background-color: #161616;
	padding: 10px;
	opacity: 0;
}
#fabric_modal.view #modal_inner{
	animation-name: fabric_modal_fadein;
	animation-direction: normal;
	animation-duration: 500ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 150ms;
	max-height: 90vh;
}
#fabric_modal.view #modal_inner figure{
	margin: 0 0 0 0;
	max-height: 55vh;
	padding: 0;
	aspect-ratio:3.6/2.8;
	overflow: hidden;
}
#fabric_modal.view #modal_inner figure img{
	object-fit: cover;
	max-width: 100%;
}
#fabric_modal.view #modal_inner #modal_select_btn{
	margin: 0 0 5px 0;
	text-align: center;
}
#fabric_modal.view #modal_inner #modal_select_btn .btn-select {
	font-size: 1em;
	background-color: #c3c3c3;
	color: #FEFEFE;
	display: inline-block;
	padding: 5px 8px;
	text-decoration: none;
	position: relative;
	width: 4.8em;
	letter-spacing: 0.05em;
}
#fabric_modal.view #modal_inner #modal_select_btn .btn-select::before{
	content: "選択する";
}
#fabric_modal.view #modal_inner #modal_select_btn.selected .btn-select{
	background-color: #DBA24C;
}
#fabric_modal.view #modal_inner #modal_select_btn.selected .btn-select::before{
	content: "選択中";
}
#fabric_modal.view #modal_inner .close{
	text-align: right;
	margin: 0 0 0 0;
	position: absolute;
	top:18px;
	right: 18px;
}
#fabric_modal.view #modal_inner .close a{
	color: #fff;
	text-decoration: none;
	text-indent: -9999px;
    display: block;
    width: 21px;
}
#fabric_modal.view #modal_inner .close a::before{
	content:url("../img/icon_close_white.svg");
}
#fabric_modal.view #modal_inner .modal_caption #img_caption{
	margin: 5px 0 5px;
}
@media screen and (max-width:590px){
	#fabric_modal{
	}
	#fabric_modal #modal_inner{
		width: 100%;
		height: auto;
	}
	}