@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap";#caseWrap{padding-left:30px;padding-right:30px}#caseWrap .caseLayout{margin-bottom:0}#caseWrap .caseMedia{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}#caseWrap .caseCont{font-size:11px;width:100%;border-top:1px solid #2e70a7;box-sizing:border-box;position:relative}#caseWrap .caseLayout .caseMedia :first-child,#caseWrap .caseLayout .caseMedia :last-child{width:48%}#caseWrap .caseCont .list{margin:0;list-style:none}#caseWrap .caseCont .list li{display:flex;justify-content:flex-start;align-items:flex-start}#caseWrap .caseCont .list ul{margin:0}#caseWrap .caseCont .list ul li{margin:0;position:relative}#caseWrap .caseCont .list ul li:before{content:"";background:#2e70a7;min-width:10px;height:10px;display:inline-block;vertical-align:top;border-radius:50%;margin:3px 2px 0 0}#caseWrap .caseCont .list ul small{color:#2e70a7}#caseWrap .caseCont .label{color:#2e70a7;width:85px}#caseWrap .caseCont .desc span{font-weight:bold}#caseWrap .caseCont.active .list{height:100%}#caseWrap .caseCont.active:before{display:none}#caseWrap .caseLayout .caseBlueArrow{width:4%;text-align:center;z-index:1}.caseBlueArrow:before{content:"";display:inline-block;width:0;height:0;border-left:25px solid #006fb9;border-top:25px solid rgba(0,0,0,0);border-bottom:25px solid rgba(0,0,0,0);border-right:0}#casePagination ul{display:flex;flex-flow:row nowrap;margin:40px 0;justify-content:center}#casePagination ul li{list-style:none;width:3em;line-height:2.5;margin:5px 2px}#casePagination ul li a{display:block;background-color:#006fb9;line-height:2.5;color:#fff;text-align:center;text-decoration:none}#casePagination ul li.active a{background-color:#cce2f1}.show-all{position:relative;margin-bottom:30px;padding:10px 20px 0;background:#f6f9fc;width:100%}.show-all button{min-width:160px;pointer-events:none;border:none;background:#2e70a7;padding:1px 40px;border-radius:20px;color:#fff;position:relative;font-weight:bold;margin:50px auto 0;font-size:16px;opacity:.9;z-index:2;display:block}.show-all button::before{content:"詳しく見る"}.show-all button::after{content:"";background:url("/wp-content/themes/health-vein/images/case_handvein/down-arrow.png") no-repeat center top/contain;width:10px;height:10px;position:absolute;margin-left:15px;bottom:10px}.show-all input[type=checkbox]{display:none}.show-all label{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer}.show-all label:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;background:linear-gradient(to top, #fff, rgba(255, 255, 255, 0));z-index:1}.show-all label:before{content:"";position:absolute;width:100%;height:80%;left:0;bottom:0;background:linear-gradient(rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255) 67%);z-index:2}.show-all input[type=checkbox]:checked~label:after,.show-all input[type=checkbox]:checked~label:before{background:none}.show-treatment{height:60px;overflow:hidden;text-align:left;font-size:11px;transition:all 100ms;padding-bottom:25px}.show-treatment-txt1{color:#2e70a7;font-weight:bold}.show-treatment-txt2{font-size:11px;font-weight:bold}.show-treatment>div:first-child{font-size:12px}.show-treatment>div{display:flex;margin-bottom:6px;line-height:1.5em}.show-treatment>div>div:first-child{min-width:85px}.show-all input[type=checkbox]:checked~label{background:none;height:100%}.show-all input[type=checkbox]:checked~label:after{background:none}.show-all input[type=checkbox]:checked~label button{position:absolute;left:calc(50% - 80px);bottom:10px;margin:0}.show-all input[type=checkbox]:checked~label button::before{content:"閉じる"}.show-all input[type=checkbox]:checked~label button::after{transform:rotate(180deg)}.show-all input[type=checkbox]:checked~.show-treatment{height:auto;transition:all 100ms;padding-bottom:35px}@media only screen and (max-width: 736px){#caseWrap{padding-left:0;padding-right:0}#caseWrap .caseLayout .caseMedia :first-child,#caseWrap .caseLayout .caseMedia :last-child{width:48%}#caseWrap .caseLayout .caseBlueArrow{width:2%}.caseBlueArrow:before{border-width:12px 0 12px 10px}.show-all{padding:5px 5px 5px;margin-bottom:0}.show-all button{margin:40px auto 0}#casePagination ul{margin:0}}.handvein_case__box li{list-style:none}.handvein_case__sideeffects{white-space:pre-wrap}.handvein_case__imgbox{display:flex;justify-content:space-between;align-items:center}span.caseBlueArrow{margin:0 10px}.handvein_case__before{width:47%}.handvein_case__after{width:47%}.handvein_case__before img{width:100%}.handvein_case__after img{width:100%}/*# sourceMappingURL=style.css.map */