@media screen and (min-width:751px){.title-box .content-block-wrap{border:2px solid #9ad2d3}}@media screen and (max-width:750px){.title-box .title-bar{color:#fff;background:#d188dc}}@media screen and (min-width:751px){.title-box .title-bar{color:#d188dc;border-left:15px solid #d188dc;border-bottom:2px solid #d188dc}}.title-box .title-menu-list-inner{border:1px solid #9ad2d3;width:34%}.title-box .title-menu-list-inner a{color:#028f91;background:#dff0e8;-webkit-transition:.3s;transition:.3s}.title-box .title-menu-list-inner a:hover{opacity:.8}.title-box .title-menu-list-inner.selected a{color:#fff;background:#d188dc}.title-box .inner-title-bar{background:#d188dc}.title-box .inner-content-wrap .inner-text.main-text-em{color:#d188dc}.title-box .btn a{color:#028f91;border:1px solid #028f91;background:#dff0e8;-webkit-transition:.3s;transition:.3s}.title-box .btn a:hover{opacity:.8}@media screen and (min-width:751px){.title-rc .right-contents{border:2px solid #9ad2d3}}.title-rc .right-contents .subtitle{background-color:#d188dc;color:#fff}.character-about .character-element .element-detail{border:1px solid #d188dc}.character-about .character-element .element-box{color:#fff;background:#d188dc;border:1px solid #d188dc}.character-about .character-about-name{color:#d188dc}.character-about-date dt{font-weight:700;color:#d188dc}.character-btn-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.character-btn-wrap li{border:1px solid #9ad2d3}.character-btn-wrap li a{background:#dff0e8;color:#028f91;-webkit-transition:.3s;transition:.3s}.character-btn-wrap li a:hover{opacity:.8}