﻿body.case.single .page-title h2 span.case-cat{margin-right:10px;font-size:20px;color:#FFF;background:#333}body.case.single .case-detail-wrap .case-detail{display:flex}body.case.single .case-detail-wrap .case-detail .case-text-wrap{width:40%;padding:20px}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text{display:flex;flex-direction:column}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:visited{background:#666;border:1px solid #666;color:#fff;padding:4px 20px;text-align:center;-webkit-transition:all .4s;transition:all .4s;-webkit-border-radius:4px !important;border-radius:4px !important;font-size:16px;font-weight:500;text-decoration:none;display:inline-block;line-height:inherit;margin:20px auto;width:auto}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a *,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:visited *{color:#fff !important}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:after,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:visited:after{font-family:"Font Awesome 5 Free";margin-right:0.5em;font-weight:900;content:"";padding-left:0.5em;color:#FFF}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:after else,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:visited:after else{font-family:"FontAwesome";margin-right:0.5em}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a span,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:visited span{font-size:16px;font-weight:500}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:hover{background:#fff;color:#666;border:1px solid #666;text-decoration:none;-webkit-border-radius:4px !important;border-radius:4px !important}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:hover:before,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:hover:after{color:#666}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:hover *{color:#666}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:hover *:before,body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .button a:hover *:after{color:#666}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .case-cat{margin-left:auto;margin-bottom:10px}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .case-cat a{color:#FFF;background:#333;padding:4px 6px;font-size:14px}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .case-profile .case-tag span{font-size:14px;padding:0 4px}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .case-profile dl{display:flex}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .case-profile dl dt{width:5em}body.case.single .case-detail-wrap .case-detail .case-text-wrap .case-text .case-profile dl dd{flex:1 1}body.case.single .case-detail-wrap .case-detail .case-img-wrap{display:flex;flex:1}body.case.single .case-detail-wrap .case-detail .case-img-wrap .case-img-pc-wrap{width:70%;padding:20px}body.case.single .case-detail-wrap .case-detail .case-img-wrap .case-img-pc-wrap .case-img-pc{border:1px solid #CCC;height:500px;overflow:hidden}body.case.single .case-detail-wrap .case-detail .case-img-wrap .case-img-sp-wrap{padding:20px;flex:1}body.case.single .case-detail-wrap .case-detail .case-img-wrap .case-img-sp-wrap .case-img-sp{border:1px solid #CCC;height:500px;overflow:hidden}body.case.single .case-cat-list h2,body.case.archive .case-cat-list h2{font-size:20px}body.case.single .case-cat-list ul,body.case.archive .case-cat-list ul{display:flex;flex-wrap:wrap}body.case.single .case-cat-list ul li a,body.case.archive .case-cat-list ul li a{display:block;font-size:12px;color:#FFF;background:#333;padding:4px 6px;margin:5px;-webkit-border-radius:7px !important;border-radius:7px !important}
