@charset "UTF-8";
@media print { html, body { min-width: 1000px; }
  .cs-header { position: static !important; }
  .cs-page { padding-top: 0 !important; } }
img.emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; }
.cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { width: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background: #fff; color: #666; margin-bottom: 20px; }
@media all and (max-width: 700px) { .cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { min-width: 320px; } }
@media all and (min-width: 701px) { .cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { min-width: 700px; } }
@media all and (min-width: 1000px) { .cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { min-width: 1000px; } }
.cs-titlebar__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }
.cs-titlebar__inner { position: relative; }
.cs-titlebar__inner:before, .cs-titlebar__inner:after { content: ''; display: table; }
.cs-titlebar__inner:after { clear: both; }
.cs-titlebar__main { position: relative; max-width: 700px; height: 52px; margin-left: auto; margin-right: auto; }
.cs-titlebar--type-a:before, .cs-titlebar--type-a:after { content: ''; display: table; }
.cs-titlebar--type-a:after { clear: both; }
@media all and (min-width: 1000px) { .cs-titlebar--type-a .cs-titlebar__main { float: left; width: 680px; } }
@media all and (min-width: 701px) { .cs-titlebar--type-c .cs-titlebar__main { max-width: 100%; } }
.cs-titlebar__title-outer { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 35px; z-index: 5; text-align: center; }
.cs-titlebar__title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; height: 20px; padding-top: 3px; font-size: 14px; font-weight: bold; }
.cs-titlebar__dropdown { text-overflow: ellipsis; overflow: hidden; }
.cs-titlebar__dropdown.is-active .cs-titlebar__menu { display: block; }
.cs-titlebar__subtitle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: calc(1em + 5px); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; padding-top: 1px; height: 15px; max-width: 100%; }
.cs-titlebar__subtitle[data-csdropdown="trigger"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #0068b7; }
.cs-titlebar__subtitle[data-csdropdown="trigger"]:after { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #0068b7; position: absolute; top: 5px; right: 0; display: inline-block; margin-left: 5px; vertical-align: 1px; content: ""; }
.cs-titlebar__menu { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: none; position: absolute; top: 50px; left: 50%; right: 50%; margin-left: -120px; width: 240px; background: #fff; border: 1px solid #ddd; z-index: 3000000; }
.cs-titlebar__menu:before { width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #ddd; content: ''; position: absolute; left: 50%; top: -14px; margin-left: -14px; }
.cs-titlebar__menu:after { width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #fff; content: ''; position: absolute; left: 50%; top: -13px; margin-left: -13px; }
.cs-titlebar__nav-back { position: absolute; left: 0; top: 0; width: 35px; height: 52px; }
.cs-titlebar__nav-back a { background-color: transparent; background-repeat: no-repeat; border: 0; overflow: hidden; outline: none; display: block; position: relative; width: 100%; height: 100%; }
.cs-titlebar__nav-back a:before { content: ''; display: block; width: 0; height: 100%; }
.cs-titlebar__nav-back a:after { content: ''; position: absolute; left: 15px; top: 50%; width: 15px; height: 15px; margin-top: -8px; border-left: 1px solid #666; border-top: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.cs-titlebar-menu { padding: 10px; }
.cs-titlebar-menu__item { border-bottom: 1px solid #ddd; text-align: left; }
.cs-titlebar-menu__item:last-child { border-bottom: 0; }
.cs-titlebar-menu__item a { color: #333; display: block; padding: 10px 5px; }
.cs-titlebar-menu__item a:visited, .cs-titlebar-menu__item a:active, .cs-titlebar-menu__item a:hover { color: #333; }
.cs-titlebar-menu__item.is-active a { color: #0068b7; font-weight: bold; }
.cs-titlebar-menu__item.is-active a:visited, .cs-titlebar-menu__item.is-active a:active, .cs-titlebar-menu__item.is-active a:hover { color: #0068b7; }
.cs-container, .cs-container--type-a, .cs-container--type-b, .cs-container--type-c, .cs-container--type-d { width: 100%; }
@media all and (max-width: 700px) { .cs-container, .cs-container--type-a, .cs-container--type-b, .cs-container--type-c, .cs-container--type-d { min-width: 320px; } }
@media all and (min-width: 701px) { .cs-container, .cs-container--type-a, .cs-container--type-b, .cs-container--type-c, .cs-container--type-d { min-width: 700px; } }
@media all and (min-width: 1000px) { .cs-container, .cs-container--type-a, .cs-container--type-b, .cs-container--type-c, .cs-container--type-d { min-width: 1000px; } }
.cs-container__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }
.cs-container__inner { word-wrap: break-word; overflow-wrap: break-word; position: relative; }
.cs-container__inner:before, .cs-container__inner:after { content: ''; display: table; }
.cs-container__inner:after { clear: both; }
.cs-container__main { max-width: 800px; margin-left: auto; margin-right: auto; }
.cs-container__secondary { max-width: 700px; margin-left: auto; margin-right: auto; }
@media all and (max-width: 700px) { .cs-container__secondary { margin-top: 10px; } }
.cs-container--type-a:before, .cs-container--type-a:after { content: ''; display: table; }
.cs-container--type-a:after { clear: both; }
@media all and (min-width: 701px) and (max-width: 999px) { .cs-container--type-a .cs-container__secondary { margin-top: 20px; } }
@media all and (min-width: 1000px) { .cs-container--type-a .cs-container__main { float: left; width: 680px; }
  .cs-container--type-a .cs-container__secondary { float: right; width: 300px; } }
@media all and (min-width: 701px) { .cs-container--type-b .cs-container__secondary { display: none; } }
@media all and (min-width: 701px) { .cs-container--type-c .cs-container__main { max-width: 100%; }
  .cs-container--type-c .cs-container__secondary { display: none; } }
@media all and (min-width: 701px) { .cs-container--type-d .cs-container__inner { max-width: 1030px; }
  .cs-container--type-d .cs-container__main { max-width: 100%; }
  .cs-container--type-d .cs-container__secondary { display: none; } }
.cs-pane { background: #fff; }
@media all and (min-width: 701px) { .cs-pane { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .cs-pane { border-bottom: 1px solid #ddd; } }
.cs-sns-share-pane { background: #fff; }
@media all and (min-width: 701px) { .cs-sns-share-pane { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 5px; } }
@media all and (max-width: 700px) { .cs-sns-share-pane { padding: 30px 15px; border-bottom: 1px solid #ddd; } }
.cs-sns-share-pane .cs-liked-list, .cs-sns-share-pane .cs-tags-b { margin: 30px 0 0; }
@media all and (max-width: 700px) { .cs-sns-share-pane .cs-liked-list, .cs-sns-share-pane .cs-tags-b { margin: 20px 0 0; } }
.cs-pane__inner--a { padding-top: 1px; padding-bottom: 1px; margin-top: 20px; margin-bottom: 20px; }
.cs-pane__inner--b { padding-top: 15px; padding-bottom: 15px; margin-top: 20px; margin-bottom: 20px; }
.cs-pane__inner--c { padding-top: 15px; padding-bottom: 1px; }
.cs-pane__inner--d { padding-top: 15px; padding-bottom: 15px; }
.cs-pane__inner--e { padding-bottom: 1px; }
.cs-bodycopy { font-size: 14px; line-height: 1.5; }
.cs-bodycopy small { font-size: 12px; }
.cs-bodycopy p, .cs-bodycopy ul, .cs-bodycopy ol, .cs-bodycopy dl { margin-bottom: 0.92em; }
.cs-bodycopy p:last-child, .cs-bodycopy ul:last-child, .cs-bodycopy ol:last-child, .cs-bodycopy dl:last-child { margin-bottom: 0; }
.cs-text-xl { font-size: 20px; }
.cs-text-l { font-size: 16px; }
.cs-text-m { font-size: 14px; }
.cs-text-s { font-size: 12px; }
.cs-text-xs { font-size: 10px; }
.cs-text-muted { color: #aaa; }
.cs-text-warning { color: #e60000; }
.cs-title-xl { font-size: 20px; font-weight: bold; }
.cs-title-l { font-size: 16px; font-weight: bold; }
.cs-title-m { font-size: 14px; font-weight: bold; }
.cs-title-s { font-size: 12px; font-weight: bold; }
.cs-title-xs { font-size: 10px; font-weight: bold; }
.cs-title--common-l { line-height: 1.35; font-weight: bold; color: #333; font-size: 20px; }
.cs-title--common-m { line-height: 1.35; font-weight: bold; color: #333; font-size: 16px; }
.cs-text--icon-location-spot { background-repeat: no-repeat; background-position: left center; background-size: 1em 1em; padding-left: 1.6em; min-height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("../img/icons/location-spot.svg"); }
.cs-text--icon-location-area { background-repeat: no-repeat; background-position: left center; background-size: 1em 1em; padding-left: 1.6em; min-height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("../img/icons/location-area.svg"); }
.cs-text--icon-ambassador-mark { background-repeat: no-repeat; background-position: left center; background-size: 1em 1em; padding-left: 1.6em; min-height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("../img/icons/ambassador-mark.svg"); }
.cs-avatar, .cs-avatar--black { color: #333; display: inline-table; }
.cs-avatar:visited, .cs-avatar:active, .cs-avatar:hover, .cs-avatar--black:visited, .cs-avatar--black:active, .cs-avatar--black:hover { color: #333; }
.cs-avatar--black, .cs-avatar--black--black { color: #333; }
.cs-avatar--black:visited, .cs-avatar--black:active, .cs-avatar--black:hover, .cs-avatar--black--black:visited, .cs-avatar--black--black:active, .cs-avatar--black--black:hover { color: #333; }
.cs-avatar__image, .cs-avatar__image--50, .cs-avatar__image--40, .cs-avatar__image--35, .cs-avatar__image--30, .cs-avatar__image--25, .cs-avatar__image--20, .cs-avatar--black__image, .cs-avatar--black__image--50, .cs-avatar--black__image--40, .cs-avatar--black__image--35, .cs-avatar--black__image--30, .cs-avatar--black__image--25, .cs-avatar--black__image--20 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: table-cell; width: 50px; height: 50px; border-radius: 50%; box-sizeng: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; vertical-align: middle; }
.cs-avatar__image--40, .cs-avatar__image--50--40, .cs-avatar__image--40--40, .cs-avatar__image--35--40, .cs-avatar__image--30--40, .cs-avatar__image--25--40, .cs-avatar__image--20--40, .cs-avatar--black__image--40, .cs-avatar--black__image--50--40, .cs-avatar--black__image--40--40, .cs-avatar--black__image--35--40, .cs-avatar--black__image--30--40, .cs-avatar--black__image--25--40, .cs-avatar--black__image--20--40 { width: 40px; height: 40px; }
.cs-avatar__image--35, .cs-avatar__image--50--35, .cs-avatar__image--40--35, .cs-avatar__image--35--35, .cs-avatar__image--30--35, .cs-avatar__image--25--35, .cs-avatar__image--20--35, .cs-avatar--black__image--35, .cs-avatar--black__image--50--35, .cs-avatar--black__image--40--35, .cs-avatar--black__image--35--35, .cs-avatar--black__image--30--35, .cs-avatar--black__image--25--35, .cs-avatar--black__image--20--35 { width: 35px; height: 35px; }
.cs-avatar__image--30, .cs-avatar__image--50--30, .cs-avatar__image--40--30, .cs-avatar__image--35--30, .cs-avatar__image--30--30, .cs-avatar__image--25--30, .cs-avatar__image--20--30, .cs-avatar--black__image--30, .cs-avatar--black__image--50--30, .cs-avatar--black__image--40--30, .cs-avatar--black__image--35--30, .cs-avatar--black__image--30--30, .cs-avatar--black__image--25--30, .cs-avatar--black__image--20--30 { width: 30px; height: 30px; }
.cs-avatar__image--25, .cs-avatar__image--50--25, .cs-avatar__image--40--25, .cs-avatar__image--35--25, .cs-avatar__image--30--25, .cs-avatar__image--25--25, .cs-avatar__image--20--25, .cs-avatar--black__image--25, .cs-avatar--black__image--50--25, .cs-avatar--black__image--40--25, .cs-avatar--black__image--35--25, .cs-avatar--black__image--30--25, .cs-avatar--black__image--25--25, .cs-avatar--black__image--20--25 { width: 25px; height: 25px; }
.cs-avatar__image--20, .cs-avatar__image--50--20, .cs-avatar__image--40--20, .cs-avatar__image--35--20, .cs-avatar__image--30--20, .cs-avatar__image--25--20, .cs-avatar__image--20--20, .cs-avatar--black__image--20, .cs-avatar--black__image--50--20, .cs-avatar--black__image--40--20, .cs-avatar--black__image--35--20, .cs-avatar--black__image--30--20, .cs-avatar--black__image--25--20, .cs-avatar--black__image--20--20 { width: 20px; height: 20px; }
.cs-avatar__name, .cs-avatar--black__name { word-wrap: break-word; overflow-wrap: break-word; display: table-cell; padding-left: 10px; vertical-align: middle; }
.cs-avatar-2__photo { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 36px; height: 36px; }
.cs-avatar-2__photo--50 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50px; height: 50px; }
.cs-avatar-2__photo--40 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; height: 40px; }
.cs-avatar-2__photo--35 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 35px; height: 35px; }
.cs-avatar-2__photo--30 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30px; height: 30px; }
.cs-avatar-2__photo--25 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25px; height: 25px; }
.cs-avatar-2__photo--20 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20px; height: 20px; }
.cs-avatar-2__photo--ambassador { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 40px; height: 40px; }
.cs-avatar-2__photo--ambassador:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2__photo--ambassador--50 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 50px; height: 50px; }
.cs-avatar-2__photo--ambassador--50:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2__photo--ambassador--40 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 40px; height: 40px; }
.cs-avatar-2__photo--ambassador--40:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2__photo--ambassador--35 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 35px; height: 35px; }
.cs-avatar-2__photo--ambassador--35:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2__photo--ambassador--30 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 30px; height: 30px; }
.cs-avatar-2__photo--ambassador--30:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2__photo--ambassador--25 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 25px; height: 25px; }
.cs-avatar-2__photo--ambassador--25:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2__photo--ambassador--20 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 0px 1px #ddd; box-shadow: 0px 0px 0px 1px #ddd; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid #ed4d98; width: 20px; height: 20px; }
.cs-avatar-2__photo--ambassador--20:after { content: ''; display: block; width: 40%; height: 40%; background: url("../img/icons/ambassador-mark.svg") 50% 50% no-repeat; background-size: contain; position: absolute; right: -2px; bottom: -1px; }
.cs-avatar-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333; }
.cs-avatar-2:visited, .cs-avatar-2:active, .cs-avatar-2:hover { color: #333; }
.cs-avatar-2:hover { text-decoration: none; }
.cs-avatar-2__info { margin-left: 10px; }
.cs-avatar-2__name-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cs-avatar-2__name { font-size: 12px; color: #333; font-weight: bold; }
.cs-avatar-2__name:visited, .cs-avatar-2__name:active, .cs-avatar-2__name:hover { color: #333; }
.cs-avatar-2__label { margin-left: 8px; }
.cs-avatar-2__opt { font-size: 10px; color: #666; margin-top: 2px; }
a.cs-avatar-2:hover { text-decoration: none; }
.cs-button-a--1-xl, .cs-button-a--2-xl, .cs-button-a--1-l, .cs-button-a--2-l, .cs-button-a--1-m, .cs-button-a--2-m, .cs-button-a--1-s, .cs-button-a--2-s, .cs-button-b--1-xl, .cs-button-b--2-xl, .cs-button-b--3-xl, .cs-button-b--4-xl, .cs-button-b--1-l, .cs-button-b--2-l, .cs-button-b--3-l, .cs-button-b--4-l, .cs-button-b--1-m, .cs-button-b--2-m, .cs-button-b--3-m, .cs-button-b--4-m, .cs-button-b--1-s, .cs-button-b--2-s, .cs-button-b--3-s, .cs-button-b--4-s, .cs-button-follow-a, .cs-button-response-b, .cs-button-response-b--like, .cs-button-response-b--comment, .cs-button-response-b--clip, .cs-button-response-d, .cs-button-response-d--like, .cs-button-response-d--comment, .cs-button-response-d--clip, .cs-button-response-e, .cs-button-response-e--like, .cs-button-response-e--comment, .cs-button-response-e--clip, .cs-modal-post-header__submit-button { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.cs-button-a--1-xl:hover, .cs-button-a--2-xl:hover, .cs-button-a--1-l:hover, .cs-button-a--2-l:hover, .cs-button-a--1-m:hover, .cs-button-a--2-m:hover, .cs-button-a--1-s:hover, .cs-button-a--2-s:hover, .cs-button-b--1-xl:hover, .cs-button-b--2-xl:hover, .cs-button-b--3-xl:hover, .cs-button-b--4-xl:hover, .cs-button-b--1-l:hover, .cs-button-b--2-l:hover, .cs-button-b--3-l:hover, .cs-button-b--4-l:hover, .cs-button-b--1-m:hover, .cs-button-b--2-m:hover, .cs-button-b--3-m:hover, .cs-button-b--4-m:hover, .cs-button-b--1-s:hover, .cs-button-b--2-s:hover, .cs-button-b--3-s:hover, .cs-button-b--4-s:hover, .cs-button-follow-a:hover, .cs-button-response-b:hover, .cs-button-response-b--like:hover, .cs-button-response-b--comment:hover, .cs-button-response-b--clip:hover, .cs-button-response-d:hover, .cs-button-response-d--like:hover, .cs-button-response-d--comment:hover, .cs-button-response-d--clip:hover, .cs-button-response-e:hover, .cs-button-response-e--like:hover, .cs-button-response-e--comment:hover, .cs-button-response-e--clip:hover, .cs-modal-post-header__submit-button:hover { text-decoration: none; }
.cs-button-a--1-xl[disabled], .cs-button-a--2-xl[disabled], .cs-button-a--1-l[disabled], .cs-button-a--2-l[disabled], .cs-button-a--1-m[disabled], .cs-button-a--2-m[disabled], .cs-button-a--1-s[disabled], .cs-button-a--2-s[disabled], .cs-button-b--1-xl[disabled], .cs-button-b--2-xl[disabled], .cs-button-b--3-xl[disabled], .cs-button-b--4-xl[disabled], .cs-button-b--1-l[disabled], .cs-button-b--2-l[disabled], .cs-button-b--3-l[disabled], .cs-button-b--4-l[disabled], .cs-button-b--1-m[disabled], .cs-button-b--2-m[disabled], .cs-button-b--3-m[disabled], .cs-button-b--4-m[disabled], .cs-button-b--1-s[disabled], .cs-button-b--2-s[disabled], .cs-button-b--3-s[disabled], .cs-button-b--4-s[disabled], .cs-button-follow-a[disabled], .cs-button-response-b[disabled], .cs-button-response-b--like[disabled], .cs-button-response-b--comment[disabled], .cs-button-response-b--clip[disabled], .cs-button-response-d[disabled], .cs-button-response-d--like[disabled], .cs-button-response-d--comment[disabled], .cs-button-response-d--clip[disabled], .cs-button-response-e[disabled], .cs-button-response-e--like[disabled], .cs-button-response-e--comment[disabled], .cs-button-response-e--clip[disabled], .cs-modal-post-header__submit-button[disabled] { opacity: .5; cursor: not-allowed; }
.cs-button-a--1-xl, .cs-button-a--2-xl, .cs-button-a--1-l, .cs-button-a--2-l, .cs-button-a--1-m, .cs-button-a--2-m, .cs-button-a--1-s, .cs-button-a--2-s { color: #fff; border-radius: 5px; }
.cs-button-a--1-xl:visited, .cs-button-a--2-xl:visited, .cs-button-a--1-l:visited, .cs-button-a--2-l:visited, .cs-button-a--1-m:visited, .cs-button-a--2-m:visited, .cs-button-a--1-s:visited, .cs-button-a--2-s:visited, .cs-button-a--1-xl:active, .cs-button-a--2-xl:active, .cs-button-a--1-l:active, .cs-button-a--2-l:active, .cs-button-a--1-m:active, .cs-button-a--2-m:active, .cs-button-a--1-s:active, .cs-button-a--2-s:active, .cs-button-a--1-xl:hover, .cs-button-a--2-xl:hover, .cs-button-a--1-l:hover, .cs-button-a--2-l:hover, .cs-button-a--1-m:hover, .cs-button-a--2-m:hover, .cs-button-a--1-s:hover, .cs-button-a--2-s:hover { color: #fff; }
.cs-button-a--1-xl, .cs-button-a--2-xl { height: 44px; padding: 0 22px; font-size: 16px; line-height: 44px; }
.cs-button-a--1-l, .cs-button-a--2-l { height: 40px; padding: 0 20px; font-size: 16px; line-height: 40px; }
.cs-button-a--1-m, .cs-button-a--2-m { height: 35px; padding: 0 13px; font-size: 14px; line-height: 35px; }
.cs-button-a--1-s, .cs-button-a--2-s { height: 28px; padding: 0 10px; font-size: 12px; line-height: 28px; }
.cs-button-a--1-xl, .cs-button-a--1-l, .cs-button-a--1-m, .cs-button-a--1-s { background-color: #0068b7; }
.cs-button-a--1-xl:hover, .cs-button-a--1-l:hover, .cs-button-a--1-m:hover, .cs-button-a--1-s:hover { background-color: #0068b7; }
.cs-button-a--1-xl[disabled]:hover, .cs-button-a--1-l[disabled]:hover, .cs-button-a--1-m[disabled]:hover, .cs-button-a--1-s[disabled]:hover { background-color: #0068b7; }
.cs-button-a--2-xl, .cs-button-a--2-l, .cs-button-a--2-m, .cs-button-a--2-s { background-color: #ed4d98; }
.cs-button-a--2-xl:hover, .cs-button-a--2-l:hover, .cs-button-a--2-m:hover, .cs-button-a--2-s:hover { background-color: #ed4d98; }
.cs-button-a--2-xl[disabled]:hover, .cs-button-a--2-l[disabled]:hover, .cs-button-a--2-m[disabled]:hover, .cs-button-a--2-s[disabled]:hover { background-color: #ed4d98; }
.cs-button-b--1-xl, .cs-button-b--2-xl, .cs-button-b--3-xl, .cs-button-b--4-xl, .cs-button-b--1-l, .cs-button-b--2-l, .cs-button-b--3-l, .cs-button-b--4-l, .cs-button-b--1-m, .cs-button-b--2-m, .cs-button-b--3-m, .cs-button-b--4-m, .cs-button-b--1-s, .cs-button-b--2-s, .cs-button-b--3-s, .cs-button-b--4-s { border-radius: 5px; border: 1px solid transparent; }
.cs-button-b--1-xl, .cs-button-b--2-xl, .cs-button-b--3-xl, .cs-button-b--4-xl { height: 44px; padding: 0 22px; font-size: 16px; line-height: 42px; }
.cs-button-b--1-l, .cs-button-b--2-l, .cs-button-b--3-l, .cs-button-b--4-l { height: 40px; padding: 0 19px; font-size: 16px; line-height: 38px; }
.cs-button-b--1-m, .cs-button-b--2-m, .cs-button-b--3-m, .cs-button-b--4-m { height: 35px; padding: 0 12px; font-size: 14px; line-height: 33px; }
.cs-button-b--1-s, .cs-button-b--2-s, .cs-button-b--3-s, .cs-button-b--4-s { height: 28px; padding: 0 9px; font-size: 12px; line-height: 26px; }
.cs-button-b--1-xl, .cs-button-b--1-l, .cs-button-b--1-m, .cs-button-b--1-s { color: #0068b7; border-color: #0068b7; }
.cs-button-b--1-xl:visited, .cs-button-b--1-l:visited, .cs-button-b--1-m:visited, .cs-button-b--1-s:visited, .cs-button-b--1-xl:active, .cs-button-b--1-l:active, .cs-button-b--1-m:active, .cs-button-b--1-s:active, .cs-button-b--1-xl:hover, .cs-button-b--1-l:hover, .cs-button-b--1-m:hover, .cs-button-b--1-s:hover { color: #0068b7; }
.cs-button-b--1-xl:hover, .cs-button-b--1-l:hover, .cs-button-b--1-m:hover, .cs-button-b--1-s:hover { border-color: #0068b7; }
.cs-button-b--1-xl[disabled]:hover, .cs-button-b--1-l[disabled]:hover, .cs-button-b--1-m[disabled]:hover, .cs-button-b--1-s[disabled]:hover { border-color: #0068b7; }
.cs-button-b--2-xl, .cs-button-b--2-l, .cs-button-b--2-m, .cs-button-b--2-s { color: #fff; border-color: #fff; }
.cs-button-b--2-xl:visited, .cs-button-b--2-l:visited, .cs-button-b--2-m:visited, .cs-button-b--2-s:visited, .cs-button-b--2-xl:active, .cs-button-b--2-l:active, .cs-button-b--2-m:active, .cs-button-b--2-s:active, .cs-button-b--2-xl:hover, .cs-button-b--2-l:hover, .cs-button-b--2-m:hover, .cs-button-b--2-s:hover { color: #fff; }
.cs-button-b--2-xl:hover, .cs-button-b--2-l:hover, .cs-button-b--2-m:hover, .cs-button-b--2-s:hover { border-color: #fff; }
.cs-button-b--2-xl[disabled]:hover, .cs-button-b--2-l[disabled]:hover, .cs-button-b--2-m[disabled]:hover, .cs-button-b--2-s[disabled]:hover { border-color: #fff; }
.cs-button-b--3-xl, .cs-button-b--3-l, .cs-button-b--3-m, .cs-button-b--3-s { color: #777; border-color: #777; }
.cs-button-b--3-xl:visited, .cs-button-b--3-l:visited, .cs-button-b--3-m:visited, .cs-button-b--3-s:visited, .cs-button-b--3-xl:active, .cs-button-b--3-l:active, .cs-button-b--3-m:active, .cs-button-b--3-s:active, .cs-button-b--3-xl:hover, .cs-button-b--3-l:hover, .cs-button-b--3-m:hover, .cs-button-b--3-s:hover { color: #777; }
.cs-button-b--3-xl:hover, .cs-button-b--3-l:hover, .cs-button-b--3-m:hover, .cs-button-b--3-s:hover { border-color: #777; }
.cs-button-b--3-xl[disabled]:hover, .cs-button-b--3-l[disabled]:hover, .cs-button-b--3-m[disabled]:hover, .cs-button-b--3-s[disabled]:hover { border-color: #777; }
.cs-button-b--4-xl, .cs-button-b--4-l, .cs-button-b--4-m, .cs-button-b--4-s { color: #ed4d98; border-color: #ed4d98; }
.cs-button-b--4-xl:visited, .cs-button-b--4-l:visited, .cs-button-b--4-m:visited, .cs-button-b--4-s:visited, .cs-button-b--4-xl:active, .cs-button-b--4-l:active, .cs-button-b--4-m:active, .cs-button-b--4-s:active, .cs-button-b--4-xl:hover, .cs-button-b--4-l:hover, .cs-button-b--4-m:hover, .cs-button-b--4-s:hover { color: #ed4d98; }
.cs-button-b--4-xl:hover, .cs-button-b--4-l:hover, .cs-button-b--4-m:hover, .cs-button-b--4-s:hover { border-color: #ed4d98; }
.cs-button-b--4-xl[disabled]:hover, .cs-button-b--4-l[disabled]:hover, .cs-button-b--4-m[disabled]:hover, .cs-button-b--4-s[disabled]:hover { border-color: #ed4d98; }
.cs-button--w-100p { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
@media all and (min-width: 701px) { .cs-button--w-100p { margin-left: auto; margin-right: auto; max-width: 345px; } }
.cs-button--w-120 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; }
.cs-button--w-90 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 90px; }
.cs-button--w-50 { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 0 !important; padding-right: 0 !important; width: 50px; }
.cs-response-a, .cs-response-a--light { display: inline-block; }
.cs-response-a:before, .cs-response-a--light:before, .cs-response-a:after, .cs-response-a--light:after { content: ''; display: table; }
.cs-response-a:after, .cs-response-a--light:after { clear: both; }
.cs-response-a__button-outer { float: left; }
.cs-response-a__button, .cs-response-a__button--like, .cs-response-a__button--comment, .cs-response-a__button--clip { float: left; margin-right: 15px; font-size: 0; color: #666; }
.cs-response-a__button:last-child, .cs-response-a__button--like:last-child, .cs-response-a__button--comment:last-child, .cs-response-a__button--clip:last-child { margin-right: 0; }
.cs-response-a__button--like .cs-response-a__icon, .cs-response-a__button--like .cs-response-a__icon--small, .cs-response-a__button--like .cs-response-a__icon--xsmall { background-image: url("../img/icons/like--gray.svg"); }
.cs-response-a__button--like[data-csaction] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-response-a__button--like[data-csaction] .cs-response-a__label { color: #0068b7; }
.cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__icon, .cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__icon--small, .cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__icon--xsmall { background-image: url("../img/icons/like-b--blue.svg"); }
.cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__counter { color: #0068b7; }
.cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__label { color: #666; }
.cs-response-a__button--clip .cs-response-a__icon, .cs-response-a__button--clip .cs-response-a__icon--small, .cs-response-a__button--clip .cs-response-a__icon--xsmall { background-image: url("../img/icons/clip-b--gray.svg"); }
.cs-response-a__button--clip[data-csaction] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-response-a__button--clip[data-csaction] .cs-response-a__label { color: #0068b7; }
.cs-response-a__button--clip[data-csaction][data-state="active"] .cs-response-a__icon, .cs-response-a__button--clip[data-csaction][data-state="active"] .cs-response-a__icon--small, .cs-response-a__button--clip[data-csaction][data-state="active"] .cs-response-a__icon--xsmall { background-image: url("../img/icons/clip-b--blue.svg"); }
.cs-response-a__button--clip[data-csaction][data-state="active"] .cs-response-a__counter { color: #0068b7; }
.cs-response-a__button--clip[data-csaction][data-state="active"] .cs-response-a__label { color: #666; }
.cs-response-a__button--comment .cs-response-a__icon, .cs-response-a__button--comment .cs-response-a__icon--small, .cs-response-a__button--comment .cs-response-a__icon--xsmall { background-image: url("../img/icons/comment--gray.svg"); }
.cs-response-a__button--comment[data-csaction] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-response-a__button--comment[data-csaction] .cs-response-a__label { color: #0068b7; }
.cs-response-a__icon, .cs-response-a__icon--small, .cs-response-a__icon--xsmall { background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; width: 30px; height: 30px; background-size: 30px 30px; vertical-align: middle; }
.cs-response-a__icon--small { width: 16px; height: 16px; background-size: 16px 16px; }
.cs-response-a__icon--xsmall { width: 12px; height: 12px; background-size: 12px 12px; }
.cs-response-a__counter { display: inline-block; margin-left: 5px; font-size: 12px; vertical-align: middle; }
.cs-response-a__label { display: inline-block; margin-left: 0.5em; font-size: 12px; vertical-align: middle; }
.cs-response-a__label[data-csreaction="button-label"] { color: #0068b7; }
.cs-response-a__views { font-size: 12px; color: #666; }
.cs-response-a--light .cs-response-a__button, .cs-response-a--light .cs-response-a__button--like, .cs-response-a--light .cs-response-a__button--clip, .cs-response-a--light .cs-response-a__button--comment { color: #fff; }
.cs-response-a--light .cs-response-a__button--like .cs-response-a__icon, .cs-response-a--light .cs-response-a__button--like .cs-response-a__icon--small, .cs-response-a--light .cs-response-a__button--like .cs-response-a__icon--xsmall { background-image: url("../img/icons/like--white.svg"); }
.cs-response-a--light .cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__icon, .cs-response-a--light .cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__icon--small, .cs-response-a--light .cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__icon--xsmall { background-image: url("../img/icons/like-b--white.svg"); }
.cs-response-a--light .cs-response-a__button--like[data-csaction][data-state="active"] .cs-response-a__counter { color: #fff; }
.cs-response-a--light .cs-response-a__button--clip .cs-response-a__icon, .cs-response-a--light .cs-response-a__button--clip .cs-response-a__icon--small, .cs-response-a--light .cs-response-a__button--clip .cs-response-a__icon--xsmall { background-image: url("../img/icons/clip-b--white.svg"); }
.cs-response-a--light .cs-response-a__button--clip[data-csaction][data-state="active"] .cs-response-a__counter { color: #fff; }
.cs-response-a--light .cs-response-a__button--comment .cs-response-a__icon, .cs-response-a--light .cs-response-a__button--comment .cs-response-a__icon--small, .cs-response-a--light .cs-response-a__button--comment .cs-response-a__icon--xsmall { background-image: url("../img/icons/comment--white.svg"); }
.cs-response-c, .cs-response-c--light { clear: both; display: inline-block; }
.cs-response-c:before, .cs-response-c--light:before, .cs-response-c:after, .cs-response-c--light:after { content: ''; display: table; }
.cs-response-c:after, .cs-response-c--light:after { clear: both; }
@media all and (max-width: 460px) { .cs-response-c, .cs-response-c--light { margin-bottom: 10px; width: 100%; } }
.cs-response-c.u-fl-r, .u-fl-r.cs-response-c--light { text-align: right; }
.cs-response-c__button, .cs-response-c__button--like, .cs-response-c__button--comment, .cs-response-c__views, .cs-response-c__button--clip { float: left; margin-right: 40px; font-size: 0; color: #666; text-align: center; }
.cs-response-c__views, .cs-response-c__button--clip { margin-right: 0; margin-left: 40px; }
@media all and (max-width: 460px) { .cs-response-c__views, .cs-response-c__button--clip { margin-left: 0; float: none; } }
@media all and (max-width: 460px) { .cs-response-c__views { float: left; } }
.cs-response-c__button--clip { margin-left: 40px; margin-right: 0; }
@media all and (max-width: 460px) { .cs-response-c__button--clip { float: right; } }
.cs-response-c__views { font-size: 12px; color: #666; }
.cs-response-c__button--like .cs-response-c__icon, .cs-response-c__button--like .cs-response-c__icon--medium, .cs-response-c__button--like .cs-response-c__icon--small, .cs-response-c__button--like .cs-response-c__icon--xsmall { background-image: url("../img/icons/like--gray.svg"); }
.cs-response-c__button--like[data-csaction] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-response-c__button--like[data-csaction] .cs-response-c__label { color: #0068b7; }
.cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon, .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon--medium, .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon--small, .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon--xsmall { background-image: url("../img/icons/like-b--blue.svg"); }
.cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__counter { color: #0068b7; }
.cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__label { color: #666; }
.cs-response-c__button--clip { margin-bottom: 5px; }
.cs-response-c__button--clip .cs-response-c__icon, .cs-response-c__button--clip .cs-response-c__icon--medium, .cs-response-c__button--clip .cs-response-c__icon--small, .cs-response-c__button--clip .cs-response-c__icon--xsmall { background-image: url("../img/icons/clip-b--gray.svg"); }
.cs-response-c__button--clip[data-csaction] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-response-c__button--clip[data-csaction] .cs-response-c__label { color: #0068b7; }
.cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__icon, .cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__icon--medium, .cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__icon--small, .cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__icon--xsmall { background-image: url("../img/icons/clip-b--blue.svg"); }
.cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__counter { color: #0068b7; }
.cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__label { color: #666; }
.cs-response-c__button--comment .cs-response-c__icon, .cs-response-c__button--comment .cs-response-c__icon--medium, .cs-response-c__button--comment .cs-response-c__icon--small, .cs-response-c__button--comment .cs-response-c__icon--xsmall { background-image: url("../img/icons/comment--gray.svg"); }
.cs-response-c__button--comment[data-csaction] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-response-c__button--comment[data-csaction] .cs-response-c__label { color: #0068b7; }
.cs-response-c__icon, .cs-response-c__icon--medium, .cs-response-c__icon--small, .cs-response-c__icon--xsmall { background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; width: 30px; height: 30px; background-size: 30px 30px; vertical-align: middle; }
.cs-response-c__icon--medium { width: 20px; height: 20px; background-size: contain; }
.cs-response-c__icon--small { width: 16px; height: 16px; background-size: contain; }
.cs-response-c__button--comment .cs-response-c__icon--small { background-position-y: -1px; }
.cs-response-c__icon--xsmall { width: 12px; height: 12px; background-size: contain; }
.cs-response-c__counter { display: inline-block; margin-left: 3px; font-size: 12px; vertical-align: middle; }
.cs-response-c__label { display: inline-block; margin-left: 0.5em; font-size: 12px; vertical-align: middle; }
.cs-response-c__label[data-csreaction="button-label"] { color: #0068b7; }
.cs-response-c--light .cs-response-c__button, .cs-response-c--light .cs-response-c__button--like, .cs-response-c--light .cs-response-c__button--clip, .cs-response-c--light .cs-response-c__button--comment, .cs-response-c--light .cs-response-c__views { color: #fff; }
.cs-response-c--light .cs-response-c__button--like .cs-response-c__icon, .cs-response-c--light .cs-response-c__button--like .cs-response-c__icon--small, .cs-response-c--light .cs-response-c__button--like .cs-response-c__icon--xsmall { background-image: url("../img/icons/like--white.svg"); }
.cs-response-c--light .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon, .cs-response-c--light .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon--small, .cs-response-c--light .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__icon--xsmall { background-image: url("../img/icons/like-b--white.svg"); }
.cs-response-c--light .cs-response-c__button--like[data-csaction][data-state="active"] .cs-response-c__counter { color: #fff; }
.cs-response-c--light .cs-response-c__button--clip .cs-response-c__icon, .cs-response-c--light .cs-response-c__button--clip .cs-response-c__icon--small, .cs-response-c--light .cs-response-c__button--clip .cs-response-c__icon--xsmall { background-image: url("../img/icons/clip-b--white.svg"); }
.cs-response-c--light .cs-response-c__button--clip[data-csaction][data-state="active"] .cs-response-c__counter { color: #fff; }
.cs-response-c--light .cs-response-c__button--comment .cs-response-c__icon, .cs-response-c--light .cs-response-c__button--comment .cs-response-c__icon--small, .cs-response-c--light .cs-response-c__button--comment .cs-response-c__icon--xsmall { background-image: url("../img/icons/comment--white.svg"); }
.cs-button-follow-a { color: #aaa; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-block; width: 90px; height: 26px; border-radius: 13px; border: 1px solid #aaa; line-height: 24px; }
.cs-button-follow-a:visited, .cs-button-follow-a:active, .cs-button-follow-a:hover { color: #aaa; }
.cs-button-follow-a.is-disabled { opacity: 0.5; cursor: default; }
.cs-button-follow-a[data-state="active"] { color: #fff; border: 1px solid #0068b7; background-color: #0068b7; font-size: 11px; }
.cs-button-follow-a[data-state="active"]:visited, .cs-button-follow-a[data-state="active"]:active, .cs-button-follow-a[data-state="active"]:hover { color: #fff; }
.cs-button-follow-a[data-state="active"]:after { content: '解除'; }
.cs-response-b { display: inline-block; width: 290px; }
.cs-response-b:before, .cs-response-b:after { content: ''; display: table; }
.cs-response-b:after { clear: both; }
.cs-response-b__item { float: left; width: 92px; padding-left: 7px; }
.cs-response-b__item:first-child { padding-left: 0; }
.cs-button-response-b, .cs-button-response-b--like, .cs-button-response-b--comment, .cs-button-response-b--clip { color: #0068b7; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; width: 100%; height: 35px; padding: 0 5px; border-radius: 3px; border: 1px solid #0068b7; font-size: 12px; line-height: 33px; }
.cs-button-response-b:visited, .cs-button-response-b--like:visited, .cs-button-response-b--comment:visited, .cs-button-response-b--clip:visited, .cs-button-response-b:active, .cs-button-response-b--like:active, .cs-button-response-b--comment:active, .cs-button-response-b--clip:active, .cs-button-response-b:hover, .cs-button-response-b--like:hover, .cs-button-response-b--comment:hover, .cs-button-response-b--clip:hover { color: #0068b7; }
.cs-button-response-b:before, .cs-button-response-b--like:before, .cs-button-response-b--comment:before, .cs-button-response-b--clip:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-size: 20px 20px; vertical-align: -5px; }
.cs-button-response-b.is-disabled, .is-disabled.cs-button-response-b--like, .is-disabled.cs-button-response-b--comment, .is-disabled.cs-button-response-b--clip { opacity: 0.5; cursor: default; }
.cs-button-response-b[data-state="active"], .cs-button-response-b--like[data-state="active"], .cs-button-response-b--comment[data-state="active"], .cs-button-response-b--clip[data-state="active"] { color: #fff; background-color: #0068b7; }
.cs-button-response-b[data-state="active"]:visited, .cs-button-response-b--like[data-state="active"]:visited, .cs-button-response-b--comment[data-state="active"]:visited, .cs-button-response-b--clip[data-state="active"]:visited, .cs-button-response-b[data-state="active"]:active, .cs-button-response-b--like[data-state="active"]:active, .cs-button-response-b--comment[data-state="active"]:active, .cs-button-response-b--clip[data-state="active"]:active, .cs-button-response-b[data-state="active"]:hover, .cs-button-response-b--like[data-state="active"]:hover, .cs-button-response-b--comment[data-state="active"]:hover, .cs-button-response-b--clip[data-state="active"]:hover { color: #fff; }
.cs-button-response-b--like:before { background-image: url("../img/icons/like--blue.svg"); }
.cs-button-response-b--like[data-state="active"]:before { background-image: url("../img/icons/like--white.svg"); }
.cs-button-response-b--comment:before { background-image: url("../img/icons/comment--blue.svg"); }
.cs-button-response-b--comment[data-state="active"]:before { background-image: url("../img/icons/comment--white.svg"); }
.cs-button-response-b--clip:before { background-image: url("../img/icons/clip-b--blue.svg"); }
.cs-button-response-b--clip[data-state="active"]:before { background-image: url("../img/icons/clip-b--white.svg"); }
.cs-response-d { display: inline-block; overflow: hidden; }
.cs-response-d__item { float: left; width: 90px; padding-left: 7px; }
.cs-response-d__item:first-child { padding-left: 0; }
.cs-button-response-d, .cs-button-response-d--like, .cs-button-response-d--comment, .cs-button-response-d--clip { color: #0068b7; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; min-width: 85px; height: 23px; padding: 0 5px; border-radius: 1em; border: 1px solid #0068b7; font-size: 11px; line-height: 22px; }
.cs-button-response-d:visited, .cs-button-response-d--like:visited, .cs-button-response-d--comment:visited, .cs-button-response-d--clip:visited, .cs-button-response-d:active, .cs-button-response-d--like:active, .cs-button-response-d--comment:active, .cs-button-response-d--clip:active, .cs-button-response-d:hover, .cs-button-response-d--like:hover, .cs-button-response-d--comment:hover, .cs-button-response-d--clip:hover { color: #0068b7; }
.cs-button-response-d:before, .cs-button-response-d--like:before, .cs-button-response-d--comment:before, .cs-button-response-d--clip:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 2px; margin-left: -7.5px; background-size: 15px 15px; vertical-align: -3px; }
.cs-button-response-d.is-disabled, .is-disabled.cs-button-response-d--like, .is-disabled.cs-button-response-d--comment, .is-disabled.cs-button-response-d--clip { opacity: 0.5; cursor: default; }
.cs-button-response-d[data-state="active"], .cs-button-response-d--like[data-state="active"], .cs-button-response-d--comment[data-state="active"], .cs-button-response-d--clip[data-state="active"] { color: #fff; background-color: #0068b7; }
.cs-button-response-d[data-state="active"]:visited, .cs-button-response-d--like[data-state="active"]:visited, .cs-button-response-d--comment[data-state="active"]:visited, .cs-button-response-d--clip[data-state="active"]:visited, .cs-button-response-d[data-state="active"]:active, .cs-button-response-d--like[data-state="active"]:active, .cs-button-response-d--comment[data-state="active"]:active, .cs-button-response-d--clip[data-state="active"]:active, .cs-button-response-d[data-state="active"]:hover, .cs-button-response-d--like[data-state="active"]:hover, .cs-button-response-d--comment[data-state="active"]:hover, .cs-button-response-d--clip[data-state="active"]:hover { color: #fff; }
.cs-button-response-d--like:before { background-image: url("../img/icons/like--blue.svg"); }
.cs-button-response-d--like[data-state="active"]:before { background-image: url("../img/icons/like--white.svg"); }
.cs-button-response-d--comment:before { background-image: url("../img/icons/comment--blue.svg"); }
.cs-button-response-d--comment[data-state="active"]:before { background-image: url("../img/icons/comment--white.svg"); }
.cs-button-response-d--clip:before { background-image: url("../img/icons/clip-b--blue.svg"); }
.cs-button-response-d--clip[data-state="active"]:before { background-image: url("../img/icons/clip-b--white.svg"); }
.cs-response-e { display: inline-block; vertical-align: bottom; }
.cs-response-e__item { float: left; width: 34px; padding-left: 15px; }
.cs-response-e__item:first-child { padding-left: 0; }
.cs-button-response-e, .cs-button-response-e--like, .cs-button-response-e--comment, .cs-button-response-e--clip { color: #0068b7; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; height: 34px; padding: 0; border-radius: 50%; border: 1px solid #0068b7; font-size: 11px; line-height: 22px; position: relative; }
.cs-button-response-e:visited, .cs-button-response-e--like:visited, .cs-button-response-e--comment:visited, .cs-button-response-e--clip:visited, .cs-button-response-e:active, .cs-button-response-e--like:active, .cs-button-response-e--comment:active, .cs-button-response-e--clip:active, .cs-button-response-e:hover, .cs-button-response-e--like:hover, .cs-button-response-e--comment:hover, .cs-button-response-e--clip:hover { color: #0068b7; }
.cs-button-response-e:before, .cs-button-response-e--like:before, .cs-button-response-e--comment:before, .cs-button-response-e--clip:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 20px; height: 20px; background-size: 100% 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.cs-button-response-e.is-disabled, .is-disabled.cs-button-response-e--like, .is-disabled.cs-button-response-e--comment, .is-disabled.cs-button-response-e--clip { opacity: 0.5; cursor: default; }
.cs-button-response-e[data-state="active"], .cs-button-response-e--like[data-state="active"], .cs-button-response-e--comment[data-state="active"], .cs-button-response-e--clip[data-state="active"] { color: #fff; background-color: #0068b7; }
.cs-button-response-e[data-state="active"]:visited, .cs-button-response-e--like[data-state="active"]:visited, .cs-button-response-e--comment[data-state="active"]:visited, .cs-button-response-e--clip[data-state="active"]:visited, .cs-button-response-e[data-state="active"]:active, .cs-button-response-e--like[data-state="active"]:active, .cs-button-response-e--comment[data-state="active"]:active, .cs-button-response-e--clip[data-state="active"]:active, .cs-button-response-e[data-state="active"]:hover, .cs-button-response-e--like[data-state="active"]:hover, .cs-button-response-e--comment[data-state="active"]:hover, .cs-button-response-e--clip[data-state="active"]:hover { color: #fff; }
.cs-button-response-e--like { font-size: 0; }
.cs-button-response-e--like:before { background-image: url("../img/icons/like--blue.svg"); }
.cs-button-response-e--like[data-state="active"]:before { background-image: url("../img/icons/like--white.svg"); }
.cs-button-response-e--comment:before { background-image: url("../img/icons/comment--blue.svg"); }
.cs-button-response-e--comment[data-state="active"]:before { background-image: url("../img/icons/comment--white.svg"); }
.cs-button-response-e--clip:before { background-image: url("../img/icons/clip-b--blue.svg"); }
.cs-button-response-e--clip[data-state="active"]:before { background-image: url("../img/icons/clip-b--white.svg"); }
.cs-sns-share { display: inline-block; width: 100%; text-align: center; }
.cs-sns-share__header { color: #888; text-align: center; }
.cs-sns-share__lead { position: relative; display: inline-block; max-width: 220px; font-size: 18px; line-height: 25px; }
.cs-sns-share__buttons { display: inline-block; overflow: hidden; padding-top: 8px; letter-spacing: -4px; }
.cs-sns-share__item { display: inline-block; width: 44px; padding: 0 8px; letter-spacing: normal; }
.cs-share-bar { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: rgba(255, 255, 255, 0.95); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
@media all and (max-width: 700px) { .cs-share-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 3000000; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); border-top: 1px solid rgba(0, 0, 0, 0.05); visibility: hidden; }
  .forced-shown .cs-share-bar { margin: 40px 0 0 50%; position: -webkit-sticky; position: sticky; bottom: 0; width: 100vw; -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; border-top: none; visibility: visible; } }
@media all and (min-width: 701px) { .cs-share-bar { margin: 40px 0 0; position: -webkit-sticky; position: sticky; bottom: 0; } }
@media all and (max-width: 700px) { .cs-share-bar.is-shown { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
.cs-share-bar.is-intersecting { visibility: visible; -webkit-transition: -webkit-transform 400ms ease-out; transition: -webkit-transform 400ms ease-out; transition: transform 400ms ease-out; transition: transform 400ms ease-out, -webkit-transform 400ms ease-out; }
.cs-share-bar__inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 5px; }
@media all and (max-width: 700px) { .cs-share-bar__inner { padding-left: 15px; padding-right: 15px; } }
.cs-share-bar__left, .cs-share-bar__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; }
.cs-share-bar__left-item, .cs-share-bar__left-right { width: 34px; height: 34px; }
.cs-share-bar__left-item { padding-right: 12px; }
.cs-share-bar .cs-button-sns--facebook, .cs-share-bar .cs-button-sns--twitter, .cs-share-bar .cs-button-sns--line, .cs-share-bar .cs-button-sns--hatena { width: 34px; height: 34px; }
.cs-button-sns, .cs-button-sns--facebook, .cs-button-sns--twitter, .cs-button-sns--line, .cs-button-sns--hatena { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; border-radius: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; height: 44px; font-size: 10px; font-weight: bold; text-align: center; }
.cs-button-sns:visited, .cs-button-sns--facebook:visited, .cs-button-sns--twitter:visited, .cs-button-sns--line:visited, .cs-button-sns--hatena:visited, .cs-button-sns:active, .cs-button-sns--facebook:active, .cs-button-sns--twitter:active, .cs-button-sns--line:active, .cs-button-sns--hatena:active, .cs-button-sns:hover, .cs-button-sns--facebook:hover, .cs-button-sns--twitter:hover, .cs-button-sns--line:hover, .cs-button-sns--hatena:hover { color: #fff; }
.cs-button-sns:hover, .cs-button-sns--facebook:hover, .cs-button-sns--twitter:hover, .cs-button-sns--line:hover, .cs-button-sns--hatena:hover { text-decoration: none; }
.cs-button-sns:before, .cs-button-sns--facebook:before, .cs-button-sns--twitter:before, .cs-button-sns--line:before, .cs-button-sns--hatena:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 100%; height: 100%; background-size: 100% 100%; vertical-align: middle; }
.cs-button-sns--facebook:before { background-image: url("../images/facebook-logo--circle.svg"); }
.cs-button-sns--twitter:before { background-image: url("../images/twitter-logo--circle.svg"); }
.cs-button-sns--line:before { background-image: url("../images/line-logo--circle.svg"); }
.cs-button-sns--hatena:before { background-image: url("../img/icons/hatena-logo--circle.svg"); }
.cs-resp-set__row { display: table; width: 100%; margin-bottom: 20px; }
.cs-resp-set__row:last-child { margin-bottom: 0; }
.cs-resp-set__left { display: table-cell; vertical-align: middle; }
.cs-resp-set__right { display: table-cell; text-align: right; vertical-align: middle; }
.cs-resp-set__item { display: inline-block; white-space: nowrap; vertical-align: middle; }
@media all and (max-width: 700px) { .cs-resp-set__item { margin-right: 10px; }
  .cs-resp-set__item:last-child { margin-right: 0; }
  .cs-resp-set__right .cs-resp-set__item { margin-left: 10px; margin-right: 0; }
  .cs-resp-set__right .cs-resp-set__item:first-child { margin-left: 0; } }
@media all and (min-width: 701px) { .cs-resp-set__item { margin-right: 25px; }
  .cs-resp-set__item:last-child { margin-right: 0; }
  .cs-resp-set__right .cs-resp-set__item { margin-left: 25px; margin-right: 0; }
  .cs-resp-set__right .cs-resp-set__item:first-child { margin-left: 0; } }
@media all and (max-width: 460px) { .cs-resp-set .cs-response-c, .cs-resp-set .cs-response-c--light { margin-bottom: 0; width: auto; } }
.cs-resp-set .cs-response-c__button, .cs-resp-set .cs-response-c__button--like, .cs-resp-set .cs-response-c__button--comment, .cs-resp-set .cs-response-c__views, .cs-resp-set .cs-response-c__button--clip { display: inline-block; float: none; margin-right: 0; margin-left: 0; vertical-align: top; }
.cs-reaction-a { position: relative; overflow: visible; }
.cs-button-reaction-a { display: none; position: absolute; left: 0; bottom: 0; z-index: 3000000; border-radius: 1px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.25)); -moz-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.25)); -ms-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.25)); -o-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.25)); }
@media all and (max-width: 700px) { .cs-button-reaction-a { -webkit-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25)); -moz-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25)); -ms-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25)); -o-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25)); } }
.cs-response-a .cs-button-reaction-a, .cs-response-a--light .cs-button-reaction-a { left: -2px; bottom: 32px; }
.cs-response-b .cs-button-reaction-a { left: 7px; bottom: 42px; }
.cs-response-c .cs-button-reaction-a, .cs-response-c--light .cs-button-reaction-a { left: 2px; bottom: 35px; }
[data-reactionpos="right"] .cs-button-reaction-a { left: auto; right: -50px; bottom: 38px; overflow: visible; }
.cs-button-reaction-a__outer { border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #fff; }
@media all and (max-width: 999px) { .cs-button-reaction-a__outer { max-width: 572px; } }
@media all and (max-width: 699px) { .cs-button-reaction-a__outer { max-width: 522px; } }
@media all and (max-width: 649px) { .cs-button-reaction-a__outer { max-width: 472px; } }
@media all and (max-width: 608px) { .cs-button-reaction-a__outer { max-width: 422px; } }
@media all and (max-width: 558px) { .cs-button-reaction-a__outer { max-width: 372px; } }
@media all and (max-width: 508px) { .cs-button-reaction-a__outer { max-width: 322px; } }
.cs-button-reaction-a__outer::before { border-style: solid; border-width: 20px 8px 0 0px; border-color: #fff transparent transparent transparent; display: block; content: ''; position: absolute; bottom: -15px; left: 16px; width: 0; height: 0; -webkit-transform: rotate(17deg); transform: rotate(17deg); }
[data-reactionpos="right"] .cs-button-reaction-a__outer::before { left: auto; right: 52px; }
.cs-button-reaction-a__inner { padding: 10px 10px 0; }
.cs-button-reaction-a__button-layer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.cs-button-reaction-a__item { margin: 0 5px 8px; letter-spacing: normal; font-size: 9px; text-align: center; cursor: pointer; overflow: visible; }
.cs-button-reaction-a__item:hover .cs-button-reaction-a__icon { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-animation: inout 0.25s; animation: inout 0.25s; }
@-webkit-keyframes inout { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } }
@keyframes inout { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } }
.cs-button-reaction-a__icon { margin: 0 auto 3px; display: block; width: 34px; height: 34px; background-image: url("../img/icons/reaction-a__icon--00.png"); background-size: 100%; background-repeat: no-repeat; }
.cs-button-reaction-a__emot { display: inline-block; width: 5em; }
.is-hide-before { text-align: left; }
.is-hide-before::before { display: none; }
.is-hide-before .cs-button-reaction-a__icon { margin: 0 5px 0 4px; display: inline-block; position: relative; width: 20px; height: 20px; vertical-align: -5px; }
.cs-response-e .is-hide-before .cs-button-reaction-a__icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.is-disabled[data-state="active"] .cs-button-reaction-a__icon, .is-disabled[data-state="active"] .cs-response-c__icon--medium { -webkit-animation-name: selected; animation-name: selected; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
@-webkit-keyframes selected { 0% { top: 0px;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); }
  100% { top: 0px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes selected { 0% { top: 0px;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); }
  100% { top: 0px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
.cs-reaction-list-a { overflow: visible !important; }
.cs-reaction-list-a .cs-liked-list__avatar { margin-right: 10px; margin-bottom: 10px; position: relative; }
.cs-reaction-list-a .cs-liked-list__avatar .cs-button-reaction-a__icon { position: absolute; bottom: -8px; right: -6px; width: 20px; height: 20px; content: ''; }
.cs-button--arrow-white { background-image: url("../img/icons/button-arrow-white.svg"); background-position: right 10px center; background-repeat: no-repeat; background-size: auto 40%; text-align: left; }
.cs-media-upload { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 108px; height: 108px; border-radius: 4px; border: 1px solid #aaa; position: relative; }
.cs-media-upload__button-add { width: 100%; height: 100%; background: url("../img/icons/media-upload.svg") 50% 50% no-repeat; background-size: 45% auto; cursor: pointer; position: relative; overflow: hidden; }
.cs-media-upload__button-add:hover { text-decoration: none; }
.cs-media-upload__button-add input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }
.cs-media-upload__button-delete { width: 34px; height: 34px; background: url("../img/icons/media-delete.svg") 50% 50% no-repeat; background-size: 20px auto; cursor: pointer; position: absolute; right: 0px; top: 0px; }
.cs-media-upload__button-delete:hover { text-decoration: none; }
.cs-video-play { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 100px; height: 100px; background-image: url("../img/icons/play--white.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; opacity: .9; z-index: 4000000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.cs-video-muted { position: absolute; margin: auto; top: 10px; left: 10px; width: 40px; height: 40px; border-radius: 100px; background-image: url("../img/icons/mute--white.svg"); background-size: 50% 50%; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: .9; z-index: 4000002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.cs-video-volume { display: none; position: absolute; margin: auto; top: 10px; left: 10px; width: 40px; height: 40px; border-radius: 100px; background-image: url("../img/icons/volume--white.svg"); background-size: 50% 50%; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: .9; z-index: 4000002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.cs-video-overlay { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: transparent; opacity: 1; z-index: 4000001; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.cs-tags-a { position: relative; padding-left: 30px; margin-bottom: -4px; }
.cs-tags-a:before, .cs-tags-a:after { content: ''; display: table; }
.cs-tags-a:after { clear: both; }
.cs-tags-a:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; position: absolute; width: 24px; height: 24px; left: 0; top: 0; background-image: url("../img/icons/tag--gray.svg"); }
.cs-tags-a__item { float: left; margin: 0 4px 4px 0; }
.cs-tags-a__item a { color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 10px; border-radius: 2px; border: 1px solid #ddd; line-height: 24px; white-space: nowrap; }
.cs-tags-a__item a:visited, .cs-tags-a__item a:active, .cs-tags-a__item a:hover { color: #666; }
.cs-tags-b__header { margin-bottom: 8px; padding-bottom: 2px; padding-left: 28px; border-bottom: 1px solid #ddd; line-height: 25px; color: #666; background-repeat: no-repeat; background-image: url("../img/icons/tag--gray.svg"); }
.cs-tags-b__items { margin-bottom: -4px; }
.cs-tags-b__items:before, .cs-tags-b__items:after { content: ''; display: table; }
.cs-tags-b__items:after { clear: both; }
.cs-tags-b__item { margin: 0 4px 4px 0; display: inline-block; line-height: 20px; }
.cs-tags-b__item a { padding: 6.5px 10px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; line-height: 23px; color: #666; background-color: #ddd; font-size: 10px; }
.cs-tags-c { margin: 20px 0; }
.cs-tags-c__header { margin-bottom: 4px; padding-bottom: 2px; padding-left: 28px; line-height: 25px; color: #666; background-repeat: no-repeat; background-image: url("../img/icons/tag--gray.svg"); }
.cs-tags-c__items:before, .cs-tags-c__items:after { content: ''; display: table; }
.cs-tags-c__items:after { clear: both; }
.cs-tags-c__item { margin: 0px 4px 7px 0; display: inline-block; }
.cs-tags-c__item a { padding: 6.5px 10px; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; line-height: 23px; color: #666; background-color: #ddd; font-size: 10px; }
.cs-liked-list__header { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #ddd; color: #666; font-size: 12px; line-height: 20px; }
.cs-liked-list__header:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-image: url("../img/icons/like--gray.svg"); background-size: 20px 20px; vertical-align: -4px; }
.cs-liked-list__header-button { margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #ddd; color: #666; }
.cs-liked-list__members { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-block; overflow: hidden; padding-right: 15px; }
.cs-liked-list__members:after { content: ''; position: absolute; right: 4px; top: 38%; width: 15px; height: 15px; margin-top: -7px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.cs-liked-list__avatar { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 36px; height: 36px; margin-right: 10px; margin-bottom: 10px; border-radius: 50%; }
.cs-avator-list { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.cs-avator-list__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; }
@media all and (min-width: 701px) { .cs-avator-list__inner { padding-left: 15px; padding-right: 15px; } }
.cs-avator-list__item { width: 80px; margin-right: 10px; }
.cs-avator-list__item:last-of-type { margin-right: 0; }
.cs-avator-list__item .cs-avatar-2__photo--ambassador { width: 80px; height: 80px; -webkit-box-shadow: inset 0px 0px 0px 4px #fff; box-shadow: inset 0px 0px 0px 4px #fff; border: 1px solid #ed4d98; }
select.cs-field-a, select.cs-field-a--s, input.cs-field-a, input.cs-field-a--s, textarea.cs-field-a, textarea.cs-field-a--s, select.cs-field-b, input.cs-field-b, textarea.cs-field-b, .cs-select-menu__selector { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 6px; border-radius: 5px; border: 0; background: #fff; font-size: 15px; line-height: 21px; -webkit-appearance: none; }
select.cs-field-a--s, input.cs-field-a--s, textarea.cs-field-a--s { padding: 3px 6px; font-size: 12px; line-height: 16px; }
select.cs-field-a, select.cs-field-a--s, select.cs-field-b { -moz-appearance: none; -ms-appearance: none; }
select.cs-field-a::-ms-expand, select.cs-field-a--s::-ms-expand, select.cs-field-b::-ms-expand { display: none; }
select.cs-field-a::-moz-focus-inner, select.cs-field-a--s::-moz-focus-inner, select.cs-field-b::-moz-focus-inner { border: 0; }
select.cs-field-a, select.cs-field-a--s, input.cs-field-a, input.cs-field-a--s, textarea.cs-field-a, textarea.cs-field-a--s { border: 1px solid #aaa; }
select.cs-field-a:focus, select.cs-field-a--s:focus, input.cs-field-a:focus, input.cs-field-a--s:focus, textarea.cs-field-a:focus, textarea.cs-field-a--s:focus { border: 1px solid #0068b7; outline: none; -webkit-box-shadow: 0 0 8px rgba(0, 104, 183, 0.3); box-shadow: 0 0 8px rgba(0, 104, 183, 0.3); }
select.is-error.cs-field-a, select.is-error.cs-field-a--s, input.is-error.cs-field-a, input.is-error.cs-field-a--s, textarea.is-error.cs-field-a, textarea.is-error.cs-field-a--s { border-color: #e60000; }
select.cs-field-a, select.cs-field-a--s { height: 35px; }
input.cs-field-a, input.cs-field-a--s { height: 35px; }
textarea.cs-field-a, textarea.cs-field-a--s { min-height: 35px; resize: none; }
select.cs-field-a { padding-right: 24px; background-image: url("../img/icons/dropdown-arrow--black.svg"); background-position: 100% 50%; background-repeat: no-repeat; }
html.ie9 select.cs-field-a { padding-right: 6px; }
select.cs-field-a--s { padding-right: 16px; background-image: url("../img/icons/dropdown-arrow--black.svg"); background-position: 100% 50%; background-repeat: no-repeat; background-size: 16px auto; height: 24px; }
html.ie9 select.cs-field-a--s { padding-right: 6px; }
input.cs-field-a--s { height: 24px; }
textarea.cs-field-a--s { min-height: 24px; }
select.cs-field-b:focus, input.cs-field-b:focus, textarea.cs-field-b:focus { outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
select.cs-field-b { height: 35px; }
input.cs-field-b { height: 35px; }
textarea.cs-field-b { min-height: 35px; resize: none; }
select.cs-field-b { padding-right: 24px; background-image: url("../img/icons/dropdown-arrow--black.svg"); background-position: 100% 50%; background-repeat: no-repeat; }
html.ie9 select.cs-field-b { padding-right: 6px; }
.cs-field--w-100p { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
textarea.cs-field--h-auto, textarea.cs-field--h-auto-mah-4, textarea.cs-field--h-auto-mah-5, textarea.cs-field--h-auto-mah-8, textarea.cs-field--h-auto-mah-10 { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-overflow-scrolling: touch; }
textarea.cs-field--h-auto-mah-4 { max-height: 94px; }
textarea.cs-field--h-auto-mah-5 { max-height: 115px; }
textarea.cs-field--h-auto-mah-8 { max-height: 178px; }
textarea.cs-field--h-auto-mah-10 { max-height: 220px; }
.cs-radio-a, .cs-radio-a--l, .cs-radio-a--m, .cs-radio-a--s { display: inline-block; margin-right: 1em; }
.cs-radio-a:last-child, .cs-radio-a--l:last-child, .cs-radio-a--m:last-child, .cs-radio-a--s:last-child { margin-right: 0; }
.cs-radio-a input[type="radio"], .cs-radio-a--l input[type="radio"], .cs-radio-a--m input[type="radio"], .cs-radio-a--s input[type="radio"] { margin-right: 0.3em; }
.cs-radio-a--l { font-size: 16px; }
.cs-radio-a, .cs-radio-a--m { font-size: 14px; }
.cs-radio-a--s { font-size: 12px; }
.cs-checkbox-a, .cs-checkbox-a--l, .cs-checkbox-a--m, .cs-checkbox-a--s { display: inline-block; margin-right: 1em; font-size: 14px; }
.cs-checkbox-a:last-child, .cs-checkbox-a--l:last-child, .cs-checkbox-a--m:last-child, .cs-checkbox-a--s:last-child { margin-right: 0; }
.cs-checkbox-a input[type="checkbox"], .cs-checkbox-a--l input[type="checkbox"], .cs-checkbox-a--m input[type="checkbox"], .cs-checkbox-a--s input[type="checkbox"] { margin-right: 0.3em; }
.cs-checkbox-a--l { font-size: 16px; }
.cs-checkbox-a, .cs-checkbox-a--m { font-size: 14px; }
.cs-checkbox-a--s { font-size: 12px; }
.cs-field-error { margin-top: 5px; float: left; }
.is-required { color: #e60000; }
.cs-input-layout--a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.cs-input-layout--a__left { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 6px; }
.cs-input-layout--a__left--w-50px { width: 50px; }
.cs-input-layout--a__left--w-60px { width: 60px; }
.cs-input-layout--a__left--w-70px { width: 70px; }
.cs-input-layout--a__left--w-80px { width: 80px; }
.cs-input-layout--a__left--w-90px { width: 90px; }
.cs-input-layout--a__left--w-100px { width: 100px; }
.cs-input-layout--a__left--w-110px { width: 110px; }
.cs-input-layout--a__left--w-120px { width: 120px; }
.cs-input-layout--a__left--w-130px { width: 130px; }
.cs-input-layout--a__left--w-140px { width: 140px; }
.cs-input-layout--a__left--w-150px { width: 150px; }
.cs-input-layout--a__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left; }
input, textarea { placeholder-shown-color: #aaa; -ms-input-placeholder-color: #aaa; }
input ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder { color: #aaa; }
.cs-label-require { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 20px; padding: 0 10px; border-radius: 2px; background: #a07fef; color: #fff; font-size: 10px; line-height: 20px; font-weight: bold; }
.cs-label-round--a { display: inline-block; background: #888; color: #fff; font-size: 10px; height: 15px; line-height: 15px; padding: 0 8px; border-radius: 8px; }
.cs-image-fluid--1-1 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
.cs-image-fluid--4-3 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
.cs-image-fluid--3-2 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 66.66667%; }
.cs-image-fluid--16-9 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.cs-image-fluid--2-1 { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 50%; }
.cs-image-fluid--golden { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 61.8047%; }
.cs-context-menu { display: inline-block; position: relative; text-align: left; vertical-align: middle; }
.cs-context-menu.is-active .cs-context-menu__content { display: block; }
.cs-context-menu__trigger { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: 50% 50%; width: 24px; height: 24px; background-image: url("../img/icons/context-menu--blue.svg"); }
.cs-context-menu__content { display: none; position: absolute; left: 0; top: 24px; z-index: 3000000; min-width: 140px; max-width: 220px; }
.cs-context-menu__content[data-align="right"] { left: auto; right: 0; }
.cs-context-menu__content[data-align="right"] .cs-context-menu__items { left: auto; right: -4px; }
.cs-context-menu__content[data-align="right"] .cs-context-menu__items:before { left: auto; right: 9px; }
.cs-context-menu__content[data-align="right"] .cs-context-menu__items:after { left: auto; right: 10px; }
.cs-context-menu__items { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; left: -4px; border-radius: 3px; border: 1px solid #ddd; background: #fff; }
.cs-context-menu__items:before { width: 0; height: 0; border-left: 6.5px solid transparent; border-right: 6.5px solid transparent; border-bottom: 7px solid #ddd; content: ''; position: absolute; left: 9px; top: -7px; }
.cs-context-menu__items:after { width: 0; height: 0; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-bottom: 6px solid #fff; content: ''; position: absolute; left: 10px; top: -6px; }
.cs-context-menu__item { margin: 0 5px; border-top: 1px solid #ddd; font-size: 14px; }
.cs-context-menu__item:first-child { border-top: 0; }
.cs-context-menu__link { color: #666; display: block; padding: 10px 5px; }
.cs-context-menu__link:visited, .cs-context-menu__link:active, .cs-context-menu__link:hover { color: #666; }
.cs-select-menu { background: #fff; position: relative; margin-bottom: 20px; }
@media all and (min-width: 701px) { .cs-select-menu { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .cs-select-menu { border-bottom: 1px solid #ddd; } }
.cs-select-menu:before { content: ''; position: absolute; right: 17px; top: 20px; width: 10px; height: 10px; margin-top: -8px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.cs-select-menu__selector { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; width: 100%; padding: 0 15px; color: #666; font-size: 14px; }
.cs-select-menu__selector::-ms-expand { display: none; }
.cs-select-menu__selector::-moz-focus-inner { border: 0; }
.cs-select-menu__selector:focus { background: transparent; outline: none; }
.cs-nav-a { margin-bottom: 20px; text-align: center; }
.cs-nav-a__list { display: inline-table; }
.cs-nav-a__item { display: table-cell; }
.cs-nav-a__link { color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 14px; border-radius: 12px; background: transparent; font-size: 12px; line-height: 24px; }
.cs-nav-a__link:visited, .cs-nav-a__link:active, .cs-nav-a__link:hover { color: #666; }
.cs-nav-a__link.is-active { color: #fff; background: #666; }
.cs-nav-a__link.is-active:hover { text-decoration: none; }
.cs-infobar { position: relative; margin-bottom: 10px; padding: 10px; background: #fff; border: 1px solid #ff0000; }
@media all and (max-width: 999px) { .cs-infobar { margin-left: 10px; margin-right: 10px; } }
.cs-infobar__trigger { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; right: 0; top: 0; width: 35px; height: 35px; }
.cs-infobar__trigger::before { content: ''; position: absolute; right: 15px; top: 12px; width: 7px; height: 7px; border-left: 2px solid #ff0000; border-top: 2px solid #ff0000; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.cs-infobar.is-expanded .cs-infobar__trigger::before { top: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.cs-infobar__content { min-height: 20px; padding-left: 25px; padding-right: 25px; background: url("../img/icons/info--red.svg") no-repeat 0 0; background-size: 18px auto; }
.cs-infobar.is-expanded .cs-infobar__content { padding-right: 0; }
.cs-infobar__body { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.6; }
.cs-infobar.is-expanded .cs-infobar__body { white-space: normal; }
.cs-infobar__body br { display: none; }
.cs-infobar.is-expanded .cs-infobar__body br { display: block; }
.cs-infobar__body:before { display: none; content: ''; float: right; width: 20px; height: 20px; }
.cs-infobar.is-expanded .cs-infobar__body:before { display: inline-block; }
@media all and (min-width: 701px) { .cs-infobar__body { font-size: 14px; } }
.cs-infobar__footer { display: none; text-align: right; }
.cs-infobar.is-expanded .cs-infobar__footer { display: block; }
.cs-modal-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 6000000; background: rgba(255, 255, 255, 0.7); }
.cs-modal-overlay.is-active { display: block; }
.cs-modal-overlay.fx-fade { opacity: 0; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; }
.cs-modal-overlay.fx-fade.fx-in { opacity: 1; }
.cs-modal-liked { border-radius: 6px; display: none; position: fixed; left: 50%; top: 50%; z-index: 6000010; width: 360px; min-height: 350px; max-height: 80vh; overflow: scroll; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-overflow-scrolling: touch; }
@media all and (max-width: 700px) { .cs-modal-liked { width: 90%; } }
.cs-modal-liked.is-active { display: block; }
.cs-modal-liked__container { background-color: #fff !important; }
.cs-modal-liked__header { padding: 20px; text-align: center; }
.cs-modal-liked__close { float: left; }
.cs-modal-liked__icon-counts { padding: 0 0 10px; border-top: 1px solid #c0bfbd; }
.cs-modal-liked__icon-counts-list { letter-spacing: -5px; }
.cs-modal-liked__icon-counts-list-item { margin: 10px 15px 0 0; display: inline-block; letter-spacing: normal; }
.cs-modal-liked__icon-counts-list-item:first-child { margin: 10px 15px 0; }
.cs-modal-liked__icon-counts-list-item .cs-button-reaction-a__icon { margin-right: 5px; display: inline-block; width: 20px; height: 20px; vertical-align: -8px; }
.cs-modal-liked-persons { text-align: left; }
.cs-modal-liked-persons__item { border-top: 1px solid #c0bfbd; }
.cs-modal-liked-person { display: block; padding: 10px 10px; }
.cs-modal-liked-person:before, .cs-modal-liked-person:after { content: ''; display: table; }
.cs-modal-liked-person:after { clear: both; }
.cs-modal-liked-person:hover { text-decoration: none; }
.cs-modal-liked-person__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 50%; position: relative; float: left; width: 52px; height: 52px; }
.cs-modal-liked-person__image .cs-button-reaction-a__icon { margin: 0; position: absolute; right: -5px; bottom: -1px; width: 20px; height: 20px; }
.cs-modal-liked-person__text { word-wrap: break-word; overflow-wrap: break-word; margin-left: 65px; }
.cs-modal-liked-person__name { margin-top: 3px; font-size: 14px; font-weight: bold; }
.cs-modal-liked-person__description { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; }
.cs-modal-delete-post { display: none; position: fixed; left: 50%; top: 50%; z-index: 9000010; border-radius: 6px; background: #fff; white-space: nowrap; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cs-modal-delete-post.is-active { display: block; }
.cs-modal-delete-post__content { padding: 20px; text-align: center; }
.cs-modal-delete-post__title { font-size: 14px; font-weight: bold; }
.cs-modal-delete-post__body { margin: 0 0 10px; }
.cs-modal-report { display: none; position: fixed; left: 50%; top: 50%; z-index: 9000010; border-radius: 6px; background: #fff; white-space: nowrap; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; }
.cs-modal-report.is-active { display: block; }
.cs-modal-report__content { padding: 20px; text-align: center; white-space: normal; max-height: 70vh; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
@media all and (min-width: 701px) { .cs-modal-report__content { overflow-y: visible; } }
.cs-modal-report__heading { margin-bottom: 20px; }
.cs-modal-report__title { font-size: 14px; font-weight: bold; }
.cs-modal-report__body { margin-top: 15px; text-align: left; }
.cs-modal-report__error-text { font-size: 12px; color: #e60000; }
.cs-modal-report__note-title { font-size: 11px; font-weight: bold; text-align: left; margin-top: 15px; margin-bottom: 5px; }
.cs-modal-report__note { font-size: 11px; text-align: left; margin-bottom: 20px; }
.cs-modal-report__form-error-text { font-size: 12px; color: #e60000; text-align: left; margin-top: 10px; }
.cs-modal-report__input-list { margin-bottom: 20px; }
.cs-modal-report__label { display: block; margin-bottom: 5px; }
.cs-modal-report__radio { display: none; }
.cs-modal-report__radio-text { display: block; background: #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 10px 30px; background: url("../img/icons/input-radio.svg") left 8px top 50% no-repeat; background-size: 16px 16px; border: 1px solid #aaa; display: block; border-radius: 4px; font-size: 12px; text-align: left; cursor: pointer; }
.cs-modal-report__radio:checked + .cs-modal-report__radio-text { background-image: url("../img/icons/input-radio-checked.svg"); background-color: #b7e0ff; border-color: #0068b7; }
.cs-modal-report__button-group .cs-button-a--1-m { background: #0068b7; padding: 0 13px; }
.cs-modal-report__button-group .cs-button-a--1-m:focus { outline: none; }
.cs-modal-report__spinner { height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
[data-modal-report-el="form-input-hidden"] { display: none; }
[data-modal-report-type] { display: none; }
[data-modal-report-type].isShow { display: block; }
[data-modal-report-el="form-error-text"] { display: none; }
[data-modal-report-el="form-error-text"].isShow { display: block; }
.cs-cmt { background: #fff; }
@media all and (min-width: 701px) { .cs-cmt { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .cs-cmt { border-bottom: 1px solid #ddd; } }
@media all and (max-width: 700px) { .cs-cmt { margin-bottom: 10px; border-bottom-width: 0; } }
@media all and (min-width: 701px) { .cs-cmt { margin-bottom: 20px; } }
.cs-cmt-header { padding: 15px 15px; border-bottom: 1px solid #ddd; }
.cs-cmt-header:before, .cs-cmt-header:after { content: ''; display: table; }
.cs-cmt-header:after { clear: both; }
.cs-cmt-header__left { float: left; color: #666; }
.cs-cmt-header__left::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: url("../img/icons/comment--gray.svg") no-repeat 0 50%; background-size: 20px; vertical-align: -4px; }
@media all and (max-width: 374px) { .cs-cmt-header__left { float: none; text-align: center; } }
.cs-cmt-header__right { float: right; }
@media all and (max-width: 374px) { .cs-cmt-header__right { float: none; margin-top: 5px; text-align: center; } }
.cs-cmt-thread__header { border-bottom: 1px solid #ddd; }
.cs-cmt-thread__footer { border-bottom: 1px solid #ddd; }
.cs-cmt-thread-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; padding-top: 13px; text-align: center; }
.cs-cmt-thread-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 15px; font-size: 14px; text-align: center; }
.cs-cmt-thread-more__label { color: #0068b7; height: 36px; line-height: 36px; background: #eee; }
.cs-cmt-item { border-bottom: 1px solid #ddd; }
@media all and (max-width: 700px) { .cs-cmt-item { padding: 15px; } }
@media all and (min-width: 701px) { .cs-cmt-item { padding: 20px 30px; } }
.cs-cmt-item__header { position: relative; padding-right: 30px; }
.cs-cmt-item__header:before, .cs-cmt-item__header:after { content: ''; display: table; }
.cs-cmt-item__header:after { clear: both; }
.cs-cmt-item__header-date { padding-left: 50px; background: red; }
.cs-cmt-item__content { margin-top: 10px; padding-left: 50px; }
.cs-cmt-item__body { color: #333; font-size: 14px; word-break: break-all; }
.cs-cmt-item__image { margin-top: 10px; }
.cs-cmt-item__image img { max-width: 100%; }
.cs-cmt-item__res { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; }
.cs-cmt-item__date { color: #aaa; }
.cs-cmt-subthread { margin-top: 10px; padding-left: 50px; }
.cs-cmt-subthread__header { margin-bottom: 10px; }
.cs-cmt-subthread-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; height: 25px; padding-top: 2px; text-align: center; }
.cs-cmt-subthread-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 25px; background: #eee; color: #aaa; text-align: center; line-height: 25px; }
.cs-cmt-subitem { margin-bottom: 10px; }
.cs-cmt-subitem__header { position: relative; padding-right: 30px; }
.cs-cmt-subitem__header:before, .cs-cmt-subitem__header:after { content: ''; display: table; }
.cs-cmt-subitem__header:after { clear: both; }
.cs-cmt-subitem__header-date { padding-left: 50px; background: red; }
.cs-cmt-subitem__content { margin-top: 10px; padding-left: 50px; }
.cs-cmt-subitem__body { color: #333; font-size: 14px; word-break: break-all; }
.cs-cmt-subitem__date { font-size: 11px; text-align: right; color: #aaa; }
.cs-cmt-subitem-form { margin-top: 20px; }
.cs-cmt-subitem-form:before, .cs-cmt-subitem-form:after { content: ''; display: table; }
.cs-cmt-subitem-form:after { clear: both; }
.cs-cmt-subitem-form__avatar { float: left; width: 35px; }
.cs-cmt-subitem-form__button { float: right; width: 50px; }
.cs-cmt-subitem-form__field { margin: 0 57px 0 42px; }
.cs-cmt-menu { position: absolute; right: 0; top: 0; }
.cs-cmt-post, .cs-cmt-post--top, .cs-cmt-post--bottom { background: #eee; border-bottom: 1px solid #ddd; }
@media all and (min-width: 701px) { .cs-cmt-post--bottom { border-radius: 0 0 5px 5px; } }
.cs-cmt-post__form { padding: 15px; }
@media all and (min-width: 701px) { .cs-cmt-post__form { padding: 15px 30px; } }
.cs-cmt-post__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.cs-cmt-post__image { margin-right: 10px; float: left; }
.cs-cmt-post__body { overflow: hidden; }
.cs-cmt-post__footer { margin-top: 10px; margin-bottom: 10px; }
.cs-cmt-post__footer:before, .cs-cmt-post__footer:after { content: ''; display: table; }
.cs-cmt-post__footer:after { clear: both; }
.cs-cmt-post__characters { float: right; color: #666; text-align: right; }
.cs-cmt-post__characters .js-textarea-overflow { color: #e60000; }
.cs-cmt-post__upload { margin: 0 5px 0 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; display: inline-block; color: #0068b7; vertical-align: middle; }
.cs-cmt-post__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }
.cs-cmt-post__upload-icon { margin-top: -2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background-image: url("../img/icons/photo-upload--blue.svg"); vertical-align: middle; }
.cs-cmt-post__thumbnail { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-top: 7px; position: relative; display: inline-block; width: 60px; height: 44px; }
@media all and (max-width: 700px) { .cs-cmt-post__thumbnail { margin: 0 0 10px; display: block; } }
.cs-cmt-post__thumbnail-remove { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; border-radius: 50%; background-color: #666; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }
.cs-cmt-post__button { clear: both; }
@media all and (min-width: 701px) { .cs-cmt-post__button { text-align: center; margin-right: 40px; }
  .cs-cmt-post__button button { width: 300px; } }
.cs-cmt-post textarea.js-textarea-overflow, .cs-cmt-post--top textarea.js-textarea-overflow, .cs-cmt-post--bottom textarea.js-textarea-overflow { background: #ffcccc; }
.cs-cmt-post-error { color: #e60000; }
.cs-instantview { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 6000010; overflow-y: auto; overflow-x: hidden; background: rgba(0, 0, 0, 0.7); }
html.ios .cs-instantview { position: static; min-height: 100vh; background: #666; }
.cs-instantview.is-active { display: block; }
.cs-instantview.fx-fade { opacity: 0; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; }
.cs-instantview.fx-fade.fx-in { opacity: 1; }
.cs-instantview-content { width: 702px; margin: 50px auto; }
.cs-instantview-content__iframe { width: 702px; height: 0; border: 0; background: transparent; }
.cs-instantview-close { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; top: 50px; width: 20px; height: 20px; z-index: 10; margin-left: 722px; background: url("../img/icons/instantview-close.svg") no-repeat 50% 50%; background-size: 20px auto; }
.cs-instantview-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; top: 50%; width: 44px; height: 44px; z-index: 10; margin-top: -22px; margin-left: -64px; border-radius: 50%; background: url("../img/icons/instantview-prev.svg") no-repeat 50% 50%; background-size: 44px auto; }
.cs-instantview-next { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; top: 50%; width: 44px; height: 44px; z-index: 10; margin-top: -22px; margin-left: 722px; border-radius: 50%; background: url("../img/icons/instantview-next.svg") no-repeat 50% 50%; background-size: 44px auto; }
.cs-instantview-spinner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; z-index: 10; }
.cs-sidebar-pane { background: #fff; position: relative; margin-bottom: 10px; }
@media all and (min-width: 701px) { .cs-sidebar-pane { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .cs-sidebar-pane { border-bottom: 1px solid #ddd; } }
.cs-sidebar-pane__heading { padding: 15px 15px 15px; border-bottom: 1px solid #ddd; color: #000; font-weight: bold; font-size: 16px; }
.cs-sidebar-tags__heading { padding-left: 39px; background-image: url("../img/icons/tag--gray.svg"); background-repeat: no-repeat; background-position: 11px center; }
.cs-sidebar-tags__content { padding: 2px 15px 15px; }
.cs-sidebar-relate__item { border-bottom: 1px solid #ddd; }
.cs-sidebar-relate__item:last-child { border-bottom: none; }
.cs-sidebar-relate-more { border-top: 1px solid #ddd; }
.cs-sidebar-relate-more__indicator { padding: 16px 0 10px; height: 30px; text-align: center; }
.cs-sidebar-relate-more__button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 10px; font-size: 14px; text-align: center; }
.cs-sidebar-relate-more__label { color: #ff5998; height: 36px; line-height: 36px; cursor: pointer; background-color: #eee; }
.cs-sidebar-relate-item { padding: 10px 12px; display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cs-sidebar-relate-item:before, .cs-sidebar-relate-item:after { content: ''; display: table; }
.cs-sidebar-relate-item:after { clear: both; }
.cs-sidebar-relate-item:hover { text-decoration: none; }
.cs-sidebar-relate-item__ranking span, .cs-sidebar-relate-item__ranking--gold span, .cs-sidebar-relate-item__ranking--silver span, .cs-sidebar-relate-item__ranking--bronze span { padding: .4em; border-radius: 1.5em; display: block; position: absolute; top: 14px; left: 14px; z-index: 9; width: 1.5em; height: 1.5em; line-height: 1.5em; color: #fff; background-color: #666; font-weight: bold; font-size: 10px; text-align: center; }
.cs-sidebar-relate-item__ranking span__ranking--gold, .cs-sidebar-relate-item__ranking--gold span__ranking--gold, .cs-sidebar-relate-item__ranking--silver span__ranking--gold, .cs-sidebar-relate-item__ranking--bronze span__ranking--gold { background-color: #D6B260; }
.cs-sidebar-relate-item__ranking span__ranking--silver, .cs-sidebar-relate-item__ranking--gold span__ranking--silver, .cs-sidebar-relate-item__ranking--silver span__ranking--silver, .cs-sidebar-relate-item__ranking--bronze span__ranking--silver { background-color: #B1C0D3; }
.cs-sidebar-relate-item__ranking span__ranking--bronze, .cs-sidebar-relate-item__ranking--gold span__ranking--bronze, .cs-sidebar-relate-item__ranking--silver span__ranking--bronze, .cs-sidebar-relate-item__ranking--bronze span__ranking--bronze { background-color: #B96C39; }
.cs-sidebar-relate-item__ranking--gold span { background-color: #D6B260; }
.cs-sidebar-relate-item__ranking--silver span { background-color: #B1C0D3; }
.cs-sidebar-relate-item__ranking--bronze span { background-color: #B96C39; }
.cs-sidebar-relate-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 10px 0 0; border: 1px solid #ddd; float: left; width: 50px; height: 50px; }
.cs-sidebar-relate-item__image--ranking { margin: 0 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70px; height: 70px; }
.cs-sidebar-relate-item__title { overflow: hidden; color: #333; font-size: 13px; }
.cs-sidebar-relate-item__title:before, .cs-sidebar-relate-item__title:after { content: ''; display: table; }
.cs-sidebar-relate-item__title:after { clear: both; }
.cs-sidebar-relate-item__category { margin: 6px 0 0; color: #999; font-weight: normal; font-size: 11px; }
.cs-sidebar-link-list { padding-bottom: 20px; }
.cs-sidebar-link-list__item { border-bottom: 1px solid #ddd; font-size: 14px; }
.cs-sidebar-link-list__item a { display: block; padding: 10px; }
.cs-sidebar-banner-list { padding: 10px; }
.cs-sidebar-banner-list__item { margin-bottom: 10px; }
.cs-sidebar-banner-list__item:last-child { margin-bottom: 0; }
.cs-sidebar-banner-list__link { display: block; }
.cs-sidebar-banner-list__link:before, .cs-sidebar-banner-list__link:after { content: ''; display: table; }
.cs-sidebar-banner-list__link:after { clear: both; }
.cs-sidebar-banner-list__link:hover { text-decoration: none; }
@media all and (max-width: 700px) { .cs-sidebar-banner-list img { width: 100%; } }
@media all and (min-width: 701px) { .cs-sidebar-banner-list img { width: 280px; } }
@media all and (max-width: 700px) { .is-with-image .cs-sidebar-relate { overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }
@media all and (max-width: 700px) { .is-with-image .cs-sidebar-relate-more { display: none; } }
@media all and (max-width: 700px) { .is-with-image .cs-sidebar-relate__item { border-bottom: none; display: inline-block; position: relative; width: 125px; min-width: 125px; overflow: hidden; white-space: normal; vertical-align: top; } }
@media all and (max-width: 700px) { .is-with-image .cs-sidebar-relate-item { padding: 7.5px; } }
@media all and (max-width: 700px) { .is-with-image .cs-sidebar-relate-item__image--ranking { margin: 0 0 3px; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; width: 110px; height: 110px; } }
.is-without-image .cs-sidebar-relate-item__ranking, .is-without-image .cs-sidebar-relate-item__ranking--gold, .is-without-image .cs-sidebar-relate-item__ranking--silver, .is-without-image .cs-sidebar-relate-item__ranking--bronze { float: left; width: 35px; vertical-align: top; }
.is-without-image .cs-sidebar-relate-item__ranking span, .is-without-image .cs-sidebar-relate-item__ranking--gold span, .is-without-image .cs-sidebar-relate-item__ranking--silver span, .is-without-image .cs-sidebar-relate-item__ranking--bronze span { position: static; }
.is-without-image .cs-sidebar-relate-item__title { padding-top: 3px; margin-left: 35px; }
.cs-sidebar-pane__heading-group { padding-left: 15px; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
@media all and (min-width: 701px) { .cs-sidebar-pane__heading-group { padding-left: 15px; padding-right: 15px; } }
.cs-sidebar-pane__heading-group .cs-sidebar-pane__heading { margin: 0; padding-left: 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-bottom: none; }
.cs-sidebar-pane__heading-link { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 12px; }
.cs-sidebar-pane .cs-list-scroll--type-a, .cs-sidebar-pane .cs-list-scroll--type-b, .cs-sidebar-pane .cs-list-scroll--type-c, .cs-sidebar-pane .cs-list-scroll--type-d, .cs-sidebar-pane .cs-list-scroll--type-e, .cs-sidebar-pane .cs-list-scroll--type-f, .cs-sidebar-pane .cs-list-scroll--type-g { margin-top: 15px; }
@-webkit-keyframes spinner-loader { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner-loader { 0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required), .cs-spinner-a:not(:required), .cs-spinner-a--xl:not(:required), .cs-spinner-a--l:not(:required), .cs-spinner-a--m:not(:required), .cs-spinner-a--s:not(:required) { -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%; }
@-webkit-keyframes throbber-loader { 0% { background: #dde2e7; }
  10% { background: #6b9dc8; }
  40% { background: #dde2e7; } }
@keyframes throbber-loader { 0% { background: #dde2e7; }
  10% { background: #6b9dc8; }
  40% { background: #dde2e7; } }
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required), .cs-spinner-b:not(:required), .cs-spinner-b--xl:not(:required), .cs-spinner-b--l:not(:required), .cs-spinner-b--m:not(:required), .cs-spinner-b--s:not(:required) { -webkit-animation: throbber-loader 2000ms 300ms infinite ease-out; animation: throbber-loader 2000ms 300ms infinite ease-out; background: #dde2e7; display: inline-block; position: relative; text-indent: -9999px; width: 0.9em; height: 1.5em; margin: 0 1.6em; }
.throbber-loader:not(:required):before, .cs-spinner-b:not(:required):before, .cs-spinner-b--xl:not(:required):before, .cs-spinner-b--l:not(:required):before, .cs-spinner-b--m:not(:required):before, .cs-spinner-b--s:not(:required):before, .throbber-loader:not(:required):after, .cs-spinner-b:not(:required):after, .cs-spinner-b--xl:not(:required):after, .cs-spinner-b--l:not(:required):after, .cs-spinner-b--m:not(:required):after, .cs-spinner-b--s:not(:required):after { background: #dde2e7; content: '\x200B'; display: inline-block; width: 0.9em; height: 1.5em; position: absolute; top: 0; }
.throbber-loader:not(:required):before, .cs-spinner-b:not(:required):before, .cs-spinner-b--xl:not(:required):before, .cs-spinner-b--l:not(:required):before, .cs-spinner-b--m:not(:required):before, .cs-spinner-b--s:not(:required):before { -webkit-animation: throbber-loader 2000ms 150ms infinite ease-out; animation: throbber-loader 2000ms 150ms infinite ease-out; left: -1.6em; }
.throbber-loader:not(:required):after, .cs-spinner-b:not(:required):after, .cs-spinner-b--xl:not(:required):after, .cs-spinner-b--l:not(:required):after, .cs-spinner-b--m:not(:required):after, .cs-spinner-b--s:not(:required):after { -webkit-animation: throbber-loader 2000ms 450ms infinite ease-out; animation: throbber-loader 2000ms 450ms infinite ease-out; right: -1.6em; }
.cs-spinner-c, .cs-spinner-c--xl, .cs-spinner-c--l, .cs-spinner-c--m, .cs-spinner-c--s { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 26px; height: 26px; border-radius: 100%; border-top: 2px solid #333; border-bottom: 2px solid #ddd; border-left: 2px solid #333; border-right: 2px solid #ddd; -webkit-animation: loadingAnimation 0.6s linear infinite; animation: loadingAnimation 0.6s linear infinite; }
.cs-spinner-c--xl { width: 80px; height: 80px; border-width: 3px; }
.cs-spinner-c--l { width: 40px; height: 40px; }
.cs-spinner-c--m { width: 26px; height: 26px; }
.cs-spinner-c--s { width: 10px; height: 10px; }
@-webkit-keyframes loadingAnimation { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }
  100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } }
@keyframes loadingAnimation { 0% { -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }
  100% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } }
.u-d-n, .is-hidden { display: none !important; }
.u-d-b, .is-show { display: block !important; }
.u-cf:before, .u-cf:after { content: ''; display: table; }
.u-cf:after { clear: both; }
.u-fl-n { float: none !important; }
.u-fl-l { float: left !important; }
.u-fl-r { float: right !important; }
.u-ta-c { text-align: center !important; }
.u-ta-l { text-align: left !important; }
.u-ta-r { text-align: right !important; }
.u-fz-10 { font-size: 10px !important; }
.u-fz-11 { font-size: 11px !important; }
.u-fz-12 { font-size: 12px !important; }
.u-fz-13 { font-size: 13px !important; }
.u-fz-14 { font-size: 14px !important; }
.u-fz-15 { font-size: 15px !important; }
.u-m-a { margin-left: auto !important; margin-right: auto !important; }
.u-m-0 { margin: 0 !important; }
.u-mt-0 { margin-top: 0px !important; }
.u-mt-5 { margin-top: 5px !important; }
.u-mt-8 { margin-top: 8px !important; }
.u-mt-10 { margin-top: 10px !important; }
.u-mt-15 { margin-top: 15px !important; }
.u-mt-20 { margin-top: 20px !important; }
.u-mt-30 { margin-top: 30px !important; }
.u-mt-50 { margin-top: 50px !important; }
.u-mt-60 { margin-top: 60px !important; }
.u-mt-80 { margin-top: 80px !important; }
.u-mt-100 { margin-top: 100px !important; }
.u-mb-0 { margin-bottom: 0px !important; }
.u-mb-5 { margin-bottom: 5px !important; }
.u-mb-8 { margin-bottom: 8px !important; }
.u-mb-10 { margin-bottom: 10px !important; }
.u-mb-15 { margin-bottom: 15px !important; }
.u-mb-20 { margin-bottom: 20px !important; }
.u-mb-30 { margin-bottom: 30px !important; }
.u-mb-50 { margin-bottom: 50px !important; }
.u-mb-60 { margin-bottom: 60px !important; }
.u-mb-80 { margin-bottom: 80px !important; }
.u-mb-100 { margin-bottom: 100px !important; }
.u-mr-0 { margin-right: 0px !important; }
.u-mr-5 { margin-right: 5px !important; }
.u-mr-8 { margin-right: 8px !important; }
.u-mr-10 { margin-right: 10px !important; }
.u-mr-15 { margin-right: 15px !important; }
.u-mr-20 { margin-right: 20px !important; }
.u-mr-30 { margin-right: 30px !important; }
.u-mr-50 { margin-right: 50px !important; }
.u-mr-60 { margin-right: 60px !important; }
.u-mr-80 { margin-right: 80px !important; }
.u-mr-100 { margin-right: 100px !important; }
.u-ml-0 { margin-left: 0px !important; }
.u-ml-5 { margin-left: 5px !important; }
.u-ml-8 { margin-left: 8px !important; }
.u-ml-10 { margin-left: 10px !important; }
.u-ml-15 { margin-left: 15px !important; }
.u-ml-20 { margin-left: 20px !important; }
.u-ml-30 { margin-left: 30px !important; }
.u-ml-50 { margin-left: 50px !important; }
.u-ml-60 { margin-left: 60px !important; }
.u-ml-80 { margin-left: 80px !important; }
.u-ml-100 { margin-left: 100px !important; }
@media all and (max-width: 700px) { .u-mt-0--m { margin-top: 0px !important; }
  .u-mt-5--m { margin-top: 5px !important; }
  .u-mt-8--m { margin-top: 8px !important; }
  .u-mt-10--m { margin-top: 10px !important; }
  .u-mt-15--m { margin-top: 15px !important; }
  .u-mt-20--m { margin-top: 20px !important; }
  .u-mt-30--m { margin-top: 30px !important; }
  .u-mt-50--m { margin-top: 50px !important; }
  .u-mt-60--m { margin-top: 60px !important; }
  .u-mt-80--m { margin-top: 80px !important; }
  .u-mt-100--m { margin-top: 100px !important; }
  .u-mb-0--m { margin-bottom: 0px !important; }
  .u-mb-5--m { margin-bottom: 5px !important; }
  .u-mb-8--m { margin-bottom: 8px !important; }
  .u-mb-10--m { margin-bottom: 10px !important; }
  .u-mb-15--m { margin-bottom: 15px !important; }
  .u-mb-20--m { margin-bottom: 20px !important; }
  .u-mb-30--m { margin-bottom: 30px !important; }
  .u-mb-50--m { margin-bottom: 50px !important; }
  .u-mb-60--m { margin-bottom: 60px !important; }
  .u-mb-80--m { margin-bottom: 80px !important; }
  .u-mb-100--m { margin-bottom: 100px !important; }
  .u-mr-0--m { margin-right: 0px !important; }
  .u-mr-5--m { margin-right: 5px !important; }
  .u-mr-8--m { margin-right: 8px !important; }
  .u-mr-10--m { margin-right: 10px !important; }
  .u-mr-15--m { margin-right: 15px !important; }
  .u-mr-20--m { margin-right: 20px !important; }
  .u-mr-30--m { margin-right: 30px !important; }
  .u-mr-50--m { margin-right: 50px !important; }
  .u-mr-60--m { margin-right: 60px !important; }
  .u-mr-80--m { margin-right: 80px !important; }
  .u-mr-100--m { margin-right: 100px !important; }
  .u-ml-0--m { margin-left: 0px !important; }
  .u-ml-5--m { margin-left: 5px !important; }
  .u-ml-8--m { margin-left: 8px !important; }
  .u-ml-10--m { margin-left: 10px !important; }
  .u-ml-15--m { margin-left: 15px !important; }
  .u-ml-20--m { margin-left: 20px !important; }
  .u-ml-30--m { margin-left: 30px !important; }
  .u-ml-50--m { margin-left: 50px !important; }
  .u-ml-60--m { margin-left: 60px !important; }
  .u-ml-80--m { margin-left: 80px !important; }
  .u-ml-100--m { margin-left: 100px !important; } }
@media all and (min-width: 701px) { .u-mt-0--d { margin-top: 0px !important; }
  .u-mt-5--d { margin-top: 5px !important; }
  .u-mt-8--d { margin-top: 8px !important; }
  .u-mt-10--d { margin-top: 10px !important; }
  .u-mt-15--d { margin-top: 15px !important; }
  .u-mt-20--d { margin-top: 20px !important; }
  .u-mt-30--d { margin-top: 30px !important; }
  .u-mt-50--d { margin-top: 50px !important; }
  .u-mt-60--d { margin-top: 60px !important; }
  .u-mt-80--d { margin-top: 80px !important; }
  .u-mt-100--d { margin-top: 100px !important; }
  .u-mb-0--d { margin-bottom: 0px !important; }
  .u-mb-5--d { margin-bottom: 5px !important; }
  .u-mb-8--d { margin-bottom: 8px !important; }
  .u-mb-10--d { margin-bottom: 10px !important; }
  .u-mb-15--d { margin-bottom: 15px !important; }
  .u-mb-20--d { margin-bottom: 20px !important; }
  .u-mb-30--d { margin-bottom: 30px !important; }
  .u-mb-50--d { margin-bottom: 50px !important; }
  .u-mb-60--d { margin-bottom: 60px !important; }
  .u-mb-80--d { margin-bottom: 80px !important; }
  .u-mb-100--d { margin-bottom: 100px !important; }
  .u-mr-0--d { margin-right: 0px !important; }
  .u-mr-5--d { margin-right: 5px !important; }
  .u-mr-8--d { margin-right: 8px !important; }
  .u-mr-10--d { margin-right: 10px !important; }
  .u-mr-15--d { margin-right: 15px !important; }
  .u-mr-20--d { margin-right: 20px !important; }
  .u-mr-30--d { margin-right: 30px !important; }
  .u-mr-50--d { margin-right: 50px !important; }
  .u-mr-60--d { margin-right: 60px !important; }
  .u-mr-80--d { margin-right: 80px !important; }
  .u-mr-100--d { margin-right: 100px !important; }
  .u-ml-0--d { margin-left: 0px !important; }
  .u-ml-5--d { margin-left: 5px !important; }
  .u-ml-8--d { margin-left: 8px !important; }
  .u-ml-10--d { margin-left: 10px !important; }
  .u-ml-15--d { margin-left: 15px !important; }
  .u-ml-20--d { margin-left: 20px !important; }
  .u-ml-30--d { margin-left: 30px !important; }
  .u-ml-50--d { margin-left: 50px !important; }
  .u-ml-60--d { margin-left: 60px !important; }
  .u-ml-80--d { margin-left: 80px !important; }
  .u-ml-100--d { margin-left: 100px !important; } }
.u-w-30 { width: 30px !important; }
.u-w-50 { width: 50px !important; }
.u-w-80 { width: 80px !important; }
.u-w-100 { width: 100px !important; }
.u-w-150 { width: 150px !important; }
.u-w-200 { width: 200px !important; }
.u-w-10p { width: 10% !important; }
.u-w-20p { width: 20% !important; }
.u-w-30p { width: 30% !important; }
.u-w-40p { width: 40% !important; }
.u-w-50p { width: 50% !important; }
.u-w-60p { width: 60% !important; }
.u-w-70p { width: 70% !important; }
.u-w-80p { width: 80% !important; }
.u-w-90p { width: 90% !important; }
.u-w-100p { width: 100% !important; }
.u-sp { padding-left: 15px; padding-right: 15px; }
@media all and (min-width: 701px) { .u-sp { padding-left: 15px; padding-right: 15px; } }
.u-sm { margin-left: 15px; margin-right: 15px; }
@media all and (min-width: 701px) { .u-sm { margin-left: 15px; margin-right: 15px; } }
.fx-fade { opacity: 0; -webkit-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.fx-fade.fx-in { opacity: 1; }
.lca-box--type-b { padding: 24px; border: solid 1px #ddd; background-color: #eee; }
.lca-link__apply-note { display: block; position: relative; width: 100%; font-weight: bold; font-size: 16px; }
.lca-link__apply-note:link, .lca-link__apply-note:visited, .lca-link__apply-note:hover, .lca-link__apply-note:active { color: #333 !important; }
.lca-link__apply-note:hover { opacity: 1 !important; text-decoration: none; }
.lca-link__apply-note:before { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 19px; height: 1px; background-color: #333; opacity: 1; }
.lca-link__apply-note:after { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); content: ""; position: absolute; right: 9px; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 19px; background-color: #333; opacity: 1; }
.lca-link__apply-note.is-active::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.lca-link__apply-note.is-active::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 0; }
.lca-apply-note { margin: 24px 0 0; padding: 24px 0 0; border-top: solid 1px #ddd; display: none; font-size: 14px; }
.lca-apply-note img { width: 100%; }
.cs-footer-nav-group__item > a[target="_blank"], .cs-footer-utils__item > a[target="_blank"] { position: relative; padding-right: 4px; padding-bottom: 1px; }
.cs-footer-nav-group__item > a[target="_blank"]:after, .cs-footer-utils__item > a[target="_blank"]:after { position: relative; top: 1px; left: 4px; display: inline-block; width: 12px; height: 12px; font-size: 0; content: ''; background-size: cover; background-image: url("../img/icons/outlink--gray.svg"); }
.pm-frp-list-item > a[target="_blank"]:after { margin: 0 -2px 0 0; border-top: none; border-right: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); display: inline-block; width: 12px; height: 12px; font-size: 0; content: ''; background-size: cover; background-image: url("../img/icons/outlink--gray.svg"); }
.cs-h-menu-nav-list__item > a[target="_blank"]:after { margin: -8px -4px 0 0; border-right: none; border-bottom: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); display: inline-block; width: 14px; height: 14px; font-size: 0; content: ''; background-size: cover; background-image: url("../img/icons/outlink--gray.svg"); background-image: url("../img/icons/outlink--white.svg"); }
.cs-icn-sns--twitter { background-image: url("../img/icons/twitter--color.svg"); }
.cs-icn-sns--twitter--gray { background-image: url("../img/icons/twitter--gray.svg"); }
.cs-icn-sns--twitter--white { background-image: url("../img/icons/twitter--white.svg"); }
.cs-icn-sns--facebook { background-image: url("../img/icons/facebook--color.svg"); }
.cs-icn-sns--facebook--gray { background-image: url("../img/icons/facebook--gray.svg"); }
.cs-icn-sns--facebook--white { background-image: url("../img/icons/facebook--white.svg"); }
.cs-icn-sns--instagram { background-image: url("../img/icons/instagram--color.png"); }
.cs-icn-sns--instagram--gray { background-image: url("../img/icons/instagram--gray.svg"); }
.cs-icn-sns--instagram--white { background-image: url("../img/icons/instagram--white.svg"); }
.cs-icn-sns--line { background-image: url("../img/icons/line--color.svg"); }
.cs-icn-sns--twitter, .cs-icn-sns--twitter--gray, .cs-icn-sns--twitter--white, .cs-icn-sns--facebook, .cs-icn-sns--facebook--gray, .cs-icn-sns--facebook--white, .cs-icn-sns--instagram, .cs-icn-sns--instagram--gray, .cs-icn-sns--instagram--white, .cs-icn-sns--line { background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: -.6em; background-size: 26px 26px; height: 26px; margin: 0 10px 0 0; width: 26px; }
.cs-tag { font-size: 12px; color: #333; background: #ddd; text-align: left; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 10px; min-height: 28px; border-radius: 19px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cs-tag:visited, .cs-tag:active, .cs-tag:hover { color: #333; }
a.cs-tag { cursor: pointer; }
a.cs-tag:hover { text-decoration: none; }
.cs-tag.is-selected { color: #0068b7; background: #FFF9F5; }
.cs-tag.is-selected:visited, .cs-tag.is-selected:active, .cs-tag.is-selected:hover { color: #0068b7; }
.cs-tag-checkbox .cs-tag { cursor: pointer; }
.cs-tag-checkbox .cs-tag:hover { text-decoration: none; }
.cs-tag-checkbox__input { display: none; }
.cs-tag-checkbox__input:checked + .cs-tag { color: #0068b7; background: #FFF9F5; }
.cs-tag-checkbox__input:checked + .cs-tag:visited, .cs-tag-checkbox__input:checked + .cs-tag:active, .cs-tag-checkbox__input:checked + .cs-tag:hover { color: #0068b7; }
.cs-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cs-tag-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px; margin-bottom: 10px; max-width: 100%; }
.cs-list-scroll--type-a { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-a__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-a__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-a__inner:after { content: ''; width: 20px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-a__item { width: 150px; height: 180px; margin-right: 20px; scroll-snap-align: start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; color: #333; }
.cs-list-scroll--type-a__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-a__item:visited, .cs-list-scroll--type-a__item:active, .cs-list-scroll--type-a__item:hover { color: #333; }
.cs-list-scroll--type-a__item:hover { text-decoration: none; }
.cs-list-scroll--type-a__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; height: 100%; border-radius: 5px; position: relative; overflow: hidden; }
.cs-list-scroll--type-a__image:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; }
.cs-list-scroll--type-a__text-layer { position: absolute; top: 0; left: 0; z-index: 1; padding: 40px 15px; }
.cs-list-scroll--type-a__text { font-size: 14px; line-height: 1.5; font-weight: bold; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; max-height: 103px; }
.cs-list-scroll--type-b { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-b__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-b__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-b__inner:after { content: ''; width: 20px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-b__item { width: 150px; height: 180px; margin-right: 20px; scroll-snap-align: start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; color: #333; }
.cs-list-scroll--type-b__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-b__item:visited, .cs-list-scroll--type-b__item:active, .cs-list-scroll--type-b__item:hover { color: #333; }
.cs-list-scroll--type-b__item:hover { text-decoration: none; }
.cs-list-scroll--type-b__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; height: 100%; border-radius: 5px; position: relative; overflow: hidden; }
.cs-list-scroll--type-b__image:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; }
.cs-list-scroll--type-b__text-layer { position: absolute; top: 0; left: 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 15px 15px; }
.cs-list-scroll--type-b__text { font-size: 14px; line-height: 1.5; font-weight: bold; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: 82px; }
.cs-list-scroll--type-b__avatar-group { position: absolute; left: 15px; bottom: 15px; z-index: 1; }
.cs-list-scroll--type-b__avatar-group .cs-avatar-2__photo { width: 20px; height: 20px; }
.cs-list-scroll--type-b__avatar-group .cs-avatar-2__info { margin-left: 5px; }
.cs-list-scroll--type-b__avatar-group .cs-avatar-2__name { font-size: 12px; font-weight: normal; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100px; }
.cs-list-scroll--type-c { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-c__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-c__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-c__inner:after { content: ''; width: 20px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-c__item { width: 150px; height: 150px; margin-right: 20px; scroll-snap-align: start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; color: #333; }
.cs-list-scroll--type-c__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-c__item:visited, .cs-list-scroll--type-c__item:active, .cs-list-scroll--type-c__item:hover { color: #333; }
.cs-list-scroll--type-c__item:hover { text-decoration: none; }
.cs-list-scroll--type-c__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; height: 100%; border-radius: 5px; position: relative; overflow: hidden; }
.cs-list-scroll--type-c__image:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; }
.cs-list-scroll--type-c__text-layer { position: absolute; top: 0; left: 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 10px 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.cs-list-scroll--type-c__text { max-width: 100%; font-size: 14px; line-height: 1.5; font-weight: bold; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 61px; }
.cs-list-scroll--type-c__count { font-size: 14px; line-height: 1.5; font-weight: bold; color: #fff; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: center; }
.cs-list-scroll--type-d { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-d__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-d__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-d__inner:after { content: ''; width: 15px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-d__item { width: 100px; height: 100px; margin-right: 15px; scroll-snap-align: start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; color: #333; }
.cs-list-scroll--type-d__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-d__item:visited, .cs-list-scroll--type-d__item:active, .cs-list-scroll--type-d__item:hover { color: #333; }
.cs-list-scroll--type-d__item:hover { text-decoration: none; }
.cs-list-scroll--type-d__item:after { content: ''; display: block; padding-bottom: 100%; width: 100%; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; border-radius: 5px; }
.cs-list-scroll--type-d__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; height: 100%; border-radius: 5px; position: relative; overflow: hidden; }
.cs-list-scroll--type-d__image:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; }
.cs-list-scroll--type-d__text-layer { position: absolute; top: 0; left: 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 10px 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.cs-list-scroll--type-d__text { max-width: 100%; font-size: 14px; line-height: 1.5; font-weight: bold; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 40px; }
.cs-list-scroll--type-d__count { font-size: 14px; line-height: 1.5; font-weight: bold; color: #fff; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: center; }
.cs-list-scroll--type-e { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-e__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-e__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-e__inner:after { content: ''; width: 20px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-e__item { width: 140px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; scroll-snap-align: start; color: #333; }
.cs-list-scroll--type-e__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-e__item:visited, .cs-list-scroll--type-e__item:active, .cs-list-scroll--type-e__item:hover { color: #333; }
.cs-list-scroll--type-e__item:hover { text-decoration: none; }
.cs-list-scroll--type-e__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; padding-bottom: 100%; border-radius: 5px; margin-bottom: 8px; }
.cs-list-scroll--type-e__text { font-size: 12px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 30.4px; height: 2.7em; margin-bottom: 5px; }
.cs-list-scroll--type-f { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-f__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-f__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-f__inner:after { content: ''; width: 10px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-f__item { width: 120px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px; scroll-snap-align: start; color: #333; }
.cs-list-scroll--type-f__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-f__item:visited, .cs-list-scroll--type-f__item:active, .cs-list-scroll--type-f__item:hover { color: #333; }
.cs-list-scroll--type-f__item:hover { text-decoration: none; }
.cs-list-scroll--type-f__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; padding-bottom: 75%; border-radius: 5px; margin-bottom: 8px; }
.cs-list-scroll--type-f__text { font-size: 12px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 30.4px; max-height: 2.7em; }
.cs-list-scroll--type-g { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cs-list-scroll--type-g__inner { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-padding-left: 15px; }
@media all and (min-width: 701px) { .cs-list-scroll--type-g__inner { padding-left: 15px; padding-right: 15px; } }
.cs-list-scroll--type-g__inner:after { content: ''; width: 15px; height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-g__item { width: 180px; margin-right: 15px; scroll-snap-align: start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #333; }
.cs-list-scroll--type-g__item:last-of-type { margin-right: 0; }
.cs-list-scroll--type-g__item:visited, .cs-list-scroll--type-g__item:active, .cs-list-scroll--type-g__item:hover { color: #333; }
.cs-list-scroll--type-g__item:hover { text-decoration: none; }
.cs-list-scroll--type-g__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../img/noimage.png"); width: 100%; padding-bottom: 100%; border-radius: 5px; margin-top: 0; margin-bottom: 8px; }
.cs-list-scroll--type-g__title { font-size: 14px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 35.8px; height: 2.7em; margin-top: 0; margin-bottom: 8px; }
.cs-list-scroll--type-g__text { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 35.8px; height: 2.7em; margin-bottom: 8px; }
.cs-list-scroll--type-g__label { font-size: 10px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-height: 11.5px; height: 1.35em; margin-bottom: 5px; }
.cs-list-scroll--type-g__avatar-group { width: 100%; overflow: hidden; }
.cs-list-scroll--type-g__avatar-group .cs-avatar-2__photo { width: 20px; height: 20px; }
.cs-list-scroll--type-g__avatar-group .cs-avatar-2__info { margin-left: 5px; }
.cs-list-scroll--type-g__avatar-group .cs-avatar-2__name-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-list-scroll--type-g__avatar-group .cs-avatar-2__name { font-size: 12px; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-height: 14.2px; max-height: 1.35em; }
.cs-avator-list { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.cs-avator-list__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; }
@media all and (min-width: 701px) { .cs-avator-list__inner { padding-left: 15px; padding-right: 15px; } }
.cs-avator-list__item { width: 80px; margin-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-avator-list__item:last-of-type { margin-right: 0; }
.cs-avator-list__item .cs-avatar-2__photo--ambassador { width: 80px; height: 80px; -webkit-box-shadow: inset 0px 0px 0px 4px #fff; box-shadow: inset 0px 0px 0px 4px #fff; border: 1px solid #ed4d98; }
.cs-sidebar-list--type-a { color: #333; }
.cs-sidebar-list--type-a:visited, .cs-sidebar-list--type-a:active, .cs-sidebar-list--type-a:hover { color: #333; }
.cs-sidebar-list--type-a__inner { padding-left: 15px; padding-right: 15px; }
@media all and (min-width: 701px) { .cs-sidebar-list--type-a__inner { padding-left: 15px; padding-right: 15px; } }
.cs-sidebar-list--type-a__item { color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; border-top: 1px solid #ddd; }
.cs-sidebar-list--type-a__item:visited, .cs-sidebar-list--type-a__item:active, .cs-sidebar-list--type-a__item:hover { color: #333; }
.cs-sidebar-list--type-a__item:hover { text-decoration: none; }
.cs-sidebar-list--type-a__item:first-of-type { border-top: none; }
.cs-sidebar-list--type-a__left-group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 90px); }
.cs-sidebar-list--type-a__right-group { margin-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.cs-sidebar-list--type-a__title { font-size: 14px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-height: 16.9px; height: 1.35em; width: 100%; margin-bottom: 6px; }
.cs-sidebar-list--type-a__text { font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 30.4px; max-height: 2.7em; margin-bottom: 6px; }
.cs-sidebar-list--type-a__avatar-group { margin-bottom: 6px; width: 100%; overflow: hidden; }
.cs-sidebar-list--type-a__avatar-group .cs-avatar-2__photo { width: 20px; height: 20px; }
.cs-sidebar-list--type-a__avatar-group .cs-avatar-2__info { margin-left: 5px; }
.cs-sidebar-list--type-a__avatar-group .cs-avatar-2__name { font-weight: normal; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-height: 14.2px; }
.cs-sidebar-list--type-a__date { font-size: 10px; color: #666; }
.cs-sidebar-list--type-a__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 80px; padding-bottom: 125%; border-radius: 5px; }
.cs-sidebar-list--type-b { color: #333; }
.cs-sidebar-list--type-b:visited, .cs-sidebar-list--type-b:active, .cs-sidebar-list--type-b:hover { color: #333; }
.cs-sidebar-list--type-b__inner { padding-left: 15px; padding-right: 15px; }
@media all and (min-width: 701px) { .cs-sidebar-list--type-b__inner { padding-left: 15px; padding-right: 15px; } }
.cs-sidebar-list--type-b__item { color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; border-top: 1px solid #ddd; }
.cs-sidebar-list--type-b__item:visited, .cs-sidebar-list--type-b__item:active, .cs-sidebar-list--type-b__item:hover { color: #333; }
.cs-sidebar-list--type-b__item:hover { text-decoration: none; }
.cs-sidebar-list--type-b__item:first-of-type { border-top: none; }
.cs-sidebar-list--type-b__left-group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 90px); }
.cs-sidebar-list--type-b__right-group { margin-left: 10px; }
.cs-sidebar-list--type-b__title { font-size: 14px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 54.7px; height: 4em; margin-bottom: 8px; }
.cs-sidebar-list--type-b__info-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.cs-sidebar-list--type-b__label { font-size: 12px; font-weight: bold; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; max-height: 14.2px; height: 1.35em; margin-right: 8px; }
.cs-sidebar-list--type-b__date { font-size: 10px; color: #666; margin-right: 8px; }
.cs-sidebar-list--type-b__new { font-size: 10px; background: #ed4d98; color: #fff; display: inline-block; height: 14px; line-height: 14px; padding: 0 5px; border-radius: 2px; }
.cs-sidebar-list--type-b__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 80px; padding-bottom: 100%; border-radius: 5px; }
.cs-fileloader--no-preview { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; width: 100%; height: 100%; -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; }
html.is-csmodal-active body, html.is-csalert-active body { overflow: hidden; }
html.is-csmodal-active.ios body, html.is-csalert-active.ios body { position: fixed; width: 100%; }
html.is-csinstantview-active body { overflow: hidden; }
html.is-csinstantview-active.ios body { overflow: auto; }
html.is-csinstantview-active.ios .cs-page { display: none; }
html.is-post-modal-active .cs-page { display: none; }
.cs-modal-post { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; z-index: 6000010; background: #fff; -webkit-overflow-scrolling: touch; }
@media all and (max-width: 700px) { .cs-modal-post { position: absolute; } }
.cs-modal-post.is-active { display: block; }
.cs-modal-post.fx-fade { opacity: 0; -webkit-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.cs-modal-post.fx-fade.fx-in { opacity: 1; }
.cs-modal-post-header { width: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: fixed; left: 0; right: 0; top: 0; z-index: 5000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; }
@media all and (max-width: 700px) { .cs-modal-post-header { min-width: 320px; } }
@media all and (min-width: 701px) { .cs-modal-post-header { min-width: 700px; } }
@media all and (min-width: 1000px) { .cs-modal-post-header { min-width: 1000px; } }
.cs-modal-post-header__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }
@media all and (max-width: 700px) { .cs-modal-post-header { height: 50px; } }
@media all and (min-width: 701px) { .cs-modal-post-header { height: 70px; } }
@media all and (max-width: 700px) { .cs-modal-post-header__inner { padding: 10px 15px 0; } }
@media all and (min-width: 701px) { .cs-modal-post-header__inner { padding: 13px 20px 0; } }
@media all and (max-width: 700px) { .cs-modal-post-header__left, .cs-modal-post-header__right { width: 80px; } }
@media all and (min-width: 701px) { .cs-modal-post-header__left, .cs-modal-post-header__right { width: 100px; } }
.cs-modal-post-header__left { float: left; }
.cs-modal-post-header__right { float: right; }
.cs-modal-post-header__title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 85px; color: #aaa; font-weight: bold; text-align: center; }
@media all and (max-width: 700px) { .cs-modal-post-header__title { font-size: 12px; line-height: 30px; } }
@media all and (min-width: 701px) { .cs-modal-post-header__title { font-size: 18px; line-height: 44px; } }
.cs-modal-post-header__close-button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; color: #0068b7; font-size: 12px; line-height: 30px; font-weight: bold; }
@media all and (max-width: 700px) { .cs-modal-post-header__close-button { font-size: 12px; line-height: 30px; } }
@media all and (min-width: 701px) { .cs-modal-post-header__close-button { font-size: 16px; line-height: 44px; } }
.cs-modal-post-header__submit-button { color: #fff; padding: 0; border-radius: 5px; background-color: #0068b7; }
.cs-modal-post-header__submit-button:visited, .cs-modal-post-header__submit-button:active, .cs-modal-post-header__submit-button:hover { color: #fff; }
@media all and (max-width: 700px) { .cs-modal-post-header__submit-button { width: 80px; height: 30px; font-size: 14px; line-height: 30px; } }
@media all and (min-width: 701px) { .cs-modal-post-header__submit-button { width: 100px; height: 44px; font-size: 16px; line-height: 44px; } }
.cs-modal-post-header__submit-button:hover { background-color: #0068b7; }
.cs-modal-post-header__submit-button[disabled] { background-color: #ddd; }
@media all and (max-width: 700px) { .cs-modal-post-content { padding-top: 50px; } }
@media all and (min-width: 701px) { .cs-modal-post-content { padding-top: 70px; } }
.cs-modal-post-content-body { width: 100%; }
@media all and (max-width: 700px) { .cs-modal-post-content-body { min-width: 320px; } }
@media all and (min-width: 701px) { .cs-modal-post-content-body { min-width: 700px; } }
@media all and (min-width: 1000px) { .cs-modal-post-content-body { min-width: 1000px; } }
.cs-modal-post-content-body__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }
.cs-modal-post-content-body__inner { max-width: 700px; padding-top: 15px; padding-bottom: 15px; }
@media all and (max-width: 700px) { .cs-modal-post-content-body__inner { padding-left: 15px; padding-right: 15px; } }
.cs-modal-post-overlay { display: none; }
.cs-post-report { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; background: #fff; }
.cs-post-report-category { width: 100%; background: #666; }
@media all and (max-width: 700px) { .cs-post-report-category { min-width: 320px; } }
@media all and (min-width: 701px) { .cs-post-report-category { min-width: 700px; } }
@media all and (min-width: 1000px) { .cs-post-report-category { min-width: 1000px; } }
.cs-post-report-category__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }
.cs-post-report-category__inner { max-width: 700px; text-align: center; }
@media all and (min-width: 701px) { .cs-post-report-category__inner { padding: 8px 0; } }
.cs-post-report-category__field { position: relative; display: inline-block; height: 44px; }
@media all and (max-width: 700px) { .cs-post-report-category__field { width: 100%; } }
@media all and (min-width: 701px) { .cs-post-report-category__field { width: 375px; } }
.cs-post-report-category__field:before { content: ''; position: absolute; right: 17px; top: 20px; width: 10px; height: 10px; margin-top: -8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
html.ie9 .cs-post-report-category__field:before { border: 0; }
.cs-post-report-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }
.cs-post-report-category__field select::-ms-expand { display: none; }
.cs-post-report-category__field select::-moz-focus-inner { border: 0; }
.cs-post-report-category__field select:focus { background: transparent; outline: none; }
@media all and (max-width: 700px) { .cs-post-report-category__field select { width: 100%; border: 0; font-size: 14px; } }
@media all and (min-width: 701px) { .cs-post-report-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }
.cs-post-report-category__field option { color: #333; background: #fff; }
html.ie9 .cs-post-report-category__field option { color: #fff; background: #666; }
.cs-post-error { font-size: 14px; font-weight: bold; color: #e60000; }
.cs-modal-post-content select ~ .cs-post-error { display: block; margin-top: 6px; text-align: left; color: #fff !important; }
.pm-rvw { padding-bottom: 20px; }
.pm-rvw-index { padding: 24px 12px; background: #fff; }
@media all and (min-width: 701px) { .pm-rvw-index { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .pm-rvw-index { border-bottom: 1px solid #ddd; } }
.pm-rvw-index__list { margin-bottom: 20px; }
.pm-rvw-index__list:before, .pm-rvw-index__list:after { content: ''; display: table; }
.pm-rvw-index__list:after { clear: both; }
.pm-rvw-index__item { float: left; width: 47.96%; margin-right: 12px; margin-bottom: 12px; }
.pm-rvw-index__item:nth-child(2n) { margin-right: 0; }
.pm-rvw-index__item:nth-child(2n+1) { clear: both; }
@media all and (min-width: 701px) { .pm-rvw-index__item { width: calc(25% - 9px); }
  .pm-rvw-index__item:nth-child(2n) { margin-right: 12px; }
  .pm-rvw-index__item:nth-child(2n+1) { clear: none; }
  .pm-rvw-index__item:nth-child(4n) { margin-right: 0; }
  .pm-rvw-index__item:nth-child(4n+1) { clear: both; } }
.pm-rvw-index__image { display: block; width: 100%; height: 235px; margin-bottom: 12px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
@media all and (max-width: 700px) { .pm-rvw-index__image { height: 170px; } }
.pm-rvw-index__body { border-bottom: 1px solid #ccc; }
.pm-rvw-index__text { display: block; height: 3em; color: #333; }
.pm-rvw-index__text:hover, .pm-rvw-index__text:active, .pm-rvw-index__text:visited { color: #333; }
.pm-rvw-index__button { text-align: center; }
.pm-rvw-index__action { margin-bottom: 6px; }
.pm-rvw-index__action:before, .pm-rvw-index__action:after { content: ''; display: table; }
.pm-rvw-index__action:after { clear: both; }
.pm-rvw-main { padding: 12px 12px 24px; margin-bottom: 12px; background: #fff; }
@media all and (min-width: 701px) { .pm-rvw-main { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .pm-rvw-main { border-bottom: 1px solid #ddd; } }
.pm-rvw-main__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; height: 315px; margin-bottom: 24px; border: 1px solid #ccc; }
@media all and (min-width: 701px) { .pm-rvw-main__image { height: 350px; } }
.pm-rvw-main__title { margin-bottom: 12px; font-size: 18px; font-weight: bold; }
.pm-rvw-main-rating { margin-bottom: 6px; }
.pm-rvw-main-rating__label { display: inline-block; vertical-align: middle; }
.pm-rvw-main-rating .cs-rating-stars { margin-bottom: 0; vertical-align: middle; }
.pm-rvw-main__action { margin-bottom: 6px; clear: left; }
.pm-rvw-main__action:before, .pm-rvw-main__action:after { content: ''; display: table; }
.pm-rvw-main__action:after { clear: both; }
.pm-rvw-main__button { margin: 24px 0; }
.pm-rvw-main__body { margin: 24px 0; font-size: 16px; }
.pm-rvw-main__tags { margin: 24px 0; }
.pm-rvw-main__likes { margin: 24px 0; }
.pm-rvw-main-post { padding: 12px 24px; display: none; border-radius: 5px; background-color: #fff; }
.pm-rvw-main-post__head { position: relative; margin-bottom: 12px; }
.pm-rvw-main-post__head-close { content: ""; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; width: 6px; height: 6px; border-left: 1px solid #000; border-top: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-indent: -9999px; cursor: pointer; }
.pm-rvw-main-post-rating__label { display: inline-block; margin-right: 6px; vertical-align: middle; color: #aaa; }
.pm-rvw-main-post-rating__text { margin: 12px 0; color: #aaa; }
@media all and (max-width: 700px) { .pm-rvw-main-post-rating__text { display: none; } }
.pm-rvw-main-post-rating__text--sp { display: none; }
@media all and (max-width: 700px) { .pm-rvw-main-post-rating__text--sp { display: block; margin: 12px 0; color: #aaa; } }
.pm-rvw-main-post__title { margin: 18px 0; }
.pm-rvw-main-post__body { margin: 18px 0; }
.pm-rvw-main-post__attension { text-align: right; color: #aaa; }
.pm-rvw-main-post__photo { position: relative; display: inline-block; margin: 12px 0; color: #4a75bc; overflow-y: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pm-rvw-main-post__photo::before { display: inline-block; content: ""; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 50% 50%; margin-right: 6px; background-image: url("../img/icons/photo-upload--blue.svg"); background-size: 30px 30px; vertical-align: middle; }
.pm-rvw-main-post__photo input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }
.pm-rvw-main-post__type { margin: 6px 0 24px; }
.pm-rvw-main-post__type__title { display: inline-block; margin: 6px 1em 0 0; font-size: 14px; font-weight: bold; vertical-align: middle; }
.pm-rvw-main-post__type__choose { display: inline-block; margin: 6px 0 0; vertical-align: middle; }
.pm-rvw-main-post__type__choose input { vertical-align: middle; }
.pm-rvw-main-post__type__choose .cs-radio-a--l { margin-bottom: 4px; }
.pm-rvw-main-post__type__choose .pm-rvw-item-rating__type-label { margin-left: -4px; padding: 3px 6px; font-size: 14px; }
.pm-rvw-main .cs-button-a--1-xl.cs-button--w-100p { display: block; max-width: 360px; margin: 0 auto; }
.pm-rvw-lists-head { padding: 12px 12px 12px 32px; border-bottom: 1px solid #ccc; background-image: url("../img/modules/pm-rvw/ico_balloon.svg"); background-repeat: no-repeat; background-position: 12px 50%; background-size: 18px 18px; }
.pm-rvw-lists-head:before, .pm-rvw-lists-head:after { content: ''; display: table; }
.pm-rvw-lists-head:after { clear: both; }
.pm-rvw-lists-head__text { font-size: 14px; }
.pm-rvw-lists-head__pager { float: right; color: #aaa; }
.pm-rvw-lists-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; padding-top: 13px; margin-bottom: 10px; text-align: center; }
.pm-rvw-lists-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; height: 46px; margin: 0 auto 10px; text-align: center; }
.pm-rvw-lists-more__label { color: #0068b7; height: 32px; line-height: 32px; border-radius: 5px; border: 1px solid #0068b7; font-size: 14px; }
.pm-rvw-lists__buttons { padding: 24px 0 12px; text-align: center; }
.pm-rvw-lists__share { padding: 24px 0; text-align: center; }
.pm-rvw-lists-links { display: block; position: relative; margin: 0 12px; padding: 12px; text-decoration: none !important; overflow: hidden; background-color: #ddd; }
.pm-rvw-lists-links::before { content: ""; display: block; position: absolute; bottom: 12px; right: 12px; width: 30px; height: 30px; background-color: #4a75bc; border-radius: 4px; }
.pm-rvw-lists-links::after { content: ""; position: absolute; bottom: 20px; right: 22px; width: 12px; height: 12px; margin-top: -6px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.pm-rvw-lists-links__image { float: left; width: 80px; height: 80px; margin-right: 12px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.pm-rvw-lists-links__head { overflow: hidden; color: #333; font-weight: bold; }
.pm-rvw-item { margin-bottom: 15px; border-radius: 5px; background: #fff; }
@media all and (max-width: 700px) { .pm-rvw-item { padding: 15px; } }
@media all and (min-width: 701px) { .pm-rvw-item { padding: 20px; } }
.pm-rvw-item__head:before, .pm-rvw-item__head:after { content: ''; display: table; }
.pm-rvw-item__head:after { clear: both; }
.pm-rvw-item__menu { float: right; }
.pm-rvw-item__avator a:hover, .pm-rvw-item__avator a:active, .pm-rvw-item__avator a:visited { text-decoration: none; }
.pm-rvw-item__avator-data { margin: 10px 0; }
.pm-rvw-item__avator-data-list { letter-spacing: -5px; }
.pm-rvw-item__avator-data-list-dt { display: inline-block; letter-spacing: normal; font-weight: bold; }
.pm-rvw-item__avator-data-list-dd { margin-right: 15px; display: inline-block; letter-spacing: normal; }
.pm-rvw-item__date { font-size: 10px; color: #aaa; }
.pm-rvw-item-rating { margin: 6px 0; }
.pm-rvw-item-rating__label { display: inline-block; vertical-align: middle; color: #aaa; }
.pm-rvw-item-rating .cs-rating-stars { margin-bottom: 0; vertical-align: middle; }
.pm-rvw-item-rating__type-label { display: inline-block; font-size: 12px; border-radius: 4px; line-height: 1.0; font-weight: bold; padding: 3px 4px; vertical-align: middle; }
.pm-rvw-item-rating__type-label--sample { color: #fff; background-color: #59AFB2; }
.pm-rvw-item-rating__type-label--purchaser { color: #fff; background-color: #EE807C; }
.pm-rvw-item-rating__type-label--no { color: #333; background-color: transparent; margin-left: -6px !important; padding: 3px 0 !important; font-weight: normal !important; }
.pm-rvw-main .pm-rvw-item-rating { float: left; margin-right: 20px; }
.pm-rvw-item-rating-breakdown { display: none; margin: 0 0 20px; }
@media all and (min-width: 701px) { .pm-rvw-item-rating-breakdown { margin: 0; } }
.pm-rvw-item-rating-breakdown.isActive { display: block; }
@media all and (min-width: 640px) { .pm-rvw-item-rating-breakdown { display: block; } }
.pm-rvw-item-rating-breakdown-item { font-size: 1px; line-height: 1.0; }
.pm-rvw-item-rating-breakdown-item:not(:last-child) { margin-bottom: 3px; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars { margin-bottom: 0; width: 65px; height: 13px; vertical-align: middle; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val10 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val20 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val30 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val40 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val50 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val60 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val70 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val80 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val90 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-stars__star--val100 { height: 13px; background-size: auto 100%; }
.pm-rvw-item-rating-breakdown-item .cs-rating-value { font-size: 13px; line-height: 13px; }
.pm-rvw-main .pm-rvw-item-rating-breakdown { float: left; margin: 6px 0 20px; }
.pm-rvw-item-rating--large .cs-rating-stars { width: 125px; height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val10 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val20 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val30 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val40 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val50 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val60 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val70 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val80 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val90 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-stars__star--val100 { height: 25px; background-size: auto 100%; }
.pm-rvw-item-rating--large .cs-rating-value { font-size: 19px; line-height: 20px; }
.pm-rvw-item__title { margin: 12px 0; font-size: 16px; font-weight: bold; }
.pm-rvw-item__body { margin-bottom: 12px; font-size: 14px; line-height: 1.4; }
.pm-rvw-item__action:before, .pm-rvw-item__action:after { content: ''; display: table; }
.pm-rvw-item__action:after { clear: both; }
.pm-rvw-item__actionCounter { margin-bottom: 12px; font-size: 12px; }
.pm-rvw-item__actionButton { color: #00a3d9; font-size: 14px; text-decoration: underline; cursor: pointer; }
.pm-rvw-item__image { display: block; margin: 0 auto 12px; max-width: 100%; max-height: 315px; }
.pm-rvw-item__count { margin: 0 0 20px; padding: 0 0 0 22px; background-image: url("../img/modules/pm-rvw/ico_balloon.svg"); background-repeat: no-repeat; background-position: 0 50%; background-size: 18px 18px; font-size: 12px; line-height: 18px; }
.pm-rvw-useful, .pm-rvw-wantto { border: none; display: block; float: left; width: 50%; color: #4a75bc; text-align: left; }
.pm-rvw-useful[data-state="active"], .pm-rvw-wantto[data-state="active"] { color: #4a75bc; opacity: .5; background-color: #fff; }
.pm-rvw-useful[data-state="active"] .pm-rvw-useful__icon, .pm-rvw-wantto[data-state="active"] .pm-rvw-useful__icon { background-image: url("../img/modules/pm-rvw/ico_point.svg"); }
.pm-rvw-useful[data-state="active"]:hover, .pm-rvw-wantto[data-state="active"]:hover { color: #4a75bc; }
.pm-rvw-useful:hover, .pm-rvw-useful:visited, .pm-rvw-useful:active, .pm-rvw-wantto:hover, .pm-rvw-wantto:visited, .pm-rvw-wantto:active { color: #4a75bc; text-decoration: none; }
.pm-rvw-useful span, .pm-rvw-wantto span { display: inline-block; margin: 0 6px; color: #aaa; }
.pm-rvw-useful::before, .pm-rvw-wantto::before { display: none; }
.pm-rvw-useful__icon, .pm-rvw-wantto__icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; background-image: url("../img/modules/pm-rvw/ico_point-d.svg"); background-repeat: no-repeat; background-size: 24px 24px; }
.is-disabled .pm-rvw-useful__icon, .is-disabled .pm-rvw-wantto__icon { background-image: url("../img/modules/pm-rvw/ico_point.svg"); }
.pm-rvw-wantto[data-state="active"] .pm-rvw-wantto__icon { background-image: url("../img/modules/pm-rvw/ico_favorite.svg"); }
.pm-rvw-wantto__icon { background-image: url("../img/modules/pm-rvw/ico_favorite-d.svg"); }
.is-disabled .pm-rvw-wantto__icon { background-image: url("../img/modules/pm-rvw/ico_favorite.svg"); }
.pm-rvw-titlebar { padding: 12px 0; background-color: #000; }
.pm-rvw-titlebar__inner { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1000px; padding: 0 12px; margin-left: auto; margin-right: auto; color: #fff; }
.pm-rvw-sidebar-relate-item__title--label { margin-top: 6px; }
.pm-rvw-sidebar-rating-item { position: relative; }
@media all and (max-width: 700px) { .pm-rvw-sidebar-rating-item { padding: 0; } }
@media all and (min-width: 701px) { .pm-rvw-sidebar-rating-stars.cs-rating-stars { position: absolute; left: 80px; bottom: 6px; } }
@media all and (max-width: 700px) { .pm-rvw-sidebar-rating-stars.cs-rating-stars { width: 70px; height: 14px; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val10 { display: inline-block; width: 10%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val20 { display: inline-block; width: 20%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val30 { display: inline-block; width: 30%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val40 { display: inline-block; width: 40%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val50 { display: inline-block; width: 50%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val60 { display: inline-block; width: 60%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val70 { display: inline-block; width: 70%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val80 { display: inline-block; width: 80%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val90 { display: inline-block; width: 90%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; }
  .pm-rvw-sidebar-rating-stars.cs-rating-stars .cs-rating-stars__star--val100 { display: inline-block; width: 100%; height: 14px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; background-size: 14px 14px; } }
@media all and (max-width: 700px) { .pm-rvw-relate { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } }
@media all and (max-width: 700px) { .pm-rvw-relate__item { display: inline-block; width: 80px; border: none; margin: 12px 12px 0; vertical-align: top; }
  .pm-rvw-relate__item .cs-sidebar-relate-item__image { float: none; margin: 0 0 6px; width: 80px; height: 80px; }
  .pm-rvw-relate__item .cs-sidebar-relate-item__title { margin-bottom: 6px; white-space: normal; font-size: 10px; } }
.pm-rvw-response-a__button--review .cs-response-a__icon--small { background-image: url("../img/modules/pm-rvw/ico_balloon.svg"); }
.pm-rvw-button-a--1-xl { display: block; margin: 0 auto; max-width: 720px; background-color: #fff; border: 1px solid #4a75bc; font-weight: normal; color: #4a75bc; }
.pm-rvw-button-a--1-xl:visited { color: #4a75bc; }
.pm-rvw-button-a--1-xl:hover { background-color: #4a75bc; color: #fff; }
.pm-rvw-wgt__container { padding: 18px 12px 0; }
.pm-rvw-wgt__container:before, .pm-rvw-wgt__container:after { content: ''; display: table; }
.pm-rvw-wgt__container:after { clear: both; }
@media all and (min-width: 701px) { .pm-rvw-wgt__container__top { padding: 0 12px 24px; } }
@media all and (min-width: 701px) { .pm-rvw-wgt__container__bottom { padding: 24px 24px 6px; } }
@media all and (min-width: 640px) { .pm-rvw-wgt__container .pm-rvw-item-rating__container { float: left; } }
.pm-rvw-wgt__container .pm-rvw-item-rating { margin: 0 0 20px 0; }
@media all and (min-width: 640px) { .pm-rvw-wgt__container .pm-rvw-item-rating { float: left; margin: 0 30px 20px 0; } }
@media all and (min-width: 640px) { .pm-rvw-wgt__container .pm-rvw-item-rating-breakdown { float: left; } }
.pm-rvw-wgt__container .pm-rvw-main-post { clear: both; margin: 0 -12px; padding: 12px; }
@media all and (min-width: 701px) { .pm-rvw-wgt__container .pm-rvw-main-post { margin: 0 -24px; padding: 24px; } }
.pm-rvw-wgt__container .pm-rvw-main-post__body { margin-bottom: 0; }
.pm-rvw-wgt__container .pm-tlk-board-cmt-form__footer { margin-left: 0; }
.pm-rvw-wgt__container .pm-rvw-main-post__photo { margin-top: 0; }
.pm-rvw-wgt__community-info { clear: both; text-align: center; }
@media all and (min-width: 840px) { .cs-loggedin .pm-rvw-wgt__community-info { clear: none; } }
@media all and (max-width: 839px) { .cs-loggedin .pm-rvw-wgt__community-info { float: none; clear: both; width: auto; } }
.pm-rvw-wgt__community-info:empty { margin: 0; }
.pm-rvw-wgt__community-info__body { display: table; margin: 0 auto 10px; font-size: 14px; text-align: left; }
.pm-rvw-wgt__community-info__link { margin-top: 10px; text-align: center; }
.pm-rvw-wgt__community-info__link a { display: inline-block; }
.pm-rvw-wgt__community-info__logo { margin: 0 auto; width: 150px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.pm-rvw-wgt__community-info__name { text-align: center; }
.cs-rating-title { display: inline-block; color: #aaa; line-height: 16px; vertical-align: middle; }
.cs-rating-stars { display: inline-block; width: 95px; height: 19px; margin-bottom: 6px; margin-right: 4px; overflow: hidden; background-image: url("../img/modules/pm-rvw/ico_star-d.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val10 { display: inline-block; width: 10%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val20 { display: inline-block; width: 20%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val30 { display: inline-block; width: 30%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val40 { display: inline-block; width: 40%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val50 { display: inline-block; width: 50%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val60 { display: inline-block; width: 60%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val70 { display: inline-block; width: 70%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val80 { display: inline-block; width: 80%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val90 { display: inline-block; width: 90%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-stars__star--val100 { display: inline-block; width: 100%; height: 19px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: repeat-x; }
.cs-rating-bar { display: inline-block; position: relative; margin: 0 6px; width: 140px; height: 13px; vertical-align: middle; background: #f1f1f1; }
.cs-rating-bar--val { position: absolute; top: 0; left: 0; height: 13px; background: #004b84; }
.cs-rating-value { display: inline-block; margin-left: 2px; font-size: 16px; font-weight: bold; line-height: 16px; vertical-align: middle; font-family: -apple-system, Roboto, Arial; }
.cs-rating-breakdown__trigger { display: none; }
@media all and (max-width: 639px) { .cs-rating-breakdown__trigger { position: relative; display: inline-block; margin-left: 6px; width: 25px; height: 25px; vertical-align: middle; cursor: pointer; }
  .cs-rating-breakdown__trigger:before { content: ''; position: absolute; top: 4.5px; left: 6.5px; width: 10px; height: 10px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .cs-rating-breakdown__trigger.isActive:before { top: 11.5px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } }
.cs-rating-post:not(old) { display: inline-block; vertical-align: middle; width: 150px; height: 24px; overflow-y: hidden; }
.cs-rating-post:not(old) > input { margin-right: -100%; opacity: 0; }
.cs-rating-post:not(old) > label { cursor: pointer; display: block; float: right; padding-right: 6px; position: relative; background-image: url("../img/modules/pm-rvw/ico_star-d.svg"); background-repeat: no-repeat; background-size: 24px 24px; }
.cs-rating-post:not(old) > label::before { content: ""; display: block; width: 24px; height: 24px; background-image: url("../img/modules/pm-rvw/ico_star.svg"); background-repeat: no-repeat; background-size: 24px 24px; opacity: 0; }
.cs-rating-post:not(old) > label:hover:before, .cs-rating-post:not(old) > label:hover ~ label:before { opacity: 1; }
.cs-rating-post:not(:hover) > :checked ~ label:before { opacity: 1; }
.cs-post-rvw-photos { width: 100%; background: #fff; }
@media all and (max-width: 700px) { .cs-post-rvw-photos { min-width: 320px; } }
@media all and (min-width: 701px) { .cs-post-rvw-photos { min-width: 700px; } }
@media all and (min-width: 1000px) { .cs-post-rvw-photos { min-width: 1000px; } }
.cs-post-rvw-photos__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }
.cs-post-rvw-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }
@media all and (max-width: 700px) { .cs-post-rvw-photos__item, .cs-post-rvw-photos__button { width: 60px; height: 44px; } }
@media all and (min-width: 701px) { .cs-post-rvw-photos__item, .cs-post-rvw-photos__button { width: 75px; height: 55px; } }
.cs-post-rvw-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }
.cs-post-rvw-photos__remove { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; border-radius: 50%; background-color: #666; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }
.cs-post-rvw-photos__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #0068b7; background-image: url("../img/icons/photo-upload--blue.svg"); }
.cs-post-rvw-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }
@media all and (max-width: 700px) { .cs-post-rvw-photos__button { background-size: 32px 32px; } }
@media all and (min-width: 701px) { .cs-post-rvw-photos__button { background-size: 40px 40px; } }
.pm-rwv-button { margin-top: 40px; }
.pm-rwv-button a { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 340px; height: 44px; margin: auto; border-radius: 5px; background: #0068b7 url(../img/elleair/icon_pen.svg) no-repeat; cursor: pointer; }
.pm-rwv-button a:visited, .pm-rwv-button a:active, .pm-rwv-button a:hover { color: #fff; }
@media all and (max-width: 700px) { .pm-rwv-button a { background-position: 10px 50%; background-size: 20px auto; font-size: 14px; } }
@media all and (min-width: 701px) { .pm-rwv-button a { background-position: 10px 50%; background-size: 25px 25px; font-size: 16px; } }
.pm-rwv-button a:hover { text-decoration: none; }
.pm-rvw-item__actionButton { text-decoration: none; }
.pm-rvw-item__actionButton span { text-decoration: underline; }
.pm-rvw-item__actionButton [data-state="active"] { color: gray; text-decoration: none; opacity: 0.4; }
.pm-rvw-item-showMore__text { position: relative; overflow: hidden; font-size: 14px; height: 58.8px; }
.pm-rvw-item-showMore__text::after { position: absolute; bottom: 0; display: block; width: 100%; height: 40px; background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); content: ''; opacity: 1; }
.pm-rvw-item-showMore__button { margin-bottom: 10px; }
.pm-rvw-item-showMore__button span { margin-right: 5px; }
.pm-rvw-item-showMore__button span::before { content: 'すべて表示'; }
.pm-rvw-item-showMore__button::after { display: table; content: ''; clear: both; }
.pm-rvw-item-showMore__button a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: right; font-size: 14px; }
.pm-rvw-item-showMore__button a::after { margin-top: -5px; border-right: 1px #00a3d9 solid; border-bottom: 1px #00a3d9 solid; display: block; content: ''; width: 6px; height: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pm-rvw-item-showMore.show .pm-rvw-item-showMore__text { height: auto; }
.pm-rvw-item-showMore.show .pm-rvw-item-showMore__text::after { opacity: 0; visibility: hidden; }
.pm-rvw-item-showMore.show .pm-rvw-item-showMore__button a::after { margin-bottom: -7px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.pm-rvw-item-showMore.show .pm-rvw-item-showMore__button span::before { content: '少なく表示'; }
.pm-src { background: transparent; }
.pm-src__content { background: #fff; }
@media all and (max-width: 700px) { .pm-src__content { margin-bottom: 20px; } }
@media all and (min-width: 701px) { .pm-src__content { margin-bottom: 50px; } }
@media all and (min-width: 701px) { .pm-src__content { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .pm-src__content { border-bottom: 1px solid #ddd; } }
.pm-src-info { padding: 15px 20px; border-bottom: 1px solid #ddd; }
.pm-src-info:before, .pm-src-info:after { content: ''; display: table; }
.pm-src-info:after { clear: both; }
@media all and (min-width: 701px) { .pm-src-info { font-size: 14px; } }
.pm-src-info__keyword { float: left; color: #aaa; font-size: 16px; }
.pm-src-info__keyword strong { color: #333; font-weight: bold; }
.pm-src-info__number { margin-top: 2px; float: right; color: #666; font-size: 14px; }
.pm-src-list-item { padding: 15px 20px; border-bottom: 1px solid #ddd; }
.pm-src-list-item:last-child { border: none; }
.pm-src-list-item__link { color: #666; display: block; }
.pm-src-list-item__link:visited, .pm-src-list-item__link:active, .pm-src-list-item__link:hover { color: #666; }
.pm-src-list-item__link:hover { text-decoration: none; }
.pm-src-list-item__image { margin: 0 10px 10px 0; float: left; }
.pm-src-list-item__image img { width: 60px; }
.pm-src-list-item__texts { overflow: hidden; }
.pm-src-list-item__title { color: #333; font-size: 16px; }
.pm-src-list-item__excerpt { margin-top: .5em; color: #aaa; font-size: 14px; }
.pm-src-list-item__category { margin-top: .5em; color: #333; }
.pm-src-list-more { padding: 20px; border-top: 1px solid #ddd; }
.pm-src-list-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; text-align: center; }
.pm-src-hit { color: #03BACB; }
.pm-src-2 { background: transparent; }
.pm-src-2-unit { background: #fff; margin-bottom: 20px; }
@media all and (min-width: 701px) { .pm-src-2-unit { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .pm-src-2-unit { border-bottom: 1px solid #ddd; } }
.pm-src-2-unit-form { padding: 30px 25px; background: #ddd; }
@media all and (min-width: 701px) { .pm-src-2-unit-form { border-radius: 5px 5px 0 0; } }
.pm-src-2-unit-form__field input { -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 6px 6px 6px 30px; border-radius: 5px; border: 1px solid #aaa; background: #fff no-repeat 5px 50%; background-image: url("../img/icons/search--gray.svg"); background-size: 20px auto; color: #333; font-size: 15px; line-height: 21px; -webkit-appearance: none; }
.pm-src-2-unit-form__field input:placeholder-shown { color: #aaa; }
.pm-src-2-unit-form__field input::-webkit-input-placeholder { color: #aaa; }
.pm-src-2-unit-form__field input::-moz-placeholder { opacity: 1; color: #aaa; }
.pm-src-2-unit-form__field input:-ms-input-placeholder { color: #aaa; }
.pm-src-2-unit-form__field input:focus { outline: none; }
.pm-src-2-unit-form__field input:focus + .cs-h-search-input-b__attention { display: block; position: absolute; height: 15px; margin-top: 5px; margin-left: 15px; }
.pm-src-2-unit-list__header { padding: 15px; color: #666; font-size: 14px; }
.pm-src-2-unit-list__amount { margin-left: 1em; }
.pm-src-2-unit-list__item { border-top: 1px solid #ddd; }
.pm-src-2-unit-list__footer { border-top: 1px solid #ddd; }
.pm-src-2-unit-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; padding-top: 11px; text-align: center; }
.pm-src-2-unit-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; height: 40px; color: #0068b7; font-size: 13px; line-height: 44px; text-align: center; }
.pm-src-2-unit-more__button:before { content: ''; position: absolute; right: 12px; top: 20px; width: 10px; height: 10px; margin-top: -8px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.pm-src-2-unit-item-qna { display: block; padding: 15px; }
.pm-src-2-unit-item-qna__heading { font-size: 16px; margin-bottom: 5px; }
.pm-src-2-unit-item-qna__description { margin-bottom: 10px; color: #aaa; font-size: 14px; }
.pm-src-2-unit-item-qna__meta { display: table; width: 100%; color: #aaa; }
.pm-src-2-unit-item-qna__meta-left { display: table-cell; vertical-align: top; }
.pm-src-2-unit-item-qna__meta-right { display: table-cell; text-align: right; vertical-align: top; }
.pm-src-2-unit-item-qna__state, .pm-src-2-unit-item-qna__state--open, .pm-src-2-unit-item-qna__state--closed { display: inline-block; height: 22px; padding: 0 5px; margin-right: 5px; border-radius: 2px; color: #fff; font-size: 11px; line-height: 22px; }
.pm-src-2-unit-item-qna__state--open, .pm-src-2-unit-item-qna__state--open--open, .pm-src-2-unit-item-qna__state--closed--open { background: #F39B46; }
.pm-src-2-unit-item-qna__state--closed, .pm-src-2-unit-item-qna__state--open--closed, .pm-src-2-unit-item-qna__state--closed--closed { background: #aaa; }
.pm-src-2-unit-item-qna__reply { display: inline-block; margin-right: 5px; }
.pm-src-2-unit-item-qna__reply::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 3px; background: url("../img/icons/comment--gray.svg") no-repeat 50% 50%; background-size: 20px auto; vertical-align: -5px; }
.pm-src-2-unit-item-qna__views { display: inline-block; margin-right: 5px; }
.pm-src-2-unit-item-qna:hover { text-decoration: none; }
.pm-src-2-unit-item-qna:hover .pm-src-2-unit-item-qna__heading { text-decoration: underline; }
.pm-src-2-unit-item-rcp { color: #333; display: block; padding: 15px; }
.pm-src-2-unit-item-rcp:before, .pm-src-2-unit-item-rcp:after { content: ''; display: table; }
.pm-src-2-unit-item-rcp:after { clear: both; }
.pm-src-2-unit-item-rcp:visited, .pm-src-2-unit-item-rcp:active, .pm-src-2-unit-item-rcp:hover { color: #333; }
.pm-src-2-unit-item-rcp:hover { text-decoration: none; }
.pm-src-2-unit-item-rcp__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 70px; height: 70px; }
.pm-src-2-unit-item-rcp__text { margin-left: 80px; }
.pm-src-2-unit-item-rcp__sub { display: block; margin-bottom: 5px; color: #aaa; }
.pm-src-2-unit-item-rcp__title { font-size: 16px; }
.pm-src-2-unit-item-rcp:hover .pm-src-2-unit-item-rcp__title { text-decoration: underline; }
.pm-src-2-unit-item-rcp__label--official { display: inline-block; margin-right: 5px; padding: 0 5px; border-radius: 2px; background: #E25C25; color: #fff; font-size: 11px; line-height: 18px; vertical-align: 1px; }
.pm-src-2-unit-item-mgz { color: #333; display: block; padding: 15px; }
.pm-src-2-unit-item-mgz:before, .pm-src-2-unit-item-mgz:after { content: ''; display: table; }
.pm-src-2-unit-item-mgz:after { clear: both; }
.pm-src-2-unit-item-mgz:visited, .pm-src-2-unit-item-mgz:active, .pm-src-2-unit-item-mgz:hover { color: #333; }
.pm-src-2-unit-item-mgz:hover { text-decoration: none; }
.pm-src-2-unit-item-mgz__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 70px; height: 70px; }
.pm-src-2-unit-item-mgz__text { margin-left: 80px; }
.pm-src-2-unit-item-mgz__title { font-size: 16px; }
.pm-src-2-unit-item-mgz:hover .pm-src-2-unit-item-mgz__title { text-decoration: underline; }
.pm-src-hashtags__header { padding-left: 15px; padding-right: 15px; }
@media all and (min-width: 701px) { .pm-src-hashtags__header { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags__header__title-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }
.pm-src-hashtags__header__title { line-height: 1.35; font-weight: bold; color: #333; font-size: 20px; }
.pm-src-hashtags__header__count { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.pm-src-hashtags__list-header { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #ddd; }
@media all and (min-width: 701px) { .pm-src-hashtags__list-header { padding-left: 15px; padding-right: 15px; } }
@media all and (min-width: 701px) { .pm-src-hashtags__list-header { border-bottom: none; } }
.pm-src-hashtags__list-header__select { width: 100%; max-width: 700px; margin: 0 auto 20px; }
.pm-src-hashtags-list__items { position: relative; border-top: 1px solid #ddd; }
@media all and (min-width: 701px) { .pm-src-hashtags-list__items { letter-spacing: -4px; } }
.pm-src-hashtags-list-item { padding-bottom: 12px; }
@media all and (max-width: 700px) { .pm-src-hashtags-list-item { border-bottom: 10px solid #ddd; }
  .pm-src-hashtags-list-item:last-of-type { border-bottom: none; } }
.pm-src-hashtags-list-item__action { padding-left: 15px; padding-right: 15px; font-size: 14px; padding-top: 15px; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__action { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags-list-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__header { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags-list-item__link { color: #333; }
.pm-src-hashtags-list-item__link:visited, .pm-src-hashtags-list-item__link:active, .pm-src-hashtags-list-item__link:hover { color: #333; }
.pm-src-hashtags-list-item__link:hover { text-decoration: none; }
.pm-src-hashtags-list-item__article-image { width: 100%; margin-bottom: 15px; }
.pm-src-hashtags-list-item__article-image img { width: 100%; }
.pm-src-hashtags-list-item__article-image-cover { display: block; width: 100%; margin-bottom: 15px; background-image: url("../img/noimage.png"); }
@media all and (max-width: 700px) { .pm-src-hashtags-list-item__article-image-cover { position: relative; background-image: none !important; background-color: #ddd; } }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__article-image-cover { padding-top: 80%; background-size: cover; background-repeat: no-repeat; background-position: center center; } }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__article-image-cover { border-top-left-radius: 5px; border-top-right-radius: 5px; } }
.pm-src-hashtags-list-item__article-image { width: 100%; text-align: center; }
.pm-src-hashtags-list-item__article-image img { max-width: 100%; max-height: 60vh; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__article-image { display: none; } }
.pm-src-hashtags-list-item__article-title { padding-left: 15px; padding-right: 15px; font-size: 16px; line-height: 1.5; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 46px; margin-bottom: 10px; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__article-title { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags-list-item__article-sub-text { padding-left: 15px; padding-right: 15px; font-size: 12px; line-height: 1.5; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 34px; margin-bottom: 12px; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__article-sub-text { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags-list-item__info-group { padding-left: 15px; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__info-group { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags-list-item__label { font-size: 10px; background: #ed4d98; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 19px; padding: 3px 8px; margin-right: 10px; }
.pm-src-hashtags-list-item__date { font-size: 10px; color: #666; margin-right: 8px; }
.pm-src-hashtags-list-item__response-group { padding-left: 15px; padding-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item__response-group { padding-left: 15px; padding-right: 15px; } }
.pm-src-hashtags-list-item__response-group .cs-response-c, .pm-src-hashtags-list-item__response-group .cs-response-c--light { margin-bottom: 0; }
.pm-src-hashtags-list-item__response-group .cs-response-c__views { margin: 0; }
.pm-src-hashtags-list-item__response-group-left { display: -webkit-box; display: -ms-flexbox; display: flex; }
.pm-src-hashtags-list-item__response-group-right { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media all and (min-width: 701px) { .pm-src-hashtags-list-item { display: inline-block; margin-top: 10px; margin-left: 10px; width: 320px; text-align: left; vertical-align: top; letter-spacing: normal; border: 1px solid #ddd; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.pm-mgz { background: #eee; }
.pm-mgz-list-item { background: #fff; margin-bottom: 10px; padding: 15px 30px; }
@media all and (min-width: 701px) { .pm-mgz-list-item { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .pm-mgz-list-item { border-bottom: 1px solid #ddd; } }
@media all and (max-width: 700px) { .pm-mgz-list-item { margin-bottom: 5px; padding: 15px; } }
@media all and (max-width: 700px) { .pm-mgz-list-more { margin: 20px 10px; } }
@media all and (min-width: 701px) { .pm-mgz-list-more { margin: 20px 0; } }
.pm-mgz-list-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; text-align: center; }
.pm-mgz-list-item-header { margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; }
.pm-mgz-list-item-header__category { float: left; }
.pm-mgz-list-item-header__date { margin-top: 2px; float: right; color: #666; font-family: Helvetica; }
.pm-mgz-list-item-header__new { margin: 2px 10px 0 0; padding: 3px 10px; border-radius: 3px; float: right; line-height: 1; font-weight: normal; font-size: 10px; color: #fff; background-color: #e91144; }
.pm-mgz-list-item-body { margin-bottom: 30px; }
.pm-mgz-list-item-body:before, .pm-mgz-list-item-body:after { content: ''; display: table; }
.pm-mgz-list-item-body:after { clear: both; }
.pm-mgz-list-item-body-link { display: block; }
.pm-mgz-list-item-body-link:hover { text-decoration: none; }
.pm-mgz-list-item-body img { margin: 0 15px 0 0; border: 1px solid #ddd; display: block; float: left; width: 100px; height: 100px; }
@media all and (max-width: 700px) { .pm-mgz-list-item-body img { width: 80px; height: 80px; } }
.pm-mgz-list-item-body__texts { overflow: hidden; }
.pm-mgz-list-item-body__title { margin-bottom: 5px; line-height: 1.5; color: #333; font-weight: bold; font-size: 16px; }
@media all and (max-width: 700px) { .pm-mgz-list-item-body__title { font-size: 16px; } }
.pm-mgz-list-item-body__new { margin: 3px .5em 0 0; padding: 0 5px 2px; border-radius: 3px; float: left; display: inline-block; color: #fff; font-weight: normal; font-size: 12px; background: #e91144; }
.pm-mgz-list-item-body__lead { line-height: 1.5; color: #333; font-size: 14px; word-break: break-all; }
.pm-mgz-list-item-footer { margin: 15px -15px -15px; padding: 10px 15px; border-top: 1px solid #ddd; }
.pm-mgz-list-item-footer:before, .pm-mgz-list-item-footer:after { content: ''; display: table; }
.pm-mgz-list-item-footer:after { clear: both; }
@media all and (min-width: 701px) { .pm-mgz-list-item-footer { margin: 0 -30px -15px; padding: 10px 30px; } }
.pm-mgz-list-item-footer__views { float: left; color: #aaa; }
.pm-mgz-list-item-footer__views span { margin-left: .5em; font-size: 10px; }
.pm-mgz-list-item-footer .cs-response-a__button--like, .pm-mgz-list-item-footer .cs-response-a__button--comment, .pm-mgz-list-item-footer .cs-response-a__button--clip { margin-right: 35px; }
@media all and (max-width: 460px) { .pm-mgz-list-item-footer .cs-response-c, .pm-mgz-list-item-footer .cs-response-c--light { margin-bottom: 0; width: auto; } }
.pm-mgz-details { background: #fff; position: relative; margin-bottom: 10px; padding: 10px 15px 30px; }
@media all and (min-width: 701px) { .pm-mgz-details { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }
@media all and (max-width: 700px) { .pm-mgz-details { border-bottom: 1px solid #ddd; } }
@media all and (min-width: 701px) { .pm-mgz-details { padding: 10px 30px 40px; } }
.pm-mgz-details__header-image { margin: -10px -15px 20px; }
@media all and (min-width: 701px) { .pm-mgz-details__header-image { margin: -10px -30px 20px; } }
.pm-mgz-details__header-image img { width: 100%; }
@media all and (min-width: 701px) { .pm-mgz-details__header-image img { border-radius: 5px 5px 0 0; } }
.pm-mgz-details__header-category { margin-bottom: 10px; float: left; }
.pm-mgz-details__header-date { margin-bottom: 10px; float: right; color: #666; }
.pm-mgz-details__header-title { clear: both; margin-bottom: 10px; font-size: 22px; font-weight: bold; }
.pm-mgz-details__header-bottom { margin: 5px 0; }
.pm-mgz-details__header-views { margin: 0 0 0 15px; color: #aaa; }
@media all and (max-width: 700px) { .pm-mgz-details__header-views { margin: 0; } }
.pm-mgz-details__header-avatar { margin-bottom: 20px; display: table; clear: both; width: 100%; }
.pm-mgz-details__header-avatar a { display: table-cell; vertical-align: middle; }
.pm-mgz-details__header-action { display: table-cell; text-align: right; vertical-align: middle; }
.pm-mgz-details__body { padding: 0; font-size: 16px; word-break: break-all; }
.pm-mgz-details__body h3 { margin: 3em 0 2em; font-weight: bold; font-size: 18px; }
.pm-mgz-details__body h3:first-child { margin: 0 0 1.25em; }
.pm-mgz-details__body p { margin: 1.25em 0; line-height: 1.5; color: #666; }
.pm-mgz-details__body ul, .pm-mgz-details__body ol { margin: 1.25em 0; padding-left: 2em; }
.pm-mgz-details__body ul li { list-style-type: disc; line-height: 1.5; }
.pm-mgz-details__body ol li { line-height: 1.5; list-style-type: decimal; }
.pm-mgz-details__body-notice { padding-left: 0 !important; color: #666; }
.pm-mgz-details__body-notice li { margin-left: 1.35em; list-style-type: none !important; text-indent: -1.35em; }
.pm-mgz-details__body-notice li:before { content: "※ "; }
.pm-mgz-details__body-image-table { margin: 1.25em auto; }
.pm-mgz-details__body-image-table img { max-width: 100%; width: 100%; }
@media all and (max-width: 700px) { .pm-mgz-details__body-image-table img { width: 100%; } }
.pm-mgz-details__body-image { text-align: center; }
.pm-mgz-details__body-caption { padding-top: .5em; color: #666; font-weight: normal; font-size: 12px; text-align: left; }
.pm-mgz-details__body-author { margin: 80px auto 0; padding: 10px 15px; border: 1px solid #ddd; width: 448px; }
.pm-mgz-details__body-author:before, .pm-mgz-details__body-author:after { content: ''; display: table; }
.pm-mgz-details__body-author:after { clear: both; }
@media all and (max-width: 700px) { .pm-mgz-details__body-author { padding: 5%; width: 90%; } }
.pm-mgz-details__body-author-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-right: 8px; float: left; }
@media all and (max-width: 700px) { .pm-mgz-details__body-author-image { margin-right: 1em; } }
.pm-mgz-details__body-author-text { overflow: hidden; }
.pm-mgz-details__body-author-name { margin-top: 1.5em; font-size: 14px; }
.pm-mgz-details__body-author-name:first-child { margin-top: 0; }
.pm-mgz-details__body-author-profile, .pm-mgz-details__body-author-website { margin-top: .25em; color: #666; font-size: 12px; }
.pm-mgz-details__response { margin: 40px 0 0; text-align: center; }
.pm-mgz-details__liked { margin: 40px 0 0; }
.forced-shown .pm-mgz-details__liked { margin: 15px 0 0; }
@media all and (min-width: 701px) { .pm-mgz-details__liked { margin: 15px 0 0; } }
.pm-mgz-details__tags { margin: 20px 0 0; }
.pm-mgz-details__share { margin: 40px 0 0; text-align: center; }
.pm-mgz-details-comments { margin: 0 -20px; }
@media all and (min-width: 701px) { .pm-mgz-details-comments { margin: 0 -30px; } }
.pm-mgz-details-cmt-thread__status { margin: 0 10px 10px 15px; }
@media all and (min-width: 701px) { .pm-mgz-details-cmt-thread__status { margin: 0 10px 10px 30px; color: #666; } }
.pm-mgz-details-cmt-thread__icon-comment { margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-image: url("../img/icons/comment--gray.svg"); background-size: 20px 20px; vertical-align: -5px; }
.pm-mgz-details-cmt-thread__items { border-top: 1px solid #ddd; }
.pm-mgz-details-cmt-thread__item { border-bottom: 1px solid #ddd; }
.pm-mgz-details-cmt-thread-more__indicator { -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #aaa; height: 47px; padding-top: 13px; text-align: center; }
.pm-mgz-details-cmt-thread-more__button { padding: 5px 10px; border-top: 1px solid #ddd; }
.pm-mgz-details-cmt-thread-more__label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 10px 0; background: #eee; color: #aaa; text-align: center; }
@media all and (max-width: 700px) { .pm-mgz-details-cmt-item { padding: 15px; } }
@media all and (min-width: 701px) { .pm-mgz-details-cmt-item { padding: 20px 30px; } }
.pm-mgz-details-cmt-item__header { position: relative; padding-right: 30px; }
.pm-mgz-details-cmt-item__header:before, .pm-mgz-details-cmt-item__header:after { content: ''; display: table; }
.pm-mgz-details-cmt-item__header:after { clear: both; }
.pm-mgz-details-cmt-item__header-date { padding-left: 50px; color: #666; }
.pm-mgz-details-cmt-item__content { margin-top: 10px; padding-left: 50px; }
.pm-mgz-details-cmt-item__body { color: #666; font-size: 14px; word-break: break-all; }
.pm-mgz-details-cmt-item__res { margin-top: 10px; }
.pm-mgz-details-cmt-menu { position: absolute; right: 0; top: 10px; }
.pm-mgz-details-cmt-menu__icon { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pm-mgz-details-cmt-form__input:before, .pm-mgz-details-cmt-form__input:after { content: ''; display: table; }
.pm-mgz-details-cmt-form__input:after { clear: both; }
.pm-mgz-details-cmt-form__avatar { float: left; width: 35px; }
.pm-mgz-details-cmt-form__button { float: right; width: 50px; }
.pm-mgz-details-cmt-form__field { margin: 0 60px 0 45px; }
.pm-mgz-comments { padding: 10px 20px 0; }
@media all and (min-width: 701px) { .pm-mgz-comments { padding: 10px 30px 0; } }
.pm-mgz-form { padding: 15px; background: #eee; }
@media all and (min-width: 701px) { .pm-mgz-form { border-radius: 0 0 5px 5px; padding: 15px 30px; } }
.pm-mgz-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.pm-mgz-form__image { margin-right: 10px; float: left; }
.pm-mgz-form__body { overflow: hidden; }
.pm-mgz-form__body textarea { margin-bottom: 10px; }
.pm-mgz-form__body .cs-field-error { margin-top: 0; }
.pm-mgz-form__characters { margin: 0 0 13px; float: right; color: #666; text-align: right; }
.pm-mgz-form__characters .js-textarea-overflow { color: #e60000; }
.pm-mgz-form__footer.is-form-error { clear: both; }
.pm-mgz-form__upload { margin: 0 5px 8px 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; display: inline-block; color: #0068b7; vertical-align: middle; }
.pm-mgz-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }
.pm-mgz-form__upload-icon { margin-top: -2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: inline-block; width: 24px; height: 24px; margin-right: 10px; background-image: url("../img/icons/photo-upload--blue.svg"); vertical-align: middle; }
.pm-mgz-form__thumbnail { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-top: 7px; position: relative; display: inline-block; width: 60px; height: 44px; }
@media all and (max-width: 700px) { .pm-mgz-form__thumbnail { margin: 0 0 10px; display: block; } }
.pm-mgz-form__thumbnail-remove { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; border-radius: 50%; background-color: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }
.pm-mgz-form__button { clear: both; }
@media all and (min-width: 701px) { .pm-mgz-form__button { text-align: center; margin-right: 40px; }
  .pm-mgz-form__button button { width: 300px; } }
.pm-mgz-form textarea.js-textarea-overflow { background: #ffcccc; }