﻿
/* 汎用クラス
------------------------------------------------------------------- */
.mt_00 {margin-top: 0 !important; }
.mt_10 {margin-top: 1em !important; }
.mt_20 {margin-top: 2em !important; }
.mt_30 {margin-top: 3em !important; }
.mr_00 {margin-right: 0 !important; }
.mr_10 {margin-right: 1em !important; }
.mr_20 {margin-right: 2em !important; }
.mr_30 {margin-right: 3em !important; }
.mb_00 {margin-bottom: 0em !important; }
.mb_10 {margin-bottom: 1em !important; }
.mb_20 {margin-bottom: 2em !important; }
.mb_30 {margin-bottom: 3em !important; }
.ml_00 {margin-left: 0 !important; }
.ml_10 {margin-left: 1em !important; }
.ml_20 {margin-left: 2em !important; }
.ml_30 {margin-left: 3em !important; }

.fz_80{font-size:80%;}
.fz_90{font-size:90%;}
.fz_120{font-size:120%;}

.red {color: red;}
.green{color:#008c67!important;}
.pink{color:#e84566;}

.pc-none {display: none;}
.sp-none {display: block;}
@media screen and (max-width: 600px) {
  .pc-none {display: block;}
  .sp-none {display: none;}
}
.marker {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffff99));
  background: linear-gradient(transparent 50%, #ffff99 0%);
}

.notes2 li{
  margin-left:1em;
  text-indent:-1em;
}

.indent_3 li{
  margin-left:3em;
  text-indent:-3em;
}

/*  Space
------------------------------------------------------------------- */
.indent_10 {
  margin-left: 1em;
  text-indent: -1em;
}
/*  List
------------------------------------------------------------------- */
ol.list-decimal {
  list-style-type: decimal;
  margin-left: 2em;
}
ol.list-decimal> li+ li {
  margin-top: 1em;
}
/*----------------------------------------------------------------- */
#postSec .h3:before, #postSec .parts-bgtxt {
  background: #4fb2b7
}
#postSec .parts-index .indexlist .index-l, #postSec .parts-index .indexlist .subindex li:before, #postSec .parts-material .materiallist dt.icon:before, #postSec .parts-recipe .recipellist li:before, #postSec .parts-memo h3, #postSec .parts-bdmemo h3 {
  color: #4fb2b7
}
#postSec .parts-frame {
  border-color: #4fb2b7
}
#postSec .parts-index .indexlist .index-l:before {
  border-color: transparent transparent transparent #4fb2b7
}
#postSec {
  border-bottom: 1px solid #bbb;
  overflow: hidden
}
#postSec.space-btm {
  padding-bottom: 155px
}
#postSec .postttl {
  margin: 20px 0 0;
  padding: 0 0 20px;
  border-bottom: 3px solid #4fb2b7;
}

#postSec .disclaimer {
  margin:70px auto 43px;
  text-align:center;
}

#postSec .disclaimer .parts-txt{
  text-align:left;
  margin-top:70px;
}

@media screen and (max-width: 600px) {
#postSec .disclaimer {
  margin:20px auto 20px;
  text-align:center;
}
#postSec .disclaimer .parts-txt{
  margin-top:30px;
}
  
}

#postSec .disclaimer h1{
  color:#E36E55;
  font-size:3.5rem!important;
  font-weight:bold;
}

#postSec .postttl .caticon {
  width: 150px;
  height: 150px;
  margin: auto;
  padding: 5px 25px
}
#postSec .postttl .caticon .icon img {
  width: 100px;
  height: auto;
}
#postSec .postttl .h1 {
  margin: 20px 0 0;
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center
}
#postSec .postttl + * {
  margin-top: 80px !important
}
#postSec .h2 {
  border-bottom: 3px solid #4fb2b7;
  padding: 20px 0;
  font-size: 3.5rem;
  font-weight: 700;
  text-align: center;
  margin: 140px 0 0
}
#postSec .h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 130px 0 0;
  padding: 0 0 0 25px;
  position: relative
}
#postSec .h3:before {
  content: '';
  display: block;
  border-radius: 2px;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
#postSec .parts {
  margin: 40px 0 0;
  word-break: break-all
}
#postSec .parts strong {
  font-weight: 700
}
#postSec .parts a {
  text-decoration: underline
}
#postSec .parts a:hover {
  text-decoration: none
}
#postSec .parts .video {
  padding-top: 56.25%;
  position: relative
}
#postSec .parts .video iframe {
  width: 100%;


  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
#postSec .parts-index {
  border: 1px solid #bfbfbf;
  border-radius: 10px;
  padding: 50px 29px 34px
}
#postSec .parts-index .indexttl {
  margin: 0;
  padding: 0 0 20px;
  text-align: center;
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: .1em;
  border-bottom: 1px solid #bcbcbc
}
#postSec .parts-index .indexlist > li {
  border-bottom: 1px solid #bcbcbc;
  padding: 15px 0
}
#postSec .parts-index .indexlist > li:last-of-type {
  border: none;
  padding-bottom: 0
}
#postSec .parts-index .indexlist .index-l {
  font-size: 2rem;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 30px
}
#postSec .parts-index .indexlist .index-l:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 2px;
  border-style: solid;
  border-width: 13.5px 0 13.5px 18px
}
#postSec .parts-index .indexlist .subindex {
  margin: 10px 0 0
}
#postSec .parts-index .indexlist .subindex li {
  position: relative;
  padding: 0 0 0 1.3em
}
#postSec .parts-index .indexlist .subindex li:before {
  content: '●';
  position: absolute;
  left: 0;
  top: 0
}
#postSec .parts-media h3 {
  margin: 0 0 20px;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center
}
#postSec .parts-media .media {
  text-align: center
}
#postSec .parts-media .txtbox {
  background: #f5f5f3;
  padding: 15px 20px
}
#postSec .parts-editor {
  margin: 40px 0 0
}
#postSec .parts-editor > :first-child {
  margin-top: 0
}
#postSec .parts-lrbox .list > li + li {
  margin-top: 50px
}
#postSec .parts-lrbox .list > li.bd {
  padding: 0 0 40px;
  border-bottom: 1px solid #c4c4c4
}
#postSec .parts-lrbox .list .h3 {
  margin: 0
}
#postSec .parts-lrbox .list .h3 + .lrbox {
  margin-top: 30px
}
#postSec .parts-lrbox .list .lrbox.ptn1 .phtbox {
  width: 415px
}
#postSec .parts-lrbox .list .lrbox.ptn1 .txtbox {
  width: 520px
}
#postSec .parts-lrbox .list .lrbox.ptn2 .phtbox {
  width: 276px
}
#postSec .parts-lrbox .list .lrbox.ptn2 .txtbox {
  width: 658px
}
#postSec .parts-lrbox .list .lrbox.ptn3 {
  padding: 30px;
  background: #f5f5f3
}
#postSec .parts-lrbox .list .lrbox.ptn3 .phtbox {
  width: 261px
}
#postSec .parts-lrbox .list .lrbox.ptn3 .txtbox {
  width: 600px
}
#postSec .parts-lrbox .list .lrbox.ptn3 .ttl {
  padding: 0 0 10px;
  border-bottom: 1px solid #c4c4c4
}
#postSec .parts-lrbox .list .lrbox.ptn3 .ttl .icon {
  width: 62px
}
#postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3 {
  width: calc(100% - 72px);
  margin: 0;
  font-size: 2.5rem;
  font-weight: 700
}
#postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3.noicon {
  width: 100%
}
#postSec .parts-lrbox .list .lrbox.ptn3 .box {
  margin: 20px 0 0
}
#postSec .parts-lrbox .list .lrbox.ptn3 .box > :first-child {
  margin-top: 0
}
#postSec .parts-info {
  background: #f5f5f3;
  padding: 40px;
  position: relative
}
#postSec .parts-info.full {
  margin: 100px 0 0
}
#postSec .parts-info.full:before {
  content: '';
  display: block;
  width: 500%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: #f5f5f3
}
#postSec .parts-info dt {
  text-align: center;
  border-bottom: 1px solid #c4c4c4;
  font-size: 2.5rem;
  font-weight: 700;
  padding: 0 0 10px
}
#postSec .parts-info dd {
  margin: 25px 0 0
}
#postSec .parts-info .phtbox {
  width: 173px
}
#postSec .parts-info .box {
  width: 683px
}
#postSec .parts-info .txtbox + .txtbox {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #c4c4c4
}
#postSec .parts-info .disc {
  color: #abd2db;
  font-size: 20px;
}
#postSec .parts-bgtxt {
  color: #fff;
  padding: 15px 20px
}
#postSec .parts-material {
  counter-reset: group_alphabet;
  margin: 60px 0 0
}
#postSec .parts-material h3 {
  margin: 0
}
#postSec .parts-material .materiallist {
  margin: 30px auto 0;
  max-width: 780px
}
#postSec .parts-material .materiallist > li {
  border-bottom: 1px solid #c1c1bd;
  padding: 0 0 5px
}
#postSec .parts-material .materiallist > li + li {
  margin-top: 5px
}
#postSec .parts-material .materiallist .group {
  counter-increment: group_alphabet
}
#postSec .parts-material .materiallist .group .icon:after {
  content: counter(group_alphabet, upper-latin)
}
#postSec .parts-material .materiallist .detail {
  padding: 2px 0
}
#postSec .parts-material .materiallist .detail > dt {
  width: 40px
}
#postSec .parts-material .materiallist .detail > dt.icon {
  padding: 0 0 0 1em
}
#postSec .parts-material .materiallist .detail > dd {
  width: calc(100% - 40px);
  border-left: 1px solid #000;
  padding: 0 0 0 12px;
  margin: 0
}
#postSec .parts-material .materiallist .detail ul li {
  border-bottom: 1px solid #c1c1bd;
  padding: 0 0 5px
}
#postSec .parts-material .materiallist .detail ul li + li {
  margin-top: 5px
}
#postSec .parts-material .materiallist .detail ul li:last-of-type {
  padding: 0;
  border-bottom: 0
}
#postSec .parts-material .materiallist dt.icon {
  padding: 0 0 0 1.5em;
  position: relative
}
#postSec .parts-material .materiallist dt.icon:before {
  content: '●';
  position: absolute;
  left: 0;
  top: 0
}
#postSec .parts-material .materiallist dd {
  white-space: nowrap;
  margin-left: 20px
}
#postSec .parts-recipe {
  margin: 60px 0 0
}
#postSec .parts-recipe h3 {
  margin: 0
}
#postSec .parts-recipe .recipellist {
  margin: 30px 0 0
}
#postSec .parts-recipe .recipellist li {
  padding: 0 0 0 25px;
  position: relative
}
#postSec .parts-recipe .recipellist li:before {
  content: counter(number);
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700
}
#postSec .parts-memo {
  background: #f5f5f3;
  position: relative;
  padding: 40px;
  margin: 80px 0 0
}
#postSec .parts-memo .icon {
  width: 51px;
  position: absolute;
  left: 73px;
  top: -30px
}
#postSec .parts-memo h3 {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  padding: 0 0 10px;
  border-bottom: 1px solid #c4c4c4
}
#postSec .parts-memo .lrbox .phtbox {
  width: 290px
}
#postSec .parts-memo .lrbox .txtbox {
  width: 570px
}
#postSec .parts-memo .phtbox {
  margin: 20px 0 0
}
#postSec .parts-memo .txtbox {
  margin: 15px 0 0
}
#postSec .parts-bdmemo {
  border: 3px solid #f5f5f3;
  border-radius: 15px;
  padding: 37px;
  margin: 60px 0 0
}
#postSec .parts-bdmemo h3 {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  padding: 0 0 10px;
  border-bottom: 1px solid #c4c4c4;
  letter-spacing: .2em
}
#postSec .parts-bdmemo h3 .subtitle {
  display: block;
  padding-bottom: .2em;
  color: #333;
  font-size: 75%;
}
#postSec .parts-bdmemo .txtbox {
  margin: 35px 0 0
}
#postSec .parts-txt {
  margin: 60px 0 0
}
#postSec .parts-txt h3 {
  margin: 0
}
#postSec .parts-txt h3 + .txtbox {
  margin-top: 30px
}
#postSec .parts-frame {
  border-width: 3px;
  border-style: solid;
  border-radius: 15px;
  padding: 37px
}
#postSec .parts-frame .media {
  text-align: center
}
#postSec .parts-frame .media + .txtbox, #postSec .parts-frame .video + .txtbox {
  margin-top: 20px
}
#postSec table th, #postSec table td {
  border: 1px solid #ccc;
  padding: 16px
}
@media screen and (max-width: 600px) {
  #postSec.space-btm {
    padding-bottom: 75px
  }
  #postSec .postttl {
    margin: 20px 0 0;
    padding: 0 0 20px
  }
  #postSec .postttl .caticon {
    width: 80px;
    height: 80px;
    padding: 5px;
  }
  #postSec .postttl .caticon .name {
    margin: 5px 0 0;
    font-size: 1.2rem
  }
  #postSec .postttl .h1 {
    margin: 10px 0 0;
    font-size: 2rem;
    letter-spacing: .2em
  }
  #postSec .postttl + * {
    margin-top: 60px
  }
  #postSec .h2 {
    font-size: 2rem;
    margin: 60px 0 0
  }
  #postSec .h3 {
    font-size: 2.2rem;
    margin: 50px 0 0;
    padding: 0 0 0 30px
  }
  #postSec .h3:before {
    width: 5px
  }
  #postSec .parts {
    margin: 40px 0 0
  }
  #postSec .parts-index {
    padding: 30px 5.5%
  }
  #postSec .parts-index .indexttl {
    padding: 0 0 20px;
    font-size: 2.2rem
  }
  #postSec .parts-index .indexlist > li {
    padding: 10px 0
  }
  #postSec .parts-index .indexlist .index-l {
    font-size: 1.8rem;
    padding: 0 0 0 20px
  }
  #postSec .parts-index .indexlist .index-l:before {
    top: 4px;
    border-width: 10px 0 10px 12px
  }
  #postSec .parts-index .indexlist .subindex {
    margin: 10px 0 0
  }
  #postSec .parts-index .indexlist .subindex li {
    padding: 0 0 0 1.3em
  }
  #postSec .parts-media .ttl {
    font-size: 1.8rem;
    margin: 0 0 10px
  }
  #postSec .parts-lrbox .list > li + li {
    margin-top: 30px
  }
  #postSec .parts-lrbox .list > li.bd {
    padding: 0 0 30px
  }
  #postSec .parts-lrbox .list .h3 + .lrbox {
    margin-top: 20px
  }
  #postSec .parts-lrbox .list .lrbox.ptn1 .phtbox, #postSec .parts-lrbox .list .lrbox.ptn2 .phtbox {
    width: 100%
  }
  #postSec .parts-lrbox .list .lrbox.ptn1 .txtbox, #postSec .parts-lrbox .list .lrbox.ptn2 .txtbox {
    width: 100%;
    margin-top: 15px
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 {
    padding: 30px;
    background: #f5f5f3
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 .phtbox {
    width: 100%;
    text-align: center
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 .txtbox {
    width: 100%;
    margin-top: 30px
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 .ttl {
    padding: 0 0 10px;
    border-bottom: 1px solid #c4c4c4
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 .ttl .icon {
    width: 42px
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3 {
    width: calc(100% - 52px);
    font-size: 2rem
  }
  #postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3.noicon {
    width: 100%
  }
  #postSec .parts-info {
    padding: 40px 5.8%
  }
  #postSec .parts-info.full {
    margin: 60px 0 0
  }
  #postSec .parts-info dd {
    margin: 20px 0 0
  }
  #postSec .parts-info .phtbox {
    width: 173px;
    margin: 0 auto
  }
  #postSec .parts-info .box {
    width: 100%;
    margin-top: 30px
  }
  #postSec .parts-info .txtbox + .txtbox {
    margin: 15px 0 0;
    padding: 15px 0 0
  }
  #postSec .parts-bgtxt {
    padding: 15px 5.8%
  }
  #postSec .parts-material .materiallist {
    max-width: 100%
  }
  #postSec .parts-material .materiallist > li {
    padding: 0 0 5px
  }
  #postSec .parts-material .materiallist > li + li {
    margin-top: 5px
  }
  #postSec .parts-material .materiallist .detail {
    padding: 2px 0
  }
  #postSec .parts-material .materiallist .detail > dt {
    width: 33px
  }
  #postSec .parts-material .materiallist .detail > dd {
    width: calc(100% - 33px);
    padding: 0 0 0 10px
  }
  #postSec .parts-material .materiallist dt.icon {
    padding: 0 0 0 1.2em
  }
  #postSec .parts-material .materiallist dd {
    margin-left: 10px
  }
  #postSec .parts-memo {
    margin: 60px 0 0;
    padding: 40px 10.2%
  }
  #postSec .parts-memo .icon {
    left: 20.5%
  }
  #postSec .parts-memo .lrbox .phtbox {
    width: 100%;
    text-align: center
  }
  #postSec .parts-memo .lrbox .phtbox + .txtbox {
    margin-top: 30px
  }
  #postSec .parts-memo .lrbox .txtbox {
    width: 100%
  }
  #postSec .parts-memo .phtbox {
    margin: 25px 0 0
  }
  #postSec .parts-memo .txtbox {
    margin: 15px 0 0
  }
  #postSec .parts-bdmemo {
    margin: 40px 0 0;
    padding: 37px 7.9%
  }
  #postSec .parts-bdmemo h3 {
    font-size: 2.3rem;
    letter-spacing: .05em
  }
  #postSec .parts-bdmemo .txtbox {
    margin: 15px 0 0
  }
  #postSec .parts-txt {
    margin: 40px 0 0
  }
  #postSec .parts-frame {
    padding: 27px 7.9%
  }
}
#notfoundSec {
  padding: 100px 0
}
#notfoundSec .notfoundimg {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto
}
#notfoundSec p + p {
  margin-top: 16px
}
@media screen and (max-width: 600px) {
  #notfoundSec {
    padding: 80px 0
  }
  #postSec .postttl + * {margin-top: 40px !important;}
}
/*  table
------------------------------------------------------------------- */
table.fixed {
  table-layout: fixed;
}
table.table-basic caption {
  margin-bottom: .2em;
  font-size: 120%;
  font-weight: 700;
  text-align: left;
  line-height: 1.2;
}
table.table-basic thead th {
  background-color: #999999;
  border-color: #999999;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}
table.table-basic tbody th {
  background-color: #f0f0f0;
  text-align: center;
  vertical-align: middle;
}
table.table-basic tbody td {
  vertical-align: middle;
}
table .total {
  position: relative;
}
table .total> th::after,table .total> td::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

@media screen and (max-width: 600px) {
  .table-wrapper {
    overflow-x: scroll;
  }
}

#postSec.index .postlistsec {
  margin-top: 70px;
  padding-top: 20px;
}

/*healthy-recipe*/
#postSec.recipe .postttl,
#postSec.recipe .h2 {
  border-bottom-color: #80b976
}
#postSec.recipe .h3:before, #postSec.recipe .parts-bgtxt {
  background: #80b976
}
#postSec.recipe .parts-index .indexlist .index-l,
#postSec.recipe .parts-index .indexlist .subindex li:before,
#postSec.recipe .parts-material .materiallist dt.icon:before,
#postSec.recipe .parts-recipe .recipellist li:before,
#postSec.recipe .parts-memo h3,
#postSec.recipe .parts-bdmemo h3{
  color: #80b976;
}

#postSec.recipe .parts-green{
  color: #80b976;
  font-weight:700;
}

@media screen and (max-width: 600px) {

   #postSec .carrot {
   flex-wrap:wrap;
    
   }

  #postSec .carrot dt{
  }
  #postSec .carrot dd{
   margin-left:1.3em!important;
  }
}

/*aru-fes*/
#postSec.arufes .postttl .cat-arufes {
  padding-top: 20px;
  text-align: center;
}
#postSec.arufes .parts-info.check {
  background-color: #edf7f7;
}
#postSec.arufes .parts-info.check dt {
  color: #4fb2b7;
  text-align: left;
  line-height: 1;
}
#postSec.arufes .parts-bdmemo {
  border-color: #a7d8db;
}
#postSec.arufes .houto-arufes> li {
  font-weight: 500;
}
#postSec.arufes .houto-arufes> li+ li {
  margin-top: 6em;
}
#postSec.arufes .houto-arufes img {
  width: 50%;
  margin: auto;
}
#postSec.arufes .Participation{
  text-indent:0;
}

/*walking*/
#postSec.walking .modal-btn{
  display:block;
    background: #fff;
	border:2px solid #002f75;
    border-radius: 3px;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
	width:100%;
    padding: 20px 15px;
    color: #002f75;
    transition: 0.3s ease-in-out;
    font-weight:bold;
	margin-bottom:20px;
	text-decoration:none;
	font-size:1.2em;
}
#postSec.walking .modal-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 15px;
  height: 15px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
#postSec.walking .modal-btn:hover {
  background: #002f75;
  color: #FFF;
	opacity:1;
}
#postSec.walking .modal-btn:hover:after {
  right: 1.4rem;
}
.remodal h3{
	text-align:left;
	font-weight:bold;
	font-size:2rem;
	margin-bottom:20px;
	padding:5px;
	border-bottom:3px solid #002f75;
}

.modal-list{
display:flex;
justify-content:space-between;
}

.modal-list li.txtbox{
	width:42%;
	text-align:left;
}

.modal-list li.phtbox{
	width:55%;
}

.modal-list li.phtbox img{
	width:100%;
}
.walking .sp-only{
pointer-events: none}

.eigyo{
	display:block;
	margin-left:6.3em;
	text-indent:-6.3em;
}
.kyugyo{
	display:block;
	margin-left:5.3em;
	text-indent:-5.3em;
}
.ryoukin{
	display:block;
	margin-left:4.3em;



	text-indent:-4.3em;
}


@media screen and (max-width: 600px) {

.modal-list{
display:block;
justify-content:space-between;
}

.modal-list li.txtbox{



	width:100%;
	text-align:left;
}

.modal-list li.phtbox{
	width:100%;
}
.ryoukin,
.kyugyo,
.eigyo{
	margin-left:0;
	text-indent:0;
	margin-bottom:1em;
}
.remodal0{
	padding:45px 5px 5px!important;
}
	
/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.scroll-box div img {
  max-width: 100%;
  min-width: 1000px;
  vertical-align: top;
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.walking .sp-only{
display:block;
pointer-events:auto;
position:relative;}
	
.walking .sp-only::after{
	position:absolute!important;
	top:10px!important;
	right:10px!important;
	content:"";
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-size:100%;
}
}