@keyframes growing {
  0% {
    top: 20px;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}
@keyframes growingSP {
  0% {
    top: 50%;
    transform: scale(0);
  }
  100% {
    top: 0;
    transform: scale(1);
  }
}

/* PC */
html[data-browse-mode="P"] body {
  overflow-x: hidden;
}
html[data-browse-mode="P"] .pane-contents .container {
  width: 100%;
}
html[data-browse-mode="P"] .pane-left-menu {
  display: none;
}
html[data-browse-mode="P"] .home-garden-work .sp {
  display: none !important;
}
html[data-browse-mode="P"] .home-garden-work h2 {
  background: none;
  padding: 0;
  margin: 0;
}
html[data-browse-mode="P"] .home-garden-work h3 {
  padding: 0;
  margin: 0;
}
html[data-browse-mode="P"] .home-garden-work h3:after {
  display: none;
}

html[data-browse-mode="P"] .home-garden-work {
  color: #010101;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 2.5px;
}
html[data-browse-mode="P"] .home-garden-work .inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
html[data-browse-mode="P"] .home-garden-work .mv {
  margin: 0 0 140px;
}
html[data-browse-mode="P"] .home-garden-work .mv .inner {
  width: 1452px;
  padding: 55px 0 0;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed01,
html[data-browse-mode="P"] .home-garden-work .mv .seed02,
html[data-browse-mode="P"] .home-garden-work .mv .seed05,
html[data-browse-mode="P"] .home-garden-work .mv .seed06 {
  position: absolute;
  width: 98px;
  height: 107px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed01 {
  top: 381px;
  left: 360px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed02 {
  top: 460px;
  left: 440px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed05 {
  top: 389px;
  right: 255px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed06 {
  top: 460px;
  right: 180px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed03,
html[data-browse-mode="P"] .home-garden-work .mv .seed04 {
  position: absolute;
  width: 95px;
  height: 104px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed03 {
  top: 389px;
  left: 750px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed04 {
  top: 460px;
  left: 820px;
}
html[data-browse-mode="P"] .home-garden-work .mv .seed01 img:nth-child(1),
html[data-browse-mode="P"] .home-garden-work .mv .seed02 img:nth-child(1),
html[data-browse-mode="P"] .home-garden-work .mv .seed05 img:nth-child(1),
html[data-browse-mode="P"] .home-garden-work .mv .seed06 img:nth-child(1) {
  position: absolute;
  top: 20px;
  left: 29px;
  transform: scale(0);
}
html[data-browse-mode="P"] .home-garden-work .mv .seed03 img:nth-child(1),
html[data-browse-mode="P"] .home-garden-work .mv .seed04 img:nth-child(1) {
  position: absolute;
  top: 20px;
  left: 27px;
  transform: scale(0);
}
html[data-browse-mode="P"] .home-garden-work .mv div[class^="seed"].anim img:nth-child(1) {
  animation: growing 1s ease-in-out 1 forwards;
}
html[data-browse-mode="P"] .home-garden-work .mv div[class^="seed"] img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
}
html[data-browse-mode="P"] .home-garden-work h1 {
  position: relative;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 1;
}
html[data-browse-mode="P"] .home-garden-work .mv .comment {
  position: absolute;
  top: -15px;
  left: 333px;
  opacity: 0;
  transition: .5s ease;
}
html[data-browse-mode="P"] .home-garden-work .mv .comment.show {
  top: 15px;
  opacity: 1;
}
html[data-browse-mode="P"] .home-garden-work .mv .person {
  position: absolute;
  top: 113px;
  right: 342px;
  transition: .6s ease;
}
html[data-browse-mode="P"] .home-garden-work .mv .person.show {
  top: 2px;
  right: 154px;
}
html[data-browse-mode="P"] .home-garden-work .intro {
  padding: 265px 0 85px;
  margin: 0 0 100px;
  background: #4f8b3c url(../../home_garden_plan/img/img_turf.png) repeat-x left top;
  border-bottom: 2px solid #3a672c;
}
html[data-browse-mode="P"] .home-garden-work .intro .inner:before {
  content: '';
  position: absolute;
  top: 133px;
  left: -85px;
  width: 43px;
  height: 33px;
  background: url(../../home_garden_plan/img/img_kuru01.png) no-repeat left top;
}
html[data-browse-mode="P"] .home-garden-work .intro .inner:after {
  content: '';
  position: absolute;
  top: 35px;
  right: -95px;
  width: 49px;
  height: 27px;
  background: url(../../home_garden_plan/img/img_kuru02.png) no-repeat left top;
}
html[data-browse-mode="P"] .home-garden-work .intro .message {
  position: absolute;
  top: -380px;
  right: 0;
  left: 0;
  margin: auto;
  width: 1000px;
  border: 4px solid #bcbcbc;
  border-radius: 16px;
  background: #fff;
  padding: 45px 75px;
}
html[data-browse-mode="P"] .home-garden-work .intro .message .ttl {
  text-align: center;
  margin: 0 0 25px;
}
html[data-browse-mode="P"] .home-garden-work .intro .message p {
  font-size: 22px;
  line-height: 1.65;
}
html[data-browse-mode="P"] .home-garden-work .intro .nav {
  text-align: center;
}
html[data-browse-mode="P"] .home-garden-work .intro .nav .ttl {
  margin: 0 0 10px;
}
html[data-browse-mode="P"] .home-garden-work .intro .nav ul {
  display: flex;
  justify-content: center;
}
html[data-browse-mode="P"] .home-garden-work .intro .nav li {
  margin: 0 33px;
}
html[data-browse-mode="P"] .home-garden-work .intro .nav li a {
  display: block;
  width: 226px;
  height: 226px;
  background: #fff;
  border-radius: 50%;
  border: 6px solid #ebebeb;
  padding: 33px 0 0 5px;
  transition: .6s ease;
}
html[data-browse-mode="P"] .home-garden-work .intro .nav li a:hover {
  border-color: #000;
  opacity: 1;
}
html[data-browse-mode="P"] .home-garden-work .making-soil h2 {
  margin: 0 0 30px;
}
html[data-browse-mode="P"] .home-garden-work .making-soil .message {
  width: 810px;
  margin: 0 auto 90px;
}
html[data-browse-mode="P"] .home-garden-work dl {
  position: relative;
  background: #f4f4f1;
  border-radius: 20px;
  margin: 0 0 20px;
  padding: 60px 90px;
}
html[data-browse-mode="P"] .home-garden-work dl#point04_02 {
  margin-top: -50px;
  padding-top: 85px;
  background: #f4f4f1 url(../../home_garden_plan/img/border.png) no-repeat center top 25px;
}
html[data-browse-mode="P"] .home-garden-work dl#point01:before,
html[data-browse-mode="P"] .home-garden-work dl#point05:before,
html[data-browse-mode="P"] .home-garden-work dl#point13:before {
  content: '';
  position: absolute;
  top: -41px;
  left: -42px;
  width: 82px;
  height: 82px;
  background: url(../../home_garden_plan/img/img_ring_top_l.png) no-repeat left top;
}
html[data-browse-mode="P"] .home-garden-work dl#point01:after,
html[data-browse-mode="P"] .home-garden-work dl#point05:after,
html[data-browse-mode="P"] .home-garden-work dl#point13:after {
  content: '';
  position: absolute;
  top: -42px;
  right: -37px;
  width: 82px;
  height: 82px;
  background: url(../../home_garden_plan/img/img_ring_top_r.png) no-repeat left top;
}
html[data-browse-mode="P"] .home-garden-work dl:not(#point01):not(#point04_02):not(#point05):not(#point13):before {
  content: '';
  position: absolute;
  top: -55px;
  left: -5px;
  width: 82px;
  height: 95px;
  background: url(../../home_garden_plan/img/img_ring_l.png) no-repeat left top;
}
html[data-browse-mode="P"] .home-garden-work dl:not(#point01):not(#point04_02):not(#point05):not(#point13):after {
  content: '';
  position: absolute;
  top: -53px;
  right: 3px;
  width: 82px;
  height: 95px;
  background: url(../../home_garden_plan/img/img_ring_r.png) no-repeat left top;
}
html[data-browse-mode="P"] .home-garden-work dt {
  text-align: center;
  padding: 0 0 45px;
  margin: 0 0 40px;
  background: url(../../home_garden_plan/img/border.png) no-repeat center bottom;
}
html[data-browse-mode="P"] .home-garden-work dl#point01 dt {
  margin: 0 0 20px;
}
html[data-browse-mode="P"] .home-garden-work dl#point01 dd p {
  margin: 0 18px 30px;
}
html[data-browse-mode="P"] .home-garden-work dl dd p:not(:last-child) {
  margin: 0 0 25px;
}
html[data-browse-mode="P"] .home-garden-work dl .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 30px 0 40px;
}
html[data-browse-mode="P"] .home-garden-work dl#point01 .box {
  align-items: center;
}
html[data-browse-mode="P"] .home-garden-work dl#point04 .box:not(:last-child) {
  padding-bottom: 60px;
  margin-bottom: 60px;
  background: url(../../home_garden_plan/img/border.png) no-repeat center bottom;
}
html[data-browse-mode="P"] .home-garden-work dl .box .text {
  position: relative;
  width: 380px;
  text-align: justify;
}
html[data-browse-mode="P"] .home-garden-work dl#point03 .box .text:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 6px;
  width: 100px;
  height: 5px;
  background: url(../img/dot.png);
}
html[data-browse-mode="P"] .home-garden-work dl .box .text h3 {
  margin: 0 0 30px;
}
html[data-browse-mode="P"] .home-garden-work dl .box .text p:not(:last-child) {
  margin: 0 0 28px;
}
html[data-browse-mode="P"] .home-garden-work dl .box .text span {
  color: #2b7f11;
  font-weight: bold;
}
html[data-browse-mode="P"] .home-garden-work .link-text {
  margin: 5px 0 0;
}
html[data-browse-mode="P"] .home-garden-work .link-text a {
  color: #443829;
  padding: 2px 0 2px 35px;
  background: url(../img/icon_caution.png) no-repeat left center;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d {
  margin: 80px 0 0;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d li:last-child {
  margin: 0;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--item-body {
  width: 820px;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--image {
  width: 190px;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--image figure {
  width: 190px;
  height: 190px;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--item-description {
  width: 605px;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--comment {
  margin-bottom: 10px;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--item-details-middle {
  margin-left: 15px;
}
html[data-browse-mode="P"] .home-garden-work .block-goods-list-d--item-details-right {
  flex-basis: 230px;
}
html[data-browse-mode="P"] .home-garden-work dl#point01 .btn,
html[data-browse-mode="P"] .home-garden-work .series .btn {
  display: flex;
  align-items: center;
  width: 410px;
  height: 54px;
  margin: 50px auto 0;
  padding: 0 0 0 59px;
  background: #cae4c1;
  border: 4px solid #ebebeb;
  transition: .6s ease;
  border-radius: 30px;
}
html[data-browse-mode="P"] .home-garden-work dl#point01 .btn:hover,
html[data-browse-mode="P"] .home-garden-work .series .btn:hover {
  border-color: #000;
  opacity: 1;
}
html[data-browse-mode="P"] .home-garden-work #select-point {
  margin: 150px 0 0;
}
html[data-browse-mode="P"] .home-garden-work #select-point h2 {
  margin: 0 0 20px;
}
html[data-browse-mode="P"] .home-garden-work #select-point .message {
  width: 760px;
  margin: 0 auto 90px;
}
html[data-browse-mode="P"] .home-garden-work #select-point .block:not(:last-child) {
  margin: 0 0 200px;
}
html[data-browse-mode="P"] .home-garden-work #select-point h3 {
  text-align: center;
  margin: 0 0 45px;
  padding: 0 60px 0 0;
}
html[data-browse-mode="P"] .home-garden-work .series {
  margin: 100px 0 170px;
}
html[data-browse-mode="P"] .home-garden-work .series .ttl {
  text-align: center;
  margin: 0 0 35px;
}
html[data-browse-mode="P"] .home-garden-work .series ul {
  display: flex;
  justify-content: space-between;
  width: 890px;
  margin: 0 auto 60px;
}
html[data-browse-mode="P"] .home-garden-work .series .btn {
  width: 548px;
}
html[data-browse-mode="P"] .home-garden-work .recommend h2 {
  margin: 0 0 45px;
}
html[data-browse-mode="P"] .home-garden-work .recommend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 900px;
  margin: 0 auto;
}
html[data-browse-mode="P"] .home-garden-work .recommend li {
  width: 435px;
  margin: 0 0 15px;
}
html[data-browse-mode="P"] .block-goods-list-d {
  background: #f4f4f1;
  width: 1000px;
  margin: -50px auto 20px;
  padding: 40px 90px 20px;
  border-radius: 20px;
}
html[data-browse-mode="P"] .block-goods-list-d--item-body {
  width: 820px;
}
html[data-browse-mode="P"] .block-goods-list-d--image {
  width: 190px;
}
html[data-browse-mode="P"] .block-goods-list-d--image figure {
  width: 190px;
  height: 190px;
}
html[data-browse-mode="P"] .block-goods-list-d--item-description {
  width: 605px;
}
html[data-browse-mode="P"] .block-goods-list-d--add-cart,
html[data-browse-mode="P"] .block-goods-list-d--arrival-notice,
html[data-browse-mode="P"] .block-goods-list-d--reservation {
  flex-basis: 200px;
}
html[data-browse-mode="P"] .block-goods-list-d--add-cart .block-list-add-cart-btn {
  width: 200px;
  padding-left: 55px;
  background-position: left 30px top 15px;
}
html[data-browse-mode="P"] #select-goods {
  margin-top: 200px;
}
html[data-browse-mode="P"] #select-goods h3 {
  text-align: center;
  margin: 0 0 45px;
  padding: 0 60px 0 0;
}
html[data-browse-mode="P"] .home-garden-work .point .block-goods-list-d--items{margin-left:-40px;}

/* SP */
html[data-browse-mode="S"] .home-garden-work .pc {
  display: none !important;
}
html[data-browse-mode="S"] .home-garden-work h1 {
  position: relative;
  padding: 0;
  margin: 0 0 0 0.8%;
  border: 0;
  width: 99.2%;
  z-index: 1;
}
html[data-browse-mode="S"] .home-garden-work h2 {
  background: none;
  padding: 0;
  margin: 0;
}
html[data-browse-mode="S"] .home-garden-work h3 {
  padding: 0;
  margin: 0;
}
html[data-browse-mode="S"] .home-garden-work h3:after {
  display: none;
}

html[data-browse-mode="S"] .home-garden-work {
  color: #000;
  font-size: 18px;
  line-height: 1.67;
  margin: 10px 0 0;
}
html[data-browse-mode="S"] .home-garden-work .mv {
  position: relative;
  padding: 9.5vw 0 0;
  margin: 40px 0 25px;
}
html[data-browse-mode="S"] .home-garden-work .mv .comment {
  position: absolute;
  top: -14%;
  left: 7.5%;
  width: 28.67%;
  z-index: 1;
  opacity: 0;
  transition: .5s ease;
}
html[data-browse-mode="S"] .home-garden-work .mv .comment.show {
  top: -11.5%;
  opacity: 1;
}
html[data-browse-mode="S"] .home-garden-work .mv .person {
  position: absolute;
  top: 10%;
  right: 14%;
  width: 22.535%;
  opacity: 0;
  transition: .6s ease;
}
html[data-browse-mode="S"] .home-garden-work .mv .person.show {
  top: 0;
  right: 4.5%;
  opacity: 1;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed01,
html[data-browse-mode="S"] .home-garden-work .mv .seed02 {
  position: absolute;
  width: 7.735%;
  height: 11.205%;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed01 {
  top: 75%;
  left: 35.8%;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed02 {
  top: 85%;
  left: 42%;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed03,
html[data-browse-mode="S"] .home-garden-work .mv .seed04 {
  position: absolute;
  width: 7.47%;
  height: 10.09%;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed03 {
  top: 73%;
  right: 24%;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed04 {
  top: 85%;
  right: 16%;
}
html[data-browse-mode="S"] .home-garden-work .mv .seed01 img:nth-child(1),
html[data-browse-mode="S"] .home-garden-work .mv .seed02 img:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 31%;
  width: 46.6%;
  height: auto;
  transform: scale(0);
}
html[data-browse-mode="S"] .home-garden-work .mv .seed03 img:nth-child(1),
html[data-browse-mode="S"] .home-garden-work .mv .seed04 img:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 29%;
  width: 41.1%;
  height: auto;
  transform: scale(0);
}
html[data-browse-mode="S"] .home-garden-work .mv div[class^="seed"].anim img:nth-child(1) {
  animation: growingSP 1s ease-in-out 1 forwards;
}
html[data-browse-mode="S"] .home-garden-work .mv div[class^="seed"] img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
html[data-browse-mode="S"] .home-garden-work .intro {
  padding: 40px 15px;
  margin: 0 0 30px;
  background: #4f8b3c url(../../home_garden_plan/img/sp/img_turf.png) repeat-x left top / 350px;
  border-bottom: 1px solid #3a672c;
}
html[data-browse-mode="S"] .home-garden-work .intro .message {
  border: 2px solid #bcbcbc;
  background: #fff;
  border-radius: 10px;
  margin: 0 0 22px;
  text-align: center;
  padding: 22px 15px;
}
html[data-browse-mode="S"] .home-garden-work .intro .message .ttl {
  line-height: 0;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work .intro .message .ttl img {
  width: 34.89%;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav {
  position: relative;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav:before {
  content: '';
  position: absolute;
  left: 2%;
  bottom: -12%;
  width: 30px;
  height: 24px;
  background: url(../../home_garden_plan/img/sp/img_kuru01.png) no-repeat left top / contain;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav:after {
  content: '';
  position: absolute;
  top: 7%;
  right: 2%;
  width: 28px;
  height: 15px;
  background: url(../../home_garden_plan/img/sp/img_kuru02.png) no-repeat left top / contain;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav .ttl {
  text-align: center;
  line-height: 0;
  margin: 0 0 8px;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav .ttl img {
  width: 36.815%;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav ul {
  display: flex;
  justify-content: space-between;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav li {
  width: calc((100% - 10px) / 2);
}
html[data-browse-mode="S"] .home-garden-work .intro .nav li a {
  display: block;
  text-align: center;
  border-radius: 50%;
  height: calc((100vw - 40px) / 2);
  background: #fff;
  border: 4px solid #ebebeb;
  padding: 8% 0 0;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav li:nth-child(2) a {
  padding: 8.5% 0 0;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav li:nth-child(1) img {
  width: 73.36%;
  height: auto;
}
html[data-browse-mode="S"] .home-garden-work .intro .nav li:nth-child(2) img {
  width: 64.58%;
  height: auto;
}
html[data-browse-mode="S"] .home-garden-work .making-soil {
  padding: 0 15px;
}
html[data-browse-mode="S"] .home-garden-work .making-soil h2 {
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work .making-soil h2 img {
  width: 99.856%;
}
html[data-browse-mode="S"] .home-garden-work .making-soil .message {
  margin: 0 0 20px;
}
html[data-browse-mode="S"] .home-garden-work dl {
  background: #f4f2ec;
  border-radius: 10px 10px 0 0;
  padding: 25px 15px 30px;
  margin: 0 0 20px;
}
html[data-browse-mode="S"] .home-garden-work dl#point04_02 {
  padding-top: 1px;
  margin-top: -25px;
}
html[data-browse-mode="S"] .home-garden-work dl#point06,
html[data-browse-mode="S"] .home-garden-work dl#point07,
html[data-browse-mode="S"] .home-garden-work dl#point08,
html[data-browse-mode="S"] .home-garden-work dl#point09,
html[data-browse-mode="S"] .home-garden-work dl#point10,
html[data-browse-mode="S"] .home-garden-work dl#point11,
html[data-browse-mode="S"] .home-garden-work dl#point12,
html[data-browse-mode="S"] .home-garden-work dl#point13,
html[data-browse-mode="S"] .home-garden-work dl#point14,
html[data-browse-mode="S"] .home-garden-work dl#point15,
html[data-browse-mode="S"] .home-garden-work dl#point16,
html[data-browse-mode="S"] .home-garden-work dl#point17,
html[data-browse-mode="S"] .home-garden-work dl#point18,
html[data-browse-mode="S"] .home-garden-work dl#point19 {
  margin: 0 15px;
}
html[data-browse-mode="S"] .home-garden-work dt {
  padding: 0 0 25px;
  margin: 0 0 20px;
  background: url(../../home_garden_plan/img/sp/border.png) repeat-x center bottom / 120%;
}
html[data-browse-mode="S"] .home-garden-work dl h3 {
  text-align: center;
}
html[data-browse-mode="S"] .home-garden-work dl#point02 h3 {
  margin: 0 -0.875%;
}
html[data-browse-mode="S"] .home-garden-work dl#point04 h3 {
  margin: 0 -0.32%;
}
html[data-browse-mode="S"] .home-garden-work dl#point04_02 h3 {
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work dl#point01 h3 img {
  width: 75.4%;
}
html[data-browse-mode="S"] .home-garden-work dl#point03 h3 img {
  width: 62.86%;
}
html[data-browse-mode="S"] .home-garden-work dl h4 {
  text-align: center;
}
html[data-browse-mode="S"] .home-garden-work dl#point05 h4 img {
  width: 29.685%;
}
html[data-browse-mode="S"] .home-garden-work dl#point06 h4 img {
  width: 33.2%;
}
html[data-browse-mode="S"] .home-garden-work dl#point07 h4 img {
  width: 32.065%;
}
html[data-browse-mode="S"] .home-garden-work dl#point08 h4 img {
  width: 64.445%;
}
html[data-browse-mode="S"] .home-garden-work dl#point09 h4 img {
  width: 39.685%;
}
html[data-browse-mode="S"] .home-garden-work dl#point10 h4 img {
  width: 18.89%;
}
html[data-browse-mode="S"] .home-garden-work dl#point11 h4 img {
  width: 52.385%;
}
html[data-browse-mode="S"] .home-garden-work dl#point12 h4 img {
  width: 40.635%;
}
html[data-browse-mode="S"] .home-garden-work dl#point13 h4 img {
  width: 37.62%;
}
html[data-browse-mode="S"] .home-garden-work dl#point14 h4 img {
  width: 46.985%;
}
html[data-browse-mode="S"] .home-garden-work dl#point15 h4 img {
  width: 68.255%;
}
html[data-browse-mode="S"] .home-garden-work dl#point16 h4 img {
  width: 54.445%;
}
html[data-browse-mode="S"] .home-garden-work dl#point17 h4 img {
  width: 42.225%;
}
html[data-browse-mode="S"] .home-garden-work dl#point18 h4 img {
  width: 17.62%;
}
html[data-browse-mode="S"] .home-garden-work dl#point19 h4 img {
  width: 45.875%;
}
html[data-browse-mode="S"] .home-garden-work dd > p {
  margin: 0 0 20px;
}
html[data-browse-mode="S"] .home-garden-work .link-text a {
  display: inline-block;
  color: #443829;
  padding: 0 0 0 30px;
  background: url(../img/icon_caution.png) no-repeat left center;
}
html[data-browse-mode="S"] .home-garden-work dl#point01 .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 25px;
}
html[data-browse-mode="S"] .home-garden-work .box .img {
  text-align: center;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work dl#point01 .box .img {
  width: calc(100% - 170px);
  margin: 0;
}
html[data-browse-mode="S"] .home-garden-work .box .img img {
  width: 54.29%;
}
html[data-browse-mode="S"] .home-garden-work dl#point01 .box .img img {
  width: 100%;
}
html[data-browse-mode="S"] .home-garden-work dl#point01 .box .text {
  width: 151px;
}
html[data-browse-mode="S"] .home-garden-work .box .text p:not(:last-child) {
  margin: 0 0 20px;
}
html[data-browse-mode="S"] .home-garden-work .box .text p span {
  color: #2b7f11;
  font-weight: bold;
}
html[data-browse-mode="S"] .home-garden-work .btn {
  padding: 0;
}
html[data-browse-mode="S"] .home-garden-work dl#point04 h3 {
  text-align: center;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work dl#point04 .box:nth-child(1) h3 img {
  width: 58.835%;
}
html[data-browse-mode="S"] .home-garden-work dl#point04_02 .box {
  padding: 20px 0 0;
  margin: 28px 0 0;
  background: url(../../home_garden_plan/img/sp/border.png) repeat-x center top / 120%;
}
html[data-browse-mode="S"] .home-garden-work dl#point04_02 .box h3 img {
  width: 47.95%;
}
html[data-browse-mode="S"] .home-garden-work #select-point {
  padding: 0 15px;
  margin: 50px 0 0;
}
html[data-browse-mode="S"] .home-garden-work #select-point h2 {
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work #select-point h2 img {
  width: 100%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message {
  margin: 0 0 25px;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:not(:last-child) {
  margin: 0 0 40px;
}
html[data-browse-mode="S"] .home-garden-work #select-point h3 {
  text-align: center;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block h3 img {
  width: 89.276%;
  transform: translateX(-5%);
}
html[data-browse-mode="S"] .home-garden-work #select-point h4 {
  text-align: center;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(2) h4 img {
  width: 33.2%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(3) h4 img {
  width: 32.065%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(4) h4 img {
  width: 64.445%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(5) h4 img {
  width: 39.685%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(6) h4 img {
  width: 18.89%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(7) h4 img {
  width: 52.385%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .message + .block dl:nth-of-type(8) h4 img {
  width: 40.635%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:last-of-type dl:nth-of-type(2) h4 img {
  width: 46.985%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:last-of-type dl:nth-of-type(3) h4 img {
  width: 68.255%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:last-of-type dl:nth-of-type(4) h4 img {
  width: 54.445%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:last-of-type dl:nth-of-type(5) h4 img {
  width: 42.225%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:last-of-type dl:nth-of-type(6) h4 img {
  width: 17.62%;
}
html[data-browse-mode="S"] .home-garden-work #select-point .block:last-of-type dl:nth-of-type(7) h4 img {
  width: 45.875%;
}
html[data-browse-mode="S"] .home-garden-work .series {
  padding: 0 15px;
  margin: 50px 0 55px;
}
html[data-browse-mode="S"] .home-garden-work .series .ttl {
  margin: 0 0 20px;
  text-align: center;
}
html[data-browse-mode="S"] .home-garden-work .series .ttl img {
  width: 82.175%;
}
html[data-browse-mode="S"] .home-garden-work .series ul {
  margin: 0 0 25px;
}
html[data-browse-mode="S"] .home-garden-work .series li:not(:last-child) {
  margin: 0 0 15px;
}
html[data-browse-mode="S"] .home-garden-work .series .btn {
  display: block;
  margin: 0 auto;
  width: 89.714%;
}
html[data-browse-mode="S"] .home-garden-work .recommend {
  padding: 0 15px;
}
html[data-browse-mode="S"] .home-garden-work .recommend h2 {
  margin: 0 0 20px;
}
html[data-browse-mode="S"] .home-garden-work .recommend li:not(:last-child) {
  margin: 0 0 10px;
}
html[data-browse-mode="S"] .home-garden-work .block-goods-detail-j {
  margin: 20px 0 0;
}
html[data-browse-mode="S"] .home-garden-work .block-list-add-cart-btn {
  padding: 11px 0;
}
html[data-browse-mode="S"] .block-goods-detail-j {
  background: #f4f2ec;
  margin: -20px 15px 20px;
  padding: 0 15px;
}
html[data-browse-mode="S"] .block-goods-detail-j--items {
  border-top: 1px solid #eee;
}
html[data-browse-mode="S"] .block-goods-detail-j--items li {
  border-bottom: 1px solid #eee;
  padding: 10px;
}
html[data-browse-mode="S"] .block-goods-detail-j--top {
  padding: 10px 0 20px;
}
html[data-browse-mode="S"] .block-goods-detail-j--cart-btn {
  width: 63vw;
}
html[data-browse-mode="S"] .block-goods-detail-j .block-list-add-cart-btn {
  background-position: left 48px top 14px;
  padding-left: 40px;
}
html[data-browse-mode="S"] .block-goods-detail-j--bottom {
  padding-bottom: 20px;
}
html[data-browse-mode="S"] #select-goods {
  margin: 40px 0 0;
}
html[data-browse-mode="S"] #select-goods h3 {
  text-align: center;
  margin: 0 15px 15px;
}
html[data-browse-mode="S"] #select-goods h3 img {
  width: 89.276%;
  transform: translateX(-5%);
}
