@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre { margin: 0; font-size: 1em; font-weight: normal; }

td, th { padding: 0; }

ul, ol { padding-left: 0; }

li { list-style-type: none; }

dd { margin-left: 0; }

img { vertical-align: bottom; }

em { font-style: normal; font-weight: bold; }

button, input[type="button"], input[type="reset"], input[type="submit"] { margin: 0; padding: 0; border: 0; background-color: transparent; }

html { font-size: 12px; }

@media (-webkit-min-device-pixel-ratio: 2) { html { -webkit-font-smoothing: antialiased; } }

body { color: #333; font-size: 1rem; font-family: "Hiragino Kaku Gothic ProN", Roboto, Meiryo, "MS PGothic", sans-serif; }

body, button, input { line-height: 1.35; }

a { color: #006ceb; text-decoration: none; }

a:visited { color: #006ceb; }

a:hover { color: #006ceb; text-decoration: underline; }

a:active { color: #006ceb; }

@media screen and (max-width: 700px) { .cs-header-navbar__brand-logo { background-image: url("../img/frame/brand_logo_sp.svg"); width: 190px; height: 29px; margin-top: 16px; background-size: contain; } }

@media screen and (min-width: 701px) { .cs-header-navbar__brand-logo { background-image: url("../img/frame/brand_logo_pc.svg"); width: 230px; height: 35px; margin-top: 18px; background-size: contain; } }

.cs-footer-brand__logo { background-image: url("../img/frame/footer_brand_logo.svg"); }

@media screen and (max-width: 700px) { .cs-footer-brand__logo { width: 114px; height: 40px; background-size: contain; } }

@media screen and (min-width: 701px) { .cs-footer-brand__logo { width: 114px; height: 40px; background-size: contain; } }

.cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background: #fff; color: #666; margin-bottom: 20px; }

@media screen and (max-width: 700px) { .cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-titlebar, .cs-titlebar--type-a, .cs-titlebar--type-b, .cs-titlebar--type-c { min-width: 1000px; } }

.cs-titlebar__inner { 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 screen and (min-width: 1000px) { .cs-titlebar--type-a .cs-titlebar__main { float: left; width: 680px; } }

@media screen 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%); -ms-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; box-sizing: border-box; height: 20px; padding-top: 3px; font-size: 14px; font-weight: bold; }

.cs-titlebar__dropdown.is-active .cs-titlebar__menu { display: block; }

.cs-titlebar__subtitle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; display: inline-block; padding-top: 1px; height: 15px; }

.cs-titlebar__subtitle[data-csdropdown="trigger"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #006ceb; }

.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 #006ceb; display: inline-block; margin-left: 5px; vertical-align: 1px; content: ""; }

.cs-titlebar__menu { 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); -ms-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: #006ceb; 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: #006ceb; }

.cs-container, .cs-container--type-a, .cs-container--type-b, .cs-container--type-c, .cs-container--type-d { width: 100%; }

@media screen 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 screen 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 screen 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 { 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: 700px; margin-left: auto; margin-right: auto; }

.cs-container__secondary { max-width: 700px; margin-left: auto; margin-right: auto; }

@media screen 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 screen and (min-width: 701px) and (max-width: 999px) { .cs-container--type-a .cs-container__secondary { margin-top: 20px; } }

@media screen 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 screen and (min-width: 701px) { .cs-container--type-b .cs-container__secondary { display: none; } }

@media screen and (min-width: 701px) { .cs-container--type-c .cs-container__main { max-width: 100%; }
  .cs-container--type-c .cs-container__secondary { display: none; } }

@media screen 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 screen and (min-width: 701px) { .cs-pane { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .cs-pane { border-bottom: 1px solid #ddd; } }

.cs-sns-share-pane { background: #fff; }

@media screen and (min-width: 701px) { .cs-sns-share-pane { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 5px; } }

@media screen 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 screen and (max-width: 700px) { .cs-sns-share-pane .cs-liked-list, .cs-sns-share-pane .cs-tags-b { margin: 20px 0 0; } }

.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, .pm-mby-u__text--lg, .pm-mby-section__title-child, .pm-mby-gift-list__title, .pm-mby-present-list__title { font-size: 16px; }

.cs-text-m, .pm-mby-u__text--md, .pm-mby-section__title, .pm-mby-stamp-list__item--text, .pm-mby-stamp-card__number, .pm-mby-stamp-modal__header, .pm-mby-gift-list__title-sub, .pm-mby-gift-list__description, .pm-mby-present-list__description, .pm-mby-items__text-description { font-size: 14px; }

.cs-text-s, .pm-mby-u__text--sm, .pm-mby-section__title--sub, .pm-mby-section__title--extend, .pm-mby-stamp-card__achievement--result, .pm-mby-stamp-card__achievement--text { font-size: 12px; }

.cs-text-xs { font-size: 10px; }

.cs-text-muted { color: #aaa; }

.cs-text-warning { color: #e60000; }

.cs-avatar, .cs-avatar--black { color: #666; 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: #666; }

.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; 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-button-a--1-xl, .cs-button-a--2-xl, .cs-button-a--1-l, .cs-button-a--2-l, .pm-gly-promote__button, .pm-gly-tool-post__button, .pm-amb-promote__button, .pm-qna-post-question__button, .pm-qna-promote__button, .pm-qna-tool-post__button, .pm-tlk-promote__button, .pm-tlk-tool-post__button, .pm-tbk-tool-post__button, .pm-thm-tool-post__button, .pm-rcp-promote__button, .pm-rcp-tool-post__button, .pm-mby-section__lead-button, .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-modal-post-header__submit-button { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; 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, .pm-gly-promote__button:hover, .pm-gly-tool-post__button:hover, .pm-amb-promote__button:hover, .pm-qna-post-question__button:hover, .pm-qna-promote__button:hover, .pm-qna-tool-post__button:hover, .pm-tlk-promote__button:hover, .pm-tlk-tool-post__button:hover, .pm-tbk-tool-post__button:hover, .pm-thm-tool-post__button:hover, .pm-rcp-promote__button:hover, .pm-rcp-tool-post__button:hover, .pm-mby-section__lead-button: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-modal-post-header__submit-button:hover { text-decoration: none; }

[disabled].cs-button-a--1-xl, [disabled].cs-button-a--2-xl, [disabled].cs-button-a--1-l, [disabled].cs-button-a--2-l, [disabled].pm-gly-promote__button, [disabled].pm-gly-tool-post__button, [disabled].pm-amb-promote__button, [disabled].pm-qna-post-question__button, [disabled].pm-qna-promote__button, [disabled].pm-qna-tool-post__button, [disabled].pm-tlk-promote__button, [disabled].pm-tlk-tool-post__button, [disabled].pm-tbk-tool-post__button, [disabled].pm-thm-tool-post__button, [disabled].pm-rcp-promote__button, [disabled].pm-rcp-tool-post__button, [disabled].pm-mby-section__lead-button, [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-modal-post-header__submit-button { 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, .pm-gly-promote__button, .pm-gly-tool-post__button, .pm-amb-promote__button, .pm-qna-post-question__button, .pm-qna-promote__button, .pm-qna-tool-post__button, .pm-tlk-promote__button, .pm-tlk-tool-post__button, .pm-tbk-tool-post__button, .pm-thm-tool-post__button, .pm-rcp-promote__button, .pm-rcp-tool-post__button, .pm-mby-section__lead-button, .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, .pm-gly-promote__button:visited, .pm-gly-tool-post__button:visited, .pm-amb-promote__button:visited, .pm-qna-post-question__button:visited, .pm-qna-promote__button:visited, .pm-qna-tool-post__button:visited, .pm-tlk-promote__button:visited, .pm-tlk-tool-post__button:visited, .pm-tbk-tool-post__button:visited, .pm-thm-tool-post__button:visited, .pm-rcp-promote__button:visited, .pm-rcp-tool-post__button:visited, .pm-mby-section__lead-button: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, .pm-gly-promote__button:active, .pm-gly-tool-post__button:active, .pm-amb-promote__button:active, .pm-qna-post-question__button:active, .pm-qna-promote__button:active, .pm-qna-tool-post__button:active, .pm-tlk-promote__button:active, .pm-tlk-tool-post__button:active, .pm-tbk-tool-post__button:active, .pm-thm-tool-post__button:active, .pm-rcp-promote__button:active, .pm-rcp-tool-post__button:active, .pm-mby-section__lead-button: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, .pm-gly-promote__button:hover, .pm-gly-tool-post__button:hover, .pm-amb-promote__button:hover, .pm-qna-post-question__button:hover, .pm-qna-promote__button:hover, .pm-qna-tool-post__button:hover, .pm-tlk-promote__button:hover, .pm-tlk-tool-post__button:hover, .pm-tbk-tool-post__button:hover, .pm-thm-tool-post__button:hover, .pm-rcp-promote__button:hover, .pm-rcp-tool-post__button:hover, .pm-mby-section__lead-button: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, .pm-gly-promote__button, .pm-gly-tool-post__button, .pm-amb-promote__button, .pm-qna-post-question__button, .pm-qna-promote__button, .pm-qna-tool-post__button, .pm-tlk-promote__button, .pm-tlk-tool-post__button, .pm-tbk-tool-post__button, .pm-thm-tool-post__button, .pm-rcp-promote__button, .pm-rcp-tool-post__button, .pm-mby-section__lead-button { 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: #006ceb; }

.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: #006ceb; }

[disabled].cs-button-a--1-xl:hover, [disabled].cs-button-a--1-l:hover, [disabled].cs-button-a--1-m:hover, [disabled].cs-button-a--1-s:hover { background-color: #006ceb; }

.cs-button-a--2-xl, .cs-button-a--2-l, .cs-button-a--2-m, .cs-button-a--2-s { background-color: #ff6d00; }

.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: #ff6d00; }

[disabled].cs-button-a--2-xl:hover, [disabled].cs-button-a--2-l:hover, [disabled].cs-button-a--2-m:hover, [disabled].cs-button-a--2-s:hover { background-color: #ff6d00; }

.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: #006ceb; border-color: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

[disabled].cs-button-b--1-xl:hover, [disabled].cs-button-b--1-l:hover, [disabled].cs-button-b--1-m:hover, [disabled].cs-button-b--1-s:hover { border-color: #006ceb; }

.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; }

[disabled].cs-button-b--2-xl:hover, [disabled].cs-button-b--2-l:hover, [disabled].cs-button-b--2-m:hover, [disabled].cs-button-b--2-s: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; }

[disabled].cs-button-b--3-xl:hover, [disabled].cs-button-b--3-l:hover, [disabled].cs-button-b--3-m:hover, [disabled].cs-button-b--3-s: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: #ff6d00; border-color: #ff6d00; }

.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: #ff6d00; }

.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: #ff6d00; }

[disabled].cs-button-b--4-xl:hover, [disabled].cs-button-b--4-l:hover, [disabled].cs-button-b--4-m:hover, [disabled].cs-button-b--4-s:hover { border-color: #ff6d00; }

.cs-button--w-100p { box-sizing: border-box; width: 100%; }

.cs-button--w-120 { box-sizing: border-box; width: 120px; }

.cs-button--w-90 { box-sizing: border-box; width: 90px; }

.cs-button--w-50 { 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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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 screen 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 screen and (max-width: 460px) { .cs-response-c__views, .cs-response-c__button--clip { margin-left: 0; float: none; } }

@media screen and (max-width: 460px) { .cs-response-c__views { float: left; } }

.cs-response-c__button--clip { margin-left: 40px; margin-right: 0; }

@media screen 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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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: #006ceb; }

.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: 20px 20px; }

.cs-response-c__icon--small { width: 16px; height: 16px; background-size: 16px 16px; }

.cs-response-c__icon--xsmall { width: 12px; height: 12px; background-size: 12px 12px; }

.cs-response-c__counter { display: inline-block; margin-left: 5px; 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: #006ceb; }

.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 #006ceb; background-color: #006ceb; 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: #006ceb; 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 #006ceb; 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: #006ceb; }

.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"], [data-state="active"].cs-button-response-b--like, [data-state="active"].cs-button-response-b--comment, [data-state="active"].cs-button-response-b--clip { color: #fff; background-color: #006ceb; }

.cs-button-response-b[data-state="active"]:visited, [data-state="active"].cs-button-response-b--like:visited, [data-state="active"].cs-button-response-b--comment:visited, [data-state="active"].cs-button-response-b--clip:visited, .cs-button-response-b[data-state="active"]:active, [data-state="active"].cs-button-response-b--like:active, [data-state="active"].cs-button-response-b--comment:active, [data-state="active"].cs-button-response-b--clip:active, .cs-button-response-b[data-state="active"]:hover, [data-state="active"].cs-button-response-b--like:hover, [data-state="active"].cs-button-response-b--comment:hover, [data-state="active"].cs-button-response-b--clip: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: #006ceb; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; display: inline-block; width: 100%; min-width: 85px; height: 23px; padding: 0 5px; border-radius: 1em; border: 1px solid #006ceb; 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: #006ceb; }

.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"], [data-state="active"].cs-button-response-d--like, [data-state="active"].cs-button-response-d--comment, [data-state="active"].cs-button-response-d--clip { color: #fff; background-color: #006ceb; }

.cs-button-response-d[data-state="active"]:visited, [data-state="active"].cs-button-response-d--like:visited, [data-state="active"].cs-button-response-d--comment:visited, [data-state="active"].cs-button-response-d--clip:visited, .cs-button-response-d[data-state="active"]:active, [data-state="active"].cs-button-response-d--like:active, [data-state="active"].cs-button-response-d--comment:active, [data-state="active"].cs-button-response-d--clip:active, .cs-button-response-d[data-state="active"]:hover, [data-state="active"].cs-button-response-d--like:hover, [data-state="active"].cs-button-response-d--comment:hover, [data-state="active"].cs-button-response-d--clip: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-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-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; box-sizing: border-box; display: inline-block; width: 100%; height: 44px; font-size: 10px; line-height: 44px; 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: 20px; height: 20px; background-size: 20px 20px; vertical-align: middle; }

.cs-button-sns--facebook { background-color: #3b5998; }

.cs-button-sns--facebook:before { background-image: url("../img/icons/facebook--white.svg"); }

.cs-button-sns--twitter { background-color: #55acee; }

.cs-button-sns--twitter:before { background-image: url("../img/icons/twitter--white.svg"); }

.cs-button-sns--line { background-color: #00c300; }

.cs-button-sns--line:before { background-image: url("../img/icons/line--white.svg"); }

.cs-button-sns--hatena { background-color: #00a4de; }

.cs-button-sns--hatena:before { background-image: url("../img/icons/hatena--white.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; }

@media screen 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 screen 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 screen 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: 6000011; -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 screen 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; }

.cs-button-reaction-a__outer { border-radius: 5px; box-sizing: border-box; position: relative; background-color: #fff; }

@media screen and (max-width: 999px) { .cs-button-reaction-a__outer { max-width: 572px; } }

@media screen and (max-width: 699px) { .cs-button-reaction-a__outer { max-width: 522px; } }

@media screen and (max-width: 649px) { .cs-button-reaction-a__outer { max-width: 472px; } }

@media screen and (max-width: 608px) { .cs-button-reaction-a__outer { max-width: 422px; } }

@media screen and (max-width: 558px) { .cs-button-reaction-a__outer { max-width: 372px; } }

@media screen 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); -ms-transform: rotate(17deg); transform: rotate(17deg); }

.cs-button-reaction-a__inner { padding: 10px 10px 0; }

.cs-button-reaction-a__button-layer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-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); -ms-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; }

.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: 18px; margin-bottom: 18px; position: relative; }

.cs-reaction-list-a .cs-liked-list__avatar .cs-button-reaction-a__icon { position: absolute; bottom: -10px; right: -8px; width: 24px; height: 24px; content: ''; }

.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; 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; line-height: 30px; }

.cs-tags-b__item a { padding: 6.5px 10px; border-radius: 2px; 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__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); -ms-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: 3px; border-radius: 50%; }

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 { 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 #006ceb; outline: none; box-shadow: 0 0 8px rgba(0, 108, 235, 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; 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 { 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 { 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-label-require { display: inline-block; 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-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; }

.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--gray.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 { 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 screen and (min-width: 701px) { .cs-select-menu { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen 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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.cs-select-menu__selector { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; 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; 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 screen 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); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.cs-infobar.is-expanded .cs-infobar__trigger::before { top: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.cs-infobar__content { min-height: 20px; padding-left: 25px; padding-right: 40px; background: url("../img/icons/info--red.svg") no-repeat 0 0; background-size: 18px auto; }

.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; }

@media screen 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%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen 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 20px 0 0; display: inline-block; letter-spacing: normal; }

.cs-modal-liked__icon-counts-list-item:first-child { margin: 10px 20px 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: -10px; bottom: -6px; width: 30px; height: 30px; }

.cs-modal-liked-person__text { word-wrap: break-word; overflow-wrap: break-word; margin-left: 60px; }

.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%); -ms-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-cmt { background: #fff; }

@media screen and (min-width: 701px) { .cs-cmt { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .cs-cmt { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .cs-cmt { margin-bottom: 10px; border-bottom-width: 0; } }

@media screen 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 screen and (max-width: 374px) { .cs-cmt-header__left { float: none; text-align: center; } }

.cs-cmt-header__right { float: right; }

@media screen 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 { 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: #006ceb; height: 36px; line-height: 36px; background: #eee; }

.cs-cmt-item { border-bottom: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-cmt-item { padding: 15px; } }

@media screen 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; color: #aaa; }

.cs-cmt-item__content { margin-top: 10px; padding-left: 50px; }

.cs-cmt-item__body { color: #666; 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 { margin-top: 10px; }

.cs-cmt-subthread { margin-top: 10px; padding-left: 50px; }

.cs-cmt-subthread__header { margin-bottom: 10px; }

.cs-cmt-subthread-more__indicator { 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; color: #aaa; }

.cs-cmt-subitem__content { margin-top: 10px; padding-left: 50px; }

.cs-cmt-subitem__body { font-size: 14px; word-break: break-all; }

.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 screen and (min-width: 701px) { .cs-cmt-post--bottom { border-radius: 0 0 5px 5px; } }

.cs-cmt-post__form { padding: 15px; }

@media screen 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: #006ceb; 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 screen 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 screen 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%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; z-index: 10; }

.cs-sidebar-pane { background: #fff; position: relative; margin-bottom: 10px; }

@media screen and (min-width: 701px) { .cs-sidebar-pane { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen 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: table; position: relative; width: 100%; 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; 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 screen and (max-width: 700px) { .cs-sidebar-banner-list img { width: 100%; } }

@media screen and (min-width: 701px) { .cs-sidebar-banner-list img { width: 280px; } }

@media screen and (max-width: 700px) { .is-with-image .cs-sidebar-relate { overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }

@media screen and (max-width: 700px) { .is-with-image .cs-sidebar-relate-more { display: none; } }

@media screen 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 screen and (max-width: 700px) { .is-with-image .cs-sidebar-relate-item { padding: 7.5px; } }

@media screen and (max-width: 700px) { .is-with-image .cs-sidebar-relate-item__image--ranking { margin: 0 0 3px; 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; }

@-webkit-keyframes spinner-loader { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner-loader { 0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -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) { -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; border-radius: 0.5em; 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) { -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, .throbber-loader:not(:required):after, .cs-spinner-b: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 { -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 { -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 { 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 screen 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 screen 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; }

.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-noteactive { 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); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.lca-link__apply-note.is-active::after { -webkit-transform: rotate(-180deg); -ms-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%; }

body { height: 100%; min-width: 320px; background: #eee; }

html.is-instantview body { background: transparent; }

.cs-page { box-sizing: border-box; width: 100%; min-width: 320px; height: 100%; }

@media screen and (min-width: 701px) { .cs-page { padding-top: 114px; } }

@media screen and (max-width: 700px) { html.is-header-menu-active .cs-page__content { display: none; } }

html.is-instantview .cs-page { box-sizing: border-box; width: 100%; min-width: 320px; height: 100%; }

@media screen and (min-width: 701px) { html.is-instantview .cs-page { padding-top: 0; } }

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-header { width: 100%; position: static; left: 0; top: 0; width: 100%; z-index: 5000000; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (max-width: 700px) { .cs-header { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-header { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-header { min-width: 1000px; } }

.cs-header__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-header__inner { position: relative; }

@media screen and (min-width: 701px) { .cs-header { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: fixed; } }

.cs-header-navbar { position: relative; width: 100%; }

.cs-header-navbar:before, .cs-header-navbar:after { content: ''; display: table; }

.cs-header-navbar:after { clear: both; }

@media screen and (min-width: 701px) { .cs-header-navbar { height: 70px; } }

.cs-header-navbar__brand { position: absolute; text-align: center; }

@media screen and (max-width: 700px) { .cs-header-navbar__brand { left: 55px; right: 55px; top: 0; height: 56px; } }

@media screen and (min-width: 701px) { .cs-header-navbar__brand { left: 20px; height: 70px; } }

.cs-header-navbar__brand-logo { background-color: transparent; background-repeat: no-repeat; border: 0; overflow: hidden; outline: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; }

.cs-header-navbar__brand-logo:before { content: ''; display: block; width: 0; height: 100%; }

.cs-header-navbar__nav { float: left; }

@media screen and (max-width: 700px) { .cs-header-navbar__nav { width: 51px; height: 56px; } }

@media screen and (min-width: 701px) { .cs-header-navbar__nav { display: none; } }

.cs-header-navbar__nav-icon { background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; border-radius: 5px; background-image: url("../img/icons/navigation--gray.svg"); }

.cs-header-navbar__nav-icon.is-active { background-image: url("../img/icons/navigation--white.svg"); background-color: #adaba7; }

@media screen and (max-width: 700px) { .cs-header-navbar__nav-icon { width: 42px; height: 42px; margin: 7px 0 7px 9px; } }

.cs-header-navbar__search { float: right; }

@media screen and (max-width: 700px) { .cs-header-navbar__search { width: 51px; height: 56px; } }

@media screen and (min-width: 701px) { .cs-header-navbar__search { width: 70px; height: 70px; } }

.cs-header-navbar__search-icon { background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; border-radius: 5px; background-image: url("../img/icons/search--gray.svg"); }

.cs-header-navbar__search-icon.is-active { background-image: url("../img/icons/search--white.svg"); background-color: #adaba7; }

@media screen and (max-width: 700px) { .cs-header-navbar__search-icon { width: 42px; height: 42px; margin: 7px 9px 7px 0; } }

@media screen and (min-width: 701px) { .cs-header-navbar__search-icon { width: 50px; height: 50px; margin: 10px 20px 10px 0; } }

@media screen and (max-width: 700px) { .cs-header-navbar__toolbar { clear: both; height: 44px; } }

@media screen and (min-width: 701px) { .cs-header-navbar__toolbar { clear: none; float: right; margin-right: 36px; height: 70px; } }

.cs-header-toolbar { display: table; width: 100%; }

@media screen and (max-width: 700px) { .cs-header-toolbar { background: #adaba7; } }

@media screen and (min-width: 701px) { .cs-header-toolbar { width: auto; } }

.cs-header-toolbar__item { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 700px) { .cs-header-toolbar__item { width: 33%; padding: 5px 5px 5px 6px; }
  .cs-header-toolbar__item:first-child { padding-left: 5px; } }

@media screen and (min-width: 701px) { .cs-header-toolbar__item { width: auto; padding-left: 16px; } }

@media screen and (min-width: 701px) { .is-login .cs-h-toolbar-item__trigger { margin-top: 9px; } }

.cs-h-toolbar-item__trigger { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 25px; box-sizing: border-box; }

@media screen and (max-width: 700px) { .cs-h-toolbar-item__trigger { margin-top: 0; position: relative; height: 34px; padding-top: 9px; border-radius: 4px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }
  .cs-h-toolbar-item__trigger:before { content: ''; position: absolute; left: -6px; top: 4px; width: 1px; height: 28px; background: #dedddc; } }

.cs-h-toolbar-item__icon { background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; vertical-align: middle; }

@media screen and (max-width: 700px) { .cs-h-toolbar-item__icon { width: 22px; height: 22px; } }

@media screen and (min-width: 701px) { .cs-h-toolbar-item__icon { box-sizing: border-box; width: 52px; height: 52px; border-radius: 50%; border: 6px solid #fff; background-color: #adaba7; }
  .is-active .cs-h-toolbar-item__icon { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); background-color: #ddd; } }

@media screen and (max-width: 700px) { .cs-h-toolbar-item__label { margin-left: 10px; vertical-align: middle; } }

@media screen and (min-width: 701px) { .cs-h-toolbar-item__label { display: none; } }

@media screen and (min-width: 701px) { .cs-h-toolbar-item--notifier .cs-h-toolbar-item__trigger.is-active .cs-h-toolbar-item__icon { background-image: url("../img/icons/notifier--blue.svg"); } }

.cs-h-toolbar-item--notifier .cs-h-toolbar-item__icon { position: relative; background-image: url("../img/icons/notifier--white.svg"); }

.cs-h-toolbar-item--notifier .cs-h-toolbar-item__icon:after { position: absolute; box-sizing: border-box; content: ''; border-radius: 50%; border: 1px solid #fff; background-color: #11daec; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 300ms ease-in; transition: -webkit-transform 300ms ease-in; transition: transform 300ms ease-in; transition: transform 300ms ease-in, -webkit-transform 300ms ease-in; }

@media screen and (max-width: 700px) { .cs-h-toolbar-item--notifier .cs-h-toolbar-item__icon:after { right: -3px; bottom: -1px; width: 10px; height: 10px; } }

@media screen and (min-width: 701px) { .cs-h-toolbar-item--notifier .cs-h-toolbar-item__icon:after { right: -2px; bottom: 0; width: 14px; height: 14px; } }

.cs-h-toolbar-item--notifier.is-unread .cs-h-toolbar-item__icon:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

@media screen and (min-width: 701px) { .cs-h-toolbar-item--user .cs-h-toolbar-item__trigger.is-active .cs-h-toolbar-item__icon { background-image: url("../img/icons/user--blue.svg"); } }

.cs-h-toolbar-item--user .cs-h-toolbar-item__icon { background-image: url("../img/icons/user--white.svg"); }

.cs-h-toolbar-item--user .cs-h-toolbar-item__name { word-wrap: break-word; overflow-wrap: break-word; max-width: 150px; max-height: 40px; overflow: hidden; vertical-align: middle; }

@media screen and (max-width: 700px) { .cs-h-toolbar-item--user .cs-h-toolbar-item__name { display: none; } }

@media screen and (min-width: 701px) { .cs-h-toolbar-item--user .cs-h-toolbar-item__name { display: inline-block; margin-left: 10px; } }

.cs-header-menubar { width: 100%; background: #adaba7; }

@media screen and (max-width: 700px) { .cs-header-menubar { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-header-menubar { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-header-menubar { min-width: 1000px; } }

.cs-header-menubar__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

@media screen and (max-width: 700px) { .cs-header-menubar { display: none; } }

.cs-header-menubar-list { max-width: 700px; height: 44px; overflow: hidden; }

.cs-header-menubar-list__item { display: table-cell; }

.cs-header-menubar-list__item a { color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; height: 44px; padding: 0 20px; font-size: 14px; line-height: 44px; font-weight: bold; }

.cs-header-menubar-list__item a:visited, .cs-header-menubar-list__item a:active, .cs-header-menubar-list__item a:hover { color: #fff; }

.cs-header-menubar-list__item a:hover { text-decoration: none; }

.cs-header-menubar-list__item a:hover { background-color: #918f8a; }

.cs-header-menubar-list__item.is-active a { background-color: #918f8a; }

.cs-h-menu-nav, .cs-h-menu-search, .cs-h-toolbar-menu, .cs-h-toolbar-menu--post, .cs-h-toolbar-menu--notifier, .cs-h-toolbar-menu--user { display: none; position: absolute; z-index: 5000010; }

.is-active.cs-h-menu-nav, .is-active.cs-h-menu-search, .is-active.cs-h-toolbar-menu, .is-active.cs-h-toolbar-menu--post, .is-active.cs-h-toolbar-menu--notifier, .is-active.cs-h-toolbar-menu--user { display: block; }

.fx-fade.cs-h-menu-nav, .fx-fade.cs-h-menu-search, .fx-fade.cs-h-toolbar-menu, .fx-fade.cs-h-toolbar-menu--post, .fx-fade.cs-h-toolbar-menu--notifier, .fx-fade.cs-h-toolbar-menu--user { opacity: 0; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; }

.fx-fade.fx-in.cs-h-menu-nav, .fx-fade.fx-in.cs-h-menu-search, .fx-fade.fx-in.cs-h-toolbar-menu, .fx-fade.fx-in.cs-h-toolbar-menu--post, .fx-fade.fx-in.cs-h-toolbar-menu--notifier, .fx-fade.fx-in.cs-h-toolbar-menu--user { opacity: 1; }

@media screen and (max-width: 700px) { .cs-h-menu-nav, .cs-h-menu-search, .cs-h-toolbar-menu, .cs-h-toolbar-menu--post, .cs-h-toolbar-menu--notifier, .cs-h-toolbar-menu--user { width: 100%; } }

.cs-h-menu-nav__inner, .cs-h-menu-search__inner, .cs-h-toolbar-menu__inner { box-sizing: border-box; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media screen and (max-width: 700px) { .cs-h-menu-nav__inner, .cs-h-menu-search__inner, .cs-h-toolbar-menu__inner { min-height: 100vh; }
  html.no-cssvhunit .cs-h-menu-nav__inner, html.no-cssvhunit .cs-h-menu-search__inner, html.no-cssvhunit .cs-h-toolbar-menu__inner { min-height: 500px; } }

@media screen and (min-width: 701px) { .cs-h-menu-nav__inner, .cs-h-menu-search__inner, .cs-h-toolbar-menu__inner { min-height: 350px; max-height: 80vh; }
  html.no-cssvhunit .cs-h-menu-nav__inner, html.no-cssvhunit .cs-h-menu-search__inner, html.no-cssvhunit .cs-h-toolbar-menu__inner { max-height: 500px; } }

.cs-h-menu-nav { background: #adaba7; color: #fff; }

@media screen and (max-width: 700px) { .cs-h-menu-nav { top: 56px; } }

@media screen and (min-width: 701px) { .cs-h-menu-nav { top: 70px; width: 320px; } }

.cs-h-menu-nav-signin { margin: 20px 10px; font-size: 0; text-align: center; }

.cs-h-menu-nav-signin__item { display: inline-block; margin-left: 15px; }

.cs-h-menu-nav-signin__item:first-child { margin-left: 0; }

.cs-h-menu-nav-list { margin-top: 20px; margin-bottom: 50px; }

.cs-h-menu-nav-list__title { margin-bottom: 5px; margin-left: 15px; color: #666; font-size: 14px; font-weight: bold; }

.cs-h-menu-nav-list__items { padding: 2px 0 2px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 14px; }

.cs-h-menu-nav-list__item { border-top: 1px solid #fff; }

.cs-h-menu-nav-list__item:first-child { border-top: 0; }

.cs-h-menu-nav-list__item a { color: #fff; display: block; position: relative; padding: 13px 35px 13px 15px; }

.cs-h-menu-nav-list__item a:visited, .cs-h-menu-nav-list__item a:active, .cs-h-menu-nav-list__item a:hover { color: #fff; }

.cs-h-menu-nav-list__item a:after { content: ''; position: absolute; right: 15px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.cs-h-menu-nav-list__item.is-active { margin-left: -15px; margin-bottom: -1px; border-bottom: 1px solid #fff; }

.cs-h-menu-nav-list__item.is-active:last-child { margin-bottom: 0; border-bottom: 0; }

.cs-h-menu-nav-list__item.is-active a { color: #006ceb; padding-left: 30px; background: #fff; }

.cs-h-menu-nav-list__item.is-active a:visited, .cs-h-menu-nav-list__item.is-active a:active, .cs-h-menu-nav-list__item.is-active a:hover { color: #006ceb; }

.cs-h-menu-nav-list__item.is-active a:before { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #006ceb; content: ''; position: absolute; left: 15px; top: 50%; margin-top: -8px; }

.cs-h-menu-search { right: 0; background: #adaba7; color: #918f8a; }

.cs-h-menu-search.is-search-form-active { background: #ddd; }

.cs-h-menu-search a { color: #fff; }

.cs-h-menu-search a:visited, .cs-h-menu-search a:active, .cs-h-menu-search a:hover { color: #fff; }

@media screen and (max-width: 700px) { .cs-h-menu-search { top: 56px; } }

@media screen and (min-width: 701px) { .cs-h-menu-search { top: 70px; width: 360px; } }

.cs-h-menu-search__spinner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: +5; background-color: #ddd; }

.cs-h-menu-search__spinner-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.cs-h-menu-search__spinner-icon:before { content: '読み込み中'; }

.cs-h-toolbar-menu, .cs-h-toolbar-menu--post, .cs-h-toolbar-menu--notifier, .cs-h-toolbar-menu--user { background: #fff; }

@media screen and (max-width: 700px) { .cs-h-toolbar-menu, .cs-h-toolbar-menu--post, .cs-h-toolbar-menu--notifier, .cs-h-toolbar-menu--user { position: absolute; left: 0; top: 0; width: 100%; min-height: 100vh; } }

@media screen and (min-width: 701px) { .cs-h-toolbar-menu, .cs-h-toolbar-menu--post, .cs-h-toolbar-menu--notifier, .cs-h-toolbar-menu--user { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); top: 72px; width: 280px; margin-left: -114px; border-radius: 4px; border: 1px solid #ddd; }
  .cs-h-toolbar-menu:before, .cs-h-toolbar-menu--post:before, .cs-h-toolbar-menu--notifier:before, .cs-h-toolbar-menu--user: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-h-toolbar-menu:after, .cs-h-toolbar-menu--post:after, .cs-h-toolbar-menu--notifier:after, .cs-h-toolbar-menu--user: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-h-toolbar-menu__header { box-sizing: border-box; position: relative; left: 0; top: 0; width: 100%; height: 50px; padding-top: 14px; font-size: 16px; text-align: center; }

.cs-h-toolbar-menu__close { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; top: 0; height: 50px; padding-left: 10px; color: #006ceb; font-size: 12px; line-height: 50px; }

.cs-h-toolbar-menu__close::after { content: 'キャンセル'; }

@media screen and (min-width: 701px) { .cs-h-toolbar-menu__close { display: none; } }

.cs-h-toolbar-menu__icon { background-repeat: no-repeat; background-position: 50% 50%; display: inline-block; width: 24px; height: 24px; margin-right: 5px; vertical-align: -5px; }

.cs-h-toolbar-menu__spinner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: +5; border-radius: 4px; background: #fff; }

.cs-h-toolbar-menu__spinner-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.cs-h-toolbar-menu__spinner-icon:before { content: '読み込み中'; }

.cs-h-toolbar-menu--notifier .cs-h-toolbar-menu__icon { background-image: url("../img/icons/notifier--black.svg"); }

.cs-h-toolbar-menu--user .cs-h-toolbar-menu__icon { background-image: url("../img/icons/user--black.svg"); }

.cs-h-search__form { background-color: #ddd; }

.cs-h-search__nav { background-color: #ddd; }

.cs-h-search-form { padding: 20px 30px; }

.cs-h-search-input { display: table; width: 100%; }

.cs-h-search-input__field { display: table-cell; width: 100%; vertical-align: middle; }

.cs-h-search-input__field input { box-sizing: border-box; height: 35px; padding: 6px 6px; border-radius: 5px; border: 1px solid #918f8a; background-color: transparent; color: #333; font-size: 15px; line-height: 21px; -webkit-appearance: none; }

.cs-h-search-input__field input:placeholder-shown { color: #aaa; }

.cs-h-search-input__field input::-webkit-input-placeholder { color: #aaa; }

.cs-h-search-input__field input::-moz-placeholder { opacity: 1; color: #aaa; }

.cs-h-search-input__field input:-ms-input-placeholder { color: #aaa; }

.cs-h-search-input__field input:focus { outline: none; }

.cs-h-search-input__button { display: table-cell; padding-left: 5px; font-size: 14px; vertical-align: middle; white-space: nowrap; }

.cs-h-search-input__cancel { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #006ceb; }

.cs-h-search-input-b__field { position: relative; padding-bottom: 20px; }

.cs-h-search-input-b__field input { box-sizing: border-box; height: 35px; padding: 6px 6px 6px 30px; border-radius: 5px; border: 1px solid #918f8a; background: transparent 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; }

.cs-h-search-input-b__field input:placeholder-shown { color: #aaa; }

.cs-h-search-input-b__field input::-webkit-input-placeholder { color: #aaa; }

.cs-h-search-input-b__field input::-moz-placeholder { opacity: 1; color: #aaa; }

.cs-h-search-input-b__field input:-ms-input-placeholder { color: #aaa; }

.cs-h-search-input-b__field input:focus { outline: none; }

.cs-h-search-input-b__field input:focus + .cs-h-search-input-b__attention { display: block; position: absolute; height: 15px; margin-top: 5px; margin-left: 15px; }

.cs-h-search-input-b__attention { display: none; }

.cs-h-search-nav__tabs:before, .cs-h-search-nav__tabs--tabs-1:before, .cs-h-search-nav__tabs--tabs-2:before, .cs-h-search-nav__tabs--tabs-3:before, .cs-h-search-nav__tabs--tabs-4:before, .cs-h-search-nav__tabs:after, .cs-h-search-nav__tabs--tabs-1:after, .cs-h-search-nav__tabs--tabs-2:after, .cs-h-search-nav__tabs--tabs-3:after, .cs-h-search-nav__tabs--tabs-4:after { content: ''; display: table; }

.cs-h-search-nav__tabs:after, .cs-h-search-nav__tabs--tabs-1:after, .cs-h-search-nav__tabs--tabs-2:after, .cs-h-search-nav__tabs--tabs-3:after, .cs-h-search-nav__tabs--tabs-4:after { clear: both; }

.cs-h-search-nav__tabs--tabs-2 .cs-h-search-nav__tab-item { width: 50%; }

.cs-h-search-nav__tabs--tabs-3 .cs-h-search-nav__tab-item { width: 33%; }

.cs-h-search-nav__tabs--tabs-4 .cs-h-search-nav__tab-item { width: 25%; }

.cs-h-search-nav__tab-item { float: left; font-size: 16px; text-align: center; vertical-align: top; }

.cs-h-search-nav__tab-item a { color: #006ceb; display: block; padding-bottom: 15px; }

.cs-h-search-nav__tab-item a:visited, .cs-h-search-nav__tab-item a:active, .cs-h-search-nav__tab-item a:hover { color: #006ceb; }

.cs-h-search-nav__tab-item a:hover { text-decoration: none; }

.cs-h-search-nav__tab-item a.is-active { color: #918f8a; position: relative; }

.cs-h-search-nav__tab-item a.is-active:visited, .cs-h-search-nav__tab-item a.is-active:active, .cs-h-search-nav__tab-item a.is-active:hover { color: #918f8a; }

.cs-h-search-nav__tab-item a.is-active:before { width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 12px solid #adaba7; content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -13px; }

.cs-h-search-nav__radio { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; height: 28px; margin: 0 15px 15px; border-radius: 14px; color: #fff; font-size: 13px; line-height: 28px; }

.cs-h-search-nav__radio span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; padding: 0 15px; }

.cs-h-search-nav__radio.is-active { position: relative; background: #adaba7; cursor: default; }

.cs-h-search-nav__radio.is-active:before { width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 12px solid #adaba7; content: ''; position: absolute; left: 50%; bottom: -15px; margin-left: -13px; }

.cs-h-search-nav__radio input { display: none; }

.cs-h-search-nav__container { background: #adaba7; }

.cs-h-search-nav__pane { display: none; }

.cs-h-search-nav__pane.is-active { display: block; }

.cs-h-search-tags { padding: 20px 30px 10px; font-size: 14px; }

.cs-h-search-tags:before, .cs-h-search-tags:after { content: ''; display: table; }

.cs-h-search-tags:after { clear: both; }

.cs-h-search-tags__item { word-wrap: break-word; overflow-wrap: break-word; box-sizing: border-box; float: left; width: 50%; padding-left: 10px; margin-bottom: 10px; }

.cs-h-search-tags__item:nth-child(2n+1) { padding-left: 0; clear: left; }

.cs-h-search-images { padding: 20px 10px 10px; }

.cs-h-search-images:before, .cs-h-search-images:after { content: ''; display: table; }

.cs-h-search-images:after { clear: both; }

.cs-h-search-images__item { float: left; width: 33.3%; margin-bottom: 10px; }

.cs-h-search-images__item a { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; margin: 0 5px; }

.cs-h-search-members { padding: 20px 10px; }

.cs-h-search-members__item { border-bottom: 1px solid #c0bfbd; }

.cs-h-search-members__item:first-child { border-top: 1px solid #c0bfbd; }

.cs-h-search-member { display: block; padding: 10px 10px; }

.cs-h-search-member:before, .cs-h-search-member:after { content: ''; display: table; }

.cs-h-search-member:after { clear: both; }

.cs-h-search-member:hover { text-decoration: none; }

.cs-h-search-member__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 52px; height: 52px; border-radius: 50%; }

.cs-h-search-member__text { word-wrap: break-word; overflow-wrap: break-word; margin-left: 60px; }

.cs-h-search-member__name { margin-top: 3px; font-size: 14px; font-weight: bold; }

.cs-h-search-member__description { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; }

.cs-h-search-word-list__heading { padding-top: 15px; padding-left: 25px; margin-bottom: 15px; color: #918f8a; font-size: 18px; }

.cs-h-search-word-list__items { padding-left: 50px; padding-bottom: 5px; font-size: 16px; }

.cs-h-search-word-list__item { margin-bottom: 10px; }

.cs-h-notifier__message { padding: 10px 15px; font-size: 14px; text-align: center; }

.cs-h-notifier__message em { color: #11daec; font-weight: normal; }

.cs-h-notifier-tl__item, .cs-h-notifier-tl__item--closed { border-top: 1px solid #ddd; }

.cs-h-notifier-tl__item--closed { background: #eee; }

.cs-h-notifier-tl__item--closed a { opacity: .5; cursor: not-allowed; }

.cs-h-notifier-item { color: #333; display: block; padding: 10px 15px; }

.cs-h-notifier-item:before, .cs-h-notifier-item:after { content: ''; display: table; }

.cs-h-notifier-item:after { clear: both; }

.cs-h-notifier-item:visited, .cs-h-notifier-item:active, .cs-h-notifier-item:hover { color: #333; }

.cs-h-notifier-item:hover { text-decoration: none; }

.cs-h-notifier-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 44px; height: 44px; border-radius: 50%; }

.cs-h-notifier-item__content { word-wrap: break-word; overflow-wrap: break-word; margin-left: 60px; }

.cs-h-notifier-item__message { margin-top: 3px; }

.cs-h-notifier-item__date { margin-top: 10px; color: #aaa; font-size: 11px; }

.cs-h-notifier-more { border-top: 1px solid #ddd; }

.cs-h-notifier-more__button { margin: 22px auto; display: block; width: 110px; text-align: center; }

.cs-h-user-profile { box-sizing: border-box; display: table; width: 100%; background: #adaba7; color: #fff; }

@media screen and (max-width: 700px) { .cs-h-user-profile { padding: 25px 15px 25px 15px; } }

@media screen and (min-width: 701px) { .cs-h-user-profile { padding: 10px 10px 10px 10px; } }

.cs-h-user-profile a { color: #fff; }

.cs-h-user-profile a:visited, .cs-h-user-profile a:active, .cs-h-user-profile a:hover { color: #fff; }

.cs-h-user-profile__info { display: table-cell; vertical-align: middle; }

.cs-h-user-profile__avatar { display: table-cell; vertical-align: middle; }

.cs-h-user-profile__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: inline-block; width: 50px; height: 50px; border-radius: 50%; }

.cs-h-user-profile__name { word-wrap: break-word; overflow-wrap: break-word; display: table-cell; padding-left: 10px; font-size: 14px; font-weight: bold; vertical-align: middle; }

.cs-h-user-profile__logout { display: table-cell; padding-left: 5px; text-align: right; vertical-align: middle; }

.cs-h-user-menu__item, .cs-h-user-menu__item--activity, .cs-h-user-menu__item--clip, .cs-h-user-menu__item--edit-profile, .cs-h-user-menu__item--settings, .cs-h-user-menu__item--blog, .cs-h-user-menu__item--message { border-bottom: 1px solid #ddd; font-size: 16px; }

@media screen and (min-width: 701px) { .cs-h-user-menu__item:last-child, .cs-h-user-menu__item--activity:last-child, .cs-h-user-menu__item--clip:last-child, .cs-h-user-menu__item--edit-profile:last-child, .cs-h-user-menu__item--settings:last-child, .cs-h-user-menu__item--blog:last-child, .cs-h-user-menu__item--message:last-child { border-bottom: 0; } }

.cs-h-user-menu__item a, .cs-h-user-menu__item--activity a, .cs-h-user-menu__item--clip a, .cs-h-user-menu__item--edit-profile a, .cs-h-user-menu__item--settings a, .cs-h-user-menu__item--blog a, .cs-h-user-menu__item--message a { color: #333; display: block; position: relative; padding: 20px 50px 20px 65px; }

.cs-h-user-menu__item a:visited, .cs-h-user-menu__item--activity a:visited, .cs-h-user-menu__item--clip a:visited, .cs-h-user-menu__item--edit-profile a:visited, .cs-h-user-menu__item--settings a:visited, .cs-h-user-menu__item--blog a:visited, .cs-h-user-menu__item--message a:visited, .cs-h-user-menu__item a:active, .cs-h-user-menu__item--activity a:active, .cs-h-user-menu__item--clip a:active, .cs-h-user-menu__item--edit-profile a:active, .cs-h-user-menu__item--settings a:active, .cs-h-user-menu__item--blog a:active, .cs-h-user-menu__item--message a:active, .cs-h-user-menu__item a:hover, .cs-h-user-menu__item--activity a:hover, .cs-h-user-menu__item--clip a:hover, .cs-h-user-menu__item--edit-profile a:hover, .cs-h-user-menu__item--settings a:hover, .cs-h-user-menu__item--blog a:hover, .cs-h-user-menu__item--message a:hover { color: #333; }

.cs-h-user-menu__item a:before, .cs-h-user-menu__item--activity a:before, .cs-h-user-menu__item--clip a:before, .cs-h-user-menu__item--edit-profile a:before, .cs-h-user-menu__item--settings a:before, .cs-h-user-menu__item--blog a:before, .cs-h-user-menu__item--message a:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; position: absolute; left: 25px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background-size: 30px 30px; }

.cs-h-user-menu__item a:after, .cs-h-user-menu__item--activity a:after, .cs-h-user-menu__item--clip a:after, .cs-h-user-menu__item--edit-profile a:after, .cs-h-user-menu__item--settings a:after, .cs-h-user-menu__item--blog a:after, .cs-h-user-menu__item--message a:after { content: ''; position: absolute; right: 20px; top: 50%; width: 13px; height: 13px; margin-top: -8px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.cs-h-user-menu__item--activity a:before { background-image: url("../img/icons/activity--black.svg"); }

.cs-h-user-menu__item--clip a:before { background-image: url("../img/icons/clip--black.svg"); }

.cs-h-user-menu__item--edit-profile a:before { background-image: url("../img/icons/profile--black.svg"); }

.cs-h-user-menu__item--settings a:before { background-image: url("../img/icons/account--black.svg"); }

.cs-h-user-menu__item--blog a:before { background-image: url("../img/icons/blog--black.svg"); }

.cs-h-user-menu__item--message a:before { background-image: url("../img/icons/chat--black.svg"); }

.cs-footer { background: #eee; }

.cs-footer-pagetop { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-footer-pagetop { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-footer-pagetop { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-footer-pagetop { min-width: 1000px; } }

.cs-footer-pagetop__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

@media screen and (max-width: 700px) { .cs-footer-pagetop__inner { text-align: center; } }

@media screen and (min-width: 701px) { .cs-footer-pagetop__inner { padding-left: 50px; padding-right: 50px; text-align: right; } }

.cs-footer-pagetop a { color: #aaa; display: inline-block; position: relative; height: 40px; padding: 0 30px; font-size: 14px; line-height: 40px; }

.cs-footer-pagetop a:visited, .cs-footer-pagetop a:active, .cs-footer-pagetop a:hover { color: #aaa; }

.cs-footer-pagetop a:before { content: ''; position: absolute; right: 2px; top: 25px; width: 10px; height: 10px; margin-top: -8px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.cs-footer-main { width: 100%; }

@media screen and (max-width: 700px) { .cs-footer-main { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-footer-main { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-footer-main { min-width: 1000px; } }

.cs-footer-main__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-footer-main__inner { padding-left: 20px; padding-right: 20px; }

@media screen and (max-width: 700px) { .cs-footer-brand { padding: 40px 0; text-align: center; } }

@media screen and (min-width: 701px) { .cs-footer-brand { float: left; width: 30%; padding: 30px 0; } }

.cs-footer-brand__logo { display: inline-block; }

@media screen and (max-width: 700px) { .cs-footer-nav { display: none; } }

@media screen and (min-width: 701px) { .cs-footer-nav { float: left; width: 70%; padding: 30px 0; }
  .cs-footer-nav__item { float: left; width: 33%; } }

.cs-footer-nav-group__heading { margin-bottom: 20px; font-weight: bold; }

.cs-footer-nav-group__item { margin-top: 10px; }

.cs-footer-nav-group__item a { color: #666; }

.cs-footer-nav-group__item a:visited, .cs-footer-nav-group__item a:active, .cs-footer-nav-group__item a:hover { color: #666; }

.cs-footer-nav-group__item a:hover { color: #006ceb; }

@media screen and (max-width: 700px) { .cs-footer-utils { padding-bottom: 20px; }
  .cs-footer-utils__items { display: none; }
  .cs-footer-utils__copyright { color: #666; font-size: 11px; text-align: center; } }

@media screen and (min-width: 701px) { .cs-footer-utils { clear: both; overflow: hidden; padding: 20px 0; border-top: 1px solid #ddd; }
  .cs-footer-utils__copyright { float: left; color: #666; }
  .cs-footer-utils__items { float: right; }
  .cs-footer-utils__item { float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ddd; }
  .cs-footer-utils__item:first-child { border-left: 0; }
  .cs-footer-utils__item a { color: #666; }
  .cs-footer-utils__item a:visited, .cs-footer-utils__item a:active, .cs-footer-utils__item a:hover { color: #666; }
  .cs-footer-utils__item a:hover { color: #006ceb; } }

.cs-modal-post { display: none; 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 screen 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%; 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 screen and (max-width: 700px) { .cs-modal-post-header { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-modal-post-header { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-modal-post-header { min-width: 1000px; } }

.cs-modal-post-header__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

@media screen and (max-width: 700px) { .cs-modal-post-header { height: 50px; } }

@media screen and (min-width: 701px) { .cs-modal-post-header { height: 70px; } }

@media screen and (max-width: 700px) { .cs-modal-post-header__inner { padding: 10px 15px 0; } }

@media screen and (min-width: 701px) { .cs-modal-post-header__inner { padding: 13px 20px 0; } }

@media screen and (max-width: 700px) { .cs-modal-post-header__left, .cs-modal-post-header__right { width: 80px; } }

@media screen 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 screen and (max-width: 700px) { .cs-modal-post-header__title { font-size: 12px; line-height: 30px; } }

@media screen 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: #006ceb; font-size: 12px; line-height: 30px; font-weight: bold; }

@media screen and (max-width: 700px) { .cs-modal-post-header__close-button { font-size: 12px; line-height: 30px; } }

@media screen 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: #006ceb; }

.cs-modal-post-header__submit-button:visited, .cs-modal-post-header__submit-button:active, .cs-modal-post-header__submit-button:hover { color: #fff; }

@media screen and (max-width: 700px) { .cs-modal-post-header__submit-button { width: 80px; height: 30px; font-size: 14px; line-height: 30px; } }

@media screen 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: #006ceb; }

.cs-modal-post-header__submit-button[disabled] { background-color: #ddd; }

@media screen and (max-width: 700px) { .cs-modal-post-content { padding-top: 50px; } }

@media screen and (min-width: 701px) { .cs-modal-post-content { padding-top: 70px; } }

.cs-modal-post-content-body { width: 100%; }

@media screen and (max-width: 700px) { .cs-modal-post-content-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-modal-post-content-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-modal-post-content-body { min-width: 1000px; } }

.cs-modal-post-content-body__inner { 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 screen 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 { box-sizing: border-box; min-height: 100vh; background: #fff; }

.cs-post-report-category { width: 100%; background: #666; }

@media screen and (max-width: 700px) { .cs-post-report-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-report-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-report-category { min-width: 1000px; } }

.cs-post-report-category__inner { 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 screen 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 screen and (max-width: 700px) { .cs-post-report-category__field { width: 100%; } }

@media screen 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); -ms-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; 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 screen and (max-width: 700px) { .cs-post-report-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen 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-inf { padding-bottom: 20px; background: transparent; }

@media screen and (max-width: 700px) { .pm-inf { margin-bottom: 0; } }

.pm-inf-title { padding: 15px; }

.pm-inf-list-item { border-top: 1px #ddd solid; }

.pm-inf-list-item__alink { padding: 15px; display: block; }

.pm-inf-list-item__alink:hover { text-decoration: none; }

.pm-inf-list-item__term { margin-bottom: .5em; color: #333; }

.pm-inf-list-item__term:visited, .pm-inf-list-item__term:active, .pm-inf-list-item__term:hover { color: #333; }

.pm-inf-list-item__description { font-size: 14px; }

.pm-inf-list-more { padding: 20px; border-top: 1px #ddd solid; }

.pm-inf-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-inq { background: transparent; }

.pm-inq-contact { background: #fff; }

@media screen and (min-width: 701px) { .pm-inq-contact { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-inq-contact { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-inq-contact { margin-bottom: 40px; } }

.pm-inq-contact-laed__body { font-size: 14px; line-height: 1.6; }

@media screen and (max-width: 700px) { .pm-inq-contact-laed__body { padding: 30px 15px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-laed__body { padding: 30px 30px; } }

.pm-inq-contact-form__header { position: relative; font-size: 14px; font-weight: bold; text-align: center; }

.pm-inq-contact-form__header::before { content: ''; position: absolute; width: 50%; height: 0; left: 0; top: 50%; border-bottom: 1px solid #aaa; }

.pm-inq-contact-form__header::after { content: ''; position: absolute; width: 50%; height: 0; right: 0; top: 50%; border-bottom: 1px solid #aaa; }

.pm-inq-contact-form__header-label { display: inline-block; position: relative; z-index: +1; padding: 0 10px; background: #fff; color: #aaa; }

@media screen and (max-width: 700px) { .pm-inq-contact-form__items { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form__items { padding: 0 30px; } }

.pm-inq-contact-form__item { border-bottom: 1px solid #aaa; }

@media screen and (max-width: 700px) { .pm-inq-contact-form__item { padding: 20px 0; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form__item { display: table; width: 100%; padding: 25px 0; } }

.pm-inq-contact-form__item:last-child { border-bottom: 0; }

@media screen and (max-width: 700px) { .pm-inq-contact-form__label { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form__label { display: table-cell; width: 150px; vertical-align: top; } }

.pm-inq-contact-form__label-name { color: #aaa; font-size: 14px; font-weight: bold; }

.pm-inq-contact-form__label-name.is-error { color: #e60000; }

@media screen and (max-width: 700px) { .pm-inq-contact-form__label-name { margin-right: 10px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form__label-name { display: block; margin-bottom: 5px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form__field { display: table-cell; width: 490px; vertical-align: top; } }

.pm-inq-contact-form__field-preview { font-size: 16px; line-height: 1.4; }

@media screen and (max-width: 700px) { .pm-inq-contact-form__field-preview { padding-left: 15px; } }

.pm-inq-contact-form__note { margin-top: 10px; color: #aaa; font-size: 11px; }

.pm-inq-contact-form__sub-label { margin-top: 15px; margin-bottom: 10px; color: #aaa; font-size: 13px; }

.pm-inq-contact-form__sub-label:first-child { margin-top: 0; }

.pm-inq-contact-form__inline-layout { display: table; }

.pm-inq-contact-form__inline-layout-item { display: table-cell; padding-left: 15px; vertical-align: top; }

.pm-inq-contact-form__inline-layout-item:first-child { padding-left: 0; }

.pm-inq-contact-form-buttons { padding: 40px 0; }

@media screen and (max-width: 700px) { .pm-inq-contact-form-buttons__primary { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form-buttons__primary { width: 300px; margin-left: auto; margin-right: auto; } }

.pm-inq-contact-form-buttons__secondary { margin-top: 10px; }

.pm-inq-contact-form-buttons__secondary:before, .pm-inq-contact-form-buttons__secondary:after { content: ''; display: table; }

.pm-inq-contact-form-buttons__secondary:after { clear: both; }

@media screen and (max-width: 700px) { .pm-inq-contact-form-buttons__secondary { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-inq-contact-form-buttons__secondary { width: 300px; margin-left: auto; margin-right: auto; } }

.pm-inq-contact-form-buttons__secondary-left { box-sizing: border-box; float: left; width: 50%; padding-right: 5px; }

.pm-inq-contact-form-buttons__secondary-right { box-sizing: border-box; float: right; width: 50%; padding-left: 5px; }

.pm-inq-contact-form-error { padding: 15px 15px; border-bottom: 1px solid #aaa; color: #e60000; }

.pm-inq-contact-done__button { padding: 40px 0; text-align: center; }

.pm-lgn { background-color: #fff; }

.pm-lgn-title { line-height: 34px; margin: -55px auto 45px; color: #fff; font-size: 18px; text-align: center; }

.pm-lgn-tabs { margin: -55px auto 45px; text-align: center; }

@media screen and (max-width: 700px) { .pm-lgn-tabs { width: 300px; } }

@media screen and (min-width: 701px) { .pm-lgn-tabs { width: 390px; } }

.pm-lgn-tabs:before, .pm-lgn-tabs:after { content: ''; display: table; }

.pm-lgn-tabs:after { clear: both; }

.pm-lgn-tabs__item { float: left; display: inline-block; position: relative; font-size: 18px; }

.pm-lgn-tabs__item:last-child { float: right; }

.pm-lgn-tabs__item a, .pm-lgn-tabs__item span { display: inline-block; line-height: 34px; padding: 0 30px; }

.pm-lgn-tabs__item-link.is-active { color: #fff; }

.pm-lgn-tabs__item-link.is-active:after { content: ""; display: block; position: absolute; left: 58px; bottom: -21px; width: 0; height: 0; border: 8px solid transparent; border-bottom: 8px solid #fff; }

.pm-lgn-panes__item { display: none; margin-bottom: 50px; }

.pm-lgn-panes__item.is-active { display: block; }

@media screen and (max-width: 700px) { .pm-lgn-form { margin-bottom: 20px; padding: 0 20px; } }

@media screen and (min-width: 701px) { .pm-lgn-form { max-width: 400px; margin: 0 auto 50px; } }

.pm-lgn-form-lead { margin-bottom: 1em; font-size: 14px; }

.pm-lgn-form__label { margin-bottom: 5px; }

@media screen and (min-width: 701px) { .pm-lgn-form__label { font-size: 15px; } }

.pm-lgn-form__label span { float: right; color: #aaa; }

@media screen and (max-width: 700px) { .pm-lgn-form__label span { font-size: 10px; } }

@media screen and (min-width: 701px) { .pm-lgn-form__label span { font-size: 12px; } }

.pm-lgn-form__field, .pm-lgn-form__captcha { margin-bottom: 15px; }

.pm-lgn-form__preview { padding-bottom: 5px; border-bottom: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-lgn-form__preview { margin-bottom: 15px; } }

@media screen and (min-width: 701px) { .pm-lgn-form__preview { margin-bottom: 30px; font-size: 15px; } }

.pm-lgn-form__error { margin: -5px 0 15px; color: #e60000; }

.pm-lgn-form__remember { margin-bottom: 15px; }

@media screen and (min-width: 701px) { .pm-lgn-form__remember { font-size: 14px; } }

.pm-lgn-form__forgot { margin-top: 20px; text-align: center; }

@media screen and (min-width: 701px) { .pm-lgn-form__forgot { font-size: 14px; } }

.pm-lgn-form__agree { text-align: center; }

@media screen and (max-width: 700px) { .pm-lgn-form__agree { margin-bottom: 5px; font-size: 10px; } }

@media screen and (min-width: 701px) { .pm-lgn-form__agree { margin-bottom: 20px; font-size: 14px; } }

.pm-lgn-sns { text-align: center; }

@media screen and (max-width: 700px) { .pm-lgn-sns { padding: 0 20px; } }

@media screen and (min-width: 701px) { .pm-lgn-sns { margin: 0 -25px; } }

.pm-lgn-sns__heading { margin-bottom: 15px; border-top: 1px solid #aaa; }

@media screen and (max-width: 700px) { .pm-lgn-sns__heading { font-size: 14px; } }

@media screen and (min-width: 701px) { .pm-lgn-sns__heading { font-size: 18px; } }

.pm-lgn-sns__heading span { display: block; width: 50px; padding: 0 10px; background-color: #fff; }

@media screen and (max-width: 700px) { .pm-lgn-sns__heading span { margin: -8px auto 5px; font-size: 12px; } }

@media screen and (min-width: 701px) { .pm-lgn-sns__heading span { margin: -10px auto 5px; font-size: 15px; } }

.pm-lgn-sns__list:before, .pm-lgn-sns__list:after { content: ''; display: table; }

.pm-lgn-sns__list:after { clear: both; }

@media screen and (max-width: 700px) { .pm-lgn-sns__link { margin: 0 10px 10px; } }

@media screen and (min-width: 701px) { .pm-lgn-sns__link { margin: 0 5px; display: inline-block; width: 225px; }
  .pm-lgn-sns__link:first-child { padding-left: 22px; } }

.pm-lgn-sns__link-tw { display: block; padding: 10px 0; border-radius: 3px; color: #fff; background-color: #55acee; }

.pm-lgn-sns__link-tw:visited, .pm-lgn-sns__link-tw:hover { color: #fff; }

.pm-lgn-sns__link-tw span { display: inline-block; padding: 0 0 0 25px; background: url("../img/icons/twitter--white.svg") no-repeat 0 50%; background-size: 18px auto; }

.pm-lgn-sns__link-fb { display: block; padding: 10px 0; border-radius: 3px; color: #fff; background-color: #3b5998; }

.pm-lgn-sns__link-fb:visited, .pm-lgn-sns__link-fb:hover { color: #fff; }

.pm-lgn-sns__link-fb span { display: inline-block; padding: 0 0 0 25px; background: url("../img/icons/facebook--white.svg") no-repeat 0 50%; background-size: 18px auto; }

.pm-lgn-sns__link-line { display: block; padding: 10px 0; border-radius: 3px; color: #fff; background-color: #00c300; }

.pm-lgn-sns__link-line:visited, .pm-lgn-sns__link-line:hover { color: #fff; }

.pm-lgn-sns__link-line span { display: inline-block; padding: 0 0 0 25px; background: url("../img/icons/line--white.svg") no-repeat 0 50%; background-size: 18px auto; }

.pm-lgn-message { margin-bottom: 30px; }

@media screen and (max-width: 700px) { .pm-lgn-message { padding: 0 20px; } }

.pm-lgn-message__heading { margin: 0 0 15px; color: #46c7dc; font-size: 24px; font-weight: bold; }

.pm-lgn-message__content { font-size: 16px; }

.pm-lgn-message__sns { border-top: 1px solid #aaa; }

@media screen and (max-width: 700px) { .pm-lgn-message__sns { margin: 20px -20px 15px; padding: 0 20px; font-size: 14px; } }

@media screen and (min-width: 701px) { .pm-lgn-message__sns { margin: 50px 0 15px; font-size: 18px; text-align: center; } }

.pm-lgn-message__sns span { display: block; padding: 0 10px; color: #aaa; text-align: center; background-color: #fff; }

@media screen and (max-width: 700px) { .pm-lgn-message__sns span { width: 200px; margin: -8px auto 15px; font-size: 12px; } }

@media screen and (min-width: 701px) { .pm-lgn-message__sns span { width: 250px; margin: -10px auto 15px; font-size: 15px; } }

.pm-lgn-message__footer { margin-top: 50px; text-align: center; }

.pm-lgn-new { margin: 55px -25px 0; }

.pm-lgn-new__inner { padding: 30px; border: 1px solid #aaa; text-align: center; }

.pm-lgn-new__lead { margin-bottom: 1em; font-size: 15px; }

.pm-lgn-new__entry { margin-bottom: 1em; }

.pm-lgn-new__beginers { font-size: 15px; }

@media screen and (max-width: 700px) { .pm-lgn-new { display: none; } }

.pm-lgn-resign-titlebar__title { height: 27px; }

.pm-lgn-resign-titlebar__title:before { margin-right: 1em; display: inline-block; content: ""; width: 24px; height: 24px; background: url("../img/icons/resign--black.svg"); vertical-align: middle; }

.pm-lgn-resign__section { padding: 4%; font-size: 14px; }

.pm-lgn-resign__section--form { padding: 4%; font-size: 14px; margin-top: 2em; padding-top: 0; border-top: 1px solid #aaa; }

.pm-lgn-resign__heading { margin-bottom: .5em; font-weight: bold; font-size: 16px; }

.pm-lgn-resign__heading-form { margin: -.7em auto 1em; padding: 0 1em; width: 6em; color: #aaa; background-color: #fff; }

.pm-lgn-resign__lead { margin-bottom: 2em; }

.pm-lgn-resign__caution-heading { color: #e60000; }

.pm-lgn-resign__caution-list { margin-top: 1em; }

.pm-lgn-resign__form-list-item { margin-bottom: 1.5em; }

.pm-lgn-resign__form-list-item--confirm { margin-bottom: 1em; padding-bottom: .5em; border-bottom: 1px solid #aaa; }

.pm-lgn-resign__form-heading { margin-bottom: .25em; }

.pm-lgn-resign__form-checkbox { margin-right: .25em; vertical-align: 1px; }

.pm-lgn-resign__form-legend { color: #e60000; font-size: .75em; }

.pm-lgn-resign__form-ansewer { color: #333; font-size: 16px; }

.pm-lgn-resign-submit { margin: 25px auto 0; width: 410px; }

@media screen and (max-width: 700px) { .pm-lgn-resign-submit { width: auto; } }

.pm-lgn-resign-submit-confirm__list:before, .pm-lgn-resign-submit-confirm__list:after { content: ''; display: table; }

.pm-lgn-resign-submit-confirm__list:after { clear: both; }

@media screen and (max-width: 700px) { .pm-lgn-resign-submit-confirm__list { width: 100%; } }

.pm-lgn-resign-submit-confirm__list-item { margin-right: 20px; float: left; width: 195px; }

.pm-lgn-resign-submit-confirm__list-item:nth-child(2) { margin-right: 0; }

@media screen and (max-width: 700px) { .pm-lgn-resign-submit-confirm__list-item { margin-right: 5%; width: 47.5%; } }

.pm-lgn-resign-submit-confirm__button { margin-top: 15px; }

.pm-lgn-resign-submit-confirm__button:hover { opacity: .8; }

.pm-ntf { background: transparent; }

.pm-ntf__box { background: #fff; margin-bottom: 10px; padding: 0 0 34px; position: relative; }

@media screen and (min-width: 701px) { .pm-ntf__box { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-ntf__box { border-bottom: 1px solid #ddd; } }

.pm-ntf-list__item { border-bottom: 1px solid #ddd; }

.pm-ntf-list__alink { color: #333; display: block; padding: 16px 30px; }

.pm-ntf-list__alink:before, .pm-ntf-list__alink:after { content: ''; display: table; }

.pm-ntf-list__alink:after { clear: both; }

.pm-ntf-list__alink:visited, .pm-ntf-list__alink:active, .pm-ntf-list__alink:hover { color: #333; }

.pm-ntf-list__alink:hover { text-decoration: none; }

.pm-ntf-list__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 40px; height: 40px; border-radius: 50%; }

.pm-ntf-list__content { margin-left: 9%; word-break: break-all; display: table; width: 91%; height: 40px; }

@media screen and (max-width: 700px) { .pm-ntf-list__content { margin-left: 60px; width: auto; height: auto; } }

.pm-ntf-list__message { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-ntf-list__message { display: block; } }

.pm-ntf-list__date { display: table-cell; color: #aaa; font-size: 11px; text-align: right; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-ntf-list__date { margin-top: 10px; display: block; text-align: left; } }

@media screen and (max-width: 700px) { .pm-ntf-list-more { margin: 20px 10px; } }

@media screen and (min-width: 701px) { .pm-ntf-list-more { margin: 20px 0; } }

.pm-ntf-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-src { background: transparent; }

.pm-src__content { background: #fff; }

@media screen and (max-width: 700px) { .pm-src__content { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-src__content { margin-bottom: 50px; } }

@media screen and (min-width: 701px) { .pm-src__content { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen 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 screen 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 { 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 screen and (min-width: 701px) { .pm-src-2-unit { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-src-2-unit { border-bottom: 1px solid #ddd; } }

.pm-src-2-unit-form { padding: 30px 25px; background: #ddd; }

@media screen and (min-width: 701px) { .pm-src-2-unit-form { border-radius: 5px 5px 0 0; } }

.pm-src-2-unit-form__field input { box-sizing: border-box; height: 35px; padding: 6px 6px 6px 30px; border-radius: 5px; border: 1px solid #aaa; background: transparent 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 { 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: #006ceb; 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); -ms-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-usr { background: transparent; }

.pm-usr__content { margin-bottom: 30px; background-color: #fff; }

.pm-usr-tabs__items { border-radius: 5px 5px 0 0; background-color: #ddd; font-size: 14px; text-align: center; }

.pm-usr-tabs__items:before, .pm-usr-tabs__items:after { content: ''; display: table; }

.pm-usr-tabs__items:after { clear: both; }

@media screen and (max-width: 700px) { .pm-usr-tabs__items { border-radius: 0; } }

.pm-usr-tabs__item { position: relative; float: left; width: 50%; }

.pm-usr-tabs__item a { padding: 20px 0; display: block; }

.pm-usr-tabs__item a.is-active { color: #333; }

.pm-usr-tabs__item a.is-active:after { border: 8px solid transparent; border-bottom: 8px solid #fff; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; content: ""; }

.pm-usr-count-in { border-bottom: 1px solid #ddd; padding: 15px 0; text-align: center; }

.pm-usr-count-in span { margin: 0 .5em; color: #e60012; }

.pm-usr-follow-list:before, .pm-usr-follow-list:after { content: ''; display: table; }

.pm-usr-follow-list:after { clear: both; }

.pm-usr-follow-list__item { border-bottom: 1px solid #ddd; width: 100%; }

.pm-usr-follow-list__item:before, .pm-usr-follow-list__item:after { content: ''; display: table; }

.pm-usr-follow-list__item:after { clear: both; }

.pm-usr-follow-list__alink { color: #333; padding: 14px 0 13px 2.5%; display: block; float: left; width: 70%; height: 44px; }

.pm-usr-follow-list__alink:visited, .pm-usr-follow-list__alink:active, .pm-usr-follow-list__alink:hover { color: #333; }

.pm-usr-follow-list__alink:hover { text-decoration: none; }

.pm-usr-follow-list__alink:before, .pm-usr-follow-list__alink:after { display: table; content: ''; }

.pm-usr-follow-list__image { border-radius: 50%; float: left; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-usr-follow-list__content { margin-left: 60px; }

.pm-usr-follow-list__name { padding-right: 1em; color: #333; font-size: 14px; vertical-align: middle; white-space: nowrap; }

@media screen and (max-width: 700px) { .pm-usr-follow-list__name { padding-right: 0; float: left; display: block; float: none; } }

.pm-usr-follow-list__message { margin-top: .75em; width: 14em; color: #aaa; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media screen and (max-width: 700px) { .pm-usr-follow-list__message { margin-top: 8px; display: block; white-space: nowrap; text-overflow: ellipsis; } }

.pm-usr-follow-list-more { padding: 20px; }

.pm-usr-follow-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-usr-follow-button { padding: .5em .75em; border-radius: 4px; }

.pm-usr-follow-button-cell { margin-top: 18px; padding-right: 2.5%; float: right; width: 22.5%; text-align: right; white-space: nowrap; }

@media screen and (max-width: 700px) { .pm-usr-follow-button-cell { text-align: right; } }

.pm-usr-update { padding: 30px 0 20px; text-align: center; }

.pm-usr-main { display: none; }

.pm-usr-main.is-active { display: block; }

.pm-usr-points { background: #fff; position: relative; }

@media screen and (min-width: 701px) { .pm-usr-points { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-usr-points { border-bottom: 1px solid #ddd; } }

.pm-usr-points-leading, .pm-usr-points-history { padding: 22px 15px 10px; border-bottom: 1px solid #ddd; }

.pm-usr-points-heading { margin-bottom: 20px; font-size: 14px; }

.pm-usr-points-how { border: 1px solid #006ceb; border-radius: 5px; position: absolute; top: 15px; right: 15px; }

.pm-usr-points-how a { padding: .5em; display: block; }

.pm-usr-points-dlist__conserv { display: table; width: 100%; white-space: nowrap; }

.pm-usr-points-dlist__conserv-now, .pm-usr-points-dlist__conserv-fig { display: table-cell; width: 50%; vertical-align: middle; color: #aaa; }

.pm-usr-points-dlist__conserv-fig { text-align: right; }

.pm-usr-points-dlist__conserv-fig span { margin-right: 1em; color: #e60012; font-size: 28px; }

.pm-usr-points-dlist__valid { padding-top: 10px; border-top: 1px solid #ddd; }

.pm-usr-points-dlist__valid-term, .pm-usr-points-dlist__valid-date { display: inline; }

.pm-usr-points-table { margin-top: 10px; width: 100%; }

.pm-usr-points-table th { padding-bottom: 10px; color: #aaa; font-weight: normal; }

.pm-usr-points-table__action { text-align: left; }

.pm-usr-points-table__add-dim { text-align: right; white-space: nowrap; }

.pm-usr-points-table__score-date { margin-bottom: 10px; padding: 12px 0 10px; border-top: 1px solid #ddd; color: #aaa; font-size: 12px; }

.pm-usr-points-table__score-description { font-size: 14px; padding-bottom: 12px; }

.pm-usr-points-table__fig { color: #e60012; font-size: 16px; text-align: right; vertical-align: top; }

.pm-usr-points-history-more { padding: 20px 0 10px; }

.pm-usr-points-history-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-usr-profile-image img { width: 100%; height: auto; }

.pm-usr-profile-info { position: relative; max-width: 610px; margin: -35px auto 0; padding: 0 15px 15px; }

.pm-usr-profile-info:before, .pm-usr-profile-info:after { content: ''; display: table; }

.pm-usr-profile-info:after { clear: both; }

@media screen and (max-width: 700px) { .pm-usr-profile-info { margin: 0 auto; } }

.pm-usr-profile-info__button { float: right; margin: 45px 10px 0 0; }

@media screen and (max-width: 700px) { .pm-usr-profile-info__button { margin: 45px 0 0 0; } }

.pm-usr-profile-info__message-box { float: right; margin: 45px 10px 0 0; }

.pm-usr-profile-info__message-box-button { padding: 0 10px; width: auto; }

.pm-usr-profile-info__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 70px; height: 70px; border-radius: 50%; margin-right: 10px; border: 3px solid #fff; }

@media screen and (max-width: 700px) { .pm-usr-profile-info__image { margin-top: -35px; } }

.pm-usr-profile-info__name { padding: 7.5px 0; clear: both; font-size: 16px; font-weight: bold; }

.pm-usr-profile-info__years { margin-bottom: 7.5px; font-size: 14px; }

.pm-usr-profile-info__status, .pm-usr-profile-info__bio { line-height: 20px; color: #aaa; font-size: 14px; }

.pm-usr-profile-info__status--more, .pm-usr-profile-info__bio--more { font-size: 14px; }

.pm-usr-profile-info__status span { margin-left: 1em; padding-left: 1em; border-left: 2px solid #aaa; }

.pm-usr-profile-info__status span:first-child { margin-left: 0; padding-left: 0; border-left: none; }

.pm-usr-profile__secondary { margin-top: 35px; padding-bottom: 15px; text-align: center; }

.pm-usr-profile-data { display: inline-table; width: 100%; max-width: 360px; border-collapse: separate; border-spacing: 3px; }

.pm-usr-profile-data__th { width: 20%; padding: 2px; background-color: #aaa; color: #fff; font-weight: normal; }

.pm-usr-profile-data__td { padding-top: 10px; font-size: 14px; text-align: center; }

.pm-usr-home-tabs__items { font-size: 14px; text-align: center; background-color: #ddd; }

.pm-usr-home-tabs__items:before, .pm-usr-home-tabs__items:after { content: ''; display: table; }

.pm-usr-home-tabs__items:after { clear: both; }

@media screen and (min-width: 701px) { .pm-usr-home-tabs__items { padding: 0 120px; } }

.pm-usr-home-tabs__item { position: relative; float: left; width: 50%; }

.pm-usr-home-tabs__item--activity a { background: url("../img/icons/activity--blue.svg") no-repeat 0 50%; }

.pm-usr-home-tabs__item--activity a.is-active { display: inline-block; background: url("../img/icons/activity--black.svg") no-repeat 0 50%; }

.pm-usr-home-tabs__item--clip a { background: url("../img/icons/clip--blue.svg") no-repeat 0 50%; }

.pm-usr-home-tabs__item--clip a.is-active { display: inline-block; background: url("../img/icons/clip--black.svg") no-repeat 0 50%; }

.pm-usr-home-tabs__item a { display: inline-block; padding: 20px 0 20px 30px; }

.pm-usr-home-tabs__item a.is-active { color: #333; }

.pm-usr-home-tabs__item a.is-active:after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border: 8px solid transparent; border-bottom: 8px solid #fff; }

.pm-usr-home-tabs__pane { display: none; }

@media screen and (max-width: 700px) { .pm-usr-home-tabs__pane { margin-bottom: 30px; } }

@media screen and (min-width: 701px) { .pm-usr-home-tabs__pane { margin-bottom: 40px; } }

.pm-usr-home-tabs__pane.is-active { display: block; }

.pm-usr-activity__header { padding: 18px 15px 14px; border-bottom: 1px solid #ddd; font-size: 14px; }

.pm-usr-activity__header:before, .pm-usr-activity__header:after { content: ''; display: table; }

.pm-usr-activity__header:after { clear: both; }

.pm-usr-activity__header-title { float: left; }

.pm-usr-activity__header-edit { float: right; }

.pm-usr-activity__item { position: relative; padding: 0 15px 1px; border-bottom: 1px solid #ddd; }

.pm-usr-activity__item:last-child { border: none; }

.pm-usr-activity__date { margin: 0 -15px 0; padding: 10px 15px; border-bottom: 1px solid #ddd; }

.pm-usr-activity__menu { padding-top: 15px; text-align: right; }

.pm-usr-activity__time { float: right; line-height: 40px; }

.pm-usr-activity__avatar { float: left; }

.pm-usr-activity__updated { clear: both; margin: 5px 0 0 50px; padding-bottom: 15px; font-size: 14px; }

.pm-usr-activity__comment { margin: 0 0 15px 50px; padding-top: 15px; border-top: 1px solid #ddd; clear: both; font-size: 14px; }

.pm-usr-activity__comment img { width: 100%; height: auto; margin-top: 10px; }

.pm-usr-activity-quiz { margin: 0 0 15px 50px; border: 1px solid #ddd; }

.pm-usr-activity-quiz__link { display: block; padding: 10px; }

.pm-usr-activity-quiz__link:hover { text-decoration: none; }

.pm-usr-activity-quiz__link:hover .pm-usr-activity-quiz__subject-title { color: #ff6d00; text-decoration: underline; }

.pm-usr-activity-quiz__link img { width: 100%; height: auto; margin-bottom: 10px; }

.pm-usr-activity-quiz__header { margin-bottom: 5px; color: #aaa; }

.pm-usr-activity-quiz__subject:before, .pm-usr-activity-quiz__subject:after { content: ''; display: table; }

.pm-usr-activity-quiz__subject:after { clear: both; }

.pm-usr-activity-quiz__subject-label { float: left; width: 60px; padding: 2px 0; border-radius: 4px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; background-color: #ff6d00; }

.pm-usr-activity-quiz__subject-title { margin-left: 70px; color: #ff6d00; font-size: 15px; font-weight: bold; }

.pm-usr-activity-more { padding: 20px; border-top: 1px solid #ddd; }

.pm-usr-activity-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-usr-profile__header { margin-bottom: 20px; }

@media screen and (max-width: 700px) { .pm-usr-profile__content { margin-bottom: 30px; } }

@media screen and (min-width: 701px) { .pm-usr-profile__content { margin-bottom: 40px; } }

.pm-usr-clip__header { padding: 15px; font-size: 14px; border-bottom: 1px solid #ddd; }

.pm-usr-clip__item { padding: 15px; border-bottom: 1px solid #ddd; }

.pm-usr-clip__item:before, .pm-usr-clip__item:after { content: ''; display: table; }

.pm-usr-clip__item:after { clear: both; }

.pm-usr-clip__item:last-child { border: none; }

.pm-usr-clip__date { float: left; margin-bottom: 10px; color: #aaa; }

.pm-usr-clip__delete { float: right; margin-bottom: 10px; }

.pm-usr-clip__tags { clear: both; margin-bottom: 10px; }

.pm-usr-clip__image { float: left; width: 90px; height: 90px; background-position: 50% 50%; background-size: cover; }

.pm-usr-clip__image a { display: block; width: 90px; height: 90px; }

.pm-usr-clip__title { margin: 0 0 5px 100px; font-size: 16px; font-weight: bold; }

.pm-usr-clip__title a { color: #333; }

.pm-usr-clip__avatar { margin-left: 100px; }

.pm-usr-clip-more { padding: 20px; border-top: 1px solid #ddd; }

.pm-usr-clip-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-profile-activity-tab-nav__item { display: table-cell; vertical-align: middle; text-align: center; width: 38px; position: relative; }

.pm-profile-activity-tab-nav__item:last-child:after { display: none; }

.pm-profile-activity-tab-nav__item:after { content: ""; display: block; position: absolute; right: 0; top: -3px; bottom: 0; margin: auto 0; width: 1px; height: 25px; background-color: #D9D9D9; }

.pm-profile-activity-tab-nav__item.is-active i { opacity: 1; }

.pm-profile-activity-tab__item { display: none; }

.pm-profile-activity-tab__item.is-active { display: block; }

.pm-profile-activity-grid { position: relative; padding: 35px 25px; margin-bottom: 10px; background-color: #fff; }

.pm-profile-activity-grid__item { float: left; width: 25%; }

@media screen and (max-width: 700px) { .pm-profile-activity-grid__item { width: 33.333%; } }

.pm-profile-activity-grid:after { content: ""; display: table; clear: both; }

.pm-profile-activity-grid__image { display: block; height: 0; margin: 2px; overflow: hidden; padding-top: 100%; background-size: cover; }

.pm-icon--list { background-image: url(../img/icons/icon_view-article.svg); display: inline-block; width: 17px; height: 17px; background-repeat: no-repeat; background-size: 17px 17px; opacity: 0.45; }

.pm-icon--grid { background-image: url(../img/icons/icon_view-photo.svg); display: inline-block; width: 17px; height: 17px; background-repeat: no-repeat; background-size: 17px 17px; opacity: 0.45; }

.pm-usr-settings { background: #fff; }

@media screen and (min-width: 701px) { .pm-usr-settings { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-usr-settings { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-usr-settings { margin-bottom: 40px; } }

.pm-usr-settings__content { border-top: 1px solid #ddd; }

.pm-usr-settings-header { box-sizing: border-box; display: table; width: 100%; }

@media screen and (max-width: 700px) { .pm-usr-settings-header { padding: 15px 15px; } }

@media screen and (min-width: 701px) { .pm-usr-settings-header { padding: 25px 30px; } }

.pm-usr-settings-header__user { display: table-cell; vertical-align: middle; }

.pm-usr-settings-header__user-sub-label { margin-left: 50px; color: #aaa; font-size: 13px; }

.pm-usr-settings-header__button { display: table-cell; text-align: right; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-usr-settings-form__items { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-usr-settings-form__items { padding: 0 30px; } }

.pm-usr-settings-form__item { border-bottom: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-usr-settings-form__item { padding: 20px 0; } }

@media screen and (min-width: 701px) { .pm-usr-settings-form__item { display: table; width: 100%; padding: 25px 0; } }

.pm-usr-settings-form__item:last-child { border-bottom: 0; }

@media screen and (max-width: 700px) { .pm-usr-settings-form__label { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-usr-settings-form__label { display: table-cell; width: 150px; vertical-align: top; } }

.pm-usr-settings-form__label-name { color: #aaa; font-size: 14px; font-weight: bold; }

.pm-usr-settings-form__label-name.is-error { color: #e60000; }

@media screen and (max-width: 700px) { .pm-usr-settings-form__label-name { margin-right: 10px; } }

@media screen and (min-width: 701px) { .pm-usr-settings-form__label-name { display: block; margin-bottom: 5px; } }

@media screen and (min-width: 701px) { .pm-usr-settings-form__field { display: table-cell; width: 490px; vertical-align: top; } }

.pm-usr-settings-form__field-preview { font-size: 16px; line-height: 1.4; }

@media screen and (max-width: 700px) { .pm-usr-settings-form__field-preview { padding-left: 15px; } }

.pm-usr-settings-form__note { margin-top: 10px; color: #aaa; font-size: 11px; }

.pm-usr-settings-form__sub-label { margin-top: 15px; margin-bottom: 10px; color: #aaa; font-size: 13px; }

.pm-usr-settings-form__sub-label:first-child { margin-top: 0; }

.pm-usr-settings-form__inline-layout { display: table; }

.pm-usr-settings-form__inline-layout-item { display: table-cell; padding-left: 15px; vertical-align: top; }

.pm-usr-settings-form__inline-layout-item:first-child { padding-left: 0; }

.pm-usr-settings-form-buttons { padding: 40px 0; border-top: 1px solid #ddd; text-align: center; }

.pm-usr-settings-form-buttons__item { display: inline-block; margin: 0 10px; }

.pm-usr-settings-form-error { padding: 15px 15px; border-bottom: 1px solid #ddd; color: #e60000; }

.pm-usr-edit-profile { background: #fff; }

@media screen and (min-width: 701px) { .pm-usr-edit-profile { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-usr-edit-profile { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-usr-edit-profile { margin-bottom: 40px; } }

.pm-usr-edit-profile-error { padding: 15px 15px; border-bottom: 1px solid #ddd; color: #e60000; }

.pm-usr-edit-profile-image-cover { position: relative; min-height: 140px; background: #666; }

.pm-usr-edit-profile-image-cover__image { width: 100%; }

.pm-usr-edit-profile-image-cover__edit-outer { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: +1; }

.pm-usr-edit-profile-image-cover__edit { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.pm-usr-edit-profile-image-cover__icon { width: 28px; height: 28px; background: url("../img/icons/photo-upload--white.svg"); background-size: 28px 28px; margin: 0 auto 10px; }

.pm-usr-edit-profile-image-cover__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; overflow: hidden; width: 150px; height: 30px; display: inline-block; border-radius: 4px; background: rgba(0, 0, 0, 0.5); color: #fff; line-height: 30px; text-align: center; }

.pm-usr-edit-profile-image-cover__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-usr-edit-profile-image-avatar { position: relative; }

@media screen and (max-width: 700px) { .pm-usr-edit-profile-image-avatar { margin-top: -35px; margin-left: 10px; } }

@media screen and (min-width: 701px) { .pm-usr-edit-profile-image-avatar { margin-top: -40px; margin-left: 50px; } }

.pm-usr-edit-profile-image-avatar__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; border-radius: 50%; border: 3px solid #fff; background-color: #666; }

@media screen and (max-width: 700px) { .pm-usr-edit-profile-image-avatar__image { width: 70px; height: 70px; } }

@media screen and (min-width: 701px) { .pm-usr-edit-profile-image-avatar__image { width: 80px; height: 80px; } }

.pm-usr-edit-profile-image-avatar__icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 28px; height: 28px; background: url("../img/icons/photo-upload--white.svg"); background-size: 28px 28px; }

.pm-usr-edit-profile-image-avatar__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; position: absolute; bottom: 10px; color: #006ceb; }

.pm-usr-edit-profile-image-avatar__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .pm-usr-edit-profile-image-avatar__button { left: 80px; } }

@media screen and (min-width: 701px) { .pm-usr-edit-profile-image-avatar__button { left: 90px; } }

.pm-usr-edit-profile-form { margin-top: 25px; }

.pm-usr-edit-profile-form-item { border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-usr-edit-profile-form-item { padding: 15px 15px; } }

@media screen and (min-width: 701px) { .pm-usr-edit-profile-form-item { padding: 15px 50px; } }

.pm-usr-edit-profile-form-item__label { margin-bottom: 10px; }

.pm-usr-edit-profile-form-item__filed-name { display: inline-block; margin-right: 5px; color: #aaa; font-size: 13px; font-weight: bold; }

.pm-usr-edit-profile-form-item__filed-name.is-error { color: #e60000; }

.pm-usr-edit-profile-form-item__field-bio { height: 10em; }

.pm-usr-edit-profile-form-item__note { margin-top: 10px; color: #aaa; font-size: 11px; }

.pm-usr-edit-profile-form-buttons { padding: 40px 0; border-top: 1px solid #ddd; text-align: center; }

.pm-usr-edit-profile-form-buttons__item { display: inline-block; margin: 0 10px; }

.pm-usr-bagde-header { border-bottom: 1px solid #d8d8d8; }

.pm-usr-bagde-header__inner { padding: 10px 15px; }

.pm-usr-bagde-header__inner:before, .pm-usr-bagde-header__inner:after { content: ''; display: table; }

.pm-usr-bagde-header__inner:after { clear: both; }

.pm-usr-bagde-header__title, .pm-usr-bagde-header__possession { display: inline-block; line-height: 1; }

.pm-usr-bagde-header__title.with-possession, .pm-usr-bagde-header__possession.with-possession { vertical-align: -12px; }

.pm-usr-bagde-header__title.is-about-badge, .pm-usr-bagde-header__possession.is-about-badge { padding: 30px 0; width: 100%; text-align: center; font-size: 16px; }

.pm-usr-bagde-header__possession { float: right; }

.pm-usr-bagde-header__possession span { margin-right: 10px; color: #E60012; font-size: 30px; }

.pm-usr-bagde-body__inner { padding: 10px 15px; }

.pm-usr-bagde-body__inner:before, .pm-usr-bagde-body__inner:after { content: ''; display: table; }

.pm-usr-bagde-body__inner:after { clear: both; }

.pm-usr-bagde-body__obtained-list { margin-top: 30px; padding: 0 35px; letter-spacing: -5px; }

@media screen and (max-width: 700px) { .pm-usr-bagde-body__obtained-list { padding: 0; } }

.pm-usr-bagde-body__obtained-list-item { margin: 0 53px 30px 0; display: inline-block; font-weight: bold; letter-spacing: normal; text-align: center; vertical-align: top; }

.pm-usr-bagde-body__obtained-list-item:nth-child(4n+4) { margin-right: 0; }

@media screen and (max-width: 700px) { .pm-usr-bagde-body__obtained-list-item { margin: 0 0 30px; width: 30%; }
  .pm-usr-bagde-body__obtained-list-item:nth-child(3n+2) { margin: 0 5% 30px; } }

.pm-usr-bagde-body__obtained-list-item img { margin-bottom: 10px; display: block; }

@media screen and (max-width: 700px) { .pm-usr-bagde-body__obtained-list-item img { width: 100%; } }

.pm-usr-bagde-body__history-list { margin: -10px -15px 0; }

.pm-usr-bagde-body__history-list-item { border-bottom: 1px solid #d8d8d8; padding: 18px 30px; }

.pm-usr-bagde-body__history-list-item:before, .pm-usr-bagde-body__history-list-item:after { content: ''; display: table; }

.pm-usr-bagde-body__history-list-item:after { clear: both; }

@media screen and (max-width: 700px) { .pm-usr-bagde-body__history-list-item { padding: 15px; } }

.pm-usr-bagde-body__history-list-item img { margin-right: 10px; display: block; float: left; width: 60px; height: 60px; }

.pm-usr-bagde-body__history-data { overflow: hidden; }

.pm-usr-bagde-body__history-badge { margin-top: 8px; font-weight: bold; }

.pm-usr-bagde-body__history-date { margin-top: 4.5px; font-size: 10px; }

.pm-usr-bagde-body__history-state { margin-top: 4.5px; }

.pm-usr-bagde-body__about-badge { padding: 15px; font-size: 14px; }

@media screen and (max-width: 700px) { .pm-usr-bagde-body__about-badge { padding: 15px 0; } }

.pm-usr-bagde-body__about-badge-term { margin-top: 25px; font-weight: bold; }

.pm-usr-bagde-body__about-badge-term:first-child { margin-top: 0; }

.pm-usr-bagde-body__about-badge-description { margin-top: 15px; }

.pm-usr-bagde-footer__inner:before, .pm-usr-bagde-footer__inner:after { content: ''; display: table; }

.pm-usr-bagde-footer__inner:after { clear: both; }

.pm-usr-bagde-footer .pm-usr-clip-more { border-top: none; }

.cs-modal-badge-layer { position: absolute; top: 0; left: 0; z-index: 9999999; background-color: #000; opacity: .5; width: 100%; height: 8000px; }

.cs-modal-badge { padding: 20px; box-sizing: border-box; position: absolute; top: 145px; left: 400px; z-index: 99999999; width: 700px; height: 415px; text-align: center; }

.badge-img { margin: 20px auto; width: 130px; height: 130px; }

.badge-img img { width: 100%; }

.badge-massage__felicitation { margin-bottom: 20px; font-size: 18px; }

.badge-button { margin: auto; padding: 40px; width: 120px; height: 40px; }

.badge-button a { width: 100%; }

.pm-ask { background: transparent; }

.pm-ask__header { background: #fff; margin-bottom: 20px; }

@media screen and (min-width: 701px) { .pm-ask__header { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-ask__header { border-bottom: 1px solid #ddd; } }

.pm-ask-title-image { color: #fff; font-size: 16px; font-weight: bold; background-position: 50% 50%; background-size: cover; }

@media screen and (max-width: 700px) { .pm-ask-title-image { height: 30px; padding: 90px 0 0 15px; } }

@media screen and (min-width: 701px) { .pm-ask-title-image { height: 35px; padding: 135px 0 0 15px; } }

.pm-ask-lead { margin-bottom: 10px; padding: 15px; }

.pm-ask-lead__text { margin-bottom: 10px; }

.pm-ask-item { background: #fff; position: relative; overflow: hidden; margin-bottom: 10px; }

@media screen and (min-width: 701px) { .pm-ask-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-ask-item { border-bottom: 1px solid #ddd; } }

.pm-ask-item__header { padding: 15px; color: #fff; }

.pm-ask-item__header:before, .pm-ask-item__header:after { content: ''; display: table; }

.pm-ask-item__header:after { clear: both; }

.pm-ask-item__header--cat1 { background-color: #ec492f; }

.pm-ask-item__header--cat2 { background-color: #4793e6; }

.pm-ask-item__header--cat3 { background-color: #eca82f; }

.pm-ask-item__header--cat4 { background-color: #7bc344; }

.pm-ask-item__category { position: absolute; top: 18px; right: 15px; }

.pm-ask-item__user { float: left; }

.pm-ask-item__avatar { float: left; }

.pm-ask-item__avatar-image { display: block; width: 40px; height: 40px; border-radius: 100%; background-position: 50% 50%; background-size: cover; }

.pm-ask-item__number { margin: 0 0 3px 50px; padding-top: 3px; }

.pm-ask-item__name { margin: 0 0 0 50px; }

.pm-ask-item__name a { color: #fff; }

.pm-ask-item__name a:visited, .pm-ask-item__name a:active, .pm-ask-item__name a:hover { color: #fff; }

.pm-ask-item__question { clear: both; padding: 10px 0 5px; font-size: 16px; font-weight: bold; }

.pm-ask-item__question a { color: #fff; }

.pm-ask-item__question a:visited, .pm-ask-item__question a:active, .pm-ask-item__question a:hover { color: #fff; }

.pm-ask-item__answer { position: relative; padding: 15px; }

.pm-ask-item__answer:before { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #fff; content: ''; position: absolute; top: -10px; }

.pm-ask-item__answer-icon { float: left; margin-top: -5px; font-size: 24px; font-weight: bold; }

.pm-ask-item__answer-text { margin: 0 0 10px 35px; font-size: 16px; font-weight: bold; }

.pm-ask-item__answer-text a { color: #333; }

.pm-ask-item__answer-text a:visited, .pm-ask-item__answer-text a:active, .pm-ask-item__answer-text a:hover { color: #333; }

.pm-ask-item__answer-link { text-align: right; }

.pm-ask-item__answer--cat1 .pm-ask-item__answer-icon { color: #ec492f; }

.pm-ask-item__answer--cat2 .pm-ask-item__answer-icon { color: #4793e6; }

.pm-ask-item__answer--cat3 .pm-ask-item__answer-icon { color: #eca82f; }

.pm-ask-item__answer--cat4 .pm-ask-item__answer-icon { color: #7bc344; }

@media screen and (min-width: 701px) { .pm-ask-details { overflow: hidden; margin-bottom: 40px; padding-bottom: 10px; } }

.pm-ask-details__header { position: relative; padding: 15px; color: #fff; }

.pm-ask-details__header:before, .pm-ask-details__header:after { content: ''; display: table; }

.pm-ask-details__header:after { clear: both; }

.pm-ask-details__header--cat1 { background-color: #ec492f; }

.pm-ask-details__header--cat2 { background-color: #4793e6; }

.pm-ask-details__header--cat3 { background-color: #eca82f; }

.pm-ask-details__header--cat4 { background-color: #7bc344; }

.pm-ask-details__category { position: absolute; top: 18px; right: 15px; }

.pm-ask-details__user { float: left; }

.pm-ask-details__avatar { float: left; }

.pm-ask-details__avatar-image { display: block; width: 40px; height: 40px; border-radius: 100%; background-position: 50% 50%; background-size: cover; }

.pm-ask-details__number { margin: 0 0 3px 50px; padding-top: 3px; }

.pm-ask-details__name { margin: 0 0 0 50px; }

.pm-ask-details__name a { color: #fff; }

.pm-ask-details__name a:visited, .pm-ask-details__name a:active, .pm-ask-details__name a:hover { color: #fff; }

.pm-ask-details__question { clear: both; padding: 10px 0 5px; font-size: 16px; font-weight: bold; }

.pm-ask-details__title { position: relative; padding: 15px; }

.pm-ask-details__title:before { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #fff; content: ''; position: absolute; top: -10px; }

.pm-ask-details__title-icon { float: left; margin-top: -5px; font-size: 24px; font-weight: bold; }

.pm-ask-details__title-text { margin: 0 0 10px 35px; font-size: 16px; font-weight: bold; }

.pm-ask-details__title--cat1 .pm-ask-details__title-icon { color: #ec492f; }

.pm-ask-details__title--cat2 .pm-ask-details__title-icon { color: #4793e6; }

.pm-ask-details__title--cat3 .pm-ask-details__title-icon { color: #eca82f; }

.pm-ask-details__title--cat4 .pm-ask-details__title-icon { color: #7bc344; }

.pm-ask-details__respondent { margin-bottom: 20px; padding: 0 15px; text-align: left; }

.pm-ask-details__respondent:before, .pm-ask-details__respondent:after { content: ''; display: table; }

.pm-ask-details__respondent:after { clear: both; }

.pm-ask-details__respondent-avatar { float: left; width: 60px; height: 60px; border-radius: 5px; background-position: 50% 50%; background-size: cover; }

.pm-ask-details__respondent-label { width: 100px; margin: 0 0 5px 70px; padding: 3px 0; border-radius: 10px; color: #fff; text-align: center; background-color: #006794; }

.pm-ask-details__respondent-name { margin-left: 70px; }

.pm-ask-details__answer { padding: 0 15px; font-size: 14px; }

.pm-ask-details__response { margin: 40px 0 30px; text-align: center; }

.pm-ask-details__liked { margin-bottom: 30px; padding: 0 15px; }

.pm-ask-details__tags { margin-bottom: 30px; padding: 0 15px; }

.pm-ask-details__share { text-align: center; }

.pm-cpn { padding-bottom: 20px; background: #eee; }

.pm-cpn-list-item { background: #fff; margin-bottom: 20px; }

.pm-cpn-list-item:before, .pm-cpn-list-item:after { content: ''; display: table; }

.pm-cpn-list-item:after { clear: both; }

@media screen and (min-width: 701px) { .pm-cpn-list-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-cpn-list-item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-cpn-list-item { padding: 15px; } }

@media screen and (min-width: 701px) { .pm-cpn-list-item { padding: 20px; } }

.pm-cpn-list-link { color: #333; display: block; }

.pm-cpn-list-link:visited, .pm-cpn-list-link:active, .pm-cpn-list-link:hover { color: #333; }

.pm-cpn-list-link:hover { text-decoration: none; }

.pm-cpn-list-banner { width: 100%; }

@media screen and (max-width: 700px) { .pm-cpn-list-banner { width: 100%; margin-bottom: 10px; } }

.pm-cpn-list-banner-box { position: relative; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-cpn-list-banner-box { float: left; width: 245px; } }

.pm-cpn-list-banner-box.is-rect { margin-top: 33px; }

@media screen and (max-width: 700px) { .pm-cpn-list-banner-box.is-rect { margin-top: 0; } }

.pm-cpn-list-mark { display: block; }

.pm-cpn-list-mark__new, .pm-cpn-list-mark__remain { position: absolute; top: -4.8em; left: -5.25em; width: 10em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-cpn-list-mark__new:before, .pm-cpn-list-mark__remain:before { border-top: 10em #FF0056 solid; border-left: 10em #FF0056 solid; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 0; height: 0; content: ""; }

.pm-cpn-list-mark__new p { font-size: 1.4em; }

.pm-cpn-list-mark__remain:before { border-top: 10em #EE1E7B solid; border-left: 10em #EE1E7B solid; }

.pm-cpn-list-mark__remain p { padding-top: 6em; }

.pm-cpn-list-mark__remain p:before { content: ""; display: block; width: 100%; height: 20px; text-align: center; background: url("../img/modules/pm-cpn/ribbon-a--pink.svg") no-repeat center center; }

.pm-cpn-list-mark-text { padding-top: 5.5em; position: relative; z-index: 2; color: #fff; text-align: center; }

.pm-cpn-list-mark-text-days { margin: 0 .1em; font-weight: bold; font-size: 130%; }

.pm-cpn-list-date:before, .pm-cpn-list-date:after { content: ''; display: table; }

.pm-cpn-list-date:after { clear: both; }

.pm-cpn-list-date-type { float: left; color: #006ceb; }

.pm-cpn-list-date-days { float: right; color: #666; }

.pm-cpn-list-title { margin-top: .5em; line-height: 1.5; font-weight: bold; font-size: 16px; color: #000; }

.pm-cpn-list-lead { margin: .75em 0 1em; line-height: 1.5; font-size: 14px; color: #666; }

.pm-cpn-list-expire { margin-top: .75em; color: #000; font-size: 14px; font-weight: bold; }

.pm-cpn-list-expire-term { display: inline-block; }

.pm-cpn-list-expire-date { display: inline-block; }

.pm-cpn-list-category-list__item { display: inline-block; }

.pm-cpn-list-category-list__item::after { content: '・'; display: inline-block; }

.pm-cpn-list-category-list__item:last-child::after { content: none; }

@media screen and (min-width: 701px) { .pm-cpn-list-date, .pm-cpn-list-title, .pm-cpn-list-lead, .pm-cpn-list-expire, .pm-cpn-list-category-list { margin-left: 265px; } }

@media screen and (max-width: 700px) { .pm-cpn-read-more { margin: 20px 15px 0; } }

@media screen and (min-width: 701px) { .pm-cpn-read-more { margin: 20px 0 0; } }

.pm-cpn-read-more-indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-cpn-campaign { background: #fff; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-cpn-campaign { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-cpn-campaign { border-bottom: 1px solid #ddd; } }

.pm-cpn-campaign__main-visual-image { width: 100%; }

.pm-cpn-campaign__summary { padding: 30px 5%; }

.pm-cpn-campaign__summary-list-date:before, .pm-cpn-campaign__summary-list-date:after { content: ''; display: table; }

.pm-cpn-campaign__summary-list-date:after { clear: both; }

.pm-cpn-campaign__summary-type { float: left; color: #006ceb; }

.pm-cpn-campaign__summary-days { float: right; color: #aaa; }

.pm-cpn-campaign__summary-title { margin: .25em 0 .5em; color: #333; font-weight: bold; font-size: 20px; }

.pm-cpn-campaign__summary-title:before, .pm-cpn-campaign__summary-title:after { content: ''; display: table; }

.pm-cpn-campaign__summary-title:after { clear: both; }

.pm-cpn-campaign__summary-heading { margin: auto; padding: .25em 1em; border-radius: 1.5em; width: 6em; color: #fff; font-size: .8em; background-color: #FF0056; text-align: center; }

.pm-cpn-campaign__summary-paragraph, .pm-cpn-campaign__summary-pics { margin: 1em 0; }

.pm-cpn-campaign__summary-pics { text-align: center; }

.pm-cpn-campaign__detail { margin: 0 5% 20px; padding: 5% 5% 0; border: 1px solid #ddd; }

.pm-cpn-campaign__detail-heading { margin-bottom: .75em; padding: .25em 0; border-radius: 2em; color: #333; background: #eee; font-weight: bold; font-size: 16px; text-align: center; }

.pm-cpn-campaign__detail-list-item { margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px solid #ddd; }

.pm-cpn-campaign__detail-list-item:last-child { border-bottom: none; }

.pm-cpn-campaign__detail-subheading { margin-bottom: .75em; color: #666; font-weight: bold; }

.pm-cpn-campaign__compornents { margin: 25px 0 30px; }

.pm-cpn-campaign__compornents-tags { margin: 0 5%; }

.pm-cpn-entry { background: #fff; }

@media screen and (min-width: 701px) { .pm-cpn-entry { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-cpn-entry { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-cpn-entry { margin-top: 20px; } }

.pm-cpn-subject { padding: 20px 3.5%; background: #BDF2F9; }

@media screen and (min-width: 701px) { .pm-cpn-subject { border-radius: 5px 5px 0 0; } }

.pm-cpn-subject-banner { float: left; width: 100px; height: 100px; }

.pm-cpn-subject-banner-image { width: 100%; height: 100px; }

.pm-cpn-subject-title { font-weight: bold; font-size: 14px; }

.pm-cpn-subject-title-box:before, .pm-cpn-subject-title-box:after { content: ''; display: table; }

.pm-cpn-subject-title-box:after { clear: both; }

.pm-cpn-subject-title-list { padding: 1em 0 0 10px; overflow: hidden; }

.pm-cpn-app-sign-list { margin-top: 8px; clear: both; letter-spacing: -4px; }

.pm-cpn-app-sign-list-item { margin-right: 14px; padding: 6px 9.75px; display: inline-block; position: relative; width: 188px; color: #fff; background-color: #aaa; text-align: center; letter-spacing: normal; }

.pm-cpn-app-sign-list-item:after { border-top: 1.6em solid #aaa; border-right: 1.6em solid #aaa; display: block; content: ""; width: 0; height: 0; position: absolute; top: 17%; right: -10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-cpn-app-sign-list-item:last-child { margin-right: 0; }

.pm-cpn-app-sign-list-item:last-child:after { display: none; }

@media screen and (max-width: 700px) { .pm-cpn-app-sign-list-item { padding: 6px 2%; width: 26%; }
  .pm-cpn-app-sign-list-item:last-child { width: 27%; } }

.pm-cpn-app-sign-list .is-active { background-color: #006ceb; }

.pm-cpn-app-sign-list .is-active:after { border-top: 1.6em solid #006ceb; border-right: 1.6em solid #006ceb; }

.pm-cpn-question-title { padding: 20px 5% 20px; font-size: 14px; }

.pm-cpn-question-list { padding: 0 15px; border-bottom: 1px #ddd solid; }

@media screen and (max-width: 700px) { .pm-cpn-question-list { padding: 0; width: %100%; } }

.pm-cpn-question-list__item { padding-bottom: 50px; }

.pm-cpn-question__heading { padding: 10px 15px 9px; line-height: 1; color: #023E7B; background: #e5e6e7; font-weight: bold; font-size: 18px; }

.pm-cpn-question__heading:before, .pm-cpn-question__heading:after { content: ''; display: table; }

.pm-cpn-question__heading:after { clear: both; }

.pm-cpn-question__heading--number { margin-right: 17px; padding: 0 0 0 6px; display: table-cell; float: left; font-weight: normal; font-size: 12px; }

.pm-cpn-question__heading--figure { padding-top: 4px; display: block; font-family: Helvetica Neue; font-size: 26px; text-align: center; }

.pm-cpn-question__heading--title { padding-left: 15px; border-left: 1px #aaa dashed; display: table-cell; height: 40px; line-height: 1.35; overflow: hidden; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-cpn-question__heading--title { line-height: 1.2; } }

.pm-cpn-question__footer { margin: 30px auto 0; }

.pm-cpn-legend-list { margin-top: 20px; padding: 0 5%; }

.pm-cpn-legend-list__item, .pm-cpn-legend-list__item--multi { padding: 7px 18px; border-radius: 4px; display: inline-block; line-height: 1; color: #fff; background-color: #aaa; }

.pm-cpn-legend-list__item--multi { padding: 7px 10px; }

.pm-cpn-option { margin: 20px auto 0; width: 400px; }

@media screen and (max-width: 700px) { .pm-cpn-option { padding: 0 5%; width: 90%; } }

.pm-cpn-option-dispatch { padding: 13px; border: 1px solid #aaa; border-radius: 5px; width: 370px; }

@media screen and (max-width: 700px) { .pm-cpn-option-dispatch { margin: 5%; padding: 5% 5% 0; width: 80%; } }

.pm-cpn-option-list { font-size: 16px; }

.pm-cpn-option-list__item { margin-bottom: 20px; }

.pm-cpn-option__caution-list { margin: 0 0 2.5em; }

.pm-cpn-option__caution-list li { margin-left: 1em; text-indent: -1em; }

.pm-cpn-option__label { margin-bottom: 10px; padding: 0 4px; display: block; font-size: 14px; }

.pm-cpn-option__label--radio, .pm-cpn-option__label--checkbox { padding: 4px 6px; border: 1px solid #329eff; border-radius: 5px; box-sizing: border-box; display: block; width: 100%; height: 35px; line-height: 1.5; background: #fff; }

.pm-cpn-option .is-selected { background: #f7d1de; }

.pm-cpn-option__input[type="radio"], .pm-cpn-option__input[type="checkbox"] { margin: 0 8px 0 2px; }

.pm-cpn-option__select { font-size: 16px !important; }

.pm-cpn-option__textarea { min-height: 80px !important; }

.pm-cpn-submit { padding-bottom: 25px; }

.pm-cpn-submit__button { margin: 25px auto 0; width: 400px; overflow: hidden; }

@media screen and (max-width: 700px) { .pm-cpn-submit__button { padding: 0 2%; width: 96%; } }

.pm-cpn-confirm { margin: 30px auto 0; }

.pm-cpn-confirm-radio, .pm-cpn-confirm-textarea { padding: 15px 60px; border-bottom: none; font-size: 18px; word-break: break-all; }

@media screen and (max-width: 700px) { .pm-cpn-confirm-radio, .pm-cpn-confirm-textarea { padding: 15px 1em; } }

.pm-cpn-confirm-list { border-bottom: 1px #ddd solid; font-size: 18px; }

.pm-cpn-confirm-list__item { padding: 15px 60px; border-top: 1px #ddd solid; }

@media screen and (max-width: 700px) { .pm-cpn-confirm-list__item { padding: 15px 1em; } }

.pm-cpn-confirm-dlist__term { width: 7em; float: left; }

.pm-cpn-confirm-dlist__dcrp { overflow: hidden; }

.pm-cpn-submit-confirm__msg { color: #666; font-size: 14px; text-align: center; }

.pm-cpn-submit-confirm-list { margin-top: 20px; width: 410px; }

.pm-cpn-submit-confirm-list:before, .pm-cpn-submit-confirm-list:after { content: ''; display: table; }

.pm-cpn-submit-confirm-list:after { clear: both; }

@media screen and (max-width: 700px) { .pm-cpn-submit-confirm-list { padding: 0 5% 0 0; width: 105%; } }

.pm-cpn-submit-confirm-list__item { margin-right: 10px; float: left; width: 195px; }

@media screen and (max-width: 700px) { .pm-cpn-submit-confirm-list__item { margin-right: 5%; width: 45%; } }

.pm-cpn-submit-confirm__button { margin-top: 25px; }

.pm-cpn-submit-confirm__button:hover { opacity: .8; }

.pm-cpn-main-thanks { margin: auto; padding: 0 5% 20px; margin-bottom: 10px; }

@media screen and (max-width: 700px) { .pm-cpn-main-thanks { width: 90%; } }

.pm-cpn-main-thanks-heading { font-weight: bold; font-size: 18px; }

.pm-cpn-main-thanks-lead { margin-top: 20px; font-size: 14px; }

.pm-cpn-main-thanks-caution { margin-top: 25px; color: #666; font-size: 14px; }

.pm-cpn-main-thanks-back { margin-top: 20px; text-align: center; }

.pm-cpn-sns { margin-top: 45px; text-align: center; }

.pm-cpn-others { background: #fff; margin: auto; padding: 0 0 20px; margin-bottom: 10px; color: #aaa; font-size: 14px; text-align: center; }

@media screen and (min-width: 701px) { .pm-cpn-others { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-cpn-others { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-cpn-others { width: 100%; overflow: hidden; } }

.pm-cpn-others__heading { padding: 20px 5% 20px; font-size: 14px; color: #aaa; text-align: center; }

.pm-cpn-others__list { overflow-x: scroll; letter-spacing: -4px; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.pm-cpn-others__list:before, .pm-cpn-others__list:after { content: ''; display: table; }

.pm-cpn-others__list:after { clear: both; }

.pm-cpn-others__list-item { margin-left: 20px; display: inline-block; width: 80px; vertical-align: top; text-align: left; letter-spacing: normal; white-space: normal; }

.pm-cpn-others__icon { margin-bottom: .5em; display: block; width: 80px; height: 80px; }

.pm-cpn-others__link { display: block; font-size: 10px; }

.pm-cpn-others__link:before, .pm-cpn-others__link:after { content: ''; display: table; }

.pm-cpn-others__link:after { clear: both; }

.pm-cpn-others__link:visited, .pm-cpn-others__link:hover { color: #333; text-decoration: none; }

.pm-cpn-recommend { background: #fff; margin: auto; }

@media screen and (min-width: 701px) { .pm-cpn-recommend { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-cpn-recommend { border-bottom: 1px solid #ddd; } }

.pm-cpn-recommend__heading { padding: 20px 5% 20px; font-size: 14px; }

.pm-cpn-recommend__list { padding-bottom: 20px; border-top: 1px solid #ddd; }

.pm-cpn-recommend__list:before, .pm-cpn-recommend__list:after { content: ''; display: table; }

.pm-cpn-recommend__list:after { clear: both; }

.pm-cpn-recommend__list-item { padding: 5%; border-bottom: 1px solid #ddd; font-size: 14px; }

.pm-cpn-recommend__link { display: block; }

.pm-cpn-recommend__link:before, .pm-cpn-recommend__link:after { content: ''; display: table; }

.pm-cpn-recommend__link:after { clear: both; }

.pm-cpn-recommend__link:visited, .pm-cpn-recommend__link:hover { color: #333; text-decoration: none; }

.pm-cpn-recommend__icon { margin-right: .5em; display: block; float: left; width: 70px; height: 70px; }

.pm-cpn-recommend__module { margin-top: .5em; color: #006ceb; font-size: 12px; }

.pm-cpn__box { background: #fff; margin-bottom: 10px; padding: 24px 15px 34px; position: relative; color: #aaa; }

@media screen and (min-width: 701px) { .pm-cpn__box { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-cpn__box { border-bottom: 1px solid #ddd; } }

.pm-cpn-id__number { margin-bottom: 10px; float: left; font-size: 14px; }

.pm-gly { background: #eee; }

.pm-gly-features { background: #fff; margin-bottom: 20px; }

@media screen and (min-width: 701px) { .pm-gly-features { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-features { border-bottom: 1px solid #ddd; } }

.pm-gly-features__header { padding: 20px; }

.pm-gly-features__title { font-size: 14px; font-weight: bold; }

.pm-gly-features__description { margin-top: 10px; color: #666; font-size: 14px; }

.pm-gly-features__link { display: block; }

.pm-gly-features__images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px; }

.pm-gly-features__col { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 5px; }

.pm-gly-features__col:first-child { margin-left: 0; }

@media screen and (max-width: 700px) { .pm-gly-features__col:last-child { display: none; } }

.pm-gly-features__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }

.pm-gly-features__button { padding: 20px; text-align: center; }

.pm-gly-category-list { margin-bottom: 20px; }

@media screen and (max-width: 700px) { .pm-gly-category-list { padding: 0 5px; } }

.pm-gly-category-list__header { position: relative; margin-top: 25px; margin-bottom: 25px; }

.pm-gly-category-list__title { font-size: 14px; font-weight: bold; text-align: center; }

.pm-gly-category-list__button { position: absolute; right: 0; top: 0; text-align: right; }

@media screen and (max-width: 700px) { .pm-gly-category-list__button { display: none; } }

.pm-gly-category-list__button a { color: #666; }

.pm-gly-category-list__button a:visited, .pm-gly-category-list__button a:active, .pm-gly-category-list__button a:hover { color: #666; }

.pm-gly-category-list__content:before, .pm-gly-category-list__content:after { content: ''; display: table; }

.pm-gly-category-list__content:after { clear: both; }

.pm-gly-category-list__item { margin-bottom: 20px; }

@media screen and (min-width: 701px) { .pm-gly-category-list__item { box-sizing: border-box; }
  .pm-gly-category-list__item:nth-child(odd) { float: left; width: 50%; padding-right: 8px; }
  .pm-gly-category-list__item:nth-child(even) { float: right; width: 50%; padding-left: 8px; } }

@media screen and (min-width: 701px) { .pm-gly-category-list__footer { display: none; } }

.pm-gly-cat-image { background: #fff; margin-bottom: 20px; }

@media screen and (min-width: 701px) { .pm-gly-cat-image { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-cat-image { border-bottom: 1px solid #ddd; } }

.pm-gly-cat-image__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 50%; position: relative; }

@media screen and (min-width: 701px) { .pm-gly-cat-image__image { border-radius: 5px 5px 0 0; } }

.pm-gly-cat-image__label { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px; background: rgba(255, 255, 255, 0.8); }

.pm-gly-cat-image__sub { margin-bottom: 5px; color: #666; font-size: 12px; }

.pm-gly-cat-image__title { font-size: 16px; font-weight: bold; }

.pm-gly-cat-image__info { padding: 13px 15px; background: #006ceb; color: #fff; }

.pm-gly-cat-image__info:before, .pm-gly-cat-image__info:after { content: ''; display: table; }

.pm-gly-cat-image__info:after { clear: both; }

.pm-gly-cat-image__size { float: left; }

.pm-gly-cat-image__size::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: no-repeat 50% 50%; background-image: url("../img/modules/pm-gly/camera--white.svg"); background-size: contain; vertical-align: -0.25em; }

.pm-gly-cat-image__limit { float: right; }

.pm-gly-cat-image__limit span { font-weight: bold; }

.pm-gly-cat-image__limit::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: no-repeat 50% 50%; background-image: url("../img/modules/pm-gly/clock--white.svg"); background-size: contain; vertical-align: -0.25em; }

.pm-gly-cat-image__description { padding: 15px; line-height: 1.5; }

.pm-gly-cat-list { margin-bottom: 40px; }

.pm-gly-cat-list-header { position: relative; margin-top: 30px; margin-bottom: 30px; text-align: center; }

.pm-gly-cat-list-header__size { top: 10px; font-size: 14px; color: #666; }

@media screen and (max-width: 700px) { .pm-gly-cat-list-header__size { margin-bottom: 10px; text-align: center; } }

@media screen and (min-width: 701px) { .pm-gly-cat-list-header__size { position: absolute; right: 0; top: 5px; text-align: right; } }

.pm-gly-cat-list-view, .pm-gly-cat-list-view--type-a, .pm-gly-cat-list-view--type-b { margin-bottom: 20px; }

.pm-gly-cat-list-view:before, .pm-gly-cat-list-view--type-a:before, .pm-gly-cat-list-view--type-b:before, .pm-gly-cat-list-view:after, .pm-gly-cat-list-view--type-a:after, .pm-gly-cat-list-view--type-b:after { content: ''; display: table; }

.pm-gly-cat-list-view:after, .pm-gly-cat-list-view--type-a:after, .pm-gly-cat-list-view--type-b:after { clear: both; }

.pm-gly-cat-list-view__item { box-sizing: border-box; margin-bottom: 20px; }

@media screen and (max-width: 700px) { .pm-gly-cat-list-view--type-a .pm-gly-cat-list-view__item { padding-left: 5px; padding-right: 5px; } }

@media screen and (min-width: 701px) { .pm-gly-cat-list-view--type-a .pm-gly-cat-list-view__item { float: left; width: 50%; }
  .pm-gly-cat-list-view--type-a .pm-gly-cat-list-view__item:nth-child(odd) { clear: both; padding-right: 10px; }
  .pm-gly-cat-list-view--type-a .pm-gly-cat-list-view__item:nth-child(even) { padding-left: 10px; } }

@media screen and (min-width: 701px) { .pm-gly-cat-list-view--type-b { margin: 0 -5px; } }

.pm-gly-cat-list-view--type-b .pm-gly-cat-list-view__item { padding-left: 5px; padding-right: 5px; }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-gly-cat-list-view--type-b .pm-gly-cat-list-view__item { float: left; width: 33.3%; }
  .pm-gly-cat-list-view--type-b .pm-gly-cat-list-view__item:nth-child(3n+1) { clear: both; } }

@media screen and (min-width: 1000px) { .pm-gly-cat-list-view--type-b .pm-gly-cat-list-view__item { float: left; width: 25%; }
  .pm-gly-cat-list-view--type-b .pm-gly-cat-list-view__item:nth-child(4n+1) { clear: both; } }

@media screen and (max-width: 700px) { .pm-gly-cat-list-more { margin: 20px 15px; } }

@media screen and (min-width: 701px) { .pm-gly-cat-list-more { margin: 20px 0; } }

.pm-gly-cat-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-gly-related { margin-bottom: 40px; }

.pm-gly-related__header { margin-bottom: 20px; font-size: 14px; font-weight: bold; text-align: center; }

.pm-gly-related__list { background: #fff; padding: 15px; }

@media screen and (min-width: 701px) { .pm-gly-related__list { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-related__list { border-bottom: 1px solid #ddd; } }

.pm-gly-related-item { padding: 13px 0; border-top: 2px solid #ddd; }

.pm-gly-related-item:before, .pm-gly-related-item:after { content: ''; display: table; }

.pm-gly-related-item:after { clear: both; }

.pm-gly-related-item:first-child { padding-top: 0; border-top: 0; }

.pm-gly-related-item:last-child { padding-bottom: 0; }

.pm-gly-related-item__link { color: #333; display: block; }

.pm-gly-related-item__link:before, .pm-gly-related-item__link:after { content: ''; display: table; }

.pm-gly-related-item__link:after { clear: both; }

.pm-gly-related-item__link:visited, .pm-gly-related-item__link:active, .pm-gly-related-item__link:hover { color: #333; }

.pm-gly-related-item__link:hover { text-decoration: none; }

.pm-gly-related-item__image { float: left; width: 25%; }

.pm-gly-related-item__image span { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; display: block; }

.pm-gly-related-item__text { margin-left: 25%; padding-left: 15px; }

.pm-gly-related-item__title { margin-bottom: 5px; color: #006ceb; font-size: 16px; font-weight: bold; }

.pm-gly-related-item__description { color: #666; font-size: 14px; }

.pm-gly-related-item__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; margin-left: 25%; padding-left: 15px; }

@media screen and (max-width: 700px) { .pm-gly-related-item__info { margin-top: 5px; margin-left: 0; padding-left: 0; clear: both; } }

.pm-gly-related-item__size { font-weight: bold; }

.pm-gly-related-item__size::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: no-repeat 50% 50%; background-image: url("../img/modules/pm-gly/camera--gray.svg"); background-size: contain; vertical-align: -0.25em; }

.pm-gly-related-item__limit { margin-left: 15px; }

.pm-gly-related-item__limit span { font-weight: bold; }

.pm-gly-related-item__limit::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: no-repeat 50% 50%; background-image: url("../img/modules/pm-gly/clock--gray.svg"); background-size: contain; vertical-align: -0.25em; }

.pm-gly-card-a { padding: 5px; border-radius: 5px; background: #fff; }

.pm-gly-card-a__inner { color: #333; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; display: block; position: relative; }

.pm-gly-card-a__inner:visited, .pm-gly-card-a__inner:active, .pm-gly-card-a__inner:hover { color: #333; }

.pm-gly-card-a__label { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: rgba(255, 255, 255, 0.8); }

.pm-gly-card-a__text { position: relative; padding-right: 15px; }

.pm-gly-card-a__text:after { content: ''; position: absolute; right: -3px; top: 50%; width: 15px; height: 15px; margin-top: -8px; border-left: 1px solid #666; border-top: 1px solid #666; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.pm-gly-card-a__title { margin-bottom: 5px; font-size: 16px; font-weight: bold; }

.pm-gly-card-a__description { margin-bottom: 5px; color: #666; font-size: 14px; }

.pm-gly-card-a__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pm-gly-card-a__size { font-weight: bold; }

.pm-gly-card-a__size::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: no-repeat 50% 50%; background-image: url("../img/modules/pm-gly/camera--gray.svg"); background-size: contain; vertical-align: -0.25em; }

.pm-gly-card-a__limit { margin-left: 15px; }

.pm-gly-card-a__limit span { font-weight: bold; }

.pm-gly-card-a__limit::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: no-repeat 50% 50%; background-image: url("../img/modules/pm-gly/clock--gray.svg"); background-size: contain; vertical-align: -0.25em; }

.pm-gly-card-b { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 5px; border-radius: 5px; background: #fff; position: relative; overflow: hidden; }

.pm-gly-card-b__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; display: block; }

.pm-gly-card-b__avatar { margin: 5px 8px; }

.pm-gly-card-b__description { height: 32px; overflow: hidden; margin: 5px 8px; }

.pm-gly-card-b__category { margin: 5px 8px; color: #666; font-size: 11px; }

.pm-gly-card-b__category a { color: #666; }

.pm-gly-card-b__category a:visited, .pm-gly-card-b__category a:active, .pm-gly-card-b__category a:hover { color: #666; }

.pm-gly-card-b__footer { margin-top: 10px; padding: 8px 8px 3px; border-top: 1px solid #eee; }

.pm-gly-share { background: #fff; margin-bottom: 40px; padding: 15px; }

@media screen and (min-width: 701px) { .pm-gly-share { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-share { border-bottom: 1px solid #ddd; } }

.pm-gly-list-top { background: #fff; }

@media screen and (min-width: 701px) { .pm-gly-list-top { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-list-top { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-gly-list-top { padding: 60px 0 0; margin: 0 0 60px; } }

.pm-gly-list-top__item { display: block; margin: 0 0 1px; }

.pm-gly-list-top__image { position: relative; height: 150px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-gly-list-top__image { height: 280px; } }

.pm-gly-list-top__text { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; text-align: center; box-shadow: 0 -20px 20px rgba(0, 0, 0, 0.25) inset; color: #fff; font-size: 16px; }

@media screen and (min-width: 701px) { .pm-gly-list-top__text { padding: 20px 0; font-size: 28px; } }

.pm-gly-list-top__button { padding: 20px; text-align: center; }

@media screen and (min-width: 701px) { .pm-gly-list-top__button { padding: 30px; } }

.pm-gly-list { background: #fff; margin: 0 0 30px; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-gly-list { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-list { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-gly-list { padding: 0 0 30px; margin: 0 0 60px; } }

.pm-gly-list__title { margin: 15px 0; text-align: center; font-size: 16px; }

@media screen and (min-width: 701px) { .pm-gly-list__title { position: relative; margin: 30px 2%; font-size: 22px; } }

.pm-gly-list__title-caption { margin: 10px 0 0; font-size: 12px; color: #aaa; }

@media screen and (min-width: 701px) { .pm-gly-list__title-caption { position: absolute; right: 0; display: inline-block; font-size: 14px; } }

.pm-gly-list-sort { margin: 15px 0 20px; text-align: center; }

.pm-gly-list-sort__link { width: 100px; margin: 0 2.33%; }

@media screen and (min-width: 701px) { .pm-gly-list-sort__link { width: 120px; margin: 0 1%; } }

.pm-gly-list-sort__link.is-active { color: #fff; background-color: #006ceb; }

.pm-gly-list__item { position: relative; display: block; overflow: hidden; float: left; width: 43%; height: 160px; margin: 0 0 4.67% 4.67%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-gly-list__item { width: 22.5%; height: 225px; margin: 0 0 2% 2%; } }

.pm-gly-list__item-via--instagram, .pm-gly-list__item-via--twitter { position: absolute; top: 20px; left: -30px; display: block; width: 120px; padding: 3px 0; line-height: 1; text-align: center; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); color: #fff; }

.pm-gly-list__item-via--instagram { background-color: #ac9a84; }

.pm-gly-list__item-via--twitter { background-color: #55acee; }

.pm-gly-list__button { padding: 10px 20px 20px; clear: both; text-align: center; }

@media screen and (min-width: 701px) { .pm-gly-list__button { padding: 30px; } }

.pm-gly-article--via { background: #fff; margin: 0 0 30px; background-color: #515151; }

@media screen and (min-width: 701px) { .pm-gly-article--via { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-article--via { border-bottom: 1px solid #ddd; } }

.pm-gly-article { background: #fff; margin: 0 0 30px; }

@media screen and (min-width: 701px) { .pm-gly-article { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-gly-article { border-bottom: 1px solid #ddd; } }

.pm-gly-article:before, .pm-gly-article:after { content: ''; display: table; }

.pm-gly-article:after { clear: both; }

.pm-gly-article__header { display: table; width: 100%; }

.pm-gly-article__header-avatar { display: table-cell; padding: 12px 0 8px 15px; }

@media screen and (min-width: 701px) { .pm-gly-article__header-avatar { padding: 25px 0 25px 16px; } }

.pm-gly-article__header-follow { display: table-cell; padding: 10px 15px 10px 0; vertical-align: middle; text-align: right; }

@media screen and (min-width: 701px) { .pm-gly-article__header-follow { padding: 30px 25px 30px 0; } }

.pm-gly-article-via__icon--instagram, .pm-gly-article-via__icon--twitter { color: #fff; }

.pm-gly-article-via__icon--instagram:before, .pm-gly-article-via__icon--twitter:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; }

.pm-gly-article-via__icon--instagram:before { background-image: url("../img/modules/pm-gly/bg_pm-gly-article-via__icon--instagram.png"); }

.pm-gly-article-via__icon--twitter:before { background-image: url("../img/modules/pm-gly/twitter--blue.svg"); }

.pm-gly-article__image img { width: 100%; height: auto; }

.pm-gly-article__info { display: table; width: 100%; padding: 9px 0 7px; margin: 0 0 15px; background-color: #eee; }

.pm-gly-article__info-response { display: table-cell; padding: 0 0 0 31px; }

.pm-gly-article__info-date { display: table-cell; padding: 0 15px 0 0; vertical-align: middle; text-align: right; color: #aaa; }

.pm-gly-article__title, .pm-gly-article__title--via { margin: 15px 15px 20px; font-size: 16px; }

@media screen and (min-width: 701px) { .pm-gly-article__title, .pm-gly-article__title--via { margin: 20px 30px 30px; font-size: 18px; } }

.pm-gly-article__title--via { color: #eee; }

.pm-gly-article__text--via { margin: -5px 15px 20px; color: #aaa; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-gly-article__text--via { margin: -17px 30px 20px; } }

.pm-gly-article__tag { margin: 15px 15px 20px; }

@media screen and (min-width: 701px) { .pm-gly-article__tag { margin: 20px 30px 30px; } }

.pm-gly-article__action { margin: 25px 15px 30px; }

@media screen and (min-width: 701px) { .pm-gly-article__action { margin: 40px 30px 50px; text-align: center; } }

.pm-gly-article-liked { margin: 15px 15px 20px; }

@media screen and (min-width: 701px) { .pm-gly-article-liked { margin: 30px 30px 40px; } }

.pm-gly-article-comment { margin: 15px 15px 20px; }

@media screen and (min-width: 701px) { .pm-gly-article-comment { margin: 30px 30px 10px; } }

.pm-gly-article-comment__header { padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #aaa; font-size: 14px; line-height: 20px; }

.pm-gly-article-comment__header:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; background-image: url("../img/icons/comment--gray.svg"); background-size: 20px 20px; vertical-align: -4px; }

.pm-gly-article-comment__link--via, .pm-gly-article-comment__link { padding: 5px 0 5px; }

.pm-gly-article-comment__link--via a, .pm-gly-article-comment__link a { display: block; padding: 5px 0; text-align: center; color: #aaa; background-color: #eee; }

.pm-gly-article-comment__link--via { padding: 5px 10px; }

.pm-gly-article-comment-more__indicator { box-sizing: border-box; height: 46px; padding-top: 12px; }

.pm-gly-article-comment-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-color: #ddd; color: #666; text-align: center; }

.pm-gly-article-comment__avatar { display: table; float: left; }

.pm-gly-article-comment__time { display: table-cell; vertical-align: middle; color: #aaa; }

.pm-gly-article-comment__text, .pm-gly-article-comment__text--via { clear: both; margin: 0 0 0 45px; font-size: 14px; }

.pm-gly-article-comment__text--via { color: #aaa; }

.pm-gly-article-comment__item { padding: 5px 0 15px; border-top: 1px dotted #ddd; }

.pm-gly-article-comment__item--input { margin: 0 30px; padding: 15px 0 0; border-top: 1px solid 1px dotted #ddd; }

.pm-gly-article-comment__input { padding-left: 7px; overflow: hidden; }

.pm-gly-article-share { padding: 30px 0 55px; text-align: center; }

.pm-gly-article-info { margin: 20px 15px 20px; word-break: break-all; }

@media screen and (min-width: 701px) { .pm-gly-article-info { margin: 20px 30px 30px; } }

.pm-gly-article-info__category { float: left; }

.pm-gly-article-info__date { margin-bottom: 10px; color: #aaa; text-align: right; }

.pm-gly-article-info__title { font-size: 18px; }

.pm-gly-article-info__response { margin: 30px 0 40px; }

.pm-gly-tag__item-head { vertical-align: middle; margin: 4px 4px 0 0; }

.pm-gly-response { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 0; background: rgba(0, 0, 0, 0.5); text-align: center; line-height: 1; font-size: 14px; }

.pm-gly-response-a__icon { height: 20px; background-size: 20px 20px; }

@media screen and (min-width: 701px) { .pm-gly-response-b { width: auto; } }

.pm-gly-response-b--like-via { border-color: #fff; color: #fff; }

.pm-gly-response-b--like-via:hover { color: #fff; }

.pm-gly-response-b--like-via:before { background-image: url("../img/icons/like-b--white.svg"); }

.pm-gly-response-b--clip-via { border-color: #fff; color: #fff; }

.pm-gly-response-b--clip-via:hover { color: #fff; }

.pm-gly-response-b--clip-via:before { background-image: url("../img/icons/like-b--white.svg"); }

.pm-gly-avatar { display: table-cell; width: 150px; padding: 0 20px 0 0; }

@media screen and (min-width: 701px) { .pm-gly-avatar { width: 180px; } }

.pm-gly-avatar--via { color: #fff; }

.pm-gly-avatar--via:hover, .pm-gly-avatar--via:focus, .pm-gly-avatar--via:visited { color: #fff; }

.pm-gly-liked-list__header { margin: 0 0 15px; }

.pm-gly-liked-list__members--via:after { border-color: #fff; }

textarea.pm-gly-field-a { max-width: 590px; }

textarea.pm-gly-field-a--via { max-width: 590px; border-color: #fff; background-color: #484848; color: #fff; }

.pm-gly-promote { padding: 20px 20px; font-size: 15px; text-align: center; }

@media screen and (max-width: 700px) { .pm-gly-promote { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-gly-promote { margin-bottom: 20px; } }

.pm-gly-promote__text { margin-bottom: 15px; font-size: 11px; }

.pm-gly-promote__button { margin: 0 auto; width: 100%; max-width: 335px; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); }

.pm-gly-promote__button:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-gly-promote__button[disabled]:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-gly-promote__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-gly-tool-post { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000000; padding: 15px 30px; background: rgba(255, 255, 255, 0.7); text-align: center; }

.pm-gly-tool-post__button { width: 315px; background-color: #e92364; }

.pm-gly-tool-post__button:hover { background-color: #e92364; }

.pm-gly-tool-post__button[disabled]:hover { background-color: #e92364; }

.pm-gly-tool-post__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.is-instantview .pm-gly .cs-cmt-menu { display: none; }

.pm-gly-comment .cs-cmt-thread__header { border-bottom: none; }

@media screen and (min-width: 701px) { .pm-gly-comment .cs-cmt-item:last-child { border-bottom: none; } }

.cs-post-gly { box-sizing: border-box; min-height: 100vh; background: #eee; }

.cs-post-gly-line { border-top: 5px solid #006ceb; }

.cs-post-gly-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-gly-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-gly-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-gly-category { min-width: 1000px; } }

.cs-post-gly-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-gly-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-gly-category__inner { padding: 8px 0; } }

.cs-post-gly-category__field { position: relative; display: inline-block; height: 44px; }

@media screen and (max-width: 700px) { .cs-post-gly-category__field { width: 100%; } }

@media screen and (min-width: 701px) { .cs-post-gly-category__field { width: 375px; } }

.cs-post-gly-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-gly-category__field:before { border: 0; }

.cs-post-gly-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-gly-category__field select::-ms-expand { display: none; }

.cs-post-gly-category__field select::-moz-focus-inner { border: 0; }

.cs-post-gly-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-gly-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-gly-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-gly-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-gly-category__field option { color: #fff; background: #006ceb; }

.cs-post-gly-body { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-gly-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-gly-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-gly-body { min-width: 1000px; } }

.cs-post-gly-body__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-gly-body__inner { max-width: 700px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-gly-body__inner { padding-top: 15px; padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 701px) { .cs-post-gly-body__inner { padding-top: 25px; } }

.cs-post-gly-body__field textarea { box-sizing: border-box; width: 100%; min-height: 105px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-gly-body__field textarea:focus { outline: none; }

.cs-post-gly-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-gly-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-gly-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-gly-photos { min-width: 1000px; } }

.cs-post-gly-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-gly-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-gly-photos__item, .cs-post-gly-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-gly-photos__item, .cs-post-gly-photos__button { width: 75px; height: 55px; } }

.cs-post-gly-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-gly-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-gly-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); overflow: visible; }

.cs-post-gly-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-gly-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-gly-photos__button { background-size: 40px 40px; } }

.cs-post-gly-photos__button .cs-post-error { position: absolute; bottom: -25px; left: -6px; width: 100px; }

@media screen and (max-width: 700px) { .cs-post-gly-photos__button .cs-post-error { left: -16px; } }

.cs-post-gly-photo { width: 100%; background: #fff; border-bottom: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-gly-photo { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-gly-photo { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-gly-photo { min-width: 1000px; } }

.cs-post-gly-photo__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-gly-photo__inner { max-width: 700px; padding-top: 15px; padding-bottom: 15px; text-align: center; }

@media screen and (max-width: 700px) { .cs-post-gly-photo__inner { padding-left: 25px; padding-right: 25px; } }

.cs-post-gly-photo-add { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; box-sizing: border-box; position: relative; border: 1px solid #ddd; text-align: center; }

.cs-post-gly-photo-add__inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.cs-post-gly-photo-add__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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-gly-photo-add__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-gly-photo-add__button { width: 60px; height: 44px; background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-gly-photo-add__button { width: 75px; height: 55px; background-size: 40px 40px; } }

.cs-post-gly-photo-add__label { margin-top: 5px; }

.cs-post-gly-photo-preview { position: relative; }

.cs-post-gly-photo-preview__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }

.cs-post-gly-photo-preview__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; bottom: -10px; width: 25px; height: 25px; border-radius: 50%; background-color: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-gly-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-gly-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-gly-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-gly-tags { min-width: 1000px; } }

.cs-post-gly-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-gly-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-gly-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-gly-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-gly-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-gly-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-gly-tags__field input::-ms-clear { display: none; }

.cs-post-gly-tags__field input:focus { outline: none; }

.cs-post-gly-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-gly-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-gly-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-gly-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-gly-tags__suggest { margin-top: 20px; }

.cs-post-gly-tags-suggest__heading { color: #666; }

.cs-post-gly-tags-suggest__items { margin-top: 10px; }

.cs-post-gly-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.pm-hom { background: #eee; }

.pm-hom-container__main { overflow: hidden; }

.pm-hom-main-hero { margin-bottom: 30px; position: relative; overflow: hidden; }

.pm-hom-main-hero img { width: 100%; height: auto; }

.pm-hom-main-hero-text { padding: 20px 8% 10px; color: #fff; position: absolute; bottom: 0; width: 84%; font-weight: bold; font-size: 14px; text-align: center; background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }

.pm-hom-main-login { position: relative; margin-bottom: 30px; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: cover; }

@media screen and (min-width: 701px) { .pm-hom-main-login { height: 340px; } }

.pm-hom-main-login__text { width: 80%; position: absolute; bottom: 50%; top: 50%; margin: -12px 0 0 0; left: 10%; right: 10%; text-align: center; line-height: 1; color: #fff; }

.pm-hom-main-login__text b { font-size: 16px; }

.pm-hom-main-login__link { width: 100%; height: 36px; position: absolute; margin: 10px auto auto; text-align: center; line-height: 1; color: #fff; }

.pm-hom-main-login__link--register, .pm-hom-main-login__link--login { display: inline-block; padding: 10px; width: 100px; border: 1px solid #fff; border-radius: 5px; color: #fff !important; text-decoration: none !important; }

.pm-hom-main-login__link--register { margin: 0 5px 0 0; }

.pm-hom-main-login__link--login { margin: 0 0 0 5px; }

.pm-hom-topic { padding: 0 0 40px; border-bottom: 1px solid #fff; }

.pm-hom-topic--rcp { background-color: #F8F4D7; }

.pm-hom-topic--make { background-color: #F2E9D4; }

.pm-hom-topic--quiz { background-color: #EDE0E5; }

.pm-hom-topic--qanda { background-color: #D0E8E1; }

.pm-hom-topic--magazine { background-color: #D9F2F2; }

.pm-hom-topic--magazine-2 { background-color: #E7E7E7; }

.pm-hom-topic--talk { background-color: #537aa7; }

.pm-hom-topic--tbk { background-color: #ffe6f2; }

.pm-hom-topic--theme { background-color: #ffe3bb; }

.pm-hom-topic--photo { background-color: #67abcd; }

.pm-hom-topic--journey { background-color: #308b9d; }

.pm-hom-topic--campaign { background-color: #6556b3; }

.pm-hom-topic--news { padding: 0; background-color: #e9e9e9; }

@media screen and (min-width: 701px) { .pm-hom-topic--news { float: left; width: 376px; } }

@media screen and (max-width: 1000px) { .pm-hom-topic--news { width: auto; float: none; } }

.pm-hom-topic-header { padding: 25px 15px 20px; }

@media screen and (min-width: 701px) { .pm-hom-topic-header { padding: 25px 30px 20px 30px; } }

.pm-hom-topic-header__link { position: relative; display: block; padding: 0 50px 0 0; text-decoration: none !important; color: #333 !important; }

.pm-hom-topic-header__link:before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; border-radius: 5px; background-color: #006ceb; }

.pm-hom-topic-header__link:after { content: ''; position: absolute; top: 18px; right: 12px; width: 10px; height: 10px; margin-top: -8px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-hom-topic-header__image { float: left; line-height: 1; margin: 0 10px 0 0; }

.pm-hom-topic-header__image img { width: 40px; height: 40px; }

.pm-hom-topic-header__text { padding: 2px 0 0; overflow: hidden; font-size: 18px; line-height: 1; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-hom-topic-header__text { font-size: 22px; } }

.pm-hom-topic-header__text small { display: block; margin: 5px 0 0; font-size: 12px; font-weight: normal; line-height: 1.2; }

@media screen and (min-width: 701px) { .pm-hom-topic-header__text small { margin: 10px 0 0; font-size: 14px; } }

.pm-hom-topic-header__text--news { color: #333; }

@media screen and (min-width: 701px) { .pm-hom-topic-header__text--news { font-size: 18px; }
  .pm-hom-topic-header__text--news small { font-size: 12px; } }

@media screen and (min-width: 701px) { .pm-hom-topic-header--news { padding: 20px 15px; } }

.pm-hom-topic-list { margin-top: -5px; padding: 5px; overflow-x: scroll; white-space: nowrap; letter-spacing: -4px; -webkit-overflow-scrolling: touch; }

@media screen and (min-width: 1000px) { .pm-hom-topic-list { height: 280px; margin: 0 23px; overflow: hidden; } }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-hom-topic-list { margin: 0 27px 0 28px; } }

.pm-hom-topic-list__item { position: relative; display: inline-block; overflow: hidden; width: 225px; height: 280px; margin: 0 7.5px; background-color: #fff; border-radius: 3px; white-space: normal; text-decoration: none; vertical-align: top; letter-spacing: normal; box-shadow: 0 0 5px 0 rgba(122, 122, 122, 0.6); }

.pm-hom-topic-list__item:hover { text-decoration: none; }

.pm-hom-topic-list__item:first-child { margin: 0 7.5px 0 15px; }

@media screen and (min-width: 1000px) { .pm-hom-topic-list__item:first-child { margin: 0 7.5px 0 0; } }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-hom-topic-list__item:first-child { margin: 0 7.5px 0 0; } }

@media screen and (min-width: 1000px) { .pm-hom-topic-list__item:nth-child(4) { margin: 0 0 0 7.5px; } }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-hom-topic-list__item:nth-child(4) { margin: 0 7.5px; } }

.pm-hom-topic-list__item-head { padding: 10px; font-size: 14px; overflow: hidden; color: #fff; }

.pm-hom-topic-list__item--tbk { height: 280px; }

.pm-hom-topic-list__item--theme { height: 280px; }

.pm-hom-topic-list__item--talk { height: 280px; background-color: #f9efd5; }

.pm-hom-topic-list__item--ongoing { background-color: #363636; color: #fff; }

.pm-hom-topic-list__item--campaign:nth-child(odd) { background-color: #b4d5ee; }

.pm-hom-topic-list__item--campaign:nth-child(even) { background-color: #ffcc48; }

.pm-hom-topic-list__item-sort { padding: .1em 1.25em; position: absolute; top: 0; left: 10px; color: #fff; }

.pm-hom-topic-list__item .is-progress { background-color: #e92364; }

.pm-hom-topic-list__item .is-done { background-color: #959595; }

.pm-hom-topic-list__item .is-complete { background-color: #03BACB; }

.pm-hom-topic-list-image { position: relative; border-radius: 3px 3px 0 0; width: 225px; height: 150px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-hom-topic-list-image__text { position: absolute; bottom: 0; box-sizing: border-box !important; overflow: hidden; width: 100%; padding: 7px 10px; background-color: rgba(0, 0, 0, 0.3); color: #fff; line-height: 1; }

.pm-hom-topic-list-image__text--make { position: static; left: auto; bottom: auto; width: 205px; padding: 5px 10px; background-color: transparent; color: #aaa; }

.pm-hom-topic-list-image__text--quiz { position: static; left: auto; bottom: auto; background-color: transparent; color: #aaa; }

.pm-hom-topic-list-image__text--journey { background-color: transparent; color: #aaa; }

.pm-hom-topic-list-image__text-left { float: left; font-size: 10px; }

.pm-hom-topic-list-image__text-right { float: right; font-size: 10px; }

.pm-hom-topic-list-image--photo { width: 205px; height: 180px; margin: 10px auto 0; border-radius: 0; }

.pm-hom-topic-list-image--make { width: 205px; height: 100px; margin: 10px auto 0; border-radius: 0; }

.pm-hom-topic-list-image__make-number { padding: .25em; float: left; width: 1em; height: 1em; line-height: 1em; color: #fff; font-size: 14px; background-color: #333; text-align: center; }

.pm-hom-topic-list-image__make-date { margin-top: 5px; float: right; font-size: 10px; }

.pm-hom-topic-list-image--quiz { width: 205px; height: 95px; margin: 10px auto 0; border-radius: 0; }

.pm-hom-topic-list-image--journey { width: 205px; height: 120px; margin: 10px auto 0; border-radius: 0; }

.pm-hom-topic-list-image--ongoing { width: 205px; height: 110px; margin: 0 auto; border-radius: 0; }

.pm-hom-topic-list-image--campaign { width: 205px; height: 120px; margin: 10px auto 0; border-radius: 0; }

.pm-hom-topic-list-image--campaign .pm-hom-topic-list__icon { position: absolute; top: 5px; right: 5px; }

.pm-hom-topic-list-info { width: 205px; height: 23px; padding: 5px 10px; overflow: hidden; background-color: #fff; text-align: center; text-decoration: none !important; font-weight: bold; }

.pm-hom-topic-list-info__icon { margin: 2px 0 0 15px; padding: 5px 10px; border-radius: 3px; display: inline-block; float: right; line-height: 1; font-weight: normal; font-size: 10px; color: #fff; background-color: #e91144; }

.pm-hom-topic-list-info__icon-qanda { margin-top: 3px; }

.pm-hom-topic-list-info__total { float: left; color: #666; font-weight: normal; }

.pm-hom-topic-list-info__inner { line-height: 22px; color: #006ceb; }

.pm-hom-topic-list-info__qanda { margin: 6px 0 0; padding: 5px; width: auto; height: auto; text-align: left; vertical-align: middle; }

.pm-hom-topic-list-make-title { margin: 5px; padding: 5px 10px; width: 195px; color: #333; background-color: #ddd; }

.pm-hom-topic-list-make-title:before, .pm-hom-topic-list-make-title:after { content: ''; display: table; }

.pm-hom-topic-list-make-title:after { clear: both; }

.pm-hom-topic-list-comment { margin: 5px; padding: 10px 5px; position: relative; background-color: #ddd; color: #333; }

.pm-hom-topic-list-comment:before, .pm-hom-topic-list-comment:after { content: ''; display: table; }

.pm-hom-topic-list-comment:after { clear: both; }

.pm-hom-topic-list-comment:before { border-top: 12px solid #ddd; border-right: 12px solid #ddd; position: absolute; top: -6px; left: 50px; width: 0; height: 0; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-hom-topic-list-comment__text { margin-bottom: .5em; font-size: 14px; }

.pm-hom-topic-list-comment__name { float: left; }

.pm-hom-topic-list-comment__time { float: right; }

.pm-hom-topic-list__icon { display: inline-block; float: right; padding: 5px 10px; border-radius: 10px; line-height: 1; font-size: 10px; color: #fff; background-color: #006ceb; }

.pm-hom-topic-text { padding: 0 10px; color: #333; font-size: 14px; font-weight: bold; }

.pm-hom-topic-text__image { margin: 5px 0; width: 205px; height: 80px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-hom-topic-text__image--tbk, .pm-hom-topic-text__image--theme { margin: 0 0 5px; width: 205px; height: 128px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-hom-topic-text__rcp { padding-top: 10px; height: 85px; }

.pm-hom-topic-text__rcp-header { height: 20px; font-weight: normal; font-size: 10px; }

.pm-hom-topic-text__rcp-header:before, .pm-hom-topic-text__rcp-header:after { content: ''; display: table; }

.pm-hom-topic-text__rcp-header:after { clear: both; }

.pm-hom-topic-text__rcp-header-label { padding: 2px .5em; border-radius: 2.5px; float: left; color: #fff; background-color: #E25C25; }

.pm-hom-topic-text__rcp-header-date { padding: 2px 0; float: right; color: #aaa; }

.pm-hom-topic-text__rcp-content { clear: both; height: 60px; overflow: hidden; }

.pm-hom-topic-text__rcp-content-small { font-weight: normal; }

.pm-hom-topic-text__rcp-content-title { font-weight: bold; font-size: 16px; }

.pm-hom-topic-text--talk { padding: 10px; height: 177px; font-weight: normal; }

.pm-hom-topic-text--tbk, .pm-hom-topic-text--theme { padding: 10px 10px 0; height: 185px; font-weight: normal; font-size: 14px; overflow: hidden; }

.pm-hom-topic-text--make { padding: 0 10px; height: 55px; overflow: hidden; }

.pm-hom-topic-text--quiz { padding: 0 10px; height: 80px; }

.pm-hom-topic-text--quiz-expire { padding: 10px; height: 18px; color: #e91144; font-weight: normal; font-size: 12px; }

.pm-hom-topic-text--ongoing { padding: 10px 10px 0; color: #fff; height: 87px; }

.pm-hom-topic-text--ongoing small { display: block; margin: 5px 0 0; font-size: 12px; font-weight: normal; }

.pm-hom-topic-text--campaign { margin-bottom: 10px; padding: 10px 10px 0; height: 97px; overflow: hidden; }

.pm-hom-topic-text--campaign small { display: block; margin: 5px 0 0; font-size: 12px; font-weight: normal; }

.pm-hom-topic-text--campaign-lead { margin-top: .5em; font-size: 12px; }

.pm-hom-topic-text__magazine { padding: 10px; height: 75px; }

.pm-hom-topic-text--journey { padding: 10px 10px 0; height: 95px; overflow: hidden; }

.pm-hom-topic-text__qanda { margin-top: 6px; height: 32px; color: #aaa; font-weight: normal; font-size: 12px; overflow: hidden; }

.pm-hom-topic-text__qanda-title { height: 36px; overflow: hidden; }

.pm-hom-avatar { width: 205px; padding: 10px 10px 0; }

.pm-hom-avatar__text { padding: 5px 0 0 5px; color: #333; }

.pm-hom-avatar__user { width: 160px; padding: 0 0 0 5px; overflow: hidden; color: #333; text-overflow: ellipsis; white-space: nowrap; }

.pm-hom-avatar__date { padding: 5px 0 0 5px; overflow: hidden; font-size: 10px; }

.pm-hom-avatar__qanda { margin-bottom: .5em; height: 40px; line-height: 40px; }

.pm-hom-banner__list { overflow-x: scroll; white-space: nowrap; letter-spacing: -4px; -webkit-overflow-scrolling: touch; }

@media screen and (min-width: 1000px) { .pm-hom-banner__list { overflow: hidden; white-space: normal; float: right; width: 575px; padding: 1px; } }

.pm-hom-banner__list--no-float { float: none; }

.pm-hom-banner__item { display: inline-block; width: 270px; min-height: 90px; padding: 5px; margin: 10px 2.5px; overflow: hidden; box-shadow: 0 0 3px #aaa; background-color: #fff; border-radius: 3px; white-space: normal; vertical-align: top; letter-spacing: normal; }

.pm-hom-banner__item:first-child { margin: 10px 2.5px 10px 10px; }

.pm-hom-banner__item:last-child { margin: 10px 10px 10px 2.5px; }

@media screen and (min-width: 1000px) { .pm-hom-banner__item:last-child { margin: 0 2.5px 10px; } }

@media screen and (min-width: 1000px) { .pm-hom-banner__item { float: left; margin: 0 10px 10px 0; }
  .pm-hom-banner__item:first-child { margin: 0 10px 10px 0; }
  .pm-hom-banner__item:last-child { margin: 0 10px 10px 0; }
  .pm-hom-banner__item:nth-child(odd) { margin: 0 10px 10px 0; }
  .pm-hom-banner__item:nth-child(even) { margin: 0 0 10px 0; } }

.pm-hom-banner__image { display: block; }

.pm-hom-banner__image img { width: 100%; }

.pm-hom-module--rvw { background-color: #fff; }

.pm-hom-news { margin-top: -10px; overflow: hidden; }

@media screen and (min-width: 1000px) { .pm-hom-news { margin: 20px 10px; font-size: 14px; } }

.pm-hom-news__list { background-color: #fff; }

.pm-hom-news__item { display: block; padding: 10px 18px 25px; border-bottom: 1px solid #ddd; text-decoration: none !important; }

.pm-hom-news__item:hover .pm-hom-news__item-text { text-decoration: underline !important; }

.pm-hom-news__item-date { color: #333; }

.pm-hom-response-a__button--like .pm-hom-response-a__icon { width: 20px; height: 20px; background-size: 20px 20px; }

.pm-hom-response-a__button--comment .pm-hom-response-a__icon { width: 20px; height: 20px; background-size: 20px 20px; }

.pm-hom-module-list { margin-top: -5px; padding: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }

@media screen and (min-width: 1000px) { .pm-hom-module-list { margin: 0 23px; overflow: hidden; } }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-hom-module-list { margin: 0 27px 0 28px; } }

.pm-hom-module-list__item { margin: 0 7.5px; padding: 0; border-radius: 3px; box-shadow: 0 0 5px 0 rgba(122, 122, 122, 0.6); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 225px; min-width: 225px; overflow: hidden; background-color: #fff; white-space: normal; }

.pm-hom-module-list__item:first-child { margin: 0 7.5px 0 15px; }

@media screen and (min-width: 1000px) { .pm-hom-module-list__item:first-child { margin: 0 7.5px 0 0; } }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-hom-module-list__item:first-child { margin: 0 7.5px 0 0; } }

@media screen and (min-width: 1000px) { .pm-hom-module-list__item:nth-child(4) { margin: 0 0 0 7.5px; } }

@media screen and (min-width: 701px) and (max-width: 999px) { .pm-hom-module-list__item:nth-child(4) { margin: 0 7.5px; } }

.pm-hom-module-list__link { padding: 10px 10px 55px; display: block; position: relative; color: #333; text-decoration: none; }

.pm-hom-module-list__link:visited { color: #888; }

.pm-hom-module-list__link:hover { text-decoration: none; }

.pm-hom-module-list .is-no-comments:hover { text-decoration: none; }

.pm-hom-module-list .is-no-comments:hover .pm-hom-module-list-comment__write-review { opacity: .9; }

.pm-hom-module-list__image { margin: 10px auto; border: 1px solid #ddd; width: 203px; height: 203px; }

.pm-hom-module-list__title { margin: .5em 10px; height: 57.813px; color: #333; font-weight: bold; font-size: 15px; }

.pm-hom-module-list__product-name { display: block; max-height: 2.75em; overflow: hidden; }

.pm-hom-module-list__star { margin-top: .25em; display: block !important; clear: both; width: 34% !important; zoom: .75; }

.pm-hom-module-list-review-comment { position: relative; }

.pm-hom-module-list-review__text-date, .pm-hom-module-list-review__text-icon-new { margin: 0 10px 5px 0; float: right; }

.pm-hom-module-list-review__likes-reviews { margin-top: 5px; padding: 8px 5px 0; border-top: 1px solid #ddd; clear: both; }

.pm-hom-module-list-review__text-icon-new { border-radius: 3px; padding: 0 10px 2px; background-color: #a28a3d; color: #fff; }

.pm-hom-module-list-comment { margin: 5px; padding: 5px; position: relative; height: 72px; background-color: #ddd; color: #333; }

.pm-hom-module-list-comment__avatar { margin: 0 5px 3px 0; border: 1px solid #ddd; float: left; width: 25px; height: 25px; }

.pm-hom-module-list-comment__name { line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pm-hom-module-list-comment__text { clear: both; }

.pm-hom-module-list-comment__write-review { padding: 5px 0; border-radius: 3px; display: block; position: absolute; top: 25px; left: 0; z-index: 99; color: #fff !important; width: 100%; font-weight: bold; font-size: 16px; background-color: #be626f; text-align: center; }

.pm-hom-module-list .is-no-comments { background-color: #eee; }

.pm-hom-module-list__header { margin-bottom: 10px; }

.pm-hom-module-list__label { margin-bottom: 7.5px; padding: 2px 2em 3px; border-radius: 2px; display: inline-block; line-height: 1; color: #fff; font-size: 10px; text-align: center; }

.pm-hom-module-list__label.is-blue { background-color: #013995; }

.pm-hom-module-list__label.is-red { background-color: #D4020F; }

.pm-hom-module-list__label.is-brown { background-color: #AE3F08; }

.pm-hom-module-list__label.is-green { background-color: #08AE88; }

.pm-hom-module-list__label-icon { margin-right: 3px; display: inline-block; content: ''; width: 17px; height: 17px; vertical-align: -4px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.pm-hom-module-list__label-icon.is-cart { background-image: url("../img/modules/pm-hom/icon-cart--white.svg"); }

.pm-hom-module-list__label-icon.is-cible { background-image: url("../img/modules/pm-hom/icon-cible--white.svg"); }

.pm-hom-module-list__label-icon.is-sheet { background-image: url("../img/modules/pm-hom/icon-sheet--white.svg"); background-size: 90%; }

.pm-hom-module-list__label-icon.is-pen { background-image: url("../img/modules/pm-hom/icon-pen--white.svg"); }

.pm-hom-module-list__heading { margin-bottom: 10px; }

.pm-hom-module-list__heading h2 { font-weight: bold; font-size: 16px; }

.pm-hom-module-list__closing-date { margin-bottom: 7.5px; font-size: 12px; }

.pm-hom-module-list__date { color: #666; text-align: right; }

.pm-hom-module-list__new { margin: 2px 10px 0 0; padding: 5px 10px; border-radius: 3px; line-height: 1; font-weight: normal; font-size: 10px; color: #fff; background-color: #e91144; }

.pm-hom-module-list__remain { margin: 2px 10px 0 0; padding: 5px 10px; border-radius: 3px; line-height: 1; font-weight: normal; font-size: 10px; color: #fff; background-color: #006ceb; }

.pm-hom-module-list__footer { margin: 12px -10px 0; padding: 10px; border-top: 2px solid #eee; }

.pm-hom-module-list__footer .cs-response-a, .pm-hom-module-list__footer .cs-response-a--light { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pm-hom-module-list__footer .cs-response-a__button--like, .pm-hom-module-list__footer .cs-response-a__button--comment { margin: 0; float: none; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; }

.pm-hom-flexbox { margin-bottom: 10px; padding: 0 0 30px; border: 1px solid #ddd; background-color: #fff; }

.pm-hom-flexbox-heading { padding: 19px 20px 18px; min-height: 90px; box-sizing: border-box; }

@media screen and (min-width: 701px) { .pm-hom-flexbox-heading { padding: 19px 23px 18px 28px; } }

.pm-hom-flexbox-heading__link { position: relative; display: block; padding: 0 50px 0 0; text-decoration: none !important; color: #333; }

.pm-hom-flexbox-heading__link:visited { color: #333; }

.pm-hom-flexbox-heading__link:before { content: ''; position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; border-radius: 5px; background-color: #006ceb; }

.pm-hom-flexbox-heading__link:after { content: ''; position: absolute; top: 18px; right: 12px; width: 10px; height: 10px; margin-top: -8px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-hom-flexbox-heading__image { float: left; line-height: 1; margin: 0 10px 0 0; }

.pm-hom-flexbox-heading__image img { width: 40px; height: 40px; }

.pm-hom-flexbox-heading__text { padding: 2px 0 0; overflow: hidden; font-size: 18px; line-height: 1; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-hom-flexbox-heading__text { font-size: 22px; } }

.pm-hom-flexbox-heading__text small { display: block; margin: 5px 0 0; font-size: 12px; font-weight: normal; line-height: 1.2; }

@media screen and (min-width: 701px) { .pm-hom-flexbox-heading__text small { margin: 10px 0 0; font-size: 14px; } }

.pm-hom-flexbox-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 0 0 25px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.pm-hom-flexbox-list__item { margin: 0 16px 0 0; padding: 0; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); position: relative; width: 225px; min-width: 225px; overflow: hidden; background-color: #fff; white-space: normal; }

.pm-hom-flexbox-list__item.is-continue { box-shadow: none; background-color: transparent; border: none; }

@media screen and (min-width: 1000px) { .pm-hom-flexbox-list__item.is-continue { display: none; } }

.pm-hom-flexbox-list__item.is-continue .pm-hom-flexbox-list__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pm-hom-flexbox-list__item.is-continue .pm-hom-flexbox-list__continue { margin-top: -20px; margin-left: -16px; border-radius: 5px; position: relative; width: 60px; height: 60px; content: ''; text-align: center; background-color: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }

.pm-hom-flexbox-list__item.is-continue .pm-hom-flexbox-list__continue:before { border-left: 2px solid #aaa; border-top: 2px solid #aaa; position: absolute; top: 19px; right: 25px; width: 20px; height: 20px; content: ''; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-hom-flexbox-list__item.is-continue .pm-hom-flexbox-list__continue span { display: block; position: absolute; top: 68px; width: 100%; color: #797979; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pm-hom-flexbox-list__link { display: block; position: relative; color: #000; text-decoration: none; }

.pm-hom-flexbox-list__link:visited, .pm-hom-flexbox-list__link:hover { color: #000; text-decoration: none; }

.pm-hom-flexbox-list__container { padding: 10px 10px 0; box-sizing: border-box; position: relative; width: 223px; min-height: 300px; }

.pm-hom-flexbox-list__new { padding: 0.5px 0; border-radius: 3px; display: inline-block; width: 31px; font-weight: normal; font-size: 11px; color: #fff; background-color: #e91144; text-align: center; }

.pm-hom-flexbox-list__header .pm-hom-flexbox-list__new { position: absolute; right: 0; }

.pm-hom-flexbox-list__heading { margin: 5px 0; clear: both; font-weight: bold; font-size: 15px; }

.pm-hom-flexbox--gly .pm-hom-flexbox-list__heading { margin: 5px 0 10px; min-height: 2.7em; font-size: 12px; font-weight: normal; }

.pm-hom-flexbox-list__lead { font-size: 12px; color: #666; }

.pm-hom-flexbox-list__image { overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-hom-flexbox-list__image.is-small { height: 115px; }

.pm-hom-flexbox-list__image.is-medium { margin: -10px -10px -4px; border-radius: 5px 5px 0 0; box-sizing: content-box; width: 225px; height: 125px; }

.pm-hom-flexbox-list__image.is-large { height: 205px; }

.pm-hom-flexbox--tlk .pm-hom-flexbox-list__image, .pm-hom-flexbox--amb .pm-hom-flexbox-list__image { position: absolute; margin-top: 10px; width: 203px; }

.pm-hom-flexbox-list__header { position: relative; margin-bottom: 10px; }

.pm-hom-flexbox-list__header-image { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-hom-flexbox-list__header .cs-avatar__name { padding-top: 1px; padding-left: 7px; max-width: 168px; color: #222; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pm-hom-flexbox-list__header .cs-avatar__time { margin-top: 2px; color: #777; font-size: 10px; }

.pm-hom-flexbox-list__header .pm-hom-flexbox-list__new { margin: 0 0 0 2px; vertical-align: top; }

.pm-hom-flexbox-list__footer { margin: 12px -10px 0; box-sizing: content-box; width: 223px; min-height: 35px; }

.pm-hom-flexbox-list__footer-dates { padding: 0 10px 5px; }

.pm-hom-flexbox-list__footer-closing-date { margin-bottom: .5em; }

.pm-hom-flexbox-list__footer-date-stump { color: #666; font-size: 10px; text-align: right; }

.pm-hom-flexbox-list__footer-date-stump .pm-hom-flexbox-list__new { margin-left: 11px; }

.pm-hom-flexbox-list__footer-views { float: right; width: 36%; text-align: right; color: #666; }

.pm-hom-flexbox-list__footer-views span { margin-left: 3px; font-size: 10px; }

.pm-hom-flexbox-list__footer .cs-response-a, .pm-hom-flexbox-list__footer .cs-response-a--light { display: block; box-sizing: border-box; width: 100%; padding: 8px 10px; border-top: 1px solid #ddd; clear: both; }

.pm-hom-flexbox-list__footer .cs-response-a__button--like, .pm-hom-flexbox-list__footer .cs-response-a__button--comment { margin: 0; width: 32%; }

.pm-hom-flexbox-list__footer .cs-response-a .cs-response-a__counter, .pm-hom-flexbox-list__footer .cs-response-a--light .cs-response-a__counter, .pm-hom-flexbox-list__footer .cs-response-a .pm-hom-flexbox-list__footer-views, .pm-hom-flexbox-list__footer .cs-response-a--light .pm-hom-flexbox-list__footer-views { font-size: 11px; line-height: 16px; }

.pm-hom-flexbox-list__item.with-new .cs-avatar__name { max-width: 135px; }

@supports (overflow: -webkit-marquee) and (justify-content: inherit) { .pm-hom-flexbox-list__footer .cs-response-a__counter { vertical-align: -.15em; }
  .pm-hom-flexbox-list__footer .pm-hom-flexbox-list__footer-views { padding-top: .15em; } }

.pm-hom-flexbox--amb { background-color: #fff; }

.pm-hom-flexbox--amb .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--amb .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--amb .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--rvw { background-color: #fff; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--rvw .cs-rating-stars { display: block; margin: 0; zoom: 0.79; -moz-transform: scale(0.79); -moz-transform-origin: top left; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-list__footer { margin-top: 5px; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-list__footer-comments { margin: -2.5px 0 0; padding: 8px 10px; position: relative; min-height: 60px; color: #333; background-color: #ddd; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-list__footer-comments-description { margin-top: 5px; }

.pm-hom-flexbox--rvw .pm-hom-flexbox-list__footer-contents .cs-button-a--1-s, .pm-hom-flexbox--rvw .pm-hom-flexbox-list__footer-contents .cs-button-b--1-s { margin: 0 5px 5px; width: 213px; font-size: 14px; border-radius: 3px; }

.pm-hom-flexbox--rcp { background-color: #fff; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-list__body-type { margin: 3px 0px 5px; padding: 3.5px 10px 2.5px; border-radius: 2px; display: inline-block; line-height: 10px; color: #fff; font-size: 10px; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-list__body-type.is-by-user { background-color: #39A0C8; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-list__body-type.is-by-master { background-color: #E25C25; }

.pm-hom-flexbox--rcp .pm-hom-flexbox-list__lead { margin-bottom: 0; }

.pm-hom-flexbox--gly { background-color: #fff; }

.pm-hom-flexbox--gly .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--gly .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--gly .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--qiz { background-color: #fff; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-list__heading-number { margin-top: 7px; color: #666; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-list__heading-number::before { margin-right: 10px; padding: 3.5px 10px 2.5px; border-radius: 2px; line-height: 1; content: '問題'; color: #fff; background-color: #EE9A00; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-list__ans-quantity { margin-top: 8px; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-list__ans-quantity em { margin: 0 .2em 0 .5em; color: #E92364; font-size: 15px; }

.pm-hom-flexbox--qiz .pm-hom-flexbox-list__footer-contents .cs-button-a--1-s, .pm-hom-flexbox--qiz .pm-hom-flexbox-list__footer-contents .cs-button-b--1-s { margin: 0 5px 5px; width: 213px; font-size: 14px; border-radius: 3px; }

.pm-hom-flexbox--cpn { background-color: #fff; }

.pm-hom-flexbox--cpn .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--cpn .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--cpn .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--tlk { background-color: #fff; }

.pm-hom-flexbox--tlk .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--tlk .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--tlk .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--qna { background-color: #fff; }

.pm-hom-flexbox--qna .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--qna .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--qna .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__item .cs-response-a__button--comment:before { display: none; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__item.with-comments .cs-response-a__button--comment:before { display: block; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__body { margin-bottom: 15px; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__status--a, .pm-hom-flexbox--qna .pm-hom-flexbox-list__status--b, .pm-hom-flexbox--qna .pm-hom-flexbox-list__status--c { margin-bottom: 10px; margin-left: 30px; padding: 4px 0 2px; box-sizing: border-box; position: relative; float: left; min-width: 54px; line-height: 1; color: #fff; font-size: 12px; text-align: center; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__status--a { background-color: #e92364; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__status--b { background-color: #1A4374; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__status--c { background-color: #03BACB; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__status--a:before, .pm-hom-flexbox--qna .pm-hom-flexbox-list__status--b:before, .pm-hom-flexbox--qna .pm-hom-flexbox-list__status--c:before { display: block; position: absolute; top: -6px; left: -30px; content: 'Q'; color: #e92364; font-size: 30px; font-family: "Helvetica Neue"; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__footer .cs-response-a__button--comment { position: relative; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__footer-comments { margin: -2.5px 0 0; padding: 8px 10px; position: relative; min-height: 60px; background: #EAF4F6; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__footer-comments-description { margin-top: 5px; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__footer-contents .cs-button-a--1-s { margin: 0 5px 5px; width: 213px; background-color: #006ceb; font-size: 14px; border-radius: 3px; }

.pm-hom-flexbox--qna .pm-hom-flexbox-list__item.is-best-answer .pm-hom-flexbox-list__footer-comments { background-image: url("../img/modules/pm-hom/icon-qna--resolved.png"); background-repeat: no-repeat; background-position: right 9px top -6px; }

.pm-hom-flexbox--qna .cs-avatar__name { color: #666; line-height: 1.2; font-weight: normal; font-size: 12px; }

.pm-hom-flexbox--mgz { background-color: #fff; }

.pm-hom-flexbox--mgz .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--mgz .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--mgz .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--mgz .pm-hom-flexbox-list__lead { font-size: 11px; }

.pm-hom-flexbox--vot { background-color: #fff; }

.pm-hom-flexbox--vot .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--vot .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--vot .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--vot .pm-hom-flexbox-list__vot-quantity { margin-top: 8px; }

.pm-hom-flexbox--vot .pm-hom-flexbox-list__vot-quantity em { margin: 0 .2em 0 .5em; color: #E92364; font-size: 15px; }

.pm-hom-flexbox--vot .pm-hom-flexbox-list__footer-contents .cs-button-a--1-s, .pm-hom-flexbox--vot .pm-hom-flexbox-list__footer-contents .cs-button-b--1-s { margin: 0 5px 5px; width: 213px; font-size: 14px; border-radius: 3px; }

.pm-hom-flexbox--mak { background-color: #fff; }

.pm-hom-flexbox--mak .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--mak .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--mak .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__header { margin-bottom: 7px; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__heading h2 { font-size: 15px; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__heading-date { margin-top: 5px; color: #666; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__header-image { border: 1px solid #ddd; box-sizing: border-box; width: 205px; height: 95px; max-height: 95px; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__header-image img { width: 100%; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__body-type { margin: 3px 0px 5px; padding: 3.5px 10px 2.5px; border-radius: 2px; display: inline-block; line-height: 10px; color: #fff; background-color: #ed4956; font-size: 10px; text-align: center; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__label-icon { padding: 2.5px; border-radius: 3px; box-sizing: border-box; display: inline-block; min-width: 50px; color: #fff; background-color: #ed4956; font-size: 10px; font-style: normal; text-align: center; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__footer-data--mak { margin: 10px; padding: 10px; background-image: url("../img/modules/pm-hom/icon-mak--complete.png"); background-repeat: no-repeat; background-position: right 5px top 5px; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__footer-data--mak dt { font-weight: bold; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__footer-data--mak dd { margin-top: .75em; font-size: 10px; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__project-status--mak { margin-top: 10px; font-size: 14px; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__project-status--mak-number { margin-right: 10px; padding: 3px; box-sizing: border-box; float: left; min-width: 20px; line-height: 1; color: #fff; background-color: #3B3B3B; text-align: center; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__project-status--mak-title { padding-top: 1px; overflow: hidden; font-weight: bold; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list__footer-views { width: 100%; text-align: right; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list .is-complete .pm-hom-flexbox-list__body-type { background-color: #03BACB; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list .is-complete .pm-hom-flexbox-list__label-icon { background-color: #03BACB; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list .is-complete .pm-hom-flexbox-list__footer-data--mak { background-color: #D3E8EA; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list .is-end .pm-hom-flexbox-list__body-type { background-color: #959595; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list .is-end .pm-hom-flexbox-list__label-icon { background-color: #959595; }

.pm-hom-flexbox--mak .pm-hom-flexbox-list .is-end .pm-hom-flexbox-list__footer-data--mak { background-color: #D3E8EA; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__header-image { height: 128px; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature { background-color: #ffd45e; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__heading h2 { font-size: 14px; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__body-dates { margin-top: 8px; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__body-closing-date { font-weight: bold; font-size: 11px; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__body-closing-date span { margin-right: 6px; border-radius: 2px; padding: 3.5px 8.5px; color: white; background-color: #a41e34; font-weight: normal; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__footer-date-stump { padding: 0 10px; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature { background-color: #ffd45e; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature .pm-hom-flexbox-list__header span { padding: 2px; border-radius: 1em; position: absolute; bottom: 6px; left: 52.5px; display: block; width: 96px; background-color: #e91144; color: white; text-align: center; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature .pm-hom-flexbox-list__body-closing-date span { background-color: #e91144; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature .pm-hom-flexbox-list__footer-feature-inner { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 10px; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature .pm-hom-flexbox-list__footer-brand-logo { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature .pm-hom-flexbox-list__footer-date-stump { padding: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.pm-hom-flexbox--cpncpn .pm-hom-flexbox-list__item.is-feature .pm-hom-flexbox-list__footer-date-stump .pm-hom-flexbox-list__new { margin: 2px 5px 0 0; }

.pm-hom-flexbox--gly .pm-hom-flexbox-list__header-image { width: 205px; height: 205px; }

.pm-hom-flexbox--gly .pm-hom-flexbox-list__body { margin-bottom: 0; }

.pm-hom-flexbox--gly .pm-hom-flexbox-list__body .pm-hom-avatar { padding: 0; }

.pm-hom-flexbox--gly .pm-hom-flexbox-list__body .pm-hom-avatar__user-name { margin-left: 5px; line-height: 30px; }

.pm-hom-flexbox--gly .pm-hom-flexbox-list__footer-date-stump { padding: 0 10px; }

.pm-hom-flexbox--svy .pm-hom-topic-list-image { margin: 0 auto 10px; border-radius: 0; width: 205px; height: 120px; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__header-title { padding: 0; color: #fff; font-size: 14px; overflow: hidden; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__item.is-survaying { background-color: #333; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__item.is-survaying .pm-hom-topic-list-image { margin: 0 -10px 10px; width: 225px; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__body h2 { font-size: 14px; font-weight: bold; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__body .pm-hom-topic-text { padding: 0; color: #fff; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__footer-issue { padding: 0 10px; float: left; color: #666; }

.pm-hom-flexbox--svy .pm-hom-flexbox-list__footer-date-stump { padding: 0 10px; }

.pm-hom-flexbox--mby { background-color: #fff; }

.pm-hom-flexbox--mby .pm-hom-flexbox-heading { background-color: #f2f2f2; }

.pm-hom-flexbox--mby .pm-hom-flexbox-heading__link:before { background-color: #006ceb; }

.pm-hom-flexbox--mby .pm-hom-flexbox-heading__link:after { border-left-color: #fff; border-top-color: #fff; }

.pm-hom-b { background: transparent; }

.pm-hom-b-main-hero { height: 150px; width: 100%; margin-bottom: 30px; color: #fff; text-align: center; display: table; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-hom-b-main-hero { height: 340px; margin-bottom: 60px; } }

.pm-hom-b-main-hero__text { display: table-cell; vertical-align: middle; font-size: 16px; }

@media screen and (min-width: 701px) { .pm-hom-b-main-hero__text { font-size: 20px; } }

.pm-hom-b-topic { margin-bottom: 2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (max-width: 700px) { .pm-hom-b-topic { background: none !important; } }

@media screen and (min-width: 701px) { .pm-hom-b-topic { margin-bottom: 20px; padding: 60px 30px 20px; min-height: 280px; } }

.pm-hom-b-topic-header { position: relative; width: 100%; min-height: 90px; display: table; color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-header { background-image: none !important; } }

.pm-hom-b-topic-header::before { content: ""; position: absolute; bottom: 15px; right: 15px; width: 44px; height: 44px; background-color: rgba(0, 0, 0, 0.5); background-image: url("../img/modules/pm-hom/plus--white.svg"); background-repeat: no-repeat; background-position: 50% 50%; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-header::before { display: none; } }

.pm-hom-b-topic-header.is-active::before { background-image: url("../img/modules/pm-hom/minus--white.svg"); background-repeat: no-repeat; background-position: 50% 50%; }

.pm-hom-b-topic-header.is-active::after { content: ""; font-size: 40px; position: absolute; bottom: 10px; right: 18px; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-header.is-active::after { display: none; } }

.pm-hom-b-topic-header__inner { padding: 60px 80px 0 15px; display: table-cell; vertical-align: bottom; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-header__inner { padding: 0 0 20px; } }

.pm-hom-b-topic-header__title { font-size: 24px; color: #fff; }

.pm-hom-b-topic-header__text { margin: 8px 0; }

.pm-hom-b-topic-content { display: none; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content { display: table !important; overflow: hidden; border-collapse: separate; border-spacing: 20px 0; margin: 0 -20px; table-layout: fixed; } }

.pm-hom-b-topic-content__inner { margin: 0 15px; padding: 15px 0 20px; display: block; position: relative; border-bottom: 1px solid #aaa; overflow: hidden; text-decoration: none !important; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content__inner { display: table-cell; width: 33%; height: 100%; background-color: #fff; border: none; margin: 0 0 0 0; padding: 15px 15px 20px; } }

.pm-hom-b-topic-content__inner:last-of-type { border-bottom: none; }

.pm-hom-b-topic-content__inner::before { content: ""; position: absolute; top: 15px; right: 0; display: block; width: 40px; height: 40px; border-radius: 5px; background-color: #ff5998; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content__inner::before { display: none; } }

.pm-hom-b-topic-content__inner:after { content: ''; position: absolute; top: 35px; right: 16px; width: 15px; height: 15px; margin-top: -8px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content__inner:after { display: none; } }

.pm-hom-b-topic-content__image { width: 80px; height: 80px; float: left; margin-right: 8px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content__image { display: block; float: none; width: 100%; height: 100px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } }

.pm-hom-b-topic-content__title { font-size: 20px; color: #333; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content__title { margin-bottom: 10px; } }

.pm-hom-b-topic-content__text { float: left; width: 56%; color: #aaa; }

@media screen and (min-width: 701px) { .pm-hom-b-topic-content__text { width: auto; float: none; margin-top: 15px; padding-right: 50px; position: relative; }
  .pm-hom-b-topic-content__text::before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; border-radius: 5px; background-color: #ff5998; }
  .pm-hom-b-topic-content__text:after { content: ''; position: absolute; top: 20px; right: 16px; width: 15px; height: 15px; margin-top: -8px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } }

.pm-hom-b-sub { padding: 5% 5% 0; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-hom-b-sub { display: none; } }

.pm-hom-b-sub__header-link { color: #333; margin: 0 15px; padding: 15px 0 20px; display: block; position: relative; border-bottom: 1px solid #aaa; overflow: hidden; text-decoration: none !important; margin: 0; padding: 0; }

.pm-hom-b-sub__header-link:visited, .pm-hom-b-sub__header-link:active, .pm-hom-b-sub__header-link:hover { color: #333; }

.pm-hom-b-sub__header-link:hover { text-decoration: none; }

@media screen and (min-width: 701px) { .pm-hom-b-sub__header-link { display: table-cell; width: 33%; height: 100%; background-color: #fff; border: none; margin: 0 0 0 0; padding: 15px 15px 20px; } }

.pm-hom-b-sub__header-link:last-of-type { border-bottom: none; }

.pm-hom-b-sub__header-link::before { content: ""; position: absolute; top: 15px; right: 0; display: block; width: 40px; height: 40px; border-radius: 5px; background-color: #ff5998; }

@media screen and (min-width: 701px) { .pm-hom-b-sub__header-link::before { display: none; } }

.pm-hom-b-sub__header-link:after { content: ''; position: absolute; top: 35px; right: 16px; width: 15px; height: 15px; margin-top: -8px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

@media screen and (min-width: 701px) { .pm-hom-b-sub__header-link:after { display: none; } }

.pm-hom-b-sub__header-link::before { top: 0; }

.pm-hom-b-sub__header-link::after { top: 20px; }

.pm-hom-b-sub__header-title { font-size: 18px; width: 85%; }

.pm-hom-b-sub__header-lead { margin-top: .5em; color: #aaa; width: 85%; }

.pm-hom-b-sub__list { margin-top: 1em; border-top: 1px solid #aaa; }

.pm-hom-b-sub__list-item { padding: 1em 0; border-bottom: 1px solid #aaa; }

.pm-hom-b-sub__li-link { color: #333; display: block; }

.pm-hom-b-sub__li-link:before, .pm-hom-b-sub__li-link:after { content: ''; display: table; }

.pm-hom-b-sub__li-link:after { clear: both; }

.pm-hom-b-sub__li-link:visited, .pm-hom-b-sub__li-link:active, .pm-hom-b-sub__li-link:hover { color: #333; }

.pm-hom-b-sub__li-link:hover { text-decoration: none; }

.pm-hom-b-sub__li-icon { margin: 0 .5em .5em 0; float: left; }

.pm-hom-b-sub__li-cnt { overflow: hidden; }

.pm-hom-b-sub__li-mark-new { margin-right: .5em; padding: 2px 5px; border-radius: 2em; display: block; float: left; color: #fff; background: #e91144; font-weight: bold; font-size: 10px; text-align: center; }

.pm-hom-b-sub__li-dl-expire { margin-top: .5em; font-size: .85em; }

.pm-hom-b-sub__li-dl-expire-term { float: left; }

.pm-idx { background: transparent; }

.pm-idx-section, .pm-idx-section--title, .pm-idx-section--mgz, .pm-idx-section--svy, .pm-idx-section--ask, .pm-idx-section--qiz, .pm-idx-section--tlk, .pm-idx-section--enq { background: #fff; margin-bottom: 10px; }

@media screen and (min-width: 701px) { .pm-idx-section, .pm-idx-section--title, .pm-idx-section--mgz, .pm-idx-section--svy, .pm-idx-section--ask, .pm-idx-section--qiz, .pm-idx-section--tlk, .pm-idx-section--enq { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-idx-section, .pm-idx-section--title, .pm-idx-section--mgz, .pm-idx-section--svy, .pm-idx-section--ask, .pm-idx-section--qiz, .pm-idx-section--tlk, .pm-idx-section--enq { border-bottom: 1px solid #ddd; } }

.pm-idx-section--title { border-radius: 0; }

.pm-idx-section__header { min-height: 60px; background: #1867bf; background-position: 15px 50%; background-repeat: no-repeat; }

.pm-idx-section--mgz .pm-idx-section__header { background-image: url(http://dummyimage.com/50x50/999999/fff); }

.pm-idx-section--svy .pm-idx-section__header { background-image: url(http://dummyimage.com/50x50/999999/fff); }

.pm-idx-section--ask .pm-idx-section__header { background-image: url(http://dummyimage.com/50x50/999999/fff); }

.pm-idx-section--qiz .pm-idx-section__header { background-image: url(http://dummyimage.com/50x50/999999/fff); }

.pm-idx-section--tlk .pm-idx-section__header { background-image: url(http://dummyimage.com/50x50/999999/fff); }

.pm-idx-section--enq .pm-idx-section__header { background-image: url(http://dummyimage.com/50x50/999999/fff); }

.pm-idx-section__inner { color: #fff; display: block; padding: 10px 15px 10px 75px; }

.pm-idx-section__inner:visited, .pm-idx-section__inner:active, .pm-idx-section__inner:hover { color: #fff; }

.pm-idx-section__inner:hover { text-decoration: none; }

.pm-idx-section__heading { font-size: 16px; font-weight: bold; }

.pm-idx-section__laed { font-size: 14px; }

.pm-idx-section__footer { padding: 5px 15px; text-align: right; }

.pm-idx-section__more { display: inline-block; position: relative; padding: 5px 30px 5px 0; font-size: 14px; }

.pm-idx-section__more:after { content: ''; position: absolute; right: 3px; top: 50%; width: 15px; height: 15px; margin-top: -8px; border-right: 1px solid #006ceb; border-bottom: 1px solid #006ceb; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-idx-title { padding-bottom: 2px; border-bottom: 2px solid #1867bf; color: #fff; }

.pm-idx-title__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; box-sizing: border-box; position: relative; height: 170px; border-bottom: 5px solid #1867bf; }

.pm-idx-title__text { position: absolute; left: 15px; right: 15px; bottom: 15px; }

.pm-idx-title__heading { margin-bottom: 0.5em; font-size: 20px; font-weight: bold; }

.pm-idx-title__lead { font-size: 14px; }

.pm-idx-mgz__items:before, .pm-idx-mgz__items:after { content: ''; display: table; }

.pm-idx-mgz__items:after { clear: both; }

.pm-idx-mgz__item, .pm-idx-mgz__item--1st, .pm-idx-mgz__item--2nd, .pm-idx-mgz__item--3rd { box-sizing: border-box; }

.pm-idx-mgz__item--1st { border-bottom: 1px solid #fff; }

.pm-idx-mgz__item--2nd, .pm-idx-mgz__item--3rd { float: left; width: 50%; }

.pm-idx-mgz__item--3rd { border-left: 1px solid #fff; }

.pm-idx-mgz-item { color: #fff; display: block; position: relative; }

.pm-idx-mgz-item:visited, .pm-idx-mgz-item:active, .pm-idx-mgz-item:hover { color: #fff; }

.pm-idx-mgz-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; height: 200px; }

.pm-idx-mgz-item__text { position: absolute; left: 15px; right: 15px; bottom: 5px; }

.pm-idx-mgz-item__heading { margin-bottom: 0.5em; font-size: 16px; font-weight: bold; }

.pm-idx-mgz__item--1st .pm-idx-mgz-item__heading { font-size: 20px; }

.pm-idx-mgz__item--1st .pm-idx-mgz-item__meta:before, .pm-idx-mgz__item--1st .pm-idx-mgz-item__meta:after { content: ''; display: table; }

.pm-idx-mgz__item--1st .pm-idx-mgz-item__meta:after { clear: both; }

.pm-idx-mgz__item--1st .pm-idx-mgz-item__response { float: left; }

.pm-idx-mgz__item--1st .pm-idx-mgz-item__date { float: right; margin-top: 8px; }

.pm-idx-svy__items { padding: 5px 15px 0; border-bottom: 1px solid #ddd; }

.pm-idx-svy__item { border-top: 1px solid #ddd; }

.pm-idx-svy__item:first-child { border-top: 0; }

.pm-idx-svy-item { display: block; padding: 10px 0; }

.pm-idx-svy-item:before, .pm-idx-svy-item:after { content: ''; display: table; }

.pm-idx-svy-item:after { clear: both; }

.pm-idx-svy-item:hover { text-decoration: none; }

.pm-idx-svy-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 90px; height: 90px; }

.pm-idx-svy-item__title { margin-left: 100px; font-size: 16px; font-weight: bold; }

a:hover .pm-idx-svy-item__title { text-decoration: underline; }

.pm-idx-svy-item__date { margin-top: 0.5em; margin-left: 100px; color: #aaa; }

.pm-idx-ask__items { padding: 5px 15px 0; border-bottom: 1px solid #ddd; }

.pm-idx-ask__item { border-top: 1px solid #ddd; }

.pm-idx-ask__item:first-child { border-top: 0; }

.pm-idx-ask-item { display: block; padding: 10px 0; }

.pm-idx-ask-item:before, .pm-idx-ask-item:after { content: ''; display: table; }

.pm-idx-ask-item:after { clear: both; }

.pm-idx-ask-item:hover { text-decoration: none; }

.pm-idx-ask-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 90px; height: 90px; }

.pm-idx-ask-item__title { margin-left: 100px; font-size: 16px; font-weight: bold; }

a:hover .pm-idx-ask-item__title { text-decoration: underline; }

.pm-idx-ask-item__date { margin-top: 0.5em; margin-left: 100px; color: #aaa; }

.pm-idx-qiz__items { padding: 5px 15px 0; border-bottom: 1px solid #ddd; }

.pm-idx-qiz__item { border-top: 1px solid #ddd; }

.pm-idx-qiz__item:first-child { border-top: 0; }

.pm-idx-qiz-item { display: block; padding: 10px 0; }

.pm-idx-qiz-item:before, .pm-idx-qiz-item:after { content: ''; display: table; }

.pm-idx-qiz-item:after { clear: both; }

.pm-idx-qiz-item:hover { text-decoration: none; }

.pm-idx-qiz-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 90px; height: 90px; }

.pm-idx-qiz-item__label { display: inline-block; margin-left: 10px; padding: 4px 15px; border-radius: 4px; background: #ff6d00; color: #fff; font-size: 14px; font-weight: bold; }

.pm-idx-qiz-item__date { display: inline-block; margin-top: 0.5em; margin-left: 10px; color: #aaa; }

.pm-idx-qiz-item__title { margin-top: 0.5em; margin-left: 100px; font-size: 16px; font-weight: bold; }

a:hover .pm-idx-qiz-item__title { text-decoration: underline; }

.pm-idx-enq__items { padding: 5px 15px 0; border-bottom: 1px solid #ddd; }

.pm-idx-enq__item { border-top: 1px solid #ddd; }

.pm-idx-enq__item:first-child { border-top: 0; }

.pm-idx-enq-item { display: block; padding: 10px 0; }

.pm-idx-enq-item:before, .pm-idx-enq-item:after { content: ''; display: table; }

.pm-idx-enq-item:after { clear: both; }

.pm-idx-enq-item:hover { text-decoration: none; }

.pm-idx-enq-item__label { display: inline-block; padding: 3px 10px; border-radius: 4px; color: #333; background: #ddd; font-size: 14px; font-weight: bold; }

.pm-idx-enq-item__date { display: inline-block; margin-top: 0.5em; margin-left: 10px; color: #aaa; }

.pm-idx-enq-item__title { margin-top: 0.5em; font-size: 16px; font-weight: bold; }

a:hover .pm-idx-enq-item__title { text-decoration: underline; }

.pm-idx-tlk-item__header { padding: 15px; }

.pm-idx-tlk-item__header:before, .pm-idx-tlk-item__header:after { content: ''; display: table; }

.pm-idx-tlk-item__header:after { clear: both; }

.pm-idx-tlk-item__header-author { float: left; }

.pm-idx-tlk-item__header-date { float: right; color: #aaa; }

.pm-idx-tlk-item__body { padding: 0 15px 15px; }

.pm-idx-tlk-item-article__inner { display: block; word-break: break-all; }

.pm-idx-tlk-item-article__inner:before, .pm-idx-tlk-item-article__inner:after { content: ''; display: table; }

.pm-idx-tlk-item-article__inner:after { clear: both; }

.pm-idx-tlk-item-article__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 100px; height: 100px; margin-right: 15px; }

.pm-idx-tlk-item-article__title { font-size: 16px; }

.pm-idx-tlk-item-comments__info { color: #aaa; padding: 0 15px 20px; }

.pm-idx-tlk-item-comment { color: #fff; display: block; position: relative; padding: 10px 15px; background: #006ceb; color: #fff; }

.pm-idx-tlk-item-comment:before, .pm-idx-tlk-item-comment:after { content: ''; display: table; }

.pm-idx-tlk-item-comment:after { clear: both; }

.pm-idx-tlk-item-comment:visited, .pm-idx-tlk-item-comment:active, .pm-idx-tlk-item-comment:hover { color: #fff; }

.pm-idx-tlk-item-comment:hover { text-decoration: none; }

.pm-idx-tlk-item-comment:before { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid #006ceb; content: ''; position: absolute; top: -10px; left: 28px; }

.pm-idx-tlk-item-comment__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 40px; height: 40px; border-radius: 50%; }

.pm-idx-tlk-item-comment__content { margin-left: 50px; word-break: break-all; }

.pm-idx-tlk-item-comment__content-date { float: right; }

.pm-idx-tlk-item-comment__content-body { margin-top: 5px; font-size: 14px; }

.pm-mak { background: transparent; }

.pm-mak-container, .pm-mak-container--type-c { background: #fff; }

@media screen and (min-width: 701px) { .pm-mak-container--type-c { min-width: 945px; } }

.pm-mak-container__inner { max-width: 945px; }

.pm-mak-container__main { background: #fff; }

@media screen and (min-width: 701px) { .pm-mak-container__main .pm-mak-container--type-c { max-width: 100%; } }

@media screen and (min-width: 701px) { .pm-mak-header { display: table; width: 100%; margin: 10px 0 0; table-layout: fixed; border-bottom: 1px solid #ddd; } }

.pm-mak-header-main { padding: 5px 10px 5px; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-mak-header-main { display: table-cell; padding: 15px 35px 10px 150px; vertical-align: top; border: none; border-right: 1px solid #ddd; } }

.pm-mak-header-main__inner { position: relative; display: table; width: 100%; }

.pm-mak-header-main__image { display: table-cell; width: 90px; padding: 0 10px 0 0; vertical-align: middle; }

.pm-mak-header-main__image img { width: 90px; height: auto; }

.pm-mak-header-main__text { display: table-cell; height: 50px; padding: 0 25px 0 0; vertical-align: middle; font-size: 16px; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-mak-header-main__text { font-size: 14px; } }

.pm-mak-header-main__link { position: absolute; right: 0; top: 50%; bottom: 50%; margin-top: -12.5px; width: 25px; height: 25px; }

.pm-mak-header-main__link a { background-color: transparent; background-repeat: no-repeat; border: 0; overflow: hidden; outline: none; display: block; position: relative; width: 100%; height: 100%; }

.pm-mak-header-main__link a:before { content: ''; display: block; width: 0; height: 100%; }

.pm-mak-header-main__link a:after { content: ''; position: absolute; left: 3px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-left: 1px solid #006ceb; border-top: 1px solid #006ceb; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-mak-header-sub { margin: auto; padding: 2px 8px 2px; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-mak-header-sub { border: none; width: 500px; vertical-align: top; } }

.pm-mak-header-sub__inner { display: table; width: 100%; table-layout: fixed; }

.pm-mak-header-sub__item { display: table-cell; padding: 0 2px; border-right: 1px solid #ddd; }

.pm-mak-header-sub__item:last-child { border-right: none; }

.pm-mak-header-sub__head--progress { background-color: #e92364; padding: 3px 0; margin: 2px 0 10px; border-radius: 3px; text-align: center; font-size: 8px; font-weight: normal; color: #fff; }

@media screen and (min-width: 701px) { .pm-mak-header-sub__head--progress { font-size: 10px; } }

.pm-mak-header-sub__head--done { background-color: #959595; padding: 3px 0; margin: 2px 0 10px; border-radius: 3px; text-align: center; font-size: 8px; font-weight: normal; color: #fff; }

@media screen and (min-width: 701px) { .pm-mak-header-sub__head--done { font-size: 10px; } }

.pm-mak-header-sub__head--complete { background-color: #03BACB; padding: 3px 0; margin: 2px 0 10px; border-radius: 3px; text-align: center; font-size: 8px; font-weight: normal; color: #fff; }

@media screen and (min-width: 701px) { .pm-mak-header-sub__head--complete { font-size: 10px; } }

.pm-mak-header-sub__num { margin: 0 0 5px; text-align: center; line-height: 1; font-size: 18px; }

@media screen and (min-width: 701px) { .pm-mak-header-sub__num { margin: 0; font-size: 20px; } }

@media screen and (min-width: 701px) { .pm-mak-project-list:before, .pm-mak-project-list:after { content: ''; display: table; }
  .pm-mak-project-list:after { clear: both; } }

.pm-mak-project-list__item { padding: 15px; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-mak-project-list__item { position: relative; float: left; width: 272px; min-height: 330px; margin: 20px 19px 0 0; border-bottom: none; box-shadow: 0 0 3px #888; }
  .pm-mak-project-list__item:nth-child(3n) { margin: 20px 0 0; }
  .pm-mak-project-list__item:nth-child(3n+1) { clear: both; } }

@media screen and (max-width: 700px) { .pm-mak-project-list__item { margin-bottom: 10px; } }

.pm-mak-project-list__image { height: 148px; line-height: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-mak-project-list__image { height: 115px; } }

.pm-mak-project-list__tag--progress { background-color: #e92364; line-height: 1; width: 5em; padding: 5px 0; text-align: center; color: #fff; }

.pm-mak-project-list__tag--done { background-color: #959595; line-height: 1; width: 5em; padding: 5px 0; text-align: center; color: #fff; }

.pm-mak-project-list__tag--complete { background-color: #03BACB; line-height: 1; width: 5em; padding: 5px 0; text-align: center; color: #fff; }

.pm-mak-project-list__info { display: table; width: 100%; margin: 10px 0; color: #aaa; }

@media screen and (min-width: 701px) { .pm-mak-project-list__info { display: block; font-size: 12px; } }

.pm-mak-project-list__info-num { display: table-cell; white-space: nowrap; }

@media screen and (min-width: 701px) { .pm-mak-project-list__info-num { display: block; margin: 0 0 3px; } }

.pm-mak-project-list__info-date { display: table-cell; text-align: right; }

@media screen and (min-width: 701px) { .pm-mak-project-list__info-date { display: block; text-align: left; } }

.pm-mak-project-list__title { margin: 0 0 20px; font-size: 18px; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-mak-project-list__title { font-size: 16px; } }

@media screen and (min-width: 701px) { .pm-mak-project-header { margin-top: 20px; border: 1px solid #ddd; } }

.pm-mak-project-header__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 160px; }

.pm-mak-project-header__title { padding: .5em; color: #fff; font-size: 14px; line-height: 1.5; }

.pm-mak-project-header__title.is-progress { background-color: #e92364; }

.pm-mak-project-header__title.is-done { background-color: #959595; }

.pm-mak-project-header__title.is-complete { background-color: #03BACB; }

.pm-mak-project-header-sub { padding: 1px 0; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-mak-project-header-sub { padding: 7px 0; margin: 0 10px; overflow: hidden; } }

.pm-mak-project-header-sub__inner { display: table; width: 100%; color: #666; }

.pm-mak-project-header-sub__item--status { border-right: 1px solid #ddd; display: table-cell; text-align: center; vertical-align: middle; }

@media screen and (min-width: 701px) { .pm-mak-project-header-sub__item--status { width: 140px; } }

.pm-mak-project-header-sub__item--status-sign { border-radius: 3px; padding: .5em 1em; color: #fff; }

.pm-mak-project-header-sub__item--status-sign.is-progress { background-color: #e92364; }

.pm-mak-project-header-sub__item--status-sign.is-done { background-color: #959595; }

.pm-mak-project-header-sub__item--status-sign.is-complete { background-color: #03BACB; }

.pm-mak-project-header-sub__item--participants { border-right: 1px solid #ddd; display: table-cell; width: 45%; vertical-align: middle; text-align: center; }

.pm-mak-project-header-sub__item--participants-num { margin: 0 .5em; font-size: 24px; font-weight: normal; }

.pm-mak-project-header-sub__item--clip { display: table-cell; text-align: center; vertical-align: middle; }

@media screen and (min-width: 701px) { .pm-mak-project-header-sub__item--clip { width: 115px; text-align: center; } }

.pm-mak-project-status { padding: 15px 15px 10px; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-mak-project-status { border-bottom: none; } }

.pm-mak-project-status__link { color: #333; display: block; }

.pm-mak-project-status__link:visited, .pm-mak-project-status__link:active, .pm-mak-project-status__link:hover { color: #333; }

.pm-mak-project-status__link:hover { text-decoration: none; }

.pm-mak-project-status__number { margin: 0 10px 0 0; padding: 5px; display: inline-block; min-width: 1em; height: 1em; line-height: 1; float: left; text-align: center; background-color: #333; color: #fff; font-size: 28px; font-weight: bold; }

.pm-mak-project-status__body { margin: 0; overflow: hidden; }

.pm-mak-project-status__body-title { margin-bottom: 1em; line-height: 1.5; font-weight: bold; font-size: 18px; }

@media screen and (max-width: 700px) { .pm-mak-project-status__body-title { margin-bottom: .5em; } }

.pm-mak-project-status__body-contents p { margin: 1em 0; }

.pm-mak-project-status__footer-date { margin-top: .5em; float: right; color: #666; font-size: 12px; }

.pm-mak-project-step { border-bottom: 1px solid #ddd; color: #666; }

@media screen and (min-width: 701px) { .pm-mak-project-step { margin: 10px 0 30px; padding: 0 0 30px; } }

.pm-mak-project-step__title { padding: 15px; border-bottom: 1px solid #ddd; line-height: 1; font-size: 14px; }

.pm-mak-project-step__list-item { margin: 15px 15px 30px; border: 1px solid #ddd; position: relative; }

.pm-mak-project-step__list-item:after { display: block; position: absolute; bottom: -30px; width: 100%; height: 30px; background: url("../img/modules/pm-mak/arrow-down-gray-mak.svg") no-repeat center center; content: ""; }

.pm-mak-project-step__list-item:last-child:after { display: none; }

.pm-mak-project-step__list .is-current { background-color: #eee; border-width: 2px; }

.pm-mak-project-step__list .is-current .pm-mak-project-step__num span { background-color: #006ceb; }

.pm-mak-project-step .is-not-ordered li:before, .pm-mak-project-step .is-not-ordered li:after { display: none; }

.pm-mak-project-step__link { color: #333; padding: 10px; display: block; position: relative; }

.pm-mak-project-step__link:visited, .pm-mak-project-step__link:active, .pm-mak-project-step__link:hover { color: #333; }

.pm-mak-project-step__link:hover { text-decoration: none; }

.pm-mak-project-step__num { margin-right: 5px; float: left; }

.pm-mak-project-step__num span { display: inline-block; min-width: 1em; height: 1em; padding: 5px; background-color: #333; line-height: 1; text-align: center; color: #fff; font-size: 22px; }

@media screen and (min-width: 701px) { .pm-mak-project-step__num span { min-width: 28px; height: 28px; font-size: 28px; } }

.pm-mak-project-step-main { overflow: hidden; }

.pm-mak-project-step-main__header { line-height: 1.5; overflow: hidden; }

.pm-mak-project-step-main__header-title { font-weight: bold; font-size: 16px; }

.pm-mak-project-step-main__header-title-thin { margin-top: .5em; font-weight: normal; font-size: 16px; }

.pm-mak-project-step-main__header-date { display: table-cell; vertical-align: middle; text-align: right; font-size: 10px; color: #aaa; }

.pm-mak-project-step-main__header-label { padding: .5em 1em; background-color: #F0AE47; color: #fff; }

.pm-mak-project-step-main__header-link { display: block; color: #006ceb; font-weight: normal; }

.pm-mak-project-step-main__image { margin: 0 0 10px 10px; float: right; }

.pm-mak-project-step-main__footer { margin-top: 10px; clear: both; }

.pm-mak-project-step-main__footer-date { margin-top: .5em; float: right; color: #666; }

.pm-mak-project-step-main__footer-link { padding-right: 1.5em; position: relative; float: right; color: #006ceb; }

.pm-mak-project-step-main__footer-link:after { display: block; position: absolute; top: 3px; right: 3px; content: ""; width: .8em; height: .8em; border-top: 1px solid #006ceb; border-right: 1px solid #006ceb; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 701px) { .pm-mak-project-step-main__body { overflow: hidden; } }

.pm-mak-project-step-main__title { margin: 0 0 10px; font-size: 16px; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-mak-project-step-main__title { font-size: 20px; } }

.pm-mak-project-step-main__title-label { display: inline-block; padding: 4px 14px; line-height: 1; background-color: #e60000; vertical-align: middle; color: #fff; font-size: 12px; font-weight: normal; }

.pm-mak-project-step-main__text { margin: 0 0 5px; }

@media screen and (min-width: 701px) { .pm-mak-project-step-main__text { font-size: 14px; } }

.pm-mak-project-step-main__info { position: absolute; bottom: 0; left: 10px; display: table; width: 100%; padding: 0 0 5px; }

@media screen and (min-width: 701px) { .pm-mak-project-step-main__info { position: static; margin: 15px 0 0; } }

.pm-mak-project-step-main__info-response { display: table-cell; vertical-align: middle; }

.pm-mak-project-step-main__info-link { display: table-cell; padding: 0 20px 0 0; vertical-align: middle; text-align: right; }

@media screen and (min-width: 701px) { .pm-mak-project-step-main__info-link { padding: 0; position: absolute; bottom: 15px; right: 15px; } }

.ios .pm-mak-project-step-main__info-link { padding: 0; }

.pm-mak-project-step-main__info-link a { position: relative; display: inline-block; padding: 5px 20px 5px 0; line-height: 1; }

.pm-mak-project-step-main__info-link a:after { position: absolute; right: 5px; width: 12px; height: 12px; content: ""; border-left: 1px solid #006ceb; border-top: 1px solid #006ceb; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-mak-article-head.is-progress { background-color: #e92364; }

.pm-mak-article-head.is-done { background-color: #959595; }

.pm-mak-article-head.is-complete { background-color: #03BACB; }

.pm-mak-article-head__title { padding: .5em; color: #fff; font-size: 14px; line-height: 1.5; }

.pm-mak-article-head__title:before, .pm-mak-article-head__title:after { content: ''; display: table; }

.pm-mak-article-head__title:after { clear: both; }

.pm-mak-article-head__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-right: 10px; float: left; width: 65px; height: 65px; }

@media screen and (min-width: 701px) { .pm-mak-article-head__heading { font-size: 16px; } }

.pm-mak-article-head__sub { padding: 10px 15px; }

.pm-mak-article-head__sub:before, .pm-mak-article-head__sub:after { content: ''; display: table; }

.pm-mak-article-head__sub:after { clear: both; }

.pm-mak-article-head__step { float: left; min-width: 24px; height: 24px; padding: 6px; margin: 0 5px 0 0; display: inline-block; background-color: #333; line-height: 1; text-align: center; font-size: 24px; font-weight: normal; color: #fff; }

.pm-mak-article-head__step:before, .pm-mak-article-head__step:after { content: ''; display: table; }

.pm-mak-article-head__step:after { clear: both; }

.pm-mak-article-head__sub-title { font-size: 16px; overflow: hidden; }

.pm-mak-article { padding: 0 15px 45px; }

.pm-mak-article__header { margin: 0 0 10px; font-size: 16px; font-weight: normal; }

.pm-mak-article__header span { overflow: hidden; }

.pm-mak-article__header-bottom { margin: 20px 0 30px; }

.pm-mak-article__step { float: left; width: 24px; height: 24px; padding: 6px; margin: 0 5px 0 0; display: inline-block; background-color: #333; line-height: 1; text-align: center; font-size: 24px; font-weight: normal; color: #fff; }

.pm-mak-article__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 -15px; height: 150px; }

.pm-mak-article__date { margin: 10px 0; text-align: right; color: #aaa; font-size: 10px; }

.pm-mak-article__title { font-weight: bold; font-size: 20px; }

.pm-mak-article__view { margin-top: .5em; float: right; color: #aaa; font-size: 14px; }

.pm-mak-article__user { margin-top: 15px; }

.pm-mak-article__body { color: #666; line-height: 1.5; font-size: 16px; }

.pm-mak-article__body-title { margin: 25px 0; font-size: 18px; font-weight: bold; color: #333; }

.pm-mak-article__body-image img { width: 100%; height: auto; margin: 25px 0; }

.pm-mak-article-response { margin: 45px 0; }

.pm-mak-article-liked { margin: 15px 0 20px; }

.pm-mak-article-comment { margin: 15px -15px 20px; }

.pm-mak-article-comment__header { margin: 0 15px 5px; color: #aaa; font-size: 14px; line-height: 20px; }

.pm-mak-article-comment__header:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; background-image: url("../img/icons/comment--gray.svg"); background-size: 20px 20px; vertical-align: -4px; }

.pm-mak-article-comment__link { padding: 5px 20px 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.pm-mak-article-comment-more__label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 0; background-color: #eee; color: #aaa; text-align: center; }

.pm-mak-article-comment__avatar { display: table; float: left; margin: 0 15px; }

.pm-mak-article-comment__time { display: table-cell; vertical-align: middle; color: #aaa; }

.pm-mak-article-comment__text { clear: both; margin: 0 15px 0 65px; font-size: 14px; }

.pm-mak-article-comment__item { padding: 10px 0 15px; border-bottom: 1px dashed #aaa; }

.pm-mak-article-comment__item:last-child { border-bottom: none; }

.pm-mak-article-comment__item--input { padding: 15px 0; border-top: 1px solid #ddd; background-color: #006ceb; }

.pm-mak-article-comment__input { padding: 0 15px 0 0; overflow: hidden; }

.pm-mak-project-link__title { padding: 1em 15px; border-bottom: 1px solid #ddd; font-weight: normal; }

.pm-mak-project-link__header { padding: 10px 15px; font-size: 14px; }

.pm-mak-tag { margin: 10px 10px 80px; }

@media screen and (min-width: 701px) { .pm-mak-tag { width: 410px; margin: 10px auto 45px; } }

.pm-mak-share { margin: 0 0 50px 0; text-align: center; }

.pm-mak-button--progress { margin: 0 0 10px; border: 1px solid #e92364; color: #e92364; }

.pm-mak-button--progress:hover, .pm-mak-button--progress:active, .pm-mak-button--progress:focus, .pm-mak-button--progress:visited { border: 1px solid #e92364; color: #e92364; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mak-button--progress { position: absolute; bottom: 0; width: 272px; } }

.pm-mak-button--done { margin: 0 0 10px; border: 1px solid #959595; color: #959595; }

.pm-mak-button--done:hover, .pm-mak-button--done:active, .pm-mak-button--done:focus, .pm-mak-button--done:visited { border: 1px solid #959595; color: #959595; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mak-button--done { position: absolute; bottom: 0; width: 272px; } }

.pm-mak-button--complete { margin: 0 0 10px; border: 1px solid #03BACB; color: #03BACB; }

.pm-mak-button--complete:hover, .pm-mak-button--complete:active, .pm-mak-button--complete:focus, .pm-mak-button--complete:visited { border: 1px solid #03BACB; color: #03BACB; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mak-button--complete { position: absolute; bottom: 0; width: 272px; } }

.pm-mak-response-a__icon { height: 20px; background-size: 20px 20px; }

@media screen and (min-width: 701px) { .pm-mak-response-b { width: auto; } }

.pm-mak-avatar { display: table-cell; width: 150px; padding: 0 20px 0 0; }

@media screen and (min-width: 701px) { .pm-mak-avatar { width: 180px; } }

.pm-mak-liked-list__header { margin: 0 0 15px; }

.pm-mak-tags-b__items { margin: 0 0 0 28px; }

.pm-mak-response-a__counter { font-size: 11px; }

.pm-mak-response-a__icon--small { width: 20px; height: 20px; background-size: 20px 20px; }

.pm-mak-response-a__label { margin: 0; font-size: 10px; }

@media screen and (min-width: 701px) { .pm-mak-response-a__label { font-size: 12px; } }

.pm-mak-response-a__button--clip { float: none; }

.pm-mgz { background: #eee; }

.pm-mgz-list-item { background: #fff; margin-bottom: 10px; padding: 15px 30px; }

@media screen and (min-width: 701px) { .pm-mgz-list-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-mgz-list-item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-mgz-list-item { margin-bottom: 5px; padding: 15px; } }

@media screen and (max-width: 700px) { .pm-mgz-list-more { margin: 20px 10px; } }

@media screen and (min-width: 701px) { .pm-mgz-list-more { margin: 20px 0; } }

.pm-mgz-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-mgz-list-item-header { margin-bottom: 10px; 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 screen 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 screen 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 screen 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 screen 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 screen and (min-width: 701px) { .pm-mgz-details { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-mgz-details { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-mgz-details { padding: 10px 30px 40px; } }

.pm-mgz-details__header-image { margin: -10px -15px 20px; }

@media screen and (min-width: 701px) { .pm-mgz-details__header-image { margin: -10px -30px 20px; } }

.pm-mgz-details__header-image img { width: 100%; }

@media screen 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: 15px; font-size: 22px; font-weight: bold; }

.pm-mgz-details__header-bottom { margin: 20px 0 30px; }

.pm-mgz-details__header-views { margin: 0 0 0 15px; color: #aaa; }

@media screen and (max-width: 700px) { .pm-mgz-details__header-views { margin: 0; } }

.pm-mgz-details__header-avatar { margin-bottom: 40px; 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 screen 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 screen 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 screen 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; }

.pm-mgz-details__tags { margin: 40px 0 0; }

.pm-mgz-details__share { margin: 40px 0 0; text-align: center; }

.pm-mgz-details-comments { margin: 0 -20px; }

@media screen and (min-width: 701px) { .pm-mgz-details-comments { margin: 0 -30px; } }

.pm-mgz-details-cmt-thread__status { margin: 0 10px 10px 15px; }

@media screen 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 { 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 screen and (max-width: 700px) { .pm-mgz-details-cmt-item { padding: 15px; } }

@media screen 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 screen and (min-width: 701px) { .pm-mgz-comments { padding: 10px 30px 0; } }

.pm-mgz-form { padding: 15px; background: #eee; }

@media screen 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: #006ceb; 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 screen 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 screen 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; }

.pm-amb { background: #eee; }

.pm-amb-list-item { background: #fff; margin-bottom: 10px; padding: 15px 30px; }

@media screen and (min-width: 701px) { .pm-amb-list-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-amb-list-item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-amb-list-item { margin-bottom: 5px; padding: 15px; } }

@media screen and (max-width: 700px) { .pm-amb-list-more { margin: 20px 10px; } }

@media screen and (min-width: 701px) { .pm-amb-list-more { margin: 20px 0; } }

.pm-amb-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-amb-list-item-header { margin-bottom: 10px; box-sizing: border-box; display: table; width: 100%; }

.pm-amb-list-item-header__category { float: left; }

.pm-amb-list-item-header__user { margin: 0; float: left; }

.pm-amb-list-item-header__date { margin-top: 2px; float: right; color: #666; font-family: Helvetica; }

.pm-amb-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-amb-list-item-header__status { margin-left: 10px; padding: 0 15px; box-sizing: border-box; position: relative; float: left; min-width: 54px; height: 20px; line-height: 20px; color: #fff; font-size: 11px; background-color: #aaa; text-align: center; float: right; }

.pm-amb-list-item-header__status.is-published, .pm-amb-list-item-header__status.is-exclusive { color: #333; border: 1px solid #ddd; background-color: #fff; }

.pm-amb-list-item-body { margin-bottom: 10px; }

.pm-amb-list-item-body:before, .pm-amb-list-item-body:after { content: ''; display: table; }

.pm-amb-list-item-body:after { clear: both; }

.pm-amb-list-item-body-link { display: block; }

.pm-amb-list-item-body-link:hover { text-decoration: none; }

.pm-amb-list-item-body-img { margin: 0 15px 0 0; border: 1px solid #ddd; float: left; width: 100px; height: 100px; background-size: cover !important; }

@media screen and (max-width: 700px) { .pm-amb-list-item-body-img { width: 80px; height: 80px; } }

.pm-amb-list-item-body__texts { overflow: hidden; }

.pm-amb-list-item-body__title { margin-bottom: 5px; line-height: 1.5; color: #333; font-weight: bold; font-size: 16px; }

@media screen and (max-width: 700px) { .pm-amb-list-item-body__title { font-size: 16px; } }

.pm-amb-list-item-body__date { margin-top: 2px; color: #aaa; font-family: Helvetica; }

.pm-amb-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-amb-list-item-body__lead { line-height: 1.5; color: #333; font-size: 14px; word-break: break-all; }

.pm-amb-list-item-footer { margin: 15px -15px -15px; padding: 10px 15px; border-top: 1px solid #ddd; }

.pm-amb-list-item-footer:before, .pm-amb-list-item-footer:after { content: ''; display: table; }

.pm-amb-list-item-footer:after { clear: both; }

@media screen and (min-width: 701px) { .pm-amb-list-item-footer { margin: 0 -30px -15px; padding: 10px 30px; } }

.pm-amb-list-item-footer__views { float: left; color: #aaa; }

.pm-amb-list-item-footer__views span { margin-left: .5em; font-size: 10px; }

.pm-amb-list-item-footer .cs-response-a__button--like, .pm-amb-list-item-footer .cs-response-a__button--comment, .pm-amb-list-item-footer .cs-response-a__button--clip { margin-right: 35px; }

@media screen and (max-width: 460px) { .pm-amb-list-item-footer .cs-response-c, .pm-amb-list-item-footer .cs-response-c--light { margin-bottom: 0; width: auto; } }

.pm-amb-list.is-image-list .pm-amb-list-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pm-amb-list.is-image-list .pm-amb-list-item-body { margin-bottom: 20px; margin-left: 2%; width: 23.5%; }

.pm-amb-list.is-image-list .pm-amb-list-item-body:nth-child(4n+1) { margin-left: 0; }

.pm-amb-list.is-image-list .pm-amb-list-item-body__title { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.pm-amb-list.is-image-list .pm-amb-list-item-body-link { box-sizing: border-box; position: relative; }

.pm-amb-list.is-image-list .pm-amb-list-item-body-img { margin: 0 0 5px 0; padding-top: 100%; box-sizing: border-box; float: none; width: 100%; }

@media screen and (max-width: 1020px) { .pm-amb-list.is-image-list .pm-amb-list-item-body { width: 32%; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body:nth-child(4n+1) { margin-left: 2%; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body:nth-child(3n+1) { margin-left: 0; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body img { height: auto; } }

@media screen and (max-width: 700px) { .pm-amb-list.is-image-list .pm-amb-list-item-body { margin-left: 4%; width: 48%; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body:nth-child(4n+1) { margin-left: 4%; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body:nth-child(3n+1) { margin-left: 4%; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body:nth-child(2n+1) { margin-left: 0; }
  .pm-amb-list.is-image-list .pm-amb-list-item-body img { height: auto; } }

.pm-amb-list.is-image-list .pm-amb-list-item-body-link { height: 100%; }

.pm-amb-details { background: #fff; position: relative; margin-bottom: 10px; padding: 10px 15px 30px; }

@media screen and (min-width: 701px) { .pm-amb-details { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-amb-details { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-amb-details { padding: 10px 30px 40px; } }

.pm-amb-details__header-image { margin: -10px -15px 20px; }

@media screen and (min-width: 701px) { .pm-amb-details__header-image { margin: -10px -30px 20px; } }

.pm-amb-details__header-image img { width: 100%; }

@media screen and (min-width: 701px) { .pm-amb-details__header-image img { border-radius: 5px 5px 0 0; } }

.pm-amb-details__header-category { margin-bottom: 10px; float: left; }

.pm-amb-details__header-date { margin-bottom: 10px; float: right; color: #666; }

.pm-amb-details__header-title { clear: both; margin-bottom: 15px; font-size: 22px; font-weight: bold; }

.pm-amb-details__header-bottom { margin: 20px 0 30px; }

.pm-amb-details__header-views { margin: 0 0 0 15px; color: #aaa; }

@media screen and (max-width: 700px) { .pm-amb-details__header-views { margin: 0; } }

.pm-amb-details__header-avatar { margin-bottom: 40px; display: table; clear: both; width: 100%; }

.pm-amb-details__header-action { display: table-cell; text-align: right; vertical-align: middle; }

.pm-amb-details__status { padding: 0 15px; box-sizing: border-box; position: relative; float: left; min-width: 54px; height: 20px; line-height: 20px; color: #fff; font-size: 11px; background-color: #aaa; text-align: center; }

.pm-amb-details__status.is-published, .pm-amb-details__status.is-exclusive { color: #333; border: 1px solid #ddd; background-color: #fff; }

.pm-amb-details__body { padding: 0; font-size: 16px; word-break: break-all; }

.pm-amb-details-article { margin-bottom: 40px; word-break: break-all; }

.pm-amb-details-article__body { color: #666; font-size: 16px; line-height: 1.5; }

.pm-amb-details-article__images { text-align: center; }

.pm-amb-details-article__image { margin: 20px 0; text-align: center; max-width: 620px; max-height: 620px; }

@media screen and (max-width: 700px) { .pm-amb-details-article__image { width: 100%; } }

.pm-amb-details__pagination-list { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; color: #666; font-size: 16px; line-height: 20px; }

@media screen and (max-width: 700px) { .pm-amb-details__pagination-list { font-size: 14px; } }

.pm-amb-details__pagination-list-item { width: 40%; float: right; }

.pm-amb-details__pagination-list-item.is-prev { float: left; }

.pm-amb-details__pagination-list-item.is-next { text-align: right; }

.pm-amb-details__pagination-list-item:last-child { margin: auto; float: none; text-align: center; width: 20%; }

.pm-amb-details__pagination-list-item:last-child .pm-amb-details__pagination-list-link { padding: 2px 20%; border-right: 1px solid #666; border-left: 1px solid #666; display: inline; }

.pm-amb-details__pagination-list-link { display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

.pm-amb-details__pagination-list-link:hover { text-decoration: none; }

.is-prev .pm-amb-details__pagination-list-link { padding-left: 20px; }

.is-prev .pm-amb-details__pagination-list-link::before { position: absolute; display: block; content: ''; left: 5px; top: 65%; width: 10px; height: 10px; margin-top: -8px; border-left: 1px solid #666; border-top: 1px solid #666; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.is-next .pm-amb-details__pagination-list-link { padding-right: 20px; }

.is-next .pm-amb-details__pagination-list-link::after { position: absolute; display: block; content: ''; right: 5px; top: 65%; width: 10px; height: 10px; margin-top: -8px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-amb-details__response { margin: 40px 0 0; text-align: center; }

.pm-amb-details__liked { margin: 40px 0 0; }

.pm-amb-details__tags { margin: 40px 0 0; }

.pm-amb-details__share { margin: 40px 0 0; text-align: center; }

.pm-amb-details-comments { margin: 0 -20px; }

@media screen and (min-width: 701px) { .pm-amb-details-comments { margin: 0 -30px; } }

.pm-amb-details-cmt-thread__status { margin: 0 10px 10px 15px; }

@media screen and (min-width: 701px) { .pm-amb-details-cmt-thread__status { margin: 0 10px 10px 30px; color: #666; } }

.pm-amb-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-amb-details-cmt-thread__items { border-top: 1px solid #ddd; }

.pm-amb-details-cmt-thread__item { border-bottom: 1px solid #ddd; }

.pm-amb-details-cmt-thread-more__indicator { box-sizing: border-box; border-top: 1px solid #aaa; height: 47px; padding-top: 13px; text-align: center; }

.pm-amb-details-cmt-thread-more__button { padding: 5px 10px; border-top: 1px solid #ddd; }

.pm-amb-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 screen and (max-width: 700px) { .pm-amb-details-cmt-item { padding: 15px; } }

@media screen and (min-width: 701px) { .pm-amb-details-cmt-item { padding: 20px 30px; } }

.pm-amb-details-cmt-item__header { position: relative; padding-right: 30px; }

.pm-amb-details-cmt-item__header:before, .pm-amb-details-cmt-item__header:after { content: ''; display: table; }

.pm-amb-details-cmt-item__header:after { clear: both; }

.pm-amb-details-cmt-item__header-date { padding-left: 50px; color: #666; }

.pm-amb-details-cmt-item__content { margin-top: 10px; padding-left: 50px; }

.pm-amb-details-cmt-item__body { color: #666; font-size: 14px; word-break: break-all; }

.pm-amb-details-cmt-item__res { margin-top: 10px; }

.pm-amb-details-cmt-menu { position: absolute; right: 0; top: 10px; }

.pm-amb-details-cmt-menu__icon { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pm-amb-details-cmt-form__input:before, .pm-amb-details-cmt-form__input:after { content: ''; display: table; }

.pm-amb-details-cmt-form__input:after { clear: both; }

.pm-amb-details-cmt-form__avatar { float: left; width: 35px; }

.pm-amb-details-cmt-form__button { float: right; width: 50px; }

.pm-amb-details-cmt-form__field { margin: 0 60px 0 45px; }

.pm-amb-comments { padding: 10px 20px 0; }

@media screen and (min-width: 701px) { .pm-amb-comments { padding: 10px 30px 0; } }

.pm-amb-form { padding: 15px; background: #eee; }

@media screen and (min-width: 701px) { .pm-amb-form { border-radius: 0 0 5px 5px; padding: 15px 30px; } }

.pm-amb-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.pm-amb-form__image { margin-right: 10px; float: left; }

.pm-amb-form__body { overflow: hidden; }

.pm-amb-form__body textarea { margin-bottom: 10px; }

.pm-amb-form__body .cs-field-error { margin-top: 0; }

.pm-amb-form__characters { margin: 0 0 13px; float: right; color: #666; text-align: right; }

.pm-amb-form__characters .js-textarea-overflow { color: #e60000; }

.pm-amb-form__footer.is-form-error { clear: both; }

.pm-amb-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: #006ceb; vertical-align: middle; }

.pm-amb-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-amb-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-amb-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 screen and (max-width: 700px) { .pm-amb-form__thumbnail { margin: 0 0 10px; display: block; } }

.pm-amb-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-amb-form__button { clear: both; }

@media screen and (min-width: 701px) { .pm-amb-form__button { text-align: center; margin-right: 40px; }
  .pm-amb-form__button button { width: 300px; } }

.pm-amb-form textarea.js-textarea-overflow { background: #ffcccc; }

.cs-sidebar-link-list__item span { font-size: 11px; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate { padding: 12px 12px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate__item { margin-bottom: 12px; border: none; box-sizing: border-box; display: inline-block; width: 50%; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate__item:nth-child(odd) { padding-right: 5px; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate__item:nth-child(even) { padding-left: 5px; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate-item { padding: 0; display: block; height: 100%; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate-item__image { margin: 0 0 5px; box-sizing: border-box; float: none; width: 100%; height: 140px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate-item__title { text-overflow: ellipsis; white-space: nowrap; }

.cs-sidebar-pane.is-dairy-with-picture .cs-sidebar-relate-more__button a { display: block; }

@media screen and (max-width: 700px) { .cs-sidebar-pane.is-monthly-list .cs-sidebar-relate { max-height: 175px; overflow: auto; } }

.pm-amb-promote { padding: 20px 20px; font-size: 15px; text-align: center; }

@media screen and (max-width: 700px) { .pm-amb-promote { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-amb-promote { margin-bottom: 20px; } }

.pm-amb-promote__text { margin-bottom: 15px; font-size: 11px; }

.pm-amb-promote__button { margin: 0 auto; width: 100%; max-width: 335px; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); }

.pm-amb-promote__button:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-amb-promote__button[disabled]:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-amb-promote__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.cs-post-amb { box-sizing: border-box; min-height: 100vh; background: #eee; }

.cs-post-amb-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-amb-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-amb-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-amb-category { min-width: 1000px; } }

.cs-post-amb-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-amb-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-amb-category__inner { padding: 8px 0; } }

.cs-post-amb-category__field { position: relative; display: inline-block; height: 44px; }

@media screen and (max-width: 700px) { .cs-post-amb-category__field { width: 100%; } }

@media screen and (min-width: 701px) { .cs-post-amb-category__field { width: 375px; } }

.cs-post-amb-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-amb-category__field:before { border: 0; }

.cs-post-amb-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-amb-category__field select::-ms-expand { display: none; }

.cs-post-amb-category__field select::-moz-focus-inner { border: 0; }

.cs-post-amb-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-amb-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-amb-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-amb-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-amb-category__field option { color: #fff; background: #006ceb; }

.cs-post-amb-body { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-amb-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-amb-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-amb-body { min-width: 1000px; } }

.cs-post-amb-body__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-amb-body__inner { max-width: 700px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-amb-body__inner { padding-top: 15px; padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 701px) { .cs-post-amb-body__inner { padding-top: 25px; } }

.cs-post-amb-body__title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa; }

.cs-post-amb-body__title input { padding: 0; border: 0; box-sizing: border-box; width: 100%; min-height: 21px; line-height: 21px; background: transparent; font-size: 15px; -webkit-appearance: none; }

.cs-post-amb-body__title input:focus { outline: none; }

.cs-post-amb-body__field { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa; }

.cs-post-amb-body__field textarea { padding: 0; border: 0; box-sizing: border-box; width: 100%; min-height: 105px; line-height: 21px; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-amb-body__field textarea:focus { outline: none; }

.cs-post-amb-body__select { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa; font-size: 15px; }

.cs-post-amb-body__select-list { letter-spacing: -5px; }

.cs-post-amb-body__select-title { padding: 12px 0 0 0; display: inline-block; box-sizing: border-box; width: 25.5%; letter-spacing: normal; vertical-align: top; }

@media screen and (max-width: 700px) { .cs-post-amb-body__select-title { padding: 0 0 12px 15px; display: block; width: 100%; } }

.cs-post-amb-body__select-option { display: inline-block; width: 74.5%; letter-spacing: normal; vertical-align: top; }

@media screen and (max-width: 700px) { .cs-post-amb-body__select-option { width: 100%; } }

.cs-post-amb-body__select-option .cs-post-amb-category__field { margin-bottom: 20px; width: 100%; }

.cs-post-amb-body__select-option .cs-post-amb-category__field::before { border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }

.cs-post-amb-body__select-option .cs-post-amb-category__field select { color: #000; }

@media screen and (max-width: 700px) { .cs-post-amb-body__select-option .cs-post-amb-category__field select { border: 1px solid #aaa; } }

@media screen and (min-width: 701px) { .cs-post-amb-body__select-option .cs-post-amb-category__field select { border: 1px solid #aaa; } }

.cs-post-amb-body__select-add { width: 100%; }

.cs-post-amb-body__select-add input { padding: 0 15px; border: 1px solid #aaa; border-radius: 3px; box-sizing: border-box; width: 100%; height: 44px; font-size: 16px; -webkit-appearance: none; }

@media screen and (max-width: 700px) { .cs-post-amb-body__select-add input { border-radius: 5px; font-size: 14px; } }

.cs-post-amb-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-amb-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-amb-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-amb-photos { min-width: 1000px; } }

.cs-post-amb-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-amb-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-amb-photos__item, .cs-post-amb-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-amb-photos__item, .cs-post-amb-photos__button { width: 75px; height: 55px; } }

.cs-post-amb-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-amb-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-amb-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-amb-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-amb-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-amb-photos__button { background-size: 40px 40px; } }

.cs-post-amb-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-amb-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-amb-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-amb-tags { min-width: 1000px; } }

.cs-post-amb-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-amb-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-amb-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-amb-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-amb-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-amb-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-amb-tags__field input::-ms-clear { display: none; }

.cs-post-amb-tags__field input:focus { outline: none; }

.cs-post-amb-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-amb-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-amb-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-amb-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-amb-tags__suggest { margin-top: 20px; }

.cs-post-amb-tags-suggest__heading { color: #666; }

.cs-post-amb-tags-suggest__items { margin-top: 10px; }

.cs-post-amb-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.cs-post-amb-extent-select { width: 100%; background-color: #aaa; color: #fff; }

@media screen and (max-width: 700px) { .cs-post-amb-extent-select { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-amb-extent-select { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-amb-extent-select { min-width: 1000px; } }

.cs-post-amb-extent-select__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-amb-extent-select__inner { max-width: 700px; }

@media screen and (max-width: 700px) { .cs-post-amb-extent-select__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-amb-extent-select__dlist { padding: 1em 0; }

.cs-post-amb-extent-select__term { margin-right: 2em; display: inline-block; font-size: 14px; }

.cs-post-amb-extent-select__option { margin-right: 2em; display: inline-block; }

.pm-qiz { background: #eee; }

.pm-qiz__box { background: #fff; margin-bottom: 10px; padding: 24px 15px 34px; position: relative; color: #aaa; }

@media screen and (min-width: 701px) { .pm-qiz__box { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-qiz__box { border-bottom: 1px solid #ddd; } }

.pm-qiz-details__banner { position: relative; clear: both; }

.pm-qiz-details__banner-new { position: absolute; top: 0px; left: 0px; padding: 3px 10px; color: #fff; background: #e91144; }

.pm-qiz-details__banner-image { margin-bottom: 20px; width: 100%; }

.pm-qiz-details__response { margin: 30px 0 25px; text-align: center; }

.pm-qiz-details__tags { margin: 60px 0 5px; }

.pm-qiz-details__share { margin: 60px 0 20px; text-align: center; }

.pm-qiz-id__number { margin-bottom: 10px; float: left; font-size: 14px; }

.pm-qiz-id__date { margin-bottom: 10px; float: right; font-size: 14px; }

.pm-qiz-content__subject { margin-bottom: 25px; }

.pm-qiz-content__subject-label, .pm-qiz-content__subject--answer-label, .pm-qiz-result__other-label { margin-right: 16px; padding: 7px 19px 5px 20px; border-radius: 4px; float: left; color: #fff; background: #ff6d00; font-weight: bold; font-size: 16px; }

.pm-qiz-content__subject-title, .pm-qiz-content__subject--answer-title { padding-top: 4px; color: #ff6d00; font-weight: bold; font-size: 22px; overflow: hidden; }

@media screen and (max-width: 700px) { .pm-qiz-content__subject-title, .pm-qiz-content__subject--answer-title { clear: left; } }

.pm-qiz-content__graph { margin-bottom: 38px; clear: both; width: 100%; text-align: center; }

.pm-qiz-content__graph-bar { width: 0; height: 20px; background-color: #EFBC17; }

.pm-qiz-content__graph-bar-wrapper { margin-right: 28px; display: inline-block; width: 200px; height: 20px; background: #aaa; vertical-align: bottom; }

@media screen and (max-width: 700px) { .pm-qiz-content__graph-bar-wrapper { margin-right: 0; width: 50%; } }

.pm-qiz-content__graph-rate { display: inline-block; color: #333; line-height: 1; font-size: 16px; }

@media screen and (max-width: 700px) { .pm-qiz-content__graph-rate { width: 40%; } }

.pm-qiz-content__answer-count { margin-bottom: 1em; font-size: 16px; text-align: center; }

.pm-qiz-content__answer-button { margin: 18px auto 0; width: 400px; }

@media screen and (max-width: 700px) { .pm-qiz-content__answer-button { width: 100%; } }

.pm-qiz-content__retry-button { margin: 70px auto 90px; width: 400px; }

@media screen and (max-width: 700px) { .pm-qiz-content__retry-button { margin: 50px auto 0; width: 100%; } }

.pm-qiz-selection { margin: auto; width: 400px; }

@media screen and (max-width: 700px) { .pm-qiz-selection { width: 100%; } }

.pm-qiz-selection__definition { margin-bottom: 40px; }

.pm-qiz-selection__term { margin-bottom: 12px; color: #333; font-size: 16px; }

.pm-qiz-selection__list--ordered { font-size: 30px; color: #fff; }

.pm-qiz-selection__list-item { margin-bottom: 25px; background: #006794; line-height: 1; }

.pm-qiz-selection__list-item:last-child { margin-bottom: 0; }

.pm-qiz-selection__option { color: #fff; padding: .4em 3%; display: block; width: 94%; height: 100%; }

.pm-qiz-selection__option:visited, .pm-qiz-selection__option:active, .pm-qiz-selection__option:hover { color: #fff; }

.pm-qiz-selection__option::before { display: block; float: left; margin-right: 10px; }

.pm-qiz-selection__option span { margin-top: 7px; display: block; overflow: hidden; font-size: 16px; line-height: 1.5; }

.pm-qiz-selection__list-item:nth-child(1) .pm-qiz-selection__option::before { content: "1."; }

.pm-qiz-selection__list-item:nth-child(2) .pm-qiz-selection__option::before { content: "2."; }

.pm-qiz-selection__list-item:nth-child(3) .pm-qiz-selection__option::before { content: "3."; }

.pm-qiz-selection__list-item:nth-child(4) .pm-qiz-selection__option::before { content: "4."; }

.pm-qiz-selection__list-item:nth-child(5) .pm-qiz-selection__option::before { content: "5."; }

.pm-qiz-selection__list-item:nth-child(6) .pm-qiz-selection__option::before { content: "6."; }

.pm-qiz-selection__list-item:nth-child(7) .pm-qiz-selection__option::before { content: "7."; }

.pm-qiz-selection__list-item:nth-child(8) .pm-qiz-selection__option::before { content: "8."; }

.pm-qiz-selection__list-item:nth-child(9) .pm-qiz-selection__option::before { content: "9."; }

.pm-qiz-selection__list-item:nth-child(10) .pm-qiz-selection__option::before { content: "10."; }

.pm-qiz-selection__list-item:nth-child(11) .pm-qiz-selection__option::before { content: "11."; }

.pm-qiz-selection__list-item:nth-child(12) .pm-qiz-selection__option::before { content: "12."; }

.pm-qiz-selection__list-item:nth-child(13) .pm-qiz-selection__option::before { content: "13."; }

.pm-qiz-selection__list-item:nth-child(14) .pm-qiz-selection__option::before { content: "14."; }

.pm-qiz-selection__list-item:nth-child(15) .pm-qiz-selection__option::before { content: "15."; }

.pm-qiz-selection__list-item:nth-child(16) .pm-qiz-selection__option::before { content: "16."; }

.pm-qiz-selection__list-item:nth-child(17) .pm-qiz-selection__option::before { content: "17."; }

.pm-qiz-selection__list-item:nth-child(18) .pm-qiz-selection__option::before { content: "18."; }

.pm-qiz-selection__list-item:nth-child(19) .pm-qiz-selection__option::before { content: "19."; }

.pm-qiz-selection__list-item:nth-child(20) .pm-qiz-selection__option::before { content: "20."; }

.pm-qiz-selection.is-selected .pm-qiz-selection__list-item { background-color: #ddd; }

.pm-qiz-selection.is-selected .pm-qiz-selection__list-item.is-selected__list-item { background-color: #006794; }

.pm-qiz-selection.is-selected .pm-qiz-selection__list-item.is-selected__list-item .pm-qiz-selection__option:hover { cursor: default; }

.pm-qiz-selection.is-selected .pm-qiz-selection__option:hover { text-decoration: none; cursor: not-allowed; }

.pm-qiz-content__subject--answer { margin-top: 47px; padding-top: 24px; border-top: 1px solid #ddd; }

.pm-qiz-content__subject--answer-label { background: #006794; }

.pm-qiz-content__subject--answer-title { color: #333; }

.pm-qiz-result__answer { margin: 20px auto 10px; display: block; width: 120px; height: 120px; }

.pm-qiz-result__reason { padding: 0 15px; line-height: 1.75; color: #333; font-size: 18px; }

.pm-qiz-result__reason-term { font-weight: bold; }

.pm-qiz-result__other.pm-qiz__box { padding: 24px 0 34px; }

.pm-qiz-result__other-heading { padding: 0 15px 1em; border-bottom: 1px solid #ddd; color: #aaa; font-size: 14px; }

.pm-qiz-result__other-list-item { border-bottom: 1px solid #ddd; }

.pm-qiz-result__other-list-item:before, .pm-qiz-result__other-list-item:after { content: ''; display: table; }

.pm-qiz-result__other-list-item:after { clear: both; }

.pm-qiz-result__other-list-item:last-child { border-bottom: none; }

.pm-qiz-result__other-list-item a { padding: 10px 0 9px; display: block; }

.pm-qiz-result__other-list-item a:before, .pm-qiz-result__other-list-item a:after { content: ''; display: table; }

.pm-qiz-result__other-list-item a:after { clear: both; }

.pm-qiz-result__other-list-item a:hover { text-decoration: none; }

.pm-qiz-result__other-img { margin-right: 10px; float: left; width: 90px; height: 90px; }

.pm-qiz-result__other-lists { padding: 0 15px; border-bottom: 1px solid #ddd; }

.pm-qiz-result__other-list-item { border-bottom: 1px solid #ddd; }

.pm-qiz-result__other-definition { position: relative; overflow: hidden; }

.pm-qiz-result__other-label { margin-right: 14px; padding: 6px 12px 6px 14px; font-size: 14px; }

.pm-qiz-result__other-date { line-height: 30px; color: #aaa; font-size: 12px; }

.pm-qiz-result__other-title { margin-top: 10px; clear: left; font-size: 16px; }

.pm-qiz-result__other-title:hover { text-decoration: underline; }

.pm-qna { background: #eee; }

.pm-qna-list__heading { padding: 15px; border-bottom: 1px solid #ddd; color: #000; font-weight: bold; font-size: 16px; }

.pm-qna-list-item { background: #fff; margin-bottom: 10px; padding: 20px 30px 15px; }

@media screen and (min-width: 701px) { .pm-qna-list-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-qna-list-item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-qna-list-item { margin-bottom: 5px; padding: 20px 15px 15px; } }

.pm-qna-list-item-header { margin-bottom: 10px; box-sizing: border-box; display: table; width: 100%; }

.pm-qna-list-item-header__category { float: left; }

.pm-qna-list-item-header__date { float: right; color: #666; }

.pm-qna-list-item-header__new { margin: -2px 10px 0 0; padding: 5px 10px; border-radius: 3px; float: right; line-height: 1; font-weight: normal; font-size: 10px; color: #fff; background-color: #e91144; }

.pm-qna-list-item-body { margin-bottom: 30px; display: block; }

.pm-qna-list-item-body:hover { text-decoration: none; }

.pm-qna-list-item-body:before, .pm-qna-list-item-body:after { content: ''; display: table; }

.pm-qna-list-item-body:after { clear: both; }

.pm-qna-list-item-body:before { margin: -5px 5px 0 0; display: block; float: left; width: 25px; line-height: 1; content: 'Q'; color: #EA2365; font-weight: bold; font-size: 30px; }

.pm-qna-list-item-body__status, .pm-qna-list-item-body__status--a, .pm-qna-list-item-body__status--b, .pm-qna-list-item-body__status--c { margin-bottom: 20px; box-sizing: border-box; float: left; min-width: 54px; height: 20px; line-height: 20px; text-align: center; }

.pm-qna-list-item-body__status--a, .pm-qna-list-item-body__status--a--a, .pm-qna-list-item-body__status--b--a, .pm-qna-list-item-body__status--c--a { color: #fff; background: #e92364; }

.pm-qna-list-item-body__status--b, .pm-qna-list-item-body__status--a--b, .pm-qna-list-item-body__status--b--b, .pm-qna-list-item-body__status--c--b { color: #fff; background: #1A4374; }

.pm-qna-list-item-body__status--c, .pm-qna-list-item-body__status--a--c, .pm-qna-list-item-body__status--b--c, .pm-qna-list-item-body__status--c--c { color: #fff; background: #03BACB; }

.pm-qna-list-item-body__image-text { clear: both; }

.pm-qna-list-item-body__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border: 1px solid #ddd; float: left; width: 70px; height: 70px; margin-right: 10px; margin-bottom: 10px; }

.pm-qna-list-item-body__title { margin-bottom: 5px; line-height: 1.5; color: #333; font-weight: bold; font-size: 16px; overflow: hidden; }

@media screen and (max-width: 700px) { .pm-qna-list-item-body__title { font-size: 16px; } }

.pm-qna-list-item-body__description { line-height: 1.5; color: #333; font-size: 14px; word-break: break-all; }

.pm-qna-list-item-footer { margin: 15px -15px -15px; padding: 10px 15px; border-top: 1px solid #ddd; }

.pm-qna-list-item-footer:before, .pm-qna-list-item-footer:after { content: ''; display: table; }

.pm-qna-list-item-footer:after { clear: both; }

@media screen and (min-width: 701px) { .pm-qna-list-item-footer { margin: 0 -30px -15px; padding: 10px 30px; } }

.pm-qna-list-item-footer__views { float: left; color: #666; }

.pm-qna-list-item-footer .cs-response-a__button--like, .pm-qna-list-item-footer .cs-response-a__button--comment, .pm-qna-list-item-footer .cs-response-a__button--clip { margin-right: 35px; }

@media screen and (max-width: 460px) { .pm-qna-list-item-footer .cs-response-c, .pm-qna-list-item-footer .cs-response-c--light { margin-bottom: 0; width: auto; } }

@media screen and (min-width: 701px) { .pm-qna-list-more { margin: 20px 0; } }

@media screen and (max-width: 700px) { .pm-qna-list-more { margin: 20px 10px; } }

.pm-qna-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-qna-side-list__inner { background: #fff; background: #fff; }

@media screen and (min-width: 701px) { .pm-qna-side-list__inner { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-qna-side-list__inner { border-bottom: 1px solid #ddd; } }

.pm-qna-side-list__heading { padding: 15px; border-bottom: 1px solid #ddd; color: #000; font-weight: bold; font-size: 16px; }

.pm-qna-side-list-item { border-bottom: 1px solid #ddd; }

.pm-qna-side-list-item:before, .pm-qna-side-list-item:after { content: ''; display: table; }

.pm-qna-side-list-item:after { clear: both; }

.pm-qna-side-list-item:last-child { border: none; }

.pm-qna-side-list-item-header { box-sizing: border-box; display: table; width: 100%; padding: 15px 15px 10px; }

.pm-qna-side-list-item-header__category { display: table-cell; }

.pm-qna-side-list-item-header__date { display: table-cell; color: #666; text-align: right; }

.pm-qna-side-list-item-body { display: block; padding: 15px 15px 0; }

.pm-qna-side-list-item-body:hover { text-decoration: none; }

.pm-qna-side-list-item-body__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 0 15px 5px; float: right; width: 60px; height: 60px; }

.pm-qna-side-list-item-body__title { margin-bottom: 5px; color: #333; font-size: 14px; font-weight: bold; overflow: hidden; }

.pm-qna-side-list-item-body__title:before { display: block; float: left; width: 25px; line-height: 1; content: 'Q'; color: #EA2365; font-size: 1.5em; }

.pm-qna-side-list-item-body__description { color: #333; }

.pm-qna-side-list-item-footer { padding: 0 15px 15px 40px; }

.pm-qna-side-list-item-footer__status, .pm-qna-side-list-item-footer__status--a, .pm-qna-side-list-item-footer__status--b, .pm-qna-side-list-item-footer__status--c { box-sizing: border-box; float: left; min-width: 60px; height: 24px; margin-right: 10px; line-height: 24px; text-align: center; }

.pm-qna-side-list-item-footer__status--a, .pm-qna-side-list-item-footer__status--a--a, .pm-qna-side-list-item-footer__status--b--a, .pm-qna-side-list-item-footer__status--c--a { color: #fff; background: #e92364; }

.pm-qna-side-list-item-footer__status--b, .pm-qna-side-list-item-footer__status--a--b, .pm-qna-side-list-item-footer__status--b--b, .pm-qna-side-list-item-footer__status--c--b { color: #fff; background: #1A4374; }

.pm-qna-side-list-item-footer__status--c, .pm-qna-side-list-item-footer__status--a--c, .pm-qna-side-list-item-footer__status--b--c, .pm-qna-side-list-item-footer__status--c--c { color: #fff; background: #03BACB; }

.pm-qna-side-list-item-footer__response { float: left; }

.pm-qna-side-list-item-footer__views { float: right; padding: 3px 0; color: #666; }

@media screen and (min-width: 701px) { .pm-qna-side-list-more { margin: 20px 0; } }

@media screen and (max-width: 700px) { .pm-qna-side-list-more { margin: 20px 10px; } }

.pm-qna-side-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-qna-detail__content { background: #fff; padding-bottom: 20px; }

@media screen and (min-width: 701px) { .pm-qna-detail__content { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-qna-detail__content { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-qna-detail__content { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-qna-detail__content { margin-bottom: 20px; } }

.pm-qna-detail-header { box-sizing: border-box; display: table; padding: 10px 30px 0; width: 100%; }

@media screen and (max-width: 700px) { .pm-qna-detail-header { padding: 0 15px 0; } }

.pm-qna-detail-header__category-date { margin: 20px 0 10px; }

.pm-qna-detail-header__category-date:before, .pm-qna-detail-header__category-date:after { content: ''; display: table; }

.pm-qna-detail-header__category-date:after { clear: both; }

.pm-qna-detail-header__category { float: left; }

.pm-qna-detail-header__date { float: right; color: #666; }

.pm-qna-detail-header__titles { margin: 30px 0 10px; clear: both; }

.pm-qna-detail-header__title { clear: both; font-size: 22px; font-weight: bold; }

.pm-qna-detail-header__status, .pm-qna-detail-header__status--a, .pm-qna-detail-header__status--b, .pm-qna-detail-header__status--c { margin-bottom: 20px; margin-left: 40px; box-sizing: border-box; position: relative; float: left; min-width: 54px; height: 20px; line-height: 20px; color: #fff; font-size: 11px; text-align: center; }

.pm-qna-detail-header__status:before, .pm-qna-detail-header__status--a:before, .pm-qna-detail-header__status--b:before, .pm-qna-detail-header__status--c:before { display: block; position: absolute; left: -40px; content: 'Q'; color: #e92364; font-weight: bold; font-size: 36px; }

.pm-qna-detail-header__status--a, .pm-qna-detail-header__status--a--a, .pm-qna-detail-header__status--b--a, .pm-qna-detail-header__status--c--a { background: #e92364; }

.pm-qna-detail-header__status--b, .pm-qna-detail-header__status--a--b, .pm-qna-detail-header__status--b--b, .pm-qna-detail-header__status--c--b { background: #1A4374; }

.pm-qna-detail-header__status--c, .pm-qna-detail-header__status--a--c, .pm-qna-detail-header__status--b--c, .pm-qna-detail-header__status--c--c { background: #03BACB; }

.pm-qna-detail-header__response { margin: 30px 0 40px; }

.pm-qna-detail-header__views { margin: 0 0 0 15px; color: #aaa; }

@media screen and (max-width: 700px) { .pm-qna-detail-header__views { margin: 0; } }

.pm-qna-detail-header__author-action { margin: 0 0 40px; display: table; clear: both; width: 100%; }

.pm-qna-detail-header__author { padding-right: 10px; display: table-cell; vertical-align: middle; }

.pm-qna-detail-header__action, .pm-qna-detail-header__follow { display: table-cell; text-align: right; vertical-align: middle; }

.pm-qna-detail-header__follow { padding-right: 10px; }

.pm-qna-detail-body { padding: 0 15px; }

@media screen and (min-width: 701px) { .pm-qna-detail-body { padding: 0 30px; } }

.pm-qna-detail-article { margin-bottom: 40px; word-break: break-all; }

.pm-qna-detail-article__info { margin-bottom: 20px; }

.pm-qna-detail-article__info:before, .pm-qna-detail-article__info:after { content: ''; display: table; }

.pm-qna-detail-article__info:after { clear: both; }

.pm-qna-detail-article__counters { margin-bottom: 20px; }

.pm-qna-detail-article__counters:before, .pm-qna-detail-article__counters:after { content: ''; display: table; }

.pm-qna-detail-article__counters:after { clear: both; }

.pm-qna-detail-article__date { float: right; padding: 3px 0; color: #666; }

.pm-qna-detail-article__category { margin-bottom: 20px; color: #aaa; }

.pm-qna-detail-article__body { color: #666; font-size: 16px; line-height: 1.5; }

.pm-qna-detail-article__image { margin-top: 20px; }

.pm-qna-detail-article__image img { max-width: 100%; }

.pm-qna-detail-info { margin-top: 20px; }

.pm-qna-detail-info__menu { text-align: right; }

.pm-qna-detail-info__liked-users { margin-top: 30px; }

.pm-qna-detail-reply { margin: 0 -15px -20px; }

@media screen and (min-width: 701px) { .pm-qna-detail-reply { margin: 0 -30px; } }

.pm-qna-detail-supplementary__items { margin-bottom: 15px; padding: 15px 15px 5px; border: 1px solid #ddd; font-size: 14px; }

.pm-qna-reply-list-item--best-answer .pm-qna-detail-supplementary__items { border-color: #e92364; }

.pm-qna-detail-supplementary__title { margin-bottom: 10px; color: #aaa; font-weight: bold; }

.pm-qna-reply-list-item--best-answer .pm-qna-detail-supplementary__title { font-size: 12px; }

.pm-qna-detail-supplementary__item { margin-bottom: 10px; }

.pm-qna-detail-supplementary__contents { margin-bottom: 5px; color: #666; }

.pm-qna-detail-supplementary__date { color: #aaa; font-size: 10px; }

.pm-qna-detail-supplementary__button { margin-bottom: 15px; }

.pm-qna-detail-supplementary__form { margin: 0 -15px 15px; }

.pm-qna-reply-list { margin-top: 20px; }

.pm-qna-reply-list__heading, .pm-qna-reply-list__heading--best-answer { padding: 15px 15px 15px 55px; border-bottom: 1px solid #ddd; color: #666; background: url("../img/icons/comment--gray.svg") no-repeat 30px 50%; background-size: 20px; }

@media screen and (max-width: 700px) { .pm-qna-reply-list__heading, .pm-qna-reply-list__heading--best-answer { padding: 15px 15px 15px 47px; background: url("../img/icons/comment--gray.svg") no-repeat 15px 50%; background-size: 20px; } }

.pm-qna-reply-list__heading--best-answer { margin-top: 20px; padding-left: 15px; border-bottom-color: #e92364; color: #fff; background: #e92364; font-size: 14px; }

.pm-qna-reply-list-item, .pm-qna-reply-list-item--best-answer { position: relative; padding: 15px 10px 5px 55px; border-bottom: 1px solid #ddd; }

.pm-qna-reply-list-item--best-answer { background: url("../img/modules/pm-qna/stamp--best-answer.svg") no-repeat 95% 15px; background-size: 100px auto; }

.pm-qna-reply-list-item__author { margin-left: -45px; padding-right: 40px; }

.pm-qna-reply-list-item__date { margin-bottom: 10px; color: #666; font-size: 12px; }

.pm-qna-reply-list-item__menu { position: absolute; top: 15px; right: 15px; }

.pm-qna-reply-list-item__contents { margin-bottom: 10px; position: relative; color: #666; font-size: 14px; }

.pm-qna-reply-list-item__contents:before { display: block; position: absolute; left: -43px; line-height: 36px; content: 'A'; color: #00c5d5; font-weight: bold; font-size: 36px; }

.pm-qna-reply-list-item__response { margin-bottom: 10px; }

.pm-qna-reply-list-item__button { margin-bottom: 15px; }

.pm-qna-reply-list-item__form { margin-bottom: 15px; }

.pm-qna-reply-list-item__footer { margin-left: -45px; }

.pm-qna-reply-list-item-supplementary__items { margin-bottom: 15px; padding: 15px 15px 5px; border: 1px solid #ddd; font-size: 14px; }

.pm-qna-reply-list-item-supplementary__title { margin-bottom: 10px; color: #aaa; font-weight: bold; font-size: 12px; }

.pm-qna-reply-list-item-supplementary__item { margin-bottom: 10px; }

.pm-qna-reply-list-item-supplementary__contents { margin-bottom: 5px; color: #666; }

.pm-qna-reply-list-item-supplementary__date { color: #aaa; font-size: 12px; }

.pm-qna-reply-list-item-supplementary__button { margin-bottom: 15px; }

.pm-qna-reply-list-item-supplementary__form { margin-bottom: 15px; }

.pm-qna-reply-list-item-supplementary__form .pm-qna-form { margin: 0; }

@media screen and (max-width: 700px) { .pm-qna-reply-list-item-supplementary__form .pm-qna-form { padding: 15px; } }

.pm-qna-reply-list-more { border-bottom: 1px solid #ddd; }

.pm-qna-reply-list-more__indicator { box-sizing: border-box; height: 46px; padding-top: 13px; text-align: center; }

.pm-qna-reply-list-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 5px; font-size: 14px; text-align: center; }

.pm-qna-reply-list-more__label { color: #aaa; height: 36px; line-height: 36px; background: #eee; }

.pm-qna-reply-list-footer { padding: 20px 15px 20px; }

.pm-qna-reply-list-footer__tags { margin-bottom: 20px; }

.pm-qna-reply-list-footer__share { text-align: center; }

.pm-qna-form { padding: 15px; background: #eee; }

@media screen and (min-width: 701px) { .pm-qna-form { padding: 15px 30px; } }

.pm-qna-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.pm-qna-form__image { margin-right: 10px; float: left; }

.pm-qna-form__body { overflow: hidden; }

.pm-qna-form__body textarea { margin-bottom: 10px; }

.pm-qna-form__body .cs-field-error { margin-top: 0; }

.pm-qna-form__characters { margin: 0 0 13px; float: right; color: #666; text-align: right; }

.pm-qna-form__characters .js-textarea-overflow { color: #e60000; }

.pm-qna-form__footer.is-form-error { clear: both; }

.pm-qna-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: #006ceb; vertical-align: middle; }

.pm-qna-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-qna-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-qna-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 screen and (max-width: 700px) { .pm-qna-form__thumbnail { margin: 0 0 10px; display: block; } }

.pm-qna-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-qna-form__button { clear: both; }

@media screen and (min-width: 701px) { .pm-qna-form__button { text-align: center; margin-right: 40px; }
  .pm-qna-form__button button { width: 300px; } }

.pm-qna-form textarea.js-textarea-overflow { background: #1A4374; }

.pm-qna-best-answer-modal { display: none; position: fixed; left: 50%; top: 50%; z-index: 6000010; width: 300px; border: 1px solid #666; background: #eee; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pm-qna-best-answer-modal.is-active { display: block; }

.pm-qna-best-answer-modal__title { margin-bottom: 10px; color: #666; font-size: 16px; font-weight: bold; text-align: center; }

.pm-qna-best-answer-modal__characters { margin: 10px 0; color: #666; text-align: right; }

.pm-qna-best-answer-modal__attention { margin-bottom: 10px; color: #666; font-size: 14px; }

.pm-qna-best-answer-modal__button { margin-bottom: 10px; }

.pm-qna-best-answer-modal__button:last-child { margin-bottom: 0; }

.pm-qna-post-question { padding: 15px; text-align: center; }

.pm-qna-post-question__button { width: 100%; background-color: #006ceb; }

.pm-qna-post-question__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-qna-promote { padding: 20px 20px; font-size: 15px; text-align: center; }

@media screen and (max-width: 700px) { .pm-qna-promote { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-qna-promote { margin-bottom: 20px; } }

.pm-qna-promote__text { margin-bottom: 15px; font-size: 11px; }

.pm-qna-promote__button { margin: 0 auto; width: 100%; max-width: 335px; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); }

.pm-qna-promote__button:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-qna-promote__button[disabled]:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-qna-promote__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-qna-tool-post { border-top: 1px solid #ddd; position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000000; padding: 15px 30px; background: rgba(255, 255, 255, 0.7); text-align: center; }

.pm-qna-tool-post__button { width: 315px; background-color: #006ceb; }

.pm-qna-tool-post__button:hover { background-color: #006ceb; }

.pm-qna-tool-post__button[disabled]:hover { background-color: #006ceb; }

.pm-qna-tool-post__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.cs-post-qna { box-sizing: border-box; min-height: 100vh; background: #eee; }

.cs-post-qna-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-qna-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-qna-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-qna-category { min-width: 1000px; } }

.cs-post-qna-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-qna-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-qna-category__inner { padding: 8px 0; } }

.cs-post-qna-category__field { margin: 8px auto 0; position: relative; min-height: 44px; }

.cs-post-qna-category__field:first-child { margin-top: 0; }

@media screen and (max-width: 700px) { .cs-post-qna-category__field { margin: 0; border-top: 1px solid #fff; display: inline-block; width: 100%; }
  .cs-post-qna-category__field:first-child { border-top: none; } }

@media screen and (min-width: 701px) { .cs-post-qna-category__field { width: 375px; } }

.cs-post-qna-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-qna-category__field:before { border: 0; }

.cs-post-qna-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-qna-category__field select::-ms-expand { display: none; }

.cs-post-qna-category__field select::-moz-focus-inner { border: 0; }

.cs-post-qna-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-qna-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-qna-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-qna-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-qna-category__field option { color: #fff; background: #006ceb; }

.cs-post-qna-body { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-qna-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-qna-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-qna-body { min-width: 1000px; } }

.cs-post-qna-body__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-qna-body__inner { max-width: 700px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-qna-body__inner { padding-top: 15px; padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 701px) { .cs-post-qna-body__inner { padding-top: 25px; } }

.cs-post-qna-body__title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa; }

@media screen and (max-width: 700px) { .cs-post-qna-body__title { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } }

.cs-post-qna-body__title input { box-sizing: border-box; width: 100%; min-height: 21px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; }

.cs-post-qna-body__title input:focus { outline: none; }

.cs-post-qna-body__field textarea { box-sizing: border-box; width: 100%; min-height: 105px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-qna-body__field textarea:focus { outline: none; }

.cs-post-qna-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-qna-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-qna-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-qna-photos { min-width: 1000px; } }

.cs-post-qna-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-qna-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-qna-photos__item, .cs-post-qna-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-qna-photos__item, .cs-post-qna-photos__button { width: 75px; height: 55px; } }

.cs-post-qna-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-qna-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-qna-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-qna-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-qna-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-qna-photos__button { background-size: 40px 40px; } }

.cs-post-qna-extent-select { width: 100%; background-color: #aaa; color: #fff; }

@media screen and (max-width: 700px) { .cs-post-qna-extent-select { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-qna-extent-select { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-qna-extent-select { min-width: 1000px; } }

.cs-post-qna-extent-select__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-qna-extent-select__inner { max-width: 700px; }

@media screen and (max-width: 700px) { .cs-post-qna-extent-select__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-qna-extent-select__dlist { padding: 1em 0; }

.cs-post-qna-extent-select__term { margin-right: 2em; display: inline-block; font-size: 14px; }

.cs-post-qna-extent-select__option { margin-right: 2em; display: inline-block; }

.cs-post-qna-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-qna-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-qna-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-qna-tags { min-width: 1000px; } }

.cs-post-qna-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-qna-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-qna-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-qna-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-qna-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-qna-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-qna-tags__field input::-ms-clear { display: none; }

.cs-post-qna-tags__field input:focus { outline: none; }

.cs-post-qna-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-qna-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-qna-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-qna-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-qna-tags__suggest { margin-top: 20px; }

.cs-post-qna-tags-suggest__heading { color: #666; }

.cs-post-qna-tags-suggest__items { margin-top: 10px; }

.cs-post-qna-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.pm-svy { background: transparent; }

.pm-svy__box, .pm-svy__box--sans-hrz-pad { background: #fff; margin-bottom: 10px; padding: 24px 15px 34px; position: relative; }

@media screen and (min-width: 701px) { .pm-svy__box, .pm-svy__box--sans-hrz-pad { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-svy__box, .pm-svy__box--sans-hrz-pad { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-svy__box, .pm-svy__box--sans-hrz-pad { padding: 24px 2% 34px; } }

.pm-svy__box--sans-hrz-pad { padding: 24px 0 34px; }

.pm-svy-main { clear: both; }

.pm-svy-main__date { float: right; margin-left: 20px; color: #666; font-size: 12px; }

.pm-svy-main__heading { font-weight: bold; font-size: 22px; }

.pm-svy-main__duration { margin-top: 25px; }

.pm-svy-main__duration:before, .pm-svy-main__duration:after { content: ''; display: table; }

.pm-svy-main__duration:after { clear: both; }

.pm-svy-main__duration-label, .pm-svy-main__duration-label--break, .pm-svy-main__duration-remain { margin-right: 21px; padding: 10px 12px 9px; display: inline-block; font-size: 16px; }

.pm-svy-main__duration-label, .pm-svy-main__duration-label--break { border-radius: 2px; color: #fff; background-color: #006794; }

.pm-svy-main__duration-label--break { float: left; }

.pm-svy-main__duration-remain { padding: 8px 20px; border-radius: 26px; color: #fff; background-color: #ff6d00; }

.pm-svy-main__duration-term, .pm-svy-main__duration-term--break { margin-top: 15px; font-size: 16px; }

.pm-svy-main__duration-term--break { margin-top: 0; overflow: hidden; }

@media screen and (max-width: 700px) { .pm-svy-main__duration-term--break { margin-top: 15px; clear: left; float: left; } }

.pm-svy-main__duration-term-row { margin-bottom: 15px; }

.pm-svy-main__duration-term-row:last-child { margin-bottom: 0; }

.pm-svy-gift { margin: 35px auto 0; padding: 20px 17px; border: 1px #aaa solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; clear: both; width: 500px; }

.pm-svy-gift:before, .pm-svy-gift:after { content: ''; display: table; }

.pm-svy-gift:after { clear: both; }

@media screen and (max-width: 700px) { .pm-svy-gift { padding: 20px 2%; width: 96%; } }

.pm-svy-gift__lead { font-size: 16px; }

.pm-svy-gift__img-box { padding: 0 0 0 11px; min-width: 112px; }

.pm-svy-gift__img-box img { width: 100%; }

@media screen and (max-width: 700px) { .pm-svy-gift__img-box { padding: 0 0 0 2%; min-width: 36%; height: auto; } }

.pm-svy-content__answer-button { margin: 35px auto 0; clear: both; width: 350px; }

@media screen and (max-width: 700px) { .pm-svy-content__answer-button { width: 100%; } }

.pm-svy-main__thanks { margin: auto; width: 345px; }

@media screen and (max-width: 700px) { .pm-svy-main__thanks { width: 100%; } }

.pm-svy-main__thanks-lead { margin-top: 45px; font-size: 14px; }

.pm-svy-main__thanks-caution { margin-top: 25px; color: #ED9800; font-size: 14px; }

.pm-svy-main__thanks-back { margin-top: 60px; text-align: center; }

.pm-svy-civil__header { padding: 0 15px 20px; }

.pm-svy-civil__header:before, .pm-svy-civil__header:after { content: ''; display: table; }

.pm-svy-civil__header:after { clear: both; }

.pm-svy-civil__heading { font-size: 16px; }

.pm-svy-civil__lead { margin-top: 15px; color: #aaa; font-size: 14px; }

.pm-svy-civil__footer { margin: 30px auto 0; }

.pm-svy-question-list { padding: 0 15px; border-bottom: 1px #ddd solid; }

@media screen and (max-width: 700px) { .pm-svy-question-list { padding: 0 2%; width: 96%; } }

.pm-svy-question-list__item { padding-bottom: 50px; }

.pm-svy-question-list__item:before, .pm-svy-question-list__item:after { content: ''; display: table; }

.pm-svy-question-list__item:after { clear: both; }

.pm-svy-question__heading { padding: 10px 15px 9px; box-sizing: border-box; width: 100%; line-height: 1; color: #fff; background-color: #006794; font-weight: bold; font-size: 18px; }

.pm-svy-question__heading:before, .pm-svy-question__heading:after { content: ''; display: table; }

.pm-svy-question__heading:after { clear: both; }

.pm-svy-question__heading--number { padding: 0 17px 0 6px; display: table-cell; min-width: 24px; font-weight: normal; font-size: 12px; text-align: center; vertical-align: middle; }

.pm-svy-question__heading--figure { padding-top: 4px; display: block; font-family: Helvetica Neue; font-size: 26px; text-align: center; white-space: nowrap; }

.pm-svy-question__heading--title { padding-left: 15px; border-left: 1px #aaa dashed; display: table-cell; line-height: 1.35; overflow: hidden; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-svy-question__heading--title { line-height: 1.2; } }

.pm-svy-legend-list { margin-top: 15px; }

.pm-svy-legend-list__item { display: inline-block; }

.pm-svy-legend-list__item--multi { display: inline-block; margin-left: 5px; color: #666; vertical-align: baseline; }

.pm-svy-option { margin: 30px auto 0; width: 400px; }

@media screen and (max-width: 700px) { .pm-svy-option { width: 100%; } }

.pm-svy-option--wide { margin: 30px 0 0 0; }

.pm-svy-option-list { font-size: 16px; letter-spacing: -5px; }

.pm-svy-option-list__item { margin-bottom: 20px; letter-spacing: normal; }

.pm-svy-option-list .is-half { margin-bottom: 2%; float: left; clear: both; width: 49%; }

.pm-svy-option-list .is-half:nth-child(even) { float: right; clear: none; }

.pm-svy-option-list .is-table-view { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; text-align: center; -ms-overflow-style: -ms-autohiding-scrollbar\9; }

@media all and (-ms-high-contrast: none) { .pm-svy-option-list .is-table-view { -ms-overflow-style: -ms-autohiding-scrollbar; } }

.pm-svy-option__label { margin-bottom: 10px; padding: 0 4px; display: block; font-size: 14px; }

.pm-svy-option__label--radio, .pm-svy-option__label--checkbox { padding: 6px; border: 1px solid #aaa; border-radius: 5px; box-sizing: border-box; display: block; width: 100%; line-height: 1.5; background-color: #fff; }

.pm-svy-option__label--matrix { display: block; padding: 10px; }

@media screen and (max-width: 700px) { .pm-svy-option__label--matrix { padding: 6px; border: 1px solid #aaa; border-radius: 5px; box-sizing: border-box; display: block; width: 100%; line-height: 1.5; background-color: #fff; }
  .pm-svy-option__label--matrix.is-selected { background-color: #aaa; } }

@media screen and (min-width: 701px) { .pm-svy-option__label--matrix .pm-svy-option__input[type="radio"], .pm-svy-option__label--matrix .pm-svy-option__input[type="checkbox"] { margin: 0; } }

@media screen and (min-width: 701px) { .pm-svy-option__label--matrix--txt { display: none; } }

.pm-svy-option__image { margin-bottom: .5em; display: block; width: 182px; }

@media screen and (max-width: 700px) { .pm-svy-option__image { width: 100%; } }

.pm-svy-option .is-selected { background-color: #aaa; }

.pm-svy-option__input[type="radio"], .pm-svy-option__input[type="checkbox"] { margin: 0 8px 0 2px; }

.pm-svy-option__input[type="file"] { max-width: 300px; font-size: 13px; }

.pm-svy-option__select { font-size: 16px !important; }

.pm-svy-option__textarea { margin: auto; display: block; min-height: 80px !important; }

.pm-svy-option__table { display: inline-table; border-collapse: separate; border: 1px solid #aaa; border-radius: 5px; }

@media screen and (max-width: 700px) { .pm-svy-option__table { display: block; border: none; } }

.pm-svy-option__table-plain { margin-bottom: 20px; width: 100%; }

.pm-svy-option__table-plain:last-child { margin-bottom: 0; }

.pm-svy-option__table-caption { text-align: left; font-size: bold; font-size: 15px; }

@media screen and (max-width: 700px) { .pm-svy-option__thead { display: none; } }

.pm-svy-option__thead th, .pm-svy-option__thead td { border-top: 0; }

@media screen and (min-width: 701px) { .pm-svy-option__thead:not(:first-child) th { border-top: 1px solid #aaa; } }

@media screen and (max-width: 700px) { .pm-svy-option__tbody { display: block; padding-bottom: 20px; } }

.pm-svy-option__tr > th:first-child, .pm-svy-option__tr > td:first-child { border-left: 0; }

@media screen and (max-width: 700px) { .pm-svy-option__tr { display: block; } }

.pm-svy-option__th-th { min-width: 3em; padding: 10px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; font-size: 14px; text-align: center; vertical-align: middle; word-break: break-all; }

@media screen and (min-width: 701px) { .pm-svy-option__th-th { min-width: 1em; font-size: 12px; vertical-align: bottom; } }

.pm-svy-option__th-heading { padding-right: 0.5em; white-space: nowrap; }

@media screen and (max-width: 700px) { .pm-svy-option__th-heading { display: block; } }

.pm-svy-option__tb-th { min-width: 4em; padding: 10px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; font-size: 14px; text-align: left; vertical-align: middle; word-break: break-all; }

@media screen and (max-width: 700px) { .pm-svy-option__tb-th { display: block; padding-top: 0px; width: 100%; font-size: 16px; border: none; box-sizing: border-box; } }

.pm-svy-option__tb-th img { max-width: 120px; max-height: 120px; }

.pm-svy-option__td { border-left: 1px solid #aaa; border-top: 1px solid #aaa; text-align: center; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-svy-option__td { display: block; padding-bottom: 10px; width: 100%; text-align: left; border: none; box-sizing: border-box; } }

.pm-svy-option__td.is-selected { background-color: #ddd; }

.pm-svy-option__td-input { padding-right: 0.5em; white-space: nowrap; }

@media screen and (max-width: 700px) { .pm-svy-option__td-input { display: block; } }

.pm-svy-option__checked { font-size: 18px; }

.pm-svy-option__checked::after { content: '✓'; }

.pm-svy-confirm { margin: 30px 96px 0; overflow: hidden; font-size: 18px; }

@media screen and (max-width: 700px) { .pm-svy-confirm { margin: 30px 0 0; text-align: center; } }

.pm-svy-confirm-radio, .pm-svy-confirm-select, .pm-svy-confirm-textarea, .pm-svy-confirm-file { padding: 15px 0; border-bottom: none; font-size: 18px; word-break: break-all; }

@media screen and (max-width: 700px) { .pm-svy-confirm-radio, .pm-svy-confirm-select, .pm-svy-confirm-textarea, .pm-svy-confirm-file { padding: 15px 1em; } }

.pm-svy-confirm-file__image { max-width: 550px; }

@media screen and (max-width: 700px) { .pm-svy-confirm-file__image { max-width: 670px; width: 100%; } }

.pm-svy-confirm-list { border-top: 1px #ddd solid; max-width: 670px; font-size: 18px; text-align: left; letter-spacing: -6px; }

@media screen and (max-width: 700px) { .pm-svy-confirm-list { width: 100%; } }

.pm-svy-confirm-list__item { padding: 15px 0; border-bottom: 1px #ddd solid; clear: both; letter-spacing: normal; }

@media screen and (max-width: 700px) { .pm-svy-confirm-list__item { padding: 15px 1em; width: auto; } }

.pm-svy-confirm-list__item-image { padding: 15px 60px; padding-right: 93px; display: inline-block; clear: none; width: 182px; }

@media screen and (max-width: 700px) { .pm-svy-confirm-list__item-image { padding: 15px 1em; display: list-item; width: auto; } }

.pm-svy-confirm-list__item-image.is-single { padding-right: 60px; clear: both; width: 550px; }

@media screen and (max-width: 700px) { .pm-svy-confirm-list__item-image.is-single { padding: 15px 1em; width: auto; } }

.pm-svy-submit__button { margin: 25px auto 0; width: 400px; overflow: hidden; }

@media screen and (max-width: 700px) { .pm-svy-submit__button { padding: 0 2%; width: 96%; } }

.pm-svy-submit-confirm__msg { color: #666; font-size: 14px; text-align: center; }

.pm-svy-submit-confirm-list { margin-top: 20px; width: 410px; }

@media screen and (max-width: 700px) { .pm-svy-submit-confirm-list { padding: 0 5%; width: 105%; } }

.pm-svy-submit-confirm-list__item { margin-right: 10px; float: left; width: 195px; }

@media screen and (max-width: 700px) { .pm-svy-submit-confirm-list__item { margin-right: 5%; width: 40%; } }

.pm-svy-submit-confirm__button { margin-top: 25px; }

.pm-svy-others-list { border-top: 1px #ddd solid; }

.pm-svy-others-list__item { padding: 15px 30px 10px; border-bottom: 1px #ddd solid; }

.pm-svy-others-list__item:before, .pm-svy-others-list__item:after { content: ''; display: table; }

.pm-svy-others-list__item:after { clear: both; }

@media screen and (max-width: 700px) { .pm-svy-others-list__item { padding: 2%; } }

.pm-svy-others-header { margin-bottom: 15px; }

.pm-svy-others-header:before, .pm-svy-others-header:after { content: ''; display: table; }

.pm-svy-others-header:after { clear: both; }

.pm-svy-others-order, .pm-svy-others-date { float: left; color: #aaa; font-size: 12px; }

.pm-svy-others-date { float: right; }

.pm-svy-others-thumbnail { position: relative; float: left; }

.pm-svy-others-thumbnail__new { position: absolute; top: 0px; left: 0px; padding: 3px 10px; color: #fff; background-color: #e91144; }

.pm-svy-others-thumbnail__alink { display: block; padding-right: 10px; }

.pm-svy-others-enhance { margin-top: 10px; clear: both; float: left; width: 100px; }

.pm-svy-others-list__alink { display: block; overflow: hidden; }

.pm-svy-others-list__alink:before, .pm-svy-others-list__alink:after { content: ''; display: table; }

.pm-svy-others-list__alink:after { clear: both; }

.pm-svy-others-title { margin-bottom: 5px; overflow: hidden; font-size: 16px; }

.pm-svy-others-list-more { padding: 20px 20px 0; }

.pm-svy-others-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-svy-supplement { margin-bottom: 10px; font-size: 14px; }

.pm-tlk { background: #eee; }

.pm-tlk-lead { padding: 20px 30px; font-size: 15px; }

@media screen and (max-width: 700px) { .pm-tlk-lead { margin-bottom: 8px; } }

@media screen and (min-width: 701px) { .pm-tlk-lead { margin-bottom: 20px; } }

@media screen and (max-width: 700px) { .pm-tlk-topics__item { margin-bottom: 8px; } }

@media screen and (min-width: 701px) { .pm-tlk-topics__item { margin-bottom: 20px; } }

@media screen and (max-width: 700px) { .pm-tlk-topics__item.with-comment .cs-response-c, .pm-tlk-topics__item.with-comment .cs-response-c--light { margin-bottom: 0; } }

.pm-tlk-topics__item.with-comment .cs-response-c__button--comment { position: relative; }

.pm-tlk-topics__item.with-comment .cs-response-c__button--comment:after { width: 0; height: 0; border-left: 6.5px solid transparent; border-right: 6.5px solid transparent; border-bottom: 7px solid #006ceb; content: ''; position: absolute; left: 1px; bottom: -14px; }

.pm-tlk-topic { background: #fff; }

@media screen and (min-width: 701px) { .pm-tlk-topic { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tlk-topic { border-bottom: 1px solid #ddd; } }

.pm-tlk-topic__header:before, .pm-tlk-topic__header:after { content: ''; display: table; }

.pm-tlk-topic__header:after { clear: both; }

@media screen and (max-width: 700px) { .pm-tlk-topic__header { padding: 15px; } }

@media screen and (min-width: 701px) { .pm-tlk-topic__header { padding: 15px 30px; } }

.pm-tlk-topic__header-author { float: left; }

@media screen and (max-width: 700px) { .pm-tlk-topic__body { padding: 0 15px 15px; } }

@media screen and (min-width: 701px) { .pm-tlk-topic__body { padding: 0 30px 15px; } }

.pm-tlk-topic__footer { margin-bottom: 10px; text-align: right; }

@media screen and (max-width: 460px) { .pm-tlk-topic__footer { margin: 10px 0; } }

@media screen and (max-width: 700px) { .pm-tlk-topic__footer { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-tlk-topic__footer { padding: 0 30px; } }

.pm-tlk-topic__footer-date { float: right; color: #777; font-size: 11px; }

.pm-tlk-topic__footer-new { margin: 0 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-tlk-topic__counters { padding: 10px 30px; border-top: 1px solid #ddd; clear: both; }

@media screen and (max-width: 700px) { .pm-tlk-topic__counters { padding: 10px 15px 10px; } }

@media screen and (max-width: 460px) { .pm-tlk-topic__counters .cs-response-c, .pm-tlk-topic__counters .cs-response-c--light { margin-bottom: 0; width: auto; } }

.pm-tlk-topic-article__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; word-break: break-all; }

.pm-tlk-topic-article__inner:hover { text-decoration: none; }

.pm-tlk-topic-article__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 100px; height: 100px; margin-right: 15px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.pm-tlk-topic-article__body { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.pm-tlk-topic-article__title { margin-bottom: 5px; color: #000; font-size: 15px; font-weight: bold; overflow: hidden; }

.pm-tlk-topic-article__description { color: #666; font-size: 13px; }

.pm-tlk-topic-comments__info { color: #666; }

@media screen and (max-width: 700px) { .pm-tlk-topic-comments__info { padding: 0 15px 20px; } }

@media screen and (min-width: 701px) { .pm-tlk-topic-comments__info { padding: 0 30px 20px; } }

.pm-tlk-topic-comment { color: #fff; display: block; position: relative; background: #006ceb; color: #fff; }

.pm-tlk-topic-comment:before, .pm-tlk-topic-comment:after { content: ''; display: table; }

.pm-tlk-topic-comment:after { clear: both; }

.pm-tlk-topic-comment:visited, .pm-tlk-topic-comment:active, .pm-tlk-topic-comment:hover { color: #fff; }

.pm-tlk-topic-comment:hover { text-decoration: none; }

@media screen and (max-width: 700px) { .pm-tlk-topic-comment { padding: 10px 15px; } }

@media screen and (max-width: 700px) { .pm-tlk-topic-comment:before { left: 155px; } }

@media screen and (max-width: 460px) { .pm-tlk-topic-comment:before { left: 50%; } }

@media screen and (min-width: 701px) { .pm-tlk-topic-comment { padding: 10px 30px; border-radius: 0 0 5px 5px; }
  .pm-tlk-topic-comment:before { left: 155px; } }

.pm-tlk-topic-comment__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 34px; height: 34px; border-radius: 50%; }

.pm-tlk-topic-comment__content { margin-left: 44px; word-break: break-all; }

.pm-tlk-topic-comment__content-date { float: right; font-size: 11px; }

.pm-tlk-topic-comment_content-name { font-size: 11px; }

.pm-tlk-topic-comment__content-body { margin-top: 3px; font-size: 12px; }

@media screen and (max-width: 700px) { .pm-tlk-topic-more { margin: 20px 15px; } }

@media screen and (min-width: 701px) { .pm-tlk-topic-more { margin: 20px 0; } }

.pm-tlk-topic-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-tlk-board__content { background: #fff; padding-bottom: 20px; }

@media screen and (min-width: 701px) { .pm-tlk-board__content { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tlk-board__content { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-tlk-board__content { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-tlk-board__content { margin-bottom: 20px; } }

.pm-tlk-board__comments { background: #fff; }

@media screen and (min-width: 701px) { .pm-tlk-board__comments { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tlk-board__comments { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-tlk-board__comments { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-tlk-board__comments { margin-bottom: 20px; padding-bottom: 20px; } }

.pm-tlk-board__footer { background: #fff; }

@media screen and (min-width: 701px) { .pm-tlk-board__footer { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tlk-board__footer { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-tlk-board__footer { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-tlk-board__footer { margin-bottom: 20px; } }

.pm-tlk-board-header { box-sizing: border-box; display: table; padding: 15px; width: 100%; }

.pm-tlk-board-header__author { display: table-cell; padding-right: 5px; vertical-align: middle; }

.pm-tlk-board-header__follow { display: table-cell; text-align: right; vertical-align: middle; }

@media screen and (max-width: 700px) { .pm-tlk-board-body { padding: 15px 15px 0; } }

@media screen and (min-width: 701px) { .pm-tlk-board-body { padding: 15px 30px 0; } }

.pm-tlk-board-article { word-break: break-all; }

.pm-tlk-board-article__image { margin-bottom: 20px; text-align: center; }

.pm-tlk-board-article__image img { max-width: 100%; }

.pm-tlk-board-article__category { float: left; }

.pm-tlk-board-article__date { margin-bottom: 10px; color: #aaa; text-align: right; }

.pm-tlk-board-article__title { font-weight: bold; font-size: 22px; }

.pm-tlk-board-article__body { font-size: 16px; word-break: break-all; }

.pm-tlk-board-article__body p { margin: 1.25em 0; line-height: 1.5; }

.pm-tlk-board-info { margin: 30px 0 40px; }

.pm-tlk-board-info__liked-users { margin-top: 30px; }

.pm-tlk-board-info__comment-button { margin-top: 30px; }

.pm-tlk-board-author { box-sizing: border-box; display: table; width: 100%; margin-bottom: 15px; }

.pm-tlk-board-author__author { display: table-cell; padding-right: 5px; vertical-align: middle; }

.pm-tlk-board-author__follow { display: table-cell; text-align: right; vertical-align: middle; }

.pm-tlk-board__comments { background: #fff; }

@media screen and (min-width: 701px) { .pm-tlk-board__comments { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tlk-board__comments { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-tlk-board__comments { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-tlk-board__comments { margin-bottom: 20px; padding-bottom: 20px; } }

.pm-tlk-board__footer { background: #fff; }

@media screen and (min-width: 701px) { .pm-tlk-board__footer { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tlk-board__footer { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-tlk-board__footer { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-tlk-board__footer { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-tlk-board-comments__form { margin: 0 0 -20px; } }

.lvd-root .pm-tlk-board-comments__form { margin: 0 0 -20px; }

.pm-tlk-board-cmt-header { padding: 15px 15px 15px 55px; border-bottom: 1px solid #ddd; color: #aaa; background: url("../img/icons/comment--gray.svg") no-repeat 30px 50%; background-size: 20px; }

.pm-tlk-board-cmt-header:before, .pm-tlk-board-cmt-header:after { content: ''; display: table; }

.pm-tlk-board-cmt-header:after { clear: both; }

.pm-tlk-board-cmt-header__amount { float: left; color: #666; }

.pm-tlk-board-cmt-header__pages { float: right; }

.pm-tlk-board-cmt-thread__items { border-top: 1px solid #ddd; }

.pm-tlk-board-cmt-thread__item { border-bottom: 1px solid #ddd; }

.pm-tlk-board-cmt-thread-more__indicator { box-sizing: border-box; height: 46px; padding-top: 13px; text-align: center; }

.pm-tlk-board-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; }

.pm-tlk-board-cmt-thread-more__label { color: #006ceb; height: 36px; line-height: 36px; background: #eee; }

@media screen and (max-width: 700px) { .pm-tlk-board-cmt-item { padding: 15px; } }

@media screen and (min-width: 701px) { .pm-tlk-board-cmt-item { padding: 20px 30px; } }

.pm-tlk-board-cmt-item__header { position: relative; padding-right: 30px; }

.pm-tlk-board-cmt-item__header:before, .pm-tlk-board-cmt-item__header:after { content: ''; display: table; }

.pm-tlk-board-cmt-item__header:after { clear: both; }

.pm-tlk-board-cmt-item__header-date { padding-left: 50px; color: #aaa; }

.pm-tlk-board-cmt-item__content { margin-top: 10px; padding-left: 50px; }

.pm-tlk-board-cmt-item__body { color: #333; font-size: 14px; word-break: break-all; }

.pm-tlk-board-cmt-item__image { margin-top: 10px; }

.pm-tlk-board-cmt-item__image img { max-width: 100%; }

.pm-tlk-board-cmt-item__res { margin-top: 10px; }

.pm-tlk-board-cmt-item__form { margin-top: 20px; margin-left: 50px; }

.pm-tlk-board-cmt-item-form:before, .pm-tlk-board-cmt-item-form:after { content: ''; display: table; }

.pm-tlk-board-cmt-item-form:after { clear: both; }

.pm-tlk-board-cmt-item-form__avatar { float: left; width: 35px; }

.pm-tlk-board-cmt-item-form__button { float: right; width: 50px; }

.pm-tlk-board-cmt-item-form__field { margin: 0 57px 0 42px; }

.pm-tlk-board-cmt-subthread { margin-top: 10px; padding-left: 50px; }

.pm-tlk-board-cmt-subthread__more { margin-bottom: 10px; }

.pm-tlk-board-cmt-subthread-more__indicator { box-sizing: border-box; height: 25px; padding-top: 2px; text-align: center; }

.pm-tlk-board-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; }

.pm-tlk-board-cmt-subitem { margin-bottom: 10px; }

.pm-tlk-board-cmt-subitem__header { position: relative; padding-right: 30px; }

.pm-tlk-board-cmt-subitem__header:before, .pm-tlk-board-cmt-subitem__header:after { content: ''; display: table; }

.pm-tlk-board-cmt-subitem__header:after { clear: both; }

.pm-tlk-board-cmt-subitem__header-date { padding-left: 50px; color: #aaa; }

.pm-tlk-board-cmt-subitem__content { margin-top: 10px; padding-left: 50px; }

.pm-tlk-board-cmt-subitem__body { font-size: 14px; word-break: break-all; }

.pm-tlk-board-cmt-menu { position: absolute; right: 0; top: 0; }

.pm-tlk-board-cmt-form__input:before, .pm-tlk-board-cmt-form__input:after { content: ''; display: table; }

.pm-tlk-board-cmt-form__input:after { clear: both; }

.pm-tlk-board-cmt-form__avatar { float: left; width: 35px; }

.pm-tlk-board-cmt-form__button { float: right; width: 50px; }

.pm-tlk-board-cmt-form__field { margin: 0 0 0 45px; }

.pm-tlk-board-cmt-form__footer { margin: 0 0 0 45px; clear: both; }

.pm-tlk-board-cmt-form__upload { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; display: inline-block; margin-bottom: 15px; color: #006ceb; vertical-align: middle; }

.pm-tlk-board-cmt-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-tlk-board-cmt-form__upload-icon { 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-tlk-board-cmt-form__button { margin-top: 5px; }

.pm-tlk-board-cmt-form__thumbnail { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; width: 60px; height: 44px; }

.pm-tlk-board-cmt-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-tlk-board-footer { padding: 20px 15px 20px; }

.pm-tlk-board-footer__tags { margin-bottom: 20px; }

.pm-tlk-board-footer__share { text-align: center; }

.pm-tlk-promote { padding: 20px 20px; font-size: 15px; text-align: center; }

@media screen and (max-width: 700px) { .pm-tlk-promote { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-tlk-promote { margin-bottom: 20px; } }

.pm-tlk-promote__text { margin-bottom: 15px; font-size: 11px; }

.pm-tlk-promote__button { margin: 0 auto; width: 100%; max-width: 335px; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); }

.pm-tlk-promote__button:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-tlk-promote__button[disabled]:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-tlk-promote__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-tlk-tool-post { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000000; padding: 15px 30px; background: rgba(255, 255, 255, 0.7); text-align: center; }

.pm-tlk-tool-post__button { width: 315px; background-color: #e92364; }

.pm-tlk-tool-post__button:hover { background-color: #e92364; }

.pm-tlk-tool-post__button[disabled]:hover { background-color: #e92364; }

.pm-tlk-tool-post__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-tlk-form { padding: 15px; background: #eee; }

@media screen and (min-width: 701px) { .pm-tlk-form { border-radius: 0 0 5px 5px; padding: 15px 30px; } }

.pm-tlk-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.pm-tlk-form__image { margin-right: 10px; float: left; }

.pm-tlk-form__body { overflow: hidden; }

.pm-tlk-form__body textarea { margin-bottom: 10px; }

.pm-tlk-form__body .cs-field-error { margin-top: 0; }

.pm-tlk-form__characters { margin: 0; float: right; color: #666; text-align: right; }

.pm-tlk-form__characters .js-textarea-overflow { color: #e60000; }

.pm-tlk-form__footer { padding: 0 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

@media screen and (max-width: 570px) { .pm-tlk-form__footer { display: block; text-align: center; } }

.pm-tlk-form__footer.is-form-error { clear: both; }

.pm-tlk-form__upload { margin: 0 10px 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; min-width: 118px; color: #006ceb; vertical-align: middle; text-align: left; }

.pm-tlk-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 570px) { .pm-tlk-form__upload { display: block; } }

.pm-tlk-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-tlk-form__thumbnail { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 15px 0 0; position: relative; display: inline-block; width: 60px; min-width: 60px; height: 44px; }

@media screen and (max-width: 570px) { .pm-tlk-form__thumbnail { margin-top: 15px; } }

.pm-tlk-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-tlk-form__button { clear: both; }

@media screen and (min-width: 701px) { .pm-tlk-form__button { text-align: center; margin-right: 40px; }
  .pm-tlk-form__button button { width: 300px; } }

.pm-tlk-form textarea.js-textarea-overflow { background: #ffcccc; }

.cs-post-tlk { box-sizing: border-box; min-height: 100vh; background: #eee; }

.cs-post-tlk-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-tlk-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tlk-category { min-width: 1000px; } }

.cs-post-tlk-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tlk-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-tlk-category__inner { padding: 8px 0; } }

.cs-post-tlk-category__field { position: relative; display: inline-block; height: 44px; }

@media screen and (max-width: 700px) { .cs-post-tlk-category__field { width: 100%; } }

@media screen and (min-width: 701px) { .cs-post-tlk-category__field { width: 375px; } }

.cs-post-tlk-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-tlk-category__field:before { border: 0; }

.cs-post-tlk-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-tlk-category__field select::-ms-expand { display: none; }

.cs-post-tlk-category__field select::-moz-focus-inner { border: 0; }

.cs-post-tlk-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-tlk-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-tlk-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-tlk-category__field option { color: #fff; background: #006ceb; }

.cs-post-tlk-body { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-tlk-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tlk-body { min-width: 1000px; } }

.cs-post-tlk-body__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tlk-body__inner { max-width: 700px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-tlk-body__inner { padding-top: 15px; padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-body__inner { padding-top: 25px; } }

.cs-post-tlk-body__field textarea { box-sizing: border-box; width: 100%; min-height: 105px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-tlk-body__field textarea:focus { outline: none; }

.cs-post-tlk-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-tlk-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tlk-photos { min-width: 1000px; } }

.cs-post-tlk-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tlk-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-tlk-photos__item, .cs-post-tlk-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-photos__item, .cs-post-tlk-photos__button { width: 75px; height: 55px; } }

.cs-post-tlk-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-tlk-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-tlk-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-tlk-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-tlk-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-photos__button { background-size: 40px 40px; } }

.cs-post-tlk-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-tlk-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tlk-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tlk-tags { min-width: 1000px; } }

.cs-post-tlk-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tlk-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-tlk-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-tlk-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-tlk-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-tlk-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-tlk-tags__field input::-ms-clear { display: none; }

.cs-post-tlk-tags__field input:focus { outline: none; }

.cs-post-tlk-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-tlk-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-tlk-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-tlk-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-tlk-tags__suggest { margin-top: 20px; }

.cs-post-tlk-tags-suggest__heading { color: #666; }

.cs-post-tlk-tags-suggest__items { margin-top: 10px; }

.cs-post-tlk-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.pm-tbk { background: transparent; }

.pm-tbk__header { padding-right: 20px; }

.pm-tbk__item { background: #fff; margin-bottom: 15px; }

@media screen and (min-width: 701px) { .pm-tbk__item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-tbk__item { border-bottom: 1px solid #ddd; } }

.pm-tbk-item-header { box-sizing: border-box; display: table; width: 100%; padding: 15px; }

.pm-tbk-item-header__author { display: table-cell; vertical-align: middle; }

.pm-tbk-item-header__follow { display: table-cell; text-align: right; vertical-align: middle; }

.pm-tbk-item-body { padding: 0 15px; }

.pm-tbk-item-body__image { margin: 0 -15px 15px; }

.pm-tbk-item-body__image img { width: 100%; height: auto; }

.pm-tbk-item-body__title { overflow: hidden; margin-bottom: 20px; font-size: 16px; }

.pm-tbk-item-body__more { position: relative; margin: -40px 0 20px; padding-top: 20px; border-bottom: 1px solid #ddd; color: #666; text-align: center; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, white 50%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, white 50%); cursor: pointer; }

.pm-tbk-item-body__more span { position: relative; top: 8px; display: inline-block; padding: 0 10px; background: #fff; }

.pm-tbk-item-info { padding-bottom: 5px; }

.pm-tbk-item-info:before, .pm-tbk-item-info:after { content: ''; display: table; }

.pm-tbk-item-info:after { clear: both; }

.pm-tbk-item-info__row { display: table; width: 100%; margin-bottom: 5px; }

.pm-tbk-item-info__tags { display: table-cell; vertical-align: top; }

.pm-tbk-item-info__date { display: table-cell; padding-top: 7px; color: #aaa; font-size: 10px; text-align: right; vertical-align: top; white-space: nowrap; }

.pm-tbk-item-info__meta { clear: both; float: left; padding-top: 5px; font-size: 10px; color: #aaa; }

.pm-tbk-item-info__meta-item { display: inline-block; margin-right: 5px; }

.pm-tbk-item-info__meta-item span { font-weight: bold; }

.pm-tbk-item-info__menu { float: right; }

.pm-tbk-item-footer { border-top: 1px solid #ddd; }

.pm-tbk-item-footer__response { display: table; width: 100%; padding: 15px 0; }

.pm-tbk-item-footer__response-item { display: table-cell; width: 33.3%; border-right: 1px solid #ddd; box-sizing: border-box; text-align: center; }

.pm-tbk-item-footer__response-item:last-child { border: none; }

.pm-tbk-item-comment { position: relative; padding: 15px; border-top: 1px solid #ddd; }

.pm-tbk-item-comment__header { display: table; width: 100%; }

.pm-tbk-item-comment__author { display: table-cell; vertical-align: top; }

.pm-tbk-item-comment__date { display: table-cell; color: #aaa; font-size: 10px; text-align: right; vertical-align: top; }

.pm-tbk-item-comment__body { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 38px; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-tbk-list-more { margin: 20px 0; } }

@media screen and (max-width: 700px) { .pm-tbk-list-more { margin: 20px 10px; } }

.pm-tbk-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-tbk-comment-modal { display: none; position: fixed; left: 50%; top: 0; z-index: 6000010; height: 100%; background: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media screen and (min-width: 701px) { .pm-tbk-comment-modal { width: 700px; } }

@media screen and (max-width: 700px) { .pm-tbk-comment-modal { width: 100%; } }

.pm-tbk-comment-modal-header { position: fixed; width: 100%; padding: 15px 0; border-bottom: 1px solid #ddd; font-size: 14px; background: #fff; z-index: 6000010; }

.pm-tbk-comment-modal-header:before, .pm-tbk-comment-modal-header:after { content: ''; display: table; }

.pm-tbk-comment-modal-header:after { clear: both; }

.pm-tbk-comment-modal-header__close { position: absolute; top: 15px; left: 15px; color: #006ceb; cursor: pointer; }

.pm-tbk-comment-modal-header__title { text-align: center; }

.pm-tbk-comment-modal-header__title:before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-size: 20px 20px; background-image: url("../img/icons/comment--gray.svg"); vertical-align: -5px; }

.pm-tbk-comment-modal-nothing { margin: 70px 15px 0; color: #aaa; font-size: 14; }

.pm-tbk-comment-modal-content { height: 100%; overflow: auto; padding: 70px 0 0 15px; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.pm-tbk-comment-modal-item { margin-bottom: 10px; }

.pm-tbk-comment-modal-item:last-child .pm-tbk-comment-modal-item__response { border-bottom: 0; }

.pm-tbk-comment-modal-item__header { display: table; width: 100%; }

.pm-tbk-comment-modal-item__author { display: table-cell; vertical-align: middle; }

.pm-tbk-comment-modal-item__date { display: table-cell; padding-right: 15px; color: #aaa; font-size: 10px; text-align: right; vertical-align: middle; }

.pm-tbk-comment-modal-item__body { margin: 0 15px 10px 44px; font-size: 14px; }

.pm-tbk-comment-modal-item__body a { color: #333; }

.pm-tbk-comment-modal-comment-modal { display: none; position: fixed; left: 50%; top: 0; z-index: 6000010; height: 100%; background: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media screen and (min-width: 701px) { .pm-tbk-comment-modal-comment-modal { width: 700px; } }

@media screen and (max-width: 700px) { .pm-tbk-comment-modal-comment-modal { width: 100%; } }

.pm-tbk-comment-modal-comment-modal-header { width: 100%; padding: 15px 0; border-bottom: 1px solid #ddd; font-size: 14px; background: #fff; z-index: 6000010; }

.pm-tbk-comment-modal-comment-modal-header:before, .pm-tbk-comment-modal-comment-modal-header:after { content: ''; display: table; }

.pm-tbk-comment-modal-comment-modal-header:after { clear: both; }

@media screen and (min-width: 701px) { .pm-tbk-comment-modal-comment-modal-header { position: absolute; } }

@media screen and (max-width: 700px) { .pm-tbk-comment-modal-comment-modal-header { position: fixed; } }

.pm-tbk-comment-modal-comment-modal-header__close { position: absolute; top: 15px; left: 15px; color: #006ceb; cursor: pointer; }

.pm-tbk-comment-modal-comment-modal-header__title { text-align: center; }

.pm-tbk-comment-modal-comment-modal-header__title:before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-size: 20px 20px; background-image: url("../img/icons/comment--gray.svg"); vertical-align: -5px; }

.pm-tbk-comment-modal-comment-modal-nothing { margin: 70px 15px 0; color: #aaa; font-size: 14; }

.pm-tbk-comment-modal-comment-modal-content { height: 100%; overflow: auto; padding: 70px 0 0 15px; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.pm-tbk-comment-modal-comment-modal__response { margin-left: 44px; padding: 0 15px 10px 0; text-align: right; border-bottom: 1px solid #ddd; }

.pm-tbk-comment-modal-footer { margin-left: -15px; padding: 10px; box-sizing: border-box; background: #006ceb; }

.pm-tbk-comment-modal-footer__form { display: table; width: 100%; }

.pm-tbk-comment-modal-footer__input { display: table-cell; padding-right: 10px; box-sizing: border-box; vertical-align: bottom; }

@media screen and (min-width: 701px) { .pm-tbk-comment-modal-footer__input { width: 100%; } }

@media screen and (max-width: 700px) { .pm-tbk-comment-modal-footer__input { width: 80%; } }

.pm-tbk-comment-modal-footer__input--textarea { vertical-align: bottom; border: none; }

.pm-tbk-comment-modal-footer__btn { display: table-cell; vertical-align: top; text-align: right; }

@media screen and (max-width: 700px) { .pm-tbk-comment-modal-footer__btn { width: 20%; } }

.pm-tbk-comment-modal.is-active { display: block; }

.pm-tbk-tool-post { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000000; padding: 15px 30px; background: rgba(255, 255, 255, 0.7); text-align: center; }

.pm-tbk-tool-post__button { width: 315px; background-color: #e92364; }

.pm-tbk-tool-post__button:hover { background-color: #e92364; }

.pm-tbk-tool-post__button[disabled]:hover { background-color: #e92364; }

.pm-tbk-tool-post__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.cs-post-tbk { box-sizing: border-box; min-height: 100vh; background: #eee; }

.cs-post-tbk-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-tbk-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tbk-category { min-width: 1000px; } }

.cs-post-tbk-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tbk-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-tbk-category__inner { padding: 8px 0; } }

.cs-post-tbk-category__field { margin: 8px auto 0; position: relative; height: 44px; }

.cs-post-tbk-category__field:first-child { margin-top: 0; }

@media screen and (max-width: 700px) { .cs-post-tbk-category__field { margin: 0; border-top: 1px solid #fff; display: inline-block; width: 100%; }
  .cs-post-tbk-category__field:first-child { border-top: none; } }

@media screen and (min-width: 701px) { .cs-post-tbk-category__field { width: 375px; } }

.cs-post-tbk-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-tbk-category__field:before { border: 0; }

.cs-post-tbk-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-tbk-category__field select::-ms-expand { display: none; }

.cs-post-tbk-category__field select::-moz-focus-inner { border: 0; }

.cs-post-tbk-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-tbk-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-tbk-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-tbk-category__field option { color: #fff; background: #006ceb; }

.cs-post-tbk-body { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-tbk-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tbk-body { min-width: 1000px; } }

.cs-post-tbk-body__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tbk-body__inner { max-width: 700px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-tbk-body__inner { padding-top: 15px; padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-body__inner { padding-top: 25px; } }

.cs-post-tbk-body__title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa; }

@media screen and (max-width: 700px) { .cs-post-tbk-body__title { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } }

.cs-post-tbk-body__title input { box-sizing: border-box; width: 100%; min-height: 21px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; }

.cs-post-tbk-body__title input:focus { outline: none; }

.cs-post-tbk-body__field textarea { box-sizing: border-box; width: 100%; min-height: 105px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-tbk-body__field textarea:focus { outline: none; }

.cs-post-tbk-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-tbk-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tbk-photos { min-width: 1000px; } }

.cs-post-tbk-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tbk-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-tbk-photos__item, .cs-post-tbk-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-photos__item, .cs-post-tbk-photos__button { width: 75px; height: 55px; } }

.cs-post-tbk-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-tbk-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-tbk-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-tbk-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-tbk-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-photos__button { background-size: 40px 40px; } }

.cs-post-tbk-extent-select { width: 100%; background-color: #aaa; color: #fff; }

@media screen and (max-width: 700px) { .cs-post-tbk-extent-select { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-extent-select { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tbk-extent-select { min-width: 1000px; } }

.cs-post-tbk-extent-select__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tbk-extent-select__inner { max-width: 700px; }

@media screen and (max-width: 700px) { .cs-post-tbk-extent-select__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-tbk-extent-select__dlist { padding: 1em 0; }

.cs-post-tbk-extent-select__term { margin-right: 2em; display: inline-block; font-size: 14px; }

.cs-post-tbk-extent-select__option { margin-right: 2em; display: inline-block; }

.cs-post-tbk-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-tbk-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-tbk-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-tbk-tags { min-width: 1000px; } }

.cs-post-tbk-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-tbk-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-tbk-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-tbk-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-tbk-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-tbk-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-tbk-tags__field input::-ms-clear { display: none; }

.cs-post-tbk-tags__field input:focus { outline: none; }

.cs-post-tbk-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-tbk-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-tbk-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-tbk-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-tbk-tags__suggest { margin-top: 20px; }

.cs-post-tbk-tags-suggest__heading { color: #666; }

.cs-post-tbk-tags-suggest__items { margin-top: 10px; }

.cs-post-tbk-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.pm-thm { background: transparent; padding-bottom: 20px; }

.pm-thm__item { background: #fff; margin-bottom: 15px; }

@media screen and (min-width: 701px) { .pm-thm__item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm__item { border-bottom: 1px solid #ddd; } }

.pm-thm__sns { background: #fff; margin-bottom: 15px; padding: 20px 0; text-align: center; }

@media screen and (min-width: 701px) { .pm-thm__sns { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm__sns { border-bottom: 1px solid #ddd; } }

.pm-thm-item-link { position: relative; display: block; }

.pm-thm-item-link:hover { text-decoration: none; }

.pm-thm-item-link:before { content: ""; display: block; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; border-radius: 3px; background: #fff; }

.pm-thm-item-link:after { content: ""; position: absolute; top: 24px; right: 26px; width: 12px; height: 12px; border-left: 1px solid #000; border-top: 1px solid #000; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.pm-thm-item__body { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; box-sizing: border-box; background: rgba(255, 255, 255, 0.85); }

@media screen and (min-width: 701px) { .pm-thm-item__body { border-radius: 0 0 5px 5px; }
  .is-details .pm-thm-item__body { border-radius: 0; } }

.pm-thm-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-thm-item__image { height: 320px; border-radius: 5px; }
  .is-details .pm-thm-item__image { border-radius: 5px 5px 0 0; } }

@media screen and (max-width: 700px) { .pm-thm-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 100%; } }

.pm-thm-item__number { margin-bottom: 5px; color: #666; }

.pm-thm-item__title { color: #333; font-size: 16px; font-weight: bold; }

.pm-thm-item__count { float: left; margin: 10px 20px 0 0; color: #666; font-weight: bold; }

.pm-thm-item__period { float: left; margin-top: 10px; color: #666; }

.pm-thm-item__period span { color: #006ceb; font-weight: bold; }

.pm-thm-item-wrap { position: relative; display: block; }

.pm-thm-item__bottom { padding: 5px 15px 10px; background: #eee; }

.pm-thm-item__bottom:before, .pm-thm-item__bottom:after { content: ''; display: table; }

.pm-thm-item__bottom:after { clear: both; }

.pm-thm-item__count--details { color: inherit; }

.pm-thm-item__period--details { float: right; }

.pm-thm-item__post { padding: 15px; }

.pm-thm-item__text { padding: 0 15px 15px; font-size: 14px; }

.pm-thm-everyone { background: #fff; margin-bottom: 15px; }

@media screen and (min-width: 701px) { .pm-thm-everyone { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm-everyone { border-bottom: 1px solid #ddd; } }

.pm-thm-everyone:before, .pm-thm-everyone:after { content: ''; display: table; }

.pm-thm-everyone:after { clear: both; }

.pm-thm-everyone-title { margin-bottom: 15px; padding: 10px 15px; border-bottom: 1px solid #ddd; color: #aaa; font-size: 16px; font-weight: bold; }

.pm-thm-everyone-items { margin: 0 15px; }

.pm-thm-everyone-items:before, .pm-thm-everyone-items:after { content: ''; display: table; }

.pm-thm-everyone-items:after { clear: both; }

.pm-thm-everyone-item { float: left; width: 47%; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 5px; }

.pm-thm-everyone-item:nth-child(2n) { float: right; }

.pm-thm-everyone-item-link { display: block; padding-bottom: 10px; }

.pm-thm-everyone-item-link:before, .pm-thm-everyone-item-link:after { content: ''; display: table; }

.pm-thm-everyone-item-link:after { clear: both; }

.pm-thm-everyone-item-link:hover { text-decoration: none; }

.pm-thm-everyone-item-header { padding: 10px; }

.pm-thm-everyone-item-header__author { float: left; }

.pm-thm-everyone-item-header__author-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 29px; height: 29px; border-radius: 50%; }

.pm-thm-everyone-item-header__name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-left: 39px; color: #666; font-size: 12px; font-weight: bold; }

.pm-thm-everyone-item-header__date { margin-left: 39px; color: #aaa; font-size: 10px; }

.pm-thm-everyone-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }

.pm-thm-everyone-item__title { padding: 10px; color: #333; font-size: 14px; }

.pm-thm-everyone-item__like { float: left; line-height: 20px; margin-right: 15px; padding-left: 35px; color: #aaa; font-weight: bold; background: url("../img/icons/like--gray.svg") no-repeat 10px 0; background-size: 20px 20px; }

.pm-thm-everyone-item__comment { float: left; line-height: 20px; padding-left: 25px; color: #aaa; font-weight: bold; background: url("../img/icons/comment--gray.svg") no-repeat 0 0; background-size: 20px 20px; }

.pm-thm-everyone-more { margin: 20px 15px; }

.pm-thm-everyone-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-thm-others { background: #fff; }

@media screen and (min-width: 701px) { .pm-thm-others { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm-others { border-bottom: 1px solid #ddd; } }

.pm-thm-others-title { padding: 10px 15px; border-bottom: 1px solid #ddd; color: #aaa; font-size: 16px; font-weight: bold; }

.pm-thm-others-item { margin: 0 15px; border-bottom: 1px solid #ddd; }

.pm-thm-others-item:last-child { border: none; }

.pm-thm-others-item__link { display: block; padding: 15px 0; }

.pm-thm-others-item__link:before, .pm-thm-others-item__link:after { content: ''; display: table; }

.pm-thm-others-item__link:after { clear: both; }

.pm-thm-others-item__link:hover { text-decoration: none; }

.pm-thm-others-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 100px; height: 100px; }

.pm-thm-others-item__title { margin: 0 0 10px 110px; padding: 0 5px 5px; border-bottom: 1px solid #ddd; color: #006ceb; font-size: 14px; }

.pm-thm-others-item__count { margin: 0 0 5px 110px; color: #666; }

.pm-thm-others-item__period { margin-left: 110px; color: #666; }

.pm-thm-post-detail { background: #fff; margin-bottom: 15px; }

@media screen and (min-width: 701px) { .pm-thm-post-detail { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm-post-detail { border-bottom: 1px solid #ddd; } }

.pm-thm-post-detail-header { box-sizing: border-box; display: table; width: 100%; padding: 15px; }

.pm-thm-post-detail-header__author { display: table-cell; vertical-align: middle; }

.pm-thm-post-detail-header__follow { display: table-cell; text-align: right; vertical-align: middle; }

.pm-thm-post-detail__image img { width: 100%; height: auto; }

.pm-thm-post-detail__text { padding: 15px; font-size: 14px; }

.pm-thm-post-detail-info { position: relative; padding: 0 15px; }

.pm-thm-post-detail-info__row { display: table; width: 100%; margin-bottom: 15px; }

.pm-thm-post-detail-info__tags { display: table-cell; vertical-align: top; }

.pm-thm-post-detail-info__date { display: table-cell; padding-top: 7px; color: #aaa; font-size: 10px; text-align: right; vertical-align: top; white-space: nowrap; }

.pm-thm-post-detail-info__response-buttons { display: table-cell; vertical-align: top; }

.pm-thm-post-detail-info__response-buttons .pm-thm-response-b { width: auto; }

.pm-thm-post-detail-info__menu { display: table-cell; vertical-align: middle; text-align: right; }

.pm-thm-post-detail-info__liked { margin: 0 -15px; padding: 20px 15px; }

.pm-thm-post-detail-comment { background: #fff; margin-bottom: 15px; padding: 0 15px; }

@media screen and (min-width: 701px) { .pm-thm-post-detail-comment { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm-post-detail-comment { border-bottom: 1px solid #ddd; } }

.pm-thm-post-detail-comment__title { margin: 0 -15px 15px; padding: 10px 15px; border-bottom: 1px solid #ddd; color: #aaa; font-size: 16px; font-weight: bold; }

.pm-thm-post-detail-comment-item { margin-bottom: 10px; }

.pm-thm-post-detail-comment-item__header { box-sizing: border-box; display: table; width: 100%; }

.pm-thm-post-detail-comment-item__author { display: table-cell; vertical-align: middle; }

.pm-thm-post-detail-comment-item__date { display: table-cell; color: #aaa; font-size: 10px; text-align: right; vertical-align: middle; }

.pm-thm-post-detail-comment-item__body { margin: 0 0 5px 44px; font-size: 14px; }

.pm-thm-post-detail-comment-item__response { margin-left: 44px; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; text-align: right; }

.pm-thm-post-detail-comment-footer { position: relative; margin: -12px -15px 0; padding: 10px; box-sizing: border-box; background: #006ceb; }

.pm-thm-post-detail-comment-footer__form { display: table; width: 100%; }

.pm-thm-post-detail-comment-footer__input { display: table-cell; padding-right: 10px; box-sizing: border-box; vertical-align: bottom; }

@media screen and (min-width: 701px) { .pm-thm-post-detail-comment-footer__input { width: 100%; } }

@media screen and (max-width: 700px) { .pm-thm-post-detail-comment-footer__input { width: 80%; } }

.pm-thm-post-detail-comment-footer__input--textarea { vertical-align: bottom; border: none; }

.pm-thm-post-detail-comment-footer__btn { display: table-cell; vertical-align: top; text-align: right; }

@media screen and (max-width: 700px) { .pm-thm-post-detail-comment-footer__btn { width: 20%; } }

.pm-thm-this-theme { background: #fff; margin-bottom: 15px; padding: 15px; }

@media screen and (min-width: 701px) { .pm-thm-this-theme { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-thm-this-theme { border-bottom: 1px solid #ddd; } }

.pm-thm-this-theme__title { position: relative; max-width: 230px; line-height: 20px; margin: 0 auto 15px; font-size: 14px; font-weight: bold; text-align: center; }

.pm-thm-this-theme__title:before, .pm-thm-this-theme__title:after { content: ""; position: absolute; bottom: 7px; height: 2px; width: 24px; background: #333; }

.pm-thm-this-theme__title:before { left: -25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pm-thm-this-theme__title:after { right: -25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-thm-this-theme__link { display: block; }

.pm-thm-this-theme__link:hover { text-decoration: none; }

.pm-thm-this-theme-item { margin-bottom: 10px; }

.pm-thm-this-theme-item:before, .pm-thm-this-theme-item:after { content: ''; display: table; }

.pm-thm-this-theme-item:after { clear: both; }

.pm-thm-this-theme-item__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; width: 100px; height: 100px; }

.pm-thm-this-theme-item__title { margin: 0 0 10px 110px; padding: 0 5px 5px; border-bottom: 1px solid #ddd; color: #006ceb; font-size: 14px; }

.pm-thm-this-theme-item__count { margin: 0 0 5px 110px; color: #666; }

.pm-thm-this-theme-item__period { margin-left: 110px; color: #666; }

.pm-thm-icon--camera-a { display: inline-block; width: 15px; height: 18px; vertical-align: middle; margin-right: 5px; background: url("../img/modules/pm-thm/camera--gray.svg") no-repeat 0 0; background-size: 15px auto; }

.pm-thm-icon--clock-a { display: inline-block; width: 15px; height: 18px; vertical-align: middle; margin-right: 5px; background: url("../img/modules/pm-thm/clock--gray.svg") no-repeat 0 0; background-size: 15px auto; }

.pm-thm-icon--pencil-a { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; background: url("../img/modules/pm-thm/pencil--white.svg") no-repeat 0 50%; background-size: 20px auto; }

.pm-thm-tool-post { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000000; padding: 15px 30px; background: rgba(255, 255, 255, 0.7); text-align: center; }

.pm-thm-tool-post__button { width: 315px; background-color: #e92364; }

.pm-thm-tool-post__button:hover { background-color: #e92364; }

.pm-thm-tool-post__button[disabled]:hover { background-color: #e92364; }

.pm-thm-tool-post__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.cs-post-thm { box-sizing: border-box; min-height: 100vh; background: #eee; }

.cs-post-thm-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-thm-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-thm-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-thm-category { min-width: 1000px; } }

.cs-post-thm-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-thm-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-thm-category__inner { padding: 8px 0; } }

.cs-post-thm-category__field { margin: 8px auto 0; position: relative; height: 44px; }

.cs-post-thm-category__field:first-child { margin-top: 0; }

@media screen and (max-width: 700px) { .cs-post-thm-category__field { margin: 0; border-top: 1px solid #fff; display: inline-block; width: 100%; }
  .cs-post-thm-category__field:first-child { border-top: none; } }

@media screen and (min-width: 701px) { .cs-post-thm-category__field { width: 375px; } }

.cs-post-thm-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-thm-category__field:before { border: 0; }

.cs-post-thm-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-thm-category__field select::-ms-expand { display: none; }

.cs-post-thm-category__field select::-moz-focus-inner { border: 0; }

.cs-post-thm-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-thm-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-thm-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-thm-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-thm-category__field option { color: #fff; background: #006ceb; }

.cs-post-thm-body { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-thm-body { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-thm-body { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-thm-body { min-width: 1000px; } }

.cs-post-thm-body__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-thm-body__inner { max-width: 700px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-thm-body__inner { padding-top: 15px; padding-left: 15px; padding-right: 15px; } }

@media screen and (min-width: 701px) { .cs-post-thm-body__inner { padding-top: 25px; } }

.cs-post-thm-body__title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #aaa; }

@media screen and (max-width: 700px) { .cs-post-thm-body__title { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } }

.cs-post-thm-body__title input { box-sizing: border-box; width: 100%; min-height: 21px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; }

.cs-post-thm-body__title input:focus { outline: none; }

.cs-post-thm-body__field textarea { box-sizing: border-box; width: 100%; min-height: 105px; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-thm-body__field textarea:focus { outline: none; }

.cs-post-thm-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-thm-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-thm-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-thm-photos { min-width: 1000px; } }

.cs-post-thm-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-thm-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-thm-photos__item, .cs-post-thm-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-thm-photos__item, .cs-post-thm-photos__button { width: 75px; height: 55px; } }

.cs-post-thm-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-thm-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-thm-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-thm-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-thm-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-thm-photos__button { background-size: 40px 40px; } }

.cs-post-thm-extent-select { width: 100%; background-color: #aaa; color: #fff; }

@media screen and (max-width: 700px) { .cs-post-thm-extent-select { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-thm-extent-select { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-thm-extent-select { min-width: 1000px; } }

.cs-post-thm-extent-select__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-thm-extent-select__inner { max-width: 700px; }

@media screen and (max-width: 700px) { .cs-post-thm-extent-select__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-thm-extent-select__dlist { padding: 1em 0; }

.cs-post-thm-extent-select__term { margin-right: 2em; display: inline-block; font-size: 14px; }

.cs-post-thm-extent-select__option { margin-right: 2em; display: inline-block; }

.cs-post-thm-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-thm-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-thm-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-thm-tags { min-width: 1000px; } }

.cs-post-thm-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-thm-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-thm-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-thm-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-thm-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-thm-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-thm-tags__field input::-ms-clear { display: none; }

.cs-post-thm-tags__field input:focus { outline: none; }

.cs-post-thm-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-thm-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-thm-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-thm-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-thm-tags__suggest { margin-top: 20px; }

.cs-post-thm-tags-suggest__heading { color: #666; }

.cs-post-thm-tags-suggest__items { margin-top: 10px; }

.cs-post-thm-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.pm-vot { background: #eee; }

.pm-vot-article__item { background: #fff; margin: 0 0 10px; padding: 15px 30px 0; }

@media screen and (min-width: 701px) { .pm-vot-article__item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-vot-article__item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-vot-article__item { padding: 15px 15px 0; } }

.pm-vot-article__header-date { margin-bottom: 10px; float: right; clear: both; padding: 5px 0 5px 5px; line-height: 1; background-color: transparent; color: #666; }

.pm-vot-article__header-text { margin-bottom: 10px; padding: 4px 0 5px; float: left; clear: both; min-width: 54px; line-height: 1; color: #fff; background-color: #ee0019; font-size: 11px; text-align: center; }

.pm-vot-article__header-text.is-done { background-color: #03BACB; }

.pm-vot-article__header-text.is-end { background-color: #1A4374; }

.pm-vot-article__title { margin: 0 0 15px; clear: both; font-weight: bold; font-size: 22px; }

.pm-vot-article__title.is-disable { color: #333; }

.pm-vot-article__response { margin: 30px 0 40px; }

.pm-vot-article__views { margin: 0 0 0 15px; color: #666; font-size: 12px; }

@media screen and (max-width: 700px) { .pm-vot-article__views { margin: 0; } }

.pm-vot-article__visual { margin-bottom: 15px; }

.pm-vot-article__visual img { width: 100%; }

.pm-vot-article__body { margin: 0 0 15px; clear: both; overflow: hidden; color: #333; font-size: 16px; }

.pm-vot-article__image { float: right; width: 120px; margin: 0 0 15px 10px; }

.pm-vot-article__image img { width: 100%; height: auto; }

.pm-vot-article-date { margin: 0 0 8px; }

.pm-vot-article-quantity em { display: inline-block; margin: 0 8px; color: #006ceb; }

.pm-vot-article-func { margin: 18px -15px 0; padding: 10px 15px 10px; overflow: hidden; text-align: right; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-vot-article-more { margin: 20px 10px; } }

@media screen and (min-width: 701px) { .pm-vot-article-more { margin: 20px 0; } }

.pm-vot-article-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-vot-article-list__item { background: #fff; padding: 15px 15px 0; margin: 0 0 10px; }

@media screen and (min-width: 701px) { .pm-vot-article-list__item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-vot-article-list__item { border-bottom: 1px solid #ddd; } }

.pm-vot-article-list__header { margin: 0 0 15px; overflow: hidden; }

.pm-vot-article-list__header-text { display: inline-block; float: left; padding: 6px 10px; line-height: 1; background-color: #ffb434; color: #fff; }

.pm-vot-article-list__header-date { display: inline-block; float: right; padding: 5px 0 5px 5px; line-height: 1; background-color: transparent; color: #666; }

.pm-vot-article-list__body { margin: 0 0 15px; overflow: hidden; }

.pm-vot-article-list__title { margin: 0 0 15px; font-weight: bold; font-size: 20px; color: #006ceb; }

.pm-vot-article-list__title.is-disable { color: #333; }

.pm-vot-article-list__image { float: right; width: 120px; margin: 0 0 15px 10px; }

.pm-vot-article-list__image img { width: 100%; height: auto; }

.pm-vot-article-list-date { margin: 0 0 8px; }

.pm-vot-article-list-quantity em { display: inline-block; margin: 0 8px; color: #006ceb; }

.pm-vot-article-list-func { margin: 18px -15px 0; padding: 10px 15px 10px; overflow: hidden; text-align: right; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-vot-article-list-more { margin: 20px 10px; } }

@media screen and (min-width: 701px) { .pm-vot-article-list-more { margin: 20px 0; } }

.pm-vot-article-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-vot-button { display: block; clear: both; text-align: center; }

.pm-vot-button__inner { max-width: 345px; }

.pm-vot-summary { padding: 20px; background-color: #eee; }

@media screen and (min-width: 701px) { .pm-vot-summary { margin: 0 0 40px; } }

.pm-vot-summary-date { font-size: 16px; }

.pm-vot-summary-quantity { margin: 10px 0 0; font-size: 16px; }

@media screen and (min-width: 701px) { .pm-vot-summary-quantity { font-size: 14px; } }

.pm-vot-summary-quantity em { display: inline-block; margin: 0 8px; color: #ee0019; }

@media screen and (min-width: 701px) { .pm-vot-summary-quantity em { font-weight: normal; } }

.pm-vot-vote-list { margin: 30px 0; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-vot-vote-list { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.pm-vot-vote-list__item { padding: 12px; margin: 0 0 10px; border: 1px solid #aaa; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 82px; cursor: pointer; background-image: url("../img/modules/pm-vot/bg_pm-vot-vote__item.svg"); background-repeat: no-repeat; background-position: 95% 50%; background-size: 60px auto; }

.pm-vot-vote-list__item:before, .pm-vot-vote-list__item:after { content: ''; display: table; }

.pm-vot-vote-list__item:after { clear: both; }

.pm-vot-vote-list__item.is-active { background-color: #fff4e1; background-image: url("../img/modules/pm-vot/bg_pm-vot-vote__item--active.svg"); border-color: #006ceb; }

@media screen and (min-width: 701px) { .pm-vot-vote-list__item { margin: 0 10px 20px 0; width: 279px; }
  .pm-vot-vote-list__item:nth-child(even) { margin: 0 0 20px 0; } }

@media screen and (max-width: 999px) { .pm-vot-vote-list__item { margin-right: 30px; } }

@media screen and (max-width: 700px) { .pm-vot-vote-list__item { box-sizing: border-box; width: 100%; } }

.pm-vot-vote-list img { margin: 0 10px 0 0; border: 1px solid #ddd; box-sizing: border-box; max-width: 80px; height: auto; max-height: 80px; }

.pm-vot-vote-list__title { padding: 0 65px 0 0; box-sizing: border-box; overflow: hidden; vertical-align: middle; font-size: 16px; word-break: break-all; }

.pm-vot-vote-list__title.is-active { color: #006ceb; }

@media screen and (max-width: 700px) { .pm-vot-vote-list.is-without-image .pm-vot-vote-list__item { min-height: 65px; background-size: 40px auto; }
  .pm-vot-vote-list.is-without-image .pm-vot-vote-list__title { padding: 0 45px 0 0; } }

.pm-vot-vote-list.is-without-image img { display: none; }

.pm-vot-vote-list.is-with-big-image .pm-vot-vote-list__item { display: block; background: none; }

.pm-vot-vote-list.is-with-big-image .pm-vot-vote-list__item img { margin: 0 0 10px; float: none; width: 100%; max-width: none; max-height: none; }

.pm-vot-vote-list.is-with-big-image .pm-vot-vote-list__item .pm-vot-vote-list__title { padding: 0 0 0 25px; background-image: url("../img/modules/pm-vot/bg_pm-vot-vote__item.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 21px auto; }

.pm-vot-vote-list.is-with-big-image .pm-vot-vote-list__item.is-active { border-color: #006ceb; background-color: #fff4e1; }

.pm-vot-vote-list.is-with-big-image .pm-vot-vote-list__item.is-active .pm-vot-vote-list__title { background-image: url("../img/modules/pm-vot/bg_pm-vot-vote__item--active.svg"); }

.pm-vot-vote-comment { margin: 0 -30px; padding: 0 0 40px; }

@media screen and (max-width: 700px) { .pm-vot-vote-comment { margin: 0 -15px; } }

.pm-vot-vote-comment__inputs { padding: 15px; background-color: #eee; }

.pm-vot-vote-comment__text { margin: 0 0 10px; color: #aaa; font-size: 14px; }

.pm-vot-vote-comment-avatar { float: left; margin: 0 10px 0 0; }

.pm-vot-vote-comment-field { overflow: hidden; }

.pm-vot-vote-comment-caution { margin: 20px auto -15px; max-width: 345px; font-size: 14px; }

.pm-vot-vote-comment-button { margin: 20px auto 0; border-radius: 5px; max-width: 345px; background-color: #006ceb; }

.pm-vot-vote-comment-button.is-diabled { background-color: #aaa; }

.pm-vot-vote-comment-button-b--2-xl { border-radius: 5px; border: 1px solid #aaa; }

.pm-vot-vote-meta { padding: 0 0 20px; }

.pm-vot-result-list { margin: 30px -15px; }

@media screen and (min-width: 701px) { .pm-vot-result-list { margin: 0 0 20px; } }

.pm-vot-result-list .is-no-image .pm-vot-result-list-badge { top: -1px !important; left: -1px !important; }

.pm-vot-result-list .is-no-image .pm-vot-result-list__image { width: auto; height: auto; border: none; }

.pm-vot-result-list__item { position: relative; padding: 10px 15px; border-top: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-vot-result-list__item { padding: 10px 0 30px; } }

.pm-vot-result-list__item:last-child { border-bottom: none; }

.pm-vot-result-list__item-inner { margin-left: 40px; position: relative; overflow: hidden; }

.pm-vot-result-list__item-inner:after { clear: both; content: ""; display: table; }

.pm-vot-result-list__image { box-sizing: border-box; position: relative; float: left; margin: 0 10px 0 0; width: 72px; height: 72px; vertical-align: middle; text-align: center; border: 1px solid #ddd; }

.pm-vot-result-list__image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; box-sizing: border-box; max-width: 70px; max-height: 70px; height: auto; }

.pm-vot-result-list-badge { 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; top: 4px; left: 4px; }

.pm-vot-result-list-badge__ranking--gold { background-color: #D6B260; }

.pm-vot-result-list-badge__ranking--silver { background-color: #B1C0D3; }

.pm-vot-result-list-badge__ranking--bronze { background-color: #B96C39; }

.pm-vot-result-list__title { margin: 0 0 8px 0; padding: 0 50px 0 0; font-size: 16px; }

.pm-vot-result-list__data { margin: 0; }

.pm-vot-result-list__data-quantity { margin-bottom: 4px; color: #006ceb; }

.pm-vot-result-list__data-graph { width: 100%; height: 20px; max-width: 450px; }

.pm-vot-result-list__data-graph-bar { width: 100%; height: 20px; background-color: #ffe6e8; }

.pm-vot-result-list-comment { clear: both; margin: 10px 0 0; padding: 10px 0 0; border-top: 1px dashed #ddd; }

.pm-vot-result-list-comment-avatar { float: left; }

.pm-vot-result-list-comment__text { margin: 5px 5px 0 30px; clear: left; float: left; max-width: 460px; color: #666; font-size: 14px; }

.pm-vot-result-list-comment__link { margin-top: 5px; float: right; clear: both; }

.pm-vot-result-list-comment__link a { padding: 0 20px 0 0; position: relative; display: inline-block; line-height: 1; }

.pm-vot-result-list-comment__link a:after { content: ''; position: absolute; top: 30%; right: 0; width: 10px; height: 10px; margin-top: -6px; border-top: 1px solid #006ceb; border-left: 1px solid #006ceb; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

.pm-vot-result-list-comment__link a.is-open:after { top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pm-vot-result-list-comments { display: none; }

.pm-vot-result-list-comments-list__item { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc; }

.pm-vot-result-list-comments-list__item-text { margin: 5px 0 0 30px; color: #666; font-size: 14px; }

.pm-vot-result-list-comments-list-more { margin: 10px -30px -10px; border-top: 1px solid #ddd; }

.pm-vot-result-list-comments-list-more__indicator { box-sizing: border-box; height: 46px; padding-top: 13px; text-align: center; }

.pm-vot-result-list-comments-list-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 7px 20px; display: block; font-size: 14px; text-align: center; }

.pm-vot-result-list-comments-list-more__label { color: #aaa; height: 36px; line-height: 36px; background: #eee; }

.pm-vot-comments-header { padding: 30px 5% 8px; }

.pm-vot-comments-header-image { margin: 0 8px 25px 0; float: left; }

.pm-vot-comments-header-name { overflow: hidden; }

.pm-vot-comments-header-name__dlist-term { margin-bottom: .5em; font-size: 16px; }

.pm-vot-comments-header-name__dlist-desc { color: #ee0019; font-size: 14px; }

.pm-vot-comments-header-info { margin-top: 25px; clear: both; }

.pm-vot-comments-header-info__para { color: #666; font-size: 14px; }

.pm-vot-comments-header-info__para strong { margin-right: .25em; color: #333; font-weight: normal; }

.pm-vot-comments__body { margin-bottom: 20px; padding-bottom: 20px; }

.pm-vot-comments-list { border-top: 1px solid #ddd; }

.pm-vot-comments-list__item { border-bottom: 1px solid #ddd; }

.pm-vot-comments-list__alink { color: #aaa; padding: 5%; display: block; }

.pm-vot-comments-list__alink:visited, .pm-vot-comments-list__alink:active, .pm-vot-comments-list__alink:hover { color: #aaa; }

.pm-vot-comments-list__alink:hover { text-decoration: none; }

@media screen and (min-width: 701px) { .pm-vot-comments-list__alink { padding: 20px 5%; } }

.pm-vot-comments-list__image { margin: 0 10px 10px 0; float: left; }

.pm-vot-comments-list__content { overflow: hidden; }

.pm-vot-comments-list__user-name { margin-bottom: 1em; float: left; }

@media screen and (min-width: 701px) { .pm-vot-comments-list__user-name { margin-bottom: .25em; } }

.pm-vot-comments-list__date { margin-bottom: 1em; float: right; }

@media screen and (min-width: 701px) { .pm-vot-comments-list__date { margin-bottom: .25em; } }

.pm-vot-comments-list__message { clear: both; color: #333; font-size: 14px; }

.pm-vot-comments-more__button { margin-bottom: 20px; }

.pm-vot-comments-more__indicator { text-align: center; }

.pm-vot-form { margin: 0 -15px; padding: 15px; background: #eee; }

@media screen and (min-width: 701px) { .pm-vot-form { margin: 0 -30px; border-radius: 0 0 5px 5px; padding: 15px 30px; } }

.pm-vot-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.pm-vot-form__image { margin-right: 10px; float: left; }

.pm-vot-form__body { overflow: hidden; }

.pm-vot-form__body textarea { margin-bottom: 10px; }

.pm-vot-form__body .cs-field-error { margin-top: 0; }

.pm-vot-form__characters { margin: 0 0 13px; float: right; color: #666; text-align: right; }

.pm-vot-form__characters .js-textarea-overflow { color: #e60000; }

.pm-vot-form__footer.is-form-error { clear: both; }

.pm-vot-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: #006ceb; vertical-align: middle; }

.pm-vot-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-vot-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-vot-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 screen and (max-width: 700px) { .pm-vot-form__thumbnail { margin: 0 0 10px; display: block; } }

.pm-vot-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-vot-form__button { clear: both; }

@media screen and (min-width: 701px) { .pm-vot-form__button { text-align: center; margin-right: 40px; }
  .pm-vot-form__button button { width: 300px; } }

.pm-vot-form textarea.js-textarea-overflow { background: #ffcccc; }

.pm-vot-article-list-item { background: #fff; margin-bottom: 10px; padding: 15px 30px; }

@media screen and (min-width: 701px) { .pm-vot-article-list-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-vot-article-list-item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-vot-article-list-item { margin-bottom: 5px; padding: 15px; } }

@media screen and (max-width: 700px) { .pm-vot-article-list-more { margin: 20px 10px; } }

@media screen and (min-width: 701px) { .pm-vot-article-list-more { margin: 20px 0; } }

.pm-vot-article-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-vot-article-list-item-body:before, .pm-vot-article-list-item-body:after { content: ''; display: table; }

.pm-vot-article-list-item-body:after { clear: both; }

.pm-vot-article-list-item-body-link { display: block; }

.pm-vot-article-list-item-body-link:hover { text-decoration: none; }

.pm-vot-article-list-item-body img { margin: 0 15px 15px 0; border: 1px solid #ddd; box-sizing: border-box; display: block; float: left; width: 100px; height: auto; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body img { width: 70px; height: auto; } }

.pm-vot-article-list-item-body__texts { overflow: hidden; color: #333; font-size: 14px; }

.pm-vot-article-list-item-body__title { margin-bottom: 5px; clear: both; line-height: 1.5; font-weight: bold; font-size: 17px; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body__title { font-size: 16px; } }

.pm-vot-article-list-item-body__lead { line-height: 1.5; font-size: 13px; word-break: break-all; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body__lead { font-size: 12px; } }

.pm-vot-article-list-item-body__date-button { margin-top: 24px; padding: 15px 30px 15px 25px; clear: both; background-color: #eee; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body__date-button { text-align: center; } }

.pm-vot-article-list-item-body__date { float: left; font-size: 13px; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body__date { float: none; font-size: 12px; } }

.pm-vot-article-list-item-body__quantity { margin-top: 5px; float: left; clear: left; font-size: 13px; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body__quantity { margin-top: 10px; float: none; font-size: 12px; } }

.pm-vot-article-list-item-body__quantity em { display: inline-block; margin: 0 8px; color: #006ceb; font-size: 16px; }

.pm-vot-article-list-item-body-button { margin: 0; margin-top: -17px; float: right; width: 240px; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-body-button { margin: 10px auto 0; float: none; max-width: 100%; } }

.pm-vot-article-list-item-body-button button { font-size: 14px; }

.pm-vot-article-list-item-body-button .is-end { border: 1px solid #006ceb; color: #006ceb; background-color: #fff; }

.pm-vot-article-list-item-body-button .is-end:hover { background-color: #fff; }

.pm-vot-article-list-item-timestamp { margin-top: 17px; box-sizing: border-box; width: 100%; }

@media screen and (max-width: 700px) { .pm-vot-article-list-item-timestamp { margin-top: 15px; } }

.pm-vot-article-list-item-timestamp__date { float: right; color: #666; }

.pm-vot-article-list-item-timestamp__new { margin: -2px 10px 0 0; padding: 5px 10px; border-radius: 3px; float: right; font-size: 10px; line-height: 1; color: #fff; background-color: #e91144; }

.pm-vot-article-list-item-footer { margin: 10px -15px -15px; padding: 10px 15px; border-top: 1px solid #ddd; }

.pm-vot-article-list-item-footer:before, .pm-vot-article-list-item-footer:after { content: ''; display: table; }

.pm-vot-article-list-item-footer:after { clear: both; }

@media screen and (min-width: 701px) { .pm-vot-article-list-item-footer { margin: 10px -30px -15px; padding: 10px 30px; } }

.pm-vot-article-list-item-footer__views { float: left; color: #aaa; }

.pm-vot-article-list-item-footer__views span { margin-left: .5em; font-size: 10px; }

.pm-vot-article-list-item-footer .cs-response-a__button, .pm-vot-article-list-item-footer .cs-response-a__button--like, .pm-vot-article-list-item-footer .cs-response-a__button--comment, .pm-vot-article-list-item-footer .cs-response-a__button--clip { margin-right: 35px; }

@media screen and (max-width: 460px) { .pm-vot-article-list-item-footer .cs-response-c, .pm-vot-article-list-item-footer .cs-response-c--light { margin-bottom: 0; width: auto; } }

.pm-err-body { padding: 5%; }

.pm-err-title { margin-bottom: 1em; font-weight: bold; font-size: 16px; }

.pm-err-lead { margin-bottom: 3em; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide [dir="rtl"] { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; background-size: cover; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.pm-rcp { background: #eee; overflow: hidden; }

.pm-rcp-top { background: #fff; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-rcp-top { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rcp-top { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-rcp-top { padding: 15px; } }

.pm-rcp-top-title { height: 120px; margin-bottom: 10px; background: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-top-title { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rcp-top-title { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-rcp-top-title { height: 135px; } }

.pm-rcp-top-pickup { position: relative; display: table; width: 100%; height: 200px; text-decoration: none !important; }

.pm-rcp-top-pickup__image { display: none; }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup__image { display: table-cell; width: 320px; height: 230px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } }

.pm-rcp-top-pickup__wrap { display: table-cell; padding: 0 25px 25px; vertical-align: bottom; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup__wrap { padding: 20px; vertical-align: top; background-image: none !important; } }

.pm-rcp-top-pickup__label { display: inline-block; padding: 5px 10px; line-height: 1; color: #fff; font-size: 10px; border-radius: 3px; background-color: #f1330f; }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup__label { padding: 8px 10px; font-size: 14px; }
  .pm-rcp-top-pickup__label span { display: inline-block; margin-left: 30px; } }

.pm-rcp-top-pickup__text { margin: 5px 0; font-weight: bold; font-size: 18px; line-height: 1.6; color: #fff; }

@media screen and (max-width: 700px) { .pm-rcp-top-pickup__text { text-shadow: 0px 1px 3px #333, 0px 0px 3px #333, 1px 0px 3px #333, 0px -1px 3px #333, -1px -1px 3px #333, -1px 0px 3px #333; } }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup__text { color: #333; } }

.pm-rcp-top-pickup__text small { display: block; font-weight: normal; font-size: 12px; }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup__text small { font-size: 13px; } }

@media screen and (max-width: 700px) { .pm-rcp-top-pickup__info { position: absolute; top: 25px; left: 25px; z-index: 2; } }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup__overlay { display: none; } }

@media screen and (max-width: 700px) { .pm-rcp-top-pickup__overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 1; } }

.pm-rcp-top-pickup-response-a { display: table; width: 100%; }

@media screen and (min-width: 701px) { .pm-rcp-top-pickup-response-a { margin-top: 20px; } }

@media screen and (max-width: 700px) { .pm-rcp-top-pickup-response-a { background-color: rgba(255, 255, 255, 0.7); border-radius: 5px; padding: 5px; color: #333; } }

.pm-rcp-top-pickup-response-a__like, .pm-rcp-top-pickup-response-a__comment, .pm-rcp-top-pickup-response-a__views { display: table-cell; line-height: 30px; }

.pm-rcp-top-pickup-response-a__views { display: block; float: left; }

.pm-rcp-top__header { margin-top: 15px; margin-bottom: 15px; padding: 10px 15px; background-color: #f1790f; color: #fff; font-size: 14px; display: table; width: 100%; }

@media screen and (min-width: 701px) { .pm-rcp-top__header { display: table; width: 100%; margin-bottom: 20px; padding: 10px 0 10px 20px; font-size: 16px; box-sizing: border-box; } }

.pm-rcp-top__header a:link, .pm-rcp-top__header a:visited, .pm-rcp-top__header a:focus, .pm-rcp-top__header a:hover { color: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-top__header a { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }
  .pm-rcp-top__header a:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } }

.pm-rcp-top__header-link { display: none; }

.pm-rcp-top__header-link--sp { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }

.pm-rcp-top__header-link--sp:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-rcp-top__header--first { margin-top: 1px; margin-bottom: 15px; padding: 10px 15px; background-color: #f1790f; color: #fff; font-size: 14px; display: table; width: 100%; }

@media screen and (min-width: 701px) { .pm-rcp-top__header--first { display: table; width: 100%; margin-bottom: 20px; padding: 10px 0 10px 20px; font-size: 16px; box-sizing: border-box; } }

.pm-rcp-top__header--first a:link, .pm-rcp-top__header--first a:visited, .pm-rcp-top__header--first a:focus, .pm-rcp-top__header--first a:hover { color: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-top__header--first a { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }
  .pm-rcp-top__header--first a:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } }

.pm-rcp-top__header--first-link { display: none; }

.pm-rcp-top__header--first-link--sp { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }

.pm-rcp-top__header--first-link--sp:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

@media screen and (min-width: 701px) { .pm-rcp-top__header--first { margin-top: 30px; } }

.pm-rcp-top__header--tag { margin-bottom: 15px; padding: 10px 15px; background-color: #f1790f; color: #fff; font-size: 14px; display: table; width: 100%; padding-left: 40px !important; background-image: url("../img/modules/pm-rcp/tag--white.svg"); background-repeat: no-repeat; background-position: 10px 50%; }

@media screen and (min-width: 701px) { .pm-rcp-top__header--tag { display: table; width: 100%; margin-bottom: 20px; padding: 10px 0 10px 20px; font-size: 16px; box-sizing: border-box; } }

.pm-rcp-top__header--tag a:link, .pm-rcp-top__header--tag a:visited, .pm-rcp-top__header--tag a:focus, .pm-rcp-top__header--tag a:hover { color: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-top__header--tag a { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }
  .pm-rcp-top__header--tag a:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } }

.pm-rcp-top__header--tag-link { display: none; }

.pm-rcp-top__header--tag-link--sp { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }

.pm-rcp-top__header--tag-link--sp:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-rcp-top__header--comment { margin-bottom: 15px; padding: 10px 15px; background-color: #f1790f; color: #fff; font-size: 14px; display: table; width: 100%; padding-left: 40px !important; background-image: url("../img/icons/comment--white.svg"); background-repeat: no-repeat; background-position: 10px 50%; }

@media screen and (min-width: 701px) { .pm-rcp-top__header--comment { display: table; width: 100%; margin-bottom: 20px; padding: 10px 0 10px 20px; font-size: 16px; box-sizing: border-box; } }

.pm-rcp-top__header--comment a:link, .pm-rcp-top__header--comment a:visited, .pm-rcp-top__header--comment a:focus, .pm-rcp-top__header--comment a:hover { color: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-top__header--comment a { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }
  .pm-rcp-top__header--comment a:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } }

.pm-rcp-top__header--comment-link { display: none; }

.pm-rcp-top__header--comment-link--sp { display: table-cell; width: 100px; padding-right: 30px; vertical-align: middle; text-align: right; color: #fff; text-decoration: none; font-size: 12px; }

.pm-rcp-top__header--comment-link--sp:after { content: ""; display: inline-block; margin-left: 15px; width: 12px; height: 12px; vertical-align: -3px; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-rcp-top-carousel { position: relative; margin-bottom: 10px; }

@media screen and (min-width: 701px) { .pm-rcp-top-carousel { margin-bottom: 30px; } }

.pm-rcp-top-carousel .slick-dots { margin-top: 10px; text-align: center; }

.pm-rcp-top-carousel .slick-dots li { display: inline-block; margin: 0 5px; }

.pm-rcp-top-carousel .slick-dots li button { display: block; width: 8px; height: 8px; border-radius: 50%; font-size: 0; text-indent: 100%; overflow: hidden; background-color: #ddd; }

.pm-rcp-top-carousel .slick-dots li.slick-active button { background-color: #dd647f; }

.pm-rcp-top-carousel__item { position: relative; margin: 0 5px; height: 150px !important; color: #fff; text-decoration: none; }

.pm-rcp-top-carousel__item:visited, .pm-rcp-top-carousel__item:hover, .pm-rcp-top-carousel__item:active { color: #fff; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-rcp-top-carousel__item { margin: 0; height: 260px !important; } }

.pm-rcp-top-carousel__text { position: absolute; padding: 20px; font-size: 20px; font-weight: bold; z-index: 2; }

@media screen and (min-width: 701px) { .pm-rcp-top-carousel__text { display: table; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; padding: 0 60px; }
  .pm-rcp-top-carousel__text span { display: table-cell; vertical-align: middle; } }

.pm-rcp-top-carousel__text span { text-shadow: 0px 1px 3px #333, 0px 0px 3px #333, 1px 0px 3px #333, 0px -1px 3px #333, -1px -1px 3px #333, -1px 0px 3px #333; }

.pm-rcp-top-carousel__photo { height: 100%; background-size: cover; }

.pm-rcp-top-carousel__overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; z-index: 1; }

.pm-rcp-top-carousel-nav { display: none; }

@media screen and (min-width: 701px) { .pm-rcp-top-carousel-nav { display: block; }
  .pm-rcp-top-carousel-nav__prev, .pm-rcp-top-carousel-nav__next { display: block; width: 40px; height: 40px; position: absolute; top: 110px; background-color: rgba(255, 255, 255, 0.5); border-radius: 3px; text-indent: 100%; font-size: 0; overflow: hidden; }
  .pm-rcp-top-carousel-nav__prev:before, .pm-rcp-top-carousel-nav__next:before { content: ""; position: absolute; top: 50%; bottom: 50%; width: 12px; height: 12px; margin-top: -6px; border-left: 1px solid #fff; border-top: 1px solid #fff; }
  .pm-rcp-top-carousel-nav__prev { left: 10px; }
  .pm-rcp-top-carousel-nav__prev:before { right: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  .pm-rcp-top-carousel-nav__next { right: 10px; }
  .pm-rcp-top-carousel-nav__next:before { left: 10px; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } }

.pm-rcp-top-search { margin: 0 15px 30px; border: 1px solid #aaa; border-radius: 6px; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-rcp-top-search { margin: 20px 0 40px; border-left: none; border-right: none; border-radius: 0; } }

.pm-rcp-top-search__header { padding: 10px; background-color: #eee; position: relative; }

.pm-rcp-top-search__header.is-active { border-bottom: 1px solid #aaa; }

.pm-rcp-top-search__header:after { content: ""; position: absolute; top: 50%; bottom: 50%; right: 16px; width: 8px; height: 8px; margin-top: -5px; border-left: 1px solid #888; border-top: 1px solid #888; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

@media screen and (min-width: 701px) { .pm-rcp-top-search__header:after { display: none; } }

.pm-rcp-top-search__header.is-active:after { -webkit-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); }

@media screen and (min-width: 701px) { .pm-rcp-top-search__header { font-size: 14px; border-bottom: 1px solid #aaa; } }

.pm-rcp-top-search__list { display: none; }

@media screen and (min-width: 701px) { .pm-rcp-top-search__list { display: block !important; } }

.pm-rcp-top-search__list.is-active { display: block; }

@media screen and (min-width: 701px) { .pm-rcp-top-search__item { overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-rcp-top-search__item:last-child { border-bottom: none; } }

.pm-rcp-top-search__item:last-child .pm-rcp-top-search__head { border-bottom: none; }

.pm-rcp-top-search__head { padding: 10px 20px; border-bottom: 1px solid #aaa; position: relative; }

.pm-rcp-top-search__head:after { content: ""; position: absolute; top: 50%; bottom: 50%; right: 16px; width: 8px; height: 8px; margin-top: -5px; border-left: 1px solid #888; border-top: 1px solid #888; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

@media screen and (min-width: 701px) { .pm-rcp-top-search__head:after { display: none; } }

.pm-rcp-top-search__head.is-active:after { -webkit-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); }

@media screen and (min-width: 701px) { .pm-rcp-top-search__head { display: block; padding: 0 14px; float: left; border: none; background-color: transparent; font-size: 14px; } }

.pm-rcp-top-search__head.is-active { background-color: #ddd; border-bottom: none; }

@media screen and (min-width: 701px) { .pm-rcp-top-search__head.is-active { border: none; background-color: transparent; } }

.pm-rcp-top-search__body { display: none; }

@media screen and (min-width: 701px) { .pm-rcp-top-search__body { display: block !important; overflow: hidden; font-size: 14px; } }

.pm-rcp-top-search__body.is-active { display: block; border-bottom: 1px solid #aaa; }

@media screen and (min-width: 701px) { .pm-rcp-top-search__body.is-active { border-bottom: none; } }

.pm-rcp-top-search__body a { display: block; position: relative; padding: 10px 20px; border-bottom: 1px solid #ddd; background-color: #eee; }

@media screen and (min-width: 701px) { .pm-rcp-top-search__body a { display: inline-block; background-color: transparent; padding: 0; margin-right: 10px; border-bottom: none; } }

.pm-rcp-top-search__body a:last-child { border-bottom: none; }

.pm-rcp-top-search__body a:after { content: ""; position: absolute; top: 50%; bottom: 50%; right: 16px; width: 8px; height: 8px; margin-top: -5px; border-left: 1px solid #006ceb; border-top: 1px solid #006ceb; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

@media screen and (min-width: 701px) { .pm-rcp-top-search__body a:after { display: none; } }

.pm-rcp-top-list { margin-bottom: 40px; padding: 5px 10px 0; overflow-x: scroll; white-space: nowrap; letter-spacing: -4px; -webkit-overflow-scrolling: touch; }

@media screen and (min-width: 701px) { .pm-rcp-top-list { overflow: hidden; float: left; padding: 5px 0; } }

.pm-rcp-top-list__item { display: inline-block; overflow: hidden; width: 130px; margin: 0 5px; background-color: #fff; white-space: normal; text-decoration: none; vertical-align: top; letter-spacing: normal; color: #333; }

@media screen and (min-width: 701px) { .pm-rcp-top-list__item { margin: 0 5px 0 0; } }

.pm-rcp-top-list__item .pm-rcp-list__calorie, .pm-rcp-top-list__item .pm-rcp-list__salt, .pm-rcp-top-list__item .pm-rcp-list__range { display: block; margin: 0 0 2px; padding-left: 24px; }

.pm-rcp-top-list__item .pm-rcp-list__calorie::before { background-position: 2px 0; }

.pm-rcp-top-list__item .pm-rcp-list__salt::before { background-position: 1px 0; }

.pm-rcp-top-list__item .cs-response-a, .pm-rcp-top-list__item .cs-response-a--light { margin: 6px 0 0; }

.pm-rcp-top-list__item .pm-rcp-list__info { margin-bottom: 0; }

.pm-rcp-top-list__item:hover { text-decoration: none; color: inherit; }

.pm-rcp-top-list__item:last-child { margin: 0; }

.pm-rcp-top-list__item .cs-response-a__button--view { margin-top: 5px; float: left; clear: both; }

.pm-rcp-top-list__item:visited { color: #333; }

.pm-rcp-top-list__image { height: 100px; }

.pm-rcp-top-list__head { margin: 8px 0; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-rcp-top-list__head { font-size: 12px; } }

.pm-rcp-top-list__head--ranking { margin: 8px 0; position: relative; }

.pm-rcp-top-list__badge { float: left; margin: 0 5px 0 0; width: 20px; height: 20px; font-size: 8px; text-align: center; vertical-align: middle; letter-spacing: normal; background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge.svg"); }

.pm-rcp-top-list__badge i { width: 100%; line-height: 20px; text-align: center; vertical-align: middle; font-style: normal; font-weight: bold; color: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-top-list__badge i { font-size: 12px; } }

.pm-rcp-top-list__badge--num01 { background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge--num01.svg"); }

.pm-rcp-top-list__badge--num02 { background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge--num02.svg"); }

.pm-rcp-top-list__badge--num03 { background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge--num03.svg"); }

.pm-rcp-top-list__badge-name { overflow: hidden; margin: 5px 0 0; padding: 2px 0 0; font-size: 14px; font-weight: bold; vertical-align: middle; letter-spacing: normal; }

.pm-rcp-top-comment { margin-bottom: 40px; overflow: hidden; }

.pm-rcp-top-comment__item { padding: 10px 15px; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-rcp-top-comment__item { padding: 5px 5px 0; border: 1px solid #ddd; float: left; width: 330px; margin: 0 10px 10px 0; box-sizing: border-box; }
  .pm-rcp-top-comment__item:nth-child(2n) { margin-right: 0; }
  .pm-rcp-top-comment__item:nth-child(2n+1) { clear: both; } }

.pm-rcp-top-comment__info { display: table; width: 100%; }

.pm-rcp-top-comment__info .cs-avatar { display: table-cell; }

.pm-rcp-top-comment__date { display: table-cell; text-align: right; vertical-align: middle; color: #aaa; }

.pm-rcp-top-comment__body { display: block; overflow: hidden; margin-left: 35px; font-size: 14px; }

.pm-rcp-top-comment__body:link, .pm-rcp-top-comment__body:hover, .pm-rcp-top-comment__body:visited { color: #333; }

@media screen and (min-width: 701px) { .pm-rcp-top-comment__body { font-size: 12px; } }

.pm-rcp-top-comment__image { float: right; margin-left: 10px; width: 70px; height: 70px; }

.pm-rcp-top-comment__post { display: table; width: 100%; margin: 10px 0 0; background-color: #eee; }

@media screen and (min-width: 701px) { .pm-rcp-top-comment__post { display: block; padding: 5px; width: auto; margin: 5px -5px 0; } }

.pm-rcp-top-comment__post-label { display: table-cell; padding: 5px; width: 4em; }

.pm-rcp-top-comment__post-link { display: table-cell; padding: 5px; }

.pm-rcp-tags-a { margin: 15px 15px 40px; padding-left: 0; }

.pm-rcp-tags-a:before { display: none; }

.pm-rcp-tags-a .cs-tags-a__item { margin: 0 10px 10px 0; }

.pm-rcp-promote { padding: 20px 20px; font-size: 15px; text-align: center; }

@media screen and (max-width: 700px) { .pm-rcp-promote { margin-bottom: 20px; } }

@media screen and (min-width: 701px) { .pm-rcp-promote { margin-bottom: 20px; } }

.pm-rcp-promote__text { margin-bottom: 15px; font-size: 11px; }

.pm-rcp-promote__button { margin: 0 auto; width: 100%; max-width: 335px; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); }

.pm-rcp-promote__button:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-rcp-promote__button[disabled]:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-rcp-promote__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-rcp-tool-post { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000000; padding: 15px 30px; background: rgba(255, 255, 255, 0.7); text-align: center; }

.pm-rcp-tool-post__button { width: 315px; background-color: #e92364; }

.pm-rcp-tool-post__button:hover { background-color: #e92364; }

.pm-rcp-tool-post__button[disabled]:hover { background-color: #e92364; }

.pm-rcp-tool-post__button-icon { display: inline-block; width: 28px; height: 28px; margin-right: 5px; background-repeat: no-repeat; background-image: url("../img/icons/post--white.svg"); background-size: 28px 28px; vertical-align: -7px; }

.pm-rcp-edit { margin: 10px 4px; text-align: right; }

.pm-rcp-container { background: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-container { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rcp-container { border-bottom: 1px solid #ddd; } }

.pm-rcp-header { padding: 15px 15px 0; }

.pm-rcp-header__title { margin-bottom: 15px; display: table; width: 100%; font-size: 18px; }

.pm-rcp-header__img { margin: 0 -15px 15px; height: 190px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-header__img { height: 280px; } }

.pm-rcp-header__heading { margin-bottom: 15px; font-weight: bold; font-size: 22px; }

.pm-rcp-header__text { margin-bottom: 45px; font-size: 18px; color: #666; }

@media screen and (min-width: 701px) { .pm-rcp-header__text { font-size: 16px; } }

.pm-rcp-header__name { display: table-cell; vertical-align: middle; }

.pm-rcp-header__num { padding-left: 15px; display: table-cell; color: #666; white-space: nowrap; vertical-align: bottom; text-align: right; }

.pm-rcp-header-search { padding: 30px 25px; background: #ddd; }

@media screen and (min-width: 701px) { .pm-rcp-header-search { border-radius: 5px 5px 0 0; } }

.pm-rcp-header-search__field input { box-sizing: border-box; height: 35px; padding: 6px 6px 6px 30px; border-radius: 5px; border: 1px solid #aaa; background: transparent 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-rcp-header-search__field input:placeholder-shown { color: #aaa; }

.pm-rcp-header-search__field input::-webkit-input-placeholder { color: #aaa; }

.pm-rcp-header-search__field input::-moz-placeholder { opacity: 1; color: #aaa; }

.pm-rcp-header-search__field input:-ms-input-placeholder { color: #aaa; }

.pm-rcp-header-search__field input:focus { outline: none; }

.pm-rcp-list { padding-bottom: 30px; }

.pm-rcp-list__item { border-top: solid 1px #ddd; position: relative; overflow: hidden; }

.pm-rcp-list__item:last-child { border-bottom: solid 1px #ddd; }

.pm-rcp-list__item--result { border-top: solid 1px #ddd; position: relative; overflow: hidden; }

.pm-rcp-list__item--result:last-child { border-bottom: solid 1px #ddd; }

.pm-rcp-list__item--ranking { border-top: solid 1px #ddd; position: relative; overflow: hidden; }

.pm-rcp-list__item--ranking:last-child { border-bottom: solid 1px #ddd; }

.pm-rcp-list__link { overflow: hidden; display: block; padding: 15px 15px 35px; text-decoration: none !important; }

.cs-container__secondary .pm-rcp-list__link { padding: 15px; }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__link { padding: 10px; } }

.pm-rcp-list__item--ranking .pm-rcp-list__link { border-top: solid 1px #ddd; position: relative; overflow: hidden; padding: 15px 15px 35px 50px; }

.pm-rcp-list__item--ranking .pm-rcp-list__link:last-child { border-bottom: solid 1px #ddd; }

@media screen and (min-width: 701px) { .pm-rcp-list__item--ranking .pm-rcp-list__link { padding: 15px 20px 15px 70px; } }

@media screen and (min-width: 701px) { .pm-rcp-list__link { padding: 15px 20px; } }

.pm-rcp-list__badge { position: absolute; display: table; width: 30px; height: 30px; top: 15px; left: 10px; background-repeat: no-repeat; background-position: 0 0; background-size: 30px 30px; background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge.svg"); }

@media screen and (min-width: 701px) { .pm-rcp-list__badge { width: 40px; height: 40px; left: 20px; background-size: 40px 40px; } }

.pm-rcp-list__badge i { display: table-cell; width: 100%; height: 30px; text-align: center; vertical-align: middle; font-style: normal; font-weight: bold; color: #fff; }

@media screen and (min-width: 701px) { .pm-rcp-list__badge i { height: 40px; font-size: 16px; } }

.pm-rcp-list__badge--num01 { background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge--num01.svg"); }

.pm-rcp-list__badge--num02 { background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge--num02.svg"); }

.pm-rcp-list__badge--num03 { background-image: url("../img/modules/pm-rcp/bg_pm-vot-result-list__badge--num03.svg"); }

.pm-rcp-list__img { margin: 0 10px 5px 0; float: left; width: 140px; height: 110px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-list__img { margin: 0 20px 0 0; width: 180px; height: 150px; } }

.pm-rcp-list__item--ranking .pm-rcp-list__img { margin: 0 10px 5px 0; float: left; width: 140px; height: 110px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 110px; height: 90px; }

@media screen and (min-width: 701px) { .pm-rcp-list__item--ranking .pm-rcp-list__img { margin: 0 20px 0 0; width: 180px; height: 150px; } }

.pm-rcp-list__item--result .pm-rcp-list__img { margin: 0 10px 5px 0; float: left; width: 140px; height: 110px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 80px; height: 80px; }

@media screen and (min-width: 701px) { .pm-rcp-list__item--result .pm-rcp-list__img { margin: 0 20px 0 0; width: 180px; height: 150px; } }

.cs-container__secondary .pm-rcp-list__img { margin: 0 10px 5px 0; float: left; width: 140px; height: 110px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__img { margin: 0 20px 0 0; width: 180px; height: 150px; } }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__img { width: 100px; height: 80px; margin: 0 10px 0 0; } }

.pm-rcp-list__right { padding-bottom: 35px; box-sizing: border-box; position: relative; overflow: hidden; color: #333; min-height: 150px; }

@media screen and (max-width: 700px) { .pm-rcp-list__right { overflow: initial; } }

.pm-rcp-list__right-secondary { box-sizing: border-box; position: relative; overflow: hidden; color: #333; }

@media screen and (max-width: 700px) { .pm-rcp-list__right-secondary { overflow: initial; } }

.pm-rcp-list__title { margin-bottom: 10px; font-size: 18px; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-rcp-list__title { margin-bottom: 20px; } }

.cs-container__secondary .pm-rcp-list__title { font-weight: normal; }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__title { font-size: 14px; font-weight: normal; margin-bottom: 8px; } }

.pm-rcp-list__title--sub { margin-bottom: 4px; font-size: 14px; color: #666; }

.pm-rcp-list__label { background-color: #e25c25; color: #fff; vertical-align: middle; margin-right: 8px; padding: 2px 10px; border-radius: 2px; font-size: 14px; font-weight: normal; }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__label { font-size: 10px; padding: 2px 8px; } }

@media screen and (min-width: 701px) { .pm-rcp-list__info { margin-bottom: 30px; } }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__info { margin-bottom: 0; } }

.pm-rcp-list__calorie { display: inline-block; position: relative; margin: 0 8px 8px 0; padding-left: 18px; }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__calorie { margin: 0 0 8px 0; } }

.pm-rcp-list__calorie::before { content: ""; position: absolute; left: -3px; top: 7px; margin-top: -11px; background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; background-image: url("../img/modules/pm-rcp/fire.svg"); width: 20px; height: 20px; }

@media screen and (min-width: 701px) { .pm-rcp-list__calorie { margin: 0 16px 0 0; } }

.pm-rcp-list__salt { display: inline-block; position: relative; padding-left: 24px; margin: 0 0 8px 0; }

@media screen and (min-width: 701px) { .pm-rcp-list__salt { margin: 0 16px 0 0; } }

@media screen and (min-width: 701px) { .cs-container__secondary .pm-rcp-list__salt { margin: 0 0 8px 0; } }

.pm-rcp-list__salt::before { content: ""; position: absolute; left: 0; top: 7px; margin-top: -11px; background-repeat: no-repeat; background-position: 0 0; background-size: 18px 18px; background-image: url("../img/modules/pm-rcp/spoon.svg"); width: 18px; height: 18px; }

.pm-rcp-list__range { position: relative; padding-left: 25px; margin-bottom: 8px; }

@media screen and (min-width: 701px) { .pm-rcp-list__range { display: inline-block; margin-bottom: 0; }
  .cs-container__secondary .pm-rcp-list__range { display: block; } }

.pm-rcp-list__range::before { content: ""; position: absolute; left: 0; top: 7px; margin-top: -9px; background-repeat: no-repeat; background-position: 0 0; background-size: 18px 18px; background-image: url("../img/modules/pm-rcp/microwaveoven.svg"); width: 18px; height: 18px; }

.pm-rcp-list__description { position: absolute; left: 15px; bottom: 15px; width: 100%; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-rcp-list__description { position: static; } }

.pm-rcp-response__wrapper { overflow: hidden; position: absolute; left: auto; right: 0; bottom: 5px; }

@media screen and (min-width: 701px) { .pm-rcp-response__wrapper { margin: 10px 0 0 !important; width: 460px; margin: 0; left: auto; bottom: 15px; right: 20px; }
  .pm-rcp-list__item--ranking .pm-rcp-response__wrapper { width: 410px; } }

.pm-rcp-list__item--ranking .pm-rcp-response__wrapper .cs-response-a__button--like { margin-left: 55px; }

@media screen and (min-width: 701px) { .pm-rcp-list__item--ranking .pm-rcp-response__wrapper .cs-response-a__button--like { margin-left: 0; } }

.pm-rcp-response__wrapper .cs-response-a__button--clip { float: right; margin-right: 20px; margin-left: 20px; line-height: 30px; }

@media screen and (min-width: 701px) { .pm-rcp-response__wrapper .cs-response-a__button--clip { margin-right: 0; } }

.pm-rcp-response__wrapper .cs-response-a__button--views { line-height: 30px; }

.pm-rcp-item { background: #fff; padding: 15px; margin-bottom: 10px; box-shadow: 0 2px 2px #ddd; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-rcp-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rcp-item { border-bottom: 1px solid #ddd; } }

.pm-rcp-item__header-date { margin-bottom: 10px; text-align: right; color: #aaa; }

.pm-rcp-item-title { margin-bottom: 20px; font-size: 14px; }

.pm-rcp-item-title__inner { margin-top: 5px; font-size: 18px; }

.pm-rcp-item-title__label { display: inline-block; padding: 3px 5px; margin-right: 5px; line-height: 1; background-color: #e25c25; border-radius: 3px; color: #fff; font-size: 12px; vertical-align: 2px; }

@media screen and (min-width: 701px) { .pm-rcp-item-main { overflow: hidden; margin-bottom: 15px; } }

.pm-rcp-item-main__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 -15px; height: 290px; }

@media screen and (min-width: 701px) { .pm-rcp-item-main__image { width: 345px; height: 260px; margin: 0 15px 15px 0; float: left; } }

.pm-rcp-item-main__image-inline { text-align: center; background: #eee; }

@media screen and (min-width: 701px) { .pm-rcp-item-main__image-inline { float: left; width: 345px; margin: 0 15px 15px 0; } }

.pm-rcp-item-main__image-inline img { max-width: 100%; }

@media screen and (min-width: 701px) { .pm-rcp-item-main__right { float: right; width: 290px; } }

@media screen and (min-width: 701px) { .pm-rcp-item-main__left { float: left; width: 345px; } }

.pm-rcp-item-response-a { display: table; width: 100%; margin: 10px 0 20px; }

.pm-rcp-item-response-a .cs-response-a__button--clip { display: table-cell; text-align: right; float: none; vertical-align: top; }

.pm-rcp-item__body { margin-bottom: 10px; font-size: 15px; }

.pm-rcp-item-account { display: table; width: 100%; margin-bottom: 25px; }

.pm-rcp-item-account__avatar { display: table-cell; vertical-align: middle; }

.pm-rcp-item-account__follow { display: table-cell; vertical-align: middle; text-align: right; }

.pm-rcp-item-including { width: 100%; margin-bottom: 45px; }

@media screen and (min-width: 701px) { .pm-rcp-item-including { margin-bottom: 20px; } }

.pm-rcp-item-including tbody th, .pm-rcp-item-including tbody td { padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.pm-rcp-item-including tbody th { text-align: left; font-weight: normal; }

.pm-rcp-item-including tbody td { text-align: right; }

.pm-rcp-item-including tfoot td { padding: 10px 0; }

.pm-rcp-item__header { padding: 5px; margin-bottom: 10px; background-color: #d9aa0f; color: #fff; font-size: 14px; }

@media screen and (min-width: 701px) { .pm-rcp-item__header { padding: 5px 10px; } }

.pm-rcp-item__ingredients-title { float: left; line-height: 25px; }

.pm-rcp-item-option__par-parsons { float: right; }

.pm-rcp-item-option__parsons { line-height: 25px; }

.pm-rcp-item-option__parsons-select { border: 0; }

.pm-rcp-item-material { margin-bottom: 45px; }

@media screen and (min-width: 701px) { .pm-rcp-item-material { margin-bottom: 30px; } }

.pm-rcp-item-material__title { margin: 12px 0 6px; font-size: 16px; font-weight: bold; color: #d9aa0f; }

.pm-rcp-item-material__item { display: table; padding: 8px 0; width: 100%; border-bottom: 1px solid #ddd; color: #6e3a0a; font-size: 14px; }

.pm-rcp-item-material__item dt, .pm-rcp-item-material__item dd { padding: 0 5px; }

@media screen and (min-width: 701px) { .pm-rcp-item-material__item dt, .pm-rcp-item-material__item dd { padding: 0 10px; } }

.pm-rcp-item-material__item dt { float: left; }

.pm-rcp-item-material__item dd { float: right; text-align: right; }

.pm-rcp-item-material__group { padding-left: 10px; border-bottom: 1px solid #ddd; }

.pm-rcp-item-material__group > em { display: block; padding: 8px 0; border-bottom: 1px solid #ddd; color: #f1790f; font-size: 16px; }

.pm-rcp-item-material__group .pm-rcp-item-material__item:last-child { border: none; }

.pm-rcp-item-material__group .pm-rcp-item-material__item dt { padding-left: 20px; }

.pm-rcp-item-method { border-bottom: 1px solid #ddd; }

.pm-rcp-item-method__item { position: relative; padding: 0 15px 15px 0; margin: 0 0 15px; border-bottom: 1px solid #ddd; color: #6e3a0a; }

.pm-rcp-item-method__item:last-child { margin-bottom: 0; border: none; }

.pm-rcp-item-method__item > em { position: absolute; top: 0; left: 0; display: block; width: 24px; height: 12px; padding: 6px 0; text-align: center; background-color: #6e3a0a; color: #fff; line-height: 1; font-size: 12px; font-weight: normal; }

@media screen and (min-width: 701px) { .pm-rcp-item-method__item > em { left: 10px; } }

.pm-rcp-item-method__item--note { padding: 0 15px 15px 30px; margin: 0 0 15px; border-bottom: 1px solid #ddd; color: #6e3a0a; }

@media screen and (min-width: 701px) { .pm-rcp-item-method__item--note { font-size: 14px; } }

.pm-rcp-item-method__item--note:last-child { margin-bottom: 0; border: none; }

.pm-rcp-item-method__item--note p { margin: 1em 0 0; line-height: 1.6; }

.pm-rcp-item-method__wrap { margin-left: 30px; }

@media screen and (min-width: 701px) { .pm-rcp-item-method__wrap { display: table; margin-left: 40px; overflow: hidden; } }

.pm-rcp-item-method__image { margin-top: 10px; }

@media screen and (min-width: 701px) { .pm-rcp-item-method__image { display: table-cell; width: 280px; text-align: right; margin-top: 0; vertical-align: top; } }

.pm-rcp-item-method__text { font-size: 14px; line-height: 1.6; }

@media screen and (min-width: 701px) { .pm-rcp-item-method__text { display: table-cell; width: 53%; vertical-align: top; } }

.pm-rcp-item-method__text-sub { margin-top: 10px; padding: 10px 15px; background-color: #e2d8ce; text-align: left; font-size: 14px; }

.pm-rcp-item-tags { padding: 15px 10px 20px; border-bottom: 1px solid #ddd; }

@media screen and (min-width: 701px) { .pm-rcp-item-tags { padding: 15px 25px 20px; } }

.pm-rcp-item-tags .cs-tags-b__header { margin-bottom: 20px; font-size: 12px; }

.pm-rcp-item-response { padding: 25px 0 30px; text-align: center; }

.pm-rcp-item-response .cs-response-b__item { float: none; }

.pm-rcp-item-response .pm-rcp-response-b--sp { margin: 40px 0 20px; text-align: center; width: auto; }

@media screen and (min-width: 701px) { .pm-rcp-item-response .pm-rcp-sns-share { margin: 20px 0 80px; } }

.pm-rcp-item-response .pm-rcp-liked-list { margin: 0 0 40px; }

@media screen and (min-width: 701px) { .pm-rcp-item-response .pm-rcp-liked-list { margin: 0 0 20px 20px; } }

@media screen and (max-width: 700px) { .pm-rcp-item-response .cs-sns-share { width: 100%; } }

.pm-rcp-item-response .cs-liked-list { text-align: left; }

@media screen and (min-width: 701px) { .pm-rcp-item-response .cs-liked-list { margin: 40px 0 0; } }

@media screen and (max-width: 700px) { .pm-rcp-item-button--sp { margin: 40px 0 0; } }

.pm-rcp-comments { background: #fff; margin-bottom: 10px; padding-bottom: 10px; box-shadow: 0 2px 2px #ddd; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-rcp-comments { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rcp-comments { border-bottom: 1px solid #ddd; } }

.pm-rcp-comments__head { padding: 15px; border-bottom: 1px solid #ddd; font-size: 14px; }

.pm-rcp-comments__list { padding: 0 15px 0 0; border-bottom: 1px solid #ddd; }

.pm-rcp-comments__list .pm-rcp-comments__list { border: none; padding: 0; }

.pm-rcp-comments__list-more { padding: 1em 1em 0; text-align: center; }

.pm-rcp-comments__item { padding: 15px 0 15px 15px; }

.pm-rcp-comments__item .pm-rcp-comments__item { padding: 15px 0; }

.pm-rcp-comments__item .pm-rcp-comments__item .pm-rcp-comments__date { display: inline-block; }

.pm-rcp-comments__info { display: table; width: 100%; margin-bottom: 10px; }

.pm-rcp-comments__info-avatar { display: table-cell; vertical-align: middle; font-size: 12px; }

.pm-rcp-comments__info .cs-avatar__name { font-weight: normal; }

.pm-rcp-comments__info .cs-context-menu { display: table-cell; vertical-align: top; }

.pm-rcp-comments__info .cs-context-menu__trigger { float: right; }

.pm-rcp-comments__body { font-size: 14px; }

.pm-rcp-comments__body .cs-response-a, .pm-rcp-comments__body .cs-response-a--light { display: table; overflow: hidden; margin: 15px 0 15px; }

.pm-rcp-comments__body .cs-response-a .cs-response-a__button--like, .pm-rcp-comments__body .cs-response-a--light .cs-response-a__button--like { display: table-cell; }

.pm-rcp-comments__body .cs-response-a .cs-response-a__button--comment, .pm-rcp-comments__body .cs-response-a--light .cs-response-a__button--comment { display: table-cell; float: none; }

.pm-rcp-comments__body-image { margin: 10px 0; width: 140px; height: 140px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-comments__body-image { width: 225px; height: 225px; } }

.pm-rcp-comments .cs-avatar__name { font-weight: normal; }

@media screen and (min-width: 701px) { .pm-rcp-comments__form { padding-top: 150px; margin-left: 15px; margin-right: 15px; margin-top: -130px; } }

.lvd-root .pm-rcp-comments__form { padding-top: 150px; margin-left: 15px; margin-right: 15px; margin-top: -130px; }

.pm-rcp-cmt-header { padding: 15px; border-bottom: 1px solid #333; color: #333; }

.pm-rcp-cmt-header:before, .pm-rcp-cmt-header:after { content: ''; display: table; }

.pm-rcp-cmt-header:after { clear: both; }

.pm-rcp-cmt-header__amount { float: left; font-size: 14px; }

.pm-rcp-cmt-header__pages { float: right; }

.pm-rcp-cmt-thread__items { border-top: 1px solid #333; }

.pm-rcp-cmt-thread__item { border-bottom: 1px solid #ddd; }

.pm-rcp-cmt-thread-more__indicator { box-sizing: border-box; height: 46px; padding-top: 13px; text-align: center; }

.pm-rcp-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; }

.pm-rcp-cmt-thread-more__label { color: #333; height: 36px; line-height: 36px; background: #888; }

@media screen and (max-width: 700px) { .pm-rcp-cmt-item { padding: 15px; } }

@media screen and (min-width: 701px) { .pm-rcp-cmt-item { padding: 20px 30px; } }

.pm-rcp-cmt-item__header { position: relative; padding-right: 30px; }

.pm-rcp-cmt-item__header:before, .pm-rcp-cmt-item__header:after { content: ''; display: table; }

.pm-rcp-cmt-item__header:after { clear: both; }

.pm-rcp-cmt-item__header-date { padding-left: 50px; color: #333; }

.pm-rcp-cmt-item__content { margin-top: 10px; padding-left: 50px; }

.pm-rcp-cmt-item__body { font-size: 16px; word-break: break-all; }

.pm-rcp-cmt-item__image { margin-top: 10px; }

.pm-rcp-cmt-item__image img { max-width: 100%; }

@media screen and (min-width: 701px) { .pm-rcp-cmt-item__image img { max-width: 60%; } }

.pm-rcp-cmt-item__res { margin-top: 10px; }

.pm-rcp-cmt-item__form { margin-top: 20px; margin-left: 50px; }

.pm-rcp-cmt-item-form:before, .pm-rcp-cmt-item-form:after { content: ''; display: table; }

.pm-rcp-cmt-item-form:after { clear: both; }

.pm-rcp-cmt-item-form__avatar { float: left; width: 35px; }

.pm-rcp-cmt-item-form__button { float: right; width: 50px; }

.pm-rcp-cmt-item-form__field { margin: 0 57px 0 42px; }

.pm-rcp-cmt-subthread { margin-top: 10px; padding-left: 50px; }

.pm-rcp-cmt-subthread__more { margin-bottom: 10px; }

.pm-rcp-cmt-subthread-more__indicator { box-sizing: border-box; height: 25px; padding-top: 2px; text-align: center; }

.pm-rcp-cmt-subthread-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 25px; background: #999; color: #333; text-align: center; line-height: 25px; }

.pm-rcp-cmt-subitem { margin-bottom: 10px; }

.pm-rcp-cmt-subitem__header { position: relative; padding-right: 30px; }

.pm-rcp-cmt-subitem__header:before, .pm-rcp-cmt-subitem__header:after { content: ''; display: table; }

.pm-rcp-cmt-subitem__header:after { clear: both; }

.pm-rcp-cmt-subitem__header-date { padding-left: 50px; color: #333; }

.pm-rcp-cmt-subitem__content { margin-top: 10px; padding-left: 50px; }

.pm-rcp-cmt-subitem__body { font-size: 14px; word-break: break-all; }

.pm-rcp-cmt-menu { position: absolute; right: 0; top: 0; }

.pm-rcp-cmt-form__input { padding: 15px; background: #888; }

.pm-rcp-cmt-form__input:before, .pm-rcp-cmt-form__input:after { content: ''; display: table; }

.pm-rcp-cmt-form__input:after { clear: both; }

.pm-rcp-cmt-form__avatar { float: left; width: 35px; }

.pm-rcp-cmt-form__button { float: right; width: 50px; }

.pm-rcp-cmt-form__field { margin: 0 60px 0 45px; }

.pm-rcp-cmt-form__footer { clear: both; margin: 10px 0 0 45px; }

.pm-rcp-cmt-form__photo-upload { 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: #333; font-size: 14px; -webkit-tap-highlight-color: transparent; }

.pm-rcp-cmt-form__photo-upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-rcp-cmt-form__photo-upload:before { background-repeat: no-repeat; background-position: 50% 50%; content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 7px; background-image: url("../img/icons/photo-upload--white.svg"); background-size: 30px 30px; vertical-align: middle; }

.pm-rcp-cmt-form__comment-button { margin-top: 10px; margin-left: 15px; margin-right: 15px; }

.pm-rcp-icon--energy { display: inline-block; width: 20px; height: 20px; vertical-align: -5px; margin-right: 5px; background-repeat: no-repeat; background-position: 0 0; background-size: 20px 20px; background-image: url("../img/modules/pm-rcp/fire.svg"); }

.pm-rcp-icon--salt { display: inline-block; width: 18px; height: 18px; vertical-align: -2px; margin-right: 5px; background-repeat: no-repeat; background-position: 0 0; background-size: 18px 18px; background-image: url("../img/modules/pm-rcp/spoon.svg"); }

.pm-rcp-icon--oven { display: inline-block; width: 18px; height: 18px; vertical-align: -4px; margin-right: 5px; background-repeat: no-repeat; background-position: 0 0; background-size: 18px 18px; background-image: url("../img/modules/pm-rcp/microwaveoven.svg"); }

.pm-rcp-item-button--sp { display: none; }

.pm-rcp-response-b--pc { display: none; }

@media screen and (min-width: 701px) { .pm-rcp-response-b--pc { display: block; }
  .pm-rcp-response-b--pc .cs-response-b__item { margin-bottom: 40px; } }

.pm-rcp-response-b--sp { text-align: center; width: auto; }

@media screen and (min-width: 701px) { .pm-rcp-response-b--sp { display: none; } }

.pm-rcp-detail-reply { margin: 0 -15px; }

@media screen and (min-width: 701px) { .pm-rcp-detail-reply { margin: 0 -30px; } }

.pm-rcp-detail-reply-inner { padding: 0 15px; }

@media screen and (min-width: 701px) { .pm-rcp-detail-reply-inner { padding: 0 30px; } }

.pm-rcp-form { padding: 15px; background: #eee; }

@media screen and (min-width: 701px) { .pm-rcp-form { padding: 15px 30px; } }

.pm-rcp-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.pm-rcp-form__image { margin-right: 10px; float: left; }

.pm-rcp-form__body { overflow: hidden; }

.pm-rcp-form__body textarea { margin-bottom: 10px; }

.pm-rcp-form__body .cs-field-error { margin-top: 0; }

.pm-rcp-form__characters { margin: 0 0 13px; float: right; color: #666; text-align: right; }

.pm-rcp-form__characters .js-textarea-overflow { color: #e60000; }

.pm-rcp-form__footer { margin-bottom: 8px; }

.pm-rcp-form__footer.is-form-error { clear: both; }

.pm-rcp-form__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: #006ceb; vertical-align: middle; }

.pm-rcp-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-rcp-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-rcp-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 screen and (max-width: 700px) { .pm-rcp-form__thumbnail { margin: 0 0 10px; display: block; } }

.pm-rcp-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-rcp-form__button { clear: both; }

@media screen and (min-width: 701px) { .pm-rcp-form__button { text-align: center; margin-right: 40px; }
  .pm-rcp-form__button button { width: 300px; } }

.pm-rcp-form textarea.js-textarea-overflow { background: #1A4374; }

.pm-rcp-form .is_error { margin-bottom: 13px; display: inline-block; color: #e60000; }

.pm-rcp-form .is_error.u-dp-block { margin-top: 10px; display: block; }

.pm-rcp-list-banner { position: relative; }

.pm-rcp-list-banner__item { padding: 10px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; margin-bottom: 10px; }

.pm-rcp-list-banner__item a { display: block; width: 100%; height: 100px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-list-banner__item a { width: 280px; height: 80px; } }

.pm-rcp-relate-item__label { display: inline-block; color: #fff; background-color: #f7b300; padding: 2px 8px; font-size: 11px; margin-bottom: 4px; }

.pm-rcp-relate-item__title { overflow: hidden; margin-bottom: 8px; color: #333; font-size: 14px; }

.pm-rcp-relate-item__category { margin: 10px 0 0; float: left; clear: both; color: #666; }

.pm-rcp-relate-item__text { color: #666; }

.pm-rcp-special-list { background: transparent; }

.pm-rcp-special-list__item { background: #fff; background-color: #fff; margin-bottom: 10px; padding: 15px; }

@media screen and (min-width: 701px) { .pm-rcp-special-list__item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rcp-special-list__item { border-bottom: 1px solid #ddd; } }

.pm-rcp-special-list__link:hover, .pm-rcp-special-list__link:active, .pm-rcp-special-list__link:focus, .pm-rcp-special-list__link:visited { text-decoration: none; }

.pm-rcp-special-list__img { margin: -15px -15px 15px; height: 190px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media screen and (min-width: 701px) { .pm-rcp-special-list__img { border-top-left-radius: 5px; border-top-right-radius: 5px; height: 280px; } }

.pm-rcp-special-list__heading { font-weight: bold; font-size: 20px; }

.pm-rcp-special-list__text { margin-top: 15px; color: #666; font-size: 16px; }

.pm-usr-clip__item .pm-rcp-list__info { margin-left: 100px; }

@media screen and (min-width: 701px) { .pm-src-list-item .pm-rcp-list__info { margin-bottom: 15px; } }

@media screen and (max-width: 700px) { .cs-sidebar-relate__item .pm-rcp-list__title { font-size: 16px; } }

@media screen and (max-width: 700px) { .cs-sidebar-relate__item .pm-rcp-list__range { margin-bottom: 0; } }

.cs-post-rcp { box-sizing: border-box; min-height: 100vh; background: #fff; }

.cs-post-rcp-category { width: 100%; background: #006ceb; }

@media screen and (max-width: 700px) { .cs-post-rcp-category { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-category { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-category { min-width: 1000px; } }

.cs-post-rcp-category__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-category__inner { max-width: 700px; text-align: center; }

@media screen and (min-width: 701px) { .cs-post-rcp-category__inner { padding: 8px 0; } }

.cs-post-rcp-category__field { position: relative; display: inline-block; height: 44px; }

@media screen and (max-width: 700px) { .cs-post-rcp-category__field { width: 100%; } }

@media screen and (min-width: 701px) { .cs-post-rcp-category__field { width: 375px; } }

.cs-post-rcp-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); -ms-transform: rotate(45deg); transform: rotate(45deg); }

html.ie9 .cs-post-rcp-category__field:before { border: 0; }

.cs-post-rcp-category__field select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; box-sizing: border-box; height: 44px; padding: 0 15px; background: transparent; color: #fff; }

.cs-post-rcp-category__field select::-ms-expand { display: none; }

.cs-post-rcp-category__field select::-moz-focus-inner { border: 0; }

.cs-post-rcp-category__field select:focus { background: transparent; outline: none; }

@media screen and (max-width: 700px) { .cs-post-rcp-category__field select { width: 100%; border: 0; font-size: 14px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-category__field select { width: 100%; border-radius: 3px; border: 1px solid #fff; font-size: 16px; } }

.cs-post-rcp-category__field option { color: #333; background: #fff; }

html.ie9 .cs-post-rcp-category__field option { color: #fff; background: #006ceb; }

.cs-post-rcp__requied { display: inline-block; margin-left: 10px; padding: 5px 15px; background-color: #9b9b9b; border-radius: 3px; line-height: 1; vertical-align: 1px; font-size: 12px; font-weight: normal; color: #fff; }

.cs-post-rcp-util__buttons { padding: 10px; font-size: 15px; }

.cs-post-rcp-util__button--remove { display: inline-block; width: 40px; padding: 5px 0; line-height: 1; margin-right: 10px; text-align: center; vertical-align: middle; }

.cs-post-rcp-util__button--prev { position: relative; display: inline-block; width: 40px; height: 30px; margin-right: 10px; border: 1px solid #006ceb; border-radius: 4px; text-indent: 100%; overflow: hidden; font-size: 0; vertical-align: middle; }

.cs-post-rcp-util__button--prev:before { content: ''; position: absolute; right: 15px; top: 20px; width: 6px; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.cs-post-rcp-util__button--prev:before { margin-top: -7px; border-left: 2px solid #006ceb; border-top: 2px solid #006ceb; }

.cs-post-rcp-util__button--next { position: relative; display: inline-block; width: 40px; height: 30px; margin-right: 10px; border: 1px solid #006ceb; border-radius: 4px; text-indent: 100%; overflow: hidden; font-size: 0; vertical-align: middle; }

.cs-post-rcp-util__button--next:before { content: ''; position: absolute; right: 15px; top: 20px; width: 6px; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.cs-post-rcp-util__button--next:before { margin-top: -11px; border-right: 2px solid #006ceb; border-bottom: 2px solid #006ceb; }

.cs-post-rcp-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-rcp-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-photos { min-width: 1000px; } }

.cs-post-rcp-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-rcp-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-rcp-photos__button { background-size: 32px 32px; width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-photos__button { background-size: 40px 40px; width: 75px; height: 55px; } }

.cs-posr-rcp-button__add-input { margin: 10px auto 20px; max-width: 700px; text-align: center; }

.cs-posr-rcp-button__add-input a { position: relative; padding-left: 24px; }

.cs-posr-rcp-button__add-input a::before { content: ""; position: absolute; top: 50%; left: 12px; margin-top: -5px; width: 2px; height: 10px; background-color: #006ceb; }

.cs-posr-rcp-button__add-input a::after { content: ""; position: absolute; top: 50%; left: 8px; margin-top: -1px; height: 2px; width: 10px; background-color: #006ceb; }

.cs-post-rcp-title { border-bottom: 1px solid #ddd; }

.cs-post-rcp-title__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-title__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-title__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-title__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-title__label { min-width: 1000px; } }

.cs-post-rcp-title__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-title__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-title__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-title__field input:focus { outline: none; }

.cs-post-rcp-title__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-title__field textarea:focus { outline: none; }

.cs-post-rcp-title__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-photo { border-bottom: 1px solid #ddd; }

.cs-post-rcp-photo__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-photo__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-photo__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-photo__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-photo__label { min-width: 1000px; } }

.cs-post-rcp-photo__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-photo__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-photo__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-photo__field input:focus { outline: none; }

.cs-post-rcp-photo__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-photo__field textarea:focus { outline: none; }

.cs-post-rcp-photo__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-photo__field { float: left; width: 320px; height: 260px; margin: 10px; }

@media screen and (max-width: 700px) { .cs-post-rcp-photo__field { margin: 5% 5% 0; display: inline-block; width: 90%; height: 300px; } }

.cs-post-rcp-photo__field .cs-post-rcp-photos__button { width: 100%; height: 100%; border: 1px solid #dddddd; cursor: pointer; }

.cs-post-rcp-photo__field .cs-post-rcp-photos__button input { height: 100%; }

.cs-post-rcp-photo__field .cs-post-rcp-photos__button-text { padding-top: 50%; display: block; text-align: center; font-size: 11px; }

.cs-post-rcp-photo__field--trace { background-repeat: no-repeat; background-position: 50% 50%; float: left; position: relative; width: 320px; height: 260px; margin: 10px; padding: 0; background-size: contain; }

@media screen and (max-width: 700px) { .cs-post-rcp-photo__field--trace { margin: 5% 5% 0; display: inline-block; width: 90%; height: 300px; } }

.cs-post-rcp-photo__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; }

.cs-post-rcp-photo__inner { padding: 10px 0; width: 680px; }

@media screen and (max-width: 700px) { .cs-post-rcp-photo__inner { display: inline-block; width: 100%; max-width: 100%; } }

.cs-post-rcp-intro { border-bottom: 1px solid #ddd; }

.cs-post-rcp-intro__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-intro__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-intro__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-intro__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-intro__label { min-width: 1000px; } }

.cs-post-rcp-intro__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-intro__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-intro__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-intro__field input:focus { outline: none; }

.cs-post-rcp-intro__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-intro__field textarea:focus { outline: none; }

.cs-post-rcp-intro__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-number { border-bottom: 1px solid #ddd; }

.cs-post-rcp-number__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-number__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-number__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-number__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-number__label { min-width: 1000px; } }

.cs-post-rcp-number__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-number__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-number__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-number__field input:focus { outline: none; }

.cs-post-rcp-number__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-number__field textarea:focus { outline: none; }

.cs-post-rcp-number__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-material { border-bottom: 1px solid #ddd; }

.cs-post-rcp-material__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-material__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-material__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-material__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-material__label { min-width: 1000px; } }

.cs-post-rcp-material__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-material__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-material__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-material__field input:focus { outline: none; }

.cs-post-rcp-material__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-material__field textarea:focus { outline: none; }

.cs-post-rcp-material__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-material__inner { display: table; width: 100%; }

.cs-post-rcp-material__label label { display: table-cell; }

.cs-post-rcp-material__label label:first-child { width: 67%; }

.cs-post-rcp-material__label label:last-child { border-left: 1px solid #ddd; }

.cs-post-rcp-material__item { border-bottom: 1px solid #eee; }

.cs-post-rcp-material__item:first-child .cs-post-rcp-util__button--prev { visibility: hidden; }

.cs-post-rcp-material__item:last-child .cs-post-rcp-util__button--next { visibility: hidden; }

.cs-post-rcp-material__fields { display: table; width: 100%; background-color: #fff1f4; }

.cs-post-rcp-material__fields--main { display: table-cell; vertical-align: top; width: 67%; }

.cs-post-rcp-material__fields--sub { display: table-cell; vertical-align: top; border-left: 1px solid #ddd; }

.cs-post-rcp-material__fields-trace { display: table; width: 100%; font-size: 15px; }

.cs-post-rcp-material__fields-trace--main { display: table-cell; vertical-align: top; width: 67%; padding: 10px; }

.cs-post-rcp-material__fields-trace--sub { display: table-cell; vertical-align: top; padding: 10px; border-left: 1px solid #ddd; }

.cs-post-rcp-method { border-bottom: 1px solid #ddd; counter-reset: fieldcount; }

.cs-post-rcp-method__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-method__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-method__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-method__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-method__label { min-width: 1000px; } }

.cs-post-rcp-method__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-method__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-method__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-method__field input:focus { outline: none; }

.cs-post-rcp-method__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-method__field textarea:focus { outline: none; }

.cs-post-rcp-method__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-method__inner { display: table; width: 100%; position: relative; }

.cs-post-rcp-method__item { position: relative; border-bottom: 1px solid #ddd; }

.cs-post-rcp-method__item::before { counter-increment: fieldcount; content: counter(fieldcount) ". "; position: absolute; top: 12px; font-size: 15px; }

@media screen and (max-width: 700px) { .cs-post-rcp-method__item::before { left: 10px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-method__item::before { width: 680px; left: 0; right: 0; margin: auto; } }

.cs-post-rcp-method__item:first-child .cs-post-rcp-util__button--prev { visibility: hidden; }

.cs-post-rcp-method__item:last-child .cs-post-rcp-util__button--next { visibility: hidden; }

.cs-post-rcp-method__fields { display: table; width: 100%; background-color: #fff1f4; }

.cs-post-rcp-method__fields--main { display: table-cell; vertical-align: top; padding-left: 30px; }

.cs-post-rcp-method__fields--sub { display: table-cell; vertical-align: middle; text-align: center; width: 110px; }

.cs-post-rcp-method__fields-trace { display: table; width: 100%; font-size: 15px; }

.cs-post-rcp-method__fields-trace--main { display: table-cell; vertical-align: top; padding: 10px 10px 10px 40px; }

.cs-post-rcp-method__fields-trace--sub { display: table-cell; vertical-align: middle; text-align: center; width: 110px; padding: 20px 0 10px; }

.cs-post-rcp-method__field-image { background-repeat: no-repeat; background-position: 50% 50%; position: relative; margin: 0 auto; background-size: contain; }

@media screen and (max-width: 700px) { .cs-post-rcp-method__field-image { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-method__field-image { width: 75px; height: 55px; } }

.cs-post-rcp-method__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; }

.cs-post-rcp-extent-select { background-color: #aaa; color: #fff; border-bottom: 1px solid #ddd; }

.cs-post-rcp-extent-select__inner { margin: 0 auto; max-width: 700px; }

.cs-post-rcp-extent-select__label { width: 100%; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }

@media screen and (max-width: 700px) { .cs-post-rcp-extent-select__label { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-extent-select__label { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-extent-select__label { min-width: 1000px; } }

.cs-post-rcp-extent-select__label__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-extent-select__label label { display: block; padding: 10px; max-width: 700px; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 13px; color: #333; }

.cs-post-rcp-extent-select__field input { box-sizing: border-box; width: 100%; border: none; padding: 10px; border: 0; background: transparent; font-size: 15px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-extent-select__field input:focus { outline: none; }

.cs-post-rcp-extent-select__field textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 0; background: transparent; font-size: 15px; line-height: 21px; -webkit-appearance: none; resize: none; }

.cs-post-rcp-extent-select__field textarea:focus { outline: none; }

.cs-post-rcp-extent-select__field--trace { font-size: 15px; padding: 10px; background-color: #fff; color: #333; }

.cs-post-rcp-extent-select__dlist { padding: 10px; }

.cs-post-rcp-extent-select__term { margin-right: 2em; display: inline-block; font-size: 14px; }

.cs-post-rcp-extent-select__option { margin-right: 2em; display: inline-block; }

.cs-post-rcp-extent-select__outer { background-color: #fff; }

.cs-post-rcp-photos { width: 100%; background: #fff; }

@media screen and (max-width: 700px) { .cs-post-rcp-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-photos { min-width: 1000px; } }

.cs-post-rcp-photos__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-photos__inner { max-width: 700px; padding-bottom: 15px; text-align: center; font-size: 0; }

@media screen and (max-width: 700px) { .cs-post-rcp-photos__item, .cs-post-rcp-photos__button { width: 60px; height: 44px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-photos__item, .cs-post-rcp-photos__button { width: 75px; height: 55px; } }

.cs-post-rcp-photos__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; margin-right: 15px; }

.cs-post-rcp-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: #ddd; background-image: url("../img/icons/close--white.svg"); background-size: 12px 12px; }

.cs-post-rcp-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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; background-image: url("../img/icons/photo-upload--blue.svg"); }

.cs-post-rcp-photos__button input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

@media screen and (max-width: 700px) { .cs-post-rcp-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-photos__button { background-size: 40px 40px; } }

.cs-post-rcp-tags { width: 100%; border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .cs-post-rcp-tags { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rcp-tags { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rcp-tags { min-width: 1000px; } }

.cs-post-rcp-tags__inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1000px; }

.cs-post-rcp-tags__inner { max-width: 700px; padding-top: 15px; padding-bottom: 10px; }

@media screen and (max-width: 700px) { .cs-post-rcp-tags__inner { padding-left: 15px; padding-right: 15px; } }

.cs-post-rcp-tags__field { position: relative; min-height: 33px; padding-left: 50px; background: url("../img/icons/tag--gray.svg") no-repeat 0 3px; background-size: 24px 24px; }

.cs-post-rcp-tags__field:before { position: absolute; left: 35px; top: 0; content: ''; height: 28px; border-left: 1px solid #aaa; }

.cs-post-rcp-tags__field input { box-sizing: border-box; width: 14em; max-width: inherit; padding: 0; border: 0; background: transparent; font-size: 15px; line-height: 28px; box-shadow: none; outline: none; -webkit-appearance: none; resize: none; }

.cs-post-rcp-tags__field input::-ms-clear { display: none; }

.cs-post-rcp-tags__field input:focus { outline: none; }

.cs-post-rcp-tags__field .bootstrap-tagsinput { font-size: 0; }

.cs-post-rcp-tags__field .tag { display: inline-block; margin: 0 5px 5px 0; padding-left: 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-rcp-tags__field [data-role="remove"] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; padding: 0 10px 0 10px; }

.cs-post-rcp-tags__field [data-role="remove"]::before { content: '×'; font-size: 14px; font-weight: bold; }

.cs-post-rcp-tags__suggest { margin-top: 20px; }

.cs-post-rcp-tags__label { display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.cs-post-rcp-tags-suggest__heading { color: #666; }

.cs-post-rcp-tags-suggest__items { margin-top: 10px; }

.cs-post-rcp-tags-suggest__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; margin: 0 5px 10px 0; padding: 0 7px; border-radius: 2px; color: #666; font-size: 14px; line-height: 28px; background: #ddd; }

.bootstrap-tagsinput { width: 100%; }

.bootstrap-tagsinput .twitter-typeahead { vertical-align: top; }

.bootstrap-tagsinput .twitter-typeahead .tt-input { color: #666; }

.bootstrap-tagsinput .twitter-typeahead .tt-query, .bootstrap-tagsinput .twitter-typeahead .tt-hint { margin-bottom: 0; }

.bootstrap-tagsinput .twitter-typeahead .tt-hint { display: none; }

.bootstrap-tagsinput .twitter-typeahead .tt-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 3000000; float: left; min-width: 160px; padding: 5px 0; border-radius: 3px; border: 1px solid #aaa; background: #fff; font-size: 13px; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; padding: 5px 10px; clear: both; font-weight: normal; white-space: nowrap; }

.bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus, .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor { background-color: #eee; text-decoration: none; outline: 0; }

.pm-rvw { background-color: #eee; padding-bottom: 20px; }

.pm-rvw-index { padding: 24px 12px; background: #fff; }

@media screen and (min-width: 701px) { .pm-rvw-index { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen 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 screen 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: cover; }

@media screen 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 screen and (min-width: 701px) { .pm-rvw-main { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rvw-main { border-bottom: 1px solid #ddd; } }

.pm-rvw-main__image { background-repeat: no-repeat; background-position: 50% 50%; height: 315px; margin-bottom: 24px; border: 1px solid #ccc; }

@media screen 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 { margin: 0 -12px -24px; padding: 12px 24px; display: none; background-color: #ddd; }

.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); -ms-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 screen and (max-width: 700px) { .pm-rvw-main-post-rating__text { display: none; } }

.pm-rvw-main-post-rating__text--sp { display: none; }

@media screen 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 { padding: 0 0 24px; background: #fff; }

@media screen and (min-width: 701px) { .pm-rvw-lists { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-rvw-lists { border-bottom: 1px solid #ddd; } }

.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 { padding: 6px 12px; text-align: center; border-bottom: 1px solid #ccc; }

.pm-rvw-lists-more__indicator { box-sizing: border-box; height: 46px; padding-top: 13px; 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; padding: 5px 15px; text-align: center; }

.pm-rvw-lists-more__label { color: #4a75bc; height: 36px; line-height: 36px; background: #ddd; }

.pm-rvw-lists__item { padding: 12px; border-bottom: 1px solid #ccc; }

.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); -ms-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__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; }

.pm-rvw-item-rating-breakdown.isActive { display: block; }

@media screen 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; color: #666; }

.pm-rvw-item__action { max-width: 360px; margin: 6px 0; }

.pm-rvw-item__action:before, .pm-rvw-item__action:after { content: ''; display: table; }

.pm-rvw-item__action:after { clear: both; }

.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 { 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 screen and (max-width: 700px) { .pm-rvw-sidebar-rating-item { padding: 0; } }

@media screen and (min-width: 701px) { .pm-rvw-sidebar-rating-stars.cs-rating-stars { position: absolute; left: 80px; bottom: 6px; } }

@media screen 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 screen and (max-width: 700px) { .pm-rvw-relate { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } }

@media screen 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; }

.pm-rvw-wgt__container__top { border-bottom: 1px solid #ccc; }

@media screen and (min-width: 701px) { .pm-rvw-wgt__container__top { padding: 12px 24px 24px; } }

.pm-rvw-wgt__container__bottom { border-top: 1px solid #ccc; }

@media screen and (min-width: 701px) { .pm-rvw-wgt__container__bottom { padding: 24px 24px 6px; } }

@media screen 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 screen and (min-width: 640px) { .pm-rvw-wgt__container .pm-rvw-item-rating { float: left; margin: 0 30px 20px 0; } }

@media screen 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 screen 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__container .cs-button--w-100p { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 360px; margin-bottom: 15px; }

.pm-rvw-wgt__container .cs-button--w-100p.pm-rvw-button__write-review { margin-bottom: 0; }

.pm-rvw-wgt__community-info { clear: both; }

@media screen and (min-width: 840px) { .cs-loggedin .pm-rvw-wgt__community-info { clear: none; } }

@media screen 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; }

.pm-rvw-wgt__community-info__link { 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: #0055b8; }

.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 screen 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); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .cs-rating-breakdown__trigger.isActive:before { top: 11.5px; -webkit-transform: rotate(-135deg); -ms-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 screen and (max-width: 700px) { .cs-post-rvw-photos { min-width: 320px; } }

@media screen and (min-width: 701px) { .cs-post-rvw-photos { min-width: 700px; } }

@media screen and (min-width: 1000px) { .cs-post-rvw-photos { min-width: 1000px; } }

.cs-post-rvw-photos__inner { 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 screen and (max-width: 700px) { .cs-post-rvw-photos__item, .cs-post-rvw-photos__button { width: 60px; height: 44px; } }

@media screen 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; box-sizing: border-box; display: inline-block; border-radius: 2px; border: 1px solid #006ceb; 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 screen and (max-width: 700px) { .cs-post-rvw-photos__button { background-size: 32px 32px; } }

@media screen and (min-width: 701px) { .cs-post-rvw-photos__button { background-size: 40px 40px; } }

.pm-itw-content { margin-bottom: 20px; padding: 10px 0 20px; position: relative; }

@media screen and (max-width: 700px) { .pm-itw-content { padding: 0 0 20px; } }

.pm-itw-content-header { margin: 0 auto 25px; padding: 10px 0 0; position: relative; width: 680px; color: #fff; background-color: #D0021B; background-image: url("../img/modules/pm-itw/bg__header.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-position: center bottom !important; text-align: center; }

.pm-itw-content-header:before { position: absolute; top: 10%; left: 0; z-index: 0; width: 100%; content: url("../img/modules/pm-itw/bg__header-before.svg"); }

@media screen and (max-width: 700px) { .pm-itw-content-header { width: 100%; background-image: url("../img/modules/pm-itw/bg__header--m.svg"); background-repeat: no-repeat; }
  .pm-itw-content-header:before { display: block; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 497px; content: ''; background-image: url("../img/modules/pm-itw/bg__header-before--m.svg"); background-size: 90%; background-position: center 10%; background-repeat: no-repeat; } }

.pm-itw-content-header__image { width: 100%; min-height: 210px; position: relative; z-index: 1; display: table; }

@media screen and (max-width: 700px) { .pm-itw-content-header__image { padding: 11% 0 5%; min-height: auto; } }

.pm-itw-content-header__image img { max-width: 660px; }

@media screen and (max-width: 700px) { .pm-itw-content-header__image img { width: 68%; } }

.pm-itw-content-header__image-inner { padding: 0 10px; display: table-cell; vertical-align: middle; }

.pm-itw-content-header__title { padding: 0 1em; position: relative; z-index: 1; font-size: 19px; }

@media screen and (max-width: 700px) { .pm-itw-content-header__title { padding: 0 .5em; } }

.pm-itw-content-header__title strong { font-size: 28px; }

@media screen and (max-width: 700px) { .pm-itw-content-header__title strong { font-size: 27px; } }

.pm-itw-content-header__button { margin: 20px auto 0; position: relative; width: 325px; }

@media screen and (max-width: 700px) { .pm-itw-content-header__button { width: 100%; } }

.pm-itw-content-header__button-inner { padding: 10px 0; border: 3px #fff solid; border-radius: 28px; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #E61F00), color-stop(0, #FF3759)); background: -webkit-linear-gradient(#FF3759, #E61F00); background: linear-gradient(#FF3759, #E61F00); }

@media screen and (max-width: 700px) { .pm-itw-content-header__button-inner { margin: auto; width: 80%; } }

.pm-itw-content-header__button-inner:hover { border-color: #ff3244; }

.pm-itw-content-header__button-inner:visited { border-color: #E60012; }

.pm-itw-content-header__button-inner span { margin: auto; display: block; width: 153px; height: 33px; font-size: 23px; }

.pm-itw-content-header__button-inner span:before { margin-top: -3px; display: block; position: relative; float: left; width: 33px; height: 33px; content: ''; background-image: url("../img/modules/pm-itw/icon__target--white.svg"); background-repeat: no-repeat; background-position: 0 0; }

.pm-itw-content-header__button-inner:active span:before { margin-top: -2px; left: 1px; }

.pm-itw-content-header__button .is-disabled { border-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #888), color-stop(0, #696969)); background: -webkit-linear-gradient(#696969, #888); background: linear-gradient(#696969, #888); cursor: default; }

.pm-itw-content-header__button .is-disabled:active span:before { margin-top: -3px; left: 0; }

.pm-itw-content-header__bottom { margin-top: 10px; padding: 10px 0; width: 100%; background-color: #D0021B; font-size: 16px; }

@media screen and (max-width: 700px) { .pm-itw-content-header__bottom { padding: 1%; box-sizing: border-box; } }

.pm-itw-content-header__error { padding: 1.5em 0; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); display: none; position: absolute; top: 64px; left: 2.5px; z-index: 99; width: 320px; background-color: #fff; color: #4A4A4A; font-size: 16px; }

@media screen and (max-width: 700px) { .pm-itw-content-header__error { width: 80%; left: 10%; } }

.pm-itw-content-header__error:before { display: block; position: absolute; top: -6px; left: 148px; z-index: -1; width: 28px; height: 28px; background-color: #fff; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pm-itw-content-header--result { padding: 10px 0; background-color: #085A9F; background-image: url("../img/modules/pm-itw/bg__header-lose.svg"); background-repeat: repeat-y !important; background-size: initial; }

.pm-itw-content-header--result:before { display: none; }

@media screen and (max-width: 700px) { .pm-itw-content-header--result { background-image: url("../img/modules/pm-itw/bg__header-lose--m.svg"); background-repeat: repeat-y; } }

.pm-itw-content-header--result-text { font-weight: bold; font-size: 51px; }

@media screen and (max-width: 700px) { .pm-itw-content-header--result-text { font-size: 41px; } }

.pm-itw-content-header--result .pm-itw-content-header__image { margin: 0; min-height: auto; }

@media screen and (max-width: 700px) { .pm-itw-content-header--result .pm-itw-content-header__image { margin: 0; min-height: auto; padding: 0; } }

@media screen and (max-width: 700px) { .pm-itw-content-header--result .pm-itw-content-header__image img { width: 28.125%; } }

.pm-itw-content-header--result .pm-itw-content-header__title { font-size: 23px; }

@media screen and (max-width: 700px) { .pm-itw-content-header--result .pm-itw-content-header__title { font-weight: bold; font-size: 21px; } }

.pm-itw-content-header.is-win { height: auto; min-height: 330px; background: none; background-image: url("../img/modules/pm-itw/bg__header-win.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.pm-itw-content-header.is-win:before { display: block; position: absolute; top: initial; bottom: 0; left: 0; z-index: 0; width: 100%; content: url("../img/modules/pm-itw/bg__header-win-before.svg"); }

@media screen and (max-width: 700px) { .pm-itw-content-header.is-win { width: 100%; min-height: 370px; background-image: url("../img/modules/pm-itw/bg__header-win--m.svg"); background-repeat: no-repeat; }
  .pm-itw-content-header.is-win:before { display: block; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 390px; content: ''; background-image: url("../img/modules/pm-itw/bg__header-win-before--m.svg"); background-size: 100%; background-position: center bottom; background-repeat: no-repeat; } }

.pm-itw-content-header.is-win .pm-itw-content-header__image { margin-top: 10px; position: relative; z-index: 1; }

@media screen and (max-width: 700px) { .pm-itw-content-header.is-win .pm-itw-content-header__image img { width: 70%; } }

.pm-itw-content-header.is-win .pm-itw-content-body__title { text-align: left; }

.pm-itw-content-body { margin-bottom: 25px; text-align: center; }

@media screen and (max-width: 700px) { .pm-itw-content-body { padding: 0 4.5%; text-align: left; } }

.pm-itw-content-body__dlist { color: #4a4a4a; text-align: center; font-size: 15px; }

@media screen and (max-width: 700px) { .pm-itw-content-body__dlist { text-align: left; } }

.pm-itw-content-body__dlist-term { margin-bottom: .25em; font-weight: bold; }

.pm-itw-content-body__dlist-desc { margin-bottom: 2em; }

@media screen and (max-width: 700px) { .pm-itw-content-body__dlist-desc { margin-bottom: 1.5em; } }

.pm-itw-content-body__image { margin-bottom: 20px; text-align: center; }

@media screen and (max-width: 700px) { .pm-itw-content-body__image { text-align: left; } }

.pm-itw-content-body__image img { width: 160px; }

@media screen and (max-width: 700px) { .pm-itw-content-body__image img { width: 54.35%; } }

.pm-itw-content-body__tnc-list { font-size: 14px; text-align: center; }

@media screen and (max-width: 700px) { .pm-itw-content-body__tnc-list { text-align: left; } }

.pm-itw-content-body__tnc-list-item { margin: 0 .25em; display: inline-block; }

.pm-itw-content-body__title { margin-bottom: .25em; color: #F5A623; font-weight: bold; font-size: 21px; text-align: center; }

.pm-itw-content-body__paragraph { margin-bottom: 1.5em; color: #5c5c5c; font-size: 16px; text-align: center; }

.pm-itw-content-body__button { margin: 50px auto; width: 325px; }

@media screen and (max-width: 700px) { .pm-itw-content-body__button { width: 100%; } }

@media screen and (max-width: 700px) { .pm-itw-content-body--result.is-win .pm-itw-content-body__title, .pm-itw-content-body--result.is-win .pm-itw-content-body__paragraph { text-align: left; } }

.pm-itw-content-body--done .pm-itw-content-body__dlist { margin-top: 50px; }

.pm-itw-content-community { padding: 0 25px; }

@media screen and (max-width: 700px) { .pm-itw-content-community { padding: 0 4.5%; } }

.pm-itw-content-comments .cs-tags-b { padding: 0 15px; }

.pm-itw-content-comments-action-button { margin: auto; padding: 9.5px 0; border-radius: 4px; width: 345px; color: #fff; font-size: 16px; text-align: center; cursor: pointer; }

@media screen and (max-width: 700px) { .pm-itw-content-comments-action-button { width: 100%; } }

.pm-itw-content-comments-action-button__icon { margin: -6px .25em 0 0; display: inline-block; width: 24px; height: 24px; background-image: url(../img/icons/comment--white.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; vertical-align: middle; }

.pm-itw-content-comments-thread { margin: 0; }

@media screen and (max-width: 700px) { .pm-itw-content-comments-thread { border-top: 1px solid #ddd; } }

.pm-itw-content-comments-thread-more__indicator { height: 46px; text-align: center; }

.pm-itw-content-comments-thread-more__indicator .cs-spinner-b { margin-top: 15px; }

.pm-itw-content-comments-thread-more__button { -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; }

.pm-itw-content-comments-thread-more__label { color: #ff5998; height: 36px; line-height: 36px; cursor: pointer; background-color: #eee; }

.pm-itw-content-comments-thread__items { border-top: 1px solid #ddd; }

.pm-itw-content-comments-item { padding: 20px 30px; border-bottom: 1px solid #ddd; }

.pm-itw-content-comments-item__header { position: relative; padding-right: 30px; }

.pm-itw-content-comments-item__header-author a:hover { text-decoration: none; }

.pm-itw-content-comments-item__header-author .cs-avatar__name { font-weight: normal; }

.pm-itw-content-comments-item__header-date { padding-left: 50px; display: table-cell; color: #aaa; vertical-align: middle; word-wrap: break-word; overflow-wrap: break-word; }

.pm-itw-content-comments-item__content { margin: 10px 0 25px 48px; }

.pm-itw-content-comments-item__body { margin-bottom: 1em; font-size: 16px; word-break: break-all; }

.pm-itw-content-comments-item__res { margin-top: 10px; }

.pm-itw-content-comments-menu { position: absolute; right: 0; top: 0; }

.pm-itw-content-comments-subthread { margin-top: 10px; padding-left: 50px; }

@media screen and (max-width: 700px) { .pm-itw-content-comments-subthread { padding-left: 15%; } }

.pm-itw-content-comments-subthread__more { margin-bottom: 15px; }

.pm-itw-content-comments-subthread-more__indicator { padding-top: 2px; box-sizing: border-box; height: 25px; text-align: center; }

.pm-itw-content-comments-subthread-more__button { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 6px 30px; color: #aaa; background: #eee; font-size: 14px; }

.pm-itw-content-comments-subitem { margin-bottom: 30px; }

.pm-itw-content-comments-subitem__header { position: relative; }

.pm-itw-content-comments-subitem__header-author a:hover { text-decoration: none; }

.pm-itw-content-comments-subitem__header-author .cs-avatar__name { color: #969696; font-weight: normal; }

.pm-itw-content-comments-subitem__header-date { padding-left: 50px; display: table-cell; color: #aaa; vertical-align: middle; word-wrap: break-word; overflow-wrap: break-word; }

.pm-itw-content-comments-subitem__content { margin-left: 50px; font-size: 14px; }

.pm-itw-content-comments-form { margin: 20px -5px; }

@media screen and (max-width: 700px) { .pm-itw-content-comments-form { margin: 15px -4.5%; } }

.pm-itw-content-comments-form__input { padding: 30px 15px 30px; background: #ff5998; }

.pm-itw-content-comments-form__avatar { float: left; width: 35px; }

.pm-itw-content-comments-form__button { float: right; width: 50px; }

.pm-itw-content-comments-form__field { margin: 0 60px 0 45px; }

.pm-itw-content-comments-form__footer { margin: 10px 0 0 45px; clear: both; }

.pm-itw-content-comments-form__photo-upload { display: inline-block; position: relative; color: #fff; overflow: hidden; font-size: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pm-itw-content-comments-form__photo-upload:before { background-repeat: no-repeat; background-position: 50% 50%; margin-right: 7px; display: inline-block; width: 30px; height: 30px; content: ''; vertical-align: middle; background-image: url(/assets/img/icons/photo-upload--white.svg); background-size: 30px 30px; }

.pm-itw-content-comments-form__photo-upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-itw__response-buttons { margin-bottom: 25px; padding: 0 30px; }

@media screen and (max-width: 700px) { .pm-itw__response-buttons { padding: 0; } }

.pm-itw__response-buttons .cs-response-a, .pm-itw__response-buttons .cs-response-a--light { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (max-width: 700px) { .pm-itw__response-buttons .cs-response-a, .pm-itw__response-buttons .cs-response-a--light { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.pm-itw__response-buttons .cs-response-a__button--like, .pm-itw__response-buttons .cs-response-a__button--comment, .pm-itw__response-buttons .cs-response-a__button--clip { margin: 0 0 0 15px; float: none; text-align: center; }

@media screen and (max-width: 700px) { .pm-itw__response-buttons .cs-response-a__button--like, .pm-itw__response-buttons .cs-response-a__button--comment, .pm-itw__response-buttons .cs-response-a__button--clip { margin: 0; } }

.pm-itw-reply-list { background: #fff; background: #fff; }

@media screen and (min-width: 701px) { .pm-itw-reply-list { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-itw-reply-list { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-itw-reply-list { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-itw-reply-list { margin-bottom: 20px; } }

.pm-itw-reply-list__heading { padding: 15px 15px 15px 45px; border-bottom: 1px solid #ddd; color: #aaa; font-size: 14px; background: url("../img/icons/comment--gray.svg") no-repeat 15px 50%; }

.pm-itw-detail-reply { margin: 0 0 20px; }

.pm-itw-detail-supplementary__items { margin-bottom: 15px; padding: 15px 15px 5px; border: 1px solid #ddd; font-size: 14px; }

.pm-itw-reply-list-item--best-answer .pm-itw-detail-supplementary__items { border-color: #e92364; }

.pm-itw-detail-supplementary__title { margin-bottom: 10px; color: #aaa; font-weight: bold; }

.pm-itw-reply-list-item--best-answer .pm-itw-detail-supplementary__title { font-size: 12px; }

.pm-itw-detail-supplementary__item { margin-bottom: 10px; }

.pm-itw-detail-supplementary__contents { margin-bottom: 5px; }

.pm-itw-detail-supplementary__date { color: #aaa; font-size: 10px; }

.pm-itw-detail-supplementary__button { margin-bottom: 15px; }

.pm-itw-detail-supplementary__form { margin-bottom: 15px; }

.pm-itw-form { background: #eee; }

.pm-itw-form__title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.pm-itw-form__image { margin-right: 10px; float: left; }

.pm-itw-form__body { overflow: hidden; }

.pm-itw-form__characters { margin: 5px 0 0; color: #666; text-align: right; }

.pm-itw-form__characters .js-textarea-overflow { color: #e60000; }

.pm-itw-form__upload { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; display: inline-block; margin-bottom: 15px; color: #006ceb; vertical-align: middle; }

.pm-itw-form__upload input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-itw-form__upload-icon { 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-itw-form__thumbnail { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; display: inline-block; width: 60px; height: 44px; }

.pm-itw-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-itw-form__button { margin-top: 5px; }

.pm-itw-form textarea.js-textarea-overflow { background: #1A4374; }

.pm-itw-vote-comment { padding: 0 0 20px; }

.pm-itw-vote-comment__inputs { padding: 15px; background-color: #eee; }

.pm-itw-vote-comment__text { margin: 0 0 10px; color: #aaa; font-size: 14px; }

.pm-itw-vote-comment-avatar { float: left; margin: 0 10px 0 0; }

.pm-itw-vote-comment-field { overflow: hidden; }

.pm-itw-vote-comment-caution { margin: 20px auto -15px; max-width: 345px; font-size: 14px; }

.pm-itw-vote-comment-button { margin: 10px auto 0; border-radius: 5px; background-color: #006ceb; }

.pm-itw-vote-comment-button.is-diabled { background-color: #aaa; }

.pm-itw-vote-comment-button-b--2-xl { border-radius: 5px; border: 1px solid #aaa; }

.pm-itw-list__heading { padding: 15px; border-bottom: 1px solid #ddd; color: #000; font-weight: bold; font-size: 16px; }

.pm-itw-list-item { background: #fff; margin-bottom: 10px; padding: 15px 30px; }

@media screen and (min-width: 701px) { .pm-itw-list-item { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-itw-list-item { border-bottom: 1px solid #ddd; } }

@media screen and (max-width: 700px) { .pm-itw-list-item { margin-bottom: 5px; padding: 15px; } }

.pm-itw-list-item-header { margin-bottom: 10px; box-sizing: border-box; display: table; width: 100%; }

.pm-itw-list-item-header__category { float: left; }

.pm-itw-list-item-header__category a { margin-right: 1em; }

.pm-itw-list-item-header__date { float: right; color: #666; }

.pm-itw-list-item-header__new, .pm-itw-list-item-header__remain { margin: -2px 10px 0 0; padding: 5px 10px; border-radius: 3px; float: right; line-height: 1; font-weight: normal; font-size: 10px; color: #fff; background-color: #e91144; }

.pm-itw-list-item-header__remain { padding: 4px 10px; font-size: 12px; color: #fff; }

.pm-itw-list-item-body { display: block; }

.pm-itw-list-item-body:hover { text-decoration: none; }

.pm-itw-list-item-body:before, .pm-itw-list-item-body:after { content: ''; display: table; }

.pm-itw-list-item-body:after { clear: both; }

.pm-itw-list-item-body__image-text { clear: both; }

.pm-itw-list-item-body__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border: 1px solid #ddd; float: left; width: 70px; height: 70px; margin-right: 10px; margin-bottom: 10px; }

.pm-itw-list-item-body__title { margin-bottom: 5px; line-height: 1.5; color: #333; font-weight: bold; font-size: 16px; overflow: hidden; }

@media screen and (max-width: 700px) { .pm-itw-list-item-body__title { font-size: 16px; } }

.pm-itw-list-item-body__date { line-height: 1.5; color: #333; font-size: 12px; word-break: break-all; }

.pm-itw-list-item-footer { margin: 15px -15px -15px; padding: 10px 15px; border-top: 1px solid #ddd; text-align: right; }

.pm-itw-list-item-footer:before, .pm-itw-list-item-footer:after { content: ''; display: table; }

.pm-itw-list-item-footer:after { clear: both; }

@media screen and (min-width: 701px) { .pm-itw-list-item-footer { margin: 15px -30px -15px; padding: 10px 30px; } }

.pm-itw-list-item-footer__views { float: left; color: #666; }

.pm-itw-list-item-footer .cs-response-a__button--like, .pm-itw-list-item-footer .cs-response-a__button--comment, .pm-itw-list-item-footer .cs-response-a__button--clip { margin-right: 35px; }

@media screen and (min-width: 701px) { .pm-itw-list-more { margin: 20px 0 0; } }

@media screen and (max-width: 700px) { .pm-itw-list-more { margin: 20px 10px; } }

.pm-itw-list-more__indicator { box-sizing: border-box; height: 44px; text-align: center; }

.pm-itw-content-animation { padding: 20px 0; }

.pm-itw-content-animation .cs-pane { padding: 10px; }

@media screen and (max-width: 700px) { .pm-itw-content-animation .cs-pane { padding: 10px 0; } }

.vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer, .vegas-wrapper { position: relative; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; border: none; padding: 0; margin: 0; height: 100%; }

.vegas-overlay { opacity: .5; text-align: center; }

.vegas-timer { top: auto; bottom: 0; height: 2px; }

.vegas-timer-progress { width: 0; height: 100%; background: #fff; -webkit-transition: width ease-out; transition: width ease-out; }

.vegas-timer-running .vegas-timer-progress { width: 100%; }

.vegas-slide { background: #fff; }

@media screen and (min-width: 701px) { .vegas-slide { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .vegas-slide { border-bottom: 1px solid #ddd; } }

.vegas-slide, .vegas-slide-inner { margin: 0; padding: 0; background: center center no-repeat; -webkit-transform: translateZ(0); transform: translateZ(0); }

.vegas-video { min-width: 100%; min-height: 100%; width: auto; height: auto; }

.vegas-container { overflow: auto; position: static; z-index: 0; }

.vegas-container > .vegas-container-overlay, .vegas-container > .vegas-container-slide, .vegas-container > .vegas-container-timer { z-index: 1; }

:root body.vegas-container > .vegas-overlay, :root body.vegas-container > .vegas-slide, _::full-page-media, _:future { bottom: -76px; }

.vegas-transition-fade, .vegas-transition-fade2 { opacity: 0; }

.vegas-transition-fade-in, .vegas-transition-fade2-in { opacity: 1; }

.vegas-transition-fade2-out { opacity: 0; }

.vegas-transition-blur, .vegas-transition-blur2 { opacity: 0; -webkit-filter: blur(32px); filter: blur(32px); }

.vegas-transition-blur-in, .vegas-transition-blur2-in { opacity: 1; -webkit-filter: blur(0); filter: blur(0); }

.vegas-transition-blur2-out { opacity: 0; }

.vegas-transition-flash, .vegas-transition-flash2 { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25); }

.vegas-transition-flash-in, .vegas-transition-flash2-in { opacity: 1; -webkit-filter: brightness(1); filter: brightness(1); }

.vegas-transition-flash2-out { opacity: 0; -webkit-filter: brightness(25); filter: brightness(25); }

.vegas-transition-negative, .vegas-transition-negative2 { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%); }

.vegas-transition-negative-in, .vegas-transition-negative2-in { opacity: 1; -webkit-filter: invert(0); filter: invert(0); }

.vegas-transition-negative2-out { opacity: 0; -webkit-filter: invert(100%); filter: invert(100%); }

.vegas-transition-burn, .vegas-transition-burn2 { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%); }

.vegas-transition-burn-in, .vegas-transition-burn2-in { opacity: 1; -webkit-filter: contrast(100%) saturate(100%); filter: contrast(100%) saturate(100%); }

.vegas-transition-burn2-out { opacity: 0; -webkit-filter: contrast(1000%) saturate(1000%); filter: contrast(1000%) saturate(1000%); }

.vegas-transition-slideLeft, .vegas-transition-slideLeft2 { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.vegas-transition-slideLeft2-out, .vegas-transition-slideRight, .vegas-transition-slideRight2 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.vegas-transition-slideRight-in, .vegas-transition-slideRight2-in { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.vegas-transition-slideRight2-out { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.vegas-transition-slideUp, .vegas-transition-slideUp2 { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }

.vegas-transition-slideUp-in, .vegas-transition-slideUp2-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.vegas-transition-slideDown, .vegas-transition-slideDown2, .vegas-transition-slideUp2-out { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.vegas-transition-slideDown-in, .vegas-transition-slideDown2-in { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.vegas-transition-slideDown2-out { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }

.vegas-transition-zoomIn, .vegas-transition-zoomIn2 { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }

.vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.vegas-transition-zoomIn2-out, .vegas-transition-zoomOut, .vegas-transition-zoomOut2 { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; }

.vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.vegas-transition-zoomOut2-out { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }

.vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 { -webkit-transform: scale(2) rotate(35deg); -ms-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0; }

.vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1; }

.vegas-transition-swirlLeft2-out, .vegas-transition-swirlRight, .vegas-transition-swirlRight2 { -webkit-transform: scale(2) rotate(-35deg); -ms-transform: scale(2) rotate(-35deg); transform: scale(2) rotate(-35deg); opacity: 0; }

.vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1; }

.vegas-transition-swirlRight2-out { -webkit-transform: scale(2) rotate(35deg); -ms-transform: scale(2) rotate(35deg); transform: scale(2) rotate(35deg); opacity: 0; }

.vegas-animation-kenburns { -webkit-animation: kenburns ease-out; animation: kenburns ease-out; }

@-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes kenburns { 0% { -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

.vegas--animation-kenburnsUp { -webkit-animation: kenburnsUp ease-out; animation: kenburnsUp ease-out; }

@-webkit-keyframes kenburnsUp { 0% { -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsUp { 0% { -webkit-transform: scale(1.5) translate(0, 10%);
    transform: scale(1.5) translate(0, 10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsDown { -webkit-animation: kenburnsDown ease-out; animation: kenburnsDown ease-out; }

@-webkit-keyframes kenburnsDown { 0% { -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsDown { 0% { -webkit-transform: scale(1.5) translate(0, -10%);
    transform: scale(1.5) translate(0, -10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsLeft { -webkit-animation: kenburnsLeft ease-out; animation: kenburnsLeft ease-out; }

@-webkit-keyframes kenburnsLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 0);
    transform: scale(1.5) translate(10%, 0); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsRight { -webkit-animation: kenburnsRight ease-out; animation: kenburnsRight ease-out; }

@-webkit-keyframes kenburnsRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 0);
    transform: scale(1.5) translate(-10%, 0); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsUpLeft { -webkit-animation: kenburnsUpLeft ease-out; animation: kenburnsUpLeft ease-out; }

@-webkit-keyframes kenburnsUpLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsUpLeft { 0% { -webkit-transform: scale(1.5) translate(10%, 10%);
    transform: scale(1.5) translate(10%, 10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsUpRight { -webkit-animation: kenburnsUpRight ease-out; animation: kenburnsUpRight ease-out; }

@-webkit-keyframes kenburnsUpRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsUpRight { 0% { -webkit-transform: scale(1.5) translate(-10%, 10%);
    transform: scale(1.5) translate(-10%, 10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsDownLeft { -webkit-animation: kenburnsDownLeft ease-out; animation: kenburnsDownLeft ease-out; }

@-webkit-keyframes kenburnsDownLeft { 0% { -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsDownLeft { 0% { -webkit-transform: scale(1.5) translate(10%, -10%);
    transform: scale(1.5) translate(10%, -10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-animation-kenburnsDownRight { -webkit-animation: kenburnsDownRight ease-out; animation: kenburnsDownRight ease-out; }

@-webkit-keyframes kenburnsDownRight { 0% { -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

@keyframes kenburnsDownRight { 0% { -webkit-transform: scale(1.5) translate(-10%, -10%);
    transform: scale(1.5) translate(-10%, -10%); }
  100% { -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0); } }

.vegas-timer.vegas-timer-running { display: none; }

.anime { margin-bottom: 20px; background-color: #F95061; min-height: 400px; overflow: hidden; overflow-y: hidden; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide [dir="rtl"] { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.cs-modal-overlay { background: rgba(32, 32, 32, 0.7); }

.pm-mby { background: #eee; }

.pm-mby * { box-sizing: border-box; }

.pm-mby-u__text--center { text-align: center; }

.pm-mby-u__text--bold { font-weight: bold; }

.pm-mby-u__text--current { color: #006ceb; }

.pm-mby-u__break--moblie { display: none; }

@media screen and (max-width: 700px) { .pm-mby-u__break--moblie { display: block; } }

@media screen and (max-width: 700px) { .pm-mby-u__break--desktop { display: none; } }

.pm-mby-container__main { margin-bottom: 15px; padding: 0 0 16px; }

@media screen and (min-width: 701px) { .pm-mby-container__main { padding: 16px 10px; } }

.pm-mby-main-view, .pm-mby-main-view--offset, .pm-mby-main-view__section { margin: 0 0 15px; padding: 0; line-height: 0; }

.pm-mby-main-view > img, .pm-mby-main-view--offset > img, .pm-mby-main-view__section > img { width: 100%; }

.pm-mby-main-view--offset { margin-bottom: 0; }

.pm-mby-main-view__section { margin-top: -15px; }

@media screen and (min-width: 701px) { .pm-mby-main-view__section--items { width: 680px; height: 307px; background-repeat: no-repeat; } }

.pm-mby-main-view__section--items-image { width: 100%; }

@media screen and (min-width: 701px) { .pm-mby-main-view__section--items-image { display: none; } }

.pm-mby-section { clear: both; margin: 0; padding: 0; overflow: hidden; }

.pm-mby-section__title { margin: 0 0 15px; padding: 9px 12px; background-color: #66cbf2; color: #fff; }

.pm-mby-section__title--sub { display: inline-block; margin: 0 0 0 0.5em; padding: 0; }

.pm-mby-section__title--extend { display: inline-block; margin: 0 0 0 0.5em; padding: 2px 6px; border-radius: 10px; background-color: #fff; color: #66cbf2; line-height: 1.1; vertical-align: middle; }

.pm-mby-section__title-child { margin: 0 0 0.5em; padding: 0; color: #013995; font-weight: bold; }

.pm-mby-section__lead { padding: 0 6.937% 15px; }

.pm-mby-section__lead-message { margin-bottom: 10px; font-weight: bold; font-size: 15px; }

.pm-mby-section__lead-action { text-align: center; }

.pm-mby-section__lead-button { margin: 0 auto; width: 100%; max-width: 345px; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); }

.pm-mby-section__lead-button:hover { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); }

.pm-mby-section__lead-button[disabled], .pm-mby-section__lead-button[disabled]:hover { border: 2px #aaa solid; color: #666; background: #ddd; }

.pm-mby-section__content { margin: 0; padding: 0 12px 12px; }

.pm-mby-section__content p { color: #666; }

.pm-mby-section__content-example { margin: 0; padding: 0 36px 12px; }

@media screen and (min-width: 701px) { .pm-mby-section__content-example { padding-right: 12px; padding-left: 12px; } }

.pm-mby-aside { margin: 0; padding: 0 12px 12px; }

.pm-mby-status__focus { padding: 0 5px 0 0; display: inline-block; color: #449dc0; font-size: 24px; }

.pm-mby-status__stamp, .pm-mby-status__receipt { margin: 0; padding: 15px 12px; font-size: 14px; line-height: 1.1; }

.pm-mby-status__stamp--inner, .pm-mby-status__receipt--inner { display: table; width: 100%; max-width: 320px; table-layout: fixed; margin: 0 auto; padding: 0; }

@media screen and (min-width: 701px) { .pm-mby-status__stamp--inner, .pm-mby-status__receipt--inner { width: 340px; } }

.pm-mby-status__stamp--header, .pm-mby-status__receipt--header { display: table-cell; }

.pm-mby-status__stamp--body, .pm-mby-status__receipt--body { display: table-cell; width: 6.0em; text-align: right; }

.pm-mby-status__stamp { font-weight: bold; }

.pm-mby-status__receipt { background-color: #f2f5fd; }

.pm-mby-actions { margin: 0 0 15px; padding: 0; background-color: #66cbf2; }

.pm-mby-actions__body { display: table; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto; padding: 0; }

@media screen and (min-width: 701px) { .pm-mby-actions__body { width: 340px; } }

.pm-mby-actions__item { padding: 15px 7.5px; display: table-cell; width: 33.3333333%; color: #fff; text-align: center; vertival-align: bottom; }

.pm-mby-actions__item:hover, .pm-mby-actions__item:visited { color: #fff; text-decoration: none; }

.pm-mby-actions__item.is-active { background-color: #449dc0; }

.pm-mby-actions__icon { display: inline-block; width: 100%; height: 35px; }

.pm-mby-actions__icon > img { width: 100%; max-width: 40px; margin: 0 0 5px; }

.pm-mby-navigation { padding: 0 4% 15px; }

.pm-mby-nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pm-mby-nav-list-item { box-sizing: border-box; padding-right: 2%; width: 50%; }

.pm-mby-nav-list-item:last-child { padding-right: 0; padding-left: 2%; }

.pm-mby-nav-link { border-radius: 4px; padding: 10px 2.5px; display: block; color: #fff !important; background-color: #aaa; text-align: center; cursor: pointer; }

.pm-mby-nav-link:hover { color: #fff; text-decoration: none; }

.pm-mby-nav-link.is-current { background-color: #449dc0; }

.pm-mby-mount-list { padding: 0 6.937%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pm-mby-mount-list-item { margin: 0 7.12% 8% 0; border: 1px dashed #aaa; position: relative; width: 46.44%; background-color: #eee; text-align: center; }

.pm-mby-mount-list-item:nth-child(even) { margin: 0 0 8% 0; }

@media screen and (min-width: 460px) { .pm-mby-mount-list-item { margin: 0 5% 5% 0; width: 30%; }
  .pm-mby-mount-list-item:nth-child(even) { margin: 0 5% 5% 0; }
  .pm-mby-mount-list-item:nth-child(3n) { margin: 0 0 5% 0; } }

@media screen and (min-width: 640px) { .pm-mby-mount-list-item { margin: 0 4% 4% 0; width: 22%; }
  .pm-mby-mount-list-item:nth-child(even) { margin: 0 4% 4% 0; }
  .pm-mby-mount-list-item:nth-child(3n) { margin: 0 4% 4% 0; }
  .pm-mby-mount-list-item:nth-child(4n) { margin: 0 0 4% 0; } }

@media screen and (min-width: 700px) { .pm-mby-mount-list-item { margin: 0 2.5% 2.5% 0; width: 18%; }
  .pm-mby-mount-list-item:nth-child(even) { margin: 0 2.5% 2.5% 0; }
  .pm-mby-mount-list-item:nth-child(3n) { margin: 0 2.5% 2.5% 0; }
  .pm-mby-mount-list-item:nth-child(4n) { margin: 0 2.5% 2.5% 0; }
  .pm-mby-mount-list-item:nth-child(5n) { margin: 0 0 2.5% 0; } }

.pm-mby-mount-list-item::before { padding-top: 100%; display: block; content: ''; }

.pm-mby-mount-list-item.is-done::before { padding-top: calc( 100% + 2px); margin: -1px; position: relative; z-index: 1; background-image: url("../img/modules/pm-mby/seal-done.png"); background-size: cover; }

.pm-mby-seal__number, .pm-mby-seal__label, .pm-mby-seal__seal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pm-mby-seal__number { padding-top: 22%; line-height: 1; color: #cccccc; font-family: Avenir; font-weight: 500; font-size: 60px; }

@media screen and (min-width: 375px) { .pm-mby-seal__number { padding-top: 25%; font-size: 70px; } }

@media screen and (min-width: 460px) { .pm-mby-seal__number { padding-top: 18%; } }

@media screen and (min-width: 700px) { .pm-mby-seal__number { padding-top: 15%; font-size: 50px; } }

.pm-mby-seal__label { padding-top: 72%; color: #cccccc; font-size: 12px; }

@media screen and (min-width: 700px) { .pm-mby-seal__label { padding-top: 70%; font-size: 10px; } }

.pm-mby-seal__seal { display: block; }

.pm-mby-seal__link { position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); color: #fff; background-size: 100%; }

.pm-mby-seal__date { position: absolute; bottom: 3%; width: 100%; font-size: 11px; }

@media screen and (min-width: 700px) { .pm-mby-seal__date { font-size: 9px; } }

.pm-mby-step { margin: -15px 0 0; padding: 0; }

@media screen and (min-width: 701px) { .pm-mby-step { display: table; width: 100%; height: 191px; margin-bottom: 15px; } }

.pm-mby-step__item { display: block; position: relative; width: 100%; padding: 10px; border-bottom: 1px solid #dadada; background-color: #fff; color: #4a4a4a; text-decoration: none; }

.pm-mby-step__item:hover, .pm-mby-step__item:visited { color: #4a4a4a; }

.pm-mby-step__item:nth-child(even) { background-color: #f2f5fd; }

@media screen and (min-width: 701px) { .pm-mby-step__item { display: table-cell; width: 25%; border-bottom-width: 0; background-position: 0 40px; background-repeat: no-repeat; text-align: center; vertical-align: middle; }
  .pm-mby-step__item::before { position: absolute; top: 50px; left: 0; margin-top: -12px; margin-left: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 24px solid #fff; content: ""; }
  .pm-mby-step__item:nth-child(odd)::before { border-left-color: #f2f5fd; }
  .pm-mby-step__item:first-child::before { display: none; } }

.pm-mby-step__item--inner { display: table; position: relative; width: 100%; }

.pm-mby-step__item--inner::before { position: absolute; top: 50%; right: 0; width: 12px; height: 12px; margin-top: -6px; border: 1px solid #4a4a4a; border-bottom-width: 0; border-left-width: 0; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (min-width: 701px) { .pm-mby-step__item--inner { display: inline; background-image: none; }
  .pm-mby-step__item--inner::before { display: none; } }

.pm-mby-step__item-image { display: table-cell; width: 58px; height: 58px; vertical-align: middle; }

@media screen and (min-width: 701px) { .pm-mby-step__item-image { display: inline-block; width: 100%; text-align: center; } }

.pm-mby-step__item-image > img { width: 48px; }

@media screen and (min-width: 701px) { .pm-mby-step__item-image > img { width: 60px; } }

.pm-mby-step__item-caption { display: block; color: #013995; font-size: 14px; line-height: 1.6; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-mby-step__item-caption { display: inline-block; width: 100%; } }

.pm-mby-step__item-title { display: inline-block; font-size: 18px; line-height: 1.6; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-mby-step__item-title { margin-right: -10px; margin-left: -10px; font-size: 16px; } }

.pm-mby-step__item-description { display: inline-block; width: 100%; font-size: 12px; line-height: 1.6; }

@media screen and (min-width: 701px) { .pm-mby-step__item-description { position: relative; padding: 0 17px; font-size: 11px; }
  .pm-mby-step__item-description::before { position: absolute; top: 50%; right: 0; width: 12px; height: 12px; margin-top: -6px; border: 1px solid #4a4a4a; border-bottom-width: 0; border-left-width: 0; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }

.pm-mby-detail { margin: 0 0 15px; padding: 0; color: #4a4a4a; }

.pm-mby-detail__header { margin: 0; padding: 0; font-size: 15px; font-weight: bold; }

.pm-mby-detail__body { margin: 0; padding: 0; }

.pm-mby-button { display: block; width: 280px; margin: 0 auto; padding: 13px 12px; border-radius: 4px; background-color: #107cfb, #006ceb; color: #fff; font-size: 15px; line-height: 1.1; text-align: center; }

.pm-mby-button:hover, .pm-mby-button:visited { color: #fff; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mby-button { width: 320px; } }

.pm-mby-button__receipt { display: block; position: relative; width: 280px; margin: 0 auto 15px; padding: 13px 66px; border-radius: 4px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); overflow: hidden; color: #fff; font-size: 15px; line-height: 1.1; text-align: center; }

.pm-mby-button__receipt:hover, .pm-mby-button__receipt:visited { color: #fff; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mby-button__receipt { width: 320px; } }

.pm-mby-button__receipt-icon { position: absolute; top: 9px; left: 30px; width: 24px; }

.pm-mby-button__receipt-icon > img { width: 100%; }

.pm-mby-button__receipt input[type="file"] { position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; opacity: 0; cursor: pointer; }

.pm-mby-button__present { display: inline-block; width: 100%; margin: 0; padding: 10px 12px; border-radius: 4px; background-color: #107cfb, #006ceb; color: #fff; font-size: 15px; line-height: 1.1; text-align: center; }

.pm-mby-button__present:hover, .pm-mby-button__present:visited { color: #fff; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mby-button__present { width: 240px; } }

.pm-mby-button__gift { margin: 0; padding: 10px 0; display: block; width: 100%; border-radius: 4px; background: -webkit-linear-gradient(#107cfb, #006ceb); background: linear-gradient(#107cfb, #006ceb); color: #fff; font-size: 15px; line-height: 1.1; text-align: center; }

.pm-mby-button__gift:hover, .pm-mby-button__gift:visited { background: -webkit-linear-gradient(#006ceb, #107cfb); background: linear-gradient(#006ceb, #107cfb); color: #fff; text-decoration: none; }

@media screen and (min-width: 701px) { .pm-mby-button__gift { width: 240px; } }

.pm-mby-button__gift.is-disabled { border: 2px #aaa solid; color: #666; background: #ddd; cursor: not-allowed; opacity: .5; }

.pm-mby-login { margin: 0 0 15px; padding: 0; }

.pm-mby-login__text { margin: 0 0 1.0em; padding: 0 12px; color: #4a4a4a; }

.pm-mby-login-list { letter-spacing: -5px; text-align: center; }

.pm-mby-login-list-item { margin: 0; display: inline-block; letter-spacing: normal; }

.pm-mby-login-list-item:first-child { margin-right: 20px; }

@media screen and (max-width: 600px) { .pm-mby-login-list-item { margin: 10px 0 0; display: block; }
  .pm-mby-login-list-item:first-child { margin: 0; } }

.pm-mby-receipt { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #dadada; }

.pm-mby-receipt-phots { margin: 0; padding: 0; text-align: center; }

.pm-mby-receipt-phots__item { display: inline-block; position: relative; width: 90px; height: 98px; margin: 0 15px 15px 0; padding: 0; border: 1px solid #c4c4c4; background-size: 89px auto; background-position: 50% 50%; background-repeat: no-repeat; }

.pm-mby-receipt-phots__item:hover { text-decoration: none; }

.pm-mby-receipt-phots__remove { position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; border-radius: 100%; background-color: #989898; color: #fff; font-size: 19px; line-height: 23px; text-align: center; vertical-align: middle; overflow: hidden; }

.pm-mby-receipt__text { margin: 0 0 1.0em; padding: 0 12px; color: #4a4a4a; }

.pm-mby-receipt__text--confirm, .pm-mby-receipt__text--error, .pm-mby-receipt__text--complete { margin: 0 0 1.0em; padding: 0 12px; }

.pm-mby-receipt__text--confirm { color: #013995; font-size: 15px; }

.pm-mby-receipt__text--error { color: #d0021b; font-size: 17px; line-height: 1.4; }

.pm-mby-receipt__text--complete { color: #013995; font-size: 16px; }

.pm-mby-receipt__figure--right, .pm-mby-receipt__figure--left { width: 43px; margin: 0 0 12px; }

.pm-mby-receipt__figure--right { float: right; margin-left: 12px; }

.pm-mby-receipt__figure--left { float: left; margin-right: 12px; }

.pm-mby-receipt__example { overflow: hidden; }

.pm-mby-receipt__example-row { clear: both; margin: 0 -12px; }

@media screen and (min-width: 701px) { .pm-mby-receipt__example-row { clear: none; float: left; width: 50%; margin-right: 0; margin-left: 0; } }

.pm-mby-receipt__example-item { float: left; width: 50%; margin: 0 0 12px; padding: 0 12px; }

@media screen and (min-width: 701px) { .pm-mby-receipt__example-item { padding-right: 24px; padding-left: 0; } }

.pm-mby-receipt__example--icon { float: left; width: 30px; margin: 0 8px 8px 0; padding: 0; }

.pm-mby-receipt__example--image { width: 100%; }

.pm-mby-receipt-icon__approve { width: 30px; height: 30px; border-radius: 100%; border: 5px solid #107cfb, #006ceb; }

.pm-mby-receipt-icon__reject { position: relative; width: 30px; height: 30px; margin: 0 auto; }

.pm-mby-receipt-icon__reject::before, .pm-mby-receipt-icon__reject::after { position: absolute; top: 15px; left: 0; width: 30px; height: 5px; background-color: #013995; content: ""; }

.pm-mby-receipt-icon__reject::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pm-mby-receipt-icon__reject::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-mby-stamp-icon { display: block; width: 71px; height: 71px; margin: 0 auto; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; text-align: center; line-height: 1.1; overflow: hidden; }

.pm-mby-stamp-icon__date { padding: 32px 0 0; color: #449dc0; font-family: Avenir-Medium; font-size: 10px; line-height: 1.1; }

.pm-mby-stamp-icon__none { display: block; width: 71px; height: 71px; margin: 0 auto; border-radius: 100%; border: 3px dotted #c4c4c4; overflow: hidden; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }

.pm-mby-stamp-reject { position: absolute; width: 67px; top: 30px; left: 3px; }

.pm-mby-stamp-reject::before, .pm-mby-stamp-reject::after { position: absolute; top: 3px; left: 1px; width: 67px; height: 10px; border-radius: 19px; background-color: #a4a4a4; content: ""; }

.pm-mby-stamp-reject::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pm-mby-stamp-reject::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-mby-stamp-list { margin: -15px 0 15px; padding: 0; }

.pm-mby-stamp-list__item { margin: 0; padding: 15px; display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #dadada; }

.pm-mby-stamp-list__item:first-child { border-top: 1px solid #dadada; }

.pm-mby-stamp-list__item--image { display: table-cell; width: 68px; vertical-align: top; }

.pm-mby-stamp-list__item--img:hover { cursor: pointer; }

.pm-mby-stamp-list__item--img img { width: 68px; height: 74px; }

.pm-mby-stamp-list__item--text { display: table-cell; margin: 0; padding: 0 12px 0; width: 100%; line-height: 1.5; vertical-align: top; }

.pm-mby-stamp-list__item--result { margin: 0; padding: 0; position: relative; display: table-cell; width: 74px; }

.pm-mby-stamp-list__item--result-text { border: 1px dashed #aaa; border-radius: 4px; display: table-cell; vertical-align: middle; width: 74px; height: 74px; color: #aaa; background-color: #eee; text-align: center; }

.pm-mby-stamp-list__item--result .pm-mby-seal__seal { height: 74px; }

.pm-mby-stamp-list__item--result .pm-mby-seal__date { padding-left: 2px; bottom: 1px; font-size: 7px; text-align: center; }

.pm-mby-stamp-card { position: relative; margin: 0 5px 15px; padding: 0; }

.pm-mby-stamp-card .slick-slide { outline: none; }

.pm-mby-stamp-card .slick-dots { margin-top: 10px; padding-bottom: 20px; text-align: center; }

.pm-mby-stamp-card .slick-dots li { display: inline-block; margin: 0 5px; }

.pm-mby-stamp-card .slick-dots li button { display: block; width: 8px; height: 8px; border-radius: 50%; font-size: 0; text-indent: 100%; overflow: hidden; background-color: #a2a2a2; }

.pm-mby-stamp-card .slick-dots li.slick-active button { background-color: #4a4a4a; }

.pm-mby-stamp-card-nav { display: block; }

.pm-mby-stamp-card-nav__prev, .pm-mby-stamp-card-nav__next { display: block; width: 20px; height: 20px; position: absolute; bottom: 15px; border-radius: 3px; text-indent: 100%; font-size: 0; overflow: hidden; }

.pm-mby-stamp-card-nav__prev:before, .pm-mby-stamp-card-nav__next:before { position: absolute; top: 50%; bottom: 50%; width: 12px; height: 12px; margin-top: -6px; border-left: 1px solid #4a4a4a; border-top: 1px solid #4a4a4a; content: ""; }

.pm-mby-stamp-card-nav__prev { left: 5px; }

@media screen and (min-width: 701px) { .pm-mby-stamp-card-nav__prev { left: 170px; } }

.pm-mby-stamp-card-nav__prev:before { right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.pm-mby-stamp-card-nav__next { right: 5px; }

@media screen and (min-width: 701px) { .pm-mby-stamp-card-nav__next { right: 170px; } }

.pm-mby-stamp-card-nav__next:before { left: 0; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.pm-mby-stamp-card__link-history { margin: 0; padding: 0; font-size: 11px; line-height: 1.3; text-align: center; }

.pm-mby-stamp-card__page { margin: 0; padding: 0 5px; }

.pm-mby-stamp-card__row { clear: both; margin: 0 -10px 0 0; padding: 0; overflow: hidden; }

.pm-mby-stamp-card__item { display: block; float: left; width: 33.333333333%; margin: 0 0 10px; padding: 0 10px 0 0; text-align: center; }

@media screen and (min-width: 701px) { .pm-mby-stamp-card__item { width: 16.666666667%; } }

.pm-mby-stamp-card__item--lg { display: block; float: left; width: 66.66667%; margin: 0; padding: 0 10px 0 0; }

.pm-mby-stamp-card__item--lg .pm-mby-stamp-card__stamp, .pm-mby-stamp-card__item--lg .pm-mby-stamp-card__achievement { width: 49.3%; text-align: center; }

@media screen and (min-width: 701px) { .pm-mby-stamp-card__item--lg { width: 33.33333%; } }

.pm-mby-stamp-card__item-inner { display: block; position: relative; margin: 0; padding: 0; border: 2px solid #dadada; }

.pm-mby-stamp-card__number { position: absolute; top: 5px; left: 5px; line-height: 1.1; font-weight: bold; }

.pm-mby-stamp-card__stamp { display: inline-block; width: 96px; margin: 0; padding: 13px 13px 12px 12px; }

.pm-mby-stamp-card__stamp a:hover { text-decoration: none; }

.pm-mby-stamp-card__achievement { display: inline-block; float: right; margin: 0; padding: 4px 9px 3px 0; text-align: center; }

.pm-mby-stamp-card__achievement a:hover { text-decoration: none; }

.pm-mby-stamp-card__achievement--image { width: 60px; height: 60px; margin: 0 auto; padding: 2px; background-color: rgba(215, 215, 215, 0.41); text-align: center; }

.pm-mby-stamp-card__achievement--image img { display: inline; max-width: 56px; max-height: 56px; }

.pm-mby-stamp-card__achievement--result { color: #4a4a4a; font-weight: bold; }

.pm-mby-stamp-card__achievement--link { font-size: 10px; letter-spacing: -0.05em; }

.pm-mby-stamp-card__achievement--text { color: #4a4a4a; }

.pm-mby-stamp__button--load { display: block; width: 280px; margin: 0 auto 15px; padding: 10px 12px 9px; border-radius: 4px; border: 1px solid #dadada; background-color: #fff; color: #a2a2a2; font-size: 15px; line-height: 1.1; text-align: center; }

.pm-mby-stamp__button--load:hover, .pm-mby-stamp__button--load:visited { color: #a2a2a2; }

@media screen and (min-width: 701px) { .pm-mby-stamp__button--load { width: 320px; } }

.pm-mby-stamp__load { margin: 0 0 15px; padding: 0; text-align: center; }

.pm-mby-stamp-modal { width: 320px; padding: 10px; border-radius: 0; background-color: transparent; overflow: visible; }

.pm-mby-stamp-modal__inner { padding-top: 19px; border-radius: 6px; background-color: #fff; }

.pm-mby-stamp-modal__content { position: relative; max-height: 70vh; overflow-x: visible; overflow-y: visible; -webkit-overflow-scrolling: touch; }

.pm-mby-stamp-modal__header { margin: 0; padding-top: 10px; padding-bottom: 10px; line-height: 1.5; text-align: center; }

.pm-mby-stamp-modal__close > a { display: block; float: none; position: absolute; top: -15px; right: -15px; width: 29px; height: 29px; border-radius: 100%; background-color: #989898; color: #fff; font-size: 21px; line-height: 27px; text-align: center; vertical-align: middle; overflow: hidden; }

.pm-mby-stamp-modal__close > a:hover { text-decoration: none; }

.pm-mby-stamp-modal__body { margin: 0; padding: 0 20px 20px; text-align: center; }

.pm-mby-stamp-modal__body > img { width: 171px; }

.pm-mby-gift-list { margin: 15px -15px 0; padding: 0; border-top: 1px solid #c4c4c4; }

.pm-mby-gift-list__item { padding: 15px; border-bottom: 1px solid #c4c4c4; clear: both; position: relative; min-height: 126px; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-mby-gift-list__item { padding: 15px; position: relative; } }

.pm-mby-gift-list__image { margin: 0 15px 15px 0; float: left; width: 100px; height: 100px; background-color: #f2f5fd; }

@media screen and (min-width: 701px) { .pm-mby-gift-list__image { position: absolute; top: 50px; } }

.pm-mby-gift-list__image img { max-width: 100px; max-height: 100px; }

.pm-mby-gift-list__texts { overflow: hidden; }

@media screen and (min-width: 701px) { .pm-mby-gift-list__texts { position: relative; } }

.pm-mby-gift-list__title { margin: 0 0 15px 0; color: #449dc0; font-weight: bold; line-height: 1.3; }

@media screen and (min-width: 701px) { .pm-mby-gift-list__title { position: relative; } }

.pm-mby-gift-list__title-sub { margin: 0 0 10px 0; font-weight: bold; }

@media screen and (min-width: 701px) { .pm-mby-gift-list__title-sub { position: relative; left: 115px; } }

@media screen and (min-width: 701px) { .pm-mby-gift-list__description { position: relative; left: 115px; } }

.pm-mby-gift-list__operation { margin-top: 30px; clear: both; width: 100%; text-align: center; }

@media screen and (min-width: 701px) { .pm-mby-gift-list__operation { margin-top: 15px; position: relative; left: 115px; } }

.pm-mby-present-list { margin: 15px -15px 0; padding: 0; border-top: 1px solid #c4c4c4; }

.pm-mby-present-list__item { clear: both; position: relative; min-height: 126px; padding: 15px 15px 66px; border-bottom: 1px solid #c4c4c4; overflow: hidden; }

@media screen and (min-width: 701px) { .pm-mby-present-list__item { padding: 15px; } }

.pm-mby-present-list__item-still { clear: both; position: relative; min-height: 126px; padding: 15px; border-bottom: 1px solid #c4c4c4; overflow: hidden; }

.pm-mby-present-list__title { margin: 0; padding: 0 0 15px 111px; color: #449dc0; font-weight: bold; line-height: 1.3; }

@media screen and (min-width: 701px) { .pm-mby-present-list__title { margin-bottom: 15px; padding: 0; } }

.pm-mby-present-list__title em { margin: 10px 0 0; display: block; padding-right: 1.0em; color: #000; }

.pm-mby-present-list__image { display: table; position: absolute; top: 15px; left: 15px; width: 100px; height: 100px; background-color: #f2f5fd; }

@media screen and (min-width: 701px) { .pm-mby-present-list__image { float: left; position: static; } }

.pm-mby-present-list__image-inner { display: table-cell; text-align: center; vertical-align: middle; }

.pm-mby-present-list__image-inner > img { max-width: 100px; max-height: 100px; }

.pm-mby-present-list__description { padding: 0 0 15px 111px; line-height: 1.3; }

@media screen and (min-width: 701px) { .pm-mby-present-list__description { float: left; width: 545px; padding: 0 15px 15px; } }

.pm-mby-present-list__operation { position: absolute; left: 0; bottom: 15px; width: 100%; margin: 0; padding: 0 15px; text-align: center; }

@media screen and (min-width: 701px) { .pm-mby-present-list__operation { position: static; float: left; width: 545px; margin-left: 15px; padding-right: 0; padding-left: 0; text-align: left; } }

.pm-mby-items { margin: 0 15px 15px; }

@media screen and (min-width: 701px) { .pm-mby-items { display: table; width: 100%; table-layout: fixed; margin-right: 0; margin-left: 0; } }

@media screen and (min-width: 701px) { .pm-mby-items__image, .pm-mby-items__text { display: table-cell; width: 50%; margin: 0; padding: 0; vertical-align: middle; } }

.pm-mby-items__image { margin-bottom: 15px; }

@media screen and (min-width: 701px) { .pm-mby-items__image { padding-right: 7.5px; } }

.pm-mby-items__image > img { width: 100%; }

@media screen and (min-width: 701px) { .pm-mby-items__text { padding-left: 7.5px; } }

.pm-mby-items__text-title, .pm-mby-items__text-description { display: inline-block; width: 100%; }

.pm-mby-items__text-title { margin-bottom: 15px; color: #013995; font-size: 20px; line-height: 1.3; }

.pm-mby-items__text-description { line-height: 1.3; }

.pm-mby-response { margin: 0 0 30px; }

.pm-mby-response--like { border-color: #c4c4c4; color: #4a4a4a; }

.pm-mby-response--like::before { background-image: url("../img/icons/like--gray.svg"); }

.pm-mby-response--clip { border-color: #c4c4c4; color: #4a4a4a; }

.pm-mby-response--clip::before { background-image: url("../img/icons/clip-b--gray.svg"); }

.pm-mby-liked-list { margin: 0 0 30px; }

.pm-mby-tags { margin: 0 0 30px; }

.pm-mby-tags__item > a { border-color: #c4c4c4; color: #a2a2a2; }

.pm-mby-tags__item > a:hover, .pm-mby-tags__item > a:visited { color: #a2a2a2; }

.pm-mby-sns-share { display: block; margin-right: auto; margin-left: auto; }

.pm-mby-sns-share * { box-sizing: content-box; }

.pm-mby-list-more { padding: 0 30px; text-align: center; }

@media screen and (min-width: 701px) { .pm-mby-list-more { padding: 0; } }

.pm-mby-list-more__button { border: none; color: #fff; background-color: #cccccc !important; }

.pm-mby-list-more__button:hover { color: #fff !important; }

@media screen and (min-width: 701px) { .pm-mby-contact { margin-bottom: 40px; } }

.pm-mby-contact-lead__body { font-size: 14px; line-height: 1.6; }

@media screen and (max-width: 700px) { .pm-mby-contact-lead__body { padding: 30px 15px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-lead__body { padding: 30px 30px; } }

.pm-mby-contact-form__header { position: relative; font-size: 14px; font-weight: bold; text-align: center; }

.pm-mby-contact-form__header::before { content: ''; position: absolute; width: 50%; height: 0; left: 0; top: 50%; border-bottom: 1px solid #aaa; }

.pm-mby-contact-form__header::after { content: ''; position: absolute; width: 50%; height: 0; right: 0; top: 50%; border-bottom: 1px solid #aaa; }

.pm-mby-contact-form__header-label { display: inline-block; position: relative; z-index: +1; padding: 0 10px; background: #fff; color: #aaa; }

@media screen and (max-width: 700px) { .pm-mby-contact-form__items { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form__items { padding: 0 30px; } }

.pm-mby-contact-form__item { border-bottom: 1px solid #aaa; }

@media screen and (max-width: 700px) { .pm-mby-contact-form__item { padding: 20px 0; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form__item { display: table; width: 100%; padding: 25px 0; } }

.pm-mby-contact-form__item:last-child { border-bottom: 0; }

@media screen and (max-width: 700px) { .pm-mby-contact-form__label { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form__label { display: table-cell; width: 150px; vertical-align: top; } }

.pm-mby-contact-form__label-name { color: #aaa; font-size: 14px; font-weight: bold; }

.pm-mby-contact-form__label-name.is-error { color: #e60000; }

@media screen and (max-width: 700px) { .pm-mby-contact-form__label-name { margin-right: 10px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form__label-name { display: block; margin-bottom: 5px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form__field { display: table-cell; width: 490px; vertical-align: top; } }

.pm-mby-contact-form__field-preview { font-size: 16px; line-height: 1.4; }

@media screen and (max-width: 700px) { .pm-mby-contact-form__field-preview { padding-left: 15px; } }

.pm-mby-contact-form__note { margin-top: 10px; color: #aaa; font-size: 11px; }

.pm-mby-contact-form__sub-label { margin-top: 15px; margin-bottom: 10px; color: #aaa; font-size: 13px; }

.pm-mby-contact-form__sub-label:first-child { margin-top: 0; }

.pm-mby-contact-form__inline-layout { display: table; }

.pm-mby-contact-form__inline-layout-item { display: table-cell; padding-left: 15px; vertical-align: top; }

.pm-mby-contact-form__inline-layout-item:first-child { padding-left: 0; }

.pm-mby-contact-form-buttons { padding: 40px 0; }

@media screen and (max-width: 700px) { .pm-mby-contact-form-buttons__primary { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form-buttons__primary { width: 300px; margin-left: auto; margin-right: auto; } }

.pm-mby-contact-form-buttons__secondary { margin-top: 10px; }

.pm-mby-contact-form-buttons__secondary:before, .pm-mby-contact-form-buttons__secondary:after { content: ''; display: table; }

.pm-mby-contact-form-buttons__secondary:after { clear: both; }

@media screen and (max-width: 700px) { .pm-mby-contact-form-buttons__secondary { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-mby-contact-form-buttons__secondary { width: 300px; margin-left: auto; margin-right: auto; } }

.pm-mby-contact-form-buttons__secondary-left { box-sizing: border-box; float: left; width: 50%; padding-right: 5px; }

.pm-mby-contact-form-buttons__secondary-right { box-sizing: border-box; float: right; width: 50%; padding-left: 5px; }

.pm-mby-contact-form-error { padding: 15px 15px; border-bottom: 1px solid #aaa; color: #e60000; }

.pm-mby-contact-done__button { padding: 40px 0; text-align: center; }

.pm-mby-settings { background: #fff; }

@media screen and (min-width: 701px) { .pm-mby-settings { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; } }

@media screen and (max-width: 700px) { .pm-mby-settings { border-bottom: 1px solid #ddd; } }

@media screen and (min-width: 701px) { .pm-mby-settings { margin-bottom: 40px; } }

.pm-mby-settings__content { border-top: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-mby-settings-form__items { padding: 0 15px; } }

@media screen and (min-width: 701px) { .pm-mby-settings-form__items { padding: 0 30px; } }

.pm-mby-settings-form__item { border-bottom: 1px solid #ddd; }

@media screen and (max-width: 700px) { .pm-mby-settings-form__item { padding: 20px 0; } }

@media screen and (min-width: 701px) { .pm-mby-settings-form__item { display: table; width: 100%; padding: 25px 0; } }

.pm-mby-settings-form__item:last-child { border-bottom: 0; }

@media screen and (max-width: 700px) { .pm-mby-settings-form__label { margin-bottom: 10px; } }

@media screen and (min-width: 701px) { .pm-mby-settings-form__label { display: table-cell; width: 150px; vertical-align: top; } }

.pm-mby-settings-form__label-name { color: #aaa; font-size: 14px; font-weight: bold; }

.pm-mby-settings-form__label-name.is-error { color: #e60000; }

@media screen and (max-width: 700px) { .pm-mby-settings-form__label-name { margin-right: 10px; } }

@media screen and (min-width: 701px) { .pm-mby-settings-form__label-name { display: block; margin-bottom: 5px; } }

@media screen and (min-width: 701px) { .pm-mby-settings-form__field { display: table-cell; width: 490px; vertical-align: top; } }

.pm-mby-settings-form__field-preview { font-size: 16px; line-height: 1.4; }

@media screen and (max-width: 700px) { .pm-mby-settings-form__field-preview { padding-left: 15px; } }

.pm-mby-settings-form__note { margin-top: 10px; color: #aaa; font-size: 11px; }

.pm-mby-settings-form__sub-label { margin-top: 15px; margin-bottom: 10px; color: #aaa; font-size: 13px; }

.pm-mby-settings-form__sub-label:first-child { margin-top: 0; }

.pm-mby-settings-form__inline-layout { display: table; }

.pm-mby-settings-form__inline-layout-item { display: table-cell; padding-left: 15px; vertical-align: top; }

.pm-mby-settings-form__inline-layout-item:first-child { padding-left: 0; }

.pm-mby-settings-form-buttons { padding: 40px 0; border-top: 1px solid #ddd; text-align: center; }

.pm-mby-settings-form-buttons__item { display: inline-block; margin: 0 10px; }

.pm-mby-settings-form-error { padding: 15px 15px; border-bottom: 1px solid #ddd; color: #e60000; }