@charset "UTF-8";
#container_all_w {
  width: 100% !important;
  text-align: left;
}

#recycle {
  margin-bottom: 22px;
  padding: 0;
}
#recycle .contents {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 15px 30px 0;
  text-align: center;
}
#recycle header {
  margin-bottom: 15px;
}
#recycle header img {
  width: 100%;
  max-width: 1045px;
}
#recycle img {
  border: 0 none;
  vertical-align: bottom;
  width: 100%;
}
#recycle .mb0 {
  margin-bottom: 0;
}
#recycle .mb2p {
  margin-bottom: 2% !important;
}
#recycle .mb4p {
  margin-bottom: 4% !important;
}
#recycle .mb8p {
  margin-bottom: 8% !important;
}
#recycle .pb0 {
  padding-bottom: 0 !important;
}
#recycle .tab {
  display: flex;
  justify-content: space-around;
}
#recycle .tab li {
  margin: 0 1%;
  padding: 0;
  display: block;
  cursor: pointer;
}
#recycle .tab li img {
  margin-bottom: -1px;
}
#recycle #kaden_wrap .bg_green {
  background-color: #33a555;
  width: 100%;
}
#recycle #kaden_wrap .contents {
  padding-bottom: 4%;
}
#recycle #kaden_wrap .kaden_title02 {
  position: relative;
}
#recycle #kaden_wrap .kaden_title02 p {
  color: #fff;
  position: absolute;
  right: 5px;
}
#recycle #kaden_wrap .kaden_title {
  border: #256837 solid 2px;
  background-color: #256837;
}
#recycle #kaden_wrap .kaden_total_title {
  border: #ff0000 solid 2px;
  background-color: #ff0000;
}
#recycle #kaden_wrap .title06 {
  width: 90%;
}
#recycle #kaden_wrap .text01 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: right;
  color: #fff;
  margin-top: 2%;
  line-height: 1.3;
}
#recycle #kaden_wrap .text02 {
  font-size: clamp(16px, 4.2vw, 36px);
  text-align: left;
  color: #ffff00;
  font-weight: bold;
  margin-top: 2%;
  margin-bottom: 3vw;
  line-height: 1.3;
}
#recycle #kaden_wrap .text03 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #ff0000;
  margin-top: 2%;
  margin-bottom: 1%;
  line-height: 1.3;
  word-break: break-all;
}
#recycle #kaden_wrap .text03 a {
  color: #ff0000;
}
#recycle #kaden_wrap .text04 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #000;
  margin-top: 1%;
  line-height: 1.3;
}
#recycle #kaden_wrap .text05 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #fff;
  margin-top: 2%;
  line-height: 1.3;
}
#recycle #kaden_wrap .text06 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #000;
  margin-top: 1%;
  line-height: 1.3;
}
#recycle #kaden_wrap .kaden_calc_obj {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vw 0;
}
#recycle #kaden_wrap .kaden_calc_obj img {
  max-width: 140px;
  width: 10vw;
}
#recycle #kaden_wrap .kaden_attention {
  padding: 0;
  border: #256837 solid 4px;
}
#recycle #kaden_wrap .kaden_attention p {
  padding: 1vw;
  margin: 0;
  font-size: clamp(16px, 3.6vw, 30px);
}
#recycle #kaden_wrap .kaden_attention p.recycle_center {
  text-align: left;
  word-break: break-all;
}
#recycle #kaden_wrap .kaden_attention ul.kaden_attention_list {
  padding: 0 2vw 0 2em;
  margin: 0;
}
#recycle #kaden_wrap .kaden_attention ul.kaden_attention_list li {
  padding: 0;
  margin: 0;
  list-style: disc;
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #000;
  margin-top: 1%;
  line-height: 1.3;
}
#recycle #kaden_wrap #kaden_select01 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: #256837 solid 2px;
  padding: 10px;
}
#recycle #kaden_wrap #kaden_select01 .kaden_select01_item {
  width: 90vw;
}
#recycle #kaden_wrap #kaden_select01 .kaden_select01_item img {
  height: auto;
  width: auto;
}
#recycle #kaden_wrap #kaden_select01 .select_icon {
  width: 10vw;
}
#recycle #kaden_wrap #kaden_select01 .select_icon img {
  height: auto;
  width: auto;
}
#recycle #kaden_wrap #kaden_select02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: #256837 solid 2px;
  padding: 10px;
}
#recycle #kaden_wrap #kaden_select02 .kaden_select02_item {
  width: 90vw;
}
#recycle #kaden_wrap #kaden_select02 .kaden_select02_item img {
  height: auto;
  width: auto;
}
#recycle #kaden_wrap #kaden_select02 .select_icon {
  width: 10vw;
}
#recycle #kaden_wrap #kaden_select02 .select_icon img {
  height: auto;
  width: auto;
}
#recycle #kaden_wrap #kaden_total_price {
  display: flex;
  justify-content: right;
  align-items: baseline;
  background-color: #fff;
  border: #ff0000 solid 2px;
  padding: 10px 20px;
}
#recycle #kaden_wrap #kaden_total_price #kaden_price {
  display: flex;
  justify-content: right;
  align-items: center;
}
#recycle #kaden_wrap #kaden_total_price #kaden_price img {
  height: clamp(16px, 16vw, 80px);
  width: auto;
}
#recycle #kaden_wrap #kaden_total_price .yen {
  width: clamp(16px, 30vw, 180px);
}
#recycle #kaden_wrap #kaden_total_price .yen img {
  height: auto;
  width: auto;
}
#recycle #kogata_wrap {
  display: none;
}
#recycle #kogata_wrap .bg_blue {
  background-color: #64acfc;
  width: 100%;
}
#recycle #kogata_wrap .contents {
  padding-bottom: 2%;
}
#recycle #kogata_wrap .kogata_title {
  border: #226090 solid 2px;
  background-color: #226090;
}
#recycle #kogata_wrap .kogata_total_title {
  border: #ff0000 solid 2px;
  background-color: #ff0000;
}
#recycle #kogata_wrap .title03 {
  width: 90%;
}
#recycle #kogata_wrap .text01 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #fff;
  margin-top: 2%;
  margin-bottom: 4%;
  line-height: 1.3;
}
#recycle #kogata_wrap .text02 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #ff0000;
  margin-top: 2%;
  margin-bottom: 1%;
  line-height: 1.3;
  word-break: break-all;
}
#recycle #kogata_wrap .text02 a {
  color: #ff0000;
}
#recycle #kogata_wrap .text03 {
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #000;
  margin-top: 1%;
  line-height: 1.3;
}
#recycle #kogata_wrap .obj04 {
  margin-top: 4%;
  margin-bottom: 4%;
}
#recycle #kogata_wrap .obj05 {
  margin-bottom: 4%;
}
#recycle #kogata_wrap .obj06 {
  margin-bottom: 4%;
}
#recycle #kogata_wrap .obj07 {
  margin-bottom: 4%;
}
#recycle #kogata_wrap .kaden_calc_obj {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vw 0;
}
#recycle #kogata_wrap .kaden_calc_obj img {
  max-width: 140px;
  width: 10vw;
}
#recycle #kogata_wrap .kogata_attention {
  padding: 0;
  margin-bottom: 2%;
  border: #005f92 solid 4px;
}
#recycle #kogata_wrap .kogata_attention p {
  padding: 1vw;
  margin: 0;
  font-size: clamp(16px, 3.6vw, 30px);
}
#recycle #kogata_wrap .kogata_attention p.recycle_center {
  text-align: left;
  word-break: break-all;
}
#recycle #kogata_wrap .kogata_attention ul.kogata_attention_list {
  padding: 0 2vw 0 2em;
  margin: 0;
}
#recycle #kogata_wrap .kogata_attention ul.kogata_attention_list li {
  padding: 0;
  margin: 0;
  list-style: disc;
  font-size: clamp(16px, 3.6vw, 30px);
  text-align: left;
  color: #000;
  margin-top: 1%;
  line-height: 1.3;
}
#recycle #kogata_wrap #kogata_select01 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: #226090 solid 2px;
  padding: 10px;
}
#recycle #kogata_wrap #kogata_select01 .kogata_select01_item {
  width: 90vw;
}
#recycle #kogata_wrap #kogata_select01 .kogata_select01_item img {
  height: auto;
  width: auto;
}
#recycle #kogata_wrap #kogata_select01 .select_icon {
  width: 10vw;
}
#recycle #kogata_wrap #kogata_select01 .select_icon img {
  height: auto;
  width: auto;
}
#recycle #kogata_wrap #kogata_select02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: #226090 solid 2px;
  padding: 10px;
  color: #000;
  font-weight: bold;
  font-size: clamp(16px, 200%, 40px);
  text-decoration: none;
  text-align: left;
}
#recycle #kogata_wrap #kogata_select02 .kogata_select02_item {
  width: 90vw;
}
#recycle #kogata_wrap #kogata_select02 .kogata_select02_item img {
  height: auto;
  width: auto;
}
#recycle #kogata_wrap #kogata_select02 .select_icon {
  width: 10vw;
}
#recycle #kogata_wrap #kogata_select02 .select_icon img {
  height: auto;
  width: auto;
}
#recycle #kogata_wrap #kogata_total_price {
  display: flex;
  justify-content: right;
  align-items: baseline;
  background-color: #fff;
  border: #ff0000 solid 2px;
  padding: 5px 20px;
}
#recycle #kogata_wrap #kogata_total_price #kogata_price {
  display: flex;
  justify-content: right;
  align-items: center;
  height: auto;
}
#recycle #kogata_wrap #kogata_total_price #kogata_price img {
  height: clamp(16px, 16vw, 80px);
}
#recycle #kogata_wrap #kogata_total_price #kogata_price img.price_none {
  width: 90%;
}
#recycle #kogata_wrap #kogata_total_price #kogata_price img.price_cate {
  width: 40%;
}
#recycle #kogata_wrap #kogata_total_price #kogata_price img.price {
  width: auto;
}
.modaal-container {
  caret-color: transparent;
  width: 100%;
  max-width: 500px;
}
.modaal-container .modaal-content-container {
  padding: 15px;
  max-height: 90vh;
  padding: 0;
}
.modaal-container .modaal-content-container li {
  padding: 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: left;
  align-items: center;
  cursor: pointer;
}
.modaal-container .modaal-content-container .kaden_select01_select_ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 9vh;
  max-height: 70px;
}
.modaal-container .modaal-content-container .kaden_select01_select_ul li img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.modaal-container .modaal-content-container .kaden_select02_select_ul li img {
  max-height: 80px;
}
.modaal-container .modaal-content-container .kogata_select01_select_ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 9vh;
  max-height: 60px;
  padding: 5px 0;
}
.modaal-container .modaal-content-container .kogata_select01_select_ul li img {
  max-height: 90%;
  max-width: 100%;
  object-fit: contain;
}
.modaal-container .modaal-content-container #category_none {
  color: #000;
  font-weight: bold;
  font-size: clamp(16px, 150%, 60px);
  padding: 10px;
}
.modaal-container .modaal-content-container .kogata_select02_category {
  display: none;
  overflow: scroll;
  max-height: 80vh;
}
.modaal-container .modaal-content-container .kogata_select02_category li {
  color: #000;
  font-weight: bold;
  font-size: clamp(16px, 8px + 1vw, 18px);
  display: flex;
  justify-content: left;
  align-items: center;
  line-height: 1.1;
  padding: 15px 15px 10px 15px;
  white-space: nowrap; /* テキストを改行させない */
  height: 5.625vh;
}
.modaal-container .modaal-content-container img {
  width: 100%;
  height: auto;
}/*# sourceMappingURL=styles.css.map */