@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS Document */

#contents { color:#4b4948; background:#fff; padding-bottom:0 !important; }
.contents_inner { margin:0 0 0 !important; font-family: 'Noto Sans JP'; }

.mincho { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-style: normal; font-weight: 500 }

.new2021nov h3 { color:#4c4948; font-size:20px; line-height:1.8; letter-spacing:0.1em; font-style: normal; }
.new2021nov h4 { color:#4c4948; font-size:18px; line-height:1.6; font-weight:600; letter-spacing:0.08em; font-style: normal }
.new2021nov h4 span { font-size:15px; }
.new2021nov h5 { color:#4c4948; font-style: normal }
.new2021nov .onsale { color:#fff; font-size:16px !important; line-height:1; letter-spacing:0.1em; background:#bfc0c0; padding:15px 12px; display:inline-block; }

.new2021nov .mov { width:960px; margin:0 auto 90px; }
.new2021nov .mov .mov02 { margin:50px 0 0; }
.new2021nov .mov p { font-size:18px; margin:0 0 10px; }
.new2021nov .mov01 iframe { border:10px solid #95733d; box-sizing:border-box; }
.new2021nov .notes { font-size:11px; letter-spacing:0.1em; line-height:1.4; }
.new2021nov .notes span { color:#95733d; }


.item01 { min-width:1340px; text-align:left; margin:120px 0 90px; position:relative; }
.item01 .onsale { position:absolute; top:0; right:0; }
.item01 h3 { margin:80px 0 20px; text-align:right; }
.item01 .pic { position:relative; z-index:2; }
.item01 .pic-l { position:absolute; top:50px; left:50px; }
.item01 .item { position:absolute; top:0; right:0; z-index:3; margin:0 6% 0 0; }
.item01 .item-box { position:relative; margin:0 0 0 200px; }
.item01 .item h4 { font-weight:600; letter-spacing:0.08em; margin:0 0 15px; text-align:center; }
.item01 .item-pic { text-align:center; }
.item01 .btn a { color:#fff; font-size:14px; font-style:italic; font-weight:500; letter-spacing:0.3em; text-decoration:none; background:#cfcf5b; line-height:1; padding:50px 170px 50px 0; text-align:right; display:block; position:relative; z-index:1; }
.item01 .btn a .arw { position:absolute; top:50%; right:80px; margin:-7px 0 0; }
.item01 .application { border:2px solid #000; color:#000; font-size:15px; font-weight:500; display:inline-block; position:absolute; top:76px; right:0; padding:0 30px; }
.item01 .ico { position:absolute; bottom:0; right:70px; }

.item02 { min-width:1340px; text-align:left; position:relative; }
.item02 .onsale { position:absolute; top:0; left:0; }
.item02 h3 { margin:80px 0 15px;}
.item02 .pic { text-align:right; position:relative; z-index:2; }
.item02 .pic .pic-r { position:absolute; top:50px; right:50px; }
.item02 .item { position:absolute; top:0; left:0; z-index:3; margin:0 0 0 6%; }
.item02 .item-box { position:relative; margin:0 0 0 100px;  }
.item02 .item h4 { font-weight:600; letter-spacing:0.08em; margin:0 0 15px; text-align:center; }
.item02 .item-pic { text-align:center; }
.item02 .btn a { color:#fff; font-size:14px; font-style:italic; font-weight:500; letter-spacing:0.3em; text-decoration:none; background:#cfcf5b; line-height:1; padding:50px 0 50px 80px; display:block; position:relative; z-index:1; }
.item02 .btn a .arw { position:absolute; top:50%; left:240px; margin:-7px 0 0; }
.item02 .ico { font-size:0; position:absolute; bottom:0; right:-180px; }
.item02 .ico li { display:inline-block; padding:0 0 0 10px; }

.item03 { min-width:1340px; text-align:left; padding:100px 0 150px; position:relative; background:#f2f3f3; }
.item03 .box { position:relative; z-index:4; background:#fff; width:875px; margin:0 auto; padding:50px 0 40px; }
.item03 .onsale { position:absolute; top:0; right:0; }
.item03 .box-inner { padding:0 0 0 60px; }
.item03 .box .box-l { float:left; width:58%; }
.item03 .box .box-l h3 { margin:0 0 30px;}
.item03 .box .box-l .pic02 { margin:-50px 0 0 90px; }
.item03 .box .box-r { float:left; width:42%; text-align:center; padding:15px 0 0; }
.item03 .box h4 { line-height:1.3; letter-spacing:0.08em; margin:10px 0 15px; }
.item03 .btn { width:260px; margin:20px auto 0; }
.item03 .btn a { color:#fff; font-style:italic; line-height:1; letter-spacing:0.4em; text-decoration:none; padding:20px 0; border-radius:40px; background:#cfcf5b; text-align:center; display:block; }
.item03 .ico { font-size:0; }
.item03 .ico li { display:inline-block; padding:0 5px; }

.item04 { min-width:1340px; padding:0 0 100px; }
.item04 .pic { padding:0 0 0 50px; position:relative;  }
.item04 .pic-img { position:relative; z-index:2; }
.item04 .bg { position:absolute; top:-50px; right:50px; z-index:1; }
.item04 .inner { padding:0 6%; margin:30px 0 0; position:relative; }
.item04 .onsale { position:absolute; top:0; right:6%; }
.item04 h3 { text-align:left; padding:10px 0 0; }
.item04 .item { width:75%; margin:0 auto; }
.item04 .item li { width:33.333%; float:left; }
.item04 h4 { margin:50px 0 0; }
.item04 h5  { font-size:15px; margin:0 0 15px; }
.item04 .btn { width:460px; margin:30px auto 0; }
.item04 .btn a { color:#fff; font-style:italic; line-height:1; letter-spacing:0.4em; text-decoration:none; padding:20px 0; border-radius:40px; background:#cfcf5b; text-align:center; display:block; }
.item04 .application01 { border:2px solid #000; color:#000; font-size:15px; font-weight:500; display:inline-block; position:absolute; top:230px; right:6%; padding:0 30px; }
.item04 .application02 { border:2px solid #000; color:#000; font-size:15px; font-weight:500; display:inline-block; position:absolute; top:270px; right:6%; padding:0 30px; }
.item04 .ico { font-size:0; position:absolute; bottom:80px; right:10%; }
.item04 .ico li { display:inline-block; padding:0 0 0 10px; }


.item01 .btn a:hover, .item02 .btn a:hover, .item03 .btn a:hover, .item04 .btn a:hover { color: #fff; background:#bfc0c0; }
.u_line { text-decoration:underline; }


.lower-page { min-width:1340px; padding:80px 0 0; text-align:left; position:relative; }
.lower-page .onsale { position:absolute; top:80px; right:6%; }
.lower-page .read { padding:0 6%; text-align:left; }
.lower-page h3 { font-size:24px; position:relative; }
.lower-page h4 { font-size:20px; text-align:center; margin:70px 0 30px; }
.lower-page h4 span { font-size:16px; }
.lower-page h5.sm-tit { font-size:16px; font-weight:600; line-height:1.6; border-bottom:4px solid #b3a9b0; display:inline-block; margin:0 0 10px; }
.lower-page h6.sm-tit { font-size:14px; font-weight:600; text-decoration:underline; }
.lower-page .sec { margin:0 0 70px; }
.lower-page .detail-area  { padding:0 13.5% 50px; }
.lower-page .features { margin:0 0 90px; }
.lower-page .features .tit-f { position:relative; }
.lower-page .features .tit-f h5 { font-size:20px; font-weight:normal; text-align:left; margin:0 0 5px; padding:0 8px; position:relative; z-index:2; }
.lower-page .features .tit-f span { width:65px; height:10px; background:#b4aab1; display:inline-block; position:absolute; bottom:7px; left:0; z-index:1; }
.lower-page .features ul { margin:0 0 10px; }
.lower-page .features ul li { font-size:16px; padding:0 0 0 20px; position:relative; }
.lower-page .features ul li span { color:#695564; font-size:12px; position:absolute; top:5px; left:0; }
.lower-page .features ul li strong { color:#cfcf5b; }
.lower-page .ico { font-size:0; }
.lower-page .ico li { display:inline-block; padding:0 5px; }

.lower-page .item { position:relative; width:840px; margin:0 auto 80px; }
.lower-page .item .spec .price { font-size:18px; }
.lower-page .item .txt-r .cont { text-align:center; margin:20px 0 0; }
.lower-page .item .txt-r .cont h6 { font-size:18px; font-weight:600; letter-spacing:0.2em; margin:0 0 5px; }
.lower-page .item .txt-r .cont p { line-height:1.4; }
.lower-page .item .txt-r .cont .pic { margin:15px 0 0; }
.lower-page .item .btn { width:360px; margin:40px auto 0; }
.lower-page .item .btn a { color:#fff; font-style:italic; line-height:1; letter-spacing:0.4em; text-decoration:none; padding:20px 0; border-radius:40px; background:#cfcf5b; text-align:center; display:block; }

.lower-page .clm2 { margin:0 0 0 -40px; }
.lower-page .clm2 li { width:50%; float:left; }
.lower-page .clm2 li .inner { margin:0 0 0 40px; }
.lower-page .clm2 li .pic { margin:0 0 10px; }

.lower-page .clm3 { margin:0 0 0 -25px; }
.lower-page .clm3 li { width:33.333%; float:left; }
.lower-page .clm3 li .inner { margin:0 0 0 25px; }
.lower-page .clm3 li .pic { margin:0 0 10px; }

.lower-page .clm4  { margin:0 0 0 -20px; }
.lower-page .clm4  li { width:25%; float:left; }
.lower-page .clm4  li .inner { margin:0 0 0 20px; }
.lower-page .clm4 li .pic { margin:0 0 10px; }


.resin-transfer-paper .item .txt-r { position:absolute; top:90px; left:450px; }
.resin-transfer-paper .application { border:2px solid #000; color:#000; font-size:15px; font-weight:500; display:inline-block; position:absolute; top:10px; right:0; padding:0 30px; }
.resin-transfer-paper .ico { position:absolute; top:90px; right:0; }
.resin-transfer-paper .sec02 { background:#efeeef; padding:20px; }
.resin-transfer-paper .sec02 h6 { font-size:16px; border-bottom:1px solid #000; margin:0 0 20px; }
.resin-transfer-paper .sec02 ul li:first-child { width:47%; float:left; position:relative; }
.resin-transfer-paper .sec02 ul li:last-child { width:53%; float:left; position:relative; }
.resin-transfer-paper .sec02 ul li img { position:absolute; top:0; left:0; }
.resin-transfer-paper .sec02 ul li p { font-size:13px; padding:0 0 0 55px; }


.sec-howto .tit { position:relative; text-align:left !important; }
.sec-howto .tit h4 { color:#665562; font-size:25px; text-align:left !important; position:relative; z-index:2; }
.sec-howto .tit span { width:283px; height:17px; background:#cfcf5b; position:absolute; bottom:3px; left:0; z-index:1; }
.sec-howto ul li { margin:0 0 30px; }
.sec-howto h5 { margin:0 0 5px; }
.sec-howto h5 .num { font-size:25px; }
.sec-howto h5 span { font-size:18px; }
.sec-howto .txt { margin:0 0 20px; line-height:2; }
.sec-howto p { font-size:13px; line-height:1.6;}
.sec-howto .howto01 { padding:0 0 30px; }
.sec-howto .howto02 { background:url(../img/dots.png) repeat-x top left; padding:50px 0 0; }
.sec-howto ul li:first-child img { box-shadow: 0px 0px 15px -5px #777777; }


.silicone-sheet .item .txt-r { position:absolute; top:90px; left:450px; }
.silicone-sheet .ico { position:absolute; top:90px; right:0; }
.silicone-sheet .sec02 .pic { margin:0 64px 0 0; } 
.silicone-sheet .sec02 p { text-indent:-14px; }
.silicone-sheet .sec03 .clm4 { padding:15px 0 0; }


.sandpaper h4 span { line-height:1.4; display:inline-block; margin:5px 0 0; }
.sandpaper .item .pic { margin:0 0 0 60px; }
.sandpaper .item .txt-r { position:absolute; top:110px; left:450px; }
.sandpaper .ico { position:absolute; top:110px; right:0; }


.clear-craft-rod .item { width:auto; }
.clear-craft-rod .item .item-list { width:1000px; margin:70px auto 0; }
.clear-craft-rod .item .item-list li { width:33.333%; float:left; }
.clear-craft-rod .item .item-list li h5 { text-align:center; margin:0 0 10px; }
.clear-craft-rod .item .item-list li .pic { text-align:center; margin:0 0 20px; }
.clear-craft-rod .item .item-list li .btn { width:210px; }
.clear-craft-rod .ico { position:absolute; top:110px; right:5%; }
.clear-craft-rod .application01 { border:2px solid #000; color:#000; font-size:15px; font-weight:500; display:inline-block; position:absolute; top:0; right:6%; padding:0 30px; }
.clear-craft-rod .application02 { border:2px solid #000; color:#000; font-size:15px; font-weight:500; display:inline-block; position:absolute; top:40px; right:6%; padding:0 30px; }
.clear-craft-rod .sec03 { background:url(../img/dots.png) repeat-x top left; padding:50px 0 0; }
.clear-craft-rod .sec03 ul { margin:0 0 0 -40px; }
.clear-craft-rod .sec03 ul li { width:33.333%; float:left; }
.clear-craft-rod .sec03 ul li .inner { margin:0 0 0 40px; }



.btn-back { background:#f1eee8; padding:60px 0; }
.btn-back .btn-inner { margin: 0 auto; min-width:1024px; max-width:1200px; }
.btn-back a { font-size:16px; letter-spacing:0.2em; color:#452a19; text-decoration:none; padding:15px 0; background:#fff; border:4px solid #b63232; display:block; text-align:center; position:relative; min-width:1024px; max-width:1280px; margin:0 auto; display: block }
.btn-back a:hover { background: #b63232; color: #fff }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -105px; }



@media screen and (max-width: 780px) {
		
#main img { width:150%; margin:0 0 0 -25%; }

	.contents_inner { margin:40px 0 0 0 !important; }

	.new2021nov h3 { font-size:18px; line-height:1.6; margin:0 0 10px; }
	.new2021nov h4 { font-size:16px; }
	.new2021nov .onsale { font-size:11px !important; padding:10px 15px; display:inline-block; }

	.new2021nov .notes { font-size:10px; letter-spacing:0.1em; line-height:1.4; }
	.new2021nov .notes span { color:#95733d; }

	.new2021nov .mov { width:auto; margin:0 auto 50px; padding:0 20px; }
	.new2021nov .mov .mov02 { margin:20px 0 0; }
	.new2021nov .mov p { font-size:15px; margin:0 0 10px; }
	.new2021nov .mov .mov01 iframe { border:5px solid #95733d; }


	.item01 { min-width: inherit; margin:0 0 50px; }
	.item01 .onsale { position:static; margin:15% 0 0; }
	.item01 h3 { margin:20px 0; text-align:left; }
	.item01 .pic-l { position:absolute; top:20px; left:20px; }
	.item01 .pic img { width:95%; }
	.item01 .item { position:static; margin:0; padding:0 20px; text-align:center; }
	.item01 .item-box {  margin:0; }
	.item01 .item-pic { text-align:center; padding:0 50px; }
	.item01 .item-pic img { width:100%; }
	.item01 .btn a { font-size:14px; padding:30px 0; margin:20px 0 0; text-align:center;  }
	.item01 .btn a .arw { position:absolute; top:50%; left:inherit; right:20px; margin:-5px 0 0; height:10px; }
	.item01 .application { border:1px solid #000; font-size:13px; position:static; margin:0 0 20px; }
	.item01 .ico { position:static; margin:0 0 20px; }
	
	.item02 { min-width: inherit; }
	.item02 .onsale { position:static; margin:15% 0 0; }
	.item02 h3 { margin:20px 0; text-align:left; }
	.item02 h3 span { display:none; }
	.item02 .pic .pic-r { position:absolute; top:20px; right:20px; }
	.item02 .pic img { width:95%; }
	.item02 .item { position:static; margin:0; padding:0 20px; text-align:center; }
	.item02 .item-box { margin:0; }
	.item02 .item-pic { text-align:center; padding:0 50px; }
	.item02 .item-pic img { width:100%; }
	.item02 .btn a { font-size:14px; padding:30px 0; margin:20px 0 0; text-align:center;  }
	.item02 .btn a .arw { position:absolute; top:50%; left:inherit; right:20px; margin:-5px 0 0; height:10px; }
	.item02 .ico { position:static; margin:0 0 20px; }

	.item03 { min-width: inherit; padding:40px 20px 60px; }
	.item03 .box { width:auto; margin:0 auto; padding:50px 0 40px; }
	.item03 .box-inner { padding:0 20px; }
	.item03 .box .box-l { width:100%; }
	.item03 .box .box-l h3 { margin:0 0 20px;}
	.item03 h3 span { display:none; }
	.item03 .box .box-l .pic02 { margin:10px 0 0; }
	.item03 .box .box-l img { width:100%; }
	.item03 .box .box-r { width:100%; padding:30px 0 0; }
	.item03 .box .box-r .item-pic { padding:0 40px }
	.item03 .box .box-r .item-pic img { width:100%; }
	.item03 .btn { width:100%; }
	.item03 .ico { margin:0 0 20px; }

	.item04 { min-width: inherit; padding:0 0 100px; }
	.item04 .pic { padding:0 0 0 20px; }
	.item04 .pic img { width:100%; }
	.item04 .bg { position:absolute; top:-20px; right:20px; z-index:1; }
	.item04 .inner { padding:0 20px; margin:20px 0 0; }
	.item04 .onsale { position:static; }
	.item04 h3 { padding:20px 0 10px; }
	.item04 h3 span { display:none; }
	.item04 .item { width:100%; margin:0 auto; }
	.item04 .item li { width:100%; margin:0 0 20px; }
	.item04 h4 { margin:20px 0 0 !important; }
	.item04 h5  { font-size:13px; margin:0 0 10px; }
	.item04 .btn { width:100%; margin:20px 0 0; }
	.item04 .application01 { border:1px solid #000; font-size:13px; position:static; margin:0 0 5px; }
	.item04 .application02 { border:1px solid #000; font-size:13px; position:static; margin:0 0 20px; }
	.item04 .ico { font-size:0; position:static; bottom:80px; right:10%; }
	.item04 .ico li { padding:0 5px; }


	.lower-page { min-width: inherit; padding:0; text-align:center; }
	.lower-page .tit { font-size:22px; margin:0 0 20px; }
	.lower-page h3 { font-size:18px; line-height:1.6; margin:0 0 20px; }
	.lower-page h3 span { display:none; }
	.lower-page h4 { font-size:15px; margin:30px auto 20px }
	.lower-page .features { margin:0 0 40px; }
	.lower-page .features .tit-sm h5 { font-size:18px; }
	.lower-page .features ul li { font-size:14px; line-height:1.6; margin:0 0 5px; padding:0 0 0 16px;  }
	.lower-page .features ul li span { font-size:10px; position:absolute; top:4px; left:0; }
	.lower-page .sec { margin:0 0 50px; }
	.lower-page .onsale { position:static; margin:0 auto 20px; }
	
	.lower-page .item { width:auto; margin:0 auto 50px; padding:0 20px }
	.lower-page .item .pic { padding:0 30px; margin:0 0 20px; }
	.lower-page .item .pic img { width:100%; }
	.lower-page .item .spec { text-align:left; }
	.lower-page .item .txt-r .cont h6 { font-size:16px; margin:0; }
	.lower-page .item .txt-r .cont .pic { margin:10px 0 0; padding:0 60px; }
	.lower-page .item .txt-r .cont .pic img { width:100%; }
	.lower-page .item .btn { width:100%; margin:20px auto 0; }

	.lower-page .detail-area  { padding:0 20px 50px; text-align:left; }

	.lower-page .clm2 { margin:0; padding:0 20px; }
	.lower-page .clm2 li { width:100%; margin:0 0 20px; }
	.lower-page .clm2 li:last-child { margin-bottom:0; }
	.lower-page .clm2 li .inner { margin:0; }
	.lower-page .clm2 li .pic { margin:0 0 5px; }

	.lower-page .clm3 { margin:0; padding:0 20px; }
	.lower-page .clm3 li { width:100%; margin:0 0 20px; }
	.lower-page .clm3 li:last-child { margin-bottom:0; }
	.lower-page .clm3 li .inner { margin:0; }
	.lower-page .clm3 li .pic { margin:0 0 5px; }

	.lower-page .clm4 { margin:0; padding:0 20px; }
	.lower-page .clm4 li { width:100%; margin:0 0 20px; }
	.lower-page .clm4 li:last-child { margin-bottom:0; }
	.lower-page .clm4 li .inner { margin:0; }
	.lower-page .clm4 li .pic { margin:0 0 5px; }


	.resin-transfer-paper .item .txt-r { position:static; }
	.resin-transfer-paper .application { border:1px solid #000; font-size:13px; position:static; margin:0 0 20px; }
	.resin-transfer-paper .ico { position:static; }
	.resin-transfer-paper .sec02 h6 { font-size:15px; }
	.resin-transfer-paper .sec02 ul li:first-child { width:100%; margin:0 0 30px;}
	.resin-transfer-paper .sec02 ul li:last-child { width:100%; }
	.resin-transfer-paper .sec02 ul li img { position:static; width:30px; }
	.resin-transfer-paper .sec02 ul li p { padding:0; margin:10px 0 0; }


	.sec-howto .tit h4 { font-size:20px; }
	.sec-howto .tit span { width:230px; height:14px; }
	.sec-howto ul li { margin:0 0 40px; }
	.sec-howto h5 { text-indent:-32px; margin:0 0 20px 32px; }
	.sec-howto .txt { line-height:1.6; }
	.sec-howto .howto01 { padding:0 0 20px; }
	.sec-howto .howto02 { padding:20px 0 0; }


	.silicone-sheet .item .txt-r { position:static; }
	.silicone-sheet .ico { position:static; }
	.silicone-sheet .sec02 .pic { margin:0 0 20px; padding:0 20px; } 
	.silicone-sheet .sec02 .pic img { width:100%; }
	.silicone-sheet .sec02 .fltL { float:none; }
	.silicone-sheet .sec02 p { text-indent:-14px; margin:0 0 0 14px; }
	.silicone-sheet .sec03 .clm4 { padding:10px 20px 0; }


	.sandpaper h4 span { line-height:1.4; display:inline-block; margin:5px 0 0; }
	.sandpaper .item .txt-r { position:static; }
	.sandpaper .ico { position:static; }


	.clear-craft-rod .item { width:auto; }
	.clear-craft-rod .item .item-list { width:auto; margin:0 auto; }
	.clear-craft-rod .item .item-list li { width:100%; margin:0 0 40px; }
	.clear-craft-rod .item .item-list li:last-child { margin-bottom:0; }
	.clear-craft-rod .item .item-list li .pic { margin:0 0 10px; padding:0 120px; }
	.clear-craft-rod .item .item-list li .pic img { width:100%; }
	.clear-craft-rod .item .item-list li .btn { width:100%; }
	.clear-craft-rod .ico { position:static; }
	.clear-craft-rod .application01 { border:1px solid #000; font-size:13px; position:static; margin:0 0 5px; }
	.clear-craft-rod .application02 { border:1px solid #000; font-size:13px; position:static; margin:0 0 20px; }
	.clear-craft-rod .sec03 { padding:30px 0 0; }
	.clear-craft-rod .sec03 ul { margin:0; }
	.clear-craft-rod .sec03 ul li { width:100%; margin:0 0 40px; }
	.clear-craft-rod .sec03 ul li:last-child { margin-bottom:0; }
	.clear-craft-rod .sec03 ul li .inner { margin:0; }

	

	.btn-back { padding: 30px 20px; }
	.btn-back a { font-size:14px; padding:15px 0; min-width:inherit; max-width:inherit	.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -95px; }
	
}