.stock-information {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 @media (max-width: 619px) {
     .stock-information {
         font-size: 2.7vw;
     }
 }

 .stock-information ul {
     width: 100%;
     max-width: 800px;
     list-style-type: none;
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: #ddf4fe;
     padding: 14px;
     border-radius: 10px;
 }

 .stock-information ul li {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 20px;
 }

 .stock-information ul li:first-of-type {
     margin-top: 0;
 }

 .stock-information ul li .term {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-preferred-size: 30%;
     flex-basis: 30%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     -ms-flex-item-align: stretch;
     align-self: stretch;
     background-color: #7f7f7f;
     color: #ffffff;
     font-size: 1.4em;
     padding: 0.2em 2% 0.1em;
     margin-right: 15px;
 }

 .stock-information ul li .term::after {
     content: "";
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     top: 50%;
     right: -15px;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 15px;
     height: 100%;
     background: -webkit-gradient(linear, right top, left bottom, color-stop(48%, transparent), color-stop(52%, #7f7f7f)) no-repeat top left/100% 51.2%, -webkit-gradient(linear, right bottom, left top, color-stop(48%, transparent), color-stop(52%, #7f7f7f)) no-repeat bottom left/100% 51.2%;
     background: linear-gradient(to bottom left, transparent 48%, #7f7f7f 52%) no-repeat top left/100% 51.2%, linear-gradient(to top left, transparent 48%, #7f7f7f 52%) no-repeat bottom left/100% 51.2%;
 }

 .stock-information ul li .desc {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: #fff;
     padding: 0.5em;
     font-size: 1.2em;
 }

 .stock-information ul li.present {
     position: relative;
 }

 .stock-information ul li.present .term {
     background: #fb5f76;
 }

 .stock-information ul li.present .term::after {
     content: "";
     background: -webkit-gradient(linear, right top, left bottom, color-stop(48%, transparent), color-stop(52%, #fb5f76)) no-repeat top left/100% 51.5%, -webkit-gradient(linear, right bottom, left top, color-stop(48%, transparent), color-stop(52%, #fb5f76)) no-repeat bottom left/100% 51.5%;
     background: linear-gradient(to bottom left, transparent 48%, #fb5f76 52%) no-repeat top left/100% 51.5%, linear-gradient(to top left, transparent 48%, #fb5f76 52%) no-repeat bottom left/100% 51.5%;
 }

 .stock-information ul li.present .desc {
     font-weight: 700;
     color: #fb5f76;
 }

 .stock-information ul li.present .desc span {
     color: #333;
 }

 .stock-information ul li.present::before {
     content: "";
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     width: 100%;
     height: 100%;
     border: 6px solid #ff0000;
     position: absolute;
     top: -6px;
     left: -6px;
     z-index: 10;
     -webkit-animation: blink 1.5s linear infinite;
     animation: blink 1.5s linear infinite;
 }

 .stock-information .soldout {
     background-color: #fb5f76;
     color: #ffffff;
     white-space: nowrap;
     line-height: 1;
     padding: 0.3em;
     margin-left: 0.6em;
     border-radius: 4px;
 }

 @-webkit-keyframes blink {
     0%,
     49% {
         opacity: 1;
     }
     50%,
     100% {
         opacity: 0;
     }
 }

 @keyframes blink {
     0%,
     49% {
         opacity: 1;
     }
     50%,
     100% {
         opacity: 0;
     }
 }