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


/* red ****************************************************************************************************************/
/*
#body h1, #body h1 a,
#body h2, #body h2 a,
#body h3, #body h3 a,
#body h4, #body h4 a,
#body h5, #body h5 a,
#body h6, #body h6 a,
div.meta{
	color:#ff5353 !important;
	}
#side,
#body h1,
#body h2,
#body h3,
#body h4,
#body h5,
#body h6,
#main hr{
	border-color:#f42b2b !important;
	}
#main table td:first-child, #main table th:first-child{
	border-left-color:#f42b2b !important;
	}

body>nav,
.colorButton,
body>footer .sec02,
body>header h1:after,
h1#mainTitle{
	background:#f07a1a;
	}
body>nav a:hover, body>nav a:active{
	background:#f64e4e;
	}

body>nav:after,
body>footer .sec01{
	background-color:#eeeeee !important;
	}
.hf_contact:before{
	content:url(https://2c94dc.claudeassets.com/20240125100515im_/https://www.recyclemart-yanagawa.com/image/common/header/tel_red.png);
	}
/**************************************************************************************************************** red */

/* orange ****************************************************************************************************************/

#body h1, #body h1 a,
#body h2, #body h2 a,
#body h3, #body h3 a,
#body h4, #body h4 a,
#body h5, #body h5 a,
#body h6, #body h6 a,
div.meta{
	color:#f07a1a;
	}
#side,
#body h1,
#body h2,
#body h3,
#body h4,
#body h5,
#body h6,
#main hr{
	border-color:#f07a1a !important;
	}
#main table td:first-child, #main table th:first-child{
	border-left-color:#f07a1a !important;
	}
	
body>nav,
.colorButton,
body>footer .sec02,
body>header h1:after,
h1#mainTitle{
	background:#f07a1a;
	}
body>nav a:hover, body>nav a:active{
	background:#fba661;
	}

body>nav:after,
body>.sec01{
	background-color:#fbefdc !important;
	}
body>footer div.sec01{
	background-color:#eeeeee !important;
	}	
.hf_contact:before{
	content:url(https://191928.claudeassets.com/20240125100515im_/https://www.recyclemart-yanagawa.com/image/common/header/tel_orange.png);
	}
/**************************************************************************************************************** orange */




*{
    padding:0;
    margin:0;
	max-width:100%;
	box-sizing:border-box;
    }
body,html{
    font-size:14px;
    line-height:1.8em;
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#333;
    }
a:hover img{
    opacity:0.8;
    }
img{
    border:none;
    outline:none !important;
    height:auto;
    vertical-align:bottom;
    }
ul>li{
	list-style:none;
	}

body{
	width:100%;
	min-width:1000px;
	}
body>header,
body>nav>ul,
#body,
body>footer>div>div,
body>footer>nav,
#goTop{
	width:1000px;
	margin:0 auto;
	}
@media screen and (min-width: 541px){
	}
@media screen and (max-width: 540px){
html{
	width:100%;
	overflow-x:hidden;
	}
body{
	min-width:100%;
	}
body>header,
body>nav>ul,
#body,
body>footer>div,
body>footer>nav,
#goTop{
	width:100%;
	}
	}
	
/* header ************/
body>header a,
body>footer a{
	color:#333;
	text-decoration:none;
	}
body>header a:hover, body>header a:active,
body>footer a:hover, body>footer a:active{
	text-decoration:underline;
	}
	
body>header>ul,
body>footer>nav ul{
	float:right;
	letter-spacing:-.20em;
	margin-top:10px;
	border-left:1px dashed #333;
	}
body>header>ul li,
body>footer>nav ul li{
	display:inline-block;
	letter-spacing:0px;
	}
body>header>ul li a,
body>footer>nav ul li a{
	display:block;
	border-right:1px dashed #333;
	padding:0px 20px;
	font-size:12px;
	}
body>header>h1{
	clear:both;
	float:left;
	font-size:24px;
	}
body>header>h1 img{
	padding-right:6px;
	width:auto;
	}
body>header{
	padding-bottom:10px;
	}
	
body>header .hf_contact{
	float:right;
	margin-top:10px;
	}
.hf_contact{
	width:310px;
	font-size:12px;
	line-height:1.8em;
	position:relative;
	padding-left:34px;
	}
.hf_contact .colorButton{
	float:right;
	padding:10px;
	margin-top:8px;
	}
.hf_contact .tel{
	display:block;
	font-size:24px;
	font-weight:bold;
	}
.hf_contact:before{
	position:absolute;
	left:0px;
	top:4px;
	}

body>header:after,
.hf_contact:after{
	content:"";
	display:block;
	clear:both;
	}

body>nav>ul{
	text-align:center;
	letter-spacing:-.40em;
	}
body>nav li{
	display:inline-block;
	letter-spacing:0px;
	}
body>nav a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:20px;
	min-width:160px;
	font-size:16px;
	position:relative;
	}
@media screen and (min-width: 541px){
body>nav{
	height:auto !important;
	}
body>nav a:after{
	content:"";
	width:0;
	height:20px;
	border-right:1px dashed #fff;
	position:absolute;
	right:0;
	top:22px;
	}
body>nav a:before{
	content:"";
	width:0;
	height:20px;
	border-right:1px dashed #fff;
	position:absolute;
	left:0;
	top:22px;
	}
body>nav{
	display:block !important;
	}
body>header>h1 img{
	position:relative;
	bottom:-8px;
	}
body>header>h1{
	padding-bottom:10px;
	}
	}
@media screen and (max-width: 540px){
body>header>ul{
	display:none !important;
	}
body>nav{
	display:none;
	margin-bottom:10px;
	}
body>nav li{
	display:block;
	}
body>nav a{
	padding:6px 20px;
	text-align:left;
	border-top:1px solid #fff;
	}
	
body>header h1{
	float:none !important;
	font-size:16px;
	text-align:left;
	padding:10px 0px 10px 0px;
	padding-right:60px;
	position:relative;
	}
body>header h1 img{
	display:block;
	}
body>header h1:after{
	content:"▼";
	text-align:center;
	color:#fff;
	font-size:24px;
	line-height:23px;
	padding:12px 0;
	width:50px;
	display:inline-block;
	position:absolute;
	right:1px;
	top:7px;
	}
body>header .hf_contact{
	display:none !important;
	}
.hf_contact{
	display:block;
	margin:0 auto;
	float:none !important;
	}
	}
/************ header */


/* footer ************/

body>footer>nav ul{
	float:none;
	text-align:center;
	border-left:none;
	margin-bottom:10px;
	}
body>footer>nav ul li:first-child a{
	border-left:1px dashed #333;
	}
	
body>footer .sec01>div{
	padding:20px 0;
	}
body>footer .sec01>div>a>img{
	display:inline-block;
	margin:4px;
	}
	
body>footer .hf_contact{
	display:inline-block;
	margin-right:10px;
	}
	
body>footer .sec02>div{
	color:#fff;
	}
body>footer .sec02>div>img,
body>footer .sec02>div>div,
body>footer .sec02>div>a{
	float:left;
	margin-right:10px;
	line-height:1.4em;
	font-size:12px;
	}
body>footer .sec02 small{
	display:block;
	clear:both;
	text-align:right;
	line-height:1.4em;
	font-size:12px;
	}
body>footer .sec02>div a{
	color:#fff;
	}
	
#goTop{
	text-align:right;
	}
#goTop a{
	display:inline-block;
	position:fixed;
	bottom:50px;
	}
#goTop a img{
	opacity:0.6;
	}
#goTop a:hover img , #goTop a:active img{
	opacity:1;
	}
@media screen and (min-width: 541px){
body>footer .hf_contact{
	position:relative;
	top:2px;
	}
	}
@media screen and (max-width: 540px){
body>footer>nav ul{
	margin-right:10px;
	margin-left:10px;
	}
body>footer>nav ul li{
	display:block;
	width:50%;
	float:left;
	}
body>footer>nav ul:after{
	content:"";
	display:block;
	clear:both;
	}
body>footer>nav ul{
	border-top:1px solid #aaa;
	margin-bottom:20px;
	}
body>footer>nav ul li a{
	border:none;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:10px 0;
	}
body>footer>nav ul li:nth-of-type(2n+1) a{
	border-left:1px solid #aaa;
	}
	
body>footer .sec01{
	text-align:center;
	padding:0 6px;
	}
	
body>footer .sec02>div>img,
body>footer .sec02>div>div,
body>footer .sec02>div>a{
	text-align:center;
	margin:6px auto;
	display:block;
	float:none;
	}
body>footer .sec02 small{
	text-align:center;
	margin-top:10px;
	}
	
#goTop a{
	right:10px;
	bottom:20px;
	}
	
body>footer .hf_contact{
	display:block;
	margin:0 auto;
	text-align:left;
	}
@media screen and (max-width: 340px){
body>footer .sec01>div>a{
	display:block;
	width:49%;
	float:left;
	}
body>footer .sec01>div>a:nth-of-type(2n){
	float:right;
	}
body>footer .sec01>div:after{
	content:"";
	display:block;
	clear:both;
	}
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
#goTop a{
	right:20px;
	}
}
/************ footer */


/* side ************/
#side{
	border-top:6px solid #aaa;
	}
#side img{
	margin-bottom:10px;
	}

@media screen and (max-width: 540px){
#side>ul li{
	display:block;
	width:49%;
	float:left;
	}
#side>ul li:nth-of-type(2n){
	float:right;
	}
#side>ul:after{
	content:"";
	display:block;
	clear:both;
	}
}
/************ side */



/* #result ************/
#result ul:after{
	content:"";
	display:block;
	clear:both;
	}
#result li{
	width:234px;
	float:left;
	padding-bottom:15px;
	}
#result li:nth-of-type(3n+1){
	margin-right:22px;
	clear:both;
	}
#result li:nth-of-type(3n){
	float:right;
	}
#result li img{
	padding-bottom:8px;
	}
#result li a{
	color:#333;
	text-decoration:none;
	font-size:12px;
	line-height:1.4em;
	display:block;
	}
#result li a:hover, #result li a:active{
	text-decoration:underline;
	}

@media screen and (min-width: 541px){
	}
@media screen and (max-width: 540px){
#result li{
	width:49% !important;
	float:left !important;
	margin:0 !important;
	margin-bottom:10px !important;
	}
#result li:nth-of-type(2n+1){
	clear:both !important;
	}
#result li:nth-of-type(3n+1){
	clear:none;
	}
#result li:nth-of-type(2n){
	float:right !important;
	}
}
/************ #result */


/* body ************/

#body:after{
	content:"";
	display:block;
	clear:both;
	}
#main{
	width:746px;
	float:right;
	}
#side{
	width:234px;
	float:left;
	}
	
section{
	margin-bottom:40px;
	}
section:after{
	content:"";
	display:block;
	clear:both;
	}

#body h1{
	border-top:6px solid #aaa;
	font-size:28px;
	padding-top:6px;
	line-height:1.8em;
	}
	
.colorButton img:hover, .colorButton img:active{
	opacity:0.9;
	}
@media screen and (min-width: 541px){
	}
@media screen and (max-width: 540px){
#body h1{
	font-size:18px;
	line-height:1.6em;
	}
	
#body{
	padding:0 10px;
	}

#main,
#side{
	float:none;
	width:100%;
	border-top:none !important;
	}
	}
/************ body */

/* #purchase ************/

#purchase li{
	display:block;
	width:235px;
	height:110px;
	float:left;
	border:1px solid #ccc;
	font-size:11px;
	line-height:1.4em;
	padding:10px;
	padding-right:0;
	margin-bottom:10px;
	}
#purchase li:before{
	content:"";
	}
#purchase li b{
	font-size:16px;
	margin-bottom:6px;
	display:block;
	line-height:1.2em;
	}
#purchase li img{
	float:left;
	margin-right:10px;
	}
#purchase li:nth-of-type(3n){
	float:right;
	}
#purchase li:nth-of-type(3n+1){
	margin-right:20px;
	}
@media screen and (min-width: 541px){
#purchase h1 {
	text-align:center;
	font-size:42px !important;
	}
}
@media screen and (max-width: 540px){
#purchase li{
	float:none !important;
	width:100%;
	}
}
/************ #purchase */



.top_txt{
	float:left;
	margin-bottom:20px;
}

/*
     FILE ARCHIVED ON 09:27:03 Apr 02, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:12:58 May 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.53
  exclusion.robots: 0.06
  exclusion.robots.policy: 0.05
  esindex: 0.011
  cdx.remote: 14.764
  LoadShardBlock: 182.442 (3)
  PetaboxLoader3.datanode: 162.771 (5)
  PetaboxLoader3.resolve: 42.428 (2)
  load_resource: 123.881
  loaddict: 48.877
*/