@charset "utf-8";
*, *::after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*------------------------------------------------
	COMMON
------------------------------------------------*/
div#itemwrapper{
width:100%;
max-width:800px;
font-size:16px;
}
div#itemwrapper img{
line-height:0;
}
div#itemwrapper a:link, div#itemwrapper a:visited{
color:#1a1a1a;
}
div#itemwrapper a:hover{
color:#171BE8;
}
div#itemwrapper article section.Efct-Sdw2 img{
box-shadow:2px 2px 3px #ccc;
}
div#itemwrapper article section.Efct-Sdw2 a:hover img{
box-shadow:3px 3px 4px #aaa;
}
div#itemwrapper article section img.Efct-Sdw-Off{
box-shadow:0px 0px 0px #fff;
}


/*------------------------------------------------
	HEADER
------------------------------------------------*/
div#itemwrapper article header.ItemHeader div#h_ttl{
margin:30px 0 15px 0;
padding:10px 0 2px 7px;
border-left:7px solid #1f1f1f;
}
div#itemwrapper article header.ItemHeader div#h_ttl h2{
margin:0;
padding:0 0 10px 0;
font-size:26px;
font-weight:600;
line-height:100%;
border-bottom:1px solid #1f1f1f;
}
div#itemwrapper article header.ItemHeader h5{
margin:5px 0;
font-weight:600;
font-size:16px;
color:#484FD4;
}
div#itemwrapper article header.ItemHeader p{
margin:10px 0;
font-size:16px;
}
div#itemwrapper article header.ItemHeader div#h_ttl p.httlnote{
padding:3px 0;
font-weight:normal;
color:#1f1f1f;
background-color:#f0f0f0;
}
div#itemwrapper article header.ItemHeader p#h_ttl img{
margin:20px 0 0 0;
}

div#itemwrapper article header.ItemHeader table.headerNote2{
width:100%;
max-width:800px;
}
div#itemwrapper article header.ItemHeader table.headerNote2 td{
padding:5px 0 5px 5px;
border:3px solid #fff;
border-left:0;
font-size:16px;
}
div#itemwrapper article header.ItemHeader table.headerNote2 td.hn2-1{
width:14%;
padding-left:0;
background-color:#eaeaea;
text-align:center;
}
div#itemwrapper article header.ItemHeader table.headerNote2 td font{
font-size:11px;
color:#8f8f8f;
}

/*------------------------------------------------
	LINK TAG ver.2
------------------------------------------------*/
div#itemwrapper article section.ItemTagList{
padding:10px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
div#itemwrapper article section.ItemTagList h5{
margin:0 0 5px 0;
font-size:0.8em;
line-height:100%;
}
div#itemwrapper article section.ItemTagList ul li{
float:left;
margin:10px 3px 5px 0;
}
div#itemwrapper article section.ItemTagList ul li a{
padding:4px 15px;
border:1px solid #550d38;
border-radius:4px;
background-color:#904f76;
color:#fff;
font-size:0.8em;
box-shadow:1px 1px 2px #ccc;
text-decoration:none;
}
div#itemwrapper article section.ItemTagList ul li a:hover{
background-color:#550d38;
color:#fff;
box-shadow:2px 2px 3px #aaa;
}
div#itemwrapper article section.ItemTagList ul li a span{
display: inline-block;
transform: rotate(90deg)
}
div#itemwrapper article section.ItemTagList ul.colver2 li a{
/*border:1px solid #76320c;
background-color:#916946;*/
border:1px solid #aaa;
background-color:#eaeaea;
color:#1f1f1f;
}
div#itemwrapper article section.ItemTagList ul.colver2 li a:hover{
/*background-color:#76320c;*/
background-color:#3f3f3f;
color:#fff;
}



/*------------------------------------------------
	CAPTION
------------------------------------------------*/
div#itemwrapper article section h3.contsCap3{
color: #2f2f2f;
margin:0 0 20px 0;
padding:16px 0;
/* Default
background: -webkit-repeating-linear-gradient(-45deg, #eaeaea, #eaeaea 1px,#fff 1px, #fff 5px);
background: repeating-linear-gradient(-45deg, #eaeaea, #eaeaea 1px,#fff 1px, #fff 5px);*/
background: -webkit-repeating-linear-gradient(-45deg, #f8f8e2, #f8f8e2 1px,#fff 1px, #fff 5px);
background: repeating-linear-gradient(-45deg, #f8f8e2, #f8f8e2 1px,#fff 1px, #fff 5px);

font-size:18px;
font-weight:600;
border-style:solid;
border-color:#2f2f2f;
border-width:4px 0;
}
div#itemwrapper article section h3.contsCap3 span{
font-size:13px;
}


/*------------------------------------------------
	CATCH
------------------------------------------------*/
div#itemwrapper article section.ItemCatchInfo{
text-align:left;
}
div#itemwrapper article section.ItemCatchInfo h3{
margin:10px 0;
font-size:18px;
font-weight:600;
}
div#itemwrapper article section.ItemCatchInfo h5{
font-size:16px;
text-align:left;
}

/* CATCH center */
div#itemwrapper article section.ItemCatchInfo-C{
text-align:center;
}
div#itemwrapper article section.ItemCatchInfo-C h3{
font-size:18px;
font-weight:600;
text-align:center;
}
div#itemwrapper article section.ItemCatchInfo-C h5{
font-size:16px;
text-align:center;
}
div#itemwrapper article section.ItemCatchInfo-C p{
padding:4px 0;
font-weight:normal;
font-size:1.1em;
text-align:center;
}
div#itemwrapper article section.ItemCatchInfo-C img{
width:100%;
}

/* CATCH ver3 */
div#itemwrapper article section.ItemCatchInfo-S{
padding:16px 0;
border-style: solid;
border-color:#f0f0f0;
border-width:10px 0 10px 0;
}
div#itemwrapper article section.ItemCatchInfo-S h3{
font-size:17px;
font-weight:600;
text-align:center;
}
div#itemwrapper article section.ItemCatchInfo-S p{
font-size:14px;
font-weight:600;
text-align:center;
}

/*------------------------------------------------
	IMAGE
------------------------------------------------*/
div#itemwrapper article section.ItemImage{
width:100%;
}
div#itemwrapper article section.ItemImage p{
margin:10px 0 0 0;
font-size:16px;
}

div#itemwrapper article section.ItemImage p.hinbanLink a:link,
div#itemwrapper article section.ItemImage p.hinbanLink a:visited{
padding:8px 18px;
border-radius:2px;
background-color:#5a5a5a;
color:#fff;
box-shadow:1px 1px 2px #aaa;
}
div#itemwrapper article section.ItemImage p.hinbanLink a:hover{
background-color:#1a1a1a;
box-shadow:2px 2px 3px #999;
}

/*  IMAGE center */
div#itemwrapper article section.ItemImage-C{
width:100%;
text-align:center;
}
div#itemwrapper article section.ItemImage-C p{
margin:7px 0 0 0;
font-size:16px;
text-align:center;
}
div#itemwrapper article section.ItemImage-C h3{
margin:7px 0 0 0;
font-size:1.2em;
font-weight:bold;
text-align:center;
}


/*------------------------------------------------
	DISPLAY LIST
------------------------------------------------*/
/*div#itemwrapper article section.ItemImageList{
margin-bottom:30px;
}*/
div#itemwrapper article section.ItemImageList ul{
width:100%;
}
div#itemwrapper article section.ItemImageList ul li{
float:left;
padding:5px 5px 20px 5px;
}
div#itemwrapper article section.ItemImageList ul li img{
width:100%;
height:auto;
}
div#itemwrapper article section.ItemImageList ul li h4{
font-size:16px;
font-weight:bold;
}
div#itemwrapper article section.ItemImageList ul li p{
margin:5px 0 0 0;
font-size:16px;
text-align:left;
}
div#itemwrapper article section.ItemImageList ul li p img{
vertical-align:middle;
}
div#itemwrapper article section.ItemImageList ul li span{
font-size:13px;
}
div#itemwrapper article section.ItemImageList p{
margin-top:10px;
font-size:0.9em;
}

/* DISPLAY COUNT */
div#itemwrapper article section .ListDisp-1 li{
width:calc(100%/1);
}
div#itemwrapper article section .ListDisp-2 li{
width:calc(100%/2);
}
div#itemwrapper article section .ListDisp-3 li{
width:calc(100%/3);
}
div#itemwrapper article section .ListDisp-4 li{
width:calc(100%/4);
}
div#itemwrapper article section .ListDisp-5 li{
width:calc(100%/5);
}
div#itemwrapper article section .ListDisp-6 li{
width:calc(100%/6);
}
div#itemwrapper article section .ListDisp-7 li{
width:calc(100%/7);
}
div#itemwrapper article section .ListDisp-8 li{
width:calc(100%/8);
}
div#itemwrapper article section .ListDisp-9 li{
width:calc(100%/9);
}
@media all and (-ms-high-contrast: none) {
div#itemwrapper article section .ListDisp-3 li{
width:calc(96%/3); /*IE*/
}
}


/* IMAGE CAUTION */
div#itemwrapper article section.ItemImageCaution{
padding:15px 10px;
border:1px solid #aaa;
}
div#itemwrapper article section.ItemImageCaution p{
line-height:160%;
font-size:13px;
}
div#itemwrapper article section.ItemImageCaution p#iic_cap{
margin-bottom:5px;
padding:3px 0;
font-weight:bold;
font-size:16px;
background-color:#f0f0f0;
}
div#itemwrapper article section.ItemImageCaution h5{
font-size:16px;
text-decoration:underline;
color:#ff0000;
}


/*------------------------------------------------
	CARPRT about Kako (carpet original)
------------------------------------------------*/
div#itemwrapper article section.ItemImage div.CptKakoInfo{
margin:30px 0 0 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo h5{
margin:15px 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo h5 strong{
background-color:#2d32ff;
color:#fff;
padding:5px 38px;
border:1px solid #090c89;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo ul{
margin-left:23px;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo ul li{
list-style-type: decimal;
}

div#itemwrapper article section.ItemImage div.CptKakoInfo-contact ul{
margin:10px 0 0 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-contact ul li{
float:left;
width:calc(100%/2);
padding:10px 10px 10px 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-contact ul li img{
box-shadow:2px 2px 3px #ccc;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-howto p{
padding:2px 0;
border-bottom:1px dotted #555;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-howto p font{
font-weight:600;
font-size:19px;
}


/*------------------------------------------------
	ACCORDION
------------------------------------------------*/
div#itemwrapper article section div.accordion-click{
cursor:pointer;
}
div#itemwrapper article section div.accordion-click p{
width:98%;
border:1px solid #f0f0f0;
border-radius:50px;
margin:0 auto;
padding:10px 0;
text-align:center;
box-shadow:0px 3px 6px 0px #ddd;
}
div#itemwrapper article section div.accordion-click p span{
padding:10px 20px;
border-top:1px dotted #1f1f1f;
}
div#itemwrapper article section div.accordion-content{

}


/*------------------------------------------------
	SPEC
------------------------------------------------*/
div#itemwrapper article section.ItemSpec{
width:100%;
}
div#itemwrapper article section.ItemSpec table{
width:100%;
border-collapse:collapse;
border-style: solid;
border-color:#aaa;
border-width:1px 0 0 1px;
}
div#itemwrapper article section.ItemSpec table td{
padding:6px 7px;
font-size:16px;
border-style: solid;
border-color:#aaa;
border-width:0 1px 1px 0;
}
div#itemwrapper article section.ItemSpec table td p{
font-size:16px;
padding:3px 0;
color:#000;
}
div#itemwrapper article section.ItemSpec table td p strong{
font-size:17px;
color:#FF0004;
}
div#itemwrapper article section.ItemSpec table td p span{
font-size:17px;
font-weight:bold;
}
div#itemwrapper article section.ItemSpec table td p font{
font-size:11px;
color:#5a5a5a;
}
div#itemwrapper article section.ItemSpec table td p a:link,
div#itemwrapper article section.ItemSpec table td p a:visited{
text-decoration:underline;
color:#1a1a1a;
}
div#itemwrapper article section.ItemSpec table td p a:hover{
color:#171BE8;
}
div#itemwrapper article section.ItemSpec table td.is-L{
width:18%;
padding:6px 5px;
text-align:left;
font-weight:bold;
background-color:#fafafa;
border-right:1px solid #aaa;
}
div#itemwrapper article section.ItemSpec table td.is-L font{
font-weight:normal;
font-size:0.7em;
}


/*------------------------------------------------
	PRICE TABLE
------------------------------------------------*/
div#itemwrapper section.ccPriceTable{
width:100%;
max-width:800px;
padding:0px;
}
div#itemwrapper section.ccPriceTable table{
width:100%;
/*margin:20px 0 0 0;*/
border-style:solid;
border-color:#999;
border-width:1px 0 0 1px;
}
div#itemwrapper section.ccPriceTable table th,
div#itemwrapper section.ccPriceTable table td,
div#itemwrapper section.ccPriceTable table td h5,
div#itemwrapper section.ccPriceTable table td p{
text-align:center;
vertical-align: middle;
}
div#itemwrapper section.ccPriceTable table td{
padding:15px 0;
border-style:solid;
border-color:#999;
border-width:0 1px 1px 0;
}
div#itemwrapper section.ccPriceTable table td#_ptNullcell{
font-weight:600;
}
div#itemwrapper section.ccPriceTable table td#pt_Wcap{
padding:5px 0;
font-size:16px;
font-weight:600;
background-color:#f2f9fc;
}
div#itemwrapper section.ccPriceTable table td#pt_Hcap{
width:30px;
padding:0;
font-size:16px;
font-weight:600;
background-color:#fafaf5;
}
div#itemwrapper section.ccPriceTable table td.ptWsize{
font-size:16px;
font-weight:600;
background-color:#f2f9fc;
}
div#itemwrapper section.ccPriceTable table td.ptHsize{
width:140px;
font-size:16px;
font-weight:600;
background-color:#fafaf5;
}
div#itemwrapper section.ccPriceTable table td p{
margin:0px auto;
}
div#itemwrapper section.ccPriceTable table td h5{
width:93%;
margin:0 auto 18px auto;
padding:0;
font-size:13px;
font-weight:600;
color:#000;
background-color:#eaeaea;
border-radius:10px;
}
div#itemwrapper section.ccPriceTable table td p strong{
font-size:19px;
color:#DD0003;
}
div#itemwrapper section.ccPriceTable table td p span{
font-size:13px;
color:#5f5f5f;
}




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

	IMPORTANT

--------------------------------------------------------------------------------- */
@media screen and (max-width: 480px){
/*  HEADER */

div#itemwrapper article header.ItemHeader p{
font-size:0.8em;
}
div#itemwrapper article header.ItemHeader div#h_ttl h2{
padding:0 0 7px 0;
font-size:19px;
font-weight:600;
line-height:120%;
}
div#itemwrapper article header.ItemHeader h5{
margin:5px 0 0px 0;
font-size:16px;
}
div#itemwrapper article header.ItemHeader p{
margin:7px 0;
font-size:11px;
}
div#itemwrapper article header.ItemHeader div#h_ttl p.httlnote{
padding:3px 0;
font-weight:600;
}
div#itemwrapper article header.ItemHeader table.headerNote2{
width:100%;
}
div#itemwrapper article header.ItemHeader table.headerNote2 td{
padding:3px 0 3px 3px;
border:2px solid #fff;
border-left:0;
font-size:14px;
}
div#itemwrapper article header.ItemHeader table.headerNote2 td.hn2-1{
width:19%;
padding-left:0;
background-color:#eaeaea;
text-align:center;
font-size:14px;
}
div#itemwrapper article header.ItemHeader table.headerNote2 td font{
font-size:9px;
color:#8f8f8f;
}


/*------------------------------------------------
	LINK TAG ver.2
------------------------------------------------*/
div#itemwrapper article section.ItemTagList{
padding:10px 0;
}
div#itemwrapper article section.ItemTagList h5{
margin:0 0 5px 0;
font-size:0.7em;
}
div#itemwrapper article section.ItemTagList ul li{
margin:3px 4px 3px 1px;
}
div#itemwrapper article section.ItemTagList ul li a{
padding:3px 13px;
font-size:0.7em;
}
div#itemwrapper article section.ItemTagList ul li a:hover{
background-color:#550d38;
color:#fff;
box-shadow:2px 2px 3px #aaa;
}
div#itemwrapper article section.ItemTagList ul li a span{
display: inline-block;
transform: rotate(90deg)
}
div#itemwrapper article section.ItemTagList ul.colver2 li a{
padding:3px 18px;
border:1px solid #aaa;
background-color:#f0f0f0;
color:#1f1f1f;
}
div#itemwrapper article section.ItemTagList ul.colver2 li a:hover{
background-color:#3f3f3f;
color:#fff;
}



/*------------------------------------------------
	CAPTION
------------------------------------------------*/
div#itemwrapper article section h3.contsCap3{
color: #1f1f1f;
padding:10px 0;
background: -webkit-repeating-linear-gradient(-45deg, #e9e9d5, #e9e9d5 1px,#fff 1px, #fff 5px);
background: repeating-linear-gradient(-45deg, #e9e9d5, #e9e9d5 1px,#fff 1px, #fff 5px);
font-size:18px;
font-weight:600;
border-style:solid;
border-color:#1f1f1f;
border-width:2px 0;
}
div#itemwrapper article section h3.contsCap3 span{
font-size:11px;
}

/*------------------------------------------------
	CATCH
------------------------------------------------*/
div#itemwrapper article section.ItemCatchInfo h3{
font-size:1.1em;
font-weight:bold;
}
div#itemwrapper article section.ItemCatchInfo h5{
font-size:14px;
}
div#itemwrapper article section.ItemCatchInfo p{
font-size:0.8em;
}

/* CATCH center */
div#itemwrapper article section.ItemCatchInfo-C p{
font-size:0.8em;
text-align:center;
}
div#itemwrapper article section.ItemCatchInfo-C h3{
font-size:14px;
font-weight:600;
text-align:center;
}

/* CATCH ver3 */
div#itemwrapper article section.ItemCatchInfo-S{
padding:10px 0;
border-style: solid;
border-color:#f0f0f0;
border-width:10px 0 10px 0;
}
div#itemwrapper article section.ItemCatchInfo-S h3{
font-size:16px;
font-weight:600;
text-align:left;
}
div#itemwrapper article section.ItemCatchInfo-S p{
font-size:13px;
font-weight:600;
text-align:left;
}

/*  IMAGE */
div#itemwrapper article section.ItemImage p{
font-size:0.8em;
}
div#itemwrapper article section.ItemImage img{
width:100%;
}

div#itemwrapper article section.ItemImage-C{
width:100%;
text-align:center;
}
div#itemwrapper article section.ItemImage-C p{
font-size:0.8em;
}
div#itemwrapper article section.ItemImage-C img{
width:100%;
}

/*  DISPLAY */
div#itemwrapper article section.ItemImageList{
/*margin-bottom:30px;*/
}
div#itemwrapper article section.ItemImageList ul li p, div#itemwrapper article section.ItemImageList p{
font-size:0.7em;
}


/*------------------------------------------------
	IMAGE CAUTION
------------------------------------------------*/
div#itemwrapper article section.ItemImageCaution{
padding:5px 5px;
}
div#itemwrapper article section.ItemImageCaution p{
line-height:140%;
font-size:11px;
}
div#itemwrapper article section.ItemImageCaution p#iic_cap{
font-size:11px;
}
div#itemwrapper article section.ItemImageCaution h5{
margin:10px 0 0 0;
font-size:11px;
color:#ff0000;
}


/*------------------------------------------------
	CARPRT about Kako (carpet original) smt
------------------------------------------------*/
div#itemwrapper article section.ItemImage div.CptKakoInfo h5{
margin:10px 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo h5 strong{
padding:3px 10px;
font-size:13px;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo{
font-size:13px;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo p{
font-size:13px;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo ul{
margin-left:23px;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo ul li p{
font-size:13px;
}
/* ----------------- */
div#itemwrapper article section.ItemImage div.CptKakoInfo-contact p{
font-size:13px;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-contact ul{
margin:10px 0 0 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-contact ul li{
padding:10px 10px 10px 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-contact ul li img{
box-shadow:2px 2px 3px #ccc;
}
/* ----------------- */
div#itemwrapper article section.ItemImage div.CptKakoInfo-howto p{
padding:2px 0;
}
div#itemwrapper article section.ItemImage div.CptKakoInfo-howto p font{
font-weight:600;
font-size:18px;
}


/*------------------------------------------------
	ACCORDION
------------------------------------------------*/
div#itemwrapper article section div.accordion-click{
cursor:pointer;
}
div#itemwrapper article section div.accordion-click p{
width:98%;
margin:0 auto;
padding:5px 0;
box-shadow:0px 3px 6px 0px #ddd;
}
div#itemwrapper article section div.accordion-click p span{
padding:10px 20px;
}


/*------------------------------------------------
	SPEC
------------------------------------------------*/
div#itemwrapper article section.ItemSpec{
border:0;
border-style:solid;
border-color:#aaa;
border-width:0 0 0 0px;
}
div#itemwrapper article section.ItemSpec table td{
padding:5px;
border:0;
border-style:solid;
border-color:#aaa;
border-width:0 1px 1px 0;
}
div#itemwrapper article section.ItemSpec table td p{
padding:2px 0;
}
div#itemwrapper article section.ItemSpec table td.is-L{
width:25%;
padding-left:5px;
text-align:left;
vertical-align: middle;
}
div#itemwrapper article section.ItemSpec table td.is-L,
div#itemwrapper article section.ItemSpec table td p{
font-size: 0.7rem;
}


/*------------------------------------------------
	PRICE TABLE
------------------------------------------------*/
div#itemwrapper section.ccPriceTable p{
font-size:13px;
}
div#itemwrapper section.ccPriceTable table td{
padding:15px 0;
font-size:11px;
}
div#itemwrapper section.ccPriceTable table td#_ptNullcell{
font-size:11px;
font-weight:normal;
}
div#itemwrapper section.ccPriceTable table td#pt_Wcap{
padding:1px 0;
font-size:11px;
font-weight:600;
}
div#itemwrapper section.ccPriceTable table td#pt_Hcap{
width:20px;
padding:0;
font-size:11px;
font-weight:600;
}
div#itemwrapper section.ccPriceTable table td.ptWsize{
font-size:11px;
font-weight:600;
background-color:#f2f9fc;
}
div#itemwrapper section.ccPriceTable table td.ptHsize{
width:10%;
font-size:11px;
font-weight:600;
}
div#itemwrapper section.ccPriceTable table td.ptHsize font{
writing-mode:vertical-rl;
text-orientation:upright;
}
div#itemwrapper section.ccPriceTable table td p{
margin:0px auto;
}
div#itemwrapper section.ccPriceTable table td h5{
width:90%;
margin:0 auto 18px auto;
padding:0;
font-size:9px;
font-weight:600;
border-radius:8px;
}
div#itemwrapper section.ccPriceTable table td p strong{
font-size:14px;
}
div#itemwrapper section.ccPriceTable table td p span{
font-size:9px;
}






}