/* **** movingbuttons **** */

.fs_decopress_mvbtn_wrap{
  display: flex;
  align-items: center; 
  margin-top: .8rem;
  margin-bottom: .8rem;
  justify-content: center;
}

.fs_decopress_mvbtn {
    padding: 14px 20px;
    display: block; 
    justify-content: center;
    align-items: center;
    background-color: #f39800; 
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    line-height: normal;
    text-decoration: none;
    border: 2px solid transparent;
    position: relative;
    width: 60%;
    font-size: 16px;
    text-align: center;
}

.fs_decopress_mvbtn:hover {
	text-decoration: none;
    color: #fff;
}

/* バウンド */
.fs_decopress_mvbtn01 {
    animation: hsnboundbtn 3s ease-out 0s infinite; /* バウンドの頻度 */
}

@keyframes hsnboundbtn {
    0%, 10%, 20%, 100% {transform: translateY(0%);}
    5%, 15% {transform: translateY(-0.7em);} /* バウンドの高さ */
}

/* 点滅 */
@keyframes hsnblinkbtn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.fs_decopress_mvbtn02 {
	animation: hsnblinkbtn 1s ease-in-out infinite alternate;
}

/* きらり */
.fs_decopress_mvbtn03::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #b5e7ff;
    transition: 0.3s;
    animation: hsnlightbtn 2.5s ease-in-out infinite;   
}

.fs_decopress_mvbtn03 {
    overflow: hidden;
    transition: 0.3ms;
}

@keyframes hsnlightbtn {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(5) rotate(45deg); opacity: 1; }
    100% {transform: scale(100) rotate(45deg); opacity: 0; }
}

/*
.hsn-btn > img { float: left; }
.hsn-btn::after{ content: ''; clear: left; }
*/

/* ゆらゆら揺れる */
.fs_decopress_mvbtn04 {

    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-duration:1s;
    animation-name: hsnswaybtn;
}

@keyframes hsnswaybtn {
    0%{ transform:rotate(0deg);}
    25%{ transform:rotate(1deg);}
    50%{ transform:rotate(0deg);}
    75%{ transform:rotate(-1deg);}
    100%{ transform:rotate(0deg);}
}

/* 拡大縮小 */

.fs_decopress_mvbtn05{
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-name: hsnzoomingbtn;
    animation-duration:1.3s;
}
        
@keyframes hsnzoomingbtn {
    0%{ transform:scale(0.91);}
    40%{ transform:scale(1.05);}
    60%{ transform:scale(0.85);}
    80%{ transform:scale(1);}
    100%{ transform:scale(0.91);}
}

/* プルプル */
.fs_decopress_mvbtn06{
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-duration:3s;
    animation-name: hsntremblingbtn;
}  
    
  @keyframes hsntremblingbtn {
    3% {transform: translateX(3px) rotate(2deg);}
    6% {transform: translateX(-3px) rotate(-2deg);}
    9% {transform: translateX(3px) rotate(2deg);}
    12% {transform: translateX(-3px) rotate(-2deg);}
    15% {transform: translateX(2px) rotate(1deg);}
    18% {transform: translateX(-2px) rotate(-1deg);}
    21% {transform: translateX(2px) rotate(1deg);}
    24% {transform: translateX(-2px) rotate(-1deg);}
    27% {transform: translateX(1px) rotate(0);}
    30% {transform: translateX(-1px) rotate(0);}
  }


/* ジャンプ */
.fs_decopress_mvbtn07 {
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-name: hsnjumpbtn;
    animation-duration:1.4s;
}

@keyframes hsnjumpbtn {
    0%{ transform:translateY(0) scale(1.0); bottom:0;}
    20%{ transform:translateY(0) scale(1.0);bottom: 6px;}
    30%{ transform:translateY(-15%) scale(1.1);bottom: 7px;}
    40%{ transform:translateY(0%) scale(1.0);bottom: 7px;}
    50%{ transform:translateY(-15%) scale(1.2);bottom: 15px;}
    70%{ transform:translateY(0%) scale(1.0); bottom: 7px;}
    80%{ transform:translateY(-15%) scale(1.1); bottom: 7px;}
    90%{ transform:translateY(0%) scale(1.0); bottom:6px;}
    100%{ transform:translateY(0) scale(1.0); bottom:0;}
}

/* 波動 */

.fs_decopress_mvbtn08 {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:0;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-name: hsnwavebtn;
    animation-duration:1s;
}
                            
@keyframes hsnwavebtn {
    0%{ transform:scale(0.9);box-shadow: 0 0 0 1px;opacity:0;}
    50%{ transform:scale(1);box-shadow: 0 0 0 10px;opacity:0.5;}
    100%{ transform:scale(1.1);box-shadow: 0 0 0 20px;opacity:0;}
}

/* 波紋 */
.fs_decopress_mvbtn09::before, .fs_decopress_mvbtn09::after  {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:0;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-name: hsnripplesbtn;
    animation-duration:2s;
}

.fs_decopress_mvbtn09::after  {
    animation-delay: 0.5s;
}  
                            
@keyframes hsnripplesbtn {
    0%{ transform:scale(1,1);box-shadow: 0 0 0 3px;opacity:1;}
    100%{ transform:scale(1.2,2);box-shadow: 0 0 0 3px;opacity:0;}
}

/* boxlines */

.fs_decopress_box01 {
    background-color: #ffffe0;
    border: solid 1px #fffacd;
    padding: 5px 7px;
    margin: 20px auto;
    width: 97%
}

.fs_decopress_box01 p {
  padding: 10px 7px;
  margin: 0px auto;
}

.fs_decopress_box02{
  border: 2px solid #708aa3;
  margin: 20px auto;
  padding: 5px 7px;
  border-radius: 10px;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);  
  width: 97%
}

.fs_decopress_box02 p {
  padding: 10px 7px;
  margin: 0px auto;
}

.fs_decopress_box03{
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color:#C9622E;
    padding: 5px 12px 5px 7px;
    position: relative;
    margin: 20px auto;
    width: 97%;
}

.fs_decopress_box03 .fs_decopress_box03_left,
.fs_decopress_box03 .fs_decopress_box03_right {
    content: '';
    position: absolute;
    top: -8px;
    width: 2px;
    height: calc(100% + 16px);
    background-color: #C9622E;
}

.fs_decopress_box03 .fs_decopress_box03_left{
    left: 10px;
}
  
.fs_decopress_box03 .fs_decopress_box03_right{
    right: 10px;
}

.fs_decopress_box03 p {
    padding: 5px 12px 5px 15px;
    margin: 0px auto;
}

.fs_decopress_box04{
  background-color:#F3DED0;
  box-shadow: 0px 0px 8px 8px #F3DED0;
  padding: 7px 0;
  position: relative;
  margin: 30px auto;
  width: 97%;
}

.fs_decopress_box04 p {
  padding: 10px 7px;
  margin: 0px auto;
}


.fs_decopress_box05{
  position: relative;
  padding:1em;
  z-index: 0;
  background-color:#d6e0ea;
  margin: 20px auto;
  width: 97%;
}

.fs_decopress_box05 p {
  padding: 10px 7px;
  margin: 0px auto;
}


.fs_decopress_box05:before{
  position: absolute;
  border: 2px dashed #fff;
  content: '';
  display: block;
  margin:5px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  border-radius:3px;
}

.fs_decopress_box06{
  border:5px dotted #a4c3b2;
  background-color:#fff;
  padding: 10px 7px;
  position: relative;
  margin: 30px auto;
  width: 97%;
}

.fs_decopress_box06 p {
  padding: 10px 7px;
  margin: 0px auto;
}

.fs_decopress_box07{
  border:1px solid #7fcdc9;; 
  box-shadow: 4px 4px 1px #7fcdc9;
  padding: 10px 7px;
  position: relative;
  margin: 30px auto;
  width: 97%;
}

.fs_decopress_box07 p {
  padding: 10px 7px;
  margin: 0px auto;
}


.fs_decopress_box08_tape {
  background: #ccccbb;
  opacity: 0.2;
  transform: rotate(3deg);
  width: 30%;
  max-width: 200px;
  height: 35px;
  margin: 0 auto -1em auto;
}

.fs_decopress_box08{
  background: #ffffcc;
  border: solid 1px #fffacd;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
  padding: 10px 7px;
  margin: 0px auto 10px;
  width: 97%;
}

.fs_decopress_box08 p {
  padding: 10px 7px;
  margin: 0px auto;
}

.fs_decopress_box09{
  display: block;
  position: relative;
  border: 2px solid #9acc1e;
  margin: 20px auto;
  padding: 5px 7px;
  width: 97%
}

.fs_decopress_box09 .fs_decopress_box_title {
  background-color: #9acc1e;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  top: -14px;
  left: 20px;
  position: absolute;
}

.fs_decopress_box09 p {
    padding: 20px 7px 10px;
    margin: 0px auto;
}


.fs_decopress_box10 {
    position: relative;
    padding: 30px 7px 15px;
    margin: 20px auto;
    width: 97%; 
    border: solid 2px #2ce6ae;
}
.fs_decopress_box10 .fs_decopress_box_title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #2ce6ae;
    color: #ffffff;
}
.fs_decopress_box10 p {
    margin: 0; 
    padding: 0;
}

.fs_decopress_box11 {
    position: relative;
    margin: 40px auto;
    padding: 15px 7px 15px;
    border: solid 3px #FC9907;
    width: 97%; 
}
.fs_decopress_box11 .fs_decopress_box_title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #FC9907;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}
.fs_decopress_box11 p {
    margin: 0; 
    padding: 0;
}

/* 文字装飾 */

.fs_decopress_letter01 {
    text-decoration: underline wavy #4d9bc1;
    text-underline-offset: 0.3em; 
  }
  
  .fs_decopress_letter02 {
    background: linear-gradient(transparent 60%, rgba(238, 236, 132, 0.5) 60%);
    padding: 0 0.1em;
  }

  .fs_decopress_letter03 {
    background:  rgba(33.203, 255, 0, 0.5);
    padding: 0 0.1em;
  }

  .fs_decopress_letter04{
    border-bottom: 4px solid #e996e5;
  }

  .fs_decopress_letter05 {   
    text-emphasis: dot #e28f2f;
}

.fs_decopress_letter06 {
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

.fs_decopress_letter07 {
    text-shadow: 0px 0px 12px #f0c610;
}

.fs_decopress_letter08 {
    color: transparent;
    -webkit-text-stroke: 1px #f15d00;
}

.fs_decopress_letter09 {
    color: transparent;
    -webkit-text-stroke: 1px #454545;
    text-shadow: 3px 3px #ceeace;
}

.fs_decopress_letter10 {
    color: #db6b98;
    text-shadow: 0 -1px 1px #fff, 1px 1px 1px #000;
}

/* 付箋 */

.fs_decopress_fusen_wrap{
  display: flex;
  align-items: center; 
  margin-top: .8rem;
  margin-bottom: .8rem;
  position: relative;
  z-index: 0;
}

.fs_decopress_fusen_wrap .fs_decopress_fusen {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0px 0px;
    padding: 0.5em 1em;
  }
  
  .fs_decopress_fusen02,
  .fs_decopress_fusen03{
    background-color: #f5f5f5;
  }

  .fs_decopress_fusen04 {
  
    background-image: repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 25%,
      transparent 25%,
      transparent 50%
    ),
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 25%,
      transparent 25%,
      transparent 50%
    );
  
    background-size: 2rem 2rem;
  }
  
  .fs_decopress_fusen05 {
    background-image: repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 25%,
      transparent 25%,
      transparent 50%
    );
  
    background-size: 2rem 2rem;
  }
  
  .fs_decopress_fusen02::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: '';
    filter: blur(4px);
  }
  
  .fs_decopress_fusen01::before,
  .fs_decopress_fusen03::before,
  .fs_decopress_fusen04::before,
  .fs_decopress_fusen05::before {
    position: absolute;
    bottom: -1px;
    right: 9px;
    z-index: -1;
    transform: rotate(5deg);
    width: 70%;
    height: 50%;
    background-color: #d0d0d0;
    content: '';
    filter: blur(4px);
  }

  /* リボン */

  .fs_decopress_ribbon_wrap{
    display: flex;
    align-items: center; 
    margin-top: .8rem;
    margin-bottom: .8rem;
  }

  .fs_decopress_ribbon_wrap .fs_decopress_ribbon01 {
    --w: 1.5em; 
    --h: .8em;  
    --c: .8em;  

    margin-top: 0;
    margin-bottom: 0;
    padding: 0 calc(var(--w) + 1.5em) var(--h);
    line-height: 2.7em;
    background:
      conic-gradient(at left  var(--w) bottom var(--h),
       #0000 25%,#0008 0 37.5%,#0003 0) 0   /50% 100% no-repeat,
      conic-gradient(at right var(--w) bottom var(--h),
       #0003 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
    clip-path: polygon(0 var(--h), var(--w) var(--h),var(--w) 0,calc(100% - var(--w)) 0,calc(100% - var(--w)) var(--h),100% var(--h),calc(100% - var(--c)) calc(50% + var(--h)/2),100% 100%,calc(100% - var(--w) - var(--h)) 100%,calc(100% - var(--w) - var(--h)) calc(100% - var(--h)),calc(var(--w) + var(--h)) calc(100% - var(--h)),calc(var(--w) + var(--h)) 100%,0 100%,var(--c) calc(50% + var(--h)/2));     
    width: -moz-fit-content;
    width: fit-content;
  }


  .fs_decopress_ribbon_wrap .fs_decopress_ribbon02 {
    --w: 1.5em; 
    --h: .8em;  
    --c: .8em;  

    margin-top: 0;
    margin-bottom: 0;
    padding: var(--h) calc(var(--w) + 1.5em) 0 ;
    line-height: 2.7em;
    background:
      conic-gradient(at left  var(--w) top var(--h),
       #0003 12.5%,#0008 12.5% 25%,#0000 25% 50%,#0003 0) 0   /50% 100% no-repeat,
      conic-gradient(at right var(--w) top var(--h),
       #0003 50%,#0000 50% 75%,#0008 75% 87.5%,#0003 0) 100%/50% 100% no-repeat;
    clip-path: polygon(0 0,calc(var(--w) + var(--h)) 0, calc(var(--w) + var(--h)) var(--h),calc(100% - var(--w) - var(--h)) var(--h),calc(100% - var(--w) - var(--h)) 0,100% 0,calc(100% - var(--c)) calc(50% - var(--h)/2),100% calc(100% - var(--h)),calc(100% - var(--c)) 50%,100% calc(100% - var(--h)),calc(100% - var(--w) ) calc(100% - var(--h)) ,calc(100% - var(--w) ) 100%, var(--w) 100%,var(--w) calc(100% - var(--h)),0 calc(100% - var(--h)),var(--c) calc(50% - var(--h)/2));   
    width: -moz-fit-content;
    width: fit-content;
  }

  .fs_decopress_ribbon_wrap .fs_decopress_ribbon03 {
    --w: 1.5em;
    --c: 1.0em;  

    margin-top: 0;
    margin-bottom: 0;
    padding: 0 calc(var(--c) + 1.0em);
    line-height: 2.7em;
    clip-path: polygon(0 0, var(--c) 50%, 0 100%, 100% 100%, calc(100% - var(--c)) 50%, 100% 0);      
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  


  .fs_decopress_ribbon_wrap .fs_decopress_ribbon04 {
    --w: 1.5em;
    --c: 1.0em;  

    margin-top: 0;
    margin-bottom: 0;
    padding: 0 calc(var(--c) + 1.0em);
    line-height: 2.7em;
    clip-path: polygon(0 0, var(--c) 50%, 0 100%, 100% 100%, calc(100% - var(--c)) 50%, 100% 0);   
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  

  .fs_decopress_ribbon04:before{
    position: absolute;
    border-top: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    content: '';
    display: block;
    margin:5px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}

.fs_decopress_ribbon_wrap .fs_decopress_ribbon05 {
    --w: 1.5em;
    --c: 1.0em;  
    --h: 0.8em;    

    margin-top: 0;
    margin-bottom: 0;
    padding: 0 calc(var(--c) + 1.0em) var(--h);
    line-height: 2.7em;
    background:
      conic-gradient(at left  var(--h) bottom var(--h),
       #0000 50%,#0008 50% 75%,#0000 0) 0   /50% 100% no-repeat;
    clip-path: polygon(0 0, 0 calc(100% - var(--h)),var(--h) 100%,var(--h) calc(100% - var(--h)), 100% calc(100% - var(--h)), calc(100% - var(--c)) calc(50% - var(--h)/2), 100% 0);      
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }

  .fs_decopress_ribbon_wrap .fs_decopress_ribbon06 {
    --w: 1.5em;
    --c: 1.0em; 
    --h: 0.8em;  

    margin-top: 0;
    margin-bottom: 0;
    padding: 0 calc(var(--c) + 1.0em) var(--h);
    line-height: 2.7em;
    background:
      conic-gradient(at left  var(--h) bottom var(--h),
       #0000 50%,#0008 50% 75%,#0000 0) 0   /50% 100% no-repeat;
    clip-path: polygon(0 0, 0 calc(100% - var(--h)),var(--h) 100%,var(--h) calc(100% - var(--h)), 100% calc(100% - var(--h)), calc(100% - var(--c)) calc(50% - var(--h)/2), 100% 0);     
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }


  .fs_decopress_ribbon06:before{
    position: absolute;
    border-top: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    content: '';
    display: block;
    margin:5px;
    top: 0px;
    bottom: 0.8em;
    left: 0px;
    right: 0px;
    z-index: -1;
}

/* 下矢印 */

.fs_decopress_wrap_arrow01,
.fs_decopress_wrap_arrow02{
    display: flex; 
    justify-content: center; 
    height: 50px;
    width: 50px;
    position: relative;
    align-items: center;
    text-align: center;
}

.fs_decopress_wrap_arrow01{
    font-size: 18px;
    margin: 10px auto 2.2em;
}

.fs_decopress_wrap_arrow02{
    margin: 0 1px;
}

.fs_decopress_wrap2_arrow02{
    display: flex;
    justify-content: center; 
/*    height: 100px; */
    font-size: 18px;
    text-align: center;
    margin: 10px auto 2.2em;
}

.fs_decopress_arrow01,
.fs_decopress_arrow02{
    position: absolute;
    height: 50px;
    width: 50px;
    font-size: 18px;
    clip-path: polygon(100% 0%, 100% 30%, 50% 70%, 0 30%, 0 0, 50% 40%);
    animation: decopress_mv_arrow01 3s ease-out infinite;
    transform: scale(0.3);
    opacity: 0;
    
}

.fs_decopress_arrow01.delay1,
.fs_decopress_arrow02.delay1  {
    animation-delay: 1s;
}

.fs_decopress_arrow01.delay2,
.fs_decopress_arrow02.delay2  {
    animation-delay: 2s;
}


.fs_decopress_wrap_arrow03,
.fs_decopress_wrap_arrow04,
.fs_decopress_wrap_arrow05{
    display: flex;
    justify-content: center; 
/*    height: 50px;
    font-size: 16px;  */
    margin: 10px auto 2.5em;
}


.fs_decopress_arrow03,
.fs_decopress_arrow04{
    position: relative;
    top: 0;
    font-size: 16px;   
    height: 50px;
    width: 50px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    animation: decopress_mv_arrow01 3s ease-out infinite;
    transform: scale(0.3);
    opacity: 0;
}

@keyframes decopress_mv_arrow01 {
    25% {
        opacity: 0.6;
    }

    40% {
        transform: translateY(1em);
        opacity: 0.8;
    }

    60% {
        transform: translateY(2em) ;
        opacity: 1;
    }

    100% {
        transform: translateY(3em) scale(0.5);
        opacity: 0;
    }
}


.fs_decopress_arrow05{
   display: flex;
    justify-content: center; 
/*    margin: 10px auto 2.2em; */
    height: 50px;
    width: 50px;
    font-size: 16px;
/*    clip-path: polygon(0 0, 0 10%, 50% 65%, 100% 10%, 100% 0, 50% 55%); */
    clip-path: polygon(10% 0, 0 0, 50% 65%, 100% 0, 90% 0, 50% 55%);
    animation: decopress_mv_arrow05 3.5s infinite;
    
}

@keyframes decopress_mv_arrow05 {
    0% {
        transform: translateY(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        transform:  translateY(3em);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }

}

.fs_decopress_wrap_arrow06,
.fs_decopress_wrap_arrow07,
.fs_decopress_wrap_arrow08{
    display: flex;
    justify-content: center; 
/*    height: 50px;
    font-size: 16px;  */
    margin: 1em auto 10px;
}


.fs_decopress_arrow06 {
    clip-path: polygon(10% 0, 90% 0, 72% 55%, 100% 55%, 50% 100%, 0 55%, 28% 55%);
    height: 150px;
    width: 150px;
/*    margin: 10px auto 15px; */
    background-image: linear-gradient(
    -0deg,
    rgba(255, 255, 255, 0.1) 30%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.6) 100%,
    transparent
    );
    animation: hsnboundbtn 3s ease-out 0s infinite; /* ジャンプの頻度など */
}

.fs_decopress_arrow07 {
    clip-path: polygon(28% 0, 72% 0, 72% 55%, 100% 55%, 50% 100%, 0 55%, 28% 55%);
    height: 150px;
    width: 150px;
/*     margin: 10px auto 15px; */
    animation: hsnboundbtn 3s ease-out 0s infinite; /* ジャンプの頻度など */
}

.fs_decopress_arrow08 {
    --y1: 50%;
    --y2: 30%;
    --y3: 25%;
    --y4: 15%;
    --y5: 10%;

    clip-path: polygon(20% 0,80% 0,80% var(--y5),20% var(--y5),20% var(--y4),80% var(--y4),80% var(--y3),20% var(--y3),20% var(--y2),80% var(--y2),80% var(--y1),100% var(--y1),50% 100%,0 var(--y1),20% var(--y1),20% 0); 
    height: 100px;
    width: 100px;
 /*   margin: 10px auto 15px; */
    background-image: linear-gradient(
    -0deg,
    rgba(255, 255, 255, 0.1) 30%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.6) 100%,
    transparent
    );
    animation: hsnboundbtn 3s ease-out 0s infinite; /* ジャンプの頻度など */
}