.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; }
}  .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;}
} .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; 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; 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; height: 50px;
width: 50px;
font-size: 16px; 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; 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; 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; 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; 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; }