@font-face {
  font-family: "icomoon";
  src: url("../../../../static/assets/font/icomoon.eot");
  src: url("../../../../static/assets/font/icomoon.eot") format("embedded-opentype"), url("../../../../static/assets/font/icomoon.ttf") format("truetype"), url("../../../../static/assets/font/icomoon.woff") format("woff"), url("../../../../static/assets/font/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youtube_black:before {
  content: "\e91d";
}
.icon-mail_black:before {
  content: "\e91c";
}
.icon-line_black:before {
  content: "\e91e";
}
.icon-rss_black:before {
  content: "\e918";
}
.icon-facebook_black:before {
  content: "\e917";
}
.icon-link_black:before {
  content: "\e916";
}
.icon-twitter_black:before {
  content: "\e919";
}
.icon-back:before {
  content: "\e912";
}
.icon-menu:before {
  content: "\e900";
}
.icon-column:before {
  content: "\e905";
}
.icon-alert:before {
  content: "\e91a";
}
.icon-tab:before {
  content: "\e91b";
}
.icon-text:before {
  content: "\e901";
}
.icon-column_black:before {
  content: "\e902";
}
.icon-article:before {
  content: "\e903";
}
.icon-closed:before {
  content: "\e904";
}
.icon-comment:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-gallery:before {
  content: "\e908";
}
.icon-home:before {
  content: "\e909";
}
.icon-link:before {
  content: "\e90a";
}
.icon-mail:before {
  content: "\e90b";
}
.icon-quote:before {
  content: "\e90c";
}
.icon-rank:before {
  content: "\e90d";
}
.icon-rss:before {
  content: "\e90e";
}
.icon-serch:before {
  content: "\e90f";
}
.icon-special:before {
  content: "\e910";
}
.icon-twitter:before {
  content: "\e911";
}
.icon-right:before {
  content: "\e913";
}
.icon-down:before {
  content: "\e914";
}
.icon-left:before {
  content: "\e915";
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Accordion 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Button 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI Checkboxradio 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}

/*!
 * jQuery UI Controlgroup 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}


/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/*!
 * jQuery UI Dialog 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI Draggable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/*!
 * jQuery UI Menu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/*!
 * jQuery UI Progressbar 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*!
 * jQuery UI Selectable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

/*!
 * jQuery UI Selectmenu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*!
 * jQuery UI Spinner 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/*!
 * jQuery UI Tabs 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI Tooltip 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png")/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png")/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png")/*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@charset "UTF-8";
/*===============================

FOUNDATION

=================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #2a3644;
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  border: none;
}

button,
input,
select,
textarea {
  vertical-align: middle;
}

button,
input {
  line-height: normal;
  -webkit-appearance: none;
}

button-moz-focus-inner,
input-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  border: none;
}

label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  vertical-align: top;
  font-family: sans-serif;
  -webkit-appearance: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #2a3644;
  background: #fcfcfc;
  font-family: Helvetica, Arial, "Roboto", "ヒラギノ角ゴシックPro", "メイリオ", "NotoSansCJK", "モトヤフォント";
  background: #eef0f1;
}
body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
}
body::-webkit-scrollbar-track {
  background: #fcfcfc;
}
body::-webkit-scrollbar-thumb {
  background: #c9cfd6;
  border: 3px solid #fcfcfc;
  border-radius: 8px;
}

/* color
----------------------------- */
.c-contents--text.-top-, .p-columnist-writer__tags .-top-.-article-tags-, .p-ranking__subtext .-top-.-article-tags-, .p-top-think__sub-items ul.-top-, .p-top-think h3.-top-, .-top-.p-top-articles__tags, .p-photogallery__title .-top-.p-photogallery__topic, .p-ent-lists__tags .-top-.-article-tags-, .p-ent-think ul.-top-, .p-ent-think h3.-top-, .p-news-think ul.-top-, .p-news-think h3.-top-, .p-news-top__caption .-top-.-article-tags-, .p-article__title .-top-.p-article__topic, .c-sidebar-tabs .-top-.tags, .c-list-wide-column__tags .-top-.tags, .-top-.c-list-white__tags, .c-list-top-white__tags .-top-.-article-tags-, .c-list-category-top__tags .-top-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-top-.-article-tags-, .c-list-recommend__tags .-top-.tags {
  color: #56b98a;
}
.c-contents--text.-news-, .p-columnist-writer__tags .-news-.-article-tags-, .p-ranking__subtext .-news-.-article-tags-, .p-top-think__sub-items ul.-news-, .p-top-think h3.-news-, .-news-.p-top-articles__tags, .p-photogallery__title .-news-.p-photogallery__topic, .p-ent-lists__tags .-news-.-article-tags-, .p-ent-think ul.-news-, .p-ent-think h3.-news-, .p-news-think ul.-news-, .p-news-think h3.-news-, .p-news-top__caption .-news-.-article-tags-, .p-article__title .-news-.p-article__topic, .c-sidebar-tabs .-news-.tags, .c-list-wide-column__tags .-news-.tags, .-news-.c-list-white__tags, .c-list-top-white__tags .-news-.-article-tags-, .c-list-category-top__tags .-news-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-news-.-article-tags-, .c-list-recommend__tags .-news-.tags, .c-contents--text.-sports-, .p-columnist-writer__tags .-sports-.-article-tags-, .p-ranking__subtext .-sports-.-article-tags-, .p-top-think__sub-items ul.-sports-, .p-top-think h3.-sports-, .-sports-.p-top-articles__tags, .p-photogallery__title .-sports-.p-photogallery__topic, .p-ent-lists__tags .-sports-.-article-tags-, .p-ent-think ul.-sports-, .p-ent-think h3.-sports-, .p-news-think ul.-sports-, .p-news-think h3.-sports-, .p-news-top__caption .-sports-.-article-tags-, .p-article__title .-sports-.p-article__topic, .c-sidebar-tabs .-sports-.tags, .c-list-wide-column__tags .-sports-.tags, .-sports-.c-list-white__tags, .c-list-top-white__tags .-sports-.-article-tags-, .c-list-category-top__tags .-sports-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-sports-.-article-tags-, .c-list-recommend__tags .-sports-.tags, .c-contents--text.-feature-, .p-columnist-writer__tags .-feature-.-article-tags-, .p-ranking__subtext .-feature-.-article-tags-, .p-top-think__sub-items ul.-feature-, .p-top-think h3.-feature-, .-feature-.p-top-articles__tags, .p-photogallery__title .-feature-.p-photogallery__topic, .p-ent-lists__tags .-feature-.-article-tags-, .p-ent-think ul.-feature-, .p-ent-think h3.-feature-, .p-news-think ul.-feature-, .p-news-think h3.-feature-, .p-news-top__caption .-feature-.-article-tags-, .p-article__title .-feature-.p-article__topic, .c-sidebar-tabs .-feature-.tags, .c-list-wide-column__tags .-feature-.tags, .-feature-.c-list-white__tags, .c-list-top-white__tags .-feature-.-article-tags-, .c-list-category-top__tags .-feature-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-feature-.-article-tags-, .c-list-recommend__tags .-feature-.tags {
  color: #3da7b6;
}
.c-contents--text.-teach-, .p-columnist-writer__tags .-teach-.-article-tags-, .p-ranking__subtext .-teach-.-article-tags-, .p-top-think__sub-items ul.-teach-, .p-top-think h3.-teach-, .-teach-.p-top-articles__tags, .p-photogallery__title .-teach-.p-photogallery__topic, .p-ent-lists__tags .-teach-.-article-tags-, .p-ent-think ul.-teach-, .p-ent-think h3.-teach-, .p-news-think ul.-teach-, .p-news-think h3.-teach-, .p-news-top__caption .-teach-.-article-tags-, .p-article__title .-teach-.p-article__topic, .c-sidebar-tabs .-teach-.tags, .c-list-wide-column__tags .-teach-.tags, .-teach-.c-list-white__tags, .c-list-top-white__tags .-teach-.-article-tags-, .c-list-category-top__tags .-teach-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-teach-.-article-tags-, .c-list-recommend__tags .-teach-.tags, .c-contents--text.-health-, .p-columnist-writer__tags .-health-.-article-tags-, .p-ranking__subtext .-health-.-article-tags-, .p-top-think__sub-items ul.-health-, .p-top-think h3.-health-, .-health-.p-top-articles__tags, .p-photogallery__title .-health-.p-photogallery__topic, .p-ent-lists__tags .-health-.-article-tags-, .p-ent-think ul.-health-, .p-ent-think h3.-health-, .p-news-think ul.-health-, .p-news-think h3.-health-, .p-news-top__caption .-health-.-article-tags-, .p-article__title .-health-.p-article__topic, .c-sidebar-tabs .-health-.tags, .c-list-wide-column__tags .-health-.tags, .-health-.c-list-white__tags, .c-list-top-white__tags .-health-.-article-tags-, .c-list-category-top__tags .-health-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-health-.-article-tags-, .c-list-recommend__tags .-health-.tags, .c-contents--text.-gallery-, .p-columnist-writer__tags .-gallery-.-article-tags-, .p-ranking__subtext .-gallery-.-article-tags-, .p-top-think__sub-items ul.-gallery-, .p-top-think h3.-gallery-, .-gallery-.p-top-articles__tags, .p-photogallery__title .-gallery-.p-photogallery__topic, .p-ent-lists__tags .-gallery-.-article-tags-, .p-ent-think ul.-gallery-, .p-ent-think h3.-gallery-, .p-news-think ul.-gallery-, .p-news-think h3.-gallery-, .p-news-top__caption .-gallery-.-article-tags-, .p-article__title .-gallery-.p-article__topic, .c-sidebar-tabs .-gallery-.tags, .c-list-wide-column__tags .-gallery-.tags, .-gallery-.c-list-white__tags, .c-list-top-white__tags .-gallery-.-article-tags-, .c-list-category-top__tags .-gallery-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-gallery-.-article-tags-, .c-list-recommend__tags .-gallery-.tags {
  color: #568bbd;
}
.c-contents--text.-entertainment-, .p-columnist-writer__tags .-entertainment-.-article-tags-, .p-ranking__subtext .-entertainment-.-article-tags-, .p-top-think__sub-items ul.-entertainment-, .p-top-think h3.-entertainment-, .-entertainment-.p-top-articles__tags, .p-photogallery__title .-entertainment-.p-photogallery__topic, .p-ent-lists__tags .-entertainment-.-article-tags-, .p-ent-think ul.-entertainment-, .p-ent-think h3.-entertainment-, .p-news-think ul.-entertainment-, .p-news-think h3.-entertainment-, .p-news-top__caption .-entertainment-.-article-tags-, .p-article__title .-entertainment-.p-article__topic, .c-sidebar-tabs .-entertainment-.tags, .c-list-wide-column__tags .-entertainment-.tags, .-entertainment-.c-list-white__tags, .c-list-top-white__tags .-entertainment-.-article-tags-, .c-list-category-top__tags .-entertainment-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-entertainment-.-article-tags-, .c-list-recommend__tags .-entertainment-.tags, .c-contents--text.-column-, .p-columnist-writer__tags .-column-.-article-tags-, .p-ranking__subtext .-column-.-article-tags-, .p-top-think__sub-items ul.-column-, .p-top-think h3.-column-, .-column-.p-top-articles__tags, .p-photogallery__title .-column-.p-photogallery__topic, .p-ent-lists__tags .-column-.-article-tags-, .p-ent-think ul.-column-, .p-ent-think h3.-column-, .p-news-think ul.-column-, .p-news-think h3.-column-, .p-news-top__caption .-column-.-article-tags-, .p-article__title .-column-.p-article__topic, .c-sidebar-tabs .-column-.tags, .c-list-wide-column__tags .-column-.tags, .-column-.c-list-white__tags, .c-list-top-white__tags .-column-.-article-tags-, .c-list-category-top__tags .-column-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-column-.-article-tags-, .c-list-recommend__tags .-column-.tags, .c-contents--text.-business-, .p-columnist-writer__tags .-business-.-article-tags-, .p-ranking__subtext .-business-.-article-tags-, .p-top-think__sub-items ul.-business-, .p-top-think h3.-business-, .-business-.p-top-articles__tags, .p-photogallery__title .-business-.p-photogallery__topic, .p-ent-lists__tags .-business-.-article-tags-, .p-ent-think ul.-business-, .p-ent-think h3.-business-, .p-news-think ul.-business-, .p-news-think h3.-business-, .p-news-top__caption .-business-.-article-tags-, .p-article__title .-business-.p-article__topic, .c-sidebar-tabs .-business-.tags, .c-list-wide-column__tags .-business-.tags, .-business-.c-list-white__tags, .c-list-top-white__tags .-business-.-article-tags-, .c-list-category-top__tags .-business-.-article-tags-, .c-list-longtopic__container li .c-list-longtopic__tags .-business-.-article-tags-, .c-list-recommend__tags .-business-.tags {
  color: #eca400;
}
.c-contents--area.-top-, .c-header__contents ul li.-top-:hover, .c-header__contents ul li.-top-.-selected- {
  background-color: #56b98a;
}
.c-contents--area.-news-, .c-header__contents ul li.-news-:hover, .c-header__contents ul li.-news-.-selected-, .c-contents--area.-sports-, .c-header__contents ul li.-sports-:hover, .c-header__contents ul li.-sports-.-selected-, .c-contents--area.-feature-, .c-header__contents ul li.-feature-:hover, .c-header__contents ul li.-feature-.-selected- {
  background-color: #3da7b6;
}
.c-contents--area.-teach-, .c-header__contents ul li.-teach-:hover, .c-header__contents ul li.-teach-.-selected-, .c-contents--area.-health-, .c-header__contents ul li.-health-:hover, .c-header__contents ul li.-health-.-selected-, .c-contents--area.-gallery-, .c-header__contents ul li.-gallery-:hover, .c-header__contents ul li.-gallery-.-selected- {
  background-color: #568bbd;
}
.c-contents--area.-entertainment-, .c-header__contents ul li.-entertainment-:hover, .c-header__contents ul li.-entertainment-.-selected-, .c-contents--area.-column-, .c-header__contents ul li.-column-:hover, .c-header__contents ul li.-column-.-selected-, .c-contents--area.-business-, .c-header__contents ul li.-business-:hover, .c-header__contents ul li.-business-.-selected- {
  background-color: #eca400;
}

/* text
----------------------------- */
.c-text-base, .p-notfound__contents .-page-description-, .p-sitepolicy__contents .-system-requirements- .-requirements-description-, .p-sitepolicy__contents .-system-requirements- .-requirements-title-, .p-sitepolicy__contents .-contents-link- p, .p-sitepolicy__contents .-contents-description-, .p-sitepolicy__top .-page-description-, .p-top-notice a, .p-photogallery__lead p, .p-photogallery__author--writer p, .p-article-aera ul li, .p-article-aera blockquote, .p-article-aera p, .p-article-aera aside, .p-article-wa p, .p-article__author--writer p, .c-list-top-white__title p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  letter-spacing: 0.02em;
}

.c-text-sub, .p-ranking__title .-article-description-, .p-top-think__large-contents-title p, .p-top-think .c-list-think__title p, .p-top-notice p, .p-search__no-result p, .p-news-top__title p, .c-list-white__title p, .c-list-category-top__title p, .c-list-longtopic__container li .c-list-longtopic__title p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 0.02em;
}

.c-text-notes, .p-columnist-writer__description .-writer-description-, .p-ranking__subtext .-article-tags- a, .p-top-think__small-article-tags .-comment-, .p-top-think__small-article-tags .-article-tags- a, .p-top-articles__details .-comment-, .p-search__sort .-selector- select, .p-search__views .-selector- select, .p-photogallery__title .p-photogallery__topic p, .p-ent-lists__tags .-article-tags- a, .p-printimage .swiper-container--printimg .swiper-pagination-fraction, .p-article-aera__writer .p-article-aera__description a, .p-article-aera__writer .p-article-aera__description p, .p-article__title .p-article__topic p, .c-list-top-white__tags .-article-tags- a, .c-list-category-top__tags .-article-tags- a, .c-list-longtopic__container li .c-list-longtopic__tags .-article-tags- a, .c-list-category__subtext .-comment- {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  letter-spacing: 0.02em;
}

.c-text-title, .p-columnist-writer h1, .p-keyword__common h1, .p-ranking__contents h1, .p-notfound__contents .-page-title-, .p-sitepolicy__top .-page-title-, .p-top-firstview__large-title h3, .p-photogallery__title h1, .p-news-top h2, .p-printimage h1, .p-article__title h1, .c-list-top-white h1, .c-list-category-top h1 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-title-sub {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-title-little, .p-top-think__sub-items .-sub-items-title- h3, .p-top-latest__title h2, .p-search__no-result p .-searched-word-, .p-printimage .swiper-ohter-articles h3, .p-article-aera h2, .c-sidebar-tags h3, .c-sidebar-comicdot h3, .c-sidebar-think h3, .c-sidebar-tabs h3, .c-sidebar-aera__site h3, .c-sidebar-recommend--toyou h3, .c-sidebar-recommend--fromeditor h3, .c-list-comment h3, .c-list-category ul li h4, .c-list-think__title h3, .c-list-recommend h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-headline, .p-columnist-writer__name .-writer-name- a, .p-columnist-detail__top .-writer-name-, .p-sitepolicy__contents .-contents-title-, .p-top-recommend h3, .p-top-think__large-contents-title h4, .p-top-think__major-items .-hashtag- a, .p-photogallery__title h2, .p-news-top__title h3, .p-printimage h2, .p-article-aera--next a h4, .p-article__title h2, .c-list-top-white__title h2, .c-list-category-top__title h2, .c-list-category h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-heading, .p-keyword__tags h2, .p-ranking__title .-article-title-, .p-ranking__contents .ui-tabs .ui-tabs-nav li a, .p-top-think__small-article-main h4, .p-top-articles__main h3, .p-top-firstview__small-title h3, .c-sidebar-think__main .-article-writer-, .c-sidebar-aera__notice h3, .c-sidebar-magazine h4, .c-list-wide-column__main h4, .c-list-white__title h2, .c-list-category__title h5, .c-list-think ul li .-thinkwith- a h4, .p-top-think ul li .-thinkwith- a h4, .p-ent-think ul li .-thinkwith- a h4, .p-news-think ul li .-thinkwith- a h4, .c-list-think ul li .-hashtag- a, .p-top-think ul li .-hashtag- a, .p-ent-think ul li .-hashtag- a, .p-news-think ul li .-hashtag- a, .c-list-recommend__main h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-subheading, .p-columnist-writer__article a .-article-title-, .p-article-aera--next a p, .c-sidebar-tabs__texts h4, .c-sidebar-tabs .ui-tabs .ui-tabs-nav li a, .c-sidebar-magazine .c-button a, .c-sidebar-recommend__articles--small a h4, .c-sidebar-recommend--toyou ul li a h4, .c-list-think__text h5, .c-button--share ul li .-show- {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-heading-little, .p-columnist-detail__description .-writer-links- .-writer-link-, .p-top-articles__writer p, .c-sidebar-tags ul li a, .c-sidebar-magazine p, .c-list-longtopic__writer p, .c-list-recommend__writer p, .c-footer__links ul li a {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-navi, .p-keyword__common ul li a, .p-keyword__common ul li:before, .p-search__displayed p span, .p-ent-lists__title h2, .p-article-aera__writer .p-article-aera__description h3, .p-article-aera__link--product .p-article-aera__linktext h3, .c-sidebar-recommend__articles--large a h4, .c-list-longtopic__container li .c-list-longtopic__title h2, .c-button--pagination a, .p-columnist-pagination a, .p-feature-pagination a, .p-ent-pagination a, .p-news-pagination a, .c-footer__categories h3, .c-header__contents ul li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-caption, .p-columnist-writer__tags .-comment-, .p-columnist-writer__tags .-article-tags-, .p-columnist-detail__description .-writer-career-, .p-ranking__subtext .-article-comments-, .p-top-articles__tags a, .p-top-firstview__small-subtext p, .p-top-firstview__large-subtext p, .p-search__displayed p, .c-topicpath ul li, .c-sidebar-tabs__texts a, .c-sidebar-aera__notice ul li a, .c-list-wide-column__tags .tags a, .c-list-white__tags a, .c-list-longtopic__container li .c-list-longtopic__tags .-article-comments-, .c-list-category__tag, .c-list-recommend__tags .tags a, .c-footer__abj p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  letter-spacing: 0.02em;
}

.c-text-little, .p-columnist-writer__posted p, .p-ranking__subtext p, .p-top-think__small-article-media p, .p-top-articles__media .-posted-time-, .p-top-articles__media p, .p-ent-lists__caption p, .p-ent-lists__tags p, .p-news-top__caption .-article-tags- a, .p-news-top__caption p, .p-printimage .swiper-container--printimg .swiper-slide p, .p-article-aera__link--product .p-article-aera__linktext p, .p-article-aera__link--article .p-article-aera__linktext p, .p-article-aera figcaption, .c-sidebar-comicdot__main .-comic-writer-, .c-sidebar-comicdot__subtext, .c-sidebar-think__subtext, .c-sidebar-recommend__media p, .c-list-wide-column__tags p, .c-list-top-white__tags p, .c-list-category-top__caption p, .c-list-category-top__tags p, .c-list-longtopic__container li .c-list-longtopic__caption p, .c-list-longtopic__container li .c-list-longtopic__tags p, .c-list-category__caption p, .c-list-think__text--tags p, .c-list-recommend__media p, .c-list-recommend__tags p, .c-footer__copyright p {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  letter-spacing: 0.02em;
}

.c-text-button, .p-top-think__sub-items ul li .-hashtag- a, .p-top-think__sub-items .-sub-items-title- a, .p-top-think__large-contents-texts a, .p-top-latest__title a, .p-top-firstview__small-writer p, .p-top-firstview__large-writer p, .p-search__search button[type=submit], .p-ent-think ul li .-hashtag- a, .p-news-think ul li .-hashtag- a, .p-printimage .swiper-ohter-articles__link, .p-article-aera__link--article .p-article-aera__linktext h3, .c-sidebar-comicdot__main .-comic-title-, .c-sidebar-think__main .-article-title-, .c-sidebar-recommend--fromeditor ul li a h4, .c-list-think__title h4 a, .c-footer__categories ul li {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-link, .p-columnist-writer__top a, .p-search__sort p, .p-search__views p, .p-article-aera__add:before, .c-sidebar-tags__all-tags, .c-sidebar-comicdot__all-comics, .c-sidebar-think__all-article, .c-sidebar-tabs__popular, .c-sidebar-add:before,
.c-sidebar-add--top-18:before {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-topic, .p-keyword__tags ul li a, .p-photogallery__tags a, .p-article__tags a {
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-category, .p-columnist-writer__name.-new-:after, .p-top-articles__img.-new-:after, .p-top-articles__img.-pr-:after, .p-top-firstview__small-text.-top-:before, .p-top-firstview__small-text.-news-:before, .p-top-firstview__small-text.-sports-:before, .p-top-firstview__small-text.-feature-:before, .p-top-firstview__small-text.-teach-:before, .p-top-firstview__small-text.-health-:before, .p-top-firstview__small-text.-gallery-:before, .p-top-firstview__small-text.-entertainment-:before, .p-top-firstview__small-text.-column-:before, .p-top-firstview__small-text.-business-:before, .p-top-firstview__small-text.-new-:before, .p-top-firstview__large-icons .-top-:before,
.p-top-firstview__large-icons .-news-:before,
.p-top-firstview__large-icons .-sports-:before,
.p-top-firstview__large-icons .-feature-:before,
.p-top-firstview__large-icons .-teach-:before,
.p-top-firstview__large-icons .-health-:before,
.p-top-firstview__large-icons .-gallery-:before,
.p-top-firstview__large-icons .-entertainment-:before,
.p-top-firstview__large-icons .-column-:before,
.p-top-firstview__large-icons .-business-:before, .p-top-firstview__large-icons .-new-:before, .p-ent-lists__img.-new-:after, .p-ent-lists__img.-pr-:after, .p-news-top__img .-article-image-.-new-:after, .c-sidebar-recommend--fromeditor h3:after, .c-sidebar-recommend--toyou ul li a.-pr-:after, .c-sidebar-recommend--fromeditor ul li a.-pr-:after, .c-list-category-top__img .-article-image-.-new-:after, .c-list-longtopic__container li .-article-image-.-new-:after, .c-list-longtopic__container li .-article-image-.-pr-:after, .c-list-recommend__img.-pr-:after, .c-button--share ul li p {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.c-text-strong {
  font-weight: 700;
  color: #2a3644;
}

.c-text-err {
  font-weight: 700;
  color: #ff0000;
}

.c-text-link--arrow, .p-top-think__sub-items .-sub-items-title- a, .p-top-think__large-contents-texts a, .p-top-latest__title a, .p-article-aera__writer .p-article-aera__description a, .c-sidebar-tags__all-tags, .c-sidebar-comicdot__all-comics, .c-sidebar-think__all-article, .c-sidebar-tabs__popular, .c-list-think__title h4 a {
  font-weight: 700;
  color: #465362;
  display: flex;
  align-items: center;
  transition-duration: 300ms;
}
.c-text-link--arrow:hover, .p-top-think__sub-items .-sub-items-title- a:hover, .p-top-think__large-contents-texts a:hover, .p-top-latest__title a:hover, .p-article-aera__writer .p-article-aera__description a:hover, .c-sidebar-tags__all-tags:hover, .c-sidebar-comicdot__all-comics:hover, .c-sidebar-think__all-article:hover, .c-sidebar-tabs__popular:hover, .c-list-think__title h4 a:hover {
  color: #56b98a;
}
.c-text-link--linkcolor {
  font-weight: 300;
  color: #56b98a;
  transition-duration: 300ms;
}
.c-text-link--linkcolor:hover {
  text-decoration: underline;
}
.c-text-link--border {
  font-weight: 300;
  color: #56b98a;
  text-decoration: underline;
  transition-duration: 300ms;
}
.c-text-link--border:hover {
  opacity: 0.6;
}
.c-text-link--window {
  font-weight: 300;
  color: #465362;
  transition-duration: 300ms;
}
.c-text-link--window:after {
  content: "";
  display: block;
  margin-left: 3px;
}

/*テキストの省略*/
.c-text-cut__line1, .p-columnist-writer__article a .-article-title-, .p-top-articles__tags, .p-article-aera__link--product .p-article-aera__linktext h3, .p-article-aera__link--article .p-article-aera__linktext h3, .c-sidebar-comicdot__main .-comic-writer-, .c-list-recommend__tags .tags, .c-text-cut__line2, .p-columnist-writer__description .-writer-description-, .p-ranking__title .-article-description-, .p-ranking__title .-article-title-, .p-top-think__large-contents-title h4, .p-top-firstview__small-title h3, .p-top-firstview__large-title h3, .p-ent-lists__title h2, .p-news-top__title h3, .c-sidebar-think__main .-article-title-, .c-sidebar-recommend--toyou ul li a h4, .c-list-wide-column__main h4, .c-list-white__title h2, .c-list-top-white__title h2, .c-list-category-top__title h2, .c-list-longtopic__container li .c-list-longtopic__title p, .c-list-longtopic__container li .c-list-longtopic__title h2, .c-list-think__text h5, .c-list-think ul li .-hashtag- a, .p-top-think ul li .-hashtag- a, .p-ent-think ul li .-hashtag- a, .p-news-think ul li .-hashtag- a, .c-text-cut__line3, .p-top-think__small-article-main h4, .p-top-articles__main h3, .p-news-top__title p, .c-sidebar-comicdot__main .-comic-title-, .c-sidebar-tabs__texts h4, .c-sidebar-recommend__articles--large a h4, .c-sidebar-recommend__articles--small a h4, .c-sidebar-recommend--fromeditor ul li a h4, .c-list-white__title p, .c-list-top-white__title p, .c-list-category-top__title p, .c-list-category__title h5, .c-list-recommend__main h4, .c-text-cut__line4, .p-top-think__large-contents-title p, .c-text-cut__line5, .c-list-category-top__title .-category-ditail- {
  overflow: hidden;
  text-align: justify;
  text-overflow: ellipsis;
  line-height: 25px;
}
.c-text-cut__line1, .p-columnist-writer__article a .-article-title-, .p-top-articles__tags, .p-article-aera__link--product .p-article-aera__linktext h3, .p-article-aera__link--article .p-article-aera__linktext h3, .c-sidebar-comicdot__main .-comic-writer-, .c-list-recommend__tags .tags {
  max-height: 20px;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
}
.c-text-cut__line2, .p-columnist-writer__description .-writer-description-, .p-ranking__title .-article-description-, .p-ranking__title .-article-title-, .p-top-think__large-contents-title h4, .p-top-firstview__small-title h3, .p-top-firstview__large-title h3, .p-ent-lists__title h2, .p-news-top__title h3, .c-sidebar-think__main .-article-title-, .c-sidebar-recommend--toyou ul li a h4, .c-list-wide-column__main h4, .c-list-white__title h2, .c-list-top-white__title h2, .c-list-category-top__title h2, .c-list-longtopic__container li .c-list-longtopic__title p, .c-list-longtopic__container li .c-list-longtopic__title h2, .c-list-think__text h5, .c-list-think ul li .-hashtag- a, .p-top-think ul li .-hashtag- a, .p-ent-think ul li .-hashtag- a, .p-news-think ul li .-hashtag- a {
  max-height: 45px;
}
.c-text-cut__line3, .p-top-think__small-article-main h4, .p-top-articles__main h3, .p-news-top__title p, .c-sidebar-comicdot__main .-comic-title-, .c-sidebar-tabs__texts h4, .c-sidebar-recommend__articles--large a h4, .c-sidebar-recommend__articles--small a h4, .c-sidebar-recommend--fromeditor ul li a h4, .c-list-white__title p, .c-list-top-white__title p, .c-list-category-top__title p, .c-list-category__title h5, .c-list-recommend__main h4 {
  max-height: 70px;
}
.c-text-cut__line4, .p-top-think__large-contents-title p {
  max-height: 100px;
}
.c-text-cut__line5, .c-list-category-top__title .-category-ditail- {
  max-height: 120px;
}

@supports (-webkit-line-clamp: 1) {
  .c-text-cut__line1, .p-columnist-writer__article a .-article-title-, .p-top-articles__tags, .p-article-aera__link--product .p-article-aera__linktext h3, .p-article-aera__link--article .p-article-aera__linktext h3, .c-sidebar-comicdot__main .-comic-writer-, .c-list-recommend__tags .tags {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: none;
    line-height: normal;
    text-align: left;
  }
  .c-text-cut__line1:before, .p-columnist-writer__article a .-article-title-:before, .p-top-articles__tags:before, .p-article-aera__link--product .p-article-aera__linktext h3:before, .p-article-aera__link--article .p-article-aera__linktext h3:before, .c-sidebar-comicdot__main .-comic-writer-:before, .c-list-recommend__tags .tags:before, .c-text-cut__line1:after, .p-columnist-writer__article a .-article-title-:after, .p-top-articles__tags:after, .p-article-aera__link--product .p-article-aera__linktext h3:after, .p-article-aera__link--article .p-article-aera__linktext h3:after, .c-sidebar-comicdot__main .-comic-writer-:after, .c-list-recommend__tags .tags:after {
    content: none;
    display: none;
  }
}
@supports (-webkit-line-clamp: 2) {
  .c-text-cut__line2, .p-columnist-writer__description .-writer-description-, .p-ranking__title .-article-description-, .p-ranking__title .-article-title-, .p-top-think__large-contents-title h4, .p-top-firstview__small-title h3, .p-top-firstview__large-title h3, .p-ent-lists__title h2, .p-news-top__title h3, .c-sidebar-think__main .-article-title-, .c-sidebar-recommend--toyou ul li a h4, .c-list-wide-column__main h4, .c-list-white__title h2, .c-list-top-white__title h2, .c-list-category-top__title h2, .c-list-longtopic__container li .c-list-longtopic__title p, .c-list-longtopic__container li .c-list-longtopic__title h2, .c-list-think__text h5, .c-list-think ul li .-hashtag- a, .p-top-think ul li .-hashtag- a, .p-ent-think ul li .-hashtag- a, .p-news-think ul li .-hashtag- a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: none;
    line-height: normal;
    text-align: left;
  }
  .c-text-cut__line2:before, .p-columnist-writer__description .-writer-description-:before, .p-ranking__title .-article-description-:before, .p-ranking__title .-article-title-:before, .p-top-think__large-contents-title h4:before, .p-top-firstview__small-title h3:before, .p-top-firstview__large-title h3:before, .p-ent-lists__title h2:before, .p-news-top__title h3:before, .c-sidebar-think__main .-article-title-:before, .c-sidebar-recommend--toyou ul li a h4:before, .c-list-wide-column__main h4:before, .c-list-white__title h2:before, .c-list-top-white__title h2:before, .c-list-category-top__title h2:before, .c-list-longtopic__container li .c-list-longtopic__title p:before, .c-list-longtopic__container li .c-list-longtopic__title h2:before, .c-list-think__text h5:before, .c-list-think ul li .-hashtag- a:before, .p-top-think ul li .-hashtag- a:before, .p-ent-think ul li .-hashtag- a:before, .p-news-think ul li .-hashtag- a:before, .c-text-cut__line2:after, .p-columnist-writer__description .-writer-description-:after, .p-ranking__title .-article-description-:after, .p-ranking__title .-article-title-:after, .p-top-think__large-contents-title h4:after, .p-top-firstview__small-title h3:after, .p-top-firstview__large-title h3:after, .p-ent-lists__title h2:after, .p-news-top__title h3:after, .c-sidebar-think__main .-article-title-:after, .c-sidebar-recommend--toyou ul li a h4:after, .c-list-wide-column__main h4:after, .c-list-white__title h2:after, .c-list-top-white__title h2:after, .c-list-category-top__title h2:after, .c-list-longtopic__container li .c-list-longtopic__title p:after, .c-list-longtopic__container li .c-list-longtopic__title h2:after, .c-list-think__text h5:after, .c-list-think ul li .-hashtag- a:after, .p-top-think ul li .-hashtag- a:after, .p-ent-think ul li .-hashtag- a:after, .p-news-think ul li .-hashtag- a:after {
    content: none;
    display: none;
  }
}
@supports (-webkit-line-clamp: 3) {
  .c-text-cut__line3, .p-top-think__small-article-main h4, .p-top-articles__main h3, .p-news-top__title p, .c-sidebar-comicdot__main .-comic-title-, .c-sidebar-tabs__texts h4, .c-sidebar-recommend__articles--large a h4, .c-sidebar-recommend__articles--small a h4, .c-sidebar-recommend--fromeditor ul li a h4, .c-list-white__title p, .c-list-top-white__title p, .c-list-category-top__title p, .c-list-category__title h5, .c-list-recommend__main h4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: none;
    line-height: normal;
    text-align: left;
  }
  .c-text-cut__line3:before, .p-top-think__small-article-main h4:before, .p-top-articles__main h3:before, .p-news-top__title p:before, .c-sidebar-comicdot__main .-comic-title-:before, .c-sidebar-tabs__texts h4:before, .c-sidebar-recommend__articles--large a h4:before, .c-sidebar-recommend__articles--small a h4:before, .c-sidebar-recommend--fromeditor ul li a h4:before, .c-list-white__title p:before, .c-list-top-white__title p:before, .c-list-category-top__title p:before, .c-list-category__title h5:before, .c-list-recommend__main h4:before, .c-text-cut__line3:after, .p-top-think__small-article-main h4:after, .p-top-articles__main h3:after, .p-news-top__title p:after, .c-sidebar-comicdot__main .-comic-title-:after, .c-sidebar-tabs__texts h4:after, .c-sidebar-recommend__articles--large a h4:after, .c-sidebar-recommend__articles--small a h4:after, .c-sidebar-recommend--fromeditor ul li a h4:after, .c-list-white__title p:after, .c-list-top-white__title p:after, .c-list-category-top__title p:after, .c-list-category__title h5:after, .c-list-recommend__main h4:after {
    content: none;
    display: none;
  }
}
@supports (-webkit-line-clamp: 4) {
  .c-text-cut__line4, .p-top-think__large-contents-title p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: none;
    line-height: normal;
  }
  .c-text-cut__line4:before, .p-top-think__large-contents-title p:before, .c-text-cut__line4:after, .p-top-think__large-contents-title p:after {
    content: none;
    display: none;
  }
}
@supports (-webkit-line-clamp: 5) {
  .c-text-cut__line5, .c-list-category-top__title .-category-ditail- {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    max-height: none;
    line-height: normal;
    text-align: left;
  }
  .c-text-cut__line5:before, .c-list-category-top__title .-category-ditail-:before, .c-text-cut__line5:after, .c-list-category-top__title .-category-ditail-:after {
    content: none;
    display: none;
  }
}
.c-shadow {
  box-shadow: 0px 4px 20px rgba(42, 54, 68, 0.15);
}

/*===============================

LAYOUT

=================================*/
.l-top-add {
  padding: 10px 0;
  text-align: center;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}

.l-header {
  width: 100%;
  background: #fcfcfc;
  border-bottom: 1px solid #dde1e4;
}

.l-footer {
  padding: 32px 42px 22px 42px;
  background: #eef0f1;
}

.l-main {
  width: 100%;
  background: #fcfcfc;
}

.l-main-container {
  max-width: 1465px;
  display: flex;
  padding: 40px 40px 100px;
  justify-content: center;
  margin: 0 auto;
}

.l-contents {
  width: calc(100% - 360px);
  margin-right: 40px;
}

.l-sidebar {
  width: 320px;
}
.l-sidebar section + section {
  margin: 40px 0;
}
.l-sidebar section + .c-sidebar-add {
  margin: 40px 0;
}

.l-main-top {
  background: #f3f3f1;
}
.l-main-top__container {
  padding: 24px 40px;
  max-width: 1465px;
  margin: 0 auto;
}

/*===============================

OJBECT

=================================*/
/*-----------------------
Utility
-------------------------*/
/*-----------------------
Component
------------------------*/
.c-header__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 21px;
  padding: 20px 40px 0;
}
.c-header__top img {
  height: 39px;
}
.c-header__top--input {
  position: relative;
}
.c-header__top--input form {
  display: flex;
  align-items: center;
}
.c-header__top--input form:not(:hover) .close-icon {
  display: none;
}
.c-header__top--input input {
  background: #eef0f1;
  border-radius: 20px;
  padding-left: 50px;
  border: none;
  width: 293px;
  height: 40px;
  font-size: 14px;
}
.c-header__top--input input::placeholder {
  color: #c9cfd6;
}
.c-header__top--input input:focus {
  outline: none;
}
.c-header__top--input input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  /* デフォルトのサーチキャンセルボタンを非表示にする場合 */
}
.c-header__top--input input:not(:valid) ~ .close-icon {
  display: none;
}
.c-header__top--input .close-icon {
  cursor: pointer;
  position: absolute;
  right: 5px;
  background: transparent;
}
.c-header__top--input .close-icon:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url("../../../../static/assets/img/icon-closed.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.c-header__top--input i {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 19px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-header__top--right {
  display: flex;
  align-items: center;
}
.c-header__top--right .c-button--primary {
  background: #ffffff;
  border: 1px solid #56b98a;
  padding: 11px 28px;
  transition-duration: 300ms;
}
.c-header__top--right .c-button--primary a {
  color: #56b98a;
  font-size: 14px;
  transition-duration: 300ms;
}
.c-header__top--right .c-button--primary:hover {
  opacity: 1;
  background: #56b98a;
}
.c-header__top--right .c-button--primary:hover a {
  color: #ffffff;
}
.c-header__top--sns {
  display: flex;
  margin-right: 37px;
}
.c-header__top--sns a {
  font-size: 32px;
  color: #828e9c;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-duration: 300ms;
}
.c-header__top--sns a i {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin-left: 2px;
}
.c-header__top--sns a .icon-rss:before {
  font-size: 15px;
  margin-bottom: 2px;
}
.c-header__top--sns a:hover {
  opacity: 0.6;
}
.c-header__top--sns a + a {
  margin-left: 23px;
}
.c-header__top--sns .icon-facebook_black {
  color: #1877f2;
  background: #ffffff;
}
.c-header__top--sns .icon-twitter_black {
  color: #1b9df0;
  background: #ffffff;
}
.c-header__top--sns .icon-line_black {
  color: #06c755;
  background: #ffffff;
}
.c-header__top--sns .icon-youtube_black {
  color: #ff0000;
  background: #ffffff;
}
.c-header__top--sns .icon-rss_black {
  color: #eca400;
  background: #ffffff;
}
.c-header__contents {
  padding: 0 40px 0;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.c-header__contents::-webkit-scrollbar {
  display: none;
}
.c-header__contents ul {
  display: flex;
  min-width: 1200px;
  background: #fcfcfc;
}
.c-header__contents ul li {
  border-radius: 4px 4px 0 0;
  flex-grow: 1;
  transition-duration: 300ms;
}
.c-header__contents ul li a {
  color: #828e9c;
  padding: 15px;
  display: block;
  text-align: center;
  transition-duration: 300ms;
}
.c-header__contents ul li.-selected- a {
  color: #ffffff;
}
.c-header__contents ul li:hover a {
  color: #ffffff;
}
.c-header__contents ul li + li {
  margin-left: 4px;
}

.c-footer__categories h3 {
  line-height: 22px;
}
.c-footer__categories ul {
  display: flex;
  flex-flow: wrap;
}
.c-footer__categories ul li {
  font-weight: 400;
  margin-top: 8px;
  margin-right: 18px;
}
.c-footer__categories ul li a {
  transition-duration: 300ms;
}
.c-footer__categories ul li a:hover {
  color: #56b98a;
}
.c-footer__categories + .c-footer__categories {
  margin-top: 16px;
}
.c-footer__contents {
  display: flex;
  margin-top: 32px;
}
.c-footer__abj {
  display: flex;
  margin-right: 40px;
}
.c-footer__abj img {
  width: 49px;
  height: 50px;
  margin-right: 14px;
}
.c-footer__abj p {
  color: #828e9c;
}
.c-footer__sns {
  display: flex;
}
.c-footer__sns a {
  font-size: 48px;
  width: 48px;
  height: 48px;
  color: #465362;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 300ms;
}
.c-footer__sns a:hover {
  opacity: 0.6;
}
.c-footer__sns a + a {
  margin-left: 25px;
}
.c-footer__sns .icon-facebook_black {
  color: #1877f2;
  background: #ffffff;
}
.c-footer__sns .icon-twitter_black {
  color: #1b9df0;
  background: #ffffff;
}
.c-footer__sns .icon-line_black {
  color: #06c755;
  background: #ffffff;
}
.c-footer__sns .icon-youtube_black {
  color: #ff0000;
  background: #ffffff;
}
.c-footer__sns .icon-mail_black {
  color: #56b98a;
  background: #ffffff;
}
.c-footer__links {
  margin-top: 27px;
  text-align: center;
}
.c-footer__links ul {
  display: inline-flex;
}
.c-footer__links ul li a {
  transition-duration: 300ms;
}
.c-footer__links ul li a:hover {
  color: #56b98a;
}
.c-footer__links ul li + li {
  margin-left: 18px;
}
.c-footer__copyright {
  margin-top: 16px;
}
.c-footer__copyright p {
  color: #828e9c;
  text-align: center;
}

.c-button {
  transition-duration: 300ms;
  border-radius: 30px;
  cursor: pointer;
}
.c-button a {
  width: 100%;
  height: 100%;
  display: flex;
  font-weight: 700;
  border-radius: 30%;
  align-items: center;
  justify-content: center;
}
.c-button:hover {
  transition-duration: 300ms;
}
.c-button--primary {
  background: #56b98a;
}
.c-button--primary a {
  color: #ffffff;
}
.c-button--primary:hover {
  opacity: 0.6;
}
.c-button--secondary {
  background: #2a3644;
}
.c-button--secondary a {
  color: #ffffff;
}
.c-button--secondary:hover {
  background: #828e9c;
}
.c-button--outline {
  background: #ffffff;
  border: 1px solid #2a3644;
}
.c-button--outline a {
  color: #2a3644;
}
.c-button--outline:hover {
  background: #2a3644;
}
.c-button--outline:hover a {
  color: #ffffff;
}
.c-button--share ul {
  display: flex;
  justify-content: center;
}
.c-button--share ul li {
  text-align: center;
  margin-left: 0;
  width: 75px;
}
.c-button--share ul li a {
  display: block;
  font-size: 40px;
}
.c-button--share ul li button {
  color: #828e9c;
  background: none;
  position: relative;
  width: 41px;
  height: 41px;
  margin: 0;
  padding: 0;
}
.c-button--share ul li button:before {
  display: inline-block;
  font-size: 40px;
}
.c-button--share ul li button .-copied- {
  display: none;
}
.c-button--share ul li .-show- {
  pointer-events: none;
  animation: copylink-show 1.5s forwards;
  position: absolute;
  padding: 10px 9px;
  background: #2a3644;
  color: #ffffff;
  opacity: 0.85;
  width: 140px;
  border-radius: 4px;
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.c-button--share ul li .-show-:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 53%;
  margin-left: -15px;
  border-right: 10px solid transparent;
  border-top: 13px solid #2a3644;
  border-left: 10px solid transparent;
}
.c-button--share ul li .icon-line_black {
  color: #06c755;
}
.c-button--share ul li .icon-line_black:before {
  background: #ffffff;
  border-radius: 50px;
  display: inline-block;
}
.c-button--share ul li .icon-twitter_black {
  color: #1b9df0;
}
.c-button--share ul li .icon-twitter_black:before {
  background: #ffffff;
  border-radius: 50px;
  display: inline-block;
}
.c-button--share ul li .icon-facebook_black {
  color: #1877f2;
}
.c-button--share ul li .icon-facebook_black:before {
  background: #ffffff;
  border-radius: 50px;
  display: inline-block;
}
.c-button--share ul li p {
  line-height: 16px;
  margin-top: 6px;
}
.c-button--share ul li + li {
  margin-left: 15px;
}
.c-button--pagination, .p-columnist-pagination, .p-feature-pagination, .p-ent-pagination, .p-news-pagination {
  display: flex;
  justify-content: center;
}
.c-button--pagination a, .p-columnist-pagination a, .p-feature-pagination a, .p-ent-pagination a, .p-news-pagination a {
  font-size: 16px;
  padding: 8px 3px;
  min-width: 40px;
  text-align: center;
  border: 1px solid #2a3644;
  border-radius: 2px;
  transition-duration: 300ms;
}
.c-button--pagination a:hover, .p-columnist-pagination a:hover, .p-feature-pagination a:hover, .p-ent-pagination a:hover, .p-news-pagination a:hover {
  background: #2a3644;
  color: #fcfcfc;
}
.c-button--pagination a + a, .p-columnist-pagination a + a, .p-feature-pagination a + a, .p-ent-pagination a + a, .p-news-pagination a + a {
  margin-left: 22px;
}
.c-button--pagination .-active-, .p-columnist-pagination .-active-, .p-feature-pagination .-active-, .p-ent-pagination .-active-, .p-news-pagination .-active- {
  background: #2a3644;
  color: #fcfcfc;
}
.c-button--pagination .icon-left, .p-columnist-pagination .icon-left, .p-feature-pagination .icon-left, .p-ent-pagination .icon-left, .p-news-pagination .icon-left,
.c-button--pagination .icon-right,
.p-columnist-pagination .icon-right,
.p-feature-pagination .icon-right,
.p-ent-pagination .icon-right,
.p-news-pagination .icon-right {
  border: none;
}
.c-button--pagination .icon-left:hover, .p-columnist-pagination .icon-left:hover, .p-feature-pagination .icon-left:hover, .p-ent-pagination .icon-left:hover, .p-news-pagination .icon-left:hover,
.c-button--pagination .icon-right:hover,
.p-columnist-pagination .icon-right:hover,
.p-feature-pagination .icon-right:hover,
.p-ent-pagination .icon-right:hover,
.p-news-pagination .icon-right:hover {
  background: #fcfcfc;
  color: #2a3644;
}
.c-button--pagination .icon-none, .p-columnist-pagination .icon-none, .p-feature-pagination .icon-none, .p-ent-pagination .icon-none, .p-news-pagination .icon-none {
  opacity: 0;
  pointer-events: none;
}

@keyframes copylink-show {
  0% {
    opacity: 0;
    display: none;
  }
  20% {
    opacity: 0.85;
    display: block;
  }
  80% {
    opacity: 0.85;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.c-list-recommend {
  margin-top: 34px;
}
.c-list-recommend h3 {
  margin-bottom: 6px;
  color: #465362;
}
.c-list-recommend ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.c-list-recommend ul li + li {
  border-top: 1px solid #dde1e4;
}
.c-list-recommend__contents {
  width: 48%;
  padding: 14px 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}
.c-list-recommend__main {
  width: calc(100% - 140px);
}
.c-list-recommend__main h4 {
  line-height: 23px;
  transition-duration: 300ms;
}
.c-list-recommend__img {
  margin-left: 15px;
}
.c-list-recommend__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-recommend__img img {
  width: 124px;
  height: 124px;
  object-fit: cover;
  min-width: 124px;
  min-height: 124px;
  border-radius: 2px;
  transition-duration: 300ms;
}
.c-list-recommend__img:hover img {
  opacity: 0.6;
}
.c-list-recommend__img.-pr-:after {
  content: "PR";
  background: #ffffff;
  border: 1px solid #828e9c;
  color: #828e9c;
  font-weight: 400;
  padding: 2px 4px;
  position: absolute;
  top: 14px;
  right: 0;
}
.c-list-recommend__img:hover + .c-list-recommend__main h4 {
  color: #56b98a;
}
.c-list-recommend__writer {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
}
.c-list-recommend__writer img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  transition-duration: 300ms;
}
.c-list-recommend__writer p {
  transition-duration: 300ms;
}
.c-list-recommend__writer:hover img {
  opacity: 0.6;
}
.c-list-recommend__writer:hover p {
  color: #56b98a;
}
.c-list-recommend__writer:hover + h4:hover {
  color: #2a3644 !important;
}
.c-list-recommend__title {
  transition-duration: 300ms;
}
.c-list-recommend__title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-recommend__title:hover {
  color: #56b98a;
}
.c-list-recommend__title:hover img {
  opacity: 0.6;
}
.c-list-recommend__tags {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.c-list-recommend__tags .tags a {
  color: inherit;
  position: relative;
  z-index: 2;
  transition-duration: 300ms;
}
.c-list-recommend__tags .tags a:hover {
  opacity: 0.6;
}
.c-list-recommend__tags .tags a + a {
  margin-left: 5px;
}
.c-list-recommend__tags p {
  color: #465362;
}
.c-list-recommend__media {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.c-list-recommend__media p {
  color: #828e9c;
}
.c-list-recommend__tags + .c-list-recommend__media {
  margin-top: 4px;
}

.c-list-think, .p-top-think, .p-ent-think, .p-news-think {
  border-top: 6px solid #eef0f1;
  border-bottom: 6px solid #eef0f1;
  margin-top: 40px;
  padding: 40px 0;
}
.c-list-think ul, .p-top-think ul, .p-ent-think ul, .p-news-think ul {
  display: flex;
  justify-content: space-between;
}
.c-list-think ul li, .p-top-think ul li, .p-ent-think ul li, .p-news-think ul li {
  width: calc((100% - 50px) / 3);
  display: flex;
  flex-direction: column;
}
.c-list-think ul li .-hashtag-, .p-top-think ul li .-hashtag-, .p-ent-think ul li .-hashtag-, .p-news-think ul li .-hashtag- {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  transition-duration: 300ms;
  flex-grow: 1;
}
.c-list-think ul li .-hashtag- a, .p-top-think ul li .-hashtag- a, .p-ent-think ul li .-hashtag- a, .p-news-think ul li .-hashtag- a {
  position: relative;
  color: #56b98a;
  font-weight: 700;
  padding: 0 8px 0 15px;
}
.c-list-think ul li .-hashtag- a:before, .p-top-think ul li .-hashtag- a:before, .p-ent-think ul li .-hashtag- a:before, .p-news-think ul li .-hashtag- a:before {
  color: #56b98a;
  content: "# ";
  line-height: 24px;
  margin-right: 5px;
  display: inline-block;
  position: absolute;
  left: 0;
}
.c-list-think ul li .-hashtag-:hover, .p-top-think ul li .-hashtag-:hover, .p-ent-think ul li .-hashtag-:hover, .p-news-think ul li .-hashtag-:hover {
  opacity: 0.6;
}
.c-list-think ul li .-thinkwith- a, .p-top-think ul li .-thinkwith- a, .p-ent-think ul li .-thinkwith- a, .p-news-think ul li .-thinkwith- a {
  display: flex;
  margin-bottom: 11px;
  align-items: center;
}
.c-list-think ul li .-thinkwith- a img, .p-top-think ul li .-thinkwith- a img, .p-ent-think ul li .-thinkwith- a img, .p-news-think ul li .-thinkwith- a img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 10px;
  transition-duration: 300ms;
}
.c-list-think ul li .-thinkwith- a h4, .p-top-think ul li .-thinkwith- a h4, .p-ent-think ul li .-thinkwith- a h4, .p-news-think ul li .-thinkwith- a h4 {
  line-height: 22px;
  color: #465362;
  transition-duration: 300ms;
}
.c-list-think ul li .-thinkwith- a:hover img, .p-top-think ul li .-thinkwith- a:hover img, .p-ent-think ul li .-thinkwith- a:hover img, .p-news-think ul li .-thinkwith- a:hover img {
  opacity: 0.6;
}
.c-list-think ul li .-thinkwith- a:hover h4, .p-top-think ul li .-thinkwith- a:hover h4, .p-ent-think ul li .-thinkwith- a:hover h4, .p-news-think ul li .-thinkwith- a:hover h4 {
  opacity: 0.6;
}
.c-list-think__title {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-list-think__title h3 {
  color: #465362;
  display: flex;
  align-items: center;
}
.c-list-think__title h3 i {
  font-size: 31px;
  color: #56b98a;
  margin-right: 9px;
}
.c-list-think__title h4 {
  display: flex;
  align-items: center;
}
.c-list-think__title h4 a {
  transition-duration: 300ms;
}
.c-list-think__title h4 i {
  margin-left: 6px;
  transition-duration: 300ms;
}
.c-list-think__title h4:hover a {
  color: #56b98a;
}
.c-list-think__title h4:hover i {
  color: #56b98a;
}
.c-list-think__block {
  display: flex;
  align-items: flex-end;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  transition-duration: 300ms;
}
.c-list-think__block img {
  position: relative;
  width: 100%;
  height: 19%;
  object-fit: cover;
}
.c-list-think__block:hover {
  opacity: 0.6;
}
.c-list-think__text {
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 2;
  position: absolute;
  color: #ffffff;
  padding: 13px 17px 13px 11px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 13.24%, rgba(0, 0, 0, 0.4) 64.65%);
}
.c-list-think__text h5 {
  margin-bottom: 3px;
}
.c-list-think__text--tags {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
.c-list-think__text--tags p {
  display: block;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  height: 17px;
}
.c-list-think__text--tags p + p {
  margin-left: 5px;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.c-list-think .-line-top-, .p-top-think .-line-top-, .p-ent-think .-line-top-, .p-news-think .-line-top- {
  width: 100%;
  height: 6px;
  background: #eef0f1;
  position: relative;
}
.c-list-think .-line-top-:before, .p-top-think .-line-top-:before, .p-ent-think .-line-top-:before, .p-news-think .-line-top-:before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 6px;
  background: #eef0f1;
}
.c-list-think .-line-top- .-line-top-box-, .p-top-think .-line-top- .-line-top-box-, .p-ent-think .-line-top- .-line-top-box-, .p-news-think .-line-top- .-line-top-box- {
  display: block;
  position: absolute;
  top: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 26px 26px;
}
.c-list-think .-line-top- .-line-top-box-.-top-, .p-top-think .-line-top- .-line-top-box-.-top-, .p-ent-think .-line-top- .-line-top-box-.-top-, .p-news-think .-line-top- .-line-top-box-.-top- {
  border-color: transparent transparent #56b98a transparent;
}
.c-list-think .-line-top- .-line-top-box-.-news-, .p-top-think .-line-top- .-line-top-box-.-news-, .p-ent-think .-line-top- .-line-top-box-.-news-, .p-news-think .-line-top- .-line-top-box-.-news-, .c-list-think .-line-top- .-line-top-box-.-sports-, .p-top-think .-line-top- .-line-top-box-.-sports-, .p-ent-think .-line-top- .-line-top-box-.-sports-, .p-news-think .-line-top- .-line-top-box-.-sports-, .c-list-think .-line-top- .-line-top-box-.-feature-, .p-top-think .-line-top- .-line-top-box-.-feature-, .p-ent-think .-line-top- .-line-top-box-.-feature-, .p-news-think .-line-top- .-line-top-box-.-feature- {
  border-color: transparent transparent #3da7b6 transparent;
}
.c-list-think .-line-top- .-line-top-box-.-teach-, .p-top-think .-line-top- .-line-top-box-.-teach-, .p-ent-think .-line-top- .-line-top-box-.-teach-, .p-news-think .-line-top- .-line-top-box-.-teach-, .c-list-think .-line-top- .-line-top-box-.-health-, .p-top-think .-line-top- .-line-top-box-.-health-, .p-ent-think .-line-top- .-line-top-box-.-health-, .p-news-think .-line-top- .-line-top-box-.-health-, .c-list-think .-line-top- .-line-top-box-.-gallery-, .p-top-think .-line-top- .-line-top-box-.-gallery-, .p-ent-think .-line-top- .-line-top-box-.-gallery-, .p-news-think .-line-top- .-line-top-box-.-gallery- {
  border-color: transparent transparent #568bbd transparent;
}
.c-list-think .-line-top- .-line-top-box-.-entertainment-, .p-top-think .-line-top- .-line-top-box-.-entertainment-, .p-ent-think .-line-top- .-line-top-box-.-entertainment-, .p-news-think .-line-top- .-line-top-box-.-entertainment-, .c-list-think .-line-top- .-line-top-box-.-column-, .p-top-think .-line-top- .-line-top-box-.-column-, .p-ent-think .-line-top- .-line-top-box-.-column-, .p-news-think .-line-top- .-line-top-box-.-column-, .c-list-think .-line-top- .-line-top-box-.-business-, .p-top-think .-line-top- .-line-top-box-.-business-, .p-ent-think .-line-top- .-line-top-box-.-business-, .p-news-think .-line-top- .-line-top-box-.-business- {
  border-color: transparent transparent #eca400 transparent;
}
.c-list-think .-line-bottom-, .p-top-think .-line-bottom-, .p-ent-think .-line-bottom-, .p-news-think .-line-bottom- {
  width: 100%;
  height: 6px;
  background: #eef0f1;
}

.c-list-category {
  border-top: 4px solid #eef0f1;
  margin-top: 40px;
  padding: 40px 0;
}
.c-list-category h3 {
  line-height: 28px;
  color: #465362;
  margin-bottom: 20px;
}
.c-list-category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-list-category ul li {
  width: 31%;
}
.c-list-category ul li:nth-child(n+4) {
  margin-top: 9px;
}
.c-list-category ul li h4 {
  color: #465362;
  padding-bottom: 8px;
  position: relative;
  display: inline-block;
  /*&:after {
    content: "";
    display: block;
    background: $color-base-gray3;
    height: 3px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
  }*/
}
.c-list-category ul li h4.-top-:before {
  content: "";
  display: block;
  background-color: #56b98a;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.c-list-category ul li h4.-news-:before, .c-list-category ul li h4.-sports-:before, .c-list-category ul li h4.-feature-:before {
  content: "";
  display: block;
  background-color: #3da7b6;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.c-list-category ul li h4.-teach-:before, .c-list-category ul li h4.-health-:before, .c-list-category ul li h4.-gallery-:before {
  content: "";
  display: block;
  background-color: #568bbd;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.c-list-category ul li h4.-entertainment-:before, .c-list-category ul li h4.-column-:before, .c-list-category ul li h4.-business-:before {
  content: "";
  display: block;
  background-color: #eca400;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.c-list-category ul li .c-category-title {
  position: relative;
  margin-bottom: 16px;
}
.c-list-category ul li .c-category-title:after {
  content: "";
  display: block;
  background: #c9cfd6;
  height: 3px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.c-list-category__container {
  position: relative;
}
.c-list-category__title {
  margin-bottom: 8px;
  display: block;
  transition-duration: 300ms;
}
.c-list-category__title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-category__title img {
  margin-bottom: 12px;
  border-radius: 4px;
  width: 100%;
  height: 19%;
  object-fit: cover;
  aspect-ratio: 1.65/1;
  transition-duration: 300ms;
}
.c-list-category__title h5 {
  color: #2a3644;
  transition-duration: 300ms;
}
.c-list-category__title:hover img {
  opacity: 0.6;
}
.c-list-category__title:hover h5 {
  color: #56b98a;
}
.c-list-category__subtext {
  display: flex;
  margin-bottom: 8px;
}
.c-list-category__subtext .-comment- {
  line-height: 12px;
  color: #465362;
  display: inline-flex;
  align-items: center;
  margin-left: 16px;
}
.c-list-category__subtext .-comment-:before {
  content: "";
  font-family: "icomoon";
  margin-right: 6px;
}
.c-list-category__tag {
  display: block;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  transition-duration: 300ms;
}
.c-list-category__tag:hover {
  opacity: 0.6;
}
.c-list-category__caption {
  display: flex;
  justify-content: space-between;
}
.c-list-category__caption p {
  color: #828e9c;
}

.c-list-comment {
  margin: 40px 0;
}
.c-list-think + .c-list-think, .p-top-think + .c-list-think, .c-list-think + .p-top-think, .p-top-think + .p-top-think, .p-ent-think + .c-list-think, .p-ent-think + .p-top-think, .c-list-think + .p-ent-think, .p-top-think + .p-ent-think, .p-ent-think + .p-ent-think, .p-news-think + .c-list-think, .p-news-think + .p-top-think, .p-news-think + .p-ent-think, .c-list-think + .p-news-think, .p-top-think + .p-news-think, .p-ent-think + .p-news-think, .p-news-think + .p-news-think,
.c-list-think + .c-list-category,
.p-top-think + .c-list-category,
.p-ent-think + .c-list-category,
.p-news-think + .c-list-category {
  border-top: none;
  margin-top: 0;
}
.c-list-think + .c-list-think:nth-last-child(1), .p-top-think + .c-list-think:nth-last-child(1), .c-list-think + .p-top-think:nth-last-child(1), .p-top-think + .p-top-think:nth-last-child(1), .p-ent-think + .c-list-think:nth-last-child(1), .p-ent-think + .p-top-think:nth-last-child(1), .c-list-think + .p-ent-think:nth-last-child(1), .p-top-think + .p-ent-think:nth-last-child(1), .p-ent-think + .p-ent-think:nth-last-child(1), .p-news-think + .c-list-think:nth-last-child(1), .p-news-think + .p-top-think:nth-last-child(1), .p-news-think + .p-ent-think:nth-last-child(1), .c-list-think + .p-news-think:nth-last-child(1), .p-top-think + .p-news-think:nth-last-child(1), .p-ent-think + .p-news-think:nth-last-child(1), .p-news-think + .p-news-think:nth-last-child(1),
.c-list-think + .c-list-category:nth-last-child(1),
.p-top-think + .c-list-category:nth-last-child(1),
.p-ent-think + .c-list-category:nth-last-child(1),
.p-news-think + .c-list-category:nth-last-child(1) {
  margin-bottom: 40px;
}

.c-list-longtopic__container {
  margin-bottom: 40px;
}
.c-list-longtopic__container li {
  border-top: 1px solid #dde1e4;
  border-bottom: 1px solid #dde1e4;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 20px 0;
  position: relative;
}
.c-list-longtopic__container li .-article-image- {
  display: flex;
  margin-left: 16px;
}
.c-list-longtopic__container li .-article-image- img {
  width: 264px;
  height: 160px;
  object-fit: cover;
  border-radius: 4px;
  transition-duration: 300ms;
}
.c-list-longtopic__container li .-article-image-.-pr-:after {
  content: "PR";
  background: #ffffff;
  border: 1px solid #828e9c;
  color: #828e9c;
  font-weight: 400;
  padding: 2px 4px;
  position: absolute;
  top: 20px;
  right: 0;
}
.c-list-longtopic__container li .-article-image-.-new-:after {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  position: absolute;
  top: 20px;
  right: 0;
  border-radius: 1px;
}
.c-list-longtopic__container li a:hover img {
  opacity: 0.6;
}
.c-list-longtopic__container li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-longtopic__container li .-article-image-:hover + .c-list-longtopic__title h2 {
  color: #56b98a;
}
.c-list-longtopic__container li .c-list-longtopic__title {
  width: calc(100% - 280px);
}
.c-list-longtopic__container li .c-list-longtopic__title h2 {
  font-size: 18px;
  margin-bottom: 6px;
  transition-duration: 300ms;
}
.c-list-longtopic__container li .c-list-longtopic__title p {
  margin-bottom: 8px;
  transition-duration: 300ms;
}
.c-list-longtopic__container li .c-list-longtopic__tags {
  display: flex;
}
.c-list-longtopic__container li .c-list-longtopic__tags p {
  line-height: 16px;
  color: #828e9c;
  margin-left: 35px;
  margin-bottom: 0;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-tags- {
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 95%;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-tags- a {
  color: inherit;
  margin: 0;
  line-height: 26px;
  transition-duration: 300ms;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-tags- a:hover {
  opacity: 0.6;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-tags- a:before {
  display: none;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-tags- a + a {
  margin-left: 5px;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-comments- {
  position: relative;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: #465362;
}
.c-list-longtopic__container li .c-list-longtopic__tags .-article-comments-:before {
  content: "";
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  color: #465362;
  position: absolute;
  left: -15px;
  top: 46%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-list-longtopic__container li .c-list-longtopic__caption {
  display: flex;
  justify-content: space-between;
}
.c-list-longtopic__container li .c-list-longtopic__caption p {
  line-height: 16px;
  color: #828e9c;
}
.c-list-longtopic__container li + li {
  border-top: none;
}
.c-list-longtopic__writer {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}
.c-list-longtopic__writer img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0;
  margin-right: 8px;
  transition-duration: 300ms;
}
.c-list-longtopic__writer p {
  margin-bottom: 0 !important;
  transition-duration: 300ms;
}
.c-list-longtopic__writer:hover img {
  opacity: 0.6;
}
.c-list-longtopic__writer:hover p {
  color: #56b98a;
}
.c-list-longtopic__writer:hover + h4:hover {
  color: #2a3644 !important;
}
.c-list-longtopic__writer:before {
  display: none;
}

.c-list-category-top {
  padding-bottom: 24px;
}
.c-list-category-top__article {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.c-list-category-top__img {
  margin-right: 32px;
}
.c-list-category-top__img img {
  width: 375px;
  height: 230px;
  border-radius: 4px;
  transition-duration: 300ms;
}
.c-list-category-top__img .-article-image- {
  position: relative;
}
.c-list-category-top__img .-article-image-.-new-:after {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  position: absolute;
  top: 0px;
  right: 0;
  border-radius: 1px;
}
.c-list-category-top__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-category-top__img.-no-links-:before {
  pointer-events: none;
}
.c-list-category-top__img:hover img {
  opacity: 0.6;
}
.c-list-category-top .-none-hover-:hover img {
  opacity: 1;
}
.c-list-category-top__title {
  max-width: calc(100% - 418px);
}
.c-list-category-top__title h1 {
  margin-bottom: 19px;
}
.c-list-category-top__title h2 {
  margin-bottom: 8px;
  transition-duration: 300ms;
  font-size: 22px;
  line-height: 28px;
  max-height: 52px;
}
.c-list-category-top__title .-category-ditail- {
  font-size: 16px;
  margin-bottom: 10px;
}
.c-list-category-top__img:hover + .c-list-category-top__title h2 {
  color: #56b98a;
}
.c-list-category-top__subtext {
  margin-bottom: 10px;
}
.c-list-category-top__tags {
  display: flex;
}
.c-list-category-top__tags p {
  color: #828e9c;
  margin-left: 35px;
}
.c-list-category-top__tags .-article-tags- {
  max-width: 90%;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-flow: wrap;
  height: 17px;
  overflow: hidden;
  margin-bottom: 5px;
}
.c-list-category-top__tags .-article-tags- a {
  line-height: 22px;
  color: inherit;
  margin: 0;
  max-width: 31%;
  transition-duration: 300ms;
}
.c-list-category-top__tags .-article-tags- a:hover {
  opacity: 0.6;
}
.c-list-category-top__tags .-article-tags- a:before {
  display: none;
}
.c-list-category-top__tags .-article-tags- a + a {
  margin-left: 5px;
}
.c-list-category-top__tags .-article-comments- {
  position: relative;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: #465362;
}
.c-list-category-top__tags .-article-comments-:before {
  content: "";
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  color: #465362;
  position: absolute;
  left: -15px;
  top: 46%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-list-category-top__caption {
  display: flex;
  justify-content: space-between;
}
.c-list-category-top__caption p {
  color: #828e9c;
}

.c-list-top-white {
  padding-bottom: 24px;
}
.c-list-top-white__article {
  position: relative;
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #dde1e4;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 24px;
}
.c-list-top-white__img {
  margin-right: 28px;
}
.c-list-top-white__img img {
  width: 375px;
  height: 230px;
  transition-duration: 300ms;
}
.c-list-top-white__img .-article-image- {
  position: relative;
}
.c-list-top-white__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-top-white__img:hover img {
  opacity: 0.6;
}
.c-list-top-white__title {
  max-width: calc(100% - 403px);
  padding-right: 27px;
}
.c-list-top-white__title h2 {
  margin-bottom: 14px;
  transition-duration: 300ms;
}
.c-list-top-white__img:hover + .c-list-top-white__title h2 {
  color: #56b98a;
}
.c-list-top-white__subtext {
  margin-bottom: 19px;
}
.c-list-top-white__tags {
  display: flex;
}
.c-list-top-white__tags p {
  color: #828e9c;
  margin-left: 35px;
}
.c-list-top-white__tags .-article-tags- {
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-flow: wrap;
  height: 17px;
  overflow: hidden;
}
.c-list-top-white__tags .-article-tags- a {
  line-height: 22px;
  color: inherit;
  margin: 0;
  max-width: 31%;
  transition-duration: 300ms;
}
.c-list-top-white__tags .-article-tags- a:hover {
  opacity: 0.6;
}
.c-list-top-white__tags .-article-tags- a + a {
  margin-left: 5px;
}
.c-list-top-white__tags .-article-comments- {
  position: relative;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: #465362;
}
.c-list-top-white__tags .-article-comments-:before {
  content: "";
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  color: #465362;
  position: absolute;
  left: -15px;
  top: 46%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.c-list-white__container {
  display: flex;
  flex-wrap: wrap;
}
.c-list-white__container li {
  width: calc((100% - 50px) / 3);
  margin-bottom: 24px;
  margin-left: 24px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #dde1e4;
  position: relative;
  background: #ffffff;
}
.c-list-white__container li:nth-child(3n+1) {
  margin-left: 0;
}
.c-list-white__img img {
  width: 100%;
  transition-duration: 300ms;
}
.c-list-white__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-white__img:hover img {
  opacity: 0.6;
}
.c-list-white__title {
  padding: 16px;
}
.c-list-white__title h2 {
  margin-bottom: 9px;
  transition-duration: 300ms;
}
.c-list-white__img:hover + .c-list-white__title h2 {
  color: #56b98a;
}
.c-list-white__tags {
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin-top: 10px;
}
.c-list-white__tags a {
  color: inherit;
  transition-duration: 300ms;
  position: relative;
}
.c-list-white__tags a:hover {
  opacity: 0.6;
}

.c-list-wide-column li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
  padding: 16px 0;
}
.c-list-wide-column li + li {
  border-top: 1px solid #dde1e4;
}
.c-list-wide-column__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-list-wide-column__img img {
  width: 150px;
  height: 90px !important;
  border-radius: 4px;
  object-fit: cover;
  transition-duration: 300ms;
}
.c-list-wide-column__img:hover img {
  opacity: 0.6;
}
.c-list-wide-column__main {
  width: calc(100% - 166px);
}
.c-list-wide-column__main h4 {
  line-height: 23px;
  transition-duration: 300ms;
}
.c-list-wide-column__img:hover + .c-list-wide-column__main h4 {
  color: #56b98a;
}
.c-list-wide-column__tags {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.c-list-wide-column__tags .tags {
  width: 100%;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  overflow: hidden;
  height: 17px;
}
.c-list-wide-column__tags .tags a {
  color: inherit;
  position: relative;
  z-index: 2;
  transition-duration: 300ms;
}
.c-list-wide-column__tags .tags a:hover {
  opacity: 0.6;
}
.c-list-wide-column__tags .tags a + a {
  margin-left: 5px;
}
.c-list-wide-column__tags p {
  color: #465362;
}

.c-sidebar-add,
.c-sidebar-add--top-18 {
  position: relative;
  display: block;
  margin-bottom: 40px;
  text-align: center;
}
.c-sidebar-add:before,
.c-sidebar-add--top-18:before {
  content: "Advertisement";
  font-weight: 400;
  color: #828e9c;
  display: block;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  position: absolute;
}
.c-sidebar-add__contents,
.c-sidebar-add--top-18__contents {
  width: 320px;
  height: 250px;
  transition-duration: 300ms;
}
.c-sidebar-add__contents:hover,
.c-sidebar-add--top-18__contents:hover {
  opacity: 0.6;
}

.c-sidebar-add--top-18 {
  margin-top: 18px;
}

.c-sidebar-recommend--toyou, .c-sidebar-recommend--fromeditor {
  margin-bottom: 40px;
}
.c-sidebar-recommend--toyou h3, .c-sidebar-recommend--fromeditor h3 {
  margin-bottom: 10px;
  color: #465362;
}
.c-sidebar-recommend--toyou ul li a, .c-sidebar-recommend--fromeditor ul li a {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.c-sidebar-recommend--toyou ul li a img, .c-sidebar-recommend--fromeditor ul li a img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  max-height: 88px;
  margin-left: 12px;
  margin: 0;
  border-radius: 4px;
  transition-duration: 300ms;
}
.c-sidebar-recommend--toyou ul li a h4, .c-sidebar-recommend--fromeditor ul li a h4 {
  transition-duration: 300ms;
}
.c-sidebar-recommend--toyou ul li a:hover h4, .c-sidebar-recommend--fromeditor ul li a:hover h4 {
  color: #56b98a;
}
.c-sidebar-recommend--toyou ul li a:hover img, .c-sidebar-recommend--fromeditor ul li a:hover img {
  opacity: 0.6;
}
.c-sidebar-recommend--toyou ul li a.-pr-:after, .c-sidebar-recommend--fromeditor ul li a.-pr-:after {
  content: "PR";
  background: #ffffff;
  border: 1px solid #828e9c;
  color: #828e9c;
  font-weight: 400;
  padding: 2px 4px;
  position: absolute;
  top: 8px;
  right: 0;
}
.c-sidebar-recommend--toyou ul li a {
  padding: 8px 0;
}
.c-sidebar-recommend--toyou ul li a h4 {
  font-size: 14px;
}
.c-sidebar-recommend--toyou ul li a img {
  margin-left: 12px;
}
.c-sidebar-recommend--toyou:after {
  content: " ";
  display: block;
  clear: both;
}
.c-sidebar-recommend--fromeditor h3 {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-sidebar-recommend--fromeditor h3:after {
  content: "PR";
  height: 16px;
  background: #ffffff;
  border: 1px solid #828e9c;
  color: #828e9c;
  font-weight: 400;
  padding: 2px 4px;
}
.c-sidebar-recommend--fromeditor ul li {
  border-top: 1px solid #dde1e4;
}
.c-sidebar-recommend--fromeditor ul li a {
  padding: 16px 0;
  display: flex;
  align-items: center;
}
.c-sidebar-recommend--fromeditor ul li a img {
  margin-left: 10px;
}
.c-sidebar-recommend__title {
  max-width: 73%;
}
.c-sidebar-recommend__articles--large, .c-sidebar-recommend__articles--small {
  margin-bottom: 20px;
}
.c-sidebar-recommend__articles--large a img, .c-sidebar-recommend__articles--small a img {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition-duration: 300ms;
}
.c-sidebar-recommend__articles--large a h4, .c-sidebar-recommend__articles--small a h4 {
  font-size: 14px;
  transition-duration: 300ms;
}
.c-sidebar-recommend__articles--large a:hover img, .c-sidebar-recommend__articles--small a:hover img {
  opacity: 0.6;
}
.c-sidebar-recommend__articles--large a:hover h4, .c-sidebar-recommend__articles--small a:hover h4 {
  color: #56b98a;
}
.c-sidebar-recommend__articles--large a h4 {
  line-height: 22px;
  margin-top: 12px;
}
.c-sidebar-recommend__articles--small {
  display: flex;
  justify-content: space-between;
}
.c-sidebar-recommend__articles--small a {
  width: 150px;
  position: relative;
}
.c-sidebar-recommend__articles--small a h4 {
  margin-top: 12px;
}
.c-sidebar-recommend__media {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.c-sidebar-recommend__media p {
  color: #828e9c;
}

.c-sidebar-magazine {
  width: 100%;
  text-align: center;
  background: #eef8f3;
  padding: 30px 0 33px;
  margin: 40px 0;
}
.c-sidebar-magazine h4 {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 4px;
}
.c-sidebar-magazine p {
  font-size: 12px;
}
.c-sidebar-magazine .c-button {
  margin: 22px auto;
  width: 160px;
}
.c-sidebar-magazine .c-button a {
  font-size: 14px;
  padding: 9px 11px;
  position: relative;
}
.c-sidebar-magazine .c-button a i {
  font-size: 20px;
  position: absolute;
  left: 21px;
}
.c-sidebar-magazine__icon-sns {
  margin-top: 16px;
}
.c-sidebar-magazine__icon-sns a {
  font-size: 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition-duration: 300ms;
}
.c-sidebar-magazine__icon-sns a:hover {
  opacity: 0.6;
}
.c-sidebar-magazine__icon-sns a + a {
  margin-left: 20px;
}
.c-sidebar-magazine__icon-sns .icon-facebook_black {
  color: #1877f2;
  background: #ffffff;
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-facebook_black:before {
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-twitter_black {
  color: #1b9df0;
  background: #ffffff;
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-twitter_black:before {
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-line_black {
  color: #06c755;
  background: #ffffff;
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-line_black:before {
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-youtube_black {
  color: #ff0000;
  background: #ffffff;
  display: inline-block;
}
.c-sidebar-magazine__icon-sns .icon-youtube_black:before {
  display: inline-block;
}

.c-sidebar-aera {
  margin-bottom: 40px;
  padding-top: 32px;
  border-top: 4px solid #eef0f1;
}
.c-sidebar-aera__site h3 {
  color: #465362;
  margin-bottom: 10px;
}
.c-sidebar-aera__site img {
  transition-duration: 300ms;
}
.c-sidebar-aera__site img:hover {
  opacity: 0.6;
}
.c-sidebar-aera__notice {
  padding: 15px 18px;
  background: #eef0f1;
  margin: 24px 0 40px;
}
.c-sidebar-aera__notice h3 {
  line-height: 23px;
  color: #465362;
  margin-bottom: 12px;
}
.c-sidebar-aera__notice ul li {
  list-style: disc;
  margin-left: 16px;
}
.c-sidebar-aera__notice ul li a {
  transition-duration: 300ms;
}
.c-sidebar-aera__notice ul li a:hover {
  color: #56b98a;
}
.c-sidebar-aera__notice ul li + li {
  margin-top: 16px;
}

.c-sidebar-tabs {
  margin-bottom: 40px;
  padding-top: 40px;
  border-top: 4px solid #eef0f1;
}
.c-sidebar-tabs h3 {
  color: #465362;
}
.c-sidebar-tabs .tags {
  width: 100%;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  overflow: hidden;
  height: 17px;
}
.c-sidebar-tabs .tags a + a {
  margin-left: 5px;
}
.c-sidebar-tabs #tabs {
  display: none;
}
.c-sidebar-tabs .ui-widget.ui-widget-content {
  border: none;
  padding: 0;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-panel {
  background: #fcfcfc;
  padding: 0;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav {
  padding: 0;
  background: #fcfcfc;
  border: none;
  margin-top: 16px;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li {
  margin: 0;
  width: 33%;
  background: #fcfcfc;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding-bottom: 2px;
  border-bottom: 2px solid #dde1e4;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li a {
  font-size: 14px;
  width: 100%;
  height: 100%;
  color: #828e9c;
  text-align: center;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li:focus,
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li a:focus {
  outline: none;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-bottom: 4px solid #56b98a;
  padding: 0;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #56b98a;
}
.c-sidebar-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.c-sidebar-tabs__article ul {
  margin-top: 4px;
}
.c-sidebar-tabs__article ul li {
  display: flex;
  border-bottom: 1px solid #dde1e4;
  padding: 16px 0;
  position: relative;
}
.c-sidebar-tabs__img {
  width: 76px;
  min-width: 76px;
  height: 76px;
  border-radius: 2px;
  margin-right: 12px;
}
.c-sidebar-tabs__img img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  object-fit: cover;
  transition-duration: 300ms;
}
.c-sidebar-tabs__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-sidebar-tabs__img:hover img {
  opacity: 0.6;
}
.c-sidebar-tabs__img.-rank1-:after, .c-sidebar-tabs__img.-rank2-:after, .c-sidebar-tabs__img.-rank3-:after, .c-sidebar-tabs__img.-rank4-:after, .c-sidebar-tabs__img.-rank5-:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  top: 13px;
  left: -7px;
}
.c-sidebar-tabs__img.-rank1-:after {
  background-image: url("../../../../static/assets/img/icon_rank_1.svg");
}
.c-sidebar-tabs__img.-rank2-:after {
  background-image: url("../../../../static/assets/img/icon_rank_2.svg");
}
.c-sidebar-tabs__img.-rank3-:after {
  background-image: url("../../../../static/assets/img/icon_rank_3.svg");
}
.c-sidebar-tabs__img.-rank4-:after {
  background-image: url("../../../../static/assets/img/icon_rank_4.svg");
}
.c-sidebar-tabs__img.-rank5-:after {
  background-image: url("../../../../static/assets/img/icon_rank_5.svg");
}
.c-sidebar-tabs__texts {
  width: calc(100% - 88px);
}
.c-sidebar-tabs__texts h4 {
  font-size: 14px;
  color: #2a3644;
  margin-bottom: 3px;
  transition-duration: 300ms;
}
.c-sidebar-tabs__texts a {
  color: inherit;
  line-height: 17px;
  position: relative;
  transition-duration: 300ms;
}
.c-sidebar-tabs__texts a:hover {
  opacity: 0.6;
}
.c-sidebar-tabs__img:hover + .c-sidebar-tabs__texts h4 {
  color: #56b98a;
}
.c-sidebar-tabs__popular {
  font-size: 13px;
  display: block;
  text-align: right;
  margin-top: 12px;
}

.c-sidebar-think {
  margin: 40px 0;
}
.c-sidebar-think h3 {
  color: #465362;
  margin-bottom: 10px;
}
.c-sidebar-think__subtext {
  color: #828e9c;
}
.c-sidebar-think ul {
  margin: 8px 0 7px;
}
.c-sidebar-think ul li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  position: relative;
  border-bottom: 1px solid #dde1e4;
}
.c-sidebar-think__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-sidebar-think__img img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transition-duration: 300ms;
}
.c-sidebar-think__img:hover img {
  opacity: 0.6;
}
.c-sidebar-think__main {
  width: calc(100% - 60px);
}
.c-sidebar-think__main .-article-writer- {
  margin-bottom: 2px;
  transition-duration: 300ms;
}
.c-sidebar-think__main .-article-title- {
  position: relative;
  transition-duration: 300ms;
}
.c-sidebar-think__main .-article-title-:hover {
  color: #56b98a;
}
.c-sidebar-think__img:hover + .c-sidebar-think__main .-article-writer- {
  color: #56b98a;
}
.c-sidebar-think__all-article {
  font-size: 13px;
  display: block;
  text-align: right;
  margin-top: 12px;
}

.c-sidebar-comicdot {
  margin: 40px 0;
}
.c-sidebar-comicdot h3 {
  color: #465362;
  margin-bottom: 10px;
}
.c-sidebar-comicdot ul li {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #dde1e4;
  position: relative;
}
.c-sidebar-comicdot__subtext {
  color: #828e9c;
}
.c-sidebar-comicdot__all-comics {
  font-size: 13px;
  display: block;
  text-align: right;
  margin-top: 12px;
}
.c-sidebar-comicdot__img img {
  width: 76px;
  border-radius: 2px;
  transition-duration: 300ms;
}
.c-sidebar-comicdot__img:hover img {
  opacity: 0.6;
}
.c-sidebar-comicdot__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-sidebar-comicdot__main {
  width: calc(100% - 88px);
}
.c-sidebar-comicdot__main .-comic-title- {
  margin-bottom: 3px;
  transition-duration: 300ms;
}
.c-sidebar-comicdot__main .-comic-writer- {
  color: #828e9c;
}
.c-sidebar-comicdot__img:hover + .c-sidebar-comicdot__main .-comic-title- {
  color: #56b98a;
}

.c-sidebar-tags {
  margin: 40px 0;
}
.c-sidebar-tags h3 {
  color: #465362;
  margin-bottom: 10px;
}
.c-sidebar-tags ul {
  display: flex;
  flex-wrap: wrap;
}
.c-sidebar-tags ul li {
  border-radius: 4px;
  border: 1px solid #828e9c;
  margin: 0 10px 10px 0;
}
.c-sidebar-tags ul li a {
  padding: 10px;
  color: #465362;
  display: block;
}
.c-sidebar-tags__all-tags {
  font-size: 13px;
  display: block;
  text-align: right;
  margin-top: 10px;
}

.c-topicpath {
  margin-bottom: 20px;
}
.c-topicpath ul {
  display: flex;
}
.c-topicpath ul li {
  font-weight: 400;
}
.c-topicpath ul li a {
  transition-duration: 300ms;
}
.c-topicpath ul li a:hover {
  color: #56b98a;
}
.c-topicpath ul li:after {
  content: ">";
  margin: 0 5px;
}
.c-topicpath ul li:nth-last-child(1):after {
  content: "";
}

/*-----------------------
project
-------------------------*/
/*-----------------------
Pages
-------------------------*/
.p-article {
  width: 82%;
  min-width: 530px;
  margin: 0 auto;
}
.p-article__title h1 {
  margin-bottom: 7px;
}
.p-article__title h2 {
  color: #828e9c;
}
.p-article__title .p-article__topic {
  display: flex;
  justify-content: space-between;
  padding: 12px 0 18px;
}
.p-article__title .p-article__topic a {
  font-size: 13px;
  line-height: 22px;
  font-weight: 700;
  color: inherit;
  transition-duration: 300ms;
}
.p-article__title .p-article__topic a:hover {
  opacity: 0.6;
}
.p-article__title .p-article__topic p {
  color: #828e9c;
}
.p-article__author {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 22px;
  border-top: 1px solid #dde1e4;
}
.p-article__author--writer {
  display: flex;
  align-items: center;
  max-width: calc(100% - 150px);
}
.p-article__author--writer img {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 11px;
  transition-duration: 300ms;
}
.p-article__author--writer p {
  color: #465362;
  line-height: 23px;
  transition-duration: 300ms;
}
.p-article__author--media {
  width: 150px;
  height: 48px;
  overflow: hidden;
  display: flex;
  align-items: center;
  object-fit: cover;
  transition-duration: 300ms;
}
.p-article__author--media img {
  width: 100%;
}
.p-article__author--media:hover {
  opacity: 0.6;
}
.p-article__tags {
  padding: 24px 24px 14px;
  border-top: 2px solid #eef0f1;
  border-bottom: 2px solid #eef0f1;
  display: flex;
  flex-flow: wrap;
  margin-bottom: 34px;
}
.p-article__tags a {
  padding: 10px 10px 11px 10px;
  color: #465362;
  border: 1px solid #828e9c;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 17px;
}

a.p-article__author--writer:hover img {
  opacity: 0.6;
}
a.p-article__author--writer:hover p {
  color: #56b98a;
}

.p-article-wa p + p {
  margin-top: 38px;
}
.p-article-wa .c-button {
  width: 590px;
  height: 48px;
  margin: 30px auto 56px;
}

.p-article-aera {
  margin-bottom: 24px;
}
.p-article-aera h2 {
  margin: 32px 0 24px;
  padding-left: 16px;
  position: relative;
}
.p-article-aera h2:before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 100%;
  background: #56b98a;
}
.p-article-aera aside {
  font-size: 16px;
  margin: 24px 0;
  padding: 20px 22px;
  background: #eef8f3;
  display: block;
  font-style: normal;
  border-radius: 4px;
}
.p-article-aera img {
  width: 100%;
  margin: 20px 0;
  display: block;
}
.p-article-aera figure {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 12px;
}
.p-article-aera figure img {
  max-height: 475px;
  object-fit: contain;
  display: inline-block;
  margin: 0 auto;
  transition-duration: 300ms;
}
.p-article-aera figure img:hover {
  opacity: 0.6;
}
.p-article-aera figure a {
  display: inline-block;
  position: relative;
}
.p-article-aera figure a:after {
  position: absolute;
  bottom: 27px;
  right: 17px;
  padding: 8px;
  background: #2a3644;
  opacity: 0.7;
  border-radius: 7px;
  color: #fcfcfc;
  font-size: 16px;
  font-family: "icomoon";
  content: "";
}
.p-article-aera figcaption {
  font-size: 12px;
  color: #465362;
  margin-bottom: 24px;
}
.p-article-aera p {
  font-size: 16px;
}
.p-article-aera p a {
  color: #56b98a;
  text-decoration: underline;
  transition-duration: 300ms;
}
.p-article-aera p a:hover {
  opacity: 0.6;
}
.p-article-aera p strong {
  font-weight: 700;
}
.p-article-aera p + p {
  margin: 26px 0;
}
.p-article-aera blockquote {
  font-size: 16px;
  padding: 18px 26px;
  margin: 34px 0;
  border-top: 1px solid #eef0f1;
  border-bottom: 1px solid #eef0f1;
  position: relative;
}
.p-article-aera blockquote:before, .p-article-aera blockquote:after {
  font-family: "icomoon";
  content: "";
  display: inline-block;
  background: #fcfcfc;
  font-size: 24px;
  position: absolute;
  color: #828e9c;
  padding: 7px;
}
.p-article-aera blockquote:before {
  top: -20px;
  left: 0;
}
.p-article-aera blockquote:after {
  transform: rotate(180deg);
  bottom: -20px;
  right: 0;
}
.p-article-aera ul {
  margin: 24px 0;
}
.p-article-aera ul li {
  list-style: disc;
  font-size: 16px;
  list-style-position: outside;
  margin-left: 20px;
}
.p-article-aera ul li + li {
  margin-top: 4px;
}
.p-article-aera--next {
  border-top: 2px solid #eef0f1;
  border-bottom: 2px solid #eef0f1;
  padding: 16px 0;
  margin-top: 48px;
  margin-bottom: 32px;
}
.p-article-aera--next a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 300ms;
}
.p-article-aera--next a h4 {
  color: #56b98a;
  margin-right: 47px;
}
.p-article-aera--next a p {
  font-size: 15px;
  width: 420px;
  margin-right: 47px;
}
.p-article-aera--next a i {
  color: #56b98a;
  font-size: 20px;
}
.p-article-aera--next a:hover {
  opacity: 0.6;
}
.p-article-aera .c-button--pagination, .p-article-aera .p-columnist-pagination, .p-article-aera .p-feature-pagination, .p-article-aera .p-ent-pagination, .p-article-aera .p-news-pagination {
  margin: 32px auto 48px;
}
.p-article-aera .c-button--share {
  margin: 48px auto 32px;
}
.p-article-aera .c-button--share ul li {
  list-style: none;
  width: 72px;
}
.p-article-aera .c-button--share ul li img {
  margin: 0;
}
.p-article-aera .c-button--share ul li + li {
  margin: 0;
  margin-left: 15px;
}
.p-article-aera .p-button-comment {
  background: #fcfcfc;
  border: 1px solid #56b98a;
  border-radius: 4px;
  width: 220px;
  margin: 0 auto;
  transition-duration: 300ms;
}
.p-article-aera .p-button-comment a {
  color: #56b98a;
  padding: 8px 57px;
  font-size: 11px;
  align-items: center;
  transition-duration: 300ms;
}
.p-article-aera .p-button-comment a i {
  margin-right: 10px;
  font-size: 17px;
  line-height: 22px;
}
.p-article-aera .p-button-comment:hover {
  background: #56b98a;
}
.p-article-aera .p-button-comment:hover a {
  color: #fcfcfc;
}
.p-article-aera__add {
  position: relative;
  display: block;
  text-align: center;
  max-width: 320px;
  margin: 54px auto 32px;
}
.p-article-aera__add:before {
  content: "Advertisement";
  font-weight: 400;
  color: #828e9c;
  display: block;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  position: absolute;
}
.p-article-aera__link--article, .p-article-aera__link--product {
  display: flex;
  justify-content: space-between;
  border: 1px solid #dde1e4;
  border-radius: 4px;
  overflow: hidden;
  margin: 32px 0;
}
.p-article-aera__link--article .p-article-aera__linktext {
  padding: 16px 22px;
}
.p-article-aera__link--article .p-article-aera__linktext h3 {
  font-size: 15px;
  margin-bottom: 6px;
  transition-duration: 300ms;
}
.p-article-aera__link--article .p-article-aera__linktext p {
  font-size: 11px;
  color: #828e9c;
}
.p-article-aera__link--article img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  transition-duration: 300ms;
  margin: 0;
}
.p-article-aera__link--article:hover h3 {
  color: #56b98a;
}
.p-article-aera__link--article:hover img {
  opacity: 0.6;
}
.p-article-aera__link--product .p-article-aera__linktext {
  padding: 20px 20px 8px;
}
.p-article-aera__link--product .p-article-aera__linktext h3 {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 8px;
  transition-duration: 300ms;
}
.p-article-aera__link--product .p-article-aera__linktext p {
  font-size: 11px;
  color: #828e9c;
}
.p-article-aera__link--product .p-article-aera__linktext img {
  margin-top: 22px;
  width: 118px;
  height: auto;
  border: none;
}
.p-article-aera__link--product .p-article-aera__image {
  width: 124px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #dde1e4;
}
.p-article-aera__link--product img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  transition-duration: 300ms;
  margin: 0;
}
.p-article-aera__link--product:hover h3 {
  color: #56b98a;
}
.p-article-aera__link--product:hover img {
  opacity: 0.6;
}
.p-article-aera__writer {
  display: flex;
  border: 1px solid #dde1e4;
  border-radius: 4px;
  padding: 20px;
  margin: 40px 0 48px;
}
.p-article-aera__writer img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 18px;
}
.p-article-aera__writer .p-article-aera__description {
  max-width: 75%;
}
.p-article-aera__writer .p-article-aera__description h3 {
  margin-bottom: 8px;
}
.p-article-aera__writer .p-article-aera__description p {
  margin-bottom: 16px;
}
.p-article-aera__writer .p-article-aera__description a {
  font-weight: 700;
  display: block;
  text-align: right;
}
.p-article-aera__writer .p-article-aera__description a i {
  text-decoration: none;
}

.p-printimage {
  border-bottom: 6px solid #eef0f1;
  padding-bottom: 33px;
  margin-bottom: 47px;
}
.p-printimage h1 {
  margin-bottom: 2px;
  display: flex;
}
.p-printimage h1 a {
  transition-duration: 300ms;
  display: block;
}
.p-printimage h1:before {
  font-family: "icomoon";
  content: "";
  transition-duration: 300ms;
  margin-right: 10px;
}
.p-printimage h1:hover a {
  color: #56b98a;
}
.p-printimage h1:hover:before {
  color: #56b98a;
}
.p-printimage h2 {
  line-height: 26px;
  color: #828e9c;
  margin-left: 35px;
  margin-top: 8px;
}
.p-printimage .swiper-container--printimg {
  overflow: hidden;
  margin-top: 18px;
  position: relative;
}
.p-printimage .swiper-container--printimg .swiper-wrapper {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
.p-printimage .swiper-container--printimg .swiper-slide img {
  height: 502px;
  display: block;
  margin: 0 auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.p-printimage .swiper-container--printimg .swiper-slide p {
  font-size: 12px;
  color: #465362;
  margin-top: 12px;
  margin-left: 2px;
}
.p-printimage .swiper-container--printimg .swiper-pagination-fraction {
  width: auto;
  bottom: 65px;
  line-height: 20px;
  color: #ffffff;
  background: #2a3644;
  opacity: 80%;
  display: inline-block;
  padding: 0 18px;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.p-printimage .swiper-container--printimg .swiper-button-prev,
.p-printimage .swiper-container--printimg .swiper-button-next {
  width: 46px;
  height: 46px;
  top: 0;
  margin: 0;
}
.p-printimage .swiper-container--printimg .swiper-button-prev:after,
.p-printimage .swiper-container--printimg .swiper-button-next:after {
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background-size: cover;
}
.p-printimage .swiper-container--printimg .swiper-button-prev:focus,
.p-printimage .swiper-container--printimg .swiper-button-next:focus {
  border: none;
  outline: none;
}
.p-printimage .swiper-container--printimg .swiper-button-prev.swiper-button-disabled,
.p-printimage .swiper-container--printimg .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.p-printimage .swiper-container--printimg .swiper-button-prev:after {
  background-image: url("../../../../static/assets/img/swiper_button_prev.png");
}
.p-printimage .swiper-container--printimg .swiper-button-next:after {
  background-image: url("../../../../static/assets/img/swiper_button_next.png");
}
.p-printimage .swiper-container--printimg .swiper-pagination-fraction {
  bottom: auto;
}
.p-printimage .swiper-thumbs {
  position: relative;
}
.p-printimage .swiper-thumbs .swiper-button-prev,
.p-printimage .swiper-thumbs .swiper-button-next {
  width: 46px;
  height: 46px;
}
.p-printimage .swiper-thumbs .swiper-button-prev:after,
.p-printimage .swiper-thumbs .swiper-button-next:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-size: cover;
}
.p-printimage .swiper-thumbs .swiper-button-prev.swiper-button-disabled,
.p-printimage .swiper-thumbs .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.p-printimage .swiper-thumbs .swiper-button-prev:after {
  background-image: url("../../../../static/assets/img/swiper_button_prev.png");
}
.p-printimage .swiper-thumbs .swiper-button-next:after {
  background-image: url("../../../../static/assets/img/swiper_button_next.png");
}
.p-printimage .swiper-container--thumbs {
  overflow: hidden;
  margin-top: 29px;
  position: relative;
}
.p-printimage .swiper-container--thumbs img {
  width: 124px;
  height: 124px;
  object-fit: cover;
  border-radius: 2px;
}
.p-printimage .swiper-container--thumbs .swiper-slide {
  transition-duration: 300ms;
  width: 124px;
}
.p-printimage .swiper-container--thumbs .swiper-slide:hover {
  opacity: 0.4;
  cursor: pointer;
}
.p-printimage .swiper-container--thumbs .swiper-slide-thumb-active {
  position: relative;
}
.p-printimage .swiper-container--thumbs .swiper-slide-thumb-active:before {
  content: "";
  display: block;
  width: 124px;
  height: 124px;
  position: absolute;
  pointer-events: none;
  border: 4px solid #56b98a;
}
.p-printimage .swiper-container--thumbs .swiper-slide-thumb-active.swiper-slide {
  opacity: 1;
}
.p-printimage .swiper-ohter-articles {
  background: #f3f3f1;
  padding: 28px 82px 56px;
}
.p-printimage .swiper-ohter-articles h3 {
  color: #465362;
  margin-bottom: 8px;
}
.p-printimage .swiper-ohter-articles__link {
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 300ms;
  margin-top: 4px;
}
.p-printimage .swiper-ohter-articles__link:hover {
  color: #56b98a;
}
.p-printimage .swiper-ohter-articles__link i {
  margin-left: 6px;
}
.p-printimage .c-button {
  width: 590px;
  padding: 13px;
  margin: 45px auto;
}
.p-printimage .c-button i {
  font-size: 30px;
  margin-right: 15px;
}

.p-news-top {
  padding-bottom: 24px;
  border-bottom: 1px solid #dde1e4;
}
.p-news-top h2 {
  margin-bottom: 24px;
}
.p-news-top__article {
  position: relative;
  display: flex;
  align-items: center;
}
.p-news-top__img {
  margin-right: 43px;
  transition-duration: 300ms;
}
.p-news-top__img img {
  width: 375px;
  height: 230px;
  border-radius: 4px;
}
.p-news-top__img .-article-image- {
  position: relative;
}
.p-news-top__img .-article-image-.-new-:after {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  position: absolute;
  top: 0px;
  right: 0;
  border-radius: 1px;
}
.p-news-top__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-news-top__img:hover {
  opacity: 0.6;
}
.p-news-top__title {
  max-width: calc(100% - 418px);
}
.p-news-top__title h3 {
  margin-bottom: 14px;
  transition-duration: 300ms;
}
.p-news-top__img:hover + .p-news-top__title h3 {
  color: #56b98a;
}
.p-news-top__subtext {
  margin-bottom: 19px;
}
.p-news-top__caption {
  display: flex;
  justify-content: space-between;
}
.p-news-top__caption p {
  color: #828e9c;
}
.p-news-top__caption .-article-tags- {
  display: flex;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  position: relative;
  flex-flow: wrap;
  height: 16px;
  overflow: hidden;
}
.p-news-top__caption .-article-tags- a {
  color: inherit;
  margin: 0;
  transition-duration: 300ms;
}
.p-news-top__caption .-article-tags- a:hover {
  opacity: 0.6;
}
.p-news-top__caption .-article-tags- a:before {
  display: none;
}
.p-news-top__caption .-article-tags- a + a {
  margin-left: 5px;
}
.p-news-top__caption .-article-comments- {
  position: relative;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: #465362;
}
.p-news-top__caption .-article-comments-:before {
  content: "";
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  color: #465362;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.p-news-think {
  padding: 0;
  border: none;
  margin-top: 4px;
  margin-bottom: 20px;
  position: relative;
}
.p-news-think .c-list-think__title {
  margin: 30px 0 24px;
}
.p-news-think h3 {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-news-think h3 i {
  color: inherit;
  font-size: 48px;
  margin: 0;
  margin-bottom: 6px;
}
.p-news-think ul {
  margin-bottom: 32px;
}
.p-news-think ul li .-hashtag- {
  padding: 7px;
  background: #f3f3f1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.p-news-think ul li .-hashtag- a {
  color: inherit;
}
.p-news-think ul li .-hashtag- a:before {
  line-height: 20px;
  color: inherit;
}

.p-news-lists .c-list-longtopic__container {
  margin-bottom: 0;
}
.p-news-lists .c-list-longtopic__container li:first-child {
  border-top: none;
}
.p-news-lists .c-list-longtopic__container li:last-child {
  border-bottom: none;
}

.c-list-category-top + .p-news-lists ul li:first-child {
  border-top: 1px solid #dde1e4;
}

.p-news-pagination {
  border-top: 1px solid #dde1e4;
  padding-top: 40px;
  margin-bottom: 56px;
}

.c-list-category-top + .p-news-lists ul li:first-child {
  border-top: 1px solid #dde1e4;
}

.p-ent-think {
  padding: 0;
  border: none;
  margin-top: 4px;
  margin-bottom: 40px;
  position: relative;
}
.p-ent-think .c-list-think__title {
  margin: 30px 0 24px;
}
.p-ent-think h3 {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-ent-think h3 i {
  color: inherit;
  font-size: 48px;
  margin: 0;
  margin-bottom: 10px;
}
.p-ent-think ul {
  margin-bottom: 32px;
}
.p-ent-think ul li .-hashtag- {
  padding: 7px;
  background: #f3f3f1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.p-ent-think ul li .-hashtag- a {
  color: inherit;
}
.p-ent-think ul li .-hashtag- a:before {
  line-height: 20px;
  color: inherit;
}
.p-ent-think ul li .c-list-think__text {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.73%, #000000 100%);
}

.p-ent-lists {
  margin-top: 5px;
}
.p-ent-lists__container {
  display: flex;
  flex-flow: wrap;
}
.p-ent-lists__container li {
  width: calc((100% - 50px) / 3);
  position: relative;
  margin-bottom: 24px;
}
.p-ent-lists__container li:nth-child(3n+1) {
  margin-left: 0;
}
.p-ent-lists__container li:nth-last-child(-n+3) {
  margin-bottom: 40px;
}
.p-ent-lists__container li + li {
  margin-left: 24px;
}
.p-ent-lists__img {
  margin-bottom: 10px;
  display: block;
}
.p-ent-lists__img img {
  border-radius: 4px;
  transition-duration: 300ms;
}
.p-ent-lists__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-ent-lists__img:hover img {
  opacity: 0.6;
}
.p-ent-lists__img.-pr-:after {
  content: "PR";
  background: #ffffff;
  border: 1px solid #828e9c;
  color: #828e9c;
  font-weight: 400;
  padding: 2px 4px;
  position: absolute;
  top: 0;
  right: 0;
}
.p-ent-lists__img.-new-:after {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 1px;
}
.p-ent-lists__title h2 {
  font-size: 18px;
  margin-bottom: 6px;
  transition-duration: 300ms;
}
.p-ent-lists__img:hover + .p-ent-lists__title h2 {
  color: #56b98a;
}
.p-ent-lists__tags {
  display: flex;
  margin-bottom: 2px;
}
.p-ent-lists__tags p {
  color: #828e9c;
  margin-left: 35px;
}
.p-ent-lists__tags .-article-tags- {
  max-width: 80%;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.p-ent-lists__tags .-article-tags- a {
  line-height: 22px;
  max-width: 31%;
  text-align: start;
  color: inherit;
  margin: 0;
  transition-duration: 300ms;
}
.p-ent-lists__tags .-article-tags- a:hover {
  opacity: 0.6;
}
.p-ent-lists__tags .-article-tags- a:before {
  display: none;
}
.p-ent-lists__tags .-article-tags- a + a {
  margin-left: 5px;
}
.p-ent-lists__tags .-article-comments- {
  position: relative;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: #465362;
}
.p-ent-lists__tags .-article-comments-:before {
  content: "";
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  color: #465362;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.p-ent-lists__caption {
  display: flex;
  justify-content: space-between;
}
.p-ent-lists__caption p {
  color: #828e9c;
}

.p-ent-pagination {
  margin-bottom: 56px;
}

.p-photogallery {
  width: 82%;
  min-width: 530px;
  margin: 0 auto;
}
.p-photogallery__title h1 {
  margin-bottom: 7px;
}
.p-photogallery__title h2 {
  color: #828e9c;
}
.p-photogallery__title .p-photogallery__topic {
  display: flex;
  justify-content: space-between;
  padding: 12px 0 18px;
}
.p-photogallery__title .p-photogallery__topic a {
  font-size: 13px;
  line-height: 22px;
  font-weight: 700;
  color: inherit;
  transition-duration: 300ms;
}
.p-photogallery__title .p-photogallery__topic a:hover {
  opacity: 0.6;
}
.p-photogallery__title .p-photogallery__topic p {
  color: #828e9c;
}
.p-photogallery__author {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 22px;
  border-top: 1px solid #dde1e4;
}
.p-photogallery__author--writer {
  display: flex;
  align-items: center;
  max-width: calc(100% - 150px);
}
.p-photogallery__author--writer img {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 11px;
  transition-duration: 300ms;
}
.p-photogallery__author--writer p {
  line-height: 23px;
  transition-duration: 300ms;
}
.p-photogallery__author--media {
  width: 150px;
  height: 48px;
  overflow: hidden;
  display: flex;
  align-items: center;
  object-fit: cover;
  transition-duration: 300ms;
}
.p-photogallery__author--media img {
  width: 100%;
}
.p-photogallery__author--media:hover {
  opacity: 0.6;
}
.p-photogallery__tags {
  padding: 24px;
  border-top: 2px solid #eef0f1;
  border-bottom: 2px solid #eef0f1;
}
.p-photogallery__tags a {
  padding: 10px 10px 11px 10px;
  border: 1px solid #828e9c;
  border-radius: 4px;
}
.p-photogallery__tags a + a {
  margin-left: 9px;
}
.p-photogallery__container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 56px;
}
.p-photogallery__contents {
  width: calc((100% - 19px) / 3);
  margin-left: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  transition-duration: 300ms;
}
.p-photogallery__contents:nth-child(3n+1) {
  margin-left: 0;
}
.p-photogallery__contents:hover {
  opacity: 0.6;
}
.p-photogallery__contents img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 4px;
}

a.p-photogallery__author--writer:hover img {
  opacity: 0.6;
}
a.p-photogallery__author--writer:hover p {
  color: #56b98a;
}

.p-search__search {
  background: #eef0f1;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 20px;
}
.p-search__search form {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.p-search__search input[type=search] {
  border: 1px solid #828e9c;
  padding: 12px 15px;
  border-radius: 4px;
  width: 83%;
  font-size: 16px;
}
.p-search__search input[type=search]:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  outline: none;
  border: 3px solid #56b98a;
  padding: 11px 11px 11px 13px;
}
.p-search__search input[type=search]::placeholder {
  color: #dde1e4;
}
.p-search__search input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  /* デフォルトのサーチキャンセルボタンを非表示にする場合 */
  cursor: pointer;
  height: 13px;
  width: 13px;
  background-image: url("../../../../static/assets/img/icon-closed.svg");
  /* デフォルトのサーチキャンセルボタンを非表示にすること */
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}
.p-search__search button[type=submit] {
  background: #56b98a;
  width: 15%;
  padding: 12px 15px;
  color: #fcfcfc;
  border-radius: 4px;
  transition-duration: 300ms;
}
.p-search__search button[type=submit]:hover {
  opacity: 0.6;
}
.p-search__result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.p-search__displayed p span {
  margin: 0 6px;
}
.p-search__displayed p .-current-min- {
  margin-left: 9px;
  margin-right: 0;
}
.p-search__displayed p .-current-max- {
  margin-left: 0;
}
.p-search__displayed p .-current-max-:before {
  content: "〜";
}
.p-search__changes {
  display: flex;
}
.p-search__sort, .p-search__views {
  display: flex;
  align-items: center;
}
.p-search__sort img, .p-search__views img {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.p-search__sort p, .p-search__views p {
  color: #465362;
  margin-right: 6px;
  margin-top: 1px;
}
.p-search__sort .-selector-, .p-search__views .-selector- {
  position: relative;
  display: flex;
  align-items: center;
}
.p-search__sort .-selector-:before, .p-search__views .-selector-:before {
  font-family: "icomoon";
  content: "";
  position: absolute;
  font-size: 10px;
  width: 10px;
  height: 10px;
  right: 12px;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.p-search__sort .-selector- select, .p-search__views .-selector- select {
  color: #465362;
  border: 1px solid #828e9c;
  border-radius: 4px;
  padding: 7px 30px 7px 14px;
  font-size: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-search__sort .-selector- select:focus-visible, .p-search__views .-selector- select:focus-visible {
  outline: none;
}
.p-search__sort .-selector- select::-ms-expand, .p-search__views .-selector- select::-ms-expand {
  display: none;
}
.p-search__views {
  margin-left: 20px;
}
.p-search__no-result {
  margin: 20px 0 56px;
  padding-top: 40px;
  border-top: 1px solid #dde1e4;
}
.p-search__no-result p {
  color: #2a3644;
}
.p-search__no-result p .-searched-word- {
  margin-right: 8px;
}
.p-search .c-button--pagination, .p-search .p-columnist-pagination, .p-search .p-feature-pagination, .p-search .p-news-pagination, .p-search .p-ent-pagination {
  margin-top: 40px;
  margin-bottom: 56px;
}

.p-feature-lists {
  margin-bottom: 56px;
}

.p-feature-pagination {
  margin: 16px 0 0;
}

.p-top-notice {
  background: #ffffff;
  border: 1px solid #dde1e4;
  border-radius: 4px;
  padding: 11px 16px;
  margin-bottom: 23px;
}
.p-top-notice p {
  color: #828e9c;
  margin-bottom: 3px;
}
.p-top-notice a {
  color: #465362;
  text-decoration: underline;
  transition-duration: 300ms;
}
.p-top-notice a:hover {
  color: #56b98a;
}
.p-top-notice__article + .p-top-notice__article {
  margin-top: 10px;
}

.p-top-firstview {
  display: flex;
}
.p-top-firstview__large {
  width: 61.3%;
  display: block;
  position: relative;
  margin-right: 24px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.p-top-firstview__large img {
  width: 100%;
  transition-duration: 300ms;
}
.p-top-firstview__large:hover .p-top-firstview__large-image img {
  opacity: 0.6;
}
.p-top-firstview__large-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(2, 4, 2, 0) 61.22%, rgba(2, 4, 2, 0.3) 83.97%);
  padding: 19px 32px;
}
.p-top-firstview__large-icons {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 8px;
}
.p-top-firstview__large-icons .-new-:before {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  display: block;
  border-radius: 1px;
  white-space: nowrap;
}
.p-top-firstview__large-icons .-top-,
.p-top-firstview__large-icons .-news-,
.p-top-firstview__large-icons .-sports-,
.p-top-firstview__large-icons .-feature-,
.p-top-firstview__large-icons .-teach-,
.p-top-firstview__large-icons .-health-,
.p-top-firstview__large-icons .-gallery-,
.p-top-firstview__large-icons .-entertainment-,
.p-top-firstview__large-icons .-column-,
.p-top-firstview__large-icons .-business- {
  margin-bottom: 2px;
}
.p-top-firstview__large-icons .-top-:before,
.p-top-firstview__large-icons .-news-:before,
.p-top-firstview__large-icons .-sports-:before,
.p-top-firstview__large-icons .-feature-:before,
.p-top-firstview__large-icons .-teach-:before,
.p-top-firstview__large-icons .-health-:before,
.p-top-firstview__large-icons .-gallery-:before,
.p-top-firstview__large-icons .-entertainment-:before,
.p-top-firstview__large-icons .-column-:before,
.p-top-firstview__large-icons .-business-:before {
  color: #ffffff;
  padding: 4px;
  border-radius: 1px;
  white-space: nowrap;
}
.p-top-firstview__large-icons .-top-:before {
  background: #56b98a;
}
.p-top-firstview__large-icons .-news-:before,
.p-top-firstview__large-icons .-sports-:before,
.p-top-firstview__large-icons .-feature-:before {
  background: #3da7b6;
}
.p-top-firstview__large-icons .-teach-:before,
.p-top-firstview__large-icons .-health-:before,
.p-top-firstview__large-icons .-gallery-:before {
  background: #568bbd;
}
.p-top-firstview__large-icons .-entertainment-:before,
.p-top-firstview__large-icons .-column-:before,
.p-top-firstview__large-icons .-business-:before {
  background: #eca400;
}
.p-top-firstview__large-icons .-top-:before {
  content: "トップ";
}
.p-top-firstview__large-icons .-news-:before {
  content: "ニュース";
}
.p-top-firstview__large-icons .-sports-:before {
  content: "スポーツ";
}
.p-top-firstview__large-icons .-feature-:before {
  content: "特集";
}
.p-top-firstview__large-icons .-teach-:before {
  content: "教育・ライフ";
}
.p-top-firstview__large-icons .-health-:before {
  content: "ヘルス";
}
.p-top-firstview__large-icons .-gallery-:before {
  content: "フォトギャラリー";
}
.p-top-firstview__large-icons .-entertainment-:before {
  content: "エンタメ";
}
.p-top-firstview__large-icons .-column-:before {
  content: "コラムニスト";
}
.p-top-firstview__large-icons .-business-:before {
  content: "ビジネス";
}
.p-top-firstview__large-writer {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.p-top-firstview__large-writer img {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.p-top-firstview__large-writer p {
  color: #ffffff;
}
.p-top-firstview__large-title {
  position: relative;
  margin-bottom: 12px;
}
.p-top-firstview__large-title h3 {
  color: #ffffff;
  max-height: 67px;
  line-height: 35px;
}
.p-top-firstview__large-subtext {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-top-firstview__large-subtext p {
  color: #ffffff;
  display: inline-block;
}
.p-top-firstview__large-subtext .-article-tags- {
  color: #ffffff;
  display: inline-block;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}
.p-top-firstview__large-subtext .-article-tags- p {
  display: inline;
}
.p-top-firstview__large-subtext .-subtext-left- {
  max-width: 80%;
  display: flex;
}
.p-top-firstview__large-subtext .-subtext-left- .-comment- {
  margin-right: 10px;
  white-space: nowrap;
}
.p-top-firstview__large-subtext .-subtext-left- .-comment-:before {
  content: "";
  font-family: "icomoon";
  margin-right: 6px;
}
.p-top-firstview__large-subtext .-subtext-right- {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-top-firstview__small-container {
  width: calc(100% - (61% + 24px));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-top-firstview__small {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.p-top-firstview__small:hover .p-top-firstview__small-image img {
  opacity: 0.6;
}
.p-top-firstview__small-image {
  position: relative;
}
.p-top-firstview__small-image img {
  width: 100%;
  transition-duration: 300ms;
}
.p-top-firstview__small-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 77.56%);
  padding: 17px 20px;
}
.p-top-firstview__small-text.-new-:before {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  border-radius: 1px;
}
.p-top-firstview__small-text.-top-:before, .p-top-firstview__small-text.-news-:before, .p-top-firstview__small-text.-sports-:before, .p-top-firstview__small-text.-feature-:before, .p-top-firstview__small-text.-teach-:before, .p-top-firstview__small-text.-health-:before, .p-top-firstview__small-text.-gallery-:before, .p-top-firstview__small-text.-entertainment-:before, .p-top-firstview__small-text.-column-:before, .p-top-firstview__small-text.-business-:before {
  color: #ffffff;
  padding: 4px;
  border-radius: 1px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.p-top-firstview__small-text.-top-:before {
  background: #56b98a;
}
.p-top-firstview__small-text.-news-:before, .p-top-firstview__small-text.-sports-:before, .p-top-firstview__small-text.-feature-:before {
  background: #3da7b6;
}
.p-top-firstview__small-text.-teach-:before, .p-top-firstview__small-text.-health-:before, .p-top-firstview__small-text.-gallery-:before {
  background: #568bbd;
}
.p-top-firstview__small-text.-entertainment-:before, .p-top-firstview__small-text.-column-:before, .p-top-firstview__small-text.-business-:before {
  background: #eca400;
}
.p-top-firstview__small-text.-top-:before {
  content: "トップ";
}
.p-top-firstview__small-text.-news-:before {
  content: "ニュース";
}
.p-top-firstview__small-text.-sports-:before {
  content: "スポーツ";
}
.p-top-firstview__small-text.-feature-:before {
  content: "特集";
}
.p-top-firstview__small-text.-teach-:before {
  content: "教育・ライフ";
}
.p-top-firstview__small-text.-health-:before {
  content: "ヘルス";
}
.p-top-firstview__small-text.-gallery-:before {
  content: "フォトギャラリー";
}
.p-top-firstview__small-text.-entertainment-:before {
  content: "エンタメ";
}
.p-top-firstview__small-text.-column-:before {
  content: "コラムニスト";
}
.p-top-firstview__small-text.-business-:before {
  content: "ビジネス";
}
.p-top-firstview__small-writer {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.p-top-firstview__small-writer img {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.p-top-firstview__small-writer p {
  color: #ffffff;
}
.p-top-firstview__small-title {
  margin-bottom: 8px;
}
.p-top-firstview__small-title h3 {
  font-size: 18px;
  color: #ffffff;
}
.p-top-firstview__small-subtext {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-top-firstview__small-subtext p {
  color: #ffffff;
  display: inline-block;
}
.p-top-firstview__small-subtext .-article-tags- {
  color: #ffffff;
  display: inline-block;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
}
.p-top-firstview__small-subtext .-article-tags- p {
  display: inline;
}
.p-top-firstview__small-subtext .-subtext-left- {
  max-width: 80%;
  display: flex;
}
.p-top-firstview__small-subtext .-subtext-left- .-comment- {
  margin: 0 10px;
  white-space: nowrap;
}
.p-top-firstview__small-subtext .-subtext-left- .-comment-:before {
  content: "";
  font-family: "icomoon";
  margin-right: 6px;
}
.p-top-firstview__small-subtext .-subtext-right- {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-top-firstview__small-subtext .-subtext-right- p {
  white-space: nowrap;
}

@supports (-webkit-line-clamp: 2) {
  .p-top-firstview__large-title h3 {
    max-height: none;
    line-height: normal;
  }
}
.p-top-latest__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.p-top-latest__title h2 {
  color: #465362;
}
.p-top-latest__title a {
  color: #465362;
}
.p-top-latest__title a:after {
  content: "";
  font-family: "icomoon";
}

.p-top-articles {
  margin-bottom: 24px;
}
.p-top-articles li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #dde1e4;
}
.p-top-articles li:nth-last-child(-n+1) {
  border-bottom: none;
}
.p-top-articles__container {
  width: calc((100% - 40px) / 2);
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: relative;
  padding: 16px 0;
}
.p-top-articles__img {
  margin-left: 15px;
  transition-duration: 300ms;
}
.p-top-articles__img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-top-articles__img img {
  width: 124px;
  height: 124px;
  object-fit: cover;
  min-width: 124px;
  min-height: 124px;
  border-radius: 2px;
  transition-duration: 300ms;
}
.p-top-articles__img:hover img {
  opacity: 0.6;
}
.p-top-articles__img.-pr-:after {
  content: "PR";
  background: #ffffff;
  border: 1px solid #828e9c;
  color: #828e9c;
  font-weight: 400;
  padding: 2px 4px;
  position: absolute;
  top: 16px;
  right: 0;
}
.p-top-articles__img.-new-:after {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  position: absolute;
  top: 16px;
  right: 0;
  border-radius: 1px;
}
.p-top-articles__main {
  width: calc(100% - 139px);
}
.p-top-articles__main h3 {
  transition-duration: 300ms;
  line-height: 24px;
}
.p-top-articles__img:hover + .p-top-articles__main h3 {
  color: #56b98a;
}
.p-top-articles__writer {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  position: relative;
  z-index: 2;
}
.p-top-articles__writer img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  transition-duration: 300ms;
}
.p-top-articles__writer p {
  transition-duration: 300ms;
}
.p-top-articles__writer:hover img {
  opacity: 0.6;
}
.p-top-articles__writer:hover p {
  color: #56b98a;
}
.p-top-articles__writer:hover + h4:hover {
  color: #2a3644 !important;
}
.p-top-articles__title {
  transition-duration: 300ms;
}
.p-top-articles__title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-top-articles__title:hover {
  color: #56b98a;
}
.p-top-articles__title:hover img {
  opacity: 0.6;
}
.p-top-articles__subtexts {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.p-top-articles__tags {
  max-width: 90%;
  max-height: none;
}
.p-top-articles__tags a {
  color: inherit;
  position: relative;
  z-index: 2;
  transition-duration: 300ms;
}
.p-top-articles__tags a:hover {
  opacity: 0.6;
}
.p-top-articles__tags a + a {
  margin-left: 5px;
}
.p-top-articles__details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.p-top-articles__details .-comment- {
  color: #465362;
  display: inline-flex;
  align-items: center;
  margin-left: 16px;
  white-space: nowrap;
}
.p-top-articles__details .-comment-:before {
  content: "";
  font-family: "icomoon";
  margin-right: 6px;
}
.p-top-articles__media {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.p-top-articles__media p {
  color: #828e9c;
  white-space: nowrap;
}
.p-top-articles__media .-posted-time- {
  color: #828e9c;
  white-space: nowrap;
  margin-left: auto;
}

.p-top-think {
  padding: 0;
  border: none;
  margin-top: 4px;
  margin-bottom: 40px;
  position: relative;
}
.p-top-think .c-list-think__title {
  margin: 30px 0 24px;
  flex-direction: column;
}
.p-top-think .c-list-think__title p {
  color: #828e9c;
}
.p-top-think h3 {
  font-size: 26px;
  line-height: 36px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-top-think h3 i {
  color: inherit;
  font-size: 48px;
  margin: 0;
  margin-bottom: 10px;
}
.p-top-think__major-items .-hashtag- {
  display: flex;
  justify-content: center;
  transition-duration: 300ms;
  padding: 12px 35px;
  background: #f3f3f1;
  border-radius: 4px;
  margin-bottom: 38px;
}
.p-top-think__major-items .-hashtag- a {
  position: relative;
  font-weight: 700;
  color: #56b98a;
}
.p-top-think__major-items .-hashtag- a:before {
  color: #56b98a;
  content: "#";
  line-height: 29px;
  margin-right: 5px;
  display: inline-block;
  position: absolute;
  left: -15px;
}
.p-top-think__major-items .-hashtag-:hover {
  opacity: 0.6;
}
.p-top-think__large-contents {
  display: flex;
  margin-bottom: 32px;
}
.p-top-think__large-contents-img img {
  width: 343px;
  border-radius: 4px;
}
.p-top-think__large-contents-texts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 24px;
  max-width: calc(100% - 367px);
}
.p-top-think__large-contents-texts a {
  display: block;
  color: #465362;
  text-align: right;
  margin-bottom: 21px;
}
.p-top-think__large-contents-texts a:after {
  content: "";
  font-family: "icomoon";
}
.p-top-think__large-contents-title h4 {
  margin-top: 8px;
  margin-bottom: 16px;
}
.p-top-think__large-contents-title p {
  color: #828e9c;
}
.p-top-think__small-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.p-top-think__small-article {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  justify-content: space-between;
  width: calc((100% - 40px) / 2);
  margin-bottom: 28px;
}
.p-top-think__small-article:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.p-top-think__small-article-img img {
  width: 124px;
  border-radius: 4px;
  transition-duration: 300ms;
}
.p-top-think__small-article-img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-top-think__small-article-img:hover img {
  opacity: 0.6;
}
.p-top-think__small-article-main {
  width: calc(100% - 139px);
}
.p-top-think__small-article-main h4 {
  transition-duration: 300ms;
}
.p-top-think__small-article-img:hover + .p-top-think__small-article-main h4 {
  color: #56b98a;
}
.p-top-think__small-article-tags {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.p-top-think__small-article-tags .-article-tags- {
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  color: #56b98a;
  max-width: 85%;
}
.p-top-think__small-article-tags .-article-tags- a {
  margin: 0;
  color: inherit;
  line-height: 26px;
  transition-duration: 300ms;
}
.p-top-think__small-article-tags .-article-tags- a:hover {
  opacity: 0.6;
}
.p-top-think__small-article-tags .-article-tags- a:before {
  display: none;
}
.p-top-think__small-article-tags .-article-tags- a + a {
  margin-left: 5px;
}
.p-top-think__small-article-tags .-comment- {
  color: #465362;
  display: inline-flex;
  align-items: center;
  margin-left: 16px;
  white-space: nowrap;
}
.p-top-think__small-article-tags .-comment-:before {
  content: "";
  font-family: "icomoon";
  margin-right: 5px;
}
.p-top-think__small-article-media {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.p-top-think__small-article-media p {
  color: #828e9c;
}
.p-top-think__sub-items .-sub-items-title- {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.p-top-think__sub-items .-sub-items-title- h3 {
  display: block;
  color: #465362;
  margin: 0;
}
.p-top-think__sub-items .-sub-items-title- a {
  color: #465362;
}
.p-top-think__sub-items .-sub-items-title- a:after {
  content: "";
  font-family: "icomoon";
}
.p-top-think__sub-items ul {
  margin-bottom: 32px;
}
.p-top-think__sub-items ul li .-hashtag- {
  padding: 7px;
  background: #f3f3f1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}
.p-top-think__sub-items ul li .-hashtag- a {
  color: inherit;
}
.p-top-think__sub-items ul li .-hashtag- a:before {
  line-height: 20px;
  color: inherit;
}
.p-top-think__sub-items ul li .c-list-think__text {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.73%, #000000 100%);
}

.p-top-recommend h3 {
  margin-bottom: 4px;
  color: #465362;
}
.p-top-recommend:after {
  content: " ";
  display: block;
  clear: both;
}

.p-sitepolicy {
  margin: 0 0 40px;
}
.p-sitepolicy__top {
  margin: 0 0 32px;
}
.p-sitepolicy__top .-page-title- {
  font-weight: 700;
  margin-bottom: 24px;
}
.p-sitepolicy__contents {
  padding: 32px 0;
  border-top: 1px solid #eef0f1;
}
.p-sitepolicy__contents.-first-child- {
  border-top: 1px solid #dde1e4;
}
.p-sitepolicy__contents:last-child {
  padding: 32px 0 0;
}
.p-sitepolicy__contents .-contents-block- {
  margin: 0 0 24px;
}
.p-sitepolicy__contents .-contents-block-:last-child {
  margin: 0;
}
.p-sitepolicy__contents .-contents-block- .-contents-title- {
  margin-bottom: 2px;
}
.p-sitepolicy__contents .-contents-title- {
  margin-bottom: 14px;
}
.p-sitepolicy__contents .-contents-link- {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  position: relative;
  padding-left: 20px;
}
.p-sitepolicy__contents .-contents-link- p {
  color: #56b98a;
  transition-duration: 300ms;
}
.p-sitepolicy__contents .-contents-link-:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  color: #465362;
  font-size: 25px;
  font-weight: 800;
}
.p-sitepolicy__contents .-contents-link-:hover p {
  opacity: 0.6;
}
.p-sitepolicy__contents .-system-requirements- {
  margin: 16px 0;
}
.p-sitepolicy__contents .-system-requirements-:first-child {
  margin: 20px 0 16px;
}
.p-sitepolicy__contents .-system-requirements-:last-child {
  margin: 16px 0 0;
}
.p-sitepolicy__contents .-system-requirements- .-requirements-title- {
  margin-bottom: 5px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.p-sitepolicy__contents .-system-requirements- .-requirements-title-:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  color: #465362;
  font-size: 25px;
  font-weight: 800;
}
.p-notfound {
  margin: 0 0 100px;
}
.p-notfound__contents .-page-title- {
  margin-bottom: 24px;
}
.p-ranking__contents h1 {
  margin-bottom: 20px;
}
.p-ranking__contents .ui-widget.ui-widget-content {
  border: none;
  padding: 0;
}
.p-ranking__contents #tabs_ranking {
  display: none;
}
.p-ranking__contents .ui-tabs .ui-tabs-panel {
  background: #fcfcfc;
  padding: 0;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav {
  padding: 0;
  background: #fcfcfc;
  border: none;
  margin-top: 16px;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav li {
  margin: 0;
  width: calc(100% / 3.01);
  background: #fcfcfc;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding-bottom: 2px;
  border-bottom: 2px solid #dde1e4;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav li a {
  width: 100%;
  height: 100%;
  color: #828e9c;
  text-align: center;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav li:focus,
.p-ranking__contents .ui-tabs .ui-tabs-nav li a:focus {
  outline: none;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-bottom: 4px solid #56b98a;
  padding: 0;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #56b98a;
}
.p-ranking__contents .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.p-ranking__article ul li {
  position: relative;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.p-ranking__article ul li + li {
  border-top: 1px solid #dde1e4;
}
.p-ranking__eyecatch {
  display: flex;
  width: calc(100% - 100px);
  justify-content: space-between;
}
.p-ranking__number {
  padding: 0 38px;
}
.p-ranking__number .-rank-1-,
.p-ranking__number .-rank-2-,
.p-ranking__number .-rank-3-,
.p-ranking__number .-rank-in- {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.p-ranking__number .-rank-1-,
.p-ranking__number .-rank-2-,
.p-ranking__number .-rank-3- {
  font-size: 38px;
  font-weight: 700;
}
.p-ranking__number .-rank-1-:before,
.p-ranking__number .-rank-2-:before,
.p-ranking__number .-rank-3-:before {
  margin-bottom: 11px;
  font-size: 22px;
  content: "";
  font-family: "icomoon";
}
.p-ranking__number .-rank-1- {
  color: #e2b103;
}
.p-ranking__number .-rank-2- {
  color: #828e9c;
}
.p-ranking__number .-rank-3- {
  color: #806049;
}
.p-ranking__number .-rank-in- {
  font-size: 28px;
  color: #465362;
  font-weight: 700;
}
.p-ranking__img {
  width: 264px;
}
.p-ranking__img img {
  border-radius: 4px;
  transition-duration: 300ms;
}
.p-ranking__img a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-ranking__img:hover img {
  opacity: 0.6;
}
.p-ranking__main {
  width: calc(100% - 284px);
}
.p-ranking__title .-article-title- {
  color: #2a3644;
  margin-bottom: 6px;
  transition-duration: 300ms;
}
.p-ranking__title .-article-description- {
  color: #2a3644;
  margin-bottom: 8px;
}
.p-ranking__img:hover + .p-ranking__main .-article-title- {
  color: #56b98a;
}
.p-ranking__subtext {
  display: flex;
  align-items: center;
}
.p-ranking__subtext p {
  color: #828e9c;
}
.p-ranking__subtext .-article-tags- {
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 95%;
}
.p-ranking__subtext .-article-tags- a {
  color: inherit;
  margin: 0;
  line-height: 26px;
  transition-duration: 300ms;
}
.p-ranking__subtext .-article-tags- a:hover {
  opacity: 0.6;
}
.p-ranking__subtext .-article-tags- a:before {
  display: none;
}
.p-ranking__subtext .-article-tags- a + a {
  margin-left: 5px;
}
.p-ranking__subtext .-article-comments- {
  position: relative;
  overflow: visible;
  display: inline-flex;
  align-items: center;
  color: #465362;
  white-space: nowrap;
  margin-left: 35px;
}
.p-ranking__subtext .-article-comments-:before {
  content: "";
  font-family: "icomoon";
  display: block;
  font-size: 12px;
  color: #465362;
  position: absolute;
  left: -15px;
  top: 46%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.p-ranking__subtext .-posted-time- {
  margin-left: auto;
}

.p-keyword__common {
  margin-bottom: 40px;
}
.p-keyword__common h1 {
  margin-bottom: 20px;
}
.p-keyword__common ul {
  display: flex;
  flex-wrap: wrap;
  background: #f3f3f1;
  padding: 16px 20px 8px;
  border-radius: 4px;
}
.p-keyword__common ul li {
  margin-right: 10px;
  margin-bottom: 8px;
  padding-left: 15px;
  position: relative;
}
.p-keyword__common ul li:before {
  content: "#";
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 300ms;
}
.p-keyword__common ul li:hover:before {
  color: #56b98a;
}
.p-keyword__common ul li:hover a {
  color: #56b98a;
}
.p-keyword__common ul li a {
  transition-duration: 300ms;
}
.p-keyword__tags h2 {
  color: #465362;
  margin-bottom: 13px;
}
.p-keyword__tags ul {
  display: flex;
  flex-wrap: wrap;
}
.p-keyword__tags ul li {
  margin: 0 9px 9px 0;
}
.p-keyword__tags ul li a {
  color: #465362;
  padding: 10px;
  border: 1px solid #828e9c;
  border-radius: 4px;
  display: block;
  line-height: 16px;
}

.p-columnist-detail__writer {
  display: flex;
  justify-content: space-between;
  padding: 23px 0;
  border-top: 1px solid #dde1e4;
  cursor: default;
}
.p-columnist-detail__img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.p-columnist-detail__top {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.p-columnist-detail__top .-writer-name- {
  margin: 0 12px 0 0;
}
.p-columnist-detail__description {
  width: calc(100% - 136px);
}
.p-columnist-detail__description .-writer-links- {
  margin: 15px 0 0;
}
.p-columnist-detail__description .-writer-links- .-writer-link- {
  display: flex;
  align-items: center;
  transition-duration: 300ms;
}
.p-columnist-detail__description .-writer-links- .-writer-link-:hover {
  color: #56b98a;
}
.p-columnist-detail__description .-writer-links- .-writer-link-:after {
  content: "";
  font-family: "icomoon";
}
.p-columnist-detail__description .-writer-links- .-writer-link- + .-writer-link- {
  margin-top: 10px;
}

.p-columnist-writer h1 {
  margin-bottom: 24px;
}
.p-columnist-writer ul li {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #dde1e4;
}
.p-columnist-writer ul li:last-child {
  border-bottom: 1px solid #dde1e4;
}
.p-columnist-writer ul .c-button--pagination, .p-columnist-writer ul .p-columnist-pagination, .p-columnist-writer ul .p-news-pagination, .p-columnist-writer ul .p-ent-pagination, .p-columnist-writer ul .p-feature-pagination {
  margin: 40px 0 56px;
}
.p-columnist-writer__img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  transition-duration: 300ms;
}
.p-columnist-writer__img img:hover {
  opacity: 0.6;
}
.p-columnist-writer__main {
  width: calc(100% - 136px);
}
.p-columnist-writer__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 7px;
}
.p-columnist-writer__top a {
  color: #465362;
  white-space: nowrap;
  margin-top: 4px;
  margin-left: 25px;
  transition-duration: 300ms;
}
.p-columnist-writer__top a:after {
  content: "";
  font-family: "icomoon";
  margin-left: 4px;
}
.p-columnist-writer__top a:hover {
  color: #56b98a;
}
.p-columnist-writer__name {
  display: flex;
  align-items: flex-start;
}
.p-columnist-writer__name .-writer-name- a {
  color: #2a3644;
  position: relative;
  white-space: normal;
  margin-top: 0;
  margin-left: 0;
  transition-duration: 300ms;
}
.p-columnist-writer__name .-writer-name- a:after {
  display: none;
}
.p-columnist-writer__name .-writer-name- a:hover {
  color: #56b98a;
}
.p-columnist-writer__name.-new-:after {
  content: "NEW";
  background: #d1495b;
  color: #ffffff;
  font-weight: 400;
  padding: 4px 6px;
  margin-top: 6px;
  margin-left: 16px;
  border-radius: 1px;
}
.p-columnist-writer__description {
  margin-bottom: 16px;
}
.p-columnist-writer__article {
  border: 1px solid #dde1e4;
  border-radius: 4px;
  padding: 14px 17px;
  position: relative;
}
.p-columnist-writer__article a {
  display: block;
}
.p-columnist-writer__article a .-article-title- {
  margin-bottom: 6px;
  transition-duration: 300ms;
}
.p-columnist-writer__article a:hover .-article-title- {
  color: #56b98a;
}
.p-columnist-writer__article a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-columnist-writer__tags {
  display: flex;
  margin-bottom: 6px;
}
.p-columnist-writer__tags .-article-tags- {
  max-width: 90%;
  position: relative;
  text-overflow: ellipsis;
  word-break: normal;
  white-space: nowrap;
  flex-flow: wrap;
  height: 17px;
  overflow: hidden;
  margin-right: 18px;
}
.p-columnist-writer__tags .-article-tags- a {
  color: inherit;
  display: inline;
  position: relative;
  transition-duration: 300ms;
}
.p-columnist-writer__tags .-article-tags- a:hover {
  opacity: 0.6;
}
.p-columnist-writer__tags .-comment- {
  color: #465362;
  display: flex;
  align-items: center;
}
.p-columnist-writer__tags .-comment-:before {
  content: "";
  font-family: "icomoon";
  margin-right: 3px;
}
.p-columnist-writer__posted {
  display: flex;
  justify-content: space-between;
}
.p-columnist-writer__posted p {
  color: #828e9c;
}
.p-columnist-writer__posted .-posted-time- {
  margin-left: auto;
}

.p-columnist-pagination {
  margin: 40px 0 56px;
}

/*===============================

OTHER

=================================*/
/*===============================

STYLEGUIDE

=================================*/
.sg-color {
  padding: 10px;
}
.sg-color--primary {
  background: #56b98a;
}
.sg-color--secondary {
  background: #eef8f3;
}
.sg-color--support-red {
  background: #d1495b;
}
.sg-color--support-sky {
  background: #3da7b6;
}
.sg-color--support-orange {
  background: #eca400;
}
.sg-color--support-smoky {
  background: #568bbd;
}
.sg-color--base-black {
  background: #2a3644;
}
.sg-color--base-gray1 {
  background: #465362;
}
.sg-color--base-gray2 {
  background: #828e9c;
}
.sg-color--base-gray3 {
  background: #c9cfd6;
}
.sg-color--base-gray4 {
  background: #dde1e4;
}
.sg-color--base-gray5 {
  background: #eef0f1;
}
.sg-color--base-white1 {
  background: #f3f3f1;
}
.sg-color--base-white2 {
  background: #fcfcfc;
}
.sg-color--base-white3 {
  background: #ffffff;
}
.sg-color--attention {
  background: #ff0000;
}