@charset "UTF-8";
/* ------------------------------------

	deep green  -> #73a32d
	green       -> #86c600
	light green -> #f8fded
	orange      -> #ff8800 / #ff9900
	brown       -> #8c6239

------------------------------------ */

.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.detail img, .ctgy-header img {
	height: auto;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.1;
	padding: 0;
}
/* 20250702　山岸修正 */   
.lead {
	margin-bottom: 10px;
	color: #222;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.8;
}
.large {
	font-size: 120%;
}
.small {
	font-size: 12px;
}
/* 20250805　山岸修正 */  
.label {
	display: inline-block;
	margin-bottom: 4px;
	padding: 0.5em;
	/*font-size: 75%;*/
	/*font-weight: bold;*/
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #918986;
}
.label.eco {
	background-color: #73a32d;
}
.label.small {
	font-size: 11px;
	margin-left:1%;
}
.label-s {
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	line-height: 1;
	color: #fff;
	vertical-align: middle;
	border-radius: .15em;
	margin: .3em .4em 0 0;
	padding: .3em .4em .1em;
	background-color: #939393;
}
.mincho {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "メイリオ", Meiryo, serif;
}

.natural {
	color: #8c6239;
}
.ws-blue {
	color: #0d366a;
}
.ws-pink {
	color: #db677e;
}
.ws-green {
	color: #1c7330;
}
.ws-orange {
	color: #eb6900;
}
.ws-purple {
	color: #6529a9;
}
.red {
	color: #f00;
}
.underline {
	background: -webkit-linear-gradient(transparent 50%, #f9f6b6 50%);
	background: linear-gradient(transparent 50%, #f9f6b6 50%);
}

.breadcrumb {
	margin-bottom: 30px;
}
.breadcrumb ul, .breadcrumb ol {
	margin: 0;
	line-height: 1.3;
}
.breadcrumb li {
	margin-left: 6px;
	margin-right: 0;
	display: inline;
	list-style-type: none;
	font-size: 11px;
}
.breadcrumb li:after {
	content: ">";
}
.breadcrumb li:last-child:after {
	content: "";
}
.breadcrumb li a {
	margin-right: 10px;
}

.detail {
	margin-bottom: 20px;
	margin-left: 5px;
	width: 100%;
	max-width: 695px;
	overflow: hidden;
}

/* カテゴリページ共通 20230601 森山 */
.ctgy-detail {
	margin-bottom: 20px;
	margin-left: 5px;
	width: 100%;
	overflow: hidden;
}

/* 【新】カテゴリページ共通 Q&A */
.qaa {
	margin: 0px; /* 各Q&Aの下に余白 */
}

.qaa_qq, .qaa_aa {
	position: relative;
  	padding-left: 24px;
}

.qaa_qq::before, .qaa_aa::before {
	font-weight: bold;
 	position: absolute;
  	left: 0;
 	top: 0;
}

.qaa_qq {
	font-weight: bold; /* 質問文は太字 */
  	border-bottom: 1px solid #999;
 	margin-bottom: 4px; /* 下にちょい余白 */
}

.qaa_qq::before {
	content: 'Q.';
  	color: #c80021; /* 「Q」の文字色 */
}

.qaa_aa::before {
	content: 'A.';
  	color: #0085C8; /* 「A」の文字色 */
}
.qaa_a {
 	font-size:16px;
 	float: left;
   	width: 41%;
   	border: 10px outset #dbdbdb;
   	padding:15px;
   	margin:10px 0;
   	display: block;
}
.qaa_b {
 	font-size:16px;
 	float: right;
   	width: 41%;
   	padding:15px;
   	border: 10px outset #dbdbdb;
   	margin:10px 0;
   	display: block;
}
.qaa_a {
   	font-size:16px;
   	float: left;
   	width: 41%;
   	border: 10px outset #dbdbdb;
   	padding:15px;
   	margin:10px 0;
   	display: block;
}
.qaa_c{
   	width: 48%;
}
.qaa_title {
    	background: url("https://curtains2025.itembox.design/item/free/common/qaa_title.jpg")
    	center/100% no-repeat;
    	background-size: 60%;
 	font-size: 20px;
    	color: 333333;
    	letter-spacing: 0.1em;
    	font-weight: bold;
    	margin-top: 50px;
    	margin-bottom:0;
    	text-align:center;
    	padding:20px 0 32px 0;
}
.qaa_title p {
 	text-align: left;
    	padding: 7.5% 3% 6% 23%;
}

/* カテゴリページ(商品ページ)共通 FAQ h2 20250318山岸追加*/
h3.ctgy-faq,h2.ctgy-faq {
	margin: 10% auto 1%;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
}
.list_qaa{
	margin: 0px 0px 20px;
}
.list_qaa > input,.itemlist_qaa > input {
	display: none;
}
.list_qaa > label,.itemlist_qaa > label {
    	display: block;
    	position: relative;
    	width: 100%;
    	padding: 0px;
    	margin: 0px;
    	cursor: pointer;
}
.list_qaa > label > dt,
.list_qaa > label > dd {
    	position: relative;
    	padding: 1em 1em 1em 3.5em;
    	font-size: 15px;
    	border-bottom: 1px solid currentColor;
    	background-color: #fff;
	text-align: justify;
}
.list_qaa > label > dt::before,
.list_qaa > label > dd::before,
.itemlist_qaa > label > dt::before,
.itemlist_qaa > label > dd::before {
    	position: absolute;
    	top: 50%;
    	left: 0.5em;
    	transform: translateY(-50%);
    	font-size: 2em;
}
.list_qaa > label > dt::before,
.itemlist_qaa > label > dt::before {
    	content: "Q";
}
.list_qaa > label > dd::before,
.itemlist_qaa > label > dd::before {
    	content: "A";
}
.list_qaa > label > dt,.itemlist_qaa > label > dt {
    	position: relative;
    	z-index: 1;
}
.list_qaa > label > dt::after,
.itemlist_qaa > label > dt::after {
    	display: inline-block;
    	position: relative;
    	top: 50%;
    	right: -1em;
    	transform: translateY(-50%) rotate(135deg);
    	width: 0.5em;
    	height: 0.5em;
    	border-top: 2px solid #3388dd;
    	border-right: 2px solid #3388dd;
    	content: "";
}
.list_qaa > label > dd,
.itemlist_qaa > label > dd {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	transform: translateY(-2em);
    	/*margin: 0px;*/
    	visibility: hidden;
}
.list_qaa > input:checked + label > dd,
.itemlist_qaa > input:checked + label > dd {
	position: relative;
    	visibility: visible;
    	transform: translateY(0px);
    	transition: 0.5s;
}

/*  FAQ 20250703山岸修正*/
.item-faq{
	border: 1px solid #ccc;
	display: block;
	margin: 0 3%;
}
.item-faq dt,.item-faq dd{
	border-bottom: 1px solid #ccc;
	width: 80%;
	margin: 0 auto;
}
.item-faq .item-section{
	margin:0 0 0 20px;
	padding-top:30px;
	text-align:center;
}
.itemlist_qaa{
	margin: 0 0 30px;
}
.itemlist_qaa > label > dt,
.itemlist_qaa > label > dd {
	padding: 1em 1em 1em 3.5em;
	font-size: 15px;
	background-color: #fff;
	text-align: justify;
}
.item-faq .flex-box{
	margin: 0 10px 30px 10px;
}
.item-faq .flex-box a {
    width: 45%;
    margin: 0 auto;
}
.item-faq .flex-box img {
    width: 100%;
}

/* カテゴリページ共通 店舗TOPのtextリンク */
.gototop {
	margin: 0;
	width: 100%;
	text-align: right;
	font-size: x-small;
}

/* カテゴリー目次用　181116吉田追加 */
ul.mokuji {
	text-align: center;
	list-style-type: none;
	margin: 3% auto;
	padding: 3%;
	background-color: #f7f7f7;
	border-radius: 15px;
	width: 100%;
}
ul.mokuji li a {
	text-decoration: none;
}
ul.mokuji li:hover {
	background-color: lightgoldenrodyellow;
}
ul.mokuji li {
	width: 30%;
	text-align: left;
	font-size: 113%;
}
ul.mokuji li i {
	font-size: 160%;
	padding-left: 3%;
	color: gray;
	vertical-align: text-bottom;
}
ul.mokuji li:hover i {
	color: #fff;
}

/* カテゴリページ共通 見出し h2 スマホ別css 20211220三富追加 */
h2.ctgy-lead {
	margin-top: 5%;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
/* カテゴリページ共通 見出し h3 20211220三富追加 h2 20250318山岸追加 */
h3.ctgy-section,h2.ctgy-section {
    margin-top: 10%;
    padding-bottom: 1.5%;
    display: inline-block;
    font-size: 18px;
    border-bottom: solid 1px #333;
}

/* カテゴリページ共通 見出し後の序文　スマホ別css 20211223三富追加 */
p.ctgy-foreword{
        margin:0;
        padding:2%;
        font-size:16px;
        line-height:1.5em;
        text-align:left;
        width:96%;
}

/* 画像レスポンシブ 171130吉田追加 */
.img_responsive {
	width: 100%;
	max-width: 695px;
	margin-bottom: 3%;
}
/* SPのみ表示 20211221山岸追加 */
.sp-only {
	display: none;
}
/* youtube 220222sizeから移動山岸 */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.detail .h1 {
	color: #fff;
	font-size: 20px;
	padding: .4em .4em .2em;
	border: dotted 2px #D2B593;
	border-top: dotted 2px #B19474;
	border-bottom: dotted 2px #B19474;
	border-radius: 4px;
	line-height: 1.4;
	letter-spacing: .02em;
	text-shadow:1px 1px 5px #876;
	margin-bottom: 10px;
	/* padding: 10px 15px; */
	/*background-color: #222;*/
	background: url(https://curtains2025.itembox.design/item/free/common/haikei.jpg) 0 0 repeat;
}

/* 【新】商品詳細ページ 20220215山岸追加 */
.saleoff{
	font-size:25px;
	font-weight:bold;
	margin:0;
	color:#f00;
}
/* 【新】スペック 20220215山岸追加 */ 
.spec-wrap dt,.spec-wrap dd{
	margin:0;
}
.spec-wrap{
	display: block;
	margin: 0px auto;
	width: 98%;
}
.spec-layout{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 45px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-flow: wrap;
	margin: 0 2%;
}
.spec-layout dt,
.spec-layout dd{
	padding: 15px 15px;
	border-top: 1px solid #ccc;
	font-size: 14px;
	line-height: 1.6;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.spec-layout dt{
	width: 33%;
	color: #534a3c;
	font-weight: bold;
	background-color: #f8f8f8;
	border-right: 1px solid #ccc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
	display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}
.spec-layout dd{
	width:67%;
	margin-left: 0;
	background-color: #fff;
}
.item-section{
	margin: 30px 0 0 15px;
	letter-spacing: 1px;
	font-size:18px;
}
.spec-func{
	margin:0 1% 1% 0;
}
/* 20250702　山岸修正 */ 
.label.itemfunc {
    font-size: 16px;
    margin-right: 1%;
	margin-left:0;
}
.spec-attention{
	font-size:14px;
	margin:2% 0% 0%;
}
.spec-attention span{
	text-decoration:underline;
}	
.spec-link{
	text-decoration: underline; 
	font-size: 12px;
}
/* お選びいただける仕様 */
.toggle {
	display: none;
}
.style {
	position: relative;
    width: 100%;
}
.title,
.style-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.title {
	border-bottom: solid 1px #918986;
	padding: 1em 0;
	display: block;
}

.style .title::after,
.style .title::before {
	content: "";
	position: absolute;
	right: 1.25em;
	top: 1.25em;
	width: 2px;
	height: 0.75em;
	background-color: #918986;
	transition: all 0.3s;
}
.style .title::after {
	transform: rotate(90deg);
}
.style-content {
	max-height: 0;
	overflow: hidden;
}
.style-content p {
	margin: 0;
	padding: 0.5em 0 1em 0.5em;
	line-height: 2;
	border-bottom: dotted 1px;
}
.toggle:checked + .title + .style-content {
	max-height: 500px;
	transition: all 1.5s;
}
.toggle:checked + .title::before {
	transform: rotate(90deg) !important;
}
.style-content p{
	font-size:90%;
}
.style-content .label{
	font-size: 13px; 
	margin-right:1%;
}
.style-hikaku{
	margin-top:20px;
}
.style-hikaku img{
	width:33%;
}
/* カーテン以外用 */
.spec-layout ul{
	margin:0;
}
.spec-layout li{
	border-bottom: solid 1px #ccc;
    list-style: none;
    padding: 1em 0;
    margin: 0;
}
/* 裏地 */
.add-op{
	padding: 5%; 
	margin: 3% 0% 0%; 
	border-top: solid 1px #ccc; 
	padding: 1em 0 0;
}
.add-op .style-hikaku{
	margin-top:0;
}
/* シェード用 */
.spec-layout .spec-railkanou{
	width: 90%;
    margin: 5% auto;
    display: block;
}
/* カラーバリエーション　20220216山岸追加 */
.variationlist{
    margin: 2%;
}
.detail .variationlist li img{
    width: 100%;
}
.variationlist li{
    width: 31.3%;
    padding: 0;
    list-style: none;
    margin: 0 3% 0 0;
}
.variationlist li:nth-child(3n), .drape-box li:nth-child(3n){
  margin-right: 0;
}

/* 同じ生地でつくる　20220216山岸追加 */
.samelist {
	margin: 2%;
	background-color: #ccc;
    padding:3% 1%;
}
.samelist li {
	width: 18%;
	padding: 2% 1%;
	list-style: none;
    text-align: center;
    margin: 0;
    font-size: 17px;
}
.samelist li a {
	display: block;
	background-color: #fff;
	transition: 0.2s;
	padding: 8% 2%;
	font-weight:bold;
	font-size: 14px;
	line-height: 2em;
}
.samelist li a:hover {
	transform: translateY(-5px);
}
.samelist li img {
	display: block;
	width: 100%;
	height: auto;
}
.samelist i {
	font-size:1.25em
}
/* wavesalad用 */
.detail .h1-ws {
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}


/* cabbages&roses用 */
.detail .h1-cr {
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}


/* 訳あり表示用 */
.detail .h2.caution {
	margin-bottom: 6px;
	color: #c00;
	font-size: 18px;
	font-weight: bold;
}
.detail .h2 {
	float: left;
	width: 500px;
	margin-top: 4px;
	padding: 0;
	color: #222;
	font-size: 16px;
	text-align: left;
}
.block-heading {
	margin-bottom: 15px;
}
.icon-label {
	/* 左端の余白欠けるため */
	float: right;
	/* width: 370px; */
	width: 370px;
	text-align: right;
}

/* 小物・生地用 w670px */
.detail.zakka {
	margin-bottom: 20px;
	margin-left: 0;
	width: 670px;
	overflow: hidden;
}
.zakka .icon-label {
	float: right;
	width: 275px;
	text-align: right;
}

.icon {
	display: inline-block;
	margin-left: 4px;
	width: 38px;
	height: 14px;
	text-indent: 99999px;
	overflow: hidden;
}
.icon-flame {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_flame.gif);}
.icon-dirt {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_dirt.gif);}
.icon-sound {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_sound.gif);}
.icon-ollen {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_ollen.gif);}
.icon-sun_1 {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_sun_1.gif);}
.icon-sun_2 {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_sun_2.gif);}
.icon-sun_3 {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_sun_3.gif);}
.icon-image {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_image.gif);}
.icon-heat {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_heat.gif);}
.icon-washing {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_washing.gif);}
.icon-bacterium {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_bacterium.gif);}
.icon-mirror {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_mirror.gif);}
.icon-uv {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_uv.gif);}
.icon-flame1 {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_flame1.gif);}
.icon-dewfall {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_dewfall.gif);}
.icon-mold {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_mold.gif);}
.icon-photo {background-image: url(https://curtains2025.itembox.design/item/img/icon/icon_photo.gif);}

.description {
	margin-bottom: 30px;
	text-align: center;
}
.description-img p {
	font-size:15px;
	margin-top: -2%;
	margin-bottom: 30px;
	color: #222;
	text-align: justify;
	padding: 0 5px;
}
.detail p.small {
	font-size: 12px;
}
.detail .description-img {
	text-align: center;
}
.detail .description-img img {
	display: inline-block;
	margin-bottom: 3%;
}
	

.mr-b10 {
	margin-bottom: 10px;
}

.go-kakaku {
	margin: 1.2em 30px 3.8em;
/*
	margin: 10px 30px 50px;
	padding: 19px 14px 0;
	border: 1px solid #ddd;
	border-radius: 6px;
*/
}
.go-kakaku .box-inner {
	padding: 20px 14px 0;
	width: 605px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.box-inner-3button {
	margin: 1.2em 10px 3.8em;
	padding: 20px 10px 0;
	width: 620px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.go-kakaku .pull-left,
.go-kakaku .pull-right {
	width: 50%;
	text-align: center;
}
.go-kakaku .small {
	margin-top: 5px;
	font-size: 11px;
}

.kakaku{
	margin: 8% 5px;
	border: solid 1px #666;
	padding: 0 0 5%;
}

.look_kakaku {
	font-size: 145%;
 	margin: 2% 2% 3%;
	padding: 0.4em 0;
	background-color: #f0f0f0;
	text-align: center;
	letter-spacing: 0.1em;
}
p.look_kakaku span::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f07a";
	padding-right: 15px;
}

div#kakaku { /* 20220222変更 */
	margin: 8% 5px 0;
    background: #f0f0f0;
    padding: 0 0 3%;
}
div#kakaku > p { /* 20211015変更 */
	color: #808080;
	font-size: 145%;
	font-weight: bold;
	margin: 0 0 3%;
	padding: 1em 0 0.4em; /* 20220222変更 */
	background-color: #f0f0f0;
	text-align: center;
	letter-spacing: 0.1em;
}
div#kakaku > p::before { /* 20211015変更 */
	font-family: "Font Awesome 6 Free";
	content: "\f07a";
	padding-right: 15px;
}


.kakaku_2pattern {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	width: 96%; /* 20220222変更 */
    max-width: 690px;
    margin: 0 2%; /* 20220222変更 */
}

.kakaku_img {
	margin: 0% 1%;
	vertical-align: middle;
	text-align: center;
}
.kakaku_img p {
	display: none;
}

.kakaku_img a::after { /* 20220222追加 */
	font-family: "Font Awesome 6 Free";
    content: "\f078";
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #c0c0c0;
    display: block;
}
.kakaku_img a:hover::after { /* 20220222追加 */
    color: #ff9721;
    font-weight: bold;
}
.kakaku_img a img { /* 20220222追加 */
	width: calc( 100% - 18px );
	width: -webkit-calc( 100% - 18px );
    border: solid 1px #c0c0c0;
    border-radius: 5px;
    padding: 8px;
    background: #fff;
}
.kakaku_img a img:hover { /* 20220222追加 */
    border: solid 3px #ff9721;
    padding: 6px;
}

	
.sp_br{
	display: none;
	font-size: 0%;
}

.kakaku_1pattern {
	width: 100%;
	max-width: 690px;
	margin: 20px 0 0; /* 20211021変更 */
	text-align : center;
	display: inline-block; /* 20211021追加 */
}
.kakaku_1pattern img {
	width: 300px;
}
	

/*.curtain .item-detail-table {
	border: #E9EBDE solid 20px;
}*/

.funclist {
	margin: 30px 6px 0;
}
.funclist img {
	margin: 0 0 3px;
}


/* 新機能バナー用　200722吉田追加 */
.newfunclist {
	margin: 5% 1%;
	justify-content: center;
	-webkit-justify-content: center;
}
.newfunclist p.func-title {
	font-weight: bold;
	text-align: center;
	width: 100%;
	font-size: 20px;
}
p.func-title span {
	font-size: 70%;
	font-weight: normal;
}
.newfunclist img,
.newfunclist a {
	margin: 0 0.75% 2%;
	width: 18.5%;
}
.newfunclist a img {
	width: 100%;
	margin: 0;
}


.inventory, 
.inventory th, 
.inventory td {
	width: 50%;
	text-align: center;
	border: solid 1px #CCC;
	padding: 1%;
}
.inventory {
	margin: 1.5em auto 1em;
}
.inventory th {
	background-color: #F8FDED;
}
a.bn_nibaihida {
	display: block;
	max-width: 670px;
	margin: 20px auto 30px;
}
a.bn_nibaihida > img {
	width: 100%;
	max-width: 670px;
	border-radius: 5px;
	border: solid #DDD 1px;
}

.btn-box-sample {
	margin-bottom: 30px;
	max-width: 760px; 
	height: 240px;
}


/* お揃いの生地で作るバナー */
.detail .sameitem {
	margin: 0;
	padding-top: 5%;
}
.detail .sameitem img {
	margin: 0;
	padding-bottom: 5px;
}

/* カラーバリエーション */
.detail .variation {
	width: 98%;
	margin: 30px auto 30px;
}
.detail .variation h3 {
	margin: 0 0 15px;
	padding: 0;
	height: auto;
	overflow: hidden;

}
.detail .variation h3 img {
	margin: 0;
	padding: 0;
}
.detail .variation ul {
	margin: 0;
	padding: 0;
}
.detail .variation li {
	width: 31%;
	margin: 0 1.5% 1.3% 0;
	padding: 0;
	background-color: #F9F9F9;
	border: solid 1px #CCC;
	list-style: none;
	float: left;
	border-radius: 5px;
}
.detail .variation li:nth-child(3n+1) {
	margin-left: 1.5%;
}
.detail .variation li:nth-child(3n) {
	margin-right: 0;
}

.detail .variation li a {
	margin: 0;
	text-decoration: none;
}
.detail .variation li img {
	width: 94%;
	height: auto;
	margin: 5px 3% 10px;
	padding: 0;
	border-radius: 3px;
	display:block;
}
.detail p.var-title {
	margin: 0 3%;
	padding: 1% 0 0 3%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
	border-left: 5px solid #CCC;
}
.detail p.var-lead {
	margin: .6em 1% .5em 5%;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
}
.detail p.var-title a, p.var-lead a {
	text-decoration: none;
}

/* 商品ページ内FAQ */
img.detail-faq-head {
	width: 60%;
	margin:5% 20% 0;
	padding-top: 30px;
}
.detail-faq {
	justify-content: space-around;
}
.detail-faq a {
	display: block;
	width: 47.5%;
	margin: 0;
}
.detail-faq + p {
	margin-top: 0;
	font-size: 16px;
}
.detail-faq + p > a:before {
	content: "\00bb";
	color: #f70;
}


/* SPEC */
.spec:before,
.spec:after {
	content: " ";
	display: table;
}
.spec:after {
	clear: both;
}
.spec {
	*zoom: 1;
}

.spec .h3 {
	margin-bottom: 10px;
}
div.spec {
	width: 670px;
	margin: 0 auto 0;
}

.spec h3 {
	width: 670px;
	height: 30px;
	line-height: 1.1;
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden;
}

.spec .photo-sq {
	float: left;
	width: 275px;
	overflow: hidden;
}
.spec .photo-sq img {
	display: inline-block;
	width: 275px;
	margin-bottom: 10px;
}
.spec .photo-sq .thumb-color-name {
	display: inline-block;
	margin-top: -33px;
	margin-bottom: 11px;
	padding-left: 6px;
	color: #000;
}
.spec .photo-sq .thumb-caption {
	display: inline-block;
	margin-top: -6px;
	margin-bottom: 11px;
	color: #000;
	line-height: 1.3;
}

.spec-faq {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.spec-faq h4 {
	width: 300px;
	height: 30px;
	margin-bottom: 10px;
}

.spec-faq h4 img {
	width: 300px;
	height: 30px;
}

.list-faq {
	margin: 0;
	padding: 0;
}
.list-faq li {
	list-style-type: none;
	padding-bottom: 6px;
	padding-left: 18px;
	background: url(https://curtains2025.itembox.design/item/free/common/li_mkr_ladybird.gif) 0 1px no-repeat;
	line-height: 1.2;
}
.list-faq + p {
	margin-top: 0;
}
.list-faq + p > a:before {
	content: "\00bb";
	color: #f70;
}

.photo-sq .caution {
	padding: 10px 5px;
	border: 5px solid #FFC4CE;
	text-align: center;
	color: #c00;
	border-radius: 10px;
}
.photo-sq .caution p {
	margin: 3px 0;
}

.spec .spec-detail {
	float: right;
	width: 375px;
/*	width: 400px; */

}
.spec-detail .caution {
	color: #c00;
}
.spec-detail .caution-box {
	margin: 1em;
	padding: 11px;
	border: 1px solid #c00;
	border-radius: 4px;
}
.spec-detail .caution-box > p {
	margin: 4px 0;
	line-height: 1.4;
}
.spec-table {
	border-collapse: collapse;
}
.spec-table th {
	padding: 5px 5px 3px;
	background-color: #f8fded;
	border-bottom: 1px solid #CBDCA8;
	color: #555;
	text-align: left;
}
.spec-table td {
	padding: 5px 5px 10px;
	color: #222;
}
.spec-table td a,
.spec-table td a:link,
.spec-table td a:visited {
	color: #f70;
}
.spec-table td a:hover {
	color: #f90;
}

/* 商品ページ共通 透け感比較　スマホ別css 2021三富追加 */
.sukekan_level_table {
    margin: 50px 0 20px;
}
.sukekan_level_table table {
    margin: 15px auto 10px;
    width: 100%;
    font-size: 14px;
}
.sukekan_level_table h4 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 2%;
}
.sukekan_level_table table th, .sukekan_level_table table tr, .sukekan_level_table table td {
    border: solid 3px #fff;
}
.sukekan_level_table table th {
    background: #808080;
    color: #fff;
    padding: 15px;
    width: 40%;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.1em;
}
.sukekan_level_table table td {
    background: #f0f0f0;
    padding: 0.7em 1em;
    width: 60%;
}
.sukekan_level_table table th.apply1 {
    background: #54a5c6;
}
.sukekan_level_table table td.apply2 {
    background: #d8edff;
}
/* 商品ページ共通 トルコレース2倍ヒダ比較　スマホ別css 2021三富追加 */
.turkey_2baihida {
    margin: 0;
    padding: 0;
    width: 100%;    
}
.turkey_2baihida h4 {
    margin-bottom: 5%;
    text-align: center;
    font-size: 24px;
}
.turkey_2baihida ul {
    margin: auto 15%;
    width: 80%;
}
.turkey_2baihida li {
    margin-left: 10px;
    padding: 7px 0;
    font-size: 18px;
}
h5.hida_hikaku_title {
    margin: 2% auto;
    padding-bottom: 1.5%;
    display: inline-block;
    font-size: 150%;
    /*border-bottom: solid 1px #333;*/
}
.turkey_hida_hikaku {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.turkey_hida_hikaku div.part {
    margin: 0;
    padding: 0;
    width: calc(92% / 2);
    text-align:center;
}
.turkey_hida_hikaku img {
    display: block;
    width: 100%;
    height: auto;
}
.turkey_hida_hikaku div.part p.hida_type {
    margin: 2% 0;
    padding: 0.5em;
    font-size: 16px;
    width: 94%;
    color: #666;
    background-color: #f7f7f7; 
    border: 1px solid #ccc;
    text-align:center;
}
.turkey_hida_hikaku div.part p {
    margin: 5% 2%;
    padding: 5px;
    width: 94%;
    text-align:justify;
}
/* 商品ページ共通 継ぎ目のないシームレス 2021三富追加 */
.sheerlace_wake{
    margin: 5% auto;
    padding: 0;
    background-image:url("https://curtains2025.itembox.design/item/product/common/cu/sheerlace_bk.jpg");
}
.sheerlace_wake p{
    margin: 0;
    padding: 2%;
    font-size: 14px;
    line-height: 1.5em;
    text-align:justify;
    width: 94%;
}
/* ▼WAVESALAD　形状安定・ウェイトテープ価格表------------ */
.op-kakaku-title {
	color: #cc0000;
	caption-side: top;
}
.op-kakaku table,.op-kakaku2 table {
	border: solid 1px #ccc;
	border-collapse: collapse;
	width: 100%;
}
.op-kakaku table th {
	background-color: #efefef;
	text-align: center;
	border: solid 1px #ccc;
	text-wrap: none;
	width: 25%;
}
.op-kakaku table td {
	text-align: right;
	border: solid 1px #ccc;
	text-wrap: none;
}
.op-kakaku2 table th {
	background-color: #efefef;
	border: solid 1px #ccc;
	text-align: center;
	white-space: nowrap;
	font-size: smaller;
	width: 20%;

}
.op-kakaku2 table td {
	border: solid 1px #ccc;
	white-space: nowrap;
	font-size: smaller;
	text-align:center;
}

/* ▼仕様表示をdlで組み直し start------------ */
.spec-list, .spec-list dt, .spec-list dd {
	margin: 0;
	padding: 0;
}
.spec-list dt {
	padding: 5px 5px 3px;
	background-color: #f8fded;
	border-bottom: 1px solid #CBDCA8;
	font-weight: bold;
	color: #555;
	text-align: left;
}
.spec-list dd {
	padding: 2%;
	color: #222;
}
.spec-list dd a,
.spec-list dd a:link,
.spec-list dd a:visited {
	color: #f70;
}
.spec-list dd a:hover {
	color: #f90;
}
.spec-list p.goto-explanation {
	margin-top: .3em;
	text-align: right;
}
.spec-list p.goto-explanation a:before {
	content: "\00bb\00A0";
}
.spec-list table {
	width: 100%;
	margin: 0 0 .8em;
}
.spec-list th, .spec-list td {
	font-size: 95%;
	line-height: 1.4;
	text-align: left;
	border-bottom: dashed 1px #DDD;
	padding: .6em 1% .1em;
}
.spec-list th {
	width: 72%;
	font-weight: normal;
}
.spec-list td {
	width: 22%;
	text-align: right;
}
.spec-list th .kiseisize { /* 既製サイズ */
	background-color: #6fd4fe;
}
.spec-list th .ordersize-only { /* オーダーサイズのみ */
	font-size: 11px;
	vertical-align: middle;
	color: #333;
	background-color: #DDF2F5;
	margin-right: .35em;
	padding: .35em .5em .32em;
	border:solid 1px #B5BEBF;
}
.spec-list th .standard-spec { /* 標準仕様 */
	font-size: 11px;
	vertical-align: middle;
	color: #333;
	background-color: #EFF5DD;
	margin-right: .35em;
	padding: .35em .5em .32em;
	border:solid 1px #858979;
}
.spec-list th .urajitsuki-spec { /* 裏地付きカーテン */
	font-size: 11px;
	vertical-align: middle;
	color: #333;
	background-color: #ffff99;
	margin-right: .35em;
	padding: .35em .5em .32em;
	border:solid 1px #858979;
}
.detail .spec-list .notes {
	background-color: #EEE;
	color: #777;
	font-size: 95%;
	margin: 1em .3em;
	padding: 1.2em 1em 1em;
}
.detail .spec-list .notes h6 {
	font-size: 105%;
	margin-bottom: .2em;
}
.detail .spec-list .notes p {
	margin: 0;
	padding: 0;
}
.detail .explanation > img {
	margin: 0 0 20px;
}
/* ▲仕様表示をdlで組み直し end-------------- */

/* ロールスクリーン仕様 2020.03.19----------- */
.spec-list-roll, .spec-list-roll dt, .spec-list-roll dd {
	margin: 0;
	padding: 2%;
}
.spec-list-roll dt {
	background-color: #f8fded;
	border-bottom: 1px solid #CBDCA8;
	font-weight: bold;
	text-align: left;
}
.spec-list-roll dd {
	line-height: 1.5em;
}
.spec-list-roll th, .spec-list-roll td {
	padding: 10px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: dashed 1px #DDD;
}
.spec-list-roll td .ordersize {
	padding: 3px;
	color: #333;
	background-color: #DDF2F5;
	border:solid 1px #B5BEBF;
}

.bg-black {
	background-color: #000;
	color: #fff;
	text-align: center;
}
.bg-black .lead {
	margin-bottom: 1em;
	color: #fff;
	font-size: 18px !important;
}

/* 防炎ラベルについて */

.bouen-label {
	margin-left: 8px;
	margin-right: 8px;
	padding: 10px 15px 10px 260px;
	background: url(https://curtains2025.itembox.design/item/free/bouen/bouen_label.gif) 10px 50% no-repeat;
	border: 3px solid #c1282d;
	min-height: 134px;
}
.bouen-label p {
	margin-top: 10px;
	margin-bottom: 8px;
	color: #222;
	font-size: 14px;
}
.bouen-label p.lead {
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
}

/* 【新】防炎ラベルについて 20230712森山 */


.bouen_eyecatch {
	font-size: 210%;
    	letter-spacing: 0.1em;
    	color: #FFF;
    	background: #c1282d;
    	text-align: center;
    	border-radius: 5px;
    	margin-bottom: 2%;
}

span.in_text {
	font-size: 140%;
}

.bouen_label {
	border: 4px solid #c1282d;
	padding: 3%;
}

.label_left {
	width: 36%;
}

.label_right {
	width: 60%;
}

.label_right p {
	margin: 0;
	font-size: 110%;
    	color: #333333;
    	text-align: justify;
}
/* 2025070　山岸修正 */
.label_right span.option {
    	font-size: 120%;
    	font-weight: bold;
    	color: #c1282d;
    	display: block;
    	width: 100%;
	line-height: 1.5em;
	margin: 2% 0 0; 
	letter-spacing: -0.025em;
}

.label_right span.option2 {
	font-size: 87%;
}

.label_right span.big_text {
	font-size: 120%;
    	margin: 0 3.6%;
}
.about_bouen {
	font-size: 120%;
    	display: block;
    	width: 96%;
    	margin: 0 auto 2%;
    	letter-spacing: 0.04em;
    	line-height: 1.8em;
}


/* ペアカーテン */
.pair-curtains {
}
.pair-link {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #a38467;
	border-radius: 6px;
	text-align: center;
}
.pair-link a {
	text-decoration: none;
}
.pair-link img {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.img-circle {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden
}


/* レビュー */
.review-list {
	/* width: 90%; */
	border-top: dotted 2px #E4DCD1;
	margin: 0 auto;
}
.review-list h3 {
	position: relative;
	width: 8em;
	height: 1.8em;
	font-size: 110%;
	font-weight: normal;
	background-color: #ECE7DF;
	color: #8C6239;
	border-radius: 8px;
	margin: 1em 0 0 32%;
	padding: .2em 1em 0;
}
.review-list h3:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 22%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-top: 1em solid #ECE7DF;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
}
.review-frame {
	width: 96%;
	margin: 0 auto 1em;
	background-color: white;
	border-radius: 4px;
}
.review {
	width: 95%;
	margin: 0 auto 0;
	padding: 1em 0 0;
}
.review h4 {
	color: #936C45;
	font-size: 150%;
	padding-top: .6em;
}
.reviewer {
	margin: 0;
	padding: 0;
}
.review-img {
	width: 30%;
	margin: 0 1.8em 0 0;
	float: left;
}
.review-img img {
	display: block;
	width: 100%;
	margin-bottom: 3px;
}

/* 20160202　追加2点 */
.review-list .title {
	width: 8em;
	height: 1.8em;
	font-size: 90%;
	background-color: #ECE7DF;

	color: #8C6239;
	border-radius: 8px;
	padding: .2em 1em 0;
}
.review-img2 img {
	display: block;
	width: 100%;
	margin-bottom: 3px;
}
/* 220216　山岸追加 */
.detail .review-img2 img {
	width: 48%;
	margin-right: 2%;
	float: left;
}
/* 多い場合の折りたたみレビュー 20201209追加 */
.review_accordion {
	height: 100%;
	width: 100%;
	margin: 50px auto 10px;
	background: #fff;
}
.review_accordion h3 {
	width: 80%;
	margin: 5% 10% 3%;
}
.review_box {
	position: relative;
	background-color: #F6f6f6;
	margin:0 3%;
}
.review_box label {
	height: 200px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	position: absolute;
	z-index: 999;
	bottom: 0;
	width: 100%;

	/* 以下グラデーションは「背景が白」に併せて設定しています */ 
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.detail .review_box input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す */
	height:auto;
}
.review_box label:after {
	content: "すべてのレビューを見る"; /* ラベルの文字 */
	letter-spacing: .05em;
	line-height: 2.5rem;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	background-color: #555;
	width: 18.75rem;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.review_box label:before {
	content: "↓";
	font-weight: 700;
	position: absolute;
	bottom: 30px;
	left: 50%;
    	-webkit-transform: translate(-140px, 0);
	transform: translate(-140px, 0);
	background-color: #fff;
	z-index: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.review_box input {
	display: none;
}
.review_box input:checked + label:after {
	content: "閉じる";
}
.review_box input:checked + label:before {
	content: "↑";
}
.review_box input:checked ~ .review_container {
	height: auto;
	padding-bottom: 100px; /* 閉じるボタンのbottomからの位置 */
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
/* 20220215山岸追加*/
.review_box .review_container {
	overflow: hidden;
	height: 650px; /* 開く前に見えている部分の高さ */
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.review-frame {
	 background-color: transparent;
}
/* 商品詳細 U-KOMIレビュー 20250210追加 */
.review_box_U-KOMI {
    margin: 8% auto;
    padding: 6% 3%;
    background-color: #f2f2f2;
}

/* カテゴリページの補足説明 */
.extra-box {
	padding: 15px;
	border: 1px solid #000;
}
.extra-box p {
	text-align: center;
}

/* カテゴリーページ 20230407森山 */
.ctgy {
	margin-bottom: 40px;
	margin-left: 5px;
	width: 695px;
}

/* カテゴリーページのヘッダー部 20250821山岸変更*/
.ctgy-header {
	width: 100%;
}
.ctgy-header .ta1 {
	width: 695px;　/*テーブルの幅*/
	margin-top: 5px;　/*テーブルの上にスペース*/
	margin-left: 0;
	margin-bottom: 5px;
	color: #fff;
	font-size: 10px;
	border: 1px dotted #ccc;
	height: 1px;
}
.ctgy-header .ta1 tr:not(:first-child) td {
	border-top: 1px dotted #ccc;
}
.ctgy-header .ta1 td, .ta1 th {
	padding: 5px;
}
.ctgy-header .ta1 th {
	color:#fff;
	background-color: #ccc;
	text-align: center;
}
.ctgy-header .ta1 td {
	background-color: #fff;
	/*text-align:center;*/
}
.ctgy-header .ta1 td.even {
	background-color: #edF9FF;
}
.ctgy-header .ta1 td:hover {
	background-color: #fddea5;
	color: #fff;
}
.ctgy-header .ta1 td:hover.blank {
	background-color: #fff;
}
/* カフェ商品ページ共通 縫製ステッチ 202201133森山追加 */
.cf_type {
	margin: 5% 4% 15%;
}
.flat_left,.stitch_right {
	width: 45%;
}
.flat_left {
	margin-left: 2%;
}
.flat_type,.stitch_type {
	text-align: center;
	padding: 0.2em;
	font-size: 22px;
	color: #fff;
	border-radius: 4px;
	width: 92%;
	margin: 0 auto;
}
h3.flat_type {
	background: #9c907d;
}
h3.stitch_type {
	background: #9c907d;
}
ul.cf_fa-ul {
	list-style: none;
	margin:5% 0% 12% 5%;
}
ul.cf_fa-ul li .cf_flat {
	padding-right: 0.1em;
	color: #9c907d;
}
ul.cf_fa-ul li .cf_stitch {
  padding-right: 0.1em;
  color: #9c907d;
}

ul.cf_fa-ul li{
	font-size: 15px;
	margin: 2% 0;
}
p.cf_extype {
	margin-left: 15%;
	font-size: 18px;
}
/* カフェ商品ページ共通 注文サイズ説明(2段と1段厚地) 20211223森山追加 */
.cafe_size {
	margin: 5% 0;
}

.h-size {
	margin: 3% 3% 4%;
	text-align:center;
}

h3.cafe_haba,h3.cafe_take {
	text-align: center;
	padding: 0.3em;
	font-size: 18px;
}
h3.cafe_haba {
	background: #cee09d;
}
h3.cafe_take {
	background: #c5e7f4;
}
/* カフェ商品ページ共通 上下ポール通し(オプション) 20211223森山追加 */
h3.jouge_pole {
	position: relative;
	padding: 1% 2%;
	color: #434343;
 	border-radius: 0 10px 10px 10px;
	background: #fee0ae;
	font-size: 21px;
	margin: 12% 2% 0;
}
h3.jouge_pole:before {
	font-size: 15px;
	position: absolute;
	top: -24px;
	left: 0;
	height: 24px;
	padding: 0.1% 1em;
	content: '\オプション';
	color: #fff;
	border-radius: 10px 10px 0 0;
	background: #fca009;
}
/* カフェ商品ページ共通 上下ポール通し(オプションなし) 20211223森山追加 */
h3.jouge_pole_turkey {
	position: relative;
	padding: 1% 2%;
	color: #434343;
 	border-radius: 10px 10px 10px 10px;
	background: #fee0ae;
	font-size: 21px;
	margin: 12% 2% 0;
}
/* カフェ商品ページ共通 上下ポール通し説明文(オプションとオプションなし共通) 20220113森山追加 */
.jouge_expole {
	text-align: justify;
	font-size: 16px;
	width: 90%;
	padding-left: 30px;
}


/* シェード説明 三富　*/
.ctgy-header p{
	margin:20px auto;
	line-height:2em;
}

/* ハトメカーテンのh3 背景色 20220125三富　*/
h3.hatome-bcolor {
	background: #e9e8db;
}

/**********  ▼▼以下テキスト化終わったら削除する  **********/
/* シェード説明　*/
.hokuou-shades {
	margin:auto;
	padding:10px;
	width:95%;
}
/* シェード説明 ドラム式・コード式の説明文　*/
.hokuou-shades .h3 {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left:10px;
	border-top: 3px dotted #ddd;
	border-bottom: 3px dotted #ddd;
	font-weight: bold;
	background-color:#ededed;
}
.green {color: #1c7330;}
.orange { color: #eb6900;}
/* シェード説明 サイズの測り方ボタン右寄せ モバイルcss45%表示あり　*/
.goto-bt-right {
	margin:10px auto 30px;
	width:100%;
	text-align:right;
}
/**********  ▲▲以上テキスト化終わったら削除する  **********/



/* シェード商品ページ共通 20220125山田追加 */
/* 20250704 山岸追加 */
.shade-sousa,
.shade-toritsuke {
	margin-bottom: 8%;
}

.mecha-attention {
	margin-bottom: 5%;
	font-size: 18px;
	background: lightyellow;
	padding: 0.5em 0 0.5em 20px;
	text-align: center;
}
.mecha-attention i {
	color: #666;
	font-size: 200%;
	margin: auto 6px auto auto;
	vertical-align: middle;
}
.mecha-attention a {
	display: inline-block;
	text-decoration: underline;
	font-size: 90%;
}
.shade-explain h3{
	background: #888;
}
.toritsuke-pattern div.local-flex-box h4 {
	background: #ab9d82;
}
.shade-explain h3,.toritsuke-pattern div.local-flex-box h4 {
	background: #ab9d82;
	color: #fff;
	letter-spacing: 0.05em;
	margin: 3% 0;
	padding: 0.4em 0 0.4em 0.5em;
}

/* シェード共通｜操作について */
/* 20250703　山岸追加 */
.shade-explain .shade-sousa .cord_or_drum {
	width: 95%;
	margin: auto;
}
.shade-explain .shade-sousa .cord_or_drum div {
	width: 46%;
	border: solid 1px #666;
	padding: 5px;
	margin-bottom: 5%;
}

.shade-explain .shade-sousa .cord_or_drum div p span {
	font-size: 80%;
}
.shade-explain .cord-type,
.shade-explain .drum-type,
.shade-explain .loopless-type {
	width: 100%;
	padding: 5px 0;
	color: #fff;
	font-size: 18px;
	margin: 2% 0;
}
.shade-explain .cord-type {
	background-color: #ab9d82;
}
.shade-explain .drum-type {
	background-color: #ab9d82;
}
.explain-cord,
.explain-drum,
.explain-loopless {
	margin: auto auto 5%;
	width: 95%;
}
.explain-cord ul.sousa-point,
.explain-drum ul.sousa-point,
.explain-loopless ul.sousa-point {
	width: 45%;
	border: solid 3px;
	border-radius: 5px;
	padding: 0.8em 1.2em;
	font-size: 15px;
	margin: auto;
}
.explain-cord ul.sousa-point {
	border-color: #ab9d82;
}
.explain-drum ul.sousa-point {
	border-color: #ab9d82;
}
.shade-explain ul.sousa-point li,
.shade-explain ul.sousa-attention li {
	list-style-type: none;
	margin-left: 1.5em;
	text-align: justify;
}
.sousa-attention{
	margin:20px;
}
.shade-explain ul.sousa-point li:before {
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 120%;
	vertical-align: middle;
	margin-left: -1em;
	margin-right: 0.5em;
}
.explain-cord ul.sousa-point li:before {
	color: #ab9d82;
}
.explain-drum ul.sousa-point li:before {
	color: #ab9d82;
}
.shade-explain ul.sousa-attention li:before {
	content: '●';
	margin-left: -1em;
	margin-right: 0.2em;
}
/* ループレス式 */
/* 20250703　山岸追加 */
.shade-explain .shade-sousa .cord_or_drum_or_loopless div {
	width: calc(90% / 3);
	border: solid 1px #666;
	padding: 5px;
	margin-bottom: 5%;
}
.shade-explain .shade-sousa .cord_or_drum_or_loopless div p span {
	font-size: 80%;
}
.explain-loopless ul.sousa-point li:before {
	color: #ab9d82;
}
.explain-loopless ul.sousa-point {
	border-color: #ab9d82;
}
.shade-explain .loopless-type {
	background-color: #ab9d82;
}
.shade-explain div.shade_safety {
	background: url(https://curtains2025.itembox.design/item/product/common/sd/shade_safety_bg.jpg) 100% no-repeat;
	background-size: cover;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: 0.08em;
    padding: 30px 0 25px 120px;
}
.shade-explain div.shade_safety span {
	display: inline-block;
	font-size: 120%;
}
.shade-explain p.shade_safety {
    width: 35%;
    text-align: justify;
    font-size: 15px;
    align-self: center;
}
.shade-explain p.sousa-position {
	text-align: justify;
	font-size: 15px;
	width: 35%;
	margin: auto;
}
.shade-explain h3,.shade-toritsuke h3{
	font-size:20px;
}

/* シェードロール共通｜取り付けについて */
/* 20250709 山岸修正 */

.shade-toritsuke p,.roll-toritsuke p, {
	text-align: justify;
	width: 90%;
	margin: 3% auto;
	font-size: 15px;
}
.toritsuke-pattern div.local-flex-box {
	flex-direction: column;
	-webkit-flex-direction: column;
	width: 31.5%;
}
.shade-toritsuke .toritsuke-pattern div.local-flex-box h4 {
	font-size: 15px;
	border-radius: 50px;
	text-align: center;
	padding-left: 0;
}
.roll-toritsuke .toritsuke-pattern div.local-flex-box h4 {
	font-size: 15px;
	text-align: center;
	padding-left: 0;
}

.shade-explain a.shade-btn div,.roll-explain a.roll-btn div,.blind-explain a.blind-btn div {
	text-align: center;
	background: #8d7f7a;
	color: #fff;
	border-radius: 10px;
	padding: 0.8em;
	font-size: 17px;
	margin:40px;
}
.shade-explain a.shade-btn div:hover,.roll-explain a.roll-btn div:hover,.blind-explain a.blind-btn div:hover {
	opacity: 0.8;
}


/* ダブルシェード */
.wshade-size {
	margin-bottom: 15%;
}
.wshade-size h4 {
	width: 100%;
	border-bottom: 3px dotted #47c0bb;
	padding: 0 0 0.5em 0.5em;
	font-size: 21px;
	margin: 5% 0 3%;
}
.wshade-size p {
	text-align: justify;
	width: 90%;
	margin: 3% auto;
	font-size: 15px;
	line-height: 1.75em;
}
.wshade-size img.beforeafter {
	width: 90%;
	margin: 0 5%;
}
.wshade-size div.local-flex-box {
	margin: 3% 0 5%;
}
.wshade-size div.local-flex-box img {
	width: 38%;
}
.wshade-size div.local-flex-box p {
	width: 57%;
	font-size: 18px;
	margin: 0 auto auto;
	line-height: 2em;
	text-align: justify;
}
.wshade-size p.wshade-size-koshi,
.wshade-size p.wshade-size-hakidashi {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 0.4em 0.8em;
	border-radius: 10px;
	width: 30%;
	text-align: center;
	margin: 5% 0 2%;
}
.wshade-size p.wshade-size-koshi {
	background-color: #438BCB;
}
.wshade-size p.wshade-size-hakidashi {
	background-color: #32B26D;
}
.wshade-size-attention {
	margin-bottom: 8%;
	font-size: 14px;
}
.ctgy-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* ロールスクリーン商品説明 20220131小寺追加 */
.roll_title {
    border-bottom: 3px dotted #37231C;
    font-size: 24px;
    margin-top: 10%;
}
.roll_siyou_title {
    margin: 0;
    color: #fff;
    background-color: #ab9d82;
    padding: 5px;
	text-align:center;    
}
p.roll_siyou_txt {
    position: relative;
    display: inline-block;
    padding: 10px;
    margin: 0;
    letter-spacing: 0.6pt;
    text-align: justify;
}
.roll_siyou {
	width: 48%;
	display: inline-block;
	margin: 3% 0;
	}
.roll_siyou_safe {
	width: 45%;
	display: inline-block;
	margin: 0% 2% 5%;
	}
.roll_siyou img,
.roll_siyou_safe img {
    width: 100%;
    margin: 0;
}
.roll_siyou p,
.roll_siyou_safe p {
    word-wrap: break-word;
    line-height: 1.6em;
    letter-spacing: 0.6pt;
    margin-top: 0;
}
p.roll_color {
    text-align: center;
    margin: 10px 0 20px 0;
}
p.roll_syurui {
    text-align: right;
    font-size: 13px;
}
.roll_order_title {
    width: 100%;
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
    background-color: #ab9d82;
    padding: 5px;
    text-align: center;
}
ol.roll_order_list {
    font-size: 16px;
    letter-spacing: 0.1em;
    padding: 20px;
}
ol.roll_order_list li{
    margin: 10px 0;
}
.roll_caption_box {
    position: relative;
    margin: 50px 10px 50px 33px;
    border: 1px solid black;
}
.roll_caption_box img {
    width: 90%;
    padding: 0 30px;
}
.roll_caption_box .roll_caption {
    position: absolute;
    top: 0;
    left: 23%;
    font-size: 21px;
    padding: 10px;
    margin: 0;
    background-color: white;
    transform: translateY(-50%) translateX(1em);
}
.roll_caption_att {
    position: relative;
    background-color: #f8f198;
    padding: 8px 0;
    text-align: center;
}
.roll_caption_txt {
    position: absolute;
    top: 57%;
    left: 7%;
}
.pattern {
    display: flex;
    justify-content: space-between;
}
.pattern img {
    width: 40%;
	margin:0 0 15px 15px;
}
.pattern p {
    width: 55%;
    font-size: 15px;
    margin:0 15px 15px 15px;
    line-height: 1.8em;
    text-align: justify;
}
.roll_order_caution{
	background-color: #e5e5e5; 
	padding:10px; 
	text-align:left; 
	line-height:1.8em;
	font-size:16px;
	}

/* 他カテゴリーページのリンク目次 20220318森山追加　*/
#ctgy-function,
#ctgy-design {
	width: 98%;
	margin: 5% 1%;
	background-color: #F0F0F0;
	border-radius: 5px;
	align-items: center;
	font-size: 16px;
}
#ctgy-function > h4,
#ctgy-design > h4 {
	width: 25%;
	text-align: center;
}
#ctgy-function p,
#ctgy-design p {
	margin: 0 4% 2% auto;
}
#ctgy-function p a,
#ctgy-design p a {
	text-decoration: none;
}
ul.ctgy-btn {
	width: 75%;
	justify-content: space-between;
	align-content: space-between;
	margin: 3% 0 0 0;
}
ul.ctgy-btn li {
	width: 46%;
	display: inline-block;
	border: solid 1px #888;
	border-radius: 3px;
	background: #fff;
	margin: 0 17px 3% 0;
}
ul.ctgy-btn li a {
	align-items: center;
	text-decoration: none;
}
ul.ctgy-btn li a img,
ul.ctgy-btn li a span  {
	display: inline-block;
}
ul.ctgy-btn li a img {
	width: 30%;
	border-radius: 3px 0 0 3px;
}
ul.ctgy-btn li a span  {
	width: 70%;
	text-align: center;
}
ul.ctgy-btn li a span span  {
	display: inline;
}

/* 他カテゴリーページのリンク目次(新) 20230725森山追加　*/
.ctgy-index {
    background: #F0F0F0;
    width: 98%;
    margin: 5% 1%;
    padding: 3% 0;
    border-radius: 5px;
}

.ctgy-index h4 {
	text-align: center;
	letter-spacing: 0.2em;
	font-size: 150%;
}

.ctgy-list {
	align-items: stretch;
}

.ctgy-list li {
	width: calc(100% / 4.7);
    list-style: none;
    margin: 1% auto 3%;
}

li.ctgy-box {
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 120%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

li.ctgy-box p {
	margin: 0 3% 5%;
}

.ctgy-index p.link-jump {
	margin: 0 4% 2% auto;
    text-align: right;
    font-size: 120%;
}



/* カテゴリーページのリンク 20171117吉田追加　*/
p.ctgy-link-h{
	text-align:center;
	color:white;
	background-color:#6CC;
	border:dotted 1px #333;
	float:left;
	height:45px;
	padding:5px 12px 0;
	margin:0;
}
ul.ctgy-link-list {
	width:calc( 100% - 2px );
	width:-webkit-calc( 100% - 2px );
	height:50px;
	border:dotted 1px #333;
	margin:0;
	padding:0;
}
ul.ctgy-link-list li{
	list-style-type:none;
	float:left;
	font-size:11px;
	margin:0;
}
ul.ctgy-link-list li a{
	display:block;
	padding:16px 12px;
}
ul.ctgy-link-list li a:hover{
	background-color: #f9ee6d;
	color:black;
}

/* カテゴリページ共通 ランキングから探す　スマホ別css 2021三富追加 */
.rankingwrap ul {
    	text-align: justify;
	margin: 0;
}
.rankingwrap ul li {
    width: 31%;
    list-style: none;
    margin: 0;
}
.rankingwrap ul li img {
    width: 100%;
}
.rankingwrap p.var-title {
	margin: 5% 2%;
	padding: 1% 0 0 3%;
	font-size: 16px;
	font-weight: bold;
    	line-height: 1.1;
   	border-left: 5px solid #CCC;
}
.rankingwrap p.var-lead {
    margin: .6em 2% .5em 2%;
    padding: 0;
}
.rankingwrap p.var-lead span.var-price {
    color: #f00;
    font-size: 120%;
}
.rankingwrap li a {
    text-decoration: none;
}
.rank {
    position: relative;
}

h4.ranking-title,
h3.ranking-title,
h2.ranking-title { 
	display: inline-block;
	font-size: 130%;
	margin: 6% 0 2%;
}

h4.ranking-title i.fa-crown,
h3.ranking-title i.fa-crown,
h2.ranking-title i.fa-crown {
	color: #B8860B;
	font-size: 120%;
}

.sale-link {
	text-align: right;
	font-size: 120%;
}

/* カテゴリページ共通 ランキングから探す（新）　20230724森山追加 */
.rank_item {
	width: calc(93% / 3);
	position: relative;
}

.rank_item p.var-title {
    margin: 5% 2%;
    padding: 1% 0 0 3%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1;
    border-left: 5px solid #CCC;
}

/* 20251014　森山修正 */
.label.small {
    font-size: 14px;
    margin-left: 1%;
    height: 25px;
    display: inline-flex;
    align-items: center;
    margin-top: 3%; 
}

.more_rank a {
    display: block;
    width: 50%;
    text-decoration: none;
    background-color: #fff;
    padding: 2% 0;
    margin: 2% 4% 0 25%;
    text-align: center;
    color: #666;
    border: solid 2px #666;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    font-size: 120%;
}

.more_rank a:hover {
	color: #FFF;
	border: solid 2px #666;
	background-color: #666;
}


/* 白いカーテン特集 */
.ctgy-item {
	margin: 0 10px 20px;
	padding: 20px;
	border: 3px ridge #000000;
	border-radius: 6px;
}
.ctgy-item .ctgy-body {
	width: 410px;
	color: #000000;
	font-size: 14px;
	line-height: 1.8;
}
.ctgy-item .ctgy-body .midashi {
	/*color: #42210e;*/
	color: #000000;
	font-size: 20px;
	line-height: 1.2;
}
.ctgy-item .ctgy-thumb {
	border:1px solid #000000;
	width: 200px;
}

/* WAVESALAD シェード */
.ws-shades {
}
.ws-shades .h2 {
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 19px 10px;
	background: url(https://curtains2025.itembox.design/item/cart/img/title_bg_thick.jpg) no-repeat 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
.ws-shades .h3 {
	padding-top: 8px;
	padding-bottom: 7px;
	border-top: 2px dotted #eee;
	border-bottom: 2px dotted #eee;
	color: #222;
	font-weight: normal;
}
.ws-shades .body-text {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
}
.thumb-photos {
	margin: 30px 10px 10px;
}
.thumb-photos li {
	float: left;
	width: 90px;
	list-style-type: none;
	margin-bottom: 16px;
	min-height: 98px;
	font-size: 11px;
	line-height: 1.2;
	text-align: center;
}
.thumb-photos li img {
	display: block;
	margin: 4px auto;
	text-align: center;
}

.shade-style {
	padding-left: 180px;
	padding-right: 10px;
	width: 495px;
	min-height: 220px;
}
.single-drum {
	background: url(https://curtains2025.itembox.design/item/free/shades/wavesalad/single_drum.jpg) no-repeat 20px 0;
}
.single-cord {
	background: url(https://curtains2025.itembox.design/item/free/shades/wavesalad/single_cord.jpg) no-repeat 20px 0;
}
.double-cord {
	background: url(https://curtains2025.itembox.design/item/free/shades/wavesalad/double_cord.jpg) no-repeat 20px 0;
}


.shade-style p {
	font-size: 14px;
}
.ws-shades .price-table {
	table-layout: fixed;
	margin-bottom: 40px;
	width: 495px;
	border: 1px solid #333;
}
.ws-shades .price-table caption {
	font-size: 14px;
	font-weight: bold;
}
.ws-shades .price-table th, 
.ws-shades .price-table td {
	padding: 6px;
	border: 1px solid #333;
	text-align: center;
}
.ws-shades .price-table th.bg-ws-green {
	background-color: #1c7330;
}
.ws-shades .price-table th.bg-ws-orange {
	background-color: #eb6900;
}
.ws-shades .price-table th.bg-ws-purple {
	background-color: #6529a9;
}
.ws-shades .price-table th {
	background-color: #222;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.ws-shades .price-table td {
	font-size: 18px;
	font-weight: bold;
}
.ws-shades .price-table td:hover {
	background-color: #9de7ff;
}
.ws-shades .price-table td a:hover {
	color: #000;
}

.order-flow .flow-heading {
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 19px 10px;
	background: url(https://curtains2025.itembox.design/item/cart/img/title_bg_thick.jpg) no-repeat 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1;
}
.order-flow .midashi {
	padding: 8px 5px 7px;
	border-bottom: 1px dashed #47c0bb/*#5ed8ff*/; /* 20180620色変更　吉田 */
	border-top: 3px solid #47c0bb;/* 20180620色変更　吉田 */
	color: #222;
	font-weight: normal;
}
.order-flow .body-text {
	font-size: 16px;
	line-height: 1.4;
}

.ws-shade-item .caution,
.shade-item .caution {
	margin: 20px;
	padding: 0 20px;
	border: 3px solid #ffc4ce;
	border-radius: 5px;
}
.ws-shade-item .caution .midashi,
.shade-item .caution .midashi {
	margin-bottom: 6px;
	font-size: 17px;
	font-weight: bold;
	color: #c00;
}
.ws-shade-item .caution .body-text,
.shade-item .caution .body-text {
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.4;
}
.ws-shade-item .caution .body-text strong,
.shade-item .caution .body-text strong {
	color: #c00;
}


/* ペアカーテン特集 */
.pair-item {
	height: 336px; /* 385px; */
	overflow: hidden;
}


/* 生地バリエーション */
.fabrics {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	/*width: 600px;*/
	max-width: 600px;
	text-align: center;
	table-layout: fixed;
}
.fabrics td {
	padding: 4px 4px 6px;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: top;
}
.fabrics td img {
	display: block;
	margin: 0 auto 3px;
	width: 110px;
	border-radius: 3px;
}
.brand-bg {
	padding: 5px;
	background: url(https://curtains2025.itembox.design/item/free/common/bg_h_brand.jpg);
	color: #fff;
	text-align: left;
}


/* コルト */
.cgty-colt p, .cgty-colt h3, .cgty-colt h4, .cgty-colt div, .cgty-colt ul, .cgty-colt li {
	margin: 0;
	padding: 0;
}
.cgty-colt > div.section {
	width: 100%;
	max-width: 670px;
	margin: 0 auto 2.5em;
}
.cgty-colt > div.section > div.section {
	max-width: 670px;
	margin-bottom: 15px;
}
.cgty-colt div.section > img {
	width: 100%;
	max-width: 670px;
	margin: 0 0 10px;
}
.cgty-colt div.section > p {
	margin-bottom: 10px;
}
.cgty-colt div.section > p + div.section {
	margin-top: 15px;
}
.cgty-colt h2 img {
	margin-bottom: 15px;
}
.cgty-colt h3 {
	margin-bottom: .1em;
	padding: 0;
	font-size: 130%;
	color: #3E6887;
	letter-spacing: .05em;
}
.cgty-colt h4 {
	margin-bottom: .1em;
	padding: 0;
	color: #423F3F;
	font-size: 105%;
}
.cgty-colt div.section > img.typeimg {
	float: right;
	margin-left: 2%;
	width: 45%;
	max-width: 225px;
	display: block;
}
.colt-variation {
	width: 100%;
}
.colt-variation li {
	list-style: none;
	float: left;
	margin-right: 1%;
	width: 24%;
	border: none;
	max-width: 162px;
}
.colt-variation li img {
	width: 100%;
	max-width: 162px;
}
.colt-variation li:last-child {
	margin-right: 0;
}
.colt-variation li p {
	font-size: 12px;
	margin: 5px 0 0 3px;
	padding: 0;
	line-height: 1.4;
}
.cgty-colt div.btn-box-recommend {
	padding: 15px 10px;
}


/* オリジナルシェード */
.shade-type-box {
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #f80;
	text-align: center;
}
.shade-type-item {
	float: left;
	width: 326px;
	margin: 5px 5px 10px;
	text-align: left;
}
.shade-type-item h3 {
	text-align: center;
}
.shade-type-item p {
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.4;
}
.shade-type-item ul {
	margin: 0;
	padding: 0;
}
.shade-type-item li {
	list-style-type: none;
	margin: 0;
	padding: 0 3px;
	float: left;
	width: 156px;
}
.shade-type-box > p {
	margin-right: 15px;
	margin-bottom: 0;
}

.btn-voice {
	margin-top: -120px;
	margin-bottom: 46px;
}

.shade-content {
	margin-top: 40px;
	margin-bottom: 60px;
}
.shade-content h3 {
	margin-bottom: 20px;
}
#difference {
	text-align: center;
}
#difference img {
	padding-left: 4px;
	padding-right: 4px;
}

.shade-table {
	border: 1px solid #552e0c;
	width: 100%;
	/*table-layout: fixed;*/
}
.shade-table th {
	padding: 10px;
	border: 1px solid #552e0c;
	font-size: 16px;
	text-align: center;
	background-color: #FFF5F5;
	color: #552e0c;
	font-weight: normal;
}
.shade-table td {
	padding: 10px;
	border: 1px solid #552e0c;
	font-size: 16px;
	text-align: center;
}


#shades h1 {
	margin-bottom: 10px;
	background-color: #47c0bb;　/* 20180620background-color以下6項目追加　吉田*/
	padding: 2% 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
#shades .midashi {
	text-align: left;
	font-size:130%;
}
#shades .h3 {
	margin-bottom: 0;
	padding: 8px 16px 7px;
	background-color: #8C6239;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	border-radius: 4px;
}
#shades .thumb-photos {
	margin: 30px 10px 10px;
}
#shades .thumb-photos li {
	float: left;
	width: 123px;
	list-style-type: none;
	margin: 0 6px 16px;
	min-height: 159px;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}
#shades .thumb-photos li a {
	text-decoration: none;
}
#shades .thumb-photos li img {
	display: block;
	margin: 4px auto;
	width: 123px;
	text-align: center;
	border-radius: 5px;
}


/*  マリメッコflex表示　171130吉田追加  */
.marimekko_cloth_size { 
	width: 695px; 
	text-align: center; 
	display: flex; 
	display: -webkit-flex; 
	margin-bottom: 20px; 
}
.marimekko_cloth_size img { 
	-webkit-flex-wrap: nowrap; 
	flex-wrap: nowrap; 
	-webkit-flex-grow: 1; 
	flex-grow: 1; 
	height: 287px; 
	margin-bottom: 15px;
}

/*  マリメッコ生地一覧　20201216  */
.mmk_gara {
	width:670px;
	margin:0;
	display: -webkit-flex; /* Safari */
	display:flex;
	margin:0 auto 50px;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
}
.mmk_gara_item img {
	width:180px;
}

/*　初めての方へ(カーテンズについて)用　'19 吉田追加　*/
#about_curtains {
	text-align:center;
}
#about_curtains img {
	width:100%;
	max-width:690px;
}
#about_curtains h2 {
	width:100%;
	font-size:150%;
	font-weight:normal;
	color:white;
	background:#a0a0a0 100%;    
	padding: 2% 0 1.5%;
    margin-top: 50px;
    margin-bottom: 5px;
	margin:40px 0;
}
#about_curtains a {
	text-decoration:none;
}

/*  今人気の特集(コメント下部)  21'小寺追加 */
.feature_item {
    width: calc( 100% / 3 - 7px );
    width: -webkit-calc( 100% / 3 - 7px );
}	
.feature_item p {
	margin-top:0;
	text-align: center;
}
.more_feature a:hover {
    color: #fff;
    background-color: #666;
}
.more_feature a {
    display: block;
	width:50%;
    text-decoration: none;
    background-color: #fff;
    padding: 2% 0;
    margin: 2% 4% 0 25%;
    text-align: center;
    color: #666;
    border: solid 2px #666;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    font-size:120%;
}
/*  天然素材を使ったカーテンについて  20220302三富追加 */
.tennensozai {
	margin:5% auto;
	padding: 1em 0;
	background-color: #f3efdd;
	border:solid 1px #e3d9aa;
	border-radius:8px;
}
.tennensozai h3 {
    padding: 1em;
    background-image: url("https://curtains2025.itembox.design/item/product/common/tennensozai_t.gif");
    background-repeat: no-repeat;
    background-position:0;
    font-size: 24px;
    background-size:100%;
}
.tennensozai p {
    padding:0 4% 3%;
    line-height: 1.8em;
}
.tennensozai ul {
    margin: auto 5%;
    width: 90%;
}
.tennensozai li {
    margin-left: 2%;
    list-style: inside;
}

/* 雑貨・インテリア用品一覧 20220324小寺追加　⇒　一覧ボタンスクエア 200220705山田修正 */
#ctgy-function.ctgy-square {
    font-size: 15px;
    padding: 1% 0%;
}
#ctgy-function.ctgy-square ul.ctgy-list {
    list-style: none;
}
#ctgy-function.ctgy-square ul.ctgy-list li {
    width: 30%;
    margin: 1% 1% 2%;
    border: 1px #000 solid;
    background-color: #fff;
    border-radius: 3px;
}
#ctgy-function.ctgy-square ul.ctgy-list p {
    text-align: center;
    margin: 0 1% 3%;
}
#ctgy-function.ctgy-square ul.ctgy-list a {
    text-decoration: none;
}

/* ギフト 20220324小寺追加 */
.main_summary {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.main_summary div.summary {
    margin: 0;
    padding: 0;
    width: calc(92% / 2);
    text-align: center;
}	
.main_summary div.summary p{
	text-align: justify;
	font-size: 16px;
}

/* ギフト 20220706山岸追加 */		
.gift-flex li{
	width:calc( 100% / 3 - 20px );
	width: -webkit-calc( 100% / 3 - 20px );
	list-style:none;
}
.gift-flex li img{
	width:100%;
}
/* --------ネコポスiframe--------*/	
.iframe-nekopos iframe {
	width: 600px;
    height: 450px;
}	

/* --------回遊バナー(北欧ブランド以外)--------*/		
img.migratory{
	width: 90%;
	margin:30px auto;
	display: block;
	}


/* --------回遊バナー(北欧ブランド)--------*/		
img.migratory_hokuou{
	width:80%; 
   	margin: 3% 10.5%;
   	display: block;
	}

/* --------シェードご注意ください--------*/		
.shade_attention{
	width:90%; 
   	margin: 35px auto 0px;
	}

/* --------ゼブライトiframe--------*/	
.iframe-zeblight iframe {
	width: 100%;
    height: 1900px;
}	

/* さらに高級感をだすためのおすすめ(プチラグジュアリー) 20220809山岸追加 */	
.moreluxury{
	border: 0.5px solid #4e3c2e;
	border-radius: 10px;
	padding: 2%;
}
.moreluxury-title{
	font-size: 16px;
	margin-top: 0;
	font-family: serif;
	font-weight: bold;
	color: #4e3c2e;
}
.moreluxury h3{
	font-family: serif;
	font-size: 150%;
	color: #4e3c2e;
	letter-spacing: 0.1em;
}
.moreluxury h4{
	border-left: solid 5px #4e3c2e;
	border-bottom: solid 1px #4e3c2e;
	padding-left: 0.5em;
	font-size: 16px;
	color: #4e3c2e;
	margin-bottom: 0.5em;
}
.moreluxury h4 span{
	font-size:80%;
}
.recommendwrap {
	align-items: center;
	-webkit-align-items: center;
}
.recommend1{
	width:48%;
}
.recommend2{
	width:55%;
}
.recommend3{
	width:43%;
}
.recommend4{
	width: 41%;
}
.recommend3 img{
	width:43%;
	padding: 2% 3.5%;
}
.recommend1 p,.recommend2 p,.recommend4 p{
	margin-top:0;
}
.recommend3 p{
	text-align: center; 
	text-decoration: underline; 
	margin: 0%;
}

/* 翌日出荷についてのご注意 20230222森山追加 */
img.yokujitsu_attention {
	width: 80%;
	margin: 0 10% 3%;
}
.yoku_att_sec {
	margin: 0 auto 5%;
	font-size: 15px;
}
.yoku-orange {
	display: inline-block;
	width: auto;
	border-radius: 5px;
	background-color: #fdcf6b;
	font-weight: bold;
	padding: 1% 3%;
	font-size: 18px;
	margin: 0;
}	



/* 画像ビューワの枠色 */
/*.curtain .item-detail-table {
	border: solid 20px #E9EBDE;
}
.item-detail .img-box02 {
	border-left: 5px solid #E9EBDE;
}
.item-detail .img-box {
	border-right: 5px solid #E9EBDE;
}
.item-detail .explain-box01 {
	background-color: #E9EBDE;
}*/


/* 東京店舗スタッフコーディネート 20240111森山追加 */
/* 20250702山岸修正 */
.tokyo-store_coorde {
	margin: 8% auto 0;
    width: 100%;
}

.tokyo-store_coorde .box {
	border: dashed 2px;
	padding: 3%;
    color: #222;
}
.tokyo-store_coorde .box_left {
	width: 65%;
}
.tokyo-store_coorde .box_right {
	width: 31%;
}
.tokyo-store_coorde .box_text {
	text-align: justify;
/*    font-size: 120%;*/
}
.tokyo-store_coorde .box_list {
	margin: 20% 0 0;
    background: #d5dfcb;
    padding: 5% 1.5% 5%;
}
.tokyo-store_coorde .box_list h4{
	border-bottom: solid 1px;
    margin-bottom: 5%;  
}
.tokyo-store_coorde .box_list ul {
	margin: 0 10px 0;
    padding: 0;
    list-style-position: inside;
}
.tokyo-store_coorde .box_list li {
    margin: 0;
}

/* flexbox 211217山田追加（localadditionalからそのまま移動） */
/* 250702山岸追加（localからコピー） */
.local-flex-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap; /* 折り返す */
	-webkit-flex-wrap: wrap;
	justify-content: space-between;/* 両端余白なしの均等割り付け */
	-webkit-justify-content: space-between;
	align-items: flex-start;/* 垂直方向上端揃え */
	-webkit-align-items: flex-start;
	align-content: flex-start;/* 上から順に配置 */
	-webkit-align-content: flex-start;
}

/* flexbox 左寄せ　220216山岸追加 */
/* 250702山岸追加（localからコピー） */
.local-flex-boxleft {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap; /* 折り返す */
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;/* 左寄せ */
	-webkit-justify-content: flex-start;
	align-items: flex-start;/* 垂直方向上端揃え */
	-webkit-align-items: flex-start;
	align-content: flex-start;/* 上から順に配置 */
	-webkit-align-content: flex-start;
}
/* 20250703山岸追加 */ 
/* 白いカーテン　色によって変わる遮光効果 */
.local-white_colorattention {
	background: #eee;
	border-radius: 5px;
	border: 3px dotted #696969;
	width: 90%;
	margin: 5% auto 0;
	padding: 3%;
}
.local-white_colorattention h4 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 3%;
}
.local-s-white_image {
	width: 45%;
}
.local-s-white_explain {
	width: 50%;
}
.local-s-white_explain p{
	text-align: justify;
	font-size: 15px;
}
/* 遮熱・保温効果のメリット */
.local-sh_merit {
	text-align: center;
	margin: 0 auto 15%;
	border: 2px solid;
	padding: 2% 0 2%;
	border-radius: 10px;
	width: 95%;
}
.local-sh_merit h4 {
	font-size: 25px;
	margin-bottom: 2%;
}
.local-sh1,.local-sh2{
	width: 47%;
	border-radius: 10px;
}
.local-sh1 {
	background: #f8c9dd;
}
.local-sh2 {
	background: #bdde6d;
}
.local-sh1_title,.local-sh2_title {
	font-size: 30px;
	margin: 2% 0 0;
}
.local-sh1_explain,.local-sh2_explain {
	font-size: 16px;
    width: 90%;
    margin: 2% auto 7%;
}
.local-sh_2column {
	 width: 90%;
	 margin: auto;
}
/* 白いカーテンと白いタッセル */
.local-white-tassel {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content: space-around;
	margin: 3% 0 0;
}
.local-white-tassel a {
	display: inline-block;
	width: 23%;
}
.local-white-tassel a img {
	width: 100%;
}
/* 商品スペック内ライン */
.local-spec li {
    border-bottom: solid 1px #ccc;
    list-style: none;
    padding: 1em 0;
    margin: 0;
}
/* 商品ページ内仕様説明タイトル */
.local-explain-title {
    margin-top: 5%;
    padding-bottom: 1.5%;
    display: inline-block;
    font-size: 20px;
    border-bottom: solid 1px #333;
}
/* 商品ページ内小さい注意喚起 */
p.local-comments{
    width:100%;
    font-size:14px
}
/* ロールコードクリップ付き */
.local-roll-clip{
	margin-top:20px;
}
.local-roll-clip div{
    width:58%;
}
.local-roll-clip p{
    width:40%;
}
/* セットのご注意 */
.local-set-attention {
	border: solid 1px #666;
	border-radius: 8px;
	padding: 4% 3%;
	margin: 2% 0 8%;
	list-style-type: none;
}
.local-set-attention li {
	margin: 0 7% 2.5%;
	padding-bottom: 2%;
	width: 86%;
	text-align: justify;
	border-bottom: dotted 2px;
}
.local-set-attention li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
/* カフェメール便オプションのご注意モーダル */
.local-modal-open{
      display: inline-block;
      background-color: #666;
      color: #fff;
      margin: 10px;
    }

.local-modal-open a{
      display: inline-block;
      padding: 5px;
      text-decoration: none;
      color: #fff;
    }
.local-modal{
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
    }
.local-modal:not(:target) {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s, visibility 0.5s;
    }
.local-modal:target{
      opacity: 1;
      visibility: visible;
      transition: opacity 0.5s, visibility 0.5s;
    }
.local-modal .overlay{
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: #000;
      opacity: 0.7;
      top: 0;
      left: 0;
    }
.local-modal-wrapper{
      width: 100%;
      max-width: 600px;
      min-width: 300px;
      height: 100%;
      max-height: 550px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
.local-modal-contents{
      overflow: auto;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      position: relative;
    }
.local-modal-content{
      margin: 25px;
    }
.local-modal-close{
      position: absolute;
      top: 5px;
      right: 10px;
      text-decoration: none;
    }
    
/* ブランド説明 */
.brand-profile {
	margin: 30px auto;
	width: 600px;
}
.brand-profile td {
	padding: 10px;
}

/* シリーズ説明(ブランド生地にも使用) 20250724山岸移動ロゴ画像センターを効かせる為*/
.series {
    padding: 5%;
    border: solid 1px;
    margin: 5% 5% 10%;
    box-shadow: 10px 10px #757673;
    align-items: center;
}
.series img {
	width: 35%;
}
.series div {
	width: 58%;
}
.seriesname {
    font-size: 21px;
    margin: 0px 0px 10px;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.seriesname span {
	font-size: 15px;
}
.seriestext {
	font-size: 15px;
    margin: 0px 0px 10px;
    line-height: 1.6em;
    text-align: justify;
    letter-spacing: 0.05em;
}
.serieslink {
	font-size: 14px;
    text-decoration: underline;
    margin-bottom: 0;
}
/* 20250805　グループページラインナップソレプロ雛形　山岸追加 */  
.l-productList .var-lead{
	font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 10px;
}
.ctgy-header .l-productList__item__name{
font-weight: bold;
    margin: 0;
}

/* --------------------------------------------------
  for Mobile
-------------------------------------------------- */
@media only screen and (max-width: 767px) {

	/* SPのみ表示 20211221山岸追加 */
	.sp-only { 
		display: inline; 
	}
	/* PCのみ表示 20211221山岸追加 */
	.pc-only { 
		display: none; 
	}	
	/* カテゴリページ */
	.ctgy-header,
	.ctgy-header .ta1 {
		width: auto;
	}
	.ctgy-header {
		margin-left: 0;
	}
	.ctgy-header .ta1 td {
		border-top: 1px dotted #ccc;
	}
	.ctgy-header .ta1 tr:nth-child(1) td:first-of-type {
		border-top: 0;
	}
	.ctgy-header .ta1 td.blank {
		display: none;
	}
	.ctgy-item {
		margin: 0 0 20px;
	}
	.ctgy-item .ctgy-body {
		width: 100%;
	}
	.ctgy-item .ctgy-body .midashi {
		margin: 0 0 10;
	}
	.ctgy-item .ctgy-body .midashi + p {
		margin-top: 10px;
	}
	.ctgy-item .ctgy-body {
		line-height: 1.4;
	}
	.ctgy-item .ctgy-thumb {
		width: 100%;
		text-align: center;
	}
	
	/* 他カテゴリーページのリンク目次 20220318森山追加　*/
	#ctgy-function,
	#ctgy-design {
		flex-direction: column;
		line-height: 1.3em;
	}
	#ctgy-function > h4,
	#ctgy-design > h4 {
		width: auto;
		margin: 5% auto;
	}
	ul.ctgy-btn {
		width: 96%;
		margin: auto 2% 3%;
		justify-content: space-around;
	}
	ul.ctgy-btn li {
		width: 45%;
		margin: 1% 0;
	}
	ul.ctgy-btn li a img {
		width: 40%;
	}
	ul.ctgy-btn li a span {
		width: 59%;
        font-size: 15px;
	}
	ul.ctgy-btn li a span span  {
		display: inline-block;
	}

	/* 他カテゴリーページのリンク目次(新) 20230725森山追加　*/
	.ctgy-list {
		margin: 1em 8px;
	}
	
	.ctgy-list li {
    	width: calc(100% / 3.3);
   	}
	
	li.ctgy-box {
		font-size: 98%;		
	}


	
	/* カテゴリーページのリンク　20171117吉田追加 */
	.ctgy-link {
		height:282px;
		margin:0;
		width:100%;
	}
	p.ctgy-link-h{
		width:calc( 25% - 2px );
		width:-webkit-calc( 25% - 2px );
		padding:30% 0 40%;
		height:-webkit-fill-available;
	}
	ul.ctgy-link-list {
		height:auto;
		width:calc( 100% - 2px );
		width:-webkit-calc( 100% - 2px );
	}
	ul.ctgy-link-list li{
		float:none;
		font-size:12px;
		text-align:center;
	}
	ul.ctgy-link-list li a{
		width:100%;
		padding:10px 0;
	}
	
	/* カテゴリページ目次用　181116吉田追加 */
	
	ul.mokuji {
		width: 95%;
	}
	ul.mokuji li {
		width: 40%;
	}


	/* カテゴリページ共通 FAQ */
	h3.ctgy-faq {
		font-size: 20px;
	} 

	/* 【新】カテゴリページ共通 Q&A */
	.qaa_a {
   		font-size:16px;
   		width: 80%;
   		border: 10px solid #dbdbdb;
   		padding:15px;
		margin:10px 15px;
	}
	.qaa_b {
		font-size:16px;
		width: 80%;
   		padding:15px;
		border: 10px solid #dbdbdb;
		margin:10px 15px;
	}
	.qaa_c{
   		width: 100%;
	}
	/* 商品ページ共通 Q&A 20220215山岸追加*/
	.item-faq{
    	margin: 0% 4% 2%;
	}
	.item-faq .flex-box img {
    	width: 100%;
	}
	.item-faq .flex-box a {
		width: 100%;
	}
    .item-faq dt,.item-faq dd{
		width: 75%;
	}
	.item-faq .item-section {
   		margin: 0 15px;
    	padding-top: 30px;
	}
	.itemlist_qaa {
    	margin: 0 15px 30px;
	}
	
	/* 商品詳細ページ */
	div.detail {
		margin-left: 0 !important;
		width: 100% !important;
	}
	div.detail .h2, .icon-label {
		padding: 2% 1% 1%;
		width: 96%;
	}
	.go-kakaku {
		margin: 30px 0 20px;
	}
	.go-kakaku .box-inner {
		width: 100%;
		padding: 0;
		border: 0;
	}
	
	
	.kakaku_2pattern { /* 20211015追加 */
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.kakaku_img { /* 20211015追加 */
		width: 44%;
		margin: 4% 1%;
	}
	
	div.spec {
		padding: 0 10px;
		width: auto;
	}
	.spec h3:first-of-type {
		margin: 0 -10px 10px;
	}
	.spec .photo-sq {
		float: none;
		width: 100%;
		text-align: center;
	}
	.spec .photo-sq > img {
		width: 48%;
		margin: 0 1% 2%;
	}
	.spec .photo-sq div {
		text-align: left;
	}
	.photo-sq .caution p {
		text-align: center;
	}
	.spec .spec-detail {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	.spec-attention{
		font-size:12px;
	}

	.go-kakaku .box-inner .pull-left, .go-kakaku  .box-inner .pull-right {
		width: 100%;
		float: none;
	}
	
	img.detail-faq-head {
		width: 90%;
		margin: 0 5%;
	}
	.detail-faq {
		flex-direction: column;
	}
	.detail-faq a {
		width: 84%;
		margin: 0 8%;
	}
	/* 【新】商品詳細ページ20220215山岸追加 */
	.detail .h1 {
		font-size: 15px;
	}
	.saleoff{
		font-size:20px;
	}
	/* 【新】お選びいただける仕様20220215山岸追加 */
	.style-content .label{
		font-size: 11px; 
	}
	.spec-layout dt,
	.spec-layout dd{
		width: 100%;
		padding: 10px 15px;
	}
	.spec-layout dt{
		display:block;
		border-right: none;
	} 
	.spec-layout{
		margin:3% 3% 0 3%;
	}
	  /* 20250702　山岸追加 */   
	.label.itemfunc {
		font-size: 13px;
	}

	/* 同じ生地でつくる　20220216山岸追加 */
	.samelist li {
		width: 31%;
	}
	/* レビュー長いもの用 */	
	.review_accordion h3 {
		width: 100%;
		margin: 0;
		padding-top: 7%;
	}

	/* オリジナルシェード */
	#shades .thumb-photos li {
		margin-bottom: 6px;
		min-height: 10.5em;
	}
		/* シリーズ説明 20220513山岸追加*/
	.series img {
		width: 50%;
		margin: auto;
	}
	.series div {
		width: 100%;
	}
	.seriesname {
		text-align: center;
		margin: 10px 0px 10px;
	}
	.serieslink {
		text-align: center;
	}

	/* マリメッコflex表示修正 */
	.marimekko_cloth_size { 
		width: 100%; 
		display: block; 
	}
	
	/*  マリメッコ生地一覧　20201216  */
	.mmk_gara {
		width:100%;
	}
	.mmk_gara_item {
		width:30%;
		padding:1%;
	}
	/* シェード説明 サイズの測り方ボタン右寄せ 45%表示
	.goto-bt-right img {width:45%;}　*/

	/*  今人気の特集(コメント下部)  21'小寺追加 */	
	.feature_list{
		flex-wrap: nowrap;
		overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding:0 0 1em;
        scroll-behavior: smooth;
   	}
   	.feature_list .feature_item {
		height:100%;
		flex: 0 0 88%;
		margin: 0px 5px;
		scroll-snap-align:center;
   	}
	.more_feature a:hover {
		color: #fff;
		background-color: #666;
	}
	.more_feature a {
		margin: 10% 10% 10% 13%; 
		width: 70%;
		font-size:110%;
	}	

/* 　　 天然素材を使ったカーテンについて  20220302三富追加 */
	.tennensozai h3 {
		margin:0;
		background-image: none;
		font-size: 21px;
		text-align: center;
	}

	/* ---------- local.cssより移植 ---------- */
	/* WAVESALAD シェード */
	#wave-salad,
	#natural-salad,
	#wave-salad-lace,
	#natural-salad-lace,
	#box-double{
		width:100%;
	}

	#wave-salad .h2,
	#natural-salad .h2,
	#wave-salad-lace .h2,
	#natural-salad-lace .h2,
	#box-double .h2{
		box-sizing: content-box;
		width: 100%;
		margin-left: -10px;
		padding: 10px 10px;
		height: 35px;
	}
	#wave-salad .thumb-photos,
	#natural-salad .thumb-photos,
	#wave-salad-lace .thumb-photos,
	#natural-salad-lace .thumb-photos,
	#box-double .thumb-photos{
		margin: 10px 0px 10px;
	}
	#wave-salad .thumb-photos li,
	#natural-salad .thumb-photos li,
	#wave-salad-lace .thumb-photos li,
	#natural-salad-lace .thumb-photos li,
	#box-double .thumb-photos li{
		width:31%;
		margin: 0 1%;
	}
	#wave-salad .shade-style.single-drum,
	#natural-salad .shade-style.single-drum,
	#wave-salad-lace .shade-style.single-drum,
	#natural-salad-lace .shade-style.single-drum,
	#wave-salad .shade-style.single-cord,
	#natural-salad .shade-style.single-cord,
	#wave-salad-lace .shade-style.single-cord,
	#natural-salad-lace .shade-style.single-cord,
	#box-double .shade-style.double-cord{
		padding-left: 0px;
		width: 100%;
		padding-top: 240px;
	}
	#wave-salad .single-drum,
	#natural-salad .single-drum,
	#wave-salad-lace .single-drum,
	#natural-salad-lace .single-drum,
	#wave-salad .single-cord,
	#natural-salad .single-cord,
	#natural-salad-lace .single-cord,
	#wave-salad-lace .single-cord,
	#box-double .double-cord{
		background-position:center top;
	}
	#wave-salad .shade-style.single-drum .price-table td,
	#wave-salad .shade-style.single-cord .price-table td,
	#natural-salad .shade-style.single-drum .price-table td,
	#natural-salad .shade-style.single-cord .price-table td,
	#wave-salad-lace .shade-style.single-drum .price-table td,
	#wave-salad-lace .shade-style.single-cord .price-table td,
	#natural-salad-lace .shade-style.single-drum .price-table td,
	#natural-salad-lace .shade-style.single-cord .price-table td,
	#box-double .shade-style.double-cord .price-table td{
		display:table-cell;
	}
	.detail.ws-shade-item iframe{
		width:100% !important;
	}
	/* ---------- オリジナルシェード ---------- */
	#shades ul.thumb-photos li{
		width:29%;
	}
	div.shade-type-item{
		width: 100%;
		margin:0;
	}
	div.shade-type-item li{
		width: 50%;
		box-sizing: border-box;
	}
	p.btn-voice {
		margin-top: -25%;
		margin-bottom: 0%;
		padding: 5%;
	}
	.wb-cart-itemlist-topedit .ctgy-header table.shade-table td{
		display:table-cell;
	}
	/* ---------- キャベジズ＆ローゼズ ---------- */
	.brand-profile,
	.brand-profile thead,
	.brand-profile tbody,
	.brand-profile tr,
	.brand-profile th,
	.brand-profile td {
		display: block;
		text-align: left;
		width: 100%;
		font-weight: normal;
		font-size: 15px;
		box-sizing: border-box;
	}
	/* ---------- 麻のリネン ---------- */
	td[background="/web-box/contents/cabinet/upload/45natural/45001.jpg"]{
		background:none!important;
	}
	/* ---------- 防炎レース ---------- */
	div.bouen-label {
		padding: 10px;
		background:none;
	}
	/* ---------- マルチクロス ---------- */
	div.spec.clearfix h3{
		width:100%;
		padding: 12px 10px;
		margin: 0 0 10px -10px;
	}
	/* --------価格表アイコン--------*/	
	
	.sp_br {
		display: inline-block; /* 20220630山田 blockからinline-blockに変更 */
	}
	.kakaku {
		margin: 5% 10px;
	}
	.look_kakaku {
		font-size: 135%;
		margin: 5% 2%;
	}
	.kakaku_img p {
		text-align:center; 
		margin:0px; 
		padding:0px; 
		font-size:85%;
		line-height:1.3;
	}
	.kakaku_1pattern img {
		width: 250px;
	}
	/* --------ネコポスiframe--------*/	
	.iframe-nekopos { 
		position: relative; 
		width: 100%; 
		padding: calc(900 / 400 * 100%) 0 0; 
		overflow: auto; 
		-webkit-overflow-scrolling: touch;
	}
	.iframe-nekopos iframe {
		width: 100%;
    	height: 100%;
	}
	/* --------tableのtdを横並び--------	
	#blind-price table td{
	display: inline !important;
	}*/
	
	/* --------回遊バナー(北欧ブランド以外)--------*/	
	img.migratory{
		max-width: 695px;		
	}
	/* --------回遊バナー(北欧ブランド)--------*/	
	img.migratory_hokuou{	
		max-width: 695px;
		width: 100%;
		margin:0 auto;
	}
	/* --------シェードご注意ください--------*/	
	.shade_attention{
		width:100%; 
	}
	/* --------ゼブライトiframe--------*/
	.iframe-zeblight { 
		position: relative; 
		width: 100%; 
		height:1200px; 
		overflow: auto; 
		-webkit-overflow-scrolling: auto; 
	}
	.iframe-zeblight iframe {
		width: 100%;
	    height: 100%;
	}
	/* --------バリエーションのテキスト--------*/
	.detail p.var-title,p.var-lead {
		font-size:80%;
	}
	
	
	
	/* カテゴリページ共通 見出し h2 20211220三富追加 */
	h2.ctgy-lead {
		font-size: 22px;
	}
	/* カテゴリページ共通 見出し後の序文 20211223三富追加 */
	p.ctgy-foreword{
        margin: 2% 2% 0 2%;
        padding:0;
        width:96%;
	}
	/* カテゴリページ共通 ランキングから探す 2021三富追加 */
	.rankingwrap ul {
	    margin: 0 10px;
	}
	.rankingwrap ul li {
	    width: 100%;
	    margin: 2.5% 0;
	}
	.rank {
	    width: 45%;
	    float: left;
	    margin-right: 3%;
	}
	.rankingwrap p.var-title {
	    margin: 0;
	    font-size: 16px;
	}
	.rankingwrap p.var-lead {
	    margin-right: 0;
		font-size: 14px;
	}
	/* 商品ページ共通 透け感比較  2021三富追加 */
	.sukekan_level_table h4 {
	    font-size: 18px;
	}
	.sukekan_level_table table th {
	    padding: 6px 0;
	    font-size: 16px;
	}
	.sukekan_level_table table td {
	    text-align: center;
	    font-size: 14px;
	}
	.sukekan_level_table table th, .sukekan_level_table table td {
	    border: none;
	    margin-bottom: 3px;
	    display: block;
	    width: auto;
	}
	.sukekan_level_table table tr td:last-of-type {
	    margin-bottom: 15px;
	}


	/* カテゴリページ共通 ランキングから探す(新） 20230724森山追加 */
	.rank_list {
		flex-wrap: nowrap;
		overflow-x: scroll;
		overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		padding: 0 0 1em;
		scroll-behavior: smooth;
	}

	.rank_list .rank_item {
		height: 100%;
		flex: 0 0 53%;
		margin: 0px 8px;
		scroll-snap-align: center;
	}

	.more_rank a {
		margin: 5% auto 13%;
		width: 98%;
		font-size: 110%;
	}
	
	div.rank_item .var-title {
		font-size: 16px;

	}


	/* 商品ページ共通 トルコレース2倍ヒダ比較 2021三富追加 */
	.turkey_2baihida h4 {
	    font-size: 18px;
	}
	.turkey_2baihida ul {
	    margin: 0;
	    width: 100%;
	}
	.turkey_2baihida li {
	    margin-left: 10%;
	    padding: 0;
	    font-size: 14px;
	}
	
	
	/* カフェ商品ページ共通 縫製ステッチ 202201133森山追加 */
	.cf_type {
		margin: 5% 0 15%;
	}
	.flat_left {
    	margin-left: 0%;
	}
	.flat_left,.stitch_right {
		width: 48%;
	}
	.flat_type,.stitch_type {
		font-size: 18px;
	}
	ul.cf_fa-ul li{
		font-size: 13px;
	}
	p.cf_extype {
		margin-left: 7%;
		font-size: 15px;	
	}
	
	
	/* カフェ商品ページ共通 上下ポール通し説明文(オプションとオプションなし共通) 20220113森山追加 */
	.jouge_expole {
		padding-left: 20px;
	}
	
	
	/* シェード商品ページ共通 20220125山田追加 */
	.shade-explain .shade-sousa .cord_or_drum,
	.shade-explain .shade-toritsuke .toritsuke-pattern {
		flex-direction: column;
		-webkit-flex-direction: column;
		margin-bottom: 5%;
	}
	.mecha-attention {
		font-size: 16px;
	}

	/* シェード共通｜操作について */
	/* 20250703 山岸追加 */
	.explain-cord,
	.explain-drum,
	.explain-loopless {
		margin-bottom: 8%;
	}
	.shade-sousa div.local-flex-box img,
	.shade-toritsuke div.local-flex-box img {
		margin: auto auto 0.5em;
	}
	.explain-cord ul.sousa-point,
	.explain-drum ul.sousa-point,
	.explain-loopless ul.sousa-point {
		width: calc( 98% - 6px - 2.4em );
		width: -webkit-calc( 98% - 6px - 2.4em );
	}
	.shade-explain div.shade_safety {
	    font-size: 16px;
	    line-height: 1.6em;
	    padding: 0.6em 0 0.2em 3.5em;
	    margin-bottom: 3%;
	}
	.shade-explain div.shade_safety span {
		font-size: 100%;
	}
	.shade-explain p.shade_safety {
		margin: 0 auto 5%;
		font-size: 15px;
	}
	.shade-explain p.shade_safety,
	.shade-explain p.sousa-position {
		width: 96%;
	}
	.explain-cord, .explain-drum, .explain-loopless {
    width: 100%;
}
		/* ループレス式 */
		/* 20250703　山岸追加 */
	.cord_or_drum_or_loopless div.local-flex-box img,.cord_or_drum_or_loopless div.local-flex-box p {
		width: 50%;
	}
	.cord_or_drum div.local-flex-box img,.cord_or_drum div.local-flex-box p {
		width: 50%;
	}
	.shade-explain .shade-sousa .cord_or_drum_or_loopless div,.shade-explain .shade-sousa .cord_or_drum div {
		width: 95%;
		padding: 5px;
		margin: 5px;
	}
	.shade-explain h3,.shade-toritsuke h3{
	font-size:18px;
}
	/* シェードロール共通｜取り付けについて */
	 .toritsuke-pattern div.local-flex-box {
		flex-direction: row;
		-webkit-flex-direction: row;
		width: 100%;
		margin: auto 0% 8%;
		align-items: center;
	}
	 .toritsuke-pattern div.local-flex-box div,
	 .toritsuke-pattern div.local-flex-box p {
		width: 48%;
		font-size: 15px;
		text-align: justify;
	}

	.shade-explain a.shade-btn,.roll-explain a.roll-btn,.blind-explain a.blind-btn {
		width: 100%;
	}
	.shade-explain a.shade-btn div,.roll-explain a.roll-btn div,.blind-explain a.blind-btn div {
		margin: 3% auto;
	}
	
	
	/* ダブルシェード */
	.wshade-size h4 {
		padding-bottom: 0.3em;
		margin-top: 8%;
	}
	.wshade-size div.local-flex-box {
		flex-direction: column;
		-webkit-flex-direction: column;
		margin-bottom: 5%;
	}
	.wshade-size div.local-flex-box img {
    	width: 90%;
    	margin: 3% auto;
 	}
	.wshade-size div.local-flex-box p {
		width: 96%;
		margin: auto 2% 3%;
	}
	.wshade-size p.wshade-size-koshi,
	.wshade-size p.wshade-size-hakidashi {
		width: 60%;
		margin: 5% auto 2%;
	
	}
	/*ロールスクリーン商品ページ共通 20220131小寺追加 */
	.roll_title {
  		border-bottom: 3px dotted #000;
    		font-size: 18px;
    		padding-left: 15px;
	}
	/* 20250709 山岸修正 */	
	/* 2つの操作方法 */	
	.roll_siyou p,
	.roll_siyou_safe p {
    		word-wrap: break-word;
    		font-size: 15px;
    		line-height: 1.4em;
    		letter-spacing: 0.4pt;
    		margin-top: 0;
	}
	.roll_siyou_safe {
        width: 90%;
        display: inline-block;
        margin: 0 20px 20px;
    }
	/* ご購入前に必ずお読みください */
	.roll_caption_box {
    		position: relative;
   		margin: 50px 0;
    		border: 1px solid black;
    		width: 100%;
	}	
	.roll_caption_box .roll_caption {
    		position: absolute;
    		top: 0;
    		left: 6%;
    		font-size: 18px;
    		padding: 10px;
    		margin: 0;
    		background-color: white;
    		transform: translateY(-50%) translateX(1em);
	}
	.roll_caption_att {
    		position: relative;
    		background-color: #f8f198;
    		padding: 8px;
    		text-align: center;
    		font-size: 16px;
	}
	.roll_caption_txt {
    		position: absolute;
    		top: 63%;
    		left: 5%;
	}
	.roll_caption_box img {
    		width: 100%;
    		padding: 0;
	}
	/* コードクリップについて */
	.pattern {
  	  	position: relative;
    		display: inline-block;
	}
	.pattern img {
  	  	width: 93%;
    		margin:0 15px;
	}	
	.pattern p {
    		width: 90%;
    		font-size: 15px;
    		margin:0 15px 15px 15px;
    		line-height: 1.8em;
    		text-align: justify;
	}

	/* 雑貨・インテリア用品一覧 20220324小寺追加 */
	#ctgy-function.ctgy-square ul.ctgy-list li {
    		width: 45%;
	}

	/* ギフト 20220324小寺追加 */
	.main_summary {
    	margin: 0;
    	display: block;
	}
	.main_summary div.summary {
    	width:100%;
    	text-align: center;
	}
	/* ギフト 20220706山岸追加 */		
	.gift-flex li {
		width: calc( 100% / 2 - 20px );
    	width: -webkit-calc( 100% / 2 - 20px );
	}	
		
		
	
	/* さらに高級感をだすためのおすすめ(プチラグジュアリー) 20220809山岸追加 */
	.moreluxury h3 {
		letter-spacing: 0.05em;
		font-size: 18px;
		font-weight: bold;
	}
	.moreluxury-title{
		margin-bottom:3%;
	}
	.recommend1,.recommend2,.recommend3,.recommend4{
		width:100%;
		margin-bottom:5%;
	}
	.recommend3 img{
		width:43%;
		padding: 2% 3.5%;
	}
	.recommend1 p,.recommend2 p,.recommend3 p,.recommend4 p{
		font-size:15px;
	}
	.recommend4{
		margin-bottom:5%;
	}

	/* 【新】防炎ラベルについて 20230712森山 */
		/* 20250702　山岸修正 */
	.bouen_eyecatch {
		font-size: 140%;
	}
	.bouen_label {
		flex-direction: column;
	}
	span.in_text {
		font-size: 130%;
	}
	.about_bouen {
		font-size: 110%;
	}
	.label_left {
    		width: 45%;
    		margin: auto;
	}
	.label_right {
    		width: 100%;
    		margin-top: 5%;
	}
/*	.label_right span.option {
    		font-size: 120%;
	}*/
	.label_right span.big_text {
    		font-size: 125%;
	}

	/* 東京店舗スタッフコーディネート 20240111森山追加 */
	.tokyo-store_coorde .box {
    		padding: 4% 4%;
	}
	.tokyo-store_coorde .box_left,
	.tokyo-store_coorde .box_right { 
		width: 100%;
	}
	.tokyo-store_coorde .box_text {
    	font-size: 110%;
		margin: 3% 1% 2%;
	}
	.tokyo-store_coorde .box_list {
		margin: 0;
	}
	/* 20250703　山岸追加 */
		/* 白いカーテン　色によって変わる遮光効果 */
	.local-white_colorattention {
		width: 100%;
		padding: 3% 5% 3%;
	}
	.local-white_colorattention h4 {
		font-size: 18px;
	}
	.local-s-white_image,.local-s-white_explain {
		width: 100%;
	}
	.local-s-white_explain p{
		font-size: 14px;
	}
	/* 遮熱・保温効果のメリット */
	.local-sh_merit h4 {
		font-size: 18px;
	}
	.local-sh1,.local-sh2{
		margin-bottom: 5%;
		padding: 3%;
		width: 48%;
	}
	.local-sh1_title,.local-sh2_title {
		font-size: 23px;
		margin-bottom: 1%;
	}
	.local-sh1_explain,.local-sh2_explain {
		font-size: 14px;
	}
	.local-sh_2column {
		width: 93%;
	}
	/* 白いカーテンと白いタッセル */
	.local.white-tassel {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.local.white-tassel a {
		width: 40%;
		margin: 3% 0 5%;
	}
	/* 商品ページ内小さい注意喚起 */
	p.local-comments{
    font-size:0.8em
}
	/* ロールコードクリップ付き */
	.local-roll-clip div,.local-roll-clip p{
    	width:100%;
	}
	/* 商品詳細h2 */
	.lead {
    font-size: 20px;
	}
	/* セットのご注意 */
	.local-set-attention li {
		margin: 0 4% 3%;
		padding-bottom: 3%;
		width: 92%;
	}
	/* カフェメール便オプションのご注意モーダル */
	.local-modal-wrapper{
      max-height: 450px;
    }
    /* シリーズ説明(ブランド生地にも使用)*/
    .series {
    margin: 5% 0% 10%;
}
}