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

* {
	margin: 0px;
	padding: 0px;
}

a {
  text-decoration: none;
}

.product_page, .product_pageS a {
  text-decoration: none;
}
.product_page{
	display: block!important;
	width: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1rem;
	font-weight: 200;
	color: #333333;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.product_page p {padding: 10px 0;}

/* 幅広幅狭タイトル（一番上） */
.habahiro-title, .habasema-title{
	padding: 20px;	
	color: #FFFFFF;
	font-size: 175%;
	font-weight: 600;
	text-align: center;
	letter-spacing: .4rem;
}
.habahiro-title{background-color: #f42c6a;}
.habasema-title{background-color: #6c64fa;}

.product_page h4{
	padding-top: 10px;
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.product_page .underline{
	border-bottom: 6px solid #E6E6E6;
}

/* SOFAシリーズ */
.sofa-series{
	margin: 10px auto 30px auto;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.sofa-icon {
	display: inline-block;
    padding: 3px 12px;
    border-radius: 20px;
    background-color: #CB9673;
    color: #4B1B1B;
    font-size: .875rem;
    font-weight: 700;
}
.sofa-txt{
	margin-left: 10px;
	color: #993300;
	font-weight: 400;
}

/* 動画 */
.belle-youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.belle-youtube iframe {
  width: 100%;
  height: 100%;
}

/* ディテール・カラー・サイズタイトル */
.product_heading_ttl, .product_heading_ttl_mens{
	padding: 15px 20px ;
	margin: 30px 0;
	background-color: #e6e2df;
	font-size: 1.375rem;
	color: #333333;
	letter-spacing: .2rem;
	font-weight: 600;
}


/* カラーについての注意 */
.color-notice{
	margin: 30px 0;
	border: 1px dashed #999999;
	padding: 5px 20px;
	text-align: justify;
	border-radius: 20px;
}

/* 特注リンク部分 */
.special-order{
	width: 100%;
	letter-spacing: 0.05em;
	line-height: 1.8;
	background-color: #f3f3f3;
	border-spacing: 20px;
	cell-spacing: 0;
	margin: 10px auto;
}
.special-order a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0 0.3em;
  border: 9px solid transparent;
  border-right: 0 solid transparent;
  border-left: 15px solid #FFFFFF;
}
.haiban-sale a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0 0.3em;
  border: 9px solid transparent;
  border-right: 0 solid transparent;
  border-left: 15px solid #AF1727;
}
.regular, .habahiro, .habasema, .tokut{
	border-radius: 8px;
}

.regular a, .habahiro a, .tokut a, .habasema a{
	color: #FFFFFF;
	letter-spacing: 0.05em;
	font-size: 1.375rem;
	font-weight: 800;
	text-align: center;
	
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

.haiban-sale a{
	color: #AF1727;
	letter-spacing: 0.05em;
	font-size: 1.375rem;
	font-weight: 800;
	text-align: center;
	
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.regular, .regular-s{
	background-color: #E8A231;
}
.habahiro, .habahiro-s{
	background-color: #f42c6a;
}
.habasema, .habasema-s{
	background-color: #6c64fa;
}
.tokut, .tokut-s{
	background-color: #A34D33;
}

.so-title{
	font-size: 120%;
}

.regular {
  padding-left: 8%;
  background-image: url(https://belleandsofa.itembox.design/item/image/regular.png);
  background-size: 77px;
  background-repeat: no-repeat;
  background-position: 5% 20px;
    }
.habahiro {
  padding-left: 8%;
  background-image: url(https://belleandsofa.itembox.design/item/image/habahiro.png);
  background-size: 77px;
  background-repeat: no-repeat;
  background-position: 5% 20px;
}
.habasema {
  padding-left: 8%;
  background-image: url(https://belleandsofa.itembox.design/item/image/habasema.png);
  background-size: 77px;
  background-repeat: no-repeat;
  background-position: 5% 20px;
}
.tokut {
  padding-left: 8%;
  background-image: url(https://belleandsofa.itembox.design/item/image/tokut.png);
  background-size: 77px;
  background-repeat: no-repeat;
  background-position: 3% 20px;
}

.haiban-sale{
    padding-left: 5%;
    background-image: url(https://belleandsofa.itembox.design/item/image/haiban-icon.jpg);
    background-size: 80px;
    background-repeat: no-repeat; 
    background-position: 8% -10%;
	
	border-radius: 10px; 
    border: 4px solid #666666;
	box-shadow: 2px 3px 6px rgba(0,0,0, .2);
}

.sp{
	display: none!important;
}

/*--------------本店商品説明（大）SP-------------------*/
@media screen and (max-width: 767px) {
	.habahiro-title, .habasema-title{
		padding: 15px;
		font-size: 140%;
		letter-spacing: .2rem;
	}
    .sofa-icon {
		padding: 2px 10px;
		font-size: .625rem;
	}
	.sofa-txt{
		margin-left: 8px;
		font-size: .75rem;
	}
	.special-order{
		border-spacing: 15px;
	}
	.special-order a:after{
      margin: 0 0 0 0.3em;
      border: 7px solid transparent;
      border-right: 0 solid transparent;
      border-left: 10px solid #FFFFFF;
    }
    .haiban-sale a::after {
      margin: 0 0 0 0.3em;
      border: 7px solid transparent;
      border-right: 0 solid transparent;
      border-left: 10px solid #AF1727;
    }
	.regular a, .habahiro a, .tokut a, .habasema a, .haiban-sale a{
		font-size: 1.0625rem;
	}
	.regular {
		padding-left: 30px;
		background-size: 60px;
		background-repeat: no-repeat;
		background-position: 3% 60%;
		}
	.habahiro {
		padding-left: 30px;
		background-size: 60px;
		background-repeat: no-repeat;
		background-position: 3% 60%;
		}
	.habasema {
		padding-left: 30px;
		background-size: 60px;
		background-repeat: no-repeat;
		background-position: 2% 60%;
		}
	.tokut {
		padding-left: 30px;
		background-size: 60px;
		background-repeat: no-repeat;
		background-position: 1% 60%;
    }
	.haiban-sale{
		padding-left: 5%;
		background-size: 70px;
		background-repeat: no-repeat; 
		background-position: 8% -10%;
	}
}

@media screen and (max-width: 600px) {
	.sp{display: block!important;}
	
	.habahiro-title, .habasema-title{
		font-size: 110%;
		padding: 12px;
		letter-spacing: .2rem;
	}
    .product_page{
		font-size: .8125rem;
		letter-spacing: 0;
	}
	.product_page p, .product_pageS p {padding: 5px 0;}
	.product_page h4{
		font-size: .875rem;
		margin-bottom: 5px;
	}
	.sofa-series{
		display: flex;
		flex-direction: column;
	}
	.sofa-txt{
		margin-left: 0;
		margin-top: 5px;
		font-size: .6875rem;
	}
	.product_heading_ttl, .product_heading_ttl_mens{
		padding: 5px 10px ;
		font-size: 1.125rem;
		letter-spacing: .1rem;
	}
	.color-notice{
		margin: 30px 0;
		font-size: .8125rem;
		padding: 5px 20px 10px 20px;
	}
	.special-order{
		border-spacing: 10px;
	}
	.so-title{
		font-size: 100%;
	}
    .special-order a:after{
      margin: 0 0 0 0.3em;
      border: 5px solid transparent;
      border-right: 0 solid transparent;
      border-left: 8px solid #FFFFFF;
    }
    .haiban-sale a::after {
      margin: 0 0 0 0.3em;
      border: 5px solid transparent;
      border-right: 0 solid transparent;
      border-left: 8px solid #AF1727;
    }
	.regular, .habahiro, .tokut, .habasema, .haiban-sale{
		height: 66px;
	}
	.regular a, .habahiro a, .tokut a, .habasema a, .haiban-sale a{
		font-size: .8125rem;
		line-height: 1.325em;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.regular {
		padding-left: 30px;
		background-size: 40px;
		background-repeat: no-repeat;
		background-position: 3% 50%;
		}
	.habahiro {
		padding-left: 30px;
		background-size: 40px;
		background-repeat: no-repeat;
		background-position: 3% 50%;
		}
	.habasema {
		padding-left: 30px;
		background-size: 40px;
		background-repeat: no-repeat;
		background-position: 2% 50%;
		}
	.tokut {
		padding-left: 30px;
		background-size: 40px;
		background-repeat: no-repeat;
		background-position: 1% 50%;
    }
	.haiban-sale{
		padding-left: 10px;
		background-size: 50px;
		background-repeat: no-repeat; 
		background-position: 5% -10%;
		
		border-radius: 8px; 
    	border: 3px solid #666666;
		box-shadow: 2px 2px 4px rgba(0,0,0, .2);
	}
}

/*-------------------------------  本店商品説明（小）------------------------------------*/
.product_pageS{
	display: block!important;
	width: 100%;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 200;
	color: #333333;
	font-size: .8125rem;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
.product_pageS p {padding: 10px 0;}

/* SOFAシリーズ */
.sofa-series-s{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 40px auto 50px auto;
}
.sofa-icon-s {
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 1;
    padding: 10px 10px;
	
    border-radius: 20px;
    background-color: #CB9673;
    color: #4B1B1B;
    font-size: .8rem;
    font-weight: 700;
	margin-bottom: 5px;
}
.sofa-txt-s{
	color: #993300;
	font-weight: 400;
	text-align: center;
}

/* 幅広・幅狭のページ */
.habasema-box{
	border: 1px dashed #6c64fa;
	padding: 20px;
	text-align: center;
	background-color: #f0effe;
	margin-bottom: 50px;
}

.habahiro-box{
	border: 1px dashed #f42c6a;
	padding: 20px;
	text-align: center;
	background-color: #feeaf0;
	margin-bottom: 50px;
}

/* サイズタイトル */
.size-title{
	display: flex;
	margin: 50px auto 20px auto;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding: 6px 0;
	width: 200px;
	text-align: center;
    font-size: 0.875rem;
    color: #333333;
    font-weight: 600;
		
    background: #FFFFFF;
	border: 1px solid #666666;
    border-radius: 50px;	
}

/* 商品詳細ボックス */
.belle-info-box {
    position: relative;
	margin: 40px 0;
    padding: 20px;
    border: solid 1px #666666;
	top: 10px;
}
.info-box-title {
    position: absolute;
    
	margin: auto;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
    background: #FFFFFF;
	border: 1px solid #666666;
    border-radius: 50px;
}
.info-box-title span{
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding: 6px 0;
	width: 200px;
	text-align: center;
    font-size: 0.875rem;
    color: #333333;
    font-weight: 600;
}
.info-box-inner{
	padding-top: 8px;
}
.info-table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: justify;
	
	color: #333333;
	font-size: .8125rem;
	letter-spacing: 0.05em;
	font-weight: 200;
	line-height: 1.8;
}

.info-table tr{
	border-bottom: dashed 1px #CCCCCC;
	
}

.info-table th{
	width: 30%;
	text-align: left;
	padding: 10px;
}
.info-table td{
	padding: 10px;
}


@media all and (max-width: 375px) {
  .info-table th, .info-table td {
		display: block;
		width: 100%;
		border-bottom: none;
	  }
  .info-table th{
		padding: 10px 0 0 0;
	}
	.info-table td{
		padding: 10px 0;
	}
}

.size-table{
	color: #333333;
	font-size: .8125rem;
	letter-spacing: 0.05em;
	font-weight: 200;
	line-height: 1.8;
}
/* 特注リンク部分 */
.special-orderS{
	width: 100%;
	background-color: #f3f3f3;
	border-spacing: 10px;
	font-size: .8125rem;
	line-height: 1.4;
	margin: 10px auto;	
}
.special-orderS a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0 0.3em;
  border: 5px solid transparent;
  border-right: 0 solid transparent;
  border-left: 8px solid #FFFFFF;
}
.haiban-sale-s a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0 0.3em;
  border: 5px solid transparent;
  border-right: 0 solid transparent;
  border-left: 8px solid #AF1727;
}
.regular-s, .habahiro-s, .habasema-s, .tokut-s{
	height: 66px;
	border-radius: 8px;
}
.regular-s a, .habahiro-s a, .tokut-s a, .habasema-s a{
	display: block;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.325em;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: .8125rem;
	font-weight: 800;
	
	color: #FFFFFF;	
}
.regular-s {
	background-image: url(https://belleandsofa.itembox.design/item/image/regular.png);
	padding-left: 30px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: 3% 50%;
    }
.habahiro-s {
	background-image: url(https://belleandsofa.itembox.design/item/image/habahiro.png);
	padding-left: 30px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: 3% 50%;
    }
.habasema-s {
	background-image: url(https://belleandsofa.itembox.design/item/image/habasema.png);
	padding-left: 30px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: 3% 50%;
    }
.tokut-s {
	background-image: url(https://belleandsofa.itembox.design/item/image/tokut.png);
	padding-left: 30px;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: 3% 50%;
    }

.haiban-sale-s{
    background-image: url(https://belleandsofa.itembox.design/item/image/haiban-icon.jpg);
	padding-left: 10px;
    background-repeat: no-repeat;
	background-size: 50px;
	background-position: 5% -10%;
    box-shadow: 2px 2px 4px rgba(0,0,0, .2);
	
	height: 66px;
	border-radius: 8px; 
    border: 3px solid #666666;
    }
.haiban-sale-s a{
	display: block;
	width: 100%;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.325em;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: .8125rem;
	font-weight: 800;
}

.related_link{
	width: 100%;
	border: 3px solid #B5B5B6;
	border-spacing: 20px;
	cell-spacing: 0;
}
.related_link td{
	width: 49%;
	background-color: #333333;
	text-align: center;
	border-radius: 8px;
}
.related_link td a{
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.375rem;
	font-weight: 800;
}
@media screen and (max-width: 767px){
	.related_link{
		border-spacing: 15px;
	}
	.related_link td a{
		font-size: 1.0625rem;
	}
	}
@media screen and (max-width: 600px){
	.related_link{
		border-spacing: 10px;
		border: 2px solid #B5B5B6;
	}
	.related_link td{height: 66px;}
	.related_link td a{
		font-size: .8125rem;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	}
	
.related_linkS{
	width: 100%;
	border: 2px solid #B5B5B6;
	border-spacing: 10px;
	cell-spacing: 0;
}
.related_linkS td{
	width: 49%;
	height: 66px;
	background-color: #333333;
	text-align: center;
	border-radius: 8px;
}
.related_linkS td a{
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	color: #FFFFFF;
	text-align: center;
	font-size: .81255rem;
	font-weight: 800;
}