@charset "UTF-8";
@media screen and (min-width: 768px){
.fs-body-product .oldComment :is(
	[src="https://diyshop.itembox.design/item/item045/86002_37-1on.jpg"],
	[src="https://diyshop.itembox.design/item/item045/86002_37-2on.jpg"],
	[src="https://diyshop.itembox.design/item/item045/86002_37-3off.jpg"]
){
	width: 33% !important;
	display: inline-block !important;
	height: auto !important;
}

}

@scope (.oldComment) {
/* 商品ごとに調整 */


/* 全体設定
==========================================*/
li {list-style:none;}


html.reset { font-size: 62.5%; } /* 10px */

.reset * {
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
}
.reset body {
	font-size:1.4rem; /* 14px */
	font-size:14px;
	line-height:1.5;
}
.reset li {
	list-style:none;
}

/* itemDetailとitemContentsの違いはbox-sizing:border-box;の設定
とh2にスタイルを設定している。
itemContentsはテキスト化時に使用するスタイル
----------------------------------*/

/* itemDetail */
.itemDetail {
	line-height:1.5;	
	font-size: 14px;
}
.itemDetail img , .reset img {
	vertical-align:top;
}
.itemDetail * {
	/* margin:0; */
	/* padding:0; */
}
.itemDetail li {
	list-style:none;
}
.itemDetail table td {
	vertical-align:top;
}

.itemDetail marker {
	background: linear-gradient(transparent 40%, #ccffff 0%);
}


/* itemContents */
.itemContents * {
	margin:0;
	padding:0;
	box-sizing:border-box;
	list-style:none;
}
.itemContents {
	line-height:1.5;
}
.itemContents h2 {
	text-align:center;
	font-size:16px;
	margin-bottom:20px;
	color:#000;
}
.itemContents img {
	vertical-align:top;
}
.itemContents h3 , .itemContents h4 , .itemContents h5 , .itemContents h6 {
	font-weight:normal;
}
.itemContents marker {
	background: linear-gradient(transparent 100%, #ccffff 0%);
}

/* GA-60等に使われている よくある質問 */
.itemContents .qa {
	padding:40px 60px;
	background:#f2f2f2;	
}
.itemContents .qa dt {
	padding-left:100px;
	line-height:97px;
	color:#b78f62;
	font-size:36px;
	background:url("https://diyshop.itembox.design/item/pic-labo/ga-60_smn_56.gif") no-repeat left top;
}
.itemContents .qa .qaA {
	display:table;
	padding:15px 0 65px;
	border-bottom:solid 2px #000;
	margin-bottom:30px;
}
.itemContents .qa .qaA:before {
	content:"";
	display:table-cell;
	width:100px;
	background:url("https://diyshop.itembox.design/item/pic-labo/ga-60_smn_59.gif") no-repeat left top;
}
.itemContents .qa .qaA span {
	display:table-cell;
	font-size:30px;
}
.itemContents .qaLinkBtn {
	padding:15px 0 65px;
	border-bottom:solid 2px #000;
	margin-bottom:30px;
}
.itemContents .qaLinkBtn a {
	display:block;
	background:url("https://diyshop.itembox.design/item/pic-labo/ga-60_smn_62.gif") no-repeat 95% center #c90000;
	font-size:34px;
	font-weight:bold;
	padding:15px 80px 15px 15px;
	text-align:center;
}
.itemContents .qaLinkBtn a , .itemContents .qaLinkBtn a:hover , .itemContents .qaLinkBtn a:active , .itemContents .qaLinkBtn a:visited , .itemContents .qaLinkBtn a:link {
	color:#FFF !important;
	text-decoration:none !important;
}

/* 共通部分レイアウト
==========================================*/
#wrap {
	width:1000px;
	margin:0 auto;
}
	
#bodyArea {
    width: 1007px;
    margin: 30px auto 60px auto;
}
#contents {
    float: right;
    width: 780px;
}
.FS2_SeniorDesign_comment h1 , 
.h1 h1 {
	position:absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
    font-weight: normal;
    background: #EEE;
    line-height: 20px;
    height: 20px;
	vertical-align:middle;
	color:#000;
}

/* header
----------------------------------*/
#contents h1 {
    position:absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 1rem;
	font-size: 12px;
    font-weight: normal;
    background: #000;
    line-height: 20px;
    height: 20px;
	vertical-align:middle;
	color:#fff;
}
/* ヘッダーのiframe */
#iHeader {
	width:1000px;
	height:350px;　/* 通常時 350px 休日文言時410px 3行使用時450px */
	margin-top:30px;
}

/* header 旧ソースコードを少しテコ入れ */
#headerArea {
	margin:0 auto 30px;
	width:1000px;
}
#header_rogo{
	padding-top:20px;
	margin-bottom:10px;
}
#header {
	width:1000px;
	margin:0 auto 20px auto;
}
/* leftnavi
----------------------------------*/

/* レフトカラムのiframe */
#iLeftColumn {	
	width:227px;
	height:7100px;
}

/* leftnavi 旧ソースコードを少しテコ入れ */
#leftSide {
	width:227px;
	float:left;
	padding: 0px;
	background: #ffffff;
	vertical-align: top;
	font-size:17px;
}
.sidebox {
	width:209px;
	margin-right:13px;
}

/* footer
----------------------------------*/
/* footerのiframe */
#iFooter {	
	width:1000px;
	height:2700px;
}
#footerCon {
	width: 1000px;
	padding: 10px 10px 30px;	
	margin-bottom:40px;
}
#footerCon h2 {
	/*border-left: 4px solid #c6bcaf;*/
	border-bottom: 1px solid #000;
	margin: 20px 0 10px 0;
	color: #000;
	padding: 2px 0 2px 5px;
	font-size:1.6rem;
	font-size:16px;
	font-weight: bold;
	list-style: none;
}
footerCon h2.title {
	border-top: 1px dotted #c6bcaf;
	border-bottom: 1px dotted #c6bcaf;
	margin: 10px 0 20px 0;
	color: #820000;
	padding: 10px 0 10px 5px;
	font-size: 16px;
	font-weight: bold;
	width: 663px;
}
#footerCon .ftConBox {
	width:50%;
	float: left;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}
#footerCon  div > .ftConBox:first-child {
	line-height: 1.5;
	padding: 0 20px 0 0;
	border-right: 1px dotted #ccc;
}
#footerCon dl dd {
	margin: 0 0 2px 0;
	display: block;
}
#footerCon img {
	margin-bottom: 10px;
}
#footer {
	border-top: 1px #eee solid;
	color: #999;
	font-size:1.2rem;
	font-size:12px;
	text-align:center;
	line-height:1.7;
	margin-bottom:40px;
}
.footnavi {
	padding: 15px 20px 0px 30px;		
}
.footnavi a , .footnavi a:hover {
	color: #999 !important;
}
#copyright { 
	padding: 0px 0px 0px 30px;
}
/* カテゴリーページ・商品詳細ページ
==========================================*/
.itemContents h1 {
    position:absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
    font-weight: normal;
    background: #EEE;
    line-height: 20px;
    height: 20px;
	vertical-align:middle;
	color:#000;
}


.groupLayout .itemGroup {
padding: 5px !important;
background-color:#f6f6f6;
}
.groupLayout .itemCenter .itemGroup {
	background-color:transparent;
}

#FS2_itemlayout_IHL2 h2.itemGroup {
background-color:#fff !important;
}


/*　バルーンを非表示にする　*/
.FS2_AdditionalImage_Balloon_Tip {
visibility:hidden;
}
/* 商品画像(かご横)エリア
----------------------------------*/


/* 商品名・商品番号・販売価格類エリア
----------------------------------*/
.FS2_body_Goods_GoodsDetail .gl_Item {
	min-width:780px;
}
#FS2_itemlayout_IH3 .FS2_additional_image_itemdetail_container_right {
	width: 350px !important;
    margin-left: 14px !important;
}
#FS2_itemlayout_IH3 .FS2_thumbnail_container {
/*    width: 400px !important;*/
	text-align:left!important;
}

#FS2_itemlayout_IH3 .FS2_thumbnail_container img {
	max-width:310px !important;
}
.FS2_additional_image_container_main img {
	max-width:26px;
}
.fb_iframe_widget {
    display: none !important;
}
#FS2_additional_image_popup .FS2_thumbnail_container {
	width:600px;
}
#FS2_additional_image_popup .FS2_thumbnail_container img {
	max-width:600px;
}
.FS2_additional_image_popup_container .FS2_additional_image_container {
	width:250px;
}
#FS2_additional_image_popup .FS2_additional_image_container_main img {
	max-width:60px;
}
#FS2_itemlayout_IHL2 img {
	max-width:200px;
}
.itemTitle {
	color:#000;
	margin-bottom:10px;
	font-weight:bold;
}
/* キャッチコピー・商品名 */
h1.itemTitle {
	position:static;
	background:none;
	color:#000;
	font-size:1.6rem;
	font-size:16px;
	height:auto;
	overflow:auto;
	display:block;
	font-weight:bold;
	padding:0;
	border-bottom: dotted 1px #AAA;
}
h1.itemTitle .itemCatchCopy {
	display:block;
	margin-bottom:5px;
	font-size:1.2rem;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
h1.itemTitle .itemCatchCopy:after {
	content:"商品名";
	display:block;
	margin:15px 0 0;
	padding:0 3px;
	color:#000;
	font-size:1.4rem;
	font-size:14px;
	border: solid 1px #999;
	font-weight:bold;
}
/* 販売価格 */
.itemPrice {
	font-size:1.8rem;
	font-size:18px;
}
/* 選択肢 */
.FS2_additional_image_tableVariation_table tr {
	border-bottom:solid 1px #000;
}
.FS2_additional_image_tableVariation_table th {
	font-weight:bold;
	vertical-align:middle;
}
.FS2_additional_image_itemdetail_container_right th {
	white-space:normal;
}

/* 商品説明・商品画像エリア
----------------------------------*/
/* スペック表 */
.products ul {
	padding:0;
	margin:0;
}
/* デザインエリア */
.user_inner_content {
	margin-bottom:60px !important;
}

/* ウッドカーペット商品一覧表
==========================================*/
#iWcLineup {
	width:780px;
	height:1600px;
}

/* ウッドカーペット商品一覧表
==========================================*/
/* お問い合わせフォームのiframe */
#iContact {
	width:100%;
	height:600px;
}

/* iframe
================================================ */
/* ID付与でサイズ管理しているiframe共通スタイル
--------------------------------------*/
#iWp-autocalc {
	display:block;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	box-sizing: border-box;
}

/* フリース壁紙本数計算 */
#iWp-autocalc {
	width:780px;
	height:1330px;
}




/*   簡素化商品ページ用 20250107追記
------------------------------------------*/

.new_lay2{
    text-align: center;
    color:#000;
}
.new_lay2 img{
    width: 100%;
}
.new_lay2 hr{
    margin-bottom: 30px;
}
				
.new_lay2 .ttl01{
    font-size:32px;
	margin-top: 1em;
    margin-bottom: 20px;
    letter-spacing: 2px;
    line-height: 1.6em;
}
.new_lay2 .txtM01{
    font-size: 16px;
    line-height: 2.2;
    margin: 0 30px 10px 30px;
    letter-spacing: 1px;
	text-align: left;
}
	
.new_lay2 .cntCrs01{
    margin: 0 0 70px;
    line-height: 1.8em;
}

/* -----------------------------------------------
リニューアル後調整
----------------------------------------------- */
/* フォントサイズ */
.f36{
	font-size: var(--fz-30) !important;
}
.f32{
  font-size: var(--fz-26) !important;
}
.f30{
  font-size: var(--fz-24) !important;
}
.f28{
  font-size: var(--fz-22) !important;
}
.f26{
  font-size: var(--fz-20) !important;
}
.f20{
  font-size: var(--fz-16) !important;
}
.f18{
  font-size: var(--fz-15) !important;
}

/* ---画像系--- */

/* 規則を見つけて共通で反映 */
img[src*="att_"]{
  width: 500px !important;
  display: block;
  margin-inline: auto;
}
img[src$="_31.jpg"] {
  width: 70%;
  margin-inline: auto;
  display: block;
}
/* /規則を見つけて共通で反映 */


}