.inputclear_shown { background-repeat: no-repeat; background-size: 1em; background-position: right 0.1em top 0.2em; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjgiICAgaGVpZ2h0PSI4IiAgIHZpZXdCb3g9IjAgMCA4IDgiICAgaWQ9InN2ZzIiICAgdmVyc2lvbj0iMS4xIiAgIGlua3NjYXBlOnZlcnNpb249IjAuNDguNSByMTAwNDAiICAgc29kaXBvZGk6ZG9jbmFtZT0ieF90cmFuczUwLnN2ZyI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEwIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzOCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTExOCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjY4NSIgICAgIGlkPSJuYW1lZHZpZXc2IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaW5rc2NhcGU6em9vbT0iMjkuNSIgICAgIGlua3NjYXBlOmN4PSI0IiAgICAgaW5rc2NhcGU6Y3k9IjQiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNzMwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjM0OSIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPiAgPHBhdGggICAgIGQ9Ik0xLjQxIDBsLTEuNDEgMS40MS43Mi43MiAxLjc4IDEuODEtMS43OCAxLjc4LS43Mi42OSAxLjQxIDEuNDQuNzItLjcyIDEuODEtMS44MSAxLjc4IDEuODEuNjkuNzIgMS40NC0xLjQ0LS43Mi0uNjktMS44MS0xLjc4IDEuODEtMS44MS43Mi0uNzItMS40NC0xLjQxLS42OS43Mi0xLjc4IDEuNzgtMS44MS0xLjc4LS43Mi0uNzJ6IiAgICAgaWQ9InBhdGg0IiAgICAgc3R5bGU9ImZpbGw6IzgwODA4MDtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4="); padding-right: 1.4em !important; }
.oninputclear { cursor: pointer; }

*, ::after, ::before { box-sizing: border-box; word-break: break-word; hyphens: auto; }
html { }
body { text-size-adjust: 100%; }
table { border-collapse: collapse; border-spacing: 0px; }
a:focus { outline: none; }
style, script { display: none !important; }
body { line-height: 150%; text-size-adjust: 100%; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { line-height: 120%; }
h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3, h4, h5, h6 { font-size: 110%; }
iframe, img, video { max-width: 100%; }
pre { line-height: 110%; font-family: monospace; }
a { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
* { border-style: none; border-width: 1px; }
hr { border-top-style: solid; height: 0px; }
select, input, textarea { border-style: solid; }
input, textarea { appearance: none; box-shadow: none; padding: 0.25em; }
input[type="checkbox"] { border-style: none; appearance: checkbox; }
input[type="radio"] { border-style: none; appearance: radio; }
input:focus, textarea:focus, select:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus, a.btn:focus { outline: none; }
input, button, select, textarea { font-size: inherit; font-family: inherit; }
.clearfix { min-height: 1px; }
.clearfix::after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
@media (min-width: 768px) {
  .for-mobile { display: none !important; }
}
@media (max-width: 767px) {
  .for-desktop { display: none !important; }
}
.pre-wrap { white-space: pre-wrap; }
a.focus-toggle[tabindex] ~ .focus-toggle-target { display: none !important; }
a.focus-toggle[tabindex]:focus ~ .focus-toggle-target { display: block !important; }
input[type="checkbox"].css-toggle { display: none !important; }
input[type="checkbox"].css-toggle ~ .css-toggle-target { display: none; }
input[type="checkbox"].css-toggle:checked ~ .css-toggle-target { display: block; }
form ul.errorlist { list-style: none; margin: 0.5em 0px; padding: 0px; }
form ul.errorlist > li { margin: 0px; padding: 0px; color: red; }
ul.menu { list-style: none; margin: 0px; padding: 0px; }
ul.menu > li { padding: 0px; margin: 0px; }
ul.menu > li > a { display: block; text-decoration: none; }
ul.menu > li > a:hover { text-decoration: none; }
ul.menu > li > a, ul.menu > li > a:visited { color: inherit; }
ul.menu.horizontal { display: block; min-height: 1px; }
ul.menu.horizontal > li { display: block; float: left; vertical-align: middle; }
ul.menu.horizontal > li + li { margin-left: -1px; }
ul.menu.horizontal > li > a { display: block; float: left; padding: 2px 4px 0px; }
ul.menu.horizontal::after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
ul.menu.horizontal > li { border-bottom: 2px solid transparent; }
ul.menu.vertical { display: block; }
ul.menu.vertical > li { display: block; }
ul.menu.vertical > li > a { display: block; }
ul.menu.vertical > li > a { padding: 2px 4px; }
ul.menu.vertical > li { border-right: 2px solid transparent; }
ul.menu.vertical > li.active, ul.vertical > li:hover { color: black; }
html { font-family: "Noto Sans Arabic", sans-serif; }
body { font-size: 16px; line-height: 24px; padding: 0px; margin: 0px; }
a, a:visited { color: rgb(22, 141, 217); }
img { max-width: 100%; vertical-align: bottom; }
.img-wrap > img { display: block; }
a.edit_link, a.edit_link:visited { color: red; font-weight: bold; }
a.edit_link::before { font-family: FontAwesome; content: ""; }
html { max-width: 100vw; overflow: hidden scroll; }
.image-bg:not(.prevent-bg-text-style), .image-bg:not(.prevent-bg-text-style) a:not(.prevent-bg-text-style), .image-bg:not(.prevent-bg-text-style) :not(.prevent-bg-text-style), .image-bg:not(.prevent-bg-text-style) h1:not(.prevent-bg-text-style), .image-bg:not(.prevent-bg-text-style) h2:not(.prevent-bg-text-style), .image-bg:not(.prevent-bg-text-style) h3:not(.prevent-bg-text-style), .image-bg:not(.prevent-bg-text-style) h4:not(.prevent-bg-text-style) { color: white; text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgba(0, 0, 0, 0.3) 0px 0px 20px; }
.image-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; }
.image-bg > * { position: relative; }
.image-bg > .image-bg-blur { position: absolute; z-index: 0; inset: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.image-bg > .image-bg-blur > img { opacity: 0; width: 100%; height: auto; }
@media (min-width: 767px) {
  .flex-container { display: flex; -webkit-box-orient: horizontal; flex-flow: row; -webkit-box-pack: justify; place-content: stretch space-between; -webkit-box-align: stretch; align-items: stretch; }
  .inline-flex { display: inline-flex; }
  .flex-container.vertical { -webkit-box-orient: vertical; flex-direction: column; }
  .flex-container.horizontal { -webkit-box-orient: horizontal; flex-direction: row; }
  .flex-container.wrap { flex-wrap: wrap; }
  .flex-container.justify-content-flex-start { -webkit-box-pack: start; justify-content: flex-start; }
  .flex-container.justify-content-center { -webkit-box-pack: center; justify-content: center; }
  .flex-container.justify-content-flex-end { -webkit-box-pack: end; justify-content: flex-end; }
  .flex-container.align-items-center { -webkit-box-align: center; align-items: center; }
  .flex-item { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 0px; min-height: 0px; }
  .flex-item.growable { -webkit-box-flex: 1; flex-grow: 1; }
  .flex-item.shrinkable { flex-shrink: 1; }
  .flex-item.flexible { -webkit-box-flex: 1; flex: 1 1 auto; }
  .flex-order-1 { -webkit-box-ordinal-group: 1; order: 1; }
  .flex-order-2 { -webkit-box-ordinal-group: 2; order: 2; }
  .flex-order-3 { -webkit-box-ordinal-group: 3; order: 3; }
  .flex-order-4 { -webkit-box-ordinal-group: 4; order: 4; }
  .flex-order-5 { -webkit-box-ordinal-group: 5; order: 5; }
  .flex-item.flex-center { align-self: center; }
}
@media (max-width: 767px) {
  .flex-container.flex-mobile { display: flex; -webkit-box-orient: horizontal; flex-flow: row; -webkit-box-pack: justify; place-content: stretch space-between; -webkit-box-align: stretch; align-items: stretch; }
  .flex-container.flex-mobile.vertical { -webkit-box-orient: vertical; flex-direction: column; }
  .flex-container.flex-mobile.horizontal { -webkit-box-orient: horizontal; flex-direction: row; }
  .flex-container.flex-mobile.wrap { flex-wrap: wrap; }
  .flex-container.for-mobile.justify-content-flex-start { -webkit-box-pack: start; justify-content: flex-start; }
  .flex-container.for-mobile.justify-content-center { -webkit-box-pack: center; justify-content: center; }
  .flex-container.for-mobile.justify-content-flex-end { -webkit-box-pack: end; justify-content: flex-end; }
  .flex-container.for-mobile.align-items-center { -webkit-box-align: center; align-items: center; }
  .flex-mobile > .flex-item { -webkit-box-flex: 0; flex: 0 0 auto; min-width: 0px; }
  .flex-mobile > .flex-item.growable { -webkit-box-flex: 1; flex-grow: 1; }
  .flex-mobile > .flex-item.shrinkable { flex-shrink: 1; }
  .flex-mobile > .flex-item.flexible { -webkit-box-flex: 1; flex: 1 1 auto; }
  .flex-mobile > .flex-order-1 { -webkit-box-ordinal-group: 1; order: 1; }
  .flex-mobile > .flex-order-2 { -webkit-box-ordinal-group: 2; order: 2; }
  .flex-mobile > .flex-order-3 { -webkit-box-ordinal-group: 3; order: 3; }
  .flex-mobile > .flex-order-4 { -webkit-box-ordinal-group: 4; order: 4; }
  .flex-mobile > .flex-order-5 { -webkit-box-ordinal-group: 5; order: 5; }
  .flex-mobile > .flex-item.flex-center { align-self: center; }
}
.centeringchild-v, .centeringchild-h, .centeringchild { display: flex; -webkit-box-orient: horizontal; flex-flow: row; place-content: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; }
.centeringchild-v.inline, .centeringchild-h.inline, .centeringchild.inline { display: inline-flex; }
.centeringchild-v > *, .centeringchild-h > *, .centeringchild > * { -webkit-box-flex: 0; flex: 0 0 auto; }
.centeringchild-v { -webkit-box-pack: start; justify-content: flex-start; }
.centeringchild-h { align-items: flex-start; }
.fillchild { display: flex; -webkit-box-orient: horizontal; flex-flow: row; place-content: stretch space-between; -webkit-box-pack: justify; -webkit-box-align: stretch; align-items: stretch; }
.fillchild > * { -webkit-box-flex: 1; flex: 1 1 auto; }
body { font-family: "Noto Sans Arabic", sans-serif; line-height: 1.6; color: rgb(102, 102, 102); }
h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
a, a:visited { color: inherit; }
h1, h2, h3, h4, h5, h6 { color: black; }
@media (min-width: 1143px) {
  body { font-size: 16px; }
  html.font-big body { font-size: 20px; }
}
@media (min-width: 768px) and (max-width: 1143px) {
  body { font-size: 1.61616vw; }
  html.font-big body { font-size: 2.0202vw; }
}
@media (max-width: 767px) {
  body { font-size: 4.375vw; }
  html.font-big body { font-size: 5.46875vw; }
}
@media (max-width: 767px) and (orientation: landscape) {
  body { font-size: 2.46913vw; }
  html.font-big body { font-size: 3.08642vw; }
}
#cover { position: relative; }
#cover-images { position: relative; overflow: hidden; height: 80vw; z-index: 0; }
#cover-images > img { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; display: block; max-width: none; transform: translate(-50%, -50%); }
#cover-images::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: black; opacity: 0.5; z-index: 1; }
@media (min-height: 320px) {
  #cover-images { height: 250px; }
}
@media (min-height: 480px) {
  #cover-images { height: 320px; }
}
@media (min-height: 768px) {
  #cover-images { height: 600px; }
}
@media (min-height: 1024px) {
  #cover-images { height: 800px; }
}
@media (min-height: 1080px) {
}
#cover-picker { position: absolute; bottom: 0px; z-index: 2; color: white; left: 0px; width: 100%; }
#cover-picker-container { padding: 15px; }
#main, #header { position: relative; }
#main { overflow: hidden; height: auto !important; }
li.divider { border-top: 1px solid rgb(238, 238, 238); }
#left-menu li > a { padding: 0.5em 1em; display: block; }
#left-menu li:not(.divider) + li > a { padding-top: 0.25em; margin-top: -0.25em; }
#left-menu-container { max-height: calc(-68px + 100vh); overflow-y: auto; }
#cover-menu > ul { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
#cover-menu li > a { padding: 10px 15px 8px; margin-bottom: -4px; }
#cover-menu li.active > a, #cover-menu li:hover > a { border-bottom: 4px solid rgba(0, 0, 0, 0.8); padding-bottom: 4px; }
.max-narrow, .max-narrow-padding { max-width: 720px; margin-left: auto; margin-right: auto; overflow: hidden; }
@media (max-width: 970px) {
  .max-narrow-padding { padding-left: 15px; padding-right: 15px; }
}
@media (min-width: 971px) {
  .max-narrow-padding { padding-left: 0px; padding-right: 0px; }
}
#main-tab { }
#main-tab { letter-spacing: 1em; }
#main-tab > * { letter-spacing: normal; }
#main-tab > a { white-space: nowrap; color: inherit; }
#main-tab > a + a { }
#main-tab a { }
#main-tab a.active { border-bottom-color: black; font-weight: bold; }
@media (max-width: 1063px) {
  #bookmarks-heading > .container, .wfcontent-container { padding-left: 15px; padding-right: 15px; }
}
.widgets { width: 314px; padding: 40px; font-size: 87.5%; }
@media (max-width: 767px) {
  .widgets { font-size: 85.714%; }
}
@media (min-width: 768px) {
  .inserted-spiral .spiral-contents-container, #main-contents-container { position: relative; padding-right: 314px; }
  #main-contents-container { min-height: 100vh; }
  .widgets { position: absolute; top: 0px; right: 0px; bottom: 0px; overflow: visible; }
}
.widgets.flex-item { -webkit-box-ordinal-group: 1; order: 1; }
.widget { padding-bottom: 10px; }
.widget + .widget { margin-top: 40px; }
.widget h3 { margin-top: 0px; margin-bottom: 20px; text-align: left; color: rgb(136, 136, 136); }
.widget ul { list-style: none; margin: 0px; padding: 0px; }
.widget ul li { margin: 0px; padding: 0px; }
.widget-link-content { overflow: hidden; }
.widget-link-content .content-title { position: relative; height: 2.8em; overflow: hidden; }
.widget-link-tag { font-weight: bold; line-height: 2em; }
.widget-link-tag + ul { padding-left: 1em; }
.widget-content { width: 100%; }
.widget-content + .widget-content { margin-top: 20px; }
.widget-content-leading { width: 28%; padding-right: 8px; }
.widget-content-text { width: 72%; }
.widget-content-leading .img-wrap { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.widget-content-leading .img-wrap::before { content: ""; display: block; padding-top: 100%; }
.widget-content-leading .img-wrap img { position: absolute; }
.widget-content-title { font-size: 92.857%; line-height: 1.3; overflow: hidden; max-height: 2.5em; text-overflow: ellipsis; display: -webkit-box; }
.widget-content-subtitle-above, .widget-content-subtitle-below { font-size: 64.286%; line-height: 1.3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; opacity: 0.5; }
.widget-content.no-author-info .widget-content-title { max-height: 3.8em; }
@supports (-webkit-line-clamp:2) {
  .widget-content-title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .widget-content.no-author-info .widget-content-title { -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
.widget-content-author { font-size: 85.714%; line-height: 1.3; opacity: 0.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget-content-link:hover { text-decoration: none; }
.widget-content-text { display: flex; }
.widget-content-text > a { display: flex; flex-direction: column; width: 100%; }
.widget-content-text > a > :last-child:not(:first-child) { margin-top: auto; }
ul.widget-tags-list { display: block; line-height: 1; }
ul.widget-tags-list > li { display: inline-block; white-space: nowrap; margin-right: 1em; margin-bottom: 0.5em; }
ul.widget-tags-list > li .fa { opacity: 0.5; margin-right: 0.25em; }
body:not(.custom-sidebar-separate) .widgets, body.custom-sidebar-separate .widgets > *, #newsfeed .widget { color: inherit; background: rgb(248, 248, 248); }
@media (max-width: 767px) {
  .widgets { width: auto; padding: 20px 15px; }
  .widget { margin-top: 30px; margin-bottom: 30px; }
  .widget:first-child { margin-top: 0px; }
  .widget:last-child { margin-top: 0px; }
  .widget ul > .widget-content:nth-child(n+5) { display: none; }
  .widget-content-leading { width: 25%; }
  .widget-content-text { width: 75%; }
  .widget-content + .widget-content { margin-top: 10px; }
}
.content-tags { letter-spacing: 0.5em; }
.content-tag { letter-spacing: normal; white-space: nowrap; }
@media (max-width: 767px) {
  .content-tag { white-space: normal; }
}
.content-tag .fa { margin-right: 0.2em; opacity: 0.8; }
#footer { position: relative; z-index: 2; }
#footer-system { font-size: 80%; text-align: center; padding: 1em; }
.banners { position: relative; }
.banners > a, .banners > a > img { display: block; padding: 0px; width: 100%; }
.banners > a + a { margin-top: 8px; }
.banners > a:hover { text-decoration: none; }
.banners-2col { position: relative; }
.banners-2col > a > img { display: block; width: 100%; margin: 0px; padding: 0px; }
.banners-2col > a { margin: 0px; padding: 0px; position: relative; width: calc(50% - 2px); display: inline-block; vertical-align: top; }
.banners-2col > a:hover { text-decoration: none; }
.banners-2col > a:nth-child(2n+1) { margin-right: 4px; }
.banners-2col > a:nth-child(n+3) { margin-top: 4px; }
.adino-banner { margin-top: 1em; margin-bottom: 1em; position: relative; display: block; }
.adino-banner > a { position: relative; display: block; cursor: pointer; margin: 0px auto; padding: 0px; border: none; text-decoration: none; max-width: 480px; }
.adino-banner > a > img { border: none; display: block; max-width: 100%; width: auto; height: auto; }
.adino-banner figure { margin: 0px; padding: 0px; }
.content-sitecard { position: relative; display: block; margin-top: 1em; margin-bottom: 1em; text-align: left; }
.content-sitecard > a { display: block; position: relative; }
.content-sitecard-leading { display: block; opacity: 0.8; font-size: 80%; }
.content-sitecard-card { position: relative; display: block; overflow: hidden; border: 1px solid rgb(204, 204, 204); background: white; text-decoration: none; }
.content-sitecard-img { position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 120px; height: 80px; }
.content-sitecard-img > img { opacity: 0.001; display: block; position: absolute; left: 0px; top: 0px; width: 100%; }
.content-sitecard-img + .content-sitecard-info { position: absolute; inset: 0px 0px 0px 120px; }
.content-sitecard-info { padding: 0.5em 1em; overflow: hidden; max-height: 80px; }
.content-sitecard-info { }
.content-sitecard-title { font-weight: bold; }
.content-sitecard-description { font-size: 75%; }
.content-sitecard.no-img > a { padding: 0.5em 1em; }
.content-sitecard.no-img .content-sitecard-info { padding: 0px; }
.content-sitecard-info::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1em; background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%); }
.fa-nativead-sponsored { background-size: contain; height: 16px; width: 28px; margin-bottom: -3px; }
.fa-nativead-sponsored-gray { background-image: url('../img/adba8f54f71.png'); }
.fa-nativead-sponsored-black { background-image: url('../img/a32e88885e7.png'); }
.fa-nativead-sponsored-white { background-image: url('../img/a4bf049ba6e.png'); }
.is-nativead .content-title { }
#footer-system .terms_urls > ul { list-style: none; padding: 0px; margin: 0px; }
#footer-system .terms_urls > ul > li { padding: 0px; margin: 0px; display: inline; }
#footer-system .terms_urls > ul > li > a { display: inline; }
#footer-system .terms_urls > ul > li:not(:first-child) { margin-left: 0.5em; }
#footer-system .terms_urls > ul > li:not(:first-child)::before { content: "|"; margin-right: 0.5em; }
.breadcrumbs { padding: 0.125em 0px 0.1em; overflow-x: auto; }
.breadcrumbs > ol { display: flex; align-items: center; list-style: none; padding: 0px; margin: 0px; font-size: 80%; }
li.breadcrumb { display: flex; align-items: center; }
li.breadcrumb + .breadcrumb::before { font-family: FontAwesome; content: ""; margin-left: 0.25em; margin-right: 0.25em; }
li.breadcrumb > a { cursor: pointer; }
li.breadcrumb > a > span { display: inline-block; padding: 0.25em 0.5em; max-width: 15em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
#acs-code { position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; opacity: 0; visibility: hidden; overflow: hidden; }
body:not(.ptluser-logined) .for-ptluser, body.ptluser-logined .for-anonymous { display: none !important; }
#header, .spiral-header { }
#header-container, .spiral-header-container { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 200; }
#header-container, .spiral-header-container { height: 64px; }
#main { padding-top: 75px; }
#header-container, .spiral-header-container { margin-top: 0px; transform: translateY(0px); transition: transform 0.2s, margin-top 0.2s; }
#header.slide-up #header-container { margin: 0px; transform: translateY(-100%); }
#header-container > *, .spiral-header > * { position: relative; z-index: 2; }
.spiral-header-bgs, #header-bgs { position: absolute; inset: 0px 0px -2px; overflow: hidden; }
.spiral-headier-bgs::after, #header-bgs::after { content: ""; display: block; position: absolute; width: 100%; bottom: 0px; border-bottom: 2px solid rgb(248, 248, 248); }
.menu-overflowed > .container { background: white; }
.spiral-header-bg, #header-bg { height: 64px; background: white; }
#header-menu-bg { height: 42px; background: white; }
#header-menu { background: none; }
#header:not(.initialized) { background: white; }
@media (max-width: 767px) {
  #header:not(.initialized) #header-menu { background: white; }
}
.spiral-header-title, #header-title { max-width: 240px; margin: 0px; }
.spiral-header-title > a > img, #header-title > a > img { display: block; }
.spiral-header-title > a > .header-title-text, #header-title > a > .header-title-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px; line-height: 1em; }
#header-right > a { padding-top: 10px; padding-bottom: 10px; }
@media (min-width: 768px) {
  #header-menu > * { height: 64px; }
}
.spiral-header-defaults, .spiral-header-bgs > *, #header-bgs > * { position: relative; }
@media (max-width: 767px) {
  #main { padding-top: 101px; }
  .spiral-header-container, #header-container { font-size: 14px; height: auto; }
  #header.slide-up #header-container { }
  #header-menu { font-size: 90%; }
  #header-menu { -webkit-box-ordinal-group: 3; order: 3; width: 100%; padding-left: 15px; padding-right: 15px; }
  #header-defaults { flex-wrap: wrap; }
  #header-menu::after { content: ""; display: block; margin-bottom: -100%; }
  #header-menu > * { display: inline-block; }
  #header-menu { white-space: nowrap; }
  #header-menu > .menu-more { padding-left: 10px; padding-right: 10px; line-height: 1; }
  #header-right { -webkit-box-ordinal-group: 2; order: 2; }
}
.spiral-header a:hover, #header a:hover { text-decoration: none; }
.spiral-header-title a, .spiral-header-menu a, .spiral-header-right a { color: inherit; }
#header-title a, #header-menu a, #header-right a { color: inherit; }
#header-left { padding: 10px 20px 10px 10px; }
#header-right { padding-left: 20px; padding-right: 10px; }
#header-right > a { padding-left: 10px; padding-right: 10px; }
@media (max-width: 767px) {
  #header-right > a { padding-left: 7px; padding-right: 7px; }
}
@media (max-width: 767px) {
  #header-right { width: 75px; white-space: normal; padding: 0px 7px; }
  #header-right > a { padding: 2px 4px; text-align: center; width: 50%; }
  #header-right > a#search-icon { -webkit-box-ordinal-group: 4; order: 4; }
  #header-right > a#menu-icon { -webkit-box-ordinal-group: 2; order: 2; }
  #header-right > a#signup-icon { -webkit-box-ordinal-group: 1; order: 1; }
  #header-right > a#user-notifies-toggle { -webkit-box-ordinal-group: 3; order: 3; }
}
#header-menu { justify-content: initial; }
#header-menu { font-size: 75%; }
@media (max-width: 767px) {
  #header-menu { font-size: 90%; }
}
#header-menu > a { padding: 0.6em; }
@media (max-width: 767px) {
  #header-menu > * { padding-top: 12px; padding-bottom: 10px; }
}
#header-menu > a { position: relative; }
#header-menu > a:active::after, #header-menu > a:hover::after, #header-menu > a.active::after { content: ""; display: block; position: absolute; top: 100%; left: 0px; right: 0px; border-bottom: 2px solid black; }
#header:not(.initialized) #header-menu { overflow: hidden; }
#header-menu > .active { font-weight: bold; }
@media (min-width: 768px) {
  #header-menu > * { display: flex; -webkit-box-orient: horizontal; flex-flow: row; place-content: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-box-flex: 0; flex: 0 0 auto; }
  #header-menu > * > * { -webkit-box-flex: 0; flex: 0 0 auto; }
}
.menu-more { position: relative; }
.menu-overflowed > .container { display: block; position: absolute; top: 100%; right: 0px; margin-top: -5px; max-height: 80vh; overflow-y: auto; background: white; border: 1px solid rgb(221, 221, 221); white-space: nowrap; }
.menu-overflowed > .container > * { display: block; padding: 0.5em 1em; }
#left-menu { }
#left-menu-container { position: fixed; top: 0px; right: 0px; width: 320px; overflow-y: auto; background: white; z-index: 1000; border: 1px solid rgb(238, 238, 238); }
#left-menu-container { visibility: hidden; transform: translateY(-100%); transition: transform 0.2s, visibility linear 0.2s; }
#left-menu.opened #left-menu-container { visibility: visible; transform: translateY(68px); transition: transform 0.2s, visibility linear; }
#left-menu-container li.menu-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#left-menu-container li.menu-item > a { opacity: 0.75; }
#left-menu-container li.menu-item.active > a, #left-menu-container li.menu-item:hover > a { opacity: 1; }
.sns-shares-simple { margin-top: 20px; }
.content-body > .sns-shares-simple:first-child { margin-top: 0px; margin-bottom: 15px; }
@media (min-width: 768px) {
  #main > .sns-shares-simple { padding-left: 0px; padding-right: 0px; }
}
.sns-shares-simple { position: relative; display: block; z-index: 10; }
.sns-shares-simple-buttons > a { display: inline-block; text-decoration: none; text-align: center; overflow: hidden; opacity: 0.75; padding: 8px 5px; color: white !important; }
html:not(.ua-ios) .sns-shares-simple-buttons > a, html:not(.ua-android) .sns-shares-simple-buttons > a { transition: opacity 0.1s linear; }
.sns-shares-simple-buttons > a:hover { opacity: 1; }
.sns-shares-facebook-simple { background-color: rgb(38, 90, 150); }
.sns-shares-twitter-simple { background-color: rgb(0, 172, 236); }
.sns-shares-google-simple { background-color: rgb(221, 75, 57); }
.sns-shares-line-simple { background-color: rgb(0, 195, 0); }
.sns-shares-hatebu-simple { background-color: rgb(44, 110, 189); }
.sns-shares-simple-buttons { letter-spacing: 0px; }
.sns-shares-simple-buttons > * { letter-spacing: normal; vertical-align: middle; }
.sns-shares-simple-buttons > a { font-size: 180%; line-height: 1; }
.sns-shares-simple-buttons > a > * { display: inline-block; vertical-align: baseline; }
@media (max-width: 767px) {
  .sns-shares-simple-buttons > a > span { font-size: 80%; }
}
.sns-shares-simple-buttons > a { width: calc(50% - 3px); position: relative; margin: 0px; }
.sns-shares-simple-buttons > a:nth-child(2n) { margin-left: 6px; }
.sns-shares-simple-buttons > a:nth-child(n+3) { margin-top: 6px; }
.sns-shares-simple-buttons > a > .fa { position: relative; top: 0.08em; margin-right: 0.3em; margin-left: -0.3em; }
.sns-shares-simple-buttons > a > span { }
.sns-shares-simple-buttons > a > span > span:first-child { font-size: 1rem; display: inline-block; vertical-align: middle; }
.sns-shares-simple-buttons > a > span > span:empty { display: none; }
.sns-shares-simple-buttons > a > span > span + span { margin-left: 0.5em; font-family: "Noto Serif JP", serif; }
@media (max-width: 767px) {
  .sns-shares-simple-buttons > a.has-count > span > span:first-child { display: none; }
}
.fa-x::before { content: ""; background-image: url('../img/a60d34afa84.svg'); width: 1em; height: 0.85em; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 50% 100%; }
.sns-shares-x-simple { background: black; }
.sns-shares-x-simple .fa-twitter + span > span:first-child { display: none; }
.sns-shares-x-buttons > a > .fa-x { margin-right: 0px; margin-left: 0px; }
#nativeadinfo > .nativeadinfo-container, #signup > .signup-container { position: fixed; top: 0px; right: 0px; padding: 15px; background: white; border: 1px solid rgb(221, 221, 221); z-index: 32767; text-align: center; }
.signup input[type="text"], .signup input[type="submit"] { display: block; width: 100%; padding: 5px; font-size: inherit; }
.signup input[type="submit"] { margin-top: 5px; }
#signup > .signup-container { width: 320px; }
.radio-signup-content p { text-align: left; }
.signup-notify, .signup .alert { font-size: 80%; }
.signup-notify a, .signup-notify a:visited { }
#nativeadinfo > .nativeadinfo-container, #signup > .signup-container { transform: translateY(-100%); transition: transform 0.2s; }
#nativeadinfo.opened > .nativeadinfo-container, #signup.opened > .signup-container { transform: translateY(68px); }
.signup form .error_msg { font-size: 80%; font-weight: bold; text-align: left; color: rgb(255, 136, 136); }
@media (max-width: 767px) and (orientation: portrait) {
  .signup-container, #left-menu-container { width: 100%; }
}
a.signup-button { display: block; width: 90%; margin-left: auto; margin-right: auto; padding: 0.5em 1em; background: rgb(136, 136, 136); color: white; white-space: nowrap; overflow: hidden; text-decoration: none; opacity: 0.8; }
a.signup-button:hover, a.signup-button:active { text-decoration: none; opacity: 1; }
a.signup-button + a.signup-button { margin-top: 0.5em; }
.signup-description { font-size: 80%; }
.signup-content-vertical { text-align: left; }
.signup-content-vertical > * { display: block; padding: 7px 0px; opacity: 0.75; }
.signup-content-vertical > :active, .signup-content-vertical > :hover { text-decoration: none; opacity: 1; }
@media (max-width: 767px) {
  .signup.opened > .signup-container { transform: translateY(50px); }
  #left-menu.opened #left-menu-container { transform: translateY(50px); }
}
#signuped-user { height: 36px; width: 36px; border-radius: 18px; background-color: rgb(204, 204, 204); color: white; font-size: 24px; line-height: 1.2; text-transform: capitalize; position: relative; overflow: hidden; background-size: cover; background-position: center center; vertical-align: middle; display: flex; align-items: center; justify-content: center; }
@media (max-width: 767px) {
  #signuped-user { height: 24px; width: 24px; border-radius: 12px; font-size: 16px; }
}
#signuped-user > img { opacity: 0; width: 100%; height: 100%; vertical-align: top; }
.content-bookmark-label::before { content: "Bookmark"; margin-left: 0.25em; }
.content-bookmarked .content-bookmark-label::before { content: "Bookmarked"; }
.content-bookmarked .fa-bookmark-o::before { content: ""; }
.content-bookmarked-count { margin-left: 0.25em; }
.content-bookmarked-count:empty { display: none; }
.content-bookmarked-count:not(:empty)::before { content: "("; }
.content-bookmarked-count:not(:empty)::after { content: ")"; }
.widget.widget-bookmarks:empty { display: none; }
.carousel-container > .wfcontent.image-bg .content-info { display: none; }
.carousel-container > .wfcontent.image-bg .wfcontent-container { max-width: 100%; margin: 0px; }
.carousel-container > .wfcontent.image-bg .content-title { position: absolute; inset: auto 0px 0px; margin: 0px; padding: 0.5em 0.75em; font-size: 1rem; font-weight: normal; }
.carousel-container > .wfcontent.image-bg::before { content: ""; display: block; height: 0px; padding-top: 56.25%; }
img[src$="?lz=small"][data-src-lazy]:not([width]), img[src$="?lz=small"][data-lazy-loading]:not([width]) { width: 160px; }
img[src$="?lz=normal"][data-src-lazy]:not([width]), img[src$="?lz=normal"][data-lazy-loading]:not([width]) { width: 320px; }
img[src$="?lz=large"][data-src-lazy]:not([width]), img[src$="?lz=large"][data-lazy-loading]:not([width]) { width: 640px; }
img[src$="?lz=xlarge"][data-src-lazy]:not([width]), img[src$="?lz=xlarge"][data-lazy-loading]:not([width]) { width: 1280px; }
img[src$=".jpg#lz:small"]:not([width]), img[data-src-lazy$="_small.jpg"]:not([width]), img[data-lazy-loading$=".jpg#lz:small"]:not([width]) { width: 160px; }
img[src$=".jpg#lz:normal"]:not([width]), img[data-src-lazy$="_normal.jpg"]:not([width]), img[data-lazy-loading$=".jpg#lz:normal"]:not([width]) { width: 320px; }
img[src$=".jpg#lz:large"]:not([width]), img[data-src-lazy$="_large.jpg"]:not([width]), img[data-lazy-loading$=".jpg#lz:large"]:not([width]) { width: 640px; }
img[src$=".jpg#lz:xlarge"]:not([width]), img[data-src-lazy$="_xlarge.jpg"]:not([width]), img[data-lazy-loading$=".jpg#lz:xlarge"]:not([width]) { width: 1280px; }
img[src$="?lz=orig"][data-src-lazy]:not([width]), img[src$="?lz=orig"][data-lazy-loading]:not([width]) { width: 33.3333%; opacity: 0; }
img[src$="#lz:orig"][data-src-lazy]:not([width]), img[data-lazy-loading$="#lz:orig"]:not([width]) { width: 33.3333%; opacity: 0; }
img[data-src-lazy][src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9Imxkcy1yb2xsaW5nIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmOGY4ZjgiIHN0cm9rZS13aWR0aD0iMSIgcj0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IjQ3LjEyMzg4OTgwMzg0Njg5IDE3LjcwNzk2MzI2Nzk0ODk2NiIgdHJhbnNmb3JtPSJyb3RhdGUoNDggNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==") !important; background-position: center center !important; background-size: contain !important; }
[data-bgimage-lazy][style*="url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9Imxkcy1yb2xsaW5nIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmOGY4ZjgiIHN0cm9rZS13aWR0aD0iMSIgcj0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IjQ3LjEyMzg4OTgwMzg0Njg5IDE3LjcwNzk2MzI2Nzk0ODk2NiIgdHJhbnNmb3JtPSJyb3RhdGUoNDggNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==") !important; background-position: center center !important; background-size: contain !important; }
.network-error { padding: 1em; text-align: center; white-space: pre; border: 1px solid rgb(204, 204, 204); }
.btn, a.btn, button, input[type="button"], input[type="submit"], input[type="reset"] { text-decoration: none; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; line-height: 1.6; padding: 0.35em 1em; position: relative; border-radius: 0px; text-shadow: none; box-shadow: none; color: black; background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); margin: 0.25em 0.25em 0.5em 0px; cursor: pointer; }
a.btn > .fa:first-child:not(:only-child) .btn > .fa:first-child:not(:only-child) { opacity: 0.5; margin-left: -0.35em; margin-right: 0.15em; }
.btn:hover, .btn:focus, a.btn:hover, a.btn:focus, button:hover, button:focus, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus { text-decoration: none; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px; }
.btn:active, a.btn:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { text-decoration: none; position: relative; box-shadow: none; top: 2px; left: 2px; }
.btn:hover, a.btn:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { color: black; background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); }
.btn:active, a.btn:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { color: black; background: rgb(238, 238, 238); }
.btn-colored, .btn-colored:hover, .btn-colored:active, .btn-colored[disabled], .btn-colored[disabled]:hover, a.btn-colored, a.btn-colored:hover, a.btn-colored:active, a.btn-colored[disabled], a.btn-colored[disabled]:hover, input[type="button"].btn-colored, input[type="button"].btn-colored:hover, input[type="button"].btn-colored:active, button:not([type]):not(.btn-normal), button[type="submit"]:not(.btn-normal), input[type="submit"]:not(.btn-normal), button[type="submit"]:not(.btn-normal):hover, input[type="submit"]:not(.btn-normal):hover, button[type="submit"]:not(.btn-normal):active, input[type="submit"]:not(.btn-normal):active { color: white; border: 1px solid rgb(196, 54, 56); background: rgb(196, 54, 56); }
.btn-small { font-size: 85%; }
input[disabled], select[disabled], textarea[disabled], button[disabled], .btn.disbabled, .btn[disabled], a.btn.disbabled, a.btn[disabled] { cursor: no-drop; opacity: 0.3; }
a.btn.back::before, .btn.back::before { content: ""; }
input[type="checkbox"], input[type="radio"] { vertical-align: middle; margin: 0px; }
input[type="checkbox"] + span, input[type="radio"] + span { margin-left: 0.25em; }
label.checkbox-multiline { display: flex; }
label.checkbox-multiline > input[type="checkbox"], label.radio-multiline > input[type="radio"] { margin-top: 0.3em; }
@media (max-width: 767px) {
  .btn, a.btn { width: 100%; text-align: center; }
  span.mobile-wrap::before { content: ""; display: block; }
}
.nav { list-style: none; padding: 0px; margin: 0px 0px 1em; }
.nav-tabs { display: flex; flex-wrap: wrap; margin-bottom: 1em; border-bottom: 1px solid rgb(204, 204, 204); }
.nav-tabs::after { content: ""; clear: both; display: block; border-bottom: none; }
.nav-tabs > li { float: none; margin: 0px -1px 0px 0px; padding: 0px; }
.nav-tabs > li > a { color: inherit; }
.nav-tabs > li > a { padding: 0.5em 1em; margin: 0px; border-radius: 0px; border: none; line-height: 1.2; text-decoration: none; display: block; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { color: inherit; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 3px solid black; margin-bottom: -1px; background: transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { border-bottom-color: rgb(0, 0, 0); }
.nav-tabs > li > a:hover { border-bottom-color: rgba(0, 0, 0, 0.3); }
@media (min-width: 768px) {
  li.breadcrumb > a > span { max-width: 30em; }
  li.breadcrumb:first-child > a > span { padding-left: 0px; }
}
.user-notify-loaded { display: none !important; }
.user-notify-loaded::before { content: "user notify css loaded"; }
#user-notifies { display: block; }
.user-notifies-content { margin: 0px; padding: 0px; max-height: 80vh; overflow: hidden auto; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 32767; color: rgb(68, 68, 68); background: white; line-height: 1.1; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px -3px; }
#user-notifies:not(.shown) .user-notifies-content { box-shadow: none; }
.user-notifies-title { justify-content: flex-end; border-bottom: 1px dotted rgb(204, 204, 204); display: none; }
.user-notifies-title > * { padding: 0.25em; }
.user-notifies-title > :first-child { flex-grow: 1; }
#user-notifies-close { cursor: pointer; }
.user-notifies-title .fa { font-size: 150%; opacity: 0.5; }
.user-notify { display: block; margin: 0px; padding: 0px; position: relative; overflow: hidden; }
.user-notify.has-detail > .user-notify-overview { cursor: pointer; }
.user-notify.user-read > .user-notify-overview:not(.opened):not(:hover) { color: rgb(136, 136, 136); }
.user-notify-overview { background: white; position: relative; z-index: 10; }
.user-notify-date { }
.user-notify-message { }
.user-notify-detail { background: white; position: relative; z-index: 5; }
.user-notify-detail-content { padding: 1em 0.5em 1em 1.5em; font-size: 80%; }
.user-notify-detail-content > :first-child { margin-top: 0px; }
.user-notify-detail-content > :last-child { margin-bottom: 0px; }
.user-notify-detail-content a { text-decoration: none; border-bottom: 1px dotted; cursor: pointer; }
.user-notify-detail-content a:hover { text-decoration: none; border-bottom: 1px solid; }
.user-notify:not(.has-detail) .user-notify-detail { display: none; }
.user-notify.has-detail > .user-notify-overview:not(.opened) + .user-notify-detail > .user-noify-detail-content { transform: translateY(-100%); }
.user-notify.has-detail > .user-notfify-overview.opened { padding-bottom: 0px; }
.user-notify.has-detail > .user-notify-overview.opened + .user-notify-detail { border-top: 1px dotted rgb(204, 204, 204); }
.user-notify.has-detail:not(:last-child) > .user-notify-overview.opened + .user-notify-detail { border-bottom: 1px solid rgb(204, 204, 204); }
.user-notify-detail, .user-notify-detail-content, .user-notifies-content { transition-duration: 0.2s; transition-property: transform, margin, max-height; }
.user-notifies-content { margin-left: 0.5em; margin-right: 0.5em; }
.user-notify.has-detail > .user-notify-overview:not(.opened) + .user-notify-detail > .user-notify-detail-content, #user-notifies:not(.shown) > .user-notifies-content { transform: translateY(-100%); margin-top: 0px; }
.user-notify.has-detail > .user-notify-overview:not(.opened) + .user-notify-detail { overflow: hidden; max-height: 0px !important; }
.user-notify.has-detail > .user-notify-overview.opened + .user-notify-detail { overflow: hidden; max-height: 10em; }
#user-notifies:not(.shown) > .user-notifies-content { margin-top: 0px; }
#user-notifies.shown > .user-notifies-content { margin-top: 0.5em; }
@keyframes blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
#user-notifies-toggle { cursor: pointer; }
#user-notifies-toggle .fa { font-size: 125%; line-height: 0.8em; vertical-align: -0.125em; }
#user-notifies-toggle:not(.has-unread) { opacity: 0.5; }
#user-notifies-toggle.has-unread { animation-name: blink; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease; }
#user-notifies-toggle:not(.has-notifies) { }
.user-notify.template { display: none !important; }
.user-notify-overview { display: flex; align-items: flex-start; }
.user-notify-overview > * { flex: 0 0 auto; padding: 0.25em; }
.user-notify-overview > .user-notify-date { }
.user-notify-overview > .user-notify-message { flex: 1 1 auto; }
.user-notify-date::before { font-family: FontAwesome; content: ""; transition-property: transform; transition-duration: 0.2s; transition-timing-function: linear; display: inline-block; margin-right: 0.5em; }
.user-notify:not(.has-detail) .user-notify-date::before { visibility: hidden; }
.user-notify-overview.opened > .user-notify-date::before { transform: rotate(90deg); }
.user-notifies-title + .user-notify { padding-top: 0.25em; }
.user-notify:last-child { padding-bottom: 0.25em; }
#user-notifies.shown.auto-shown .user-notify.user-read { display: none; }
.user-notify-nothing { color: rgb(136, 136, 136); padding: 0.25em 0.5em; }
#user-notifies .user-notify + .user-notify-nothing { }
.user-notify-history { text-align: right; padding: 0.25em 0.5em; }


.article *, .article ::after, .article ::before { box-sizing: border-box; }
.article img, .article iframe, .article video, .article audio { max-width: 100%; }
.article hr { display: block; border-style: solid none none; border-top-width: 1px; height: 0px; margin: 0.5em 0px; }
.artcile { line-height: 1.6; }
.article::after { display: block; position: relative; content: ""; width: 100%; height: 0px; overflow: hidden; visibility: hidden; clear: both; }
.article ol, .article ul { line-height: 1.4; }
.article .article-heading, .article .article-subheading, .article h3, .article h4 { line-height: 1.25; }
.article > p { margin-top: 1.6em; margin-bottom: 1.6em; }
.article .description .container { position: relative; margin: 0px; padding: 0px; width: auto; height: 100%; max-width: none; min-width: 0px; max-height: none; min-height: 0px; }
.article cite { font-style: italic; }
.article cite > a { color: inherit; text-decoration: none; display: block; }
.article cite > a:hover { text-decoration: underline; }
.article figure { margin: 2em 0px; }
.article figure:first-child, .article .article-cover + figure { margin-top: 15px; }
.article figure p { margin: 0px; }
.article figure img { margin: 0px; display: block; }
.article figcaption { opacity: 0.5; font-size: 90%; font-style: italic; margin: 5px 0px 10px; line-height: 1.3; z-index: 3 !important; }
.article figure.hide-figcaption figcaption { display: none; }
.article figcaption p { margin-top: 0.5em; margin-bottom: 0px; }
.article figcaption p:last-child { margin-bottom: 0.5em; }
.article figcaption p + cite { display: block; }
.article cite > a:empty, .article cite:empty, .article figcaption > p:empty { display: none; }
.article .video-box { position: relative; }
.article .video-box > .video-thumb { position: absolute; top: 0px; left: 0px; z-index: 1; }
.article .video-box > .video-embed { position: relative; z-index: 2; }
.article .video-box > .video-thumb > img, .article .video-box > .video-embed > iframe { display: block; width: 100%; }
.article figure:not(.img-small) .image-box { }
.article figure.img-small > a, .article figure.img-small > .image-box { width: 38%; margin: 0px; display: inline-block; position: relative; vertical-align: bottom; }
.article figure.img-small::after { content: ""; display: block; height: 0px; }
.article figure.img-small .image-box > img { margin: 0px; }
.article figure.img-small > figcaption { width: 62%; vertical-align: bottom; display: inline-block; padding-left: 0.75em; margin-bottom: 0px; }
.article figure.img-small > figcaption > cite { margin-top: 0.5em; }
.article .cite-box { margin-top: 1em; margin-bottom: 1em; position: relative; }
.article .cite-box > a { display: block; text-decoration: none; border: 1px solid rgb(204, 204, 204); position: relative; color: rgb(136, 136, 136) !important; background: white !important; }
.article .cite-box > a::after { clear: both; content: ""; display: block; position: relative; width: 100%; height: 0px; visibility: hidden; }
.article .cite-box .thumb { position: relative; width: 38%; margin-right: -38%; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; z-index: 2; }
.article .cite-box:not(.thumb-full) .thumb > img { position: absolute; top: 0px; left: 0px; max-width: 100%; max-height: 100%; width: 100%; height: 100%; opacity: 0; }
.article .cite-box.thumb-full .thumb > img { width: 100%; display: block; margin: 0px; }
.article .cite-box:not(.thumb-full) .thumb::before { content: ""; display: block; padding-top: 100%; }
.article .cite-box .thumb + .description { padding-left: 38%; }
.article .cite-box:not(.text-full) .thumb + .description { position: absolute; inset: 0px; overflow: hidden; z-index: 1; }
.article .cite-box .description { font-size: 80%; line-height: 1.5; }
.article .cite-box .description > .container { padding: 15px; height: calc(100% + 1px); }
.article .cite-box .description > .container > h4:first-child { margin-top: 0px; font-size: 125%; }
@media (max-width: 767px) {
  .article .cite-box .description > .container { padding: 7px; }
  .article .cite-box .description > .container > h4:first-child { font-size: 115%; margin-bottom: 0.5em; }
  .article .cite-box .description > .container > p { margin-top: 0.5em; margin-bottom: 0.5em; }
}
.article .cite-box .description cite { font-style: italic; padding: 5px 15px; position: absolute; bottom: 1px; left: 1px; right: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.article .cite-box:not(.text-full) .description cite { background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 50%); padding-top: 2em; }
.article .quotebox { position: relative; margin: 0.5em 0px 2em; padding: 1em; background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); z-index: 1; overflow: hidden; }
.article .quotebox blockquote { margin: 0px; z-index: 2; }
.article .quotebox blockquote::before, .article .quotebox blockquote::after { font-size: 1000%; font-family: "Noto Serif JP", serif; color: rgb(251, 251, 251); position: absolute; z-index: 0; height: 0px; }
.article .quotebox blockquote::before { content: "“"; line-height: 0.8; left: 5px; top: 5px; }
.article .quotebox blockquote::after { content: "”"; line-height: 0.15; right: 5px; bottom: 5px; }
.article blockquote > h4 { position: relative; padding: 0px 0.5em 0px 1em; z-index: 3; }
.article blockquote > p { position: relative; padding: 0px 0.5em 0px 1em; z-index: 3; font-size: 95%; }
.article blockquote > footer { opacity: 0.9; font-size: 90%; font-style: italic; padding: 0px 1em; margin: 0px; z-index: 3; }
.article > .article-heading, .article > h3:not(.article-subheading) { margin: 32px 0px 20px; padding: 5px 8px; border-left-style: solid; border-left-width: 8px; border-bottom-style: dotted; border-bottom-width: 1px; }
.article > .article-subheading, .article > h4:not(.article-subheading) { margin: 16px 0px 8px; }
.article > .article-heading { font-size: 110%; }
.article > .article-subheading { font-size: 110%; }
@media (max-width: 767px) {
  .article .quotebox { padding: 0.5em; margin: 0.5em 0px 1.5em; }
  .article blockquote > h4, .article blockquote > p, .article blockquote > footer { padding: 0px 0.5em; }
}
.content-summary .font-big, .article .font-big { font-size: 150%; }
.content-summary .font-small, .article .font-small { font-size: 66.6667%; }
.content-summary, .article > p.summary { margin-bottom: 3.2em; margin-top: 1em; }
.content-summary::before, .article > p.summary::before, .article > .toc-place::before { content: "Summary"; display: block; font-size: 85%; font-style: italic; opacity: 0.5; font-family: "Noto Sans JP", sans-serif; }
.article > .toc-place::before { content: "Index"; }
.article > p.box { background: rgba(0, 0, 0, 0.05); font-size: 81.125%; padding: 0.5em 0.75em; width: 80%; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
  .article > p.box { width: 90%; }
}
.article > .toc-place { margin: 1em auto; position: relative; }
.article > .toc-place > .toc-list { border: 1px dashed rgb(204, 204, 204); font-size: 90%; margin: 0px; padding: 0.75em; }
.toc-place > .toc-list > .toc-item + .toc-item { margin-top: 0.8em; }
.toc-list .toc-list { font-size: 80%; padding-left: 0px; }
.toc-link { display: block; }
.article .toc-list { list-style-type: none; }
.article .toc-item::before { margin-right: 0.5em; content: attr(data-section-number); opacity: 0.5; }
.article .toc-item .toc-item::before { content: "- "; }
.toc-place > .toc-list > .toc-item[data-section-number=""]::before { display: none; }
.article .toc-item { display: flex; }
.toc-item > .toc-item-container { flex-grow: 1; }
.toc-item > .toc-link + .toc-list { width: 100%; }
.content-summary .font-color-black, .article .font-color-black { color: rgb(0, 0, 0); }
.content-summary .font-color-red, .article .font-color-red { color: rgb(173, 31, 31); }
.content-summary .font-color-brown, .article .font-color-brown { color: rgb(143, 89, 36); }
.content-summary .font-color-orange, .article .font-color-orange { color: rgb(207, 84, 23); }
.content-summary .font-color-yellow, .article .font-color-yellow { color: rgb(201, 158, 29); }
.content-summary .font-color-green, .article .font-color-green { color: rgb(49, 129, 49); }
.content-summary .font-color-cyan, .article .font-color-cyan { color: rgb(69, 161, 161); }
.content-summary .font-color-blue, .article .font-color-blue { color: rgb(77, 77, 179); }
.content-summary .font-color-violet, .article .font-color-violet { color: rgb(134, 89, 166); }
.content-summary .font-color-pink, .article .font-color-pink { color: rgb(199, 107, 153); }
.content-summary .font-color-bgblack, .article .font-color-bgblack { background-color: rgba(0, 0, 0, 0.1); }
.content-summary .font-color-bgred, .article .font-color-bgred { background-color: rgba(173, 31, 31, 0.15); }
.content-summary .font-color-bgbrown, .article .font-color-bgbrown { background-color: rgba(143, 89, 36, 0.15); }
.content-summary .font-color-bgorange, .article .font-color-bgorange { background-color: rgba(207, 84, 23, 0.15); }
.content-summary .font-color-bgyellow, .article .font-color-bgyellow { background-color: rgba(201, 158, 29, 0.15); }
.content-summary .font-color-bggreen, .article .font-color-bggreen { background-color: rgba(49, 129, 49, 0.15); }
.content-summary .font-color-bgcyan, .article .font-color-bgcyan { background-color: rgba(69, 161, 161, 0.15); }
.content-summary .font-color-bgblue, .article .font-color-bgblue { background-color: rgba(77, 77, 179, 0.15); }
.content-summary .font-color-bgviolet, .article .font-color-bgviolet { background-color: rgba(134, 89, 166, 0.15); }
.content-summary .font-color-bgpink, .article .font-color-bgpink { background-color: rgba(199, 107, 153, 0.15); }
[class^="font-color-bg"] { padding-left: 0.25em; padding-right: 0.25em; }
.content-summary .font-color-ulblack, .article .font-color-ulblack { border-color: rgba(0, 0, 0, 0.66); }
.content-summary .font-color-ulred, .article .font-color-ulred { border-color: rgba(173, 31, 31, 0.66); }
.content-summary .font-color-ulbrown, .article .font-color-ulbrown { border-color: rgba(143, 89, 36, 0.66); }
.content-summary .font-color-ulorange, .article .font-color-ulorange { border-color: rgba(207, 84, 23, 0.66); }
.content-summary .font-color-ulyellow, .article .font-color-ulyellow { border-color: rgba(201, 158, 29, 0.66); }
.content-summary .font-color-ulgreen, .article .font-color-ulgreen { border-color: rgba(49, 129, 49, 0.66); }
.content-summary .font-color-ulcyan, .article .font-color-ulcyan { border-color: rgba(69, 161, 161, 0.66); }
.content-summary .font-color-ulblue, .article .font-color-ulblue { border-color: rgba(77, 77, 179, 0.66); }
.content-summary .font-color-ulviolet, .article .font-color-ulviolet { border-color: rgba(134, 89, 166, 0.66); }
.content-summary .font-color-ulpink, .article .font-color-ulpink { border-color: rgba(199, 107, 153, 0.66); }
[class^="font-color-ul"] { border-bottom-width: 2px; border-bottom-style: solid; }
[class^="font-color-"] * { color: inherit; }
.content-summary [class^="font-color-"]:not([class^="font-color-bg"]):not([class^="font-color-ul"]), .content-summary [class$=" font-color-"]:not([class^="font-color-bg"]):not([class^="font-color-ul"]), .article [class^="font-color-"]:not([class^="font-color-bg"]):not([class^="font-color-ul"]), .article [class$=" font-color-"]:not([class^="font-color-bg"]):not([class^="font-color-ul"]) { font-weight: bold; }
.article .sub-article { padding: 0.5em; }
.article .sub-article > :first-child { margin-top: 0px; }
.article .sub-article > :last-child { margin-bottom: 0px; }
.album-link[data-album-inline]:not([data-album-replaced]), .album-inline.loading { transition: opacity 100ms; opacity: 0.3; cursor: progress !important; pointer-events: none !important; }
@media (min-width: 768px) {
  .afls-container { display: flex; }
  .afls-img { flex: 0 0 auto; width: 38.2%; }
  .afls-info { padding-left: 1em; display: flex; flex-direction: column; width: 61.8%; }
  .afls-links[data-links-num="1"] .btn.afls-link { width: 100%; }
  .afls-links[data-links-num="2"] .btn.afls-link, .afls-links[data-links-num="4"] .btn.afls-link { width: calc(50% - 0.25em); margin-right: 0.25em; }
  .afls-links[data-links-num="3"] .btn.afls-link { width: calc(33.3% - 0.25em); margin-right: 0.25em; }
}
.afls-container[data-afls]:not(.updating):not(.updated) { visibility: hidden; opacity: 0.2; }
.afls-container[data-afls].updating { opacity: 0.5; }
#carousel-loaded { display: none !important; }
#carousel-loaded::before { content: "carousel loaded"; }
.carousel, .carousel-contents, .carousel-content, .carousel-container { box-sizing: border-box; }
.carousel { position: relative; overflow: hidden; width: 100%; height: auto; }
.carousel > input[name^="carousel-"] { position: absolute; top: 50%; left: 50%; opacity: 0; width: 0px; height: 0px; visibility: hidden; z-index: -1; }
.carousel .carousel-contents { position: relative; height: calc(100% - 20px); overflow: visible; }
.carousel .carousel-contents::after { clear: both; content: ""; display: block; position: relative; width: 100%; height: 0px; visibility: hidden; overflow: hidden; }
.carousel .carousel-content { word-spacing: normal; float: left; display: inline-block; position: relative; overflow: hidden; margin: 0px !important; }
.carousel .carousel-nav { text-align: center; cursor: default; font-size: 75%; }
.carousel label { cursor: pointer; }
.carousel .carousel-nav > label { display: inline-block; position: relative; opacity: 0.5; }
.carousel .carousel-nav > label::before { font-family: FontAwesome; content: ""; display: inline-block; vertical-align: middle; margin: 5px; }
.carousel .carousel-next, .carousel .carousel-prev { position: absolute; top: 0px; bottom: 0px; width: 25%; opacity: 0.25; color: white; text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px; cursor: pointer; }
.carousel .carousel-prev { left: 0px; }
.carousel .carousel-next { right: 0px; }
.carousel .carousel-prev::before, .carousel .carousel-next::before { display: block; position: absolute; top: 50%; line-height: 1; margin-top: -0.5em; margin-left: 15px; margin-right: 15px; left: 0px; right: 0px; text-align: center; font-family: FontAwesome; font-size: 45px; opacity: 0.98; }
@media (max-width: 767px) {
  .carousel .carousel-prev::before, .carousel .carousel-next::before { font-size: 35px; }
}
.carousel .carousel-prev::before { content: ""; text-align: left; }
.carousel .carousel-next::before { content: ""; text-align: right; }
.carousel .carousel-more::before { content: ""; text-align: right; }
.carousel .carousel-more > a[href] { position: absolute; inset: 0px; }
.carousel .carousel-more::before { content: ""; }
.carousel .carousel-next:hover, .carousel .carousel-prev:hover { opacity: 1; }
.carousel .carousel-contents { transform: translateX(0px); transition: transform 1.2s ease-out, margin 1.2s ease-out; }
.carousel .carousel-contents.touching { transition: none; }
.carousel .carousel-contents.touchend { transition: 1.2s ease-out; }
.carousel .carousel-contents.prevent-animation, .carousel[data-carousel="destroyed"] .carouse-contents { transition: none; }
.carousel .carousel-container > img:only-child, .carousel .carousel-container > a:only-child, .carousel .carousel-container > a:only-child > img:only-child, .carousel .carousel-container > a.linkblock { max-width: 100%; width: 100%; display: block; }
.carousel .carousel-contents { width: 300%; }
.carousel .carousel-content { width: calc(33.3333%); }
.carousel > input[name^="carousel-"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1)::before, .carousel > input[name^="carousel-"]:nth-of-type(2):checked ~ .carousel-nav > label:nth-of-type(2)::before, .carousel > input[name^="carousel-"]:nth-of-type(3):checked ~ .carousel-nav > label:nth-of-type(3)::before { opacity: 1; }
.carousel { transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; }
.carousel .carousel-contents { backface-visibility: hidden; }
.carousel > input[name^="carousel-"]:nth-of-type(1):checked ~ .carousel-contents { transform: translateX(0px); }
.carousel > input[name^="carousel-"]:nth-of-type(2):checked ~ .carousel-contents { transform: translateX(-33.3333%); }
.carousel > input[name^="carousel-"]:nth-of-type(3):checked ~ .carousel-contents { transform: translateX(-66.6667%); }
.carousel > input[name^="carousel-"]:first-of-type:checked ~ .carousel-contents.loop-forward > .carousel-content:first-child { transform: translateX(300%); }
.carousel > input[name^="carousel-"]:first-of-type:checked ~ .carousel-contents.loop-forward { transform: translateX(-100%); }
.carousel > input[name^="carousel-"]:last-of-type:checked ~ .carousel-contents.loop-backward > .carousel-content:last-child { transform: translateX(-300%); }
.carousel > input[name^="carousel-"]:last-of-type:checked ~ .carousel-contents.loop-backward { transform: translateX(33.3333%); }
.carousel.carousel-arrownav-none .carousel-prev, .carousel.carousel-arrownav-none .carousel-next { display: none !important; }
.carousel.carousel-pointnav-none .carousel-nav { display: none !important; }
.carousel.carousel-pointnav-over .carousel-nav { position: absolute; inset: auto 0px 0px; opacity: 0.75; }
.carousel.carousel-pointnav-over .carousel-nav:hover { opacity: 0.98; }
.carousel.carousel-pointnav-over .carousel-nav > label::before { color: white; text-shadow: black 0px 0px 2px, rgba(0, 0, 0, 0.5) 0px 0px 5px; }
.this-is-carousel2-stylesheet { }
#carousel2-loaded { display: none !important; }
#carousel2-loaded::before { content: "carousel2 loaded"; }
.carousel2, .carousel2 > .carousel-cotents, .carousel2 > .carousel-contents > .carousel-content, .carousel2 > .caorousel-contents > .carousel-nav-rel, .carousel2 > .caorousel-contents > .carousel-nav-rel > *, .carousel2 > .carousel-nav, .carousel2 > .carousel-nav > * { box-sizing: border-box; }
.carousel2 { overflow: hidden; position: relative; }
.carousel2 > .carousel-contents { position: relative; white-space: nowrap; width: 100%; overflow: hidden; }
.carousel2 > .carousel-contents > .carousel-content { white-space: normal; display: inline-block; vertical-align: top; position: relative; top: 0px; left: 0px; width: 100%; height: auto; z-index: 1; background: white; }
.carousel2 > .carousel-contents > .carousel-content + .carousel-content { margin-left: -100%; }
.carousel2.carousel-loading .carousel-contents { opacity: 0.5; }
@keyframes carousel-loading { 
  0% { transform: scale(0); }
  50% { transform: scale(1); }
  100% { transform: scale(0); }
}
.carousel2.carousel-loading::after { content: ""; display: block; position: absolute; width: 1em; height: 1em; border-radius: 0.5em; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; background: rgba(128, 128, 128, 0.5); border: rgba(0, 0, 0, 0.5); animation-name: carousel-loading; animation-timing-function: ease; animation-delay: 0s; animation-duration: 0.5s; animation-iteration-count: infinite; }
.carousel2 > .carousel-contents > .carousel-nav-rel { display: block; height: 0px; }
.carousel2[data-carousel-navrel="0"] > .carousel-contents > .carousel-nav-rel, .carousel2[data-carousel-navrel="false"] > .carousel-contents > .carousel-nav-rel { display: none; }
.carousel2 .carousel-nav-prev, .carousel2 .carousel-nav-next { position: absolute; bottom: 0px; top: 0px; width: 25%; z-index: 20; opacity: 0.25; cursor: pointer; }
.carousel2 .carousel-nav-prev::before, .carousel2 .carousel-nav-next::before { font-family: "Noto Sans JP", sans-serif; font-weight: normal; font-style: normal; font-size: 200%; line-height: 1; position: absolute; margin-top: -0.5em; top: 50%; color: white; text-shadow: black 0px 0px 2px, rgba(0, 0, 0, 0.5) 0px 0px 5px; }
.carousel2 .carousel-nav-prev::before { content: "〈"; left: 0px; }
.carousel2 .carousel-nav-next::before { content: "〉"; right: 0px; }
.carousel2 .carousel-nav-prev { left: 0px; }
.carousel2 .carousel-nav-next { right: 0px; }
.carousel2 .carousel-nav-prev:hover, .carousel2 .carousel-nav-next:hover { opacity: 0.8; }
.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev, .carousel2[data-carousel-anim$="-down"] .carousel-nav-next, .carousel2[data-carousel-anim$="-up"] .carousel-nav-prev, .carousel2[data-carousel-anim$="-up"] .carousel-nav-next { left: auto; right: 0px; text-align: right; }
.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev::before, .carousel2[data-carousel-anim$="-down"] .carousel-nav-next::before, .carousel2[data-carousel-anim$="-up"] .carousel-nav-prev::before, .carousel2[data-carousel-anim$="-up"] .carousel-nav-next::before { margin-top: 0px; inset: auto 0.5em auto auto; transform: rotate(90deg); }
.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev::before, .carousel2[data-carousel-anim$="-up"] .carousel-nav-prev::before { top: 0px; }
.carousel2[data-carousel-anim$="-down"] .carousel-nav-next::before, .carousel2[data-carousel-anim$="-up"] .carousel-nav-next::before { bottom: 0px; }
.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev, .carousel2[data-carousel-anim$="-up"] .carousel-nav-prev { top: 0px; bottom: 50%; }
.carousel2[data-carousel-anim$="-down"] .carousel-nav-next, .carousel2[data-carousel-anim$="-up"] .carousel-nav-next { top: 50%; bottom: 0px; }
.carousel2 > input[type="radio"] { position: absolute; width: 1px; height: 1px; top: 0px; left: 0px; z-index: 0; opacity: 0; }
.carousel2 > .carousel-nav { position: relative; text-align: center; line-height: 1.2; opacity: 0.25; color: black; }
.carousel2 > .carousel-nav:hover { opacity: 0.5; }
.carousel2 > .carousel-nav > label { display: inline-block; cursor: pointer; margin: 0px; height: 1em; }
.carousel2 > .carousel-nav > label::before { content: ""; display: block; position: relative; margin: 0.25em 0.1em; width: 0.5em; height: 0.5em; border: 1px solid black; border-radius: 0.25em; background: transparent; }
.carousel2[data-carousel-nav^="over"] > .carousel-nav > label::before { border-color: white; }
.carousel-template .carousel2 > input[type="radio"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1)::before { background: black; }
.carousel-template .carousel2[data-carousel-nav^="over"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1)::before { background: white; }
.carousel2 > input[type="radio"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1)::before, .carousel2 > input[type="radio"]:nth-of-type(2):checked ~ .carousel-nav > label:nth-of-type(2)::before, .carousel2 > input[type="radio"]:nth-of-type(3):checked ~ .carousel-nav > label:nth-of-type(3)::before, .carousel2 > input[type="radio"]:nth-of-type(4):checked ~ .carousel-nav > label:nth-of-type(4)::before, .carousel2 > input[type="radio"]:nth-of-type(5):checked ~ .carousel-nav > label:nth-of-type(5)::before, .carousel2 > input[type="radio"]:nth-of-type(6):checked ~ .carousel-nav > label:nth-of-type(6)::before, .carousel2 > input[type="radio"]:nth-of-type(7):checked ~ .carousel-nav > label:nth-of-type(7)::before, .carousel2 > input[type="radio"]:nth-of-type(8):checked ~ .carousel-nav > label:nth-of-type(8)::before, .carousel2 > input[type="radio"]:nth-of-type(9):checked ~ .carousel-nav > label:nth-of-type(9)::before, .carousel2 > input[type="radio"]:nth-of-type(10):checked ~ .carousel-nav > label:nth-of-type(10)::before, .carousel2 > input[type="radio"]:nth-of-type(11):checked ~ .carousel-nav > label:nth-of-type(11)::before, .carousel2 > input[type="radio"]:nth-of-type(12):checked ~ .carousel-nav > label:nth-of-type(12)::before { background: black; }
.carousel2 .carousel-nav-manip { position: absolute; right: 0px; top: 0.1em; height: 1em; }
.carousel2 .carousel-nav-manip > * { position: relative; display: inline-block; width: 0.75em; height: 1em; cursor: pointer; margin-right: 0.1em; }
.carousel2 .carousel-nav-manip > ::before, .carousel2 .carousel-nav-manip > ::after { content: ""; display: inline-block; position: absolute; right: 0px; top: 50%; width: 0px; height: 0px; border: 0px solid black; }
.carousel2 .carousel-nav-pause::before { box-sizing: content-box; min-width: 1px; height: 0.5em; width: 0.1em; margin-top: -0.2em; left: 0.15em; border-right-width: 0.15em; border-left-width: 0.15em; }
.carousel2 .carousel-nav-stop::before { height: 0.5em; width: 0.1em; margin-top: -0.2em; left: 0.08em; border-left-width: 0.5em; }
.carousel2 .carousel-nav-play::before { height: 0px; width: 0px; top: 0.35em; left: -0.05em; border-width: 0.23em; transform: rotate(45deg); border-left-color: transparent !important; border-bottom-color: transparent !important; }
.carousel2 .carousel-nav-rewind::before { height: 0.5em; left: 0.15em; top: 0.3em; border-left-width: 0.15em; }
.carousel2 .carousel-nav-rewind::after { height: 0px; width: 0px; left: 0.4em; top: 0.35em; border-width: 0.23em; transform: rotate(225deg); border-left-color: transparent !important; border-bottom-color: transparent !important; }
.carousel2[data-carousel-autoanim="none"] .carousel-nav-manip { display: none; }
.carousel2 .carousel-nav-stop { display: none; }
.carousel2[data-carousel-autoanim-stat="playing"] .carousel-nav-play, .carousel2[data-carousel-autoanim-stat="pausing"] .carousel-nav-pause, .carousel2[data-carousel-autoanim-stat="stopped"] .carousel-nav-stop { display: none; }
.carousel2[data-carousel-nav="none"] .carousel-nav { display: none; }
.carousel2[data-carousel-nav^="over"] .carousel-nav { position: absolute; bottom: 0px; left: 0px; right: 0px; color: white; border-color: white; background: transparent; z-index: 20; opacity: 0.3; }
.carousel2[data-carousel-nav^="over"] .carousel-nav:hover { opacity: 0.5; }
.carousel2[data-carousel-nav^="over"] .carousel-nav-manip { background: rgba(0, 0, 0, 0.35); }
.carousel2[data-carousel-nav^="over"] .carousel-nav-manip > ::before, .carousel2[data-carousel-nav^="over"] .carousel-nav-manip > ::after { border-color: white; }
.carousel2[data-carousel-nav$="-manip"] .carousel-nav > label { visibility: hidden; }
.carousel2[data-carousel-nav$="-point"] .carousel-nav-manip { display: none; }
.carousel-template .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { z-index: 3; }
.carousel-template .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { z-index: 3; }
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { z-index: 3; }
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { z-index: 3; }
.carousel2:not(.carousel-valid) .carousel-content, .carousel2.prevent-anim .carousel-content { transition-duration: 0s !important; animation-duration: 0s !important; }
@keyframes fadein { 
  0% { opacity: 0; z-index: 3; }
  0.1% { opacity: 0; z-index: 3; visibility: visible; }
  99.9% { opacity: 1; z-index: 3; }
  100% { opacity: 1; z-index: 3; visibility: visible; }
}
@keyframes fadeout { 
  0% { opacity: 1; z-index: 2; visibility: visible; }
  0.1% { opacity: 1; z-index: 2; visibility: visible; }
  99.9% { opacity: 0; z-index: 2; visibility: visible; }
  100% { opacity: 0; z-index: 2; visibility: hidden; }
}
.carousel2[data-carousel-anim="crossfade"] > .carousel-contents > .carousel-content { z-index: -1; visibility: hidden; }
.carousel-template .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > .carousel-content:nth-child(1) { animation-name: fadein; animation-timing-function: ease; z-index: 3; opacity: 1; visibility: visible; }
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > .carousel-content:nth-child(1), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > .carousel-content:nth-child(2), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > .carousel-content:nth-child(3), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > .carousel-content:nth-child(4), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > .carousel-content:nth-child(5), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > .carousel-content:nth-child(6), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > .carousel-content:nth-child(7), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > .carousel-content:nth-child(8), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > .carousel-content:nth-child(9), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > .carousel-content:nth-child(10), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > .carousel-content:nth-child(11), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > .carousel-content:nth-child(12) { animation-name: fadein; animation-timing-function: ease; z-index: 3; opacity: 1; visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1):not(:checked) ~ .carousel-contents > .carousel-content:nth-child(1) { animation-name: fadeout; animation-timing-function: ease; z-index: 2; opacity: 0; }
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > .carousel-content:nth-child(1), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > .carousel-content:nth-child(2), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > .carousel-content:nth-child(3), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > .carousel-content:nth-child(4), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > .carousel-content:nth-child(5), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > .carousel-content:nth-child(6), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > .carousel-content:nth-child(7), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > .carousel-content:nth-child(8), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > .carousel-content:nth-child(9), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > .carousel-content:nth-child(10), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > .carousel-content:nth-child(11), .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > .carousel-content:nth-child(12) { animation-name: fadeout; animation-timing-function: ease; z-index: 2; opacity: 0; }
@keyframes slidein-left { 
  0% { transform: translate(100%, 0px); z-index: 3; }
  100% { transform: translate(0px, 0px); z-index: 3; }
}
@keyframes slidein-right { 
  0% { transform: translate(-100%, 0px); z-index: 3; }
  100% { transform: translate(0px, 0px); z-index: 3; }
}
@keyframes slidein-down { 
  0% { transform: translate(0px, -100%); z-index: 3; }
  100% { transform: translate(0px, 0px); z-index: 3; }
}
@keyframes slidein-up { 
  0% { transform: translate(0px, 100%); z-index: 3; }
  100% { transform: translate(0px, 0px); z-index: 3; }
}
@keyframes slideout-left { 
  0% { transform: translate(0px, 0px); z-index: 3; }
  100% { transform: translate(-100%, 0px); z-index: 3; }
}
@keyframes slideout-right { 
  0% { transform: translate(0px, 0px); z-index: 3; }
  100% { transform: translate(100%, 0px); z-index: 3; }
}
@keyframes slideout-down { 
  0% { transform: translate(0px, 0px); z-index: 3; }
  100% { transform: translate(0px, 100%); z-index: 3; }
}
@keyframes slideout-up { 
  0% { transform: translate(0px, 0px); z-index: 3; }
  100% { transform: translate(0px, -100%); z-index: 3; }
}
@keyframes stay-out { 
  0% { transform: translate(0px, 0px); z-index: 2; }
  99% { transform: translate(0px, 0px); z-index: 2; }
  100% { transform: translate(0px, 0px); z-index: 2; display: none; }
}
.carousel-template .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-timing-function: ease-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: slidein-left; animation-timeline: auto; animation-range: normal; transform: translate(0px, 0px); z-index: 3; animation-duration: attr(data-carousel-anim-duration); }
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-left; transform: translate(0px, 0px); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-timing-function: ease-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: stay; animation-timeline: auto; animation-range: normal; z-index: 2; animation-duration: attr(data-carousel-anim-duration); }
.carousel-template .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-in 0s 1 normal none running slideout-right; transform: translate(100%, 0px); z-index: 3; }
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-in 0s 1 normal none running slideout-right; transform: translate(100%, 0px); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-right; transform: translate(0px, 0px); z-index: 3; }
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-right; transform: translate(0px, 0px); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running stay; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-in 0s 1 normal none running slideout-left; transform: translate(100%, 0px); z-index: 3; }
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-in 0s 1 normal none running slideout-left; transform: translate(100%, 0px); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-down; transform: translate(0px, 0px); z-index: 3; }
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-down; transform: translate(0px, 0px); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-up; transform: translate(0px, -100%); z-index: 3; }
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-up; transform: translate(0px, -100%); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-up; transform: translate(0px, 0px); z-index: 3; }
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-up; transform: translate(0px, 0px); z-index: 3; }
.carousel-template .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: auto ease 0s 1 normal none running none; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-down; transform: translate(0px, 100%); z-index: 3; }
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-down; transform: translate(0px, 100%); z-index: 3; }
.carousel2[data-carousel-anim^="roll-"] > .carousel-contents > .carousel-content { visibility: hidden; }
.carousel-template .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-left; transform: translate(0px, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-left; transform: translate(0px, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-left; transform: translate(-100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-left; transform: translate(-100%, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-right; transform: translate(0px, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-right; transform: translate(0px, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-right; transform: translate(100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-right; transform: translate(100%, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-up; transform: translate(0px, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-up; transform: translate(0px, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-up; transform: translate(-100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-up; transform: translate(-100%, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-down; transform: translate(0px, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-down; transform: translate(0px, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-down; transform: translate(100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-down; transform: translate(100%, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-down; transform: translate(0px, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-down; transform: translate(0px, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-down; transform: translate(-100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-down; transform: translate(-100%, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slidein-up; transform: translate(0px, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slidein-up; transform: translate(0px, 0px); visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation: 0.5s ease-out 0s 1 normal none running slideout-up; transform: translate(100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation: 0.5s ease-out 0s 1 normal none running slideout-up; transform: translate(100%, 0px); visibility: visible; }
.carousel2[data-carousel-anim^="flipout-"], .carousel2[data-carousel-anim^="turn-"] { overflow: visible; }
.carousel2[data-carousel-anim^="flipout-"] > .carousel-contents, .carousel2[data-carousel-anim^="turn-"] > .carousel-contents { overflow: visible; perspective: 100vw; transform-style: preserve-3d; position: relative; background: transparent !important; }
.carousel2[data-carousel-anim^="turn-"] > .carousel-contents > .carousel-content, .carousel2[data-carousel-anim^="flipout-"] > .carousel-contents > .carousel-content { visibility: hidden; backface-visibility: hidden; animation-timing-function: ease; animation-duration: 0.5s; }
@keyframes turnin-horiz { 
  0% { transform: rotateY(-180deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes turnout-horiz { 
  0% { transform: rotateY(0deg); visibility: visible; }
  100% { transform: rotateY(180deg); visibility: hidden; }
}
@keyframes turnin-horiz-rev { 
  0% { transform: rotateY(180deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes turnout-horiz-rev { 
  0% { transform: rotateY(0deg); visibility: visible; }
  100% { transform: rotateY(-180deg); visibility: hidden; }
}
@keyframes turnin-vert { 
  0% { transform: rotateX(-180deg); }
  100% { transform: rotateX(0deg); }
}
@keyframes turnout-vert { 
  0% { transform: rotateX(0deg); visibility: visible; }
  100% { transform: rotateX(180deg); visibility: hidden; }
}
@keyframes turnin-vert-rev { 
  0% { transform: rotateX(180deg); }
  100% { transform: rotateX(0deg); }
}
@keyframes turnout-vert-rev { 
  0% { transform: rotateX(0deg); visibility: visible; }
  100% { transform: rotateX(-180deg); visibility: hidden; }
}
.carousel-template .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: turnin-horiz; display: inline-block; visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: turnin-horiz-rev; }
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: turnin-horiz; visibility: visible; }
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: turnin-horiz-rev; }
.carousel-template .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: turnout-horiz; visibility: hidden; }
.carousel-template .carousel2[data-carousel-anim="turn-horiz"].animp-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: turnout-horiz-rev; }
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: turnout-horiz; visibility: hidden; }
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: turnout-horiz-rev; }
.carousel-template .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: turnin-vert; display: inline-block; visibility: visible; }
.carousel-template .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: turnin-vert-rev; }
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: turnin-vert; visibility: visible; }
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: turnin-vert-rev; }
.carousel-template .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: turnout-vert; visibility: hidden; }
.carousel-template .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: turnout-vert-rev; }
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: turnout-vert; visibility: hidden; }
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: turnout-vert-rev; }
@keyframes flipinout-stay { 
  0% { transform: rotateY(0deg); visibility: visible; }
  100% { transform: rotateY(0deg); visibility: hidden; }
}
@keyframes flipin-left { 
  0% { transform: rotateY(-90deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes flipout-left { 
  0% { transform: rotateY(0deg); visibility: visible; }
  100% { transform: rotateY(-90deg); visibility: hidden; }
}
@keyframes flipin-right { 
  0% { transform: rotateY(90deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes flipout-right { 
  0% { transform: rotateY(0deg); visibility: visible; }
  100% { transform: rotateY(90deg); visibility: hidden; }
}
@keyframes flipin-top { 
  0% { transform: rotateX(90deg); }
  100% { transform: rotateX(0deg); }
}
@keyframes flipout-top { 
  0% { transform: rotateX(0deg); visibility: visible; }
  100% { transform: rotateX(90deg); visibility: hidden; }
}
@keyframes flipin-bottom { 
  0% { transform: rotateX(-90deg); }
  100% { transform: rotateX(0deg); }
}
@keyframes flipout-bottom { 
  0% { transform: rotateX(0deg); visibility: visible; }
  100% { transform: rotateX(-90deg); visibility: hidden; }
}
.carousel2[data-carousel-anim^="flipout-"] > .carousel-contents > .carousel-content { visibility: hidden; }
.carousel2[data-carousel-anim="flipout-up"] > .carousel-contents > .carousel-content { transform-origin: center top; }
.carousel2[data-carousel-anim="flipout-down"] > .carousel-contents > .carousel-content { transform-origin: center bottom; }
.carousel2[data-carousel-anim="flipout-left"] > .carousel-contents > .carousel-content { transform-origin: left center; }
.carousel2[data-carousel-anim="flipout-right"] > .carousel-contents > .carousel-content { transform-origin: right center; }
.carousel-template .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { visibility: visible; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { visibility: hidden; z-index: 3; }
.carousel-template .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { z-index: 3; }
.carousel-template .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: flipinout-stay; visibility: hidden; z-index: 2; }
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { visibility: visible; z-index: 2; }
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { visibility: hidden; z-index: 3; }
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { z-index: 3; }
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: flipinout-stay; visibility: hidden; z-index: 2; }
.carousel-template .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: flipout-top; }
.carousel-template .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: flipin-top; }
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: flipout-top; }
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: flipin-top; }
.carousel-template .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: flipout-bottom; }
.carousel-template .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: flipin-bottom; }
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: flipout-bottom; }
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: flipin-bottom; }
.carousel-template .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: flipout-left; }
.carousel-template .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: flipin-left; }
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: flipout-left; }
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: flipin-left; }
.carousel-template .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1) { animation-name: flipout-right; }
.carousel-template .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1) { animation-name: flipin-right; }
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > :nth-child(12) { animation-name: flipout-right; }
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > :nth-child(1), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > :nth-child(2), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > :nth-child(3), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > :nth-child(4), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > :nth-child(5), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > :nth-child(6), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > :nth-child(7), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > :nth-child(8), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > :nth-child(9), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > :nth-child(10), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > :nth-child(11), .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > :nth-child(12) { animation-name: flipin-right; }
body:not(.page-content) #main, .inserted-spiral .spiral-header-defaults, .inserted-spiral .spiral-contents-container, #header-defaults, body.custom-header-menu-always-mobile #header-menu, #common-header, #main > .breadcrumbs > ol, #footer-container { max-width: 1024px; margin-left: auto; margin-right: auto; }
#free_q-heading, #tag-heading { padding-left: 15px; }
@media (min-width: 1024px) {
  #nativeadinfo > .nativeadinfo-container, #signup > .signup-container, #left-menu-container { right: calc(-512px + 50vw) !important; }
}
@media (min-width: 1064px) {
  #bookmarks-heading > .container, .wfcontent-container { padding-left: 15px; padding-right: 15px; }
  body:not(.custom-sidebar-left) #bookmarks-heading > .container, body:not(.custom-sidebar-left) .wfcontent-container { padding-left: 0px; }
  body.custom-sidebar-left #bookmarks-heading > .container, body.custom-sidebar-left .wfcontent-container { padding-right: 0px; }
}

@page { size: 315mm 445.5mm; }
@media print {
  html, body { width: 100vw; }
  #header-container, #main, #footer { position: relative; width: 100%; }
  #main { padding-top: 5px !important; }
  #nativeadinfo, #left-menu, #signup, #content-tips { display: none !important; }
  #header-menu { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .no-print { display: none; }
  body { background: white; }
  *, ::after, ::before, #main > .content a.content-tag { border-color: rgb(51, 51, 51); }
  body, .content-info, .article .cite-box > a { color: black !important; }
  .content-body, .content-body .content-author-info, .content-body .content-tags > .content-tag > span, .content-link-original:not(.for-dinonetwork) { color: black !important; opacity: 1 !important; }
  #header.slide-up #header-container { transform: translateY(0px); }
  #preview-custom-indicator { display: none; }
  body.page-content #main > .content + .content, #user-notifies { display: none !important; }
}


.fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571em; text-align: center; }
.fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; }
.fa-li.fa-lg { left: -1.85714em; }
.fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; }
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }
.fa.fa-pull-left { margin-right: 0.3em; }
.fa.fa-pull-right { margin-left: 0.3em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: 0.3em; }
.fa.pull-right { margin-left: 0.3em; }
.fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; }
.fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; }
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: rgb(255, 255, 255); }
.fa-glass::before { content: ""; }
.fa-music::before { content: ""; }
.fa-search::before { content: ""; }
.fa-envelope-o::before { content: ""; }
.fa-heart::before { content: ""; }
.fa-star::before { content: ""; }
.fa-star-o::before { content: ""; }
.fa-user::before { content: ""; }
.fa-film::before { content: ""; }
.fa-th-large::before { content: ""; }
.fa-th::before { content: ""; }
.fa-th-list::before { content: ""; }
.fa-check::before { content: ""; }
.fa-remove::before, .fa-close::before, .fa-times::before { content: ""; }
.fa-search-plus::before { content: ""; }
.fa-search-minus::before { content: ""; }
.fa-power-off::before { content: ""; }
.fa-signal::before { content: ""; }
.fa-gear::before, .fa-cog::before { content: ""; }
.fa-trash-o::before { content: ""; }
.fa-home::before { content: ""; }
.fa-file-o::before { content: ""; }
.fa-clock-o::before { content: ""; }
.fa-road::before { content: ""; }
.fa-download::before { content: ""; }
.fa-arrow-circle-o-down::before { content: ""; }
.fa-arrow-circle-o-up::before { content: ""; }
.fa-inbox::before { content: ""; }
.fa-play-circle-o::before { content: ""; }
.fa-rotate-right::before, .fa-repeat::before { content: ""; }
.fa-refresh::before { content: ""; }
.fa-list-alt::before { content: ""; }
.fa-lock::before { content: ""; }
.fa-flag::before { content: ""; }
.fa-headphones::before { content: ""; }
.fa-volume-off::before { content: ""; }
.fa-volume-down::before { content: ""; }
.fa-volume-up::before { content: ""; }
.fa-qrcode::before { content: ""; }
.fa-barcode::before { content: ""; }
.fa-tag::before { content: ""; }
.fa-tags::before { content: ""; }
.fa-book::before { content: ""; }
.fa-bookmark::before { content: ""; }
.fa-print::before { content: ""; }
.fa-camera::before { content: ""; }
.fa-font::before { content: ""; }
.fa-bold::before { content: ""; }
.fa-italic::before { content: ""; }
.fa-text-height::before { content: ""; }
.fa-text-width::before { content: ""; }
.fa-align-left::before { content: ""; }
.fa-align-center::before { content: ""; }
.fa-align-right::before { content: ""; }
.fa-align-justify::before { content: ""; }
.fa-list::before { content: ""; }
.fa-dedent::before, .fa-outdent::before { content: ""; }
.fa-indent::before { content: ""; }
.fa-video-camera::before { content: ""; }
.fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; }
.fa-pencil::before { content: ""; }
.fa-map-marker::before { content: ""; }
.fa-adjust::before { content: ""; }
.fa-tint::before { content: ""; }
.fa-edit::before, .fa-pencil-square-o::before { content: ""; }
.fa-share-square-o::before { content: ""; }
.fa-check-square-o::before { content: ""; }
.fa-arrows::before { content: ""; }
.fa-step-backward::before { content: ""; }
.fa-fast-backward::before { content: ""; }
.fa-backward::before { content: ""; }
.fa-play::before { content: ""; }
.fa-pause::before { content: ""; }
.fa-stop::before { content: ""; }
.fa-forward::before { content: ""; }
.fa-fast-forward::before { content: ""; }
.fa-step-forward::before { content: ""; }
.fa-eject::before { content: ""; }
.fa-chevron-left::before { content: ""; }
.fa-chevron-right::before { content: ""; }
.fa-plus-circle::before { content: ""; }
.fa-minus-circle::before { content: ""; }
.fa-times-circle::before { content: ""; }
.fa-check-circle::before { content: ""; }
.fa-question-circle::before { content: ""; }
.fa-info-circle::before { content: ""; }
.fa-crosshairs::before { content: ""; }
.fa-times-circle-o::before { content: ""; }
.fa-check-circle-o::before { content: ""; }
.fa-ban::before { content: ""; }
.fa-arrow-left::before { content: ""; }
.fa-arrow-right::before { content: ""; }
.fa-arrow-up::before { content: ""; }
.fa-arrow-down::before { content: ""; }
.fa-mail-forward::before, .fa-share::before { content: ""; }
.fa-expand::before { content: ""; }
.fa-compress::before { content: ""; }
.fa-plus::before { content: ""; }
.fa-minus::before { content: ""; }
.fa-asterisk::before { content: ""; }
.fa-exclamation-circle::before { content: ""; }
.fa-gift::before { content: ""; }
.fa-leaf::before { content: ""; }
.fa-fire::before { content: ""; }
.fa-eye::before { content: ""; }
.fa-eye-slash::before { content: ""; }
.fa-warning::before, .fa-exclamation-triangle::before { content: ""; }
.fa-plane::before { content: ""; }
.fa-calendar::before { content: ""; }
.fa-random::before { content: ""; }
.fa-comment::before { content: ""; }
.fa-magnet::before { content: ""; }
.fa-chevron-up::before { content: ""; }
.fa-chevron-down::before { content: ""; }
.fa-retweet::before { content: ""; }
.fa-shopping-cart::before { content: ""; }
.fa-folder::before { content: ""; }
.fa-folder-open::before { content: ""; }
.fa-arrows-v::before { content: ""; }
.fa-arrows-h::before { content: ""; }
.fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; }
.fa-twitter-square::before { content: ""; }
.fa-facebook-square::before { content: ""; }
.fa-camera-retro::before { content: ""; }
.fa-key::before { content: ""; }
.fa-gears::before, .fa-cogs::before { content: ""; }
.fa-comments::before { content: ""; }
.fa-thumbs-o-up::before { content: ""; }
.fa-thumbs-o-down::before { content: ""; }
.fa-star-half::before { content: ""; }
.fa-heart-o::before { content: ""; }
.fa-sign-out::before { content: ""; }
.fa-linkedin-square::before { content: ""; }
.fa-thumb-tack::before { content: ""; }
.fa-external-link::before { content: ""; }
.fa-sign-in::before { content: ""; }
.fa-trophy::before { content: ""; }
.fa-github-square::before { content: ""; }
.fa-upload::before { content: ""; }
.fa-lemon-o::before { content: ""; }
.fa-phone::before { content: ""; }
.fa-square-o::before { content: ""; }
.fa-bookmark-o::before { content: ""; }
.fa-phone-square::before { content: ""; }
.fa-twitter::before { content: ""; }
.fa-facebook-f::before, .fa-facebook::before { content: ""; }
.fa-github::before { content: ""; }
.fa-unlock::before { content: ""; }
.fa-credit-card::before { content: ""; }
.fa-feed::before, .fa-rss::before { content: ""; }
.fa-hdd-o::before { content: ""; }
.fa-bullhorn::before { content: ""; }
.fa-bell::before { content: ""; }
.fa-certificate::before { content: ""; }
.fa-hand-o-right::before { content: ""; }
.fa-hand-o-left::before { content: ""; }
.fa-hand-o-up::before { content: ""; }
.fa-hand-o-down::before { content: ""; }
.fa-arrow-circle-left::before { content: ""; }
.fa-arrow-circle-right::before { content: ""; }
.fa-arrow-circle-up::before { content: ""; }
.fa-arrow-circle-down::before { content: ""; }
.fa-globe::before { content: ""; }
.fa-wrench::before { content: ""; }
.fa-tasks::before { content: ""; }
.fa-filter::before { content: ""; }
.fa-briefcase::before { content: ""; }
.fa-arrows-alt::before { content: ""; }
.fa-group::before, .fa-users::before { content: ""; }
.fa-chain::before, .fa-link::before { content: ""; }
.fa-cloud::before { content: ""; }
.fa-flask::before { content: ""; }
.fa-cut::before, .fa-scissors::before { content: ""; }
.fa-copy::before, .fa-files-o::before { content: ""; }
.fa-paperclip::before { content: ""; }
.fa-save::before, .fa-floppy-o::before { content: ""; }
.fa-square::before { content: ""; }
.fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; }
.fa-list-ul::before { content: ""; }
.fa-list-ol::before { content: ""; }
.fa-strikethrough::before { content: ""; }
.fa-underline::before { content: ""; }
.fa-table::before { content: ""; }
.fa-magic::before { content: ""; }
.fa-truck::before { content: ""; }
.fa-pinterest::before { content: ""; }
.fa-pinterest-square::before { content: ""; }
.fa-google-plus-square::before { content: ""; }
.fa-google-plus::before { content: ""; }
.fa-money::before { content: ""; }
.fa-caret-down::before { content: ""; }
.fa-caret-up::before { content: ""; }
.fa-caret-left::before { content: ""; }
.fa-caret-right::before { content: ""; }
.fa-columns::before { content: ""; }
.fa-unsorted::before, .fa-sort::before { content: ""; }
.fa-sort-down::before, .fa-sort-desc::before { content: ""; }
.fa-sort-up::before, .fa-sort-asc::before { content: ""; }
.fa-envelope::before { content: ""; }
.fa-linkedin::before { content: ""; }
.fa-rotate-left::before, .fa-undo::before { content: ""; }
.fa-legal::before, .fa-gavel::before { content: ""; }
.fa-dashboard::before, .fa-tachometer::before { content: ""; }
.fa-comment-o::before { content: ""; }
.fa-comments-o::before { content: ""; }
.fa-flash::before, .fa-bolt::before { content: ""; }
.fa-sitemap::before { content: ""; }
.fa-umbrella::before { content: ""; }
.fa-paste::before, .fa-clipboard::before { content: ""; }
.fa-lightbulb-o::before { content: ""; }
.fa-exchange::before { content: ""; }
.fa-cloud-download::before { content: ""; }
.fa-cloud-upload::before { content: ""; }
.fa-user-md::before { content: ""; }
.fa-stethoscope::before { content: ""; }
.fa-suitcase::before { content: ""; }
.fa-bell-o::before { content: ""; }
.fa-coffee::before { content: ""; }
.fa-cutlery::before { content: ""; }
.fa-file-text-o::before { content: ""; }
.fa-building-o::before { content: ""; }
.fa-hospital-o::before { content: ""; }
.fa-ambulance::before { content: ""; }
.fa-medkit::before { content: ""; }
.fa-fighter-jet::before { content: ""; }
.fa-beer::before { content: ""; }
.fa-h-square::before { content: ""; }
.fa-plus-square::before { content: ""; }
.fa-angle-double-left::before { content: ""; }
.fa-angle-double-right::before { content: ""; }
.fa-angle-double-up::before { content: ""; }
.fa-angle-double-down::before { content: ""; }
.fa-angle-left::before { content: ""; }
.fa-angle-right::before { content: ""; }
.fa-angle-up::before { content: ""; }
.fa-angle-down::before { content: ""; }
.fa-desktop::before { content: ""; }
.fa-laptop::before { content: ""; }
.fa-tablet::before { content: ""; }
.fa-mobile-phone::before, .fa-mobile::before { content: ""; }
.fa-circle-o::before { content: ""; }
.fa-quote-left::before { content: ""; }
.fa-quote-right::before { content: ""; }
.fa-spinner::before { content: ""; }
.fa-circle::before { content: ""; }
.fa-mail-reply::before, .fa-reply::before { content: ""; }
.fa-github-alt::before { content: ""; }
.fa-folder-o::before { content: ""; }
.fa-folder-open-o::before { content: ""; }
.fa-smile-o::before { content: ""; }
.fa-frown-o::before { content: ""; }
.fa-meh-o::before { content: ""; }
.fa-gamepad::before { content: ""; }
.fa-keyboard-o::before { content: ""; }
.fa-flag-o::before { content: ""; }
.fa-flag-checkered::before { content: ""; }
.fa-terminal::before { content: ""; }
.fa-code::before { content: ""; }
.fa-mail-reply-all::before, .fa-reply-all::before { content: ""; }
.fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; }
.fa-location-arrow::before { content: ""; }
.fa-crop::before { content: ""; }
.fa-code-fork::before { content: ""; }
.fa-unlink::before, .fa-chain-broken::before { content: ""; }
.fa-question::before { content: ""; }
.fa-info::before { content: ""; }
.fa-exclamation::before { content: ""; }
.fa-superscript::before { content: ""; }
.fa-subscript::before { content: ""; }
.fa-eraser::before { content: ""; }
.fa-puzzle-piece::before { content: ""; }
.fa-microphone::before { content: ""; }
.fa-microphone-slash::before { content: ""; }
.fa-shield::before { content: ""; }
.fa-calendar-o::before { content: ""; }
.fa-fire-extinguisher::before { content: ""; }
.fa-rocket::before { content: ""; }
.fa-maxcdn::before { content: ""; }
.fa-chevron-circle-left::before { content: ""; }
.fa-chevron-circle-right::before { content: ""; }
.fa-chevron-circle-up::before { content: ""; }
.fa-chevron-circle-down::before { content: ""; }
.fa-html5::before { content: ""; }
.fa-css3::before { content: ""; }
.fa-anchor::before { content: ""; }
.fa-unlock-alt::before { content: ""; }
.fa-bullseye::before { content: ""; }
.fa-ellipsis-h::before { content: ""; }
.fa-ellipsis-v::before { content: ""; }
.fa-rss-square::before { content: ""; }
.fa-play-circle::before { content: ""; }
.fa-ticket::before { content: ""; }
.fa-minus-square::before { content: ""; }
.fa-minus-square-o::before { content: ""; }
.fa-level-up::before { content: ""; }
.fa-level-down::before { content: ""; }
.fa-check-square::before { content: ""; }
.fa-pencil-square::before { content: ""; }
.fa-external-link-square::before { content: ""; }
.fa-share-square::before { content: ""; }
.fa-compass::before { content: ""; }
.fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; }
.fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; }
.fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; }
.fa-euro::before, .fa-eur::before { content: ""; }
.fa-gbp::before { content: ""; }
.fa-dollar::before, .fa-usd::before { content: ""; }
.fa-rupee::before, .fa-inr::before { content: ""; }
.fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; }
.fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; }
.fa-won::before, .fa-krw::before { content: ""; }
.fa-bitcoin::before, .fa-btc::before { content: ""; }
.fa-file::before { content: ""; }
.fa-file-text::before { content: ""; }
.fa-sort-alpha-asc::before { content: ""; }
.fa-sort-alpha-desc::before { content: ""; }
.fa-sort-amount-asc::before { content: ""; }
.fa-sort-amount-desc::before { content: ""; }
.fa-sort-numeric-asc::before { content: ""; }
.fa-sort-numeric-desc::before { content: ""; }
.fa-thumbs-up::before { content: ""; }
.fa-thumbs-down::before { content: ""; }
.fa-youtube-square::before { content: ""; }
.fa-youtube::before { content: ""; }
.fa-xing::before { content: ""; }
.fa-xing-square::before { content: ""; }
.fa-youtube-play::before { content: ""; }
.fa-dropbox::before { content: ""; }
.fa-stack-overflow::before { content: ""; }
.fa-instagram::before { content: ""; }
.fa-flickr::before { content: ""; }
.fa-adn::before { content: ""; }
.fa-bitbucket::before { content: ""; }
.fa-bitbucket-square::before { content: ""; }
.fa-tumblr::before { content: ""; }
.fa-tumblr-square::before { content: ""; }
.fa-long-arrow-down::before { content: ""; }
.fa-long-arrow-up::before { content: ""; }
.fa-long-arrow-left::before { content: ""; }
.fa-long-arrow-right::before { content: ""; }
.fa-apple::before { content: ""; }
.fa-windows::before { content: ""; }
.fa-android::before { content: ""; }
.fa-linux::before { content: ""; }
.fa-dribbble::before { content: ""; }
.fa-skype::before { content: ""; }
.fa-foursquare::before { content: ""; }
.fa-trello::before { content: ""; }
.fa-female::before { content: ""; }
.fa-male::before { content: ""; }
.fa-gittip::before, .fa-gratipay::before { content: ""; }
.fa-sun-o::before { content: ""; }
.fa-moon-o::before { content: ""; }
.fa-archive::before { content: ""; }
.fa-bug::before { content: ""; }
.fa-vk::before { content: ""; }
.fa-weibo::before { content: ""; }
.fa-renren::before { content: ""; }
.fa-pagelines::before { content: ""; }
.fa-stack-exchange::before { content: ""; }
.fa-arrow-circle-o-right::before { content: ""; }
.fa-arrow-circle-o-left::before { content: ""; }
.fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; }
.fa-dot-circle-o::before { content: ""; }
.fa-wheelchair::before { content: ""; }
.fa-vimeo-square::before { content: ""; }
.fa-turkish-lira::before, .fa-try::before { content: ""; }
.fa-plus-square-o::before { content: ""; }
.fa-space-shuttle::before { content: ""; }
.fa-slack::before { content: ""; }
.fa-envelope-square::before { content: ""; }
.fa-wordpress::before { content: ""; }
.fa-openid::before { content: ""; }
.fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; }
.fa-mortar-board::before, .fa-graduation-cap::before { content: ""; }
.fa-yahoo::before { content: ""; }
.fa-google::before { content: ""; }
.fa-reddit::before { content: ""; }
.fa-reddit-square::before { content: ""; }
.fa-stumbleupon-circle::before { content: ""; }
.fa-stumbleupon::before { content: ""; }
.fa-delicious::before { content: ""; }
.fa-digg::before { content: ""; }
.fa-pied-piper-pp::before { content: ""; }
.fa-pied-piper-alt::before { content: ""; }
.fa-drupal::before { content: ""; }
.fa-joomla::before { content: ""; }
.fa-language::before { content: ""; }
.fa-fax::before { content: ""; }
.fa-building::before { content: ""; }
.fa-child::before { content: ""; }
.fa-paw::before { content: ""; }
.fa-spoon::before { content: ""; }
.fa-cube::before { content: ""; }
.fa-cubes::before { content: ""; }
.fa-behance::before { content: ""; }
.fa-behance-square::before { content: ""; }
.fa-steam::before { content: ""; }
.fa-steam-square::before { content: ""; }
.fa-recycle::before { content: ""; }
.fa-automobile::before, .fa-car::before { content: ""; }
.fa-cab::before, .fa-taxi::before { content: ""; }
.fa-tree::before { content: ""; }
.fa-spotify::before { content: ""; }
.fa-deviantart::before { content: ""; }
.fa-soundcloud::before { content: ""; }
.fa-database::before { content: ""; }
.fa-file-pdf-o::before { content: ""; }
.fa-file-word-o::before { content: ""; }
.fa-file-excel-o::before { content: ""; }
.fa-file-powerpoint-o::before { content: ""; }
.fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; }
.fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; }
.fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; }
.fa-file-movie-o::before, .fa-file-video-o::before { content: ""; }
.fa-file-code-o::before { content: ""; }
.fa-vine::before { content: ""; }
.fa-codepen::before { content: ""; }
.fa-jsfiddle::before { content: ""; }
.fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; }
.fa-circle-o-notch::before { content: ""; }
.fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: ""; }
.fa-ge::before, .fa-empire::before { content: ""; }
.fa-git-square::before { content: ""; }
.fa-git::before { content: ""; }
.fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; }
.fa-tencent-weibo::before { content: ""; }
.fa-qq::before { content: ""; }
.fa-wechat::before, .fa-weixin::before { content: ""; }
.fa-send::before, .fa-paper-plane::before { content: ""; }
.fa-send-o::before, .fa-paper-plane-o::before { content: ""; }
.fa-history::before { content: ""; }
.fa-circle-thin::before { content: ""; }
.fa-header::before { content: ""; }
.fa-paragraph::before { content: ""; }
.fa-sliders::before { content: ""; }
.fa-share-alt::before { content: ""; }
.fa-share-alt-square::before { content: ""; }
.fa-bomb::before { content: ""; }
.fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; }
.fa-tty::before { content: ""; }
.fa-binoculars::before { content: ""; }
.fa-plug::before { content: ""; }
.fa-slideshare::before { content: ""; }
.fa-twitch::before { content: ""; }
.fa-yelp::before { content: ""; }
.fa-newspaper-o::before { content: ""; }
.fa-wifi::before { content: ""; }
.fa-calculator::before { content: ""; }
.fa-paypal::before { content: ""; }
.fa-google-wallet::before { content: ""; }
.fa-cc-visa::before { content: ""; }
.fa-cc-mastercard::before { content: ""; }
.fa-cc-discover::before { content: ""; }
.fa-cc-amex::before { content: ""; }
.fa-cc-paypal::before { content: ""; }
.fa-cc-stripe::before { content: ""; }
.fa-bell-slash::before { content: ""; }
.fa-bell-slash-o::before { content: ""; }
.fa-trash::before { content: ""; }
.fa-copyright::before { content: ""; }
.fa-at::before { content: ""; }
.fa-eyedropper::before { content: ""; }
.fa-paint-brush::before { content: ""; }
.fa-birthday-cake::before { content: ""; }
.fa-area-chart::before { content: ""; }
.fa-pie-chart::before { content: ""; }
.fa-line-chart::before { content: ""; }
.fa-lastfm::before { content: ""; }
.fa-lastfm-square::before { content: ""; }
.fa-toggle-off::before { content: ""; }
.fa-toggle-on::before { content: ""; }
.fa-bicycle::before { content: ""; }
.fa-bus::before { content: ""; }
.fa-ioxhost::before { content: ""; }
.fa-angellist::before { content: ""; }
.fa-cc::before { content: ""; }
.fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; }
.fa-meanpath::before { content: ""; }
.fa-buysellads::before { content: ""; }
.fa-connectdevelop::before { content: ""; }
.fa-dashcube::before { content: ""; }
.fa-forumbee::before { content: ""; }
.fa-leanpub::before { content: ""; }
.fa-sellsy::before { content: ""; }
.fa-shirtsinbulk::before { content: ""; }
.fa-simplybuilt::before { content: ""; }
.fa-skyatlas::before { content: ""; }
.fa-cart-plus::before { content: ""; }
.fa-cart-arrow-down::before { content: ""; }
.fa-diamond::before { content: ""; }
.fa-ship::before { content: ""; }
.fa-user-secret::before { content: ""; }
.fa-motorcycle::before { content: ""; }
.fa-street-view::before { content: ""; }
.fa-heartbeat::before { content: ""; }
.fa-venus::before { content: ""; }
.fa-mars::before { content: ""; }
.fa-mercury::before { content: ""; }
.fa-intersex::before, .fa-transgender::before { content: ""; }
.fa-transgender-alt::before { content: ""; }
.fa-venus-double::before { content: ""; }
.fa-mars-double::before { content: ""; }
.fa-venus-mars::before { content: ""; }
.fa-mars-stroke::before { content: ""; }
.fa-mars-stroke-v::before { content: ""; }
.fa-mars-stroke-h::before { content: ""; }
.fa-neuter::before { content: ""; }
.fa-genderless::before { content: ""; }
.fa-facebook-official::before { content: ""; }
.fa-pinterest-p::before { content: ""; }
.fa-whatsapp::before { content: ""; }
.fa-server::before { content: ""; }
.fa-user-plus::before { content: ""; }
.fa-user-times::before { content: ""; }
.fa-hotel::before, .fa-bed::before { content: ""; }
.fa-viacoin::before { content: ""; }
.fa-train::before { content: ""; }
.fa-subway::before { content: ""; }
.fa-medium::before { content: ""; }
.fa-yc::before, .fa-y-combinator::before { content: ""; }
.fa-optin-monster::before { content: ""; }
.fa-opencart::before { content: ""; }
.fa-expeditedssl::before { content: ""; }
.fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: ""; }
.fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; }
.fa-battery-2::before, .fa-battery-half::before { content: ""; }
.fa-battery-1::before, .fa-battery-quarter::before { content: ""; }
.fa-battery-0::before, .fa-battery-empty::before { content: ""; }
.fa-mouse-pointer::before { content: ""; }
.fa-i-cursor::before { content: ""; }
.fa-object-group::before { content: ""; }
.fa-object-ungroup::before { content: ""; }
.fa-sticky-note::before { content: ""; }
.fa-sticky-note-o::before { content: ""; }
.fa-cc-jcb::before { content: ""; }
.fa-cc-diners-club::before { content: ""; }
.fa-clone::before { content: ""; }
.fa-balance-scale::before { content: ""; }
.fa-hourglass-o::before { content: ""; }
.fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; }
.fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; }
.fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; }
.fa-hourglass::before { content: ""; }
.fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; }
.fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; }
.fa-hand-scissors-o::before { content: ""; }
.fa-hand-lizard-o::before { content: ""; }
.fa-hand-spock-o::before { content: ""; }
.fa-hand-pointer-o::before { content: ""; }
.fa-hand-peace-o::before { content: ""; }
.fa-trademark::before { content: ""; }
.fa-registered::before { content: ""; }
.fa-creative-commons::before { content: ""; }
.fa-gg::before { content: ""; }
.fa-gg-circle::before { content: ""; }
.fa-tripadvisor::before { content: ""; }
.fa-odnoklassniki::before { content: ""; }
.fa-odnoklassniki-square::before { content: ""; }
.fa-get-pocket::before { content: ""; }
.fa-wikipedia-w::before { content: ""; }
.fa-safari::before { content: ""; }
.fa-chrome::before { content: ""; }
.fa-firefox::before { content: ""; }
.fa-opera::before { content: ""; }
.fa-internet-explorer::before { content: ""; }
.fa-tv::before, .fa-television::before { content: ""; }
.fa-contao::before { content: ""; }
.fa-500px::before { content: ""; }
.fa-amazon::before { content: ""; }
.fa-calendar-plus-o::before { content: ""; }
.fa-calendar-minus-o::before { content: ""; }
.fa-calendar-times-o::before { content: ""; }
.fa-calendar-check-o::before { content: ""; }
.fa-industry::before { content: ""; }
.fa-map-pin::before { content: ""; }
.fa-map-signs::before { content: ""; }
.fa-map-o::before { content: ""; }
.fa-map::before { content: ""; }
.fa-commenting::before { content: ""; }
.fa-commenting-o::before { content: ""; }
.fa-houzz::before { content: ""; }
.fa-vimeo::before { content: ""; }
.fa-black-tie::before { content: ""; }
.fa-fonticons::before { content: ""; }
.fa-reddit-alien::before { content: ""; }
.fa-edge::before { content: ""; }
.fa-credit-card-alt::before { content: ""; }
.fa-codiepie::before { content: ""; }
.fa-modx::before { content: ""; }
.fa-fort-awesome::before { content: ""; }
.fa-usb::before { content: ""; }
.fa-product-hunt::before { content: ""; }
.fa-mixcloud::before { content: ""; }
.fa-scribd::before { content: ""; }
.fa-pause-circle::before { content: ""; }
.fa-pause-circle-o::before { content: ""; }
.fa-stop-circle::before { content: ""; }
.fa-stop-circle-o::before { content: ""; }
.fa-shopping-bag::before { content: ""; }
.fa-shopping-basket::before { content: ""; }
.fa-hashtag::before { content: ""; }
.fa-bluetooth::before { content: ""; }
.fa-bluetooth-b::before { content: ""; }
.fa-percent::before { content: ""; }
.fa-gitlab::before { content: ""; }
.fa-wpbeginner::before { content: ""; }
.fa-wpforms::before { content: ""; }
.fa-envira::before { content: ""; }
.fa-universal-access::before { content: ""; }
.fa-wheelchair-alt::before { content: ""; }
.fa-question-circle-o::before { content: ""; }
.fa-blind::before { content: ""; }
.fa-audio-description::before { content: ""; }
.fa-volume-control-phone::before { content: ""; }
.fa-braille::before { content: ""; }
.fa-assistive-listening-systems::before { content: ""; }
.fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: ""; }
.fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: ""; }
.fa-glide::before { content: ""; }
.fa-glide-g::before { content: ""; }
.fa-signing::before, .fa-sign-language::before { content: ""; }
.fa-low-vision::before { content: ""; }
.fa-viadeo::before { content: ""; }
.fa-viadeo-square::before { content: ""; }
.fa-snapchat::before { content: ""; }
.fa-snapchat-ghost::before { content: ""; }
.fa-snapchat-square::before { content: ""; }
.fa-pied-piper::before { content: ""; }
.fa-first-order::before { content: ""; }
.fa-yoast::before { content: ""; }
.fa-themeisle::before { content: ""; }
.fa-google-plus-circle::before, .fa-google-plus-official::before { content: ""; }
.fa-fa::before, .fa-font-awesome::before { content: ""; }
.fa-handshake-o::before { content: ""; }
.fa-envelope-open::before { content: ""; }
.fa-envelope-open-o::before { content: ""; }
.fa-linode::before { content: ""; }
.fa-address-book::before { content: ""; }
.fa-address-book-o::before { content: ""; }
.fa-vcard::before, .fa-address-card::before { content: ""; }
.fa-vcard-o::before, .fa-address-card-o::before { content: ""; }
.fa-user-circle::before { content: ""; }
.fa-user-circle-o::before { content: ""; }
.fa-user-o::before { content: ""; }
.fa-id-badge::before { content: ""; }
.fa-drivers-license::before, .fa-id-card::before { content: ""; }
.fa-drivers-license-o::before, .fa-id-card-o::before { content: ""; }
.fa-quora::before { content: ""; }
.fa-free-code-camp::before { content: ""; }
.fa-telegram::before { content: ""; }
.fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: ""; }
.fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; }
.fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; }
.fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; }
.fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; }
.fa-shower::before { content: ""; }
.fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: ""; }
.fa-podcast::before { content: ""; }
.fa-window-maximize::before { content: ""; }
.fa-window-minimize::before { content: ""; }
.fa-window-restore::before { content: ""; }
.fa-times-rectangle::before, .fa-window-close::before { content: ""; }
.fa-times-rectangle-o::before, .fa-window-close-o::before { content: ""; }
.fa-bandcamp::before { content: ""; }
.fa-grav::before { content: ""; }
.fa-etsy::before { content: ""; }
.fa-imdb::before { content: ""; }
.fa-ravelry::before { content: ""; }
.fa-eercast::before { content: ""; }
.fa-microchip::before { content: ""; }
.fa-snowflake-o::before { content: ""; }
.fa-superpowers::before { content: ""; }
.fa-wpexplorer::before { content: ""; }
.fa-meetup::before { content: ""; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; }


.fa-lsf::before, .lsf, .lsf-icon::before { font-family: "Noto Sans Arabic", sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.lsf-icon::before { content: attr(title); margin-right: 0.3em; font-size: 130%; }
.lsf-icon.amazon::before { content: ""; }
.fa-mixi::before { content: ""; }
.fa-line::before, .fa-mixi::before { font-family: "Noto Sans Arabic", sans-serif; font-weight: 400; font-style: normal; font-size: 1.3em; line-height: 0.769; }
.fa-line::before { content: ""; }
.fa-hatebu-square::before { content: ""; }
.fa-hatebu::before { font-family: "Noto Sans JP", sans-serif; content: "B!"; font-weight: 700; font-style: normal; white-space: nowrap; letter-spacing: -0.1em; }
.fa-hatebu-square::before, .fa-yahoo-old::before { font-family: "Noto Sans Arabic", sans-serif; font-weight: 400; font-style: normal; font-size: 1.3em; line-height: 0.769; }
.fa-yahoo-old::before { content: ""; }
.fa-bc.fa-facebook-o::before, .fa-bc.fa-facebook-official::before, .fa-bc.fa-facebook-square::before, .fa-bc.fa-facebook::before { color: rgb(49, 80, 150); }
.fa-bc.fa-skype::before { color: rgb(18, 165, 244); }
.fa-bc.fa-google::before { color: rgb(66, 133, 244); }
.fa-bc.fa-google-plus-square::before, .fa-bc.fa-google-plus::before { color: rgb(221, 75, 57); }
.fa-bc.fa-twitter-square::before, .fa-bc.fa-twitter::before { color: rgb(85, 172, 238); }
.fa-bc.fa-hatebu-square::before, .fa-bc.fa-hatebu::before { color: rgb(0, 143, 222); }
.fa-bc.fa-mixi::before { color: rgb(209, 173, 89); }
.fa-bc.fa-line::before { color: rgb(0, 195, 0); }


.icon-rvlvr::before { font-family: "Noto Sans JP", sans-serif; content: "*"; }
.font-rvlvr { font-family: "Noto Sans JP", sans-serif; font-weight: normal; letter-spacing: 0.35em; }
.spinner, .spinner-black, .spinner-white { display: inline-block; width: 32px; height: 32px; background: url('../img/a4743d402e7.png') center center no-repeat; opacity: 0.5; }
.spinner-white { background-image: url('../img/a2d20df3480.png'); }
.spinner-small { width: 16px; height: 16px; }
.spinner.spinner-small, .spinner-black.spinner-small { background-image: url('../img/a5081f7d960.png'); }
.spinner-white.spinner-small { background-image: url('../img/a41065cf027.png'); }

.heading > .container { max-width: 960px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) {
  .heading > .container { padding-left: 15px; padding-right: 15px; }
}
#tenant-heading, #user-heading, #tag-heading, #tags-heading, #stags-heading, #free_q-heading { text-align: left; padding-top: 40px; padding-bottom: 20px; }
#tenant-heading, #user-heading .user-heading-name, #tag-heading, #free_q-heading { font-size: 200%; }
#tenant-heading h1.tenant-heading-name, #tag-heading h1.feed-title.tag-heading-tag { font-size: unset; font-weight: unset; line-height: unset; margin: unset; }
#tag-heading.is-header-menu-tag { display: none; }
#tags-heading, #stags-heading { padding-top: 0px; padding-bottom: 0px; }
#tags-heading.heading > .container, #stags-heading.heading > .container { max-width: none; }
#tags-heading h1, #stags-heading h1 { font-size: 80%; line-height: 1.6; font-weight: normal; }
#tags-heading a.tag, #stags-heading a.tag { border: 1px solid rgba(128, 128, 128, 0.25); display: inline-block; padding: 0px 0.4em; margin: 0.15em 0.25em 0.15em 0px; vertical-align: middle; }
#tags-heading a.tag:hover, #stags-heading a.tag:hover { text-decoration: none; background: rgba(128, 128, 128, 0.25); }
.free_q-heading-q { white-space: nowrap; }
@media (min-width: 767px) {
  #tag-heading, #free_q-heading { padding-right: 314px; }
  #tag-heading > .container, #free_q-heading > .container { max-width: 720px; }
}
#tag-heading > .container, #free_q-heading > .container { z-index: 2; }
#tag-heading::after, #free_q-heading::after { content: ""; display: block; position: absolute; inset: 0px; z-index: 1; background: rgba(0, 0, 0, 0.1); }
#free_q-heading > .container input[name="q"], #free_q-heading > .container .btn { padding: 5px; height: 1.7em; vertical-align: middle; line-height: 1; }
#free_q-heading > .container input[name="q"] { color: rgb(136, 136, 136); }
#free_q-heading > .container .btn { margin: 0px; width: auto; }
#free_q-heading > .container input[name="q"]:focus { outline: rgb(136, 136, 136) solid 1px; }
@media (max-width: 767px) {
  #free_q-heading { white-space: nowrap; font-size: 18px; }
}
#user-heading { text-align: center; }
#user-heading .user-image { width: 300px; height: 300px; border-radius: 50%; display: inline-block; font-size: 150px; border: 1px solid rgb(204, 204, 204); }
#user-heading .user-heading-body { font-size: 90%; line-height: 1.5; color: rgb(119, 119, 119); margin: 20px auto; max-width: 640px; }
#tenant-heading { text-align: center; font-size: 200%; padding: 20px; }
#tenant-heading-site { font-size: 1rem; }
#tenant-heading-site > a { display: block; line-height: 1.2; text-align: left; text-decoration: none; }
.tenant-heading-site-title { margin-top: 0px; }
.tenant-heading-site-description { font-size: 90%; }
.tenant-heading-site-link { font-size: 75%; margin-top: 1em; padding-bottom: 0.5em; text-align: right; }
#tenant-heading-site > a:hover .tenant-heading-site-title, #tenant-heading-site > a:hover .tenant-heading-site-link { text-decoration: underline; }
#bookmarks-heading > .container { opacity: 0.5; }
#newsfeed .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child { padding-top: 40px; }
@media (max-width: 767px) {
  #newsfeed .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child { padding-top: 20px; }
}
.free_q input[name="q"], .free_q .btn { border: 1px solid rgb(136, 136, 136); }
.free_q { display: flex; align-items: center; flex-wrap: wrap; }
.free_q-key-opts { margin-top: 0.5em; font-size: 0.4em; align-self: stretch; display: flex; width: 100%; }
.free_q-key-opts > label { padding: 0.25em 1em 0.25em 0px; color: rgb(136, 136, 136); text-shadow: none; display: flex; align-items: center; line-height: 1.2; cursor: pointer; }
.free_q-key-opts > label > input[type="radio"]:first-child { margin-right: 0.25em; }
#newsfeed { position: relative; }
#newsfeed-nocontent { text-align: center; opacity: 0.3; padding: 20px; font-size: 150%; }
#bookmarks-heading .container, #newsfeed .wfcontent, .wfcontent-container { max-width: 720px; margin: 0px auto; position: relative; }
#newsfeed .wfcontent.newsfeed-display-type-imagebgwide-nobody, #newsfeed .wfcontent.newsfeed-display-type-imagebgwide { max-width: none; width: 100%; }
#newsfeed .wfcontent.image-bg * { color: white !important; }
#newsfeed .wfcontent.image-bg .wfcontent-container { padding-top: 40px; }
#newsfeed .wfcontent.image-bg .wfcontent-container.flex-container, #newsfeed .wfcontent.image-bg .wfcontent-container.flex-mobile { display: block; }
#newsfeed .wfcontent.newsfeed-display-type-imagebg-nobody .wfcontent-container, #newsfeed .wfcontent.newsfeed-display-type-imagebg .wfcontent-container { padding-left: 15px; padding-right: 15px; }
#newsfeed .wfcontent.newsfeed-display-type-imagewide .wfcontent-imagewide { height: 10em; margin-bottom: 15px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#newsfeed .wfcontent.image-all { padding-top: 0px !important; padding-bottom: 0px !important; }
#newsfeed .wfcontent.image-all > a:not(.content-link-overwrap) > img, #newsfeed .wfcontent.image-all > a:not(.content-link-overwrap) { display: block; width: 100%; max-width: 720px; position: relative; }
#newsfeed .wfcontent.image-all.fullwidth > a:not(.content-link-overwrap) > img, #newsfeed .wfcontent.image-all.fullwidth > a:not(.content-link-overwrap) { max-width: none; }
#newsfeed .wfcontent.newsfeed-display-type-imageall-wide > a > img, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide > a, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide-withtitle > a > img, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide-withtitle > a, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide-withtitle { max-width: none; }
#newsfeed a.wfcontent-imageall + .wfcontent-container { margin-top: 15px; margin-bottom: 20px; }
#newsfeed .wfcontent.image-all .content-title { padding: 0px 5px; }
#newsfeed .wfcontent.newsfeed-display-type-imageall-withtitle .content-title h2, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide-withtitle .content-title h2 { font-weight: normal; font-size: 0.8rem; line-height: 1.2em; color: white; text-shadow: black 0px 0px 2px; opacity: 0.95; margin: 0px; padding: 0px 5px; }
#newsfeed .wfcontent.newsfeed-display-type-imageall-wide-withtitle .content-title h2 { max-width: 720px; margin: 0px auto; }
#newsfeed .wfcontent.newsfeed-display-type-imageall-withtitle .content-title, #newsfeed .wfcontent.newsfeed-display-type-imageall-wide-withtitle .content-title { position: absolute; bottom: 5px; left: 0px; width: 100%; max-width: 720px; }
#newsfeed .wfcontent { padding-top: 30px; padding-bottom: 30px; }
#newsfeed .wfcontent:first-child { padding-top: 0px; }
#newsfeed .wfcontent .content-link { display: block; }
#newsfeed .wfcontent .content-link:hover { text-decoration: none; }
#newsfeed .wfcontent .content-title { margin-top: 5px; margin-bottom: 10px; }
#newsfeed .wfcontent .content-title > a { color: inherit; }
#newsfeed .wfcontent .content-body { margin-bottom: 10px; margin-top: 5px; }
#newsfeed .wfcontent .content-body, #newsfeed .wfcontent .content-author-info { opacity: 0.8; }
#newsfeed .wfcontent .content-info { margin-top: 20px; }
#newsfeed .wfcontent .content-info a:hover { }
#newsfeed .wfcontent .content-tags { margin-top: 20px; }
#newsfeed .wfcontent .content-tags a:hover { }
#newsfeed .wfcontent .content-author-image { display: inline-block; background: rgb(136, 136, 136); color: white; width: 32px; height: 32px; border-radius: 16px; vertical-align: middle; margin-right: 5px; }
#newsfeed .wfcontent .content-author-info { display: inline-block; vertical-align: middle; line-height: 1.3; }
#newsfeed .wfcontent .content-author-image + .content-author-info { padding-left: 0.5em; }
#newsfeed .wfcontent .content-subtitle-above, #newsfeed .wfcontent .content-subtitle-below { font-size: 80%; opacity: 0.8; }
#newsfeed .wfcontent .content-subtitle-above { margin-bottom: 0px; }
#newsfeed .wfcontent .content-title { padding-bottom: 10px; margin-bottom: 0px; }
#newsfeed .wfcontent .content-subtitle-below { margin-bottom: 0px; margin-top: -7px; padding-bottom: 10px; }
#newsfeed .wfcontent .content-body-leading + .content-body-container { padding-top: 20px; }
#newsfeed .wfcontent .content-body { font-size: 87.5%; height: 4.7em; overflow: hidden; display: block; }
@supports (-webkit-line-clamp:3) {
  #newsfeed .wfcontent .content-body { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
#newsfeed .wfcontent .content-info { font-size: 75%; }
@media (max-width: 767px) {
  #newsfeed .wfcontent .content-body { font-size: 92.857%; }
  #newsfeed .wfcontent .content-info { font-size: 85.714%; }
}
#newsfeed .wfcontent span.content-author-image { font-size: 20px; line-height: 30px; border: 1px solid rgb(204, 204, 204); opacity: 0.5; vertical-align: middle; position: relative; text-align: center; text-shadow: none; font-weight: bold; }
#newsfeed .wfcontent span.content-author-image > span { opacity: 0.8; }
.wfcontent.is-official-user { }
.wfcontent.is-official-user:not(.prevent-official-user-label) .content-leading { padding-top: 1.7em; }
.wfcontent.is-official-user:not(.prevent-official-user-label) .content-user-official { opacity: 0.5; font-size: 80%; margin-bottom: 0.15em; }
#newsfeed .wfcontent::after { clear: both; display: block; content: ""; height: 0px; width: 100%; visibility: hidden; }
#newsfeed .wfcontent + .wfcontent { border-top: 1px solid rgb(238, 238, 238); }
#newsfeed .wfcontent.image-bg + .wfcontent { border-top: none; }
#newsfeed-next { display: block; text-align: center; padding: 40px 40px 120px; color: rgb(85, 85, 85); border-top: 1px solid rgba(0, 0, 0, 0.2); }
#newsfeed-next.loading { opacity: 0.5; }
#newsfeed-next.loading > span { display: none; }
#newsfeed-next.loading::after { content: ""; font-family: FontAwesome; display: inline-block; animation: 2s linear 0s infinite normal none running fa-spin; }
.content-leading.flex-item { width: 20%; padding-right: 20px; }
.newsfeed-display-type-normal-right .content-leading.flex-item, .newsfeed-display-type-normal-big-right .content-leading.flex-item { padding-right: 0px; }
.content-leading.flex-item + .flex-item { width: 80%; }
#newsfeed .wfcontent .content-title { margin-top: 0px; }
.wfcontent.newsfeed-display-type-normal > .flex-container > .content-leading, .wfcontent.newsfeed-display-type-normal-big > .flex-container > .content-leading { padding-right: 15px; padding-left: 0px; }
.wfcontent.newsfeed-display-type-normal-right > .flex-container > .content-leading, .wfcontent.newsfeed-display-type-normal-right-big > .flex-container > .content-leading { -webkit-box-ordinal-group: 2; order: 2; padding-right: 0px; padding-left: 15px; }
.wfcontent.newsfeed-display-type-normal-big > .flex-container > .content-leading.flex-item, .wfcontent.newsfeed-display-type-normal-right-big > .flex-container > .content-leading.flex-item { -webkit-box-flex: 1; flex: 1 1 auto; width: 50%; }
.wfcontent.newsfeed-display-type-normal-big > .flex-container > .content-leading.flex-item + .flex-item, .wfcontent.newsfeed-display-type-normal-right-big > .flex-container > .content-leading.flex-item + .flex-item { width: 50%; }
@media (max-width: 767px) {
  #newsfeed h2 { font-size: 142.857%; }
  #newsfeed .wfcontent .content-info { font-size: inherit; }
  .content-leading.flex-item { width: 25%; padding-right: 10px; padding-left: 0px; }
  .content-leading.flex-item + .flex-item { width: 75%; }
  .newsfeed-display-type-normal-right > .flex-container > .content-leading.flex-item, .newsfeed-display-type-normal-big-right > .flex-container > .content-leading.flex-item { padding-right: 0px; padding-left: 10px; }
  .newsfeed-display-type-normal-right > .flex-container > .content-leading.flex-item + .flex-iterm, .newsfeed-display-type-normal-big-right > .flex-container > .content-leading.flex-item + .flex-item { }
}
.content-leading .img-wrap { display: block; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.newsfeed-all-display-type-list .content-leading .img-wrap { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px; }
.content-leading .img-wrap img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; }
.content-leading .img-wrap::before { content: ""; display: block; width: 100%; padding-top: 100%; }
.content-bookmark { font-size: 75%; opacity: 0.5; }
.content-bookmark:hover { opacity: 1; }
@media (max-width: 767px) {
  .content-bookmark { font-size: inherit; }
}
#newsfeed .widget { background: rgb(248, 248, 248); padding: 20px 15px; margin: 0px; }
@media (min-width: 768px) {
  #newsfeed .widget { display: none !important; }
}
#newsfeed .content-tags { margin-top: 1em; font-size: 80%; }
#newsfeed .content-tag::before { font-family: FontAwesome; content: ""; margin-right: 0.25em; }
#newsfeed .content-tags { display: none; }
#newsfeed.newsfeed-all-display-type-photo, #newsfeed.newsfeed-all-display-type-card { background: rgb(238, 238, 238); min-height: 100vh; }
.newsfeed-all-display-type-photo > .newsfeed-container, .newsfeed-all-display-type-card > .newsfeed-container { position: relative; margin: 0px auto; padding: 0px; }
.newsfeed-all-display-type-photo::after, .newsfeed-all-display-type-card::after { clear: both; content: ""; display: block; width: 100%; height: 0px; }
#newsfeed-next { border: none; clear: both; display: block; float: none; }
.newsfeed-all-display-type-photo .wfcontent, .newsfeed-all-display-type-card .wfcontent { display: inline-block; vertical-align: top; border: none !important; padding: 0px !important; margin: 0px !important; }
.newsfeed-all-display-type-photo .wfcontent + .wfcontent, .newsfeed-all-display-type-card .wfcontent + .wfcontent { border-top: none !important; }
.newsfeed-all-display-type-photo, .newsfeed-all-display-type-card { padding-top: 5px; }
.newsfeed-all-display-type-photo .wfcontent .wfcontent-container, .newsfeed-all-display-type-card .wfcontent .wfcontent-container { position: relative; border: 1px solid rgb(221, 221, 221); background: white; }
.newsfeed-all-display-type-card .wfcontent .wfcontent-container { font-size: 80%; padding: 10px !important; }
.newsfeed-all-display-type-photo .wfcontent .wfcontent-container { background: rgb(136, 136, 136); color: white; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; font-size: 60%; padding: 0px !important; }
.newsfeed-all-display-type-photo .wfcontent .wfcontent-container * { color: white !important; font-size: 0.5rem; }
.newsfeed-all-display-type-photo .wfcontent .wfcontent-container .content-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 0px !important; }
.newsfeed-all-display-type-photo .wfcontent .wfcontent-container .content-body { display: none !important; }
.newsfeed-all-display-type-photo .wfcontent-container.flex-container, .newsfeed-all-display-type-card .wfcontent-container.flex-container { display: block; }
.newsfeed-all-display-type-photo .wfcontent-container.flex-container > .flex-item, .newsfeed-all-display-type-card .wfcontent-container.flex-container > .flex-item { width: 100%; padding: 0px; }
.newsfeed-all-display-type-card .content-leading .img-wrap::before { padding-top: 75%; }
.newsfeed-all-display-type-photo .content-leading .img-wrap::before { padding-top: 75%; }
.newsfeed-all-display-type-card .wfcontent-container.flex-container > .flex-item + .flex-item { margin-top: 10px; }
.newsfeed-all-display-type-card .content-title { padding: 0px; margin: 5px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: 1.6em; }
#newsfeed.newsfeed-all-display-type-card .content-info, .newsfeed-all-display-type-card .content-info { margin-top: 0.5em; }
.newsfeed-all-display-type-card .content-user-official, .newsfeed-all-display-type-card .content-body, .newsfeed-all-display-type-card .content-tags { display: none; }
.newsfeed-all-display-type-card .content-author-avater { height: 40px; padding-top: 2px; }
.newsfeed-all-display-type-card .content-author-image-link { display: block; }
.newsfeed-all-display-type-card .content-author-info > .flex-item { max-height: 40px; overflow: hidden; text-overflow: ellipsis; }
@supports (-webkit-line-clamp:3) {
  .newsfeed-all-display-type-card .content-author-info > .flex-item { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (max-width: 767px) {
  .newsfeed-all-display-type-card .content-author-info > .flex-item { max-height: 40px; line-height: 1.1; }
}
.newsfeed-all-display-type-photo .content-link { position: absolute; bottom: 5px; left: 10px; right: 10px; }
.newsfeed-all-display-type-photo .content-title { padding: 0px; font-weight: normal; opacity: 0.8; }
.newsfeed-all-display-type-photo .content-bookmark, .newsfeed-all-display-type-photo .content-info, .newsfeed-all-display-type-photo .content-user-official, .newsfeed-all-display-type-photo .content-body, .newsfeed-all-display-type-photo .content-tags { display: none; }
.newsfeed-all-display-type-photo .wfcontent, .newsfeed-all-display-type-card .wfcontent { width: calc(33.3333% - 6.66667px); margin: 0px 0px 5px 5px !important; }
.newsfeed-all-display-type-card .wfcontent .content-body { height: 4.7em; }
#newsfeed.newsfeed-all-display-type-card .wfcontent .content-info { margin-top: 0.5em; }
@media (max-width: 767px) {
  .newsfeed-all-display-type-photo .wfcontent, .newsfeed-all-display-type-card .wfcontent { width: calc(100% - 10px); margin: 0px 5px 5px !important; }
}
@media (max-width: 767px) and (orientation: landscape) {
  .newsfeed-all-display-type-photo .wfcontent, .newsfeed-all-display-type-card .wfcontent { width: calc(50% - 7.5px); margin: 0px 0px 5px 5px !important; }
}
body:not(.page-index):not(.page-newsfeed) #newsfeed.newsfeed-all-display-type-photo .content-feedlabel { display: none !important; }
#newsfeed .widget { clear: both; margin-top: 5px; margin-bottom: 5px; }
#newsfeed .widget + .widget { margin-top: -5px; }
#newsfeed .widget:last-child { margin-bottom: 0px; }
.newsfeed-block { position: relative; padding: 8px 0px; }
.newsfeed-block:first-child { padding-top: 0px; }
.newsfeed-block:last-child { padding-bottom: 80px; }
.newsfeed-block-header-container, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent-container, .newsfeed-block.newsfeed-all-display-type-carousel .wfcontent-container, .newsfeed-block.newsfeed-all-display-type-list .newsfeed-block-contents, .newsfeed-block.newsfeed-all-display-type-photo .newsfeed-block-contents, .newsfeed-block.newsfeed-all-display-type-card .newsfeed-block-contents { padding-left: 15px; padding-right: 15px; max-width: calc(750px); margin-left: auto; margin-right: auto; }
.newsfeed-block.newsfeed-all-display-type-carousel .wfcontent-container, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent-container { padding-left: 0px; padding-right: 0px; }
.newsfeed-block-container::after { clear: both; content: ""; display: table; }
#newsfeed .newsfeed-block.newsfeed-all-display-type-carousel .wfcontent, #newsfeed .newsfeed-block.newsfeed-all-display-type-normal .wfcontent { padding-bottom: 0px; }
.newsfeed-block .wfcontent-container { padding-left: 0px; padding-right: 0px; }
@media (max-width: 767px) {
  .newsfeed-block { padding: 20px 0px; }
}
.newsfeed-block-header { text-align: left; }
.newsfeed-block:first-child .newsfeed-block-header { padding-top: 20px; }
.newsfeed-block-header h2 > a { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.25); text-decoration: none; padding: 5px 0px; }
#newsfeed .newsfeed-block.newsfeed-all-display-type-carousel .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide), #newsfeed .newsfeed-block.newsfeed-all-display-type-normal .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child { padding-top: 0px; }
#newsfeed .newsfeed-block .wfcontent { padding-left: 15px; padding-right: 15px; max-width: 750px; margin: 0px auto; position: relative; }
#newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imagebgwide-nobody, #newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imagebgwide { max-width: none; width: 100%; }
#newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imageall-wide > a > img, #newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imageall-wide > a, #newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imageall-wide, #newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imageall-wide-withtitle > a > img, #newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imageall-wide-withtitle > a, #newsfeed .newsfeed-block .wfcontent.newsfeed-display-type-imageall-wide-withtitle { max-width: none; }
#newsfeed .newsfeed-block .wfcontent.fullwidth { padding-left: 0px; padding-right: 0px; }
#newsfeed .newsfeed-block .wfcontent.image-bg { max-width: 720px; padding-left: 0px; padding-right: 0px; }
#newsfeed .newsfeed-block .wfcontent.image-bg .wfcontent-container { padding-bottom: 15px; }
#newsfeed .newsfeed-block.first-content-is-fullwidth .newsfeed-block-header h2 > a { position: relative; z-index: 2; color: white; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; border-bottom-color: rgba(255, 255, 255, 0.5); padding-top: 20px; }
#newsfeed .newsfeed-block.first-content-is-fullwidth .wfcontent { position: static; }
#newsfeed .newsfeed-block.first-content-is-fullwidth.first-content-is-imageall .newsfeed-block-header { position: absolute; top: 0px; left: 0px; right: 0px; }
#newsfeed .newsfeed-block .wfcontent + .wfcontent { border-top: none; }
#newsfeed .newsfeed-block .wfcontent .content-title { padding-bottom: 0px; }
#newsfeed .newsfeed-block .wfcontent .content-info { margin-top: 0px; }
#newsfeed .newsfeed-block .wfcontent.is-official-user .content-leading { padding-top: 0px; }
#newsfeed .newsfeed-block .wfcontent + .wfcontent { margin-top: 5px; }
.newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type .content-leading.flex-item { width: calc(4.8em); -webkit-box-flex: 0; flex: 0 0 auto; }
.newsfeed-block.newsfeed-all-display-type-list .wcontent.not-has-display-type .content-leading.flex-item { padding-right: 10px; }
.newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type > .flex-container > .content-leading.flex-item + .flex-item { width: auto; overflow: hidden; }
.newsfeed-block .content-title, .newsfeed-block .content-author-info > .flex-item { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsfeed-block.newsfeed-all-display-type-carousel .content-title, .newsfeed-block.newsfeed-all-display-type-carousel .content-author-info > .flex-item, .newsfeed-block.newsfeed-all-display-type-normal .content-title, .newsfeed-block.newsfeed-all-display-type-normal .content-author-info > .flex-item { white-space: normal; }
@media (min-width: 767px) {
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent, .newsfeed-block.newsfeed-all-display-type-card .wfcontent { }
}
@media (max-width: 767px) and (orientation: portrait) {
  #newsfeed .newsfeed-block.newsfeed-all-display-type-list .wfcontent { padding: 0px; }
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent, .newsfeed-block.newsfeed-all-display-type-card .wfcontent { width: calc(50% - 2.5px); margin: 0px 5px 5px 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent:nth-child(2n), .newsfeed-block.newsfeed-all-display-type-card .wfcontent:nth-child(2n) { margin-right: 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-card .wfcontent .wfcontent-container { padding: 5px !important; }
}
@media (max-width: 767px) and (orientation: landscape) {
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent, .newsfeed-block.newsfeed-all-display-type-card .wfcontent { width: calc(33.3333% - 3.33333px); margin: 0px 5px 5px 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent:nth-child(3n), .newsfeed-block.newsfeed-all-display-type-card .wfcontent:nth-child(3n) { margin-right: 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-card .wfcontent .wfcontent-container { padding: 5px !important; }
}
#newsfeed .newsfeed-block.newsfeed-all-display-type-list .wfcontent .content-info, #newsfeed .newsfeed-block.newsfeed-all-display-type-photo .wfcontent .content-info, #newsfeed .newsfeed-block.newsfeed-all-display-type-card .wfcontent .content-info { font-size: 75%; }
.newsfeed-block-contents-container::after { content: ""; display: table; clear: both; }
.newsfeed-block.newsfeed-all-display-type-card .wfcontent:nth-child(n+9), .newsfeed-block.newsfeed-all-display-type-photo .wfcontent:nth-child(n+9), .newsfeed-block.newsfeed-all-display-type-list .wfcontent:nth-child(n+8) { display: none !important; }
@media (min-width: 768px) {
  .newsfeed-block.newsfeed-all-display-type-list .wfcontent { width: 50%; padding: 0px; position: relative; float: left; }
  #newsfeed .newsfeed-block.newsfeed-all-display-type-list .wfcontent { padding: 0px; }
  #newsfeed .newsfeed-block.newsfeed-all-display-type-list .wfcontent:nth-child(2n+2) { padding-right: 5px !important; }
  #newsfeed .newsfeed-block.newsfeed-all-display-type-list .wfcontent:nth-child(2n+3) { padding-left: 5px !important; }
  .newsfeed-block.newsfeed-all-display-type-carousel .wfcontent .content-leading .img-wrap::before, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent .content-leading .img-wrap::before, .newsfeed-block.newsfeed-all-display-type-list .wfcontent .content-leading .img-wrap::before { padding-top: 75%; }
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent, .newsfeed-block.newsfeed-all-display-type-card .wfcontent { width: calc(25% - 3.75px); margin: 0px 5px 5px 0px !important; padding: 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-photo .wfcontent:nth-child(4n), .newsfeed-block.newsfeed-all-display-type-card .wfcontent:nth-child(4n) { margin-right: 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-list .wfcontent:nth-child(2), .newsfeed-block.newsfeed-all-display-type-list .wfcontent:nth-child(3) { margin-top: 0px !important; }
  .newsfeed-block.newsfeed-all-display-type-card .wfcontent .wfcontent-container { padding: 5px !important; }
}
.newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child { width: 100%; font-size: 120%; padding: 0px !important; margin-bottom: 1em !important; }
.newsfeed-block.newsfeed-all-display-type-carousel .wfcontent.newsfeed-display-type-carousel .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-carousel .wfcontent.newsfeed-display-type-carousel-right .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent.newsfeed-display-type-normal .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent.newsfeed-display-type-normal-right .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child { font-size: 120%; }
.newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child .content-title { white-space: normal; font-weight: bold; }
.newsfeed-block.newsfeed-all-display-type-carousel .wfcontent.newsfeed-display-type-carousel .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-carousel .wfcontent.newsfeed-display-type-carousel-right .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent.newsfeed-display-type-normal .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-normal .wfcontent.newsfeed-display-type-normal-right .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type:first-child .content-leading.flex-item { width: calc(9.6em); }
@media (max-width: 767px) {
  .newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type:first-child .content-leading.flex-item { width: calc(6.4em); }
}
#newsfeed .newsfeed-block .content-title + .content-body { margin-top: 0.5em; }
#newsfeed .newsfeed-block.newsfeed-all-display-type-list .content-body, #newsfeed .newsfeed-block.newsfeed-all-display-type-photo .content-body, #newsfeed .newsfeed-block.newsfeed-all-display-type-card .content-body { font-size: 60%; opacity: 0.8; line-height: 1.5; max-height: 4.49em; display: block; }
@supports (-webkit-line-clamp:3) {
  #newsfeed .newsfeed-block.newsfeed-all-display-type-list .content-body, #newsfeed .newsfeed-block.newsfeed-all-display-type-photo .content-body, #newsfeed .newsfeed-block.newsfeed-all-display-type-card .content-body { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
.newsfeed-block.newsfeed-all-display-type-carousel h2 { margin-bottom: 0px; }
#newsfeed .carousel-wrap { max-width: 720px; margin-left: auto; margin-right: auto; }
#newsfeed .carousel-wrap .wfcontent.newsfeed-display-type-imagebg-nobody .wfcontent-container, #newsfeed .carousel-wrap .wfcontent.newsfeed-display-type-imagebg .wfcontent-container { padding-left: 48px; padding-right: 48px; padding-bottom: 28px; }
#newsfeed .carousel-wrap .wfcontent.image-bg .wfcontent-container { inset: auto 0px 0px; position: absolute !important; }
#newsfeed .carousel-wrap .wfcontent.image-bg { height: 235px; position: relative; }
#newsfeed .carousel-wrap .wfcontent.image-bg h2.content-title { position: relative; overflow: hidden; max-height: calc(4.1em + 10px); display: block; padding: 0px 0px 10px; text-overflow: ellipsis; }
@supports (-webkit-line-clamp:3) {
  #newsfeed .carousel-wrap .wfcontent.image-bg h2.content-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
#newsfeed .carousel-wrap .wfcontent.image-bg .content-body { position: relative; overflow: hidden; max-height: calc(4.7em); display: block; text-overflow: ellipsis; white-space: nowrap; }
@supports (-webkit-line-clamp:3) {
  #newsfeed .carousel-wrap .wfcontent.image-bg .content-body { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (max-width: 767px) {
  #newsfeed .carousel-wrap .wfcontent.image-bg { height: 216px; position: relative; }
  #newsfeed .carousel-wrap .wfcontent.image-bg h2.content-title { position: relative; overflow: hidden; max-height: calc(4.1em); display: block; }
  @supports (-webkit-line-clamp:3) {
  #newsfeed .carousel-wrap .wfcontent.image-bg h2.content-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
  #newsfeed .carousel-wrap .wfcontent.image-bg .content-body { position: relative; overflow: hidden; max-height: calc(4.7em); display: block; text-overflow: ellipsis; white-space: nowrap; }
  @supports (-webkit-line-clamp:3) {
  #newsfeed .carousel-wrap .wfcontent.image-bg .content-body { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
}
a.content-link-overwrap { position: absolute; inset: 0px; text-decoration: none; background: rgba(255, 255, 255, 0); }
a.content-link-overwrap::before { content: ""; position: absolute; inset: 0px; background: white; opacity: 0; }
.wfcontent.has-vote, .wfcontent.has-quiz, .wfcontent.has-vote.has-quiz { }
.wfcontent.has-vote .content-title::before, .wfcontent.has-quiz .content-title::before { font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; display: inline-block; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; }
.wfcontent.has-vote .content-title::before { content: "VOTE"; background: rgb(220, 189, 35); color: rgb(66, 56, 11); text-shadow: none; }
.wfcontent.has-quiz .content-title::before { content: "QUIZ"; background: rgb(199, 55, 56); color: rgb(252, 243, 243); text-shadow: none; }
.wfcontent .content-feedlabel { text-align: left; font-size: 60%; margin-top: -1em; margin-bottom: 0.5em; }
.newsfeed-all-display-type-photo .wfcontent .content-feedlabel { position: absolute; top: 0px; right: 0px; margin: 0px; }
.wfcontent .content-feedlabel > span { line-height: 1; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0.25em; white-space: nowrap; text-shadow: none; position: relative; top: 0.05em; vertical-align: middle; }
.wfcontent .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); font-weight: bold; font-family: "Noto Sans Arabic", sans-serif; }
.newsfeed-block .wfcontent .content-feedlabel { position: absolute; bottom: 0px; right: 0px; margin: 0px; z-index: 10; max-width: 100%; }
.wfcontent .content-link[target="_blank"] .content-title::before { font-family: FontAwesome; font-weight: normal; font-style: normal; content: ""; font-size: 66.6667%; margin-right: 0.4em; opacity: 0.5; vertical-align: text-bottom; color: inherit; background: inherit; }
.wfcontent .content-link[target="_blank"]:hover .content-title::before { opacity: 1; }
.wfcontent[data-limited] .content-title::before { font-family: FontAwesome; content: ""; opacity: 0.2; margin-right: 0.25em; }
.wfcontent[data-limited="locked"] .content-title::before { }
.wfcontent[data-limited="unlocked"] .content-title::before { content: ""; }

#users-heading { max-width: 720px; margin-left: auto; margin-right: auto; }
@media (max-width: 1063px) {
  #users-heading { padding: 15px; }
}
#users-heading h1 { opacity: 0.5; }
#users { position: relative; }
@media (max-width: 767px) {
  #users { font-size: 80%; }
}
#users .wfuser, .wfuser-container { max-width: 720px; margin: 0px auto; position: relative; }
@media (max-width: 1063px) {
  #users .wfuser { padding-left: 15px; padding-right: 15px; }
}
#users .wfuser { padding-top: 30px; padding-bottom: 30px; }
#users .wfuser .wfuser-link { display: block; }
#users .wfuser .wfuser-link:hover { text-decoration: none; }
#users .wfuser .wfuser-desc { max-height: 6.3em; overflow: hidden; }
#users .wfuser .wfuser-image { width: 100%; height: auto; border-radius: 50%; }
#users .wfuser.is-official-user { }
#users .wfuser::after { clear: both; display: block; content: ""; height: 0px; width: 100%; visibility: hidden; }
#users .wfuser + .wfuser { border-top: 1px solid rgb(238, 238, 238); }
#users .wfuser .wfuser-name { margin-top: 0px; }
@media (min-width: 768px) {
  #users .wfuser .wfuser-avatar { width: 25%; }
  #users .wfuser .wfuser-info { width: 75%; }
  .wfuser-info-container { padding-left: 15px; }
  #users .wfuser .wfuser-desc { font-size: 87.5%; }
}
@media (max-width: 767px) {
  #users-heading h1 { margin: 0px; }
  #users-heading > .container { padding: 0px; }
  #users h2 { font-size: 142.857%; }
  #users .wfuser { text-align: center; }
  #users .wfuser .wfuser-avatar, #users .wfuser .wfuser-info { margin-left: auto; margin-right: auto; }
  #users .wfuser .wfuser-info { padding-top: 15px; }
  #users .wfuser .wfuser-avatar { width: 75%; }
}
#users .widget { background: rgb(248, 248, 248); padding: 20px 15px; margin: 0px; }
#tenants-heading { max-width: 720px; margin-left: auto; margin-right: auto; }
@media (max-width: 1063px) {
  #tenants-heading { padding: 15px; }
}
#tenants-heading h1 { opacity: 0.5; }
#tenants { position: relative; }
@media (max-width: 767px) {
  #tenants { font-size: 80%; }
}
#tenants .wftenant, .wftenant-container { max-width: 720px; margin: 0px auto; position: relative; }
@media (max-width: 1063px) {
  #tenants .wftenant { padding-left: 15px; padding-right: 15px; }
}
#tenants .wftenant { padding-top: 30px; padding-bottom: 30px; }
#tenants .wftenant .wftenant-link { display: block; }
#tenants .wftenant .wftenant-link:hover { text-decoration: none; }
#tenants .wftenant .wftenant-desc { }
#tenants .wftenant .wftenant-image { width: 100%; height: auto; }
#tenants .wftenant.is-official-user { }
#tenants .wftenant::after { clear: both; display: block; content: ""; height: 0px; width: 100%; visibility: hidden; }
#tenants .wftenant + .wftenant { border-top: 1px solid rgb(238, 238, 238); }
#tenants .wftenant .wftenant-name { margin-top: 0px; }
@media (min-width: 768px) {
  #tenants .wftenant .wftenant-avatar { width: 25%; }
  #tenants .wftenant .wftenant-info { width: 75%; }
  .wftenant-info-container { padding-left: 15px; }
  #tenants .wftenant .wftenant-desc { font-size: 87.5%; }
}
@media (max-width: 767px) {
  #tenants-heading h1 { margin: 0px; }
  #tenants-heading > .container { padding: 0px; }
  #tenants h2 { font-size: 142.857%; }
  #tenants .wftenant { text-align: center; }
  #tenants .wftenant .wftenant-avatar, #tenants .wftenant .wftenant-info { margin-left: auto; margin-right: auto; }
  #tenants .wftenant .wftenant-info { padding-top: 15px; }
  #tenants .wftenant .wftenant-avatar { width: 75%; }
}
#tenants .widget { background: rgb(248, 248, 248); padding: 20px 15px; margin: 0px; }

#newsfeed.newsfeed-all-display-type-flex .content-user-official { display: none; }
@media (min-width: 768px) {
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent { padding-top: 0.5em; padding-bottom: 0.5em; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child { padding-top: 0px; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent + .wfcontent { border-top: none; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent .content-info { margin-top: 0.75em; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container { flex-direction: column; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent:not(:nth-child(22n+1)) .content-title { height: 2.8em; overflow: hidden; display: block; }
  @supports (-webkit-line-clamp:2) {
  #newsfeed.newsfeed-all-display-type-flex .wfcontent:not(:nth-child(22n+1)) .content-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:not(:nth-child(22n+1)) { display: inline-block; vertical-align: top; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14) { float: left; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) { float: right; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+18), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+19) { float: left; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17) { clear: left; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+1) { clear: right; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+2), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+3), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) { width: 50%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+2) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+3) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-link { font-size: 90%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+4), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+5), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+6), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+8), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+9), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+10), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+11), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+12), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+18), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+19) { width: calc(33.3333% - 0.333333px); }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+4) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+5) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+6) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+8) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+9) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+10) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+11) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+12) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+18) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+19) .content-link { font-size: 80%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) { width: calc(66.6667%); }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-link { font-size: 90%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent { overflow: hidden; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(n+1) { height: 23rem; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+2), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+3) { height: 28rem; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) { height: 14.5rem; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) { height: 29rem; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+1) { height: auto; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent .content-title { padding-bottom: 0px; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item { width: 100%; padding: 0px; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item + .flex-item { width: 100%; padding-top: 0.5em; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap { border: 1px solid rgb(204, 204, 204); }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap::before { padding-top: 61.2%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+8) > .wfcontent-container > .content-leading .img-wrap::before, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+12) > .wfcontent-container > .content-leading .img-wrap::before, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14) > .wfcontent-container > .content-leading .img-wrap::before, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) > .wfcontent-container > .content-leading .img-wrap::before { padding-top: 75%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(1) > .wfcontent-container > .content-leading .img-wrap { position: relative; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(1) > .wfcontent-container > .content-leading .img-wrap::before { display: none; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(1) > .wfcontent-container > .content-leading .img-wrap > img { position: static; width: 100%; height: auto !important; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) > .wfcontent-container, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container { display: block; height: 100%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) > .wfcontent-container > .content-leading, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading { flex: 0 0 100%; display: flex; flex-direction: column; height: 100%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading .img-wrap { flex: 0 0 100%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) > .wfcontent-container > .content-leading + .flex-item, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading + .flex-item, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading + .flex-item, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading + .flex-item, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading + .flex-item, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading + .flex-item { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 10px 25px 10px 10px; color: white; text-shadow: black 0px 0px 2px, rgba(0, 0, 0, 0.5) 0px 0px 6px; }
  body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) > .wfcontent-container > .content-leading + .flex-item, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading + .flex-item, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading + .flex-item, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading + .flex-item, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading + .flex-item, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading + .flex-item { padding-right: 10px; padding-left: calc(25px); }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-link .content-title, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-link .content-title, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-link .content-title, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-link .content-title, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-link .content-title, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-link .content-title { color: white; height: auto; max-height: 2.8em; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-body, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-body, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-body, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-body, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-body, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-body, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-info { color: white; display: none; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-feedlabel, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-feedlabel, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-feedlabel, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-feedlabel, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-feedlabel, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-feedlabel { position: absolute; inset: auto 16px 1px auto; margin: 0px; }
}
@media (min-width: 1064px) {
  body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-feedlabel, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-feedlabel, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-feedlabel, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-feedlabel, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-feedlabel, body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-feedlabel { right: 1px; }
}
@media (max-width: 767px) {
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent { padding-top: 0.5em; padding-bottom: 0.5em; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child { padding-top: 0px; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent + .wfcontent { border-top: none; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent .content-info { margin-top: 0.75em; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container { flex-direction: column; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+4) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+5) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+6) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+7) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+8) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+9) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+10) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+11) .content-title { height: 4.2em; overflow: hidden; display: block; }
  @supports (-webkit-line-clamp:3) {
  #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+4) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+5) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+6) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+7) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+8) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+9) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+10) .content-title, #newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+11) .content-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) { display: inline-block; vertical-align: top; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10), #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) { width: 50%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10) .content-link, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) .content-link { font-size: 66%; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent-container { padding: 0px; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent .content-title { padding-bottom: 0px; }
  #newsfeed.newsfeed-all-display-type-flex .wfcontent .content-bookmark, #newsfeed.newsfeed-all-display-type-flex .wfcontent .content-info { font-size: 75%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item { width: 100%; padding: 0px; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item + .flex-item { width: 100%; padding-top: 0.5em; padding-left: 0.75em; padding-right: 0.75em; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap { border: 1px solid rgb(204, 204, 204); }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap::before { padding-top: 100%; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+1) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+2) > .wfcontent-container > .content-leading .img-wrap, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+3) > .wfcontent-container > .content-leading .img-wrap { position: relative; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+1) > .wfcontent-container > .content-leading .img-wrap::before, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+2) > .wfcontent-container > .content-leading .img-wrap::before, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+3) > .wfcontent-container > .content-leading .img-wrap::before { display: none; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+1) > .wfcontent-container > .content-leading .img-wrap > img, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+2) > .wfcontent-container > .content-leading .img-wrap > img, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+3) > .wfcontent-container > .content-leading .img-wrap > img { position: static; width: 100%; height: auto !important; }
  #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) .content-bookmark, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10) .content-info, #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) .content-info { display: none !important; }
}

.network-error > span::after { content: "通信エラーです" "\a " "しばらくして再読み込みしてください"; }

body:not(.page-menufeed) .wfcontent .content-feedlabel > span::before, body.page-menufeed .newsfeed-block .wfcontent .content-feedlabel > span::before { content: " "; }
body:not(.page-menufeed):not([data-page-tag="編集部より"]) .wfcontent[data-tags*=" 編集部より "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="編集部より"]) .wfcontent[data-tags*=" 編集部より "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="編集部より"]) .wfcontent[data-tags*=" 編集部より "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="編集部より"]) .wfcontent[data-tags*=" 編集部より "] .content-feedlabel > span::before { content: "編集部より"; }
body:not(.page-menufeed):not([data-page-tag="連載"]) .wfcontent[data-tags*=" 連載 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="連載"]) .wfcontent[data-tags*=" 連載 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="連載"]) .wfcontent[data-tags*=" 連載 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="連載"]) .wfcontent[data-tags*=" 連載 "] .content-feedlabel > span::before { content: "連載"; }
body:not(.page-menufeed):not([data-page-tag="生活道具"]) .wfcontent[data-tags*=" 生活道具 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="生活道具"]) .wfcontent[data-tags*=" 生活道具 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="生活道具"]) .wfcontent[data-tags*=" 生活道具 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="生活道具"]) .wfcontent[data-tags*=" 生活道具 "] .content-feedlabel > span::before { content: "生活道具"; }
body:not(.page-menufeed):not([data-page-tag="生き方"]) .wfcontent[data-tags*=" 生き方 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="生き方"]) .wfcontent[data-tags*=" 生き方 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="生き方"]) .wfcontent[data-tags*=" 生き方 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="生き方"]) .wfcontent[data-tags*=" 生き方 "] .content-feedlabel > span::before { content: "生き方"; }
body:not(.page-menufeed):not([data-page-tag="花と緑"]) .wfcontent[data-tags*=" 花と緑 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="花と緑"]) .wfcontent[data-tags*=" 花と緑 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="花と緑"]) .wfcontent[data-tags*=" 花と緑 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="花と緑"]) .wfcontent[data-tags*=" 花と緑 "] .content-feedlabel > span::before { content: "花と緑"; }
body:not(.page-menufeed):not([data-page-tag="暮らしの知恵"]) .wfcontent[data-tags*=" 暮らしの知恵 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="暮らしの知恵"]) .wfcontent[data-tags*=" 暮らしの知恵 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="暮らしの知恵"]) .wfcontent[data-tags*=" 暮らしの知恵 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="暮らしの知恵"]) .wfcontent[data-tags*=" 暮らしの知恵 "] .content-feedlabel > span::before { content: "暮らしの知恵"; }
body:not(.page-menufeed):not([data-page-tag="読みもの"]) .wfcontent[data-tags*=" 読みもの "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="読みもの"]) .wfcontent[data-tags*=" 読みもの "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="読みもの"]) .wfcontent[data-tags*=" 読みもの "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="読みもの"]) .wfcontent[data-tags*=" 読みもの "] .content-feedlabel > span::before { content: "読みもの"; }
body:not(.page-menufeed):not([data-page-tag="季節の家仕事"]) .wfcontent[data-tags*=" 季節の家仕事 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="季節の家仕事"]) .wfcontent[data-tags*=" 季節の家仕事 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="季節の家仕事"]) .wfcontent[data-tags*=" 季節の家仕事 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="季節の家仕事"]) .wfcontent[data-tags*=" 季節の家仕事 "] .content-feedlabel > span::before { content: "季節の家仕事"; }
body:not(.page-menufeed):not([data-page-tag="家庭料理"]) .wfcontent[data-tags*=" 家庭料理 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="家庭料理"]) .wfcontent[data-tags*=" 家庭料理 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="家庭料理"]) .wfcontent[data-tags*=" 家庭料理 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="家庭料理"]) .wfcontent[data-tags*=" 家庭料理 "] .content-feedlabel > span::before { content: "家庭料理"; }
body:not(.page-menufeed):not([data-page-tag="おいしいもの"]) .wfcontent[data-tags*=" おいしいもの "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="おいしいもの"]) .wfcontent[data-tags*=" おいしいもの "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="おいしいもの"]) .wfcontent[data-tags*=" おいしいもの "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="おいしいもの"]) .wfcontent[data-tags*=" おいしいもの "] .content-feedlabel > span::before { content: "おいしいもの"; }
body:not(.page-menufeed):not([data-page-tag="特集"]) .wfcontent[data-tags*=" 特集 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="特集"]) .wfcontent[data-tags*=" 特集 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="特集"]) .wfcontent[data-tags*=" 特集 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="特集"]) .wfcontent[data-tags*=" 特集 "] .content-feedlabel > span::before { content: "特集"; }
body:not(.page-menufeed):not([data-page-tag="占い"]) .wfcontent[data-tags*=" 占い "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="占い"]) .wfcontent[data-tags*=" 占い "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="占い"]) .wfcontent[data-tags*=" 占い "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="占い"]) .wfcontent[data-tags*=" 占い "] .content-feedlabel > span::before { content: "占い"; }
body:not(.page-menufeed):not([data-page-tag="読者プレゼント"]) .wfcontent[data-tags*=" 読者プレゼント "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="読者プレゼント"]) .wfcontent[data-tags*=" 読者プレゼント "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="読者プレゼント"]) .wfcontent[data-tags*=" 読者プレゼント "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="読者プレゼント"]) .wfcontent[data-tags*=" 読者プレゼント "] .content-feedlabel > span::before { content: "読者プレゼント"; }
body:not(.page-menufeed):not([data-page-tag="sponsored"]) .wfcontent[data-tags*=" sponsored "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="sponsored"]) .wfcontent[data-tags*=" sponsored "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="sponsored"]) .wfcontent[data-tags*=" sponsored "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="sponsored"]) .wfcontent[data-tags*=" sponsored "] .content-feedlabel > span::before { content: "sponsored"; }
body:not(.page-menufeed):not([data-page-tag="おしゃれ"]) .wfcontent[data-tags*=" おしゃれ "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="おしゃれ"]) .wfcontent[data-tags*=" おしゃれ "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="おしゃれ"]) .wfcontent[data-tags*=" おしゃれ "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="おしゃれ"]) .wfcontent[data-tags*=" おしゃれ "] .content-feedlabel > span::before { content: "おしゃれ"; }
body:not(.page-menufeed):not([data-page-tag="ハンドメイド"]) .wfcontent[data-tags*=" ハンドメイド "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="ハンドメイド"]) .wfcontent[data-tags*=" ハンドメイド "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="ハンドメイド"]) .wfcontent[data-tags*=" ハンドメイド "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="ハンドメイド"]) .wfcontent[data-tags*=" ハンドメイド "] .content-feedlabel > span::before { content: "ハンドメイド"; }
body:not(.page-menufeed):not([data-page-tag="防災"]) .wfcontent[data-tags*=" 防災 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="防災"]) .wfcontent[data-tags*=" 防災 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="防災"]) .wfcontent[data-tags*=" 防災 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="防災"]) .wfcontent[data-tags*=" 防災 "] .content-feedlabel > span::before { content: "防災"; }
body:not(.page-menufeed):not([data-page-tag="健康"]) .wfcontent[data-tags*=" 健康 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="健康"]) .wfcontent[data-tags*=" 健康 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="健康"]) .wfcontent[data-tags*=" 健康 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="健康"]) .wfcontent[data-tags*=" 健康 "] .content-feedlabel > span::before { content: "健康"; }
body:not(.page-menufeed):not([data-page-tag="収納"]) .wfcontent[data-tags*=" 収納 "] .content-feedlabel > span, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="収納"]) .wfcontent[data-tags*=" 収納 "] .content-feedlabel > span { color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.25); }
body:not(.page-menufeed):not([data-page-tag="収納"]) .wfcontent[data-tags*=" 収納 "] .content-feedlabel > span::before, body.page-menufeed .newsfeed-block:not([data-newsfeed-block-tag="収納"]) .wfcontent[data-tags*=" 収納 "] .content-feedlabel > span::before { content: "収納"; }

#subsc-link { display: flex !important; }
body { color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
.content-info { color: rgb(51, 51, 51); }
*, ::after, ::before { border-color: rgba(51, 51, 51, 0.5); }
#header-container, .menu-overflowed > .container { color: rgb(255, 255, 255); }
#header-bgs::after { border-bottom-color: rgb(220, 189, 196); }
.spiral-header-container { color: rgb(255, 255, 255); }
.spiral-header-bgs { border-bottom-color: rgb(220, 189, 196); }
#header-menu { color: rgb(255, 255, 255); }
.menu-overflowed > .container { color: rgb(255, 255, 255); background: rgb(220, 189, 196); }
#header-bg { background: rgb(220, 189, 196); }
.spiral-header-bg { background: rgb(220, 189, 196); }
#header-menu-bg { background: rgb(220, 189, 196); }
#header:not(.initialized) { background: rgb(220, 189, 196); }
@media (max-width: 767px) {
  #header:not(.initialized) #header-menu { background: rgb(220, 189, 196); }
}
#header-menu > a:hover, #header-menu > a.active { color: rgb(140, 30, 87); background: transparent; }
#header-menu > a:hover::after, #header-menu > a.active::after { border-bottom-color: rgb(140, 30, 87); }
#footer { color: rgb(255, 255, 255); background: rgb(220, 189, 196); }
.newsfeed-block-header h2 { color: rgb(51, 51, 51); }
#newsfeed .wfcontent .content-link .content-title { color: rgb(51, 51, 51); }
#newsfeed.newsfeed-all-display-type-photo, #newsfeed.newsfeed-all-display-type-card { background: rgb(255, 255, 255); }
body.page-ctstock #main > .content .content-summary a:not(.btn), body.page-ctstock #main > .content .content-body-body a:not(.btn), body.page-content #main > .content .content-summary a:not(.btn), body.page-content #main > .content .content-body-body a:not(.btn) { color: rgb(140, 30, 87); }
body.page-ctstock #main > .content .content-summary a:not(.btn):hover, body.page-ctstock #main > .content .content-summary a:not(.btn):active, body.page-ctstock #main > .content .content-body-body a:not(.btn):hover, body.page-ctstock #main > .content .content-body-body a:not(.btn):active, body.page-content #main > .content .content-summary a:not(.btn):hover, body.page-content #main > .content .content-summary a:not(.btn):active, body.page-content #main > .content .content-body-body a:not(.btn):hover, body.page-content #main > .content .content-body-body a:not(.btn):active { color: rgb(150, 35, 95); }
.article > .article-heading { color: rgb(51, 51, 51); border-color: rgb(69, 140, 71); }
.article > .article-subheading { color: rgb(51, 51, 51); border-color: rgb(69, 140, 71); }
.article > .quotebox { color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
.article > p.box { color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
body:not(.custom-sidebar-separate) .widgets, body.custom-sidebar-separate .widgets > *, #newsfeed .widget { color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
#newsfeed .marble { color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
#newsfeed .marblebar { color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
.btn, .btn:hover, .btn:active, a.btn, a.btn:hover, a.btn:active, a.btn:visited, button, button:hover, button:active, input[type="button"], input[type="submit"], input[type="reset"], input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { color: rgb(198, 144, 158); background: rgb(255, 255, 255); border: 1px solid rgba(198, 144, 158, 0.5); }
.btn-colored, .btn-colored:hover, .btn-colored:active, .btn-colored[disabled], .btn-colored[disabled]:hover, a.btn-colored, a.btn-colored:hover, a.btn-colored:active, a.btn-colored:visited, a.btn-colored[disabled], a.btn-colored[disabled]:hover, a.btn-colored[disabled]:visited, input[type="button"].btn-colored, input[type="button"].btn-colored:hover, input[type="button"].btn-colored:active, button:not([type]):not(.btn-normal), button[type="submit"]:not(.btn-normal), input[type="submit"]:not(.btn-normal), button[type="submit"]:not(.btn-normal):hover, input[type="submit"]:not(.btn-normal):hover, button[type="submit"]:not(.btn-normal):active, input[type="submit"]:not(.btn-normal):active { color: rgb(146, 17, 69); background: rgba(234, 106, 136, 0.25); border: 1px solid rgb(93, 66, 52); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { border-bottom-color: rgb(196, 54, 56); }
.nav-tabs > li > a:hover { border-bottom-color: rgba(196, 54, 56, 0.3); }
body.page-ctstock #main > .content .content-body-body a.content-paging-link.content-paging-link-current, body.page-ctstock #main > .content .content-body-body a.content-paging-link:hover, body.page-content #main > .content .content-body-body a.content-paging-link.content-paging-link-current, body.page-content #main > .content .content-body-body a.content-paging-link:hover { color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); border-color: rgb(51, 51, 51); }
.pinned-marker, .new-marker { font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: none; display: inline-block; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; }
.pinned-marker { content: "PICKUP"; color: rgb(102, 102, 0); background: rgb(240, 240, 0); }
.new-marker { content: "NEW"; color: rgb(251, 234, 234); background: rgb(192, 38, 38); }
.wfcontent.is-pinned .content-title::before { font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: none; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; content: "PICKUP"; color: rgb(102, 102, 0); background: rgb(240, 240, 0); display: none !important; }
.wfcontent[data-pubdate-recent="-0d"] .content-title::before { font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: none; display: inline-block; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; content: "NEW"; color: rgb(251, 234, 234); background: rgb(192, 38, 38); }
.pinned-marker { display: none; }
.pinned-marker, .wfuser-site, .user-heading-site, .content-author-site-wrap, .widget-content-author-site-wrap, #user-notifies-toggle:not(.has-notifies), span.content-author-image, .content-author-info .flex-item .content-author-name, .widget-content-author, #common-header #subsc-link, #common-header #subsc-menu, #common-header #js-add-header-r, .content[data-tags*="読者プレゼント"] .btn-gift, .content-body-custom-bottom .ct-segment, .page-ctstock .content:not([data-tags*="占い"]) .fortune-telling, .page-ctstock .content[data-tags*="占い"] .content-cover .content-title, .page-ctstock #main > .content[data-tags*="占い"] .content-tags, .page-ctstock .content[data-tags*="占い"] .sns-shares-content-top { display: none !important; }
html { overflow: initial; }
#newsfeed .content-author-info > .flex-item[data-pubdate]::after { content: attr(data-pubdate); display: block; }
@media (min-width: 768px) {
  #main { padding-top: 105px; }
  .spiral-header-container, #header-container { font-size: 14px; height: auto; }
  #header-menu { font-size: 90%; }
  #header-menu { -webkit-box-ordinal-group: 3; order: 3; width: 100%; padding-left: 15px; padding-right: 15px; }
  .spiral-header-defaults, #header-defaults { flex-wrap: wrap; }
  #header-menu > * { display: inline-block; }
  #header-menu { white-space: nowrap; }
  #header-menu > .menu-more { padding-left: 10px; padding-right: 10px; }
  #header-right { -webkit-box-ordinal-group: 2; order: 2; }
  #header-menu > a, #header-menu > span { padding: 12px 12px 10px; height: auto; }
  #header-menu-bg { background: rgb(220, 189, 196); }
}
#header-menu { margin-bottom: -2px; }
@media (min-width: 768px) {
  #header-menu { padding-left: 0px; padding-right: 0px; }
  .inserted-spiral .spiral-contents-container, #main-contents-container { padding-right: 290px; }
}
#header-menu > .nav-scroll { width: 100%; overflow: auto hidden; display: flex; justify-content: flex-start; height: auto; }
#header-menu > .nav-scroll > * { display: block; line-height: 1; position: relative; padding: 12px 0.5em; }
#header-menu > .nav-scroll > a + a { margin-left: 1em; }
#nativeadinfo.opened > .nativeadinfo-container, #signup.opened > .signup-container, #left-menu.opened #left-menu-container, #subsc-menu.opened .subsc-menu-container { transform: translateY(80px); }
@media (max-width: 767px) {
  #header-menu { padding: 0px; }
  #header-menu > .nav-scroll { justify-content: flex-start; }
  #header-menu > .nav-scroll > a:last-child { padding-right: 1em; }
  #header-menu > * { padding: 0px 5px; }
}
div#header-right a:hover { color: rgb(140, 30, 87); }
#header-right > a { font-size: 100%; text-align: center; }
#left-menu.opened + #header #header-right > a#menu-icon .fa-bars::before { content: ""; }
@media (max-width: 768px) {
  #header-right > a#menu-icon { order: 4; }
  #header-right > a#search-icon { order: 2; }
}
#path-custom-header { margin-bottom: 1.5em; }
.newsfeed-block-header h2 > a, .article > .article-heading { border-left: none; border-bottom-width: 3px; border-bottom-style: solid; position: relative; }
#newsfeed .wfcontent .content-body { margin-bottom: 7px; }
#newsfeed .wfcontent .content-feedlabel { margin-top: 0px; margin-bottom: 0px; }
#newsfeed .wfcontent .content-info { margin-top: 12px; }
.content-leading.flex-item { width: 30%; }
.content-leading.flex-item + .flex-item { width: 70%; }
.widget-content-leading { width: 40%; padding-right: 10px; position: relative; }
.widget-content-text { width: 60%; }
.content-leading .img-wrap::before, .widget-content-leading .img-wrap::before { padding-top: 75%; }
.widget.banners a { display: block; border: 1px solid rgb(239, 239, 239); }
@media (min-width: 768px) {
  .content-region .widget-content { width: 49%; margin: 15px 0px 0px !important; }
  .content-region .widget-content:nth-child(2n) { margin-left: 2% !important; }
}
@media (max-width: 768px) {
  .newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child { margin-bottom: 0px !important; }
  #newsfeed .wfcontent .content-body { font-size: 90%; }
  .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type .content-leading.flex-item, .widget-content-leading { width: 32%; }
  .content-leading.flex-item + .flex-item, .widget-content-text { width: 68%; }
  #newsfeed .wfcontent .content-link { font-size: 90%; }
  .widget-content-title { font-size: 75%; font-weight: normal; }
  #newsfeed .widget { background: rgb(255, 255, 255); padding: 20px 8px; margin: 0px; }
  .content-region .widget-content + .widget-content { margin-top: 8px !important; }
  .newsfeed-block .wfcontent .content-info { margin-bottom: 2em; }
}
.newsfeed.newsfeed-all-display-type-card .wfcontent .wfcontent-container { padding: 0px !important; }
.newsfeed.newsfeed-all-display-type-card .content-body-container { padding: 0px 10px 10px; }
body:not(.custom-sidebar-separate) .widgets, body.custom-sidebar-separate .widgets > *, #newsfeed .widget { background: none; }
.widgets { padding: 0px 8px; width: 280px; }
.widget { padding: 0px; }
.widget + .widget { margin-top: 32px; }
.widget h3 { display: block; border-bottom: 2px solid rgb(69, 140, 71); text-decoration: none; padding: 0px 0px 5px; color: rgb(51, 51, 51); font-size: 125%; }
.widget h3 a:hover { text-decoration: none; }
.content-region .widget h3 { color: rgb(51, 51, 51); }
.widget-content-leading { width: 40%; padding-right: 10px; position: relative; }
.widget-content-text { width: 60%; }
.widget-content-title { -webkit-line-clamp: 3; max-height: 4em; }
#header-menu > .nav-scroll > a:hover, #header-menu > .nav-scroll > a.active { color: rgb(140, 30, 87); }
#header-menu > .nav-scroll > a:active::after, #header-menu > .nav-scroll > a:hover::after, #header-menu > .nav-scroll > a.active::after { border-bottom: 2px solid rgb(140, 30, 87); }
#header-title::after { background: rgb(140, 30, 87); }
#header-right a.subsc-signup { color: rgb(140, 30, 87); }
ul.widget-tags-list > li { border: 1px solid rgb(69, 140, 71); color: rgb(46, 104, 48); background: rgb(255, 255, 255); }
ul.widget-tags-list:not(.horizontal) > li:hover { background: rgb(140, 30, 87); color: rgb(255, 255, 255); border: 1px solid rgb(140, 30, 87); }
ul.widget-tags-list.horizontal > li { color: rgb(46, 104, 48); border: none; background: none; }
ul.widget-tags-list.horizontal > li:hover { color: rgb(140, 30, 87); }
@media (max-width: 768px) {
  #newsfeed .widget { background: rgb(255, 255, 255); }
}
#main > .content a.content-tag, #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag, #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag { color: rgb(255, 255, 255); background: none; }
#main > .content .content-cover.image-bg a.content-tag, #main > .content a.content-tag { color: rgb(46, 104, 48); border: 1px solid rgb(69, 140, 71); }
#main > .content a.content-tag:hover, #main > .content .content-cover.image-bg a.content-tag:hover, #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag:hover, #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag:hover span, #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag:hover, #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag:hover span { background: rgb(69, 140, 71); color: rgb(255, 255, 255); }
.content-body .content-tags > .content-tag > span { opacity: 1; }
.main-block, .profile-box, .profile-spmsg-wrapper, .page-ctstock .content[data-tags*="占い"] .result-decoration, .page-ctstock .content[data-tags*="占い"] .article .profile-box, .page-ctstock .content[data-tags*="占い"] .article .block-lbox { background: rgb(220, 189, 196); }
#result-button { background: rgb(140, 30, 87); }
.card-content .card-name, .explanation-text a, .page-ctstock .content[data-tags*="占い"] .font-color-arcana { color: rgb(140, 30, 87); }
.main-block-decoration > svg > path, .result-decoration svg > path { fill: rgba(140, 30, 87, 0.5); }
.display-none { display: none; }
.btn_piano_id { background: rgb(220, 189, 196); border: 6px solid rgb(220, 189, 196); border-radius: 14px; }
.btn_piano_id:hover, .btn_piano_id:active { background: rgb(220, 189, 196); border: 6px solid rgb(220, 189, 196); border-radius: 14px; }
.newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type:first-child .content-leading.flex-item, .content-leading.flex-item { width: 30%; }
.content-leading.flex-item + .flex-item { width: 70%; }
.newsfeed-block-header h2 > a { border-bottom: 2px solid rgb(69, 140, 71); }
.newsfeed-block.newsfeed-all-display-type-card .wfcontent .wfcontent-container { padding: 0px !important; }
.newsfeed-all-display-type-card .wfcontent-container.flex-container > .flex-item + .flex-item { padding: 0px 10px 10px; }
#newsfeed .newsfeed-block .wfcontent .content-title { font-weight: bold; }
@media (max-width: 768px) {
  .newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child .content-leading.flex-item, .newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type:first-child .content-leading.flex-item { width: 40%; }
  .newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child { font-size: 100%; }
}
#newsfeed .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child, .newsfeed-block:first-child .newsfeed-block-header { padding-top: 0px; }
.newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type .content-leading.flex-item, .wfcontent.newsfeed-display-type-normal > .flex-container > .content-leading { width: 40%; padding-right: 10px; position: relative; }
#newsfeed .newsfeed-block .wfcontent + .wfcontent { margin-top: 8px; }
.content-leading.flex-item { width: 40%; padding-right: 10px; position: relative; }
.content-leading.flex-item + .flex-item { width: 60%; }
#newsfeed .newsfeed-all-display-type-list .content-leading .img-wrap { box-shadow: none; border: 1px solid rgb(222, 222, 222); }
#newsfeed .newsfeed-block .wfcontent .content-title { font-size: 92%; line-height: 1.3; overflow: hidden; max-height: 4em; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 3px; }
@media (min-width: 768px) {
  #path-custom-header { margin-bottom: 2em; }
  .newsfeed-block-header-container, .newsfeed-block.newsfeed-all-display-type-card .newsfeed-block-contents { padding-left: 0px; }
}
@media (max-width: 767px) {
  #newsfeed .newsfeed-block .wfcontent + .wfcontent { border-top: 1px solid rgb(237, 237, 237); margin-top: 10px; padding-top: 10px; }
  #newsfeed .newsfeed-block .wfcontent .content-title { font-size: 100%; }
}
.newsfeed-block .content-title, .newsfeed-block .content-author-info > .flex-item { white-space: normal; }
@media (min-width: 768px) {
  .carousel2 .carousel-nav-prev, .carousel2 .carousel-nav-next { width: 5%; }
  .carousel2 .carousel-nav-prev:hover, .carousel2 .carousel-nav-next:hover { background: rgba(60, 60, 60, 0.2); }
}
.carousel2 .carousel-nav-prev, .carousel2 .carousel-nav-next { opacity: 0.75; }
.carousel2 .carousel-nav-prev:hover, .carousel2 .carousel-nav-next:hover { opacity: 1; }
.carousel2 .carousel-nav-prev::before, .carousel2 .carousel-nav-next::before { text-shadow: black 0px 0px 10px, rgba(0, 0, 0, 0.25) 0px 0px 5px; }
@media (min-width: 768px) {
  .page-index .carousel-container > .wfcontent.image-bg::before { padding-top: 52.5%; }
}
.page-index .carousel-container > .wfcontent.image-bg .content-title { font-size: 1.2rem; font-weight: bold; background: rgba(1, 1, 1, 0.3); }
@media (max-width: 767px) {
  .page-index #index-content { height: 61.7vw; }
}
.main-contents-header-description { padding: 0.8em 1em 0em; background: rgb(255, 253, 247); border: 1px solid rgb(69, 140, 71); border-radius: 5px; }
.main-contents-header-description-read { margin: 0px 0px 0em; font-size: 125%; color: rgb(46, 104, 48); text-align: center; line-height: 1.5em; }
.main-contents-header-description-text { font-size: 90%; line-height: 1.8em; }
.main-contents-header-description-name { font-size: 85%; line-height: 1.8em; margin: 0.8em 0px 0px; text-align: right; }
@media (max-width: 767px) {
  #newsfeed .widget.subsc-description { border-bottom: 1px solid rgb(238, 238, 238); padding: 0px 20px 30px; margin-top: 1.5em; }
  #newsfeed .main-contents-header-description-read { font-size: 110%; }
}

form .error_msg.no_error { display: none !important; }

.ratio-wrapped iframe, .ratio-wrapped video, .ratio-wrapped img { margin: 0px; }
.ratio-wrapped[data-ratio-wrapped^="1."][data-ratio-src*="//www.youtube.com/embed/"] { max-width: min(100%, 405px) !important; }

#input-clear { position: absolute; z-index: 99999; background: transparent; cursor: pointer; border-style: solid; border-color: transparent; display: none; }
#input-clear::before { font-family: FontAwesome; font-style: normal; font-weight: normal; opacity: 0.5; content: ""; }

#carousel-aki9E-1kw-506-99O-NO051zXM > .carousel-contents > .carousel-content { animation-duration: 500ms; }


#header-bg, .spiral-header-bg { height: 64px; }
#header-menu-bg { height: 100vh; }
@media (max-width: 767px) {
  #header.slide-up #header-container { transform: translateY(-64px); }
}
@media (min-width: 768px) {
  body.custom-header-image-center #header.slide-up #header-container, body.custom-header-menu-always-mobile #header.slide-up #header-container { transform: translateY(-64px); }
  #main { padding-top: 77px; }
  body.custom-header-image-center #main, body.custom-header-menu-always-mobile #main { padding-top: 110.594px; }
}
@media (max-width: 767px) {
  #main { padding-top: 104.594px; }
}
#main { min-height: calc(-87px + 100vh); }

.main-contents { position: relative; min-height: 7076px; }

#freeq-here { position: fixed; z-index: 32767; }
#freeq-here.focused { position: absolute; }

.tp-backdrop { display: none; position: fixed; inset: 0px; background: rgb(18, 18, 20); z-index: 300000; opacity: 0; transition: opacity 0.25s linear; }
.tp-backdrop.tp-active { opacity: 0.9; }
.tp-modal .tp-close.tp-square { background: rgb(204, 204, 204); border-radius: 0px; border: 0px; top: 0px; right: -40px; }
.tp-modal .tp-close { pointer-events: none; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 7.208l-.706-.708-2.798 2.798L7.207 6.5l-.707.707 2.798 2.799L6.503 12.8l.707.707 2.796-2.795 2.792 2.792.707-.707-2.792-2.792 2.798-2.798z' fill='%23000' fill-opacity='.4'/%3E%3C/svg%3E") center center no-repeat rgb(255, 255, 255); border: none; box-shadow: rgba(28, 37, 68, 0.15) 0px 0px 10px; outline: none; z-index: 300100; border-radius: 40px; opacity: 0; cursor: pointer; appearance: none; transform: scale(1); }
.tp-modal .tp-modal-title { position: absolute; padding: 3px; top: 5px; left: -200em; }
.tp-modal .tp-close:hover, .tp-modal .tp-close:focus { box-shadow: rgba(28, 37, 68, 0.15) 0px 0px 10px 2px; }
.tp-modal .tp-close:focus { border: 1px solid; }
.tp-modal .tp-close.tp-active { display: block; opacity: 1; pointer-events: auto; }
.tp-modal .tp-iframe-wrapper[dir="rtl"] .tp-close { right: initial; left: -20px; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close { top: 0px; right: 0px; width: 64px; height: 64px; box-shadow: none; outline: none; border-radius: 0px; border-left: 1px solid rgba(15, 15, 21, 0.2); background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath d='M3 3L13 13M13 3L3 13' stroke='%230F0F15' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center center no-repeat; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active { opacity: 0.3; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:hover, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus-visible { border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid rgba(15, 15, 21, 0.06); opacity: 1; box-shadow: none; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus-visible::after { content: ""; width: 24px; height: 24px; border-radius: 4px; border: 1px solid rgb(59, 103, 178); position: absolute; top: 19px; left: 18px; display: inline-block; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close { right: auto; left: 0px; border-left: none; border-right: 1px solid rgba(15, 15, 21, 0.2); }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close:hover, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close:focus { border-left: none; border-right: 1px solid rgba(15, 15, 21, 0.06); }
.tp-modal { z-index: 300050; }
@media screen and (max-width: 650px) {
  .tp-modal .tp-close { right: 0px; }
  .tp-modal .tp-iframe-wrapper[dir="rtl"] .tp-close { right: initial; left: 0px; }
}
.tp-modal .tp-iframe-wrapper.tp-curtain { width: 600px; height: 480px; }
.tp-modal-open { height: 100vh; overflow: hidden !important; }
.tp-modal-open.tp-modal-resizing { }
.tp-modal-close { overflow: auto; }
.tp-iframe-wrapper { position: relative; margin: 50px auto; box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px; }
.tp-iframe-wrapper.no-shadow { box-shadow: unset; }
.tp-modal { overflow-x: hidden; display: none; position: fixed; inset: 0px; transform: translateZ(0px); overflow-y: scroll !important; }
.tp-modal .tp-message { font-family: "Noto Sans JP", sans-serif; padding: 10px; }
.tp-modal .tp-btn-container { padding-left: 10px; padding-bottom: 10px; }
.tp-cxense-placeholder-modal { width: 100%; background-color: rgb(255, 255, 255); max-width: 912px; display: block; overflow: hidden; height: auto; opacity: 1; }
.tp-widget-placeholder > div::after { display: block; content: ""; clear: both; }
.tp-btn { text-decoration: none; cursor: pointer; padding: 0px 18px; line-height: 40px; border-collapse: separate; border-radius: 4px; text-align: center; vertical-align: middle; display: inline-block; color: rgb(255, 255, 255); border: none; box-shadow: rgba(216, 218, 221, 0) 0px -1px inset; background: center bottom rgb(56, 120, 216); text-shadow: none; font-family: "Noto Sans JP", sans-serif; white-space: nowrap; outline: 0px; }
.tp-please-wait.tp-active { display: block; opacity: 0.9; transition: opacity 0.25s linear; }
.tp-please-wait { position: absolute; top: 0px; left: 0px; background-color: rgb(153, 153, 153); opacity: 0; width: 100%; height: 100%; display: none; text-align: center; color: rgb(255, 255, 255); font-weight: lighter; font-family: "Noto Sans JP", sans-serif; font-size: 15px; }
.tp-please-wait.tp-overlap { position: fixed; z-index: 300150; }
.tp-please-wait.tp-local-overlap { position: absolute; }
.tp-please-wait > .tp-icon { width: 80px; height: 80px; margin: 100px auto 20px; }
.pn-spinner { color: gray; display: inline-block; position: relative; width: 80px; height: 80px; }
.pn-spinner div { transform-origin: 40px 40px; animation: 1.2s linear 0s infinite normal none running pn-spinner; }
.pn-spinner div::after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: rgb(255, 255, 255); }
.pn-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.pn-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.pn-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.pn-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.pn-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.pn-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.pn-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.pn-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
.pn-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
.pn-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.pn-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.pn-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
@keyframes pn-spinner { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.tp-please-wait > .tp-icon.tp-centered { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tp-iframe-wrapper.no-width .tp-close, .tp-iframe-wrapper.no-height .tp-close, .tp-modal.no-width .tp-close, .tp-modal.no-height .tp-close { display: none; }
.tp-banner { position: fixed; bottom: 0px; left: 0px; width: 100%; }
.tp-banner > .tp-container-inner, .tp-banner > .tp-container-inner > iframe { width: inherit !important; }
.tp-modal-overscroll-prevented { overscroll-behavior: contain; width: 100%; overflow-x: unset; overflow-y: scroll; }
.tp-scroll-prevented { height: 100vh; overflow: hidden; touch-action: none; }
.tp-body-scroll-prevented { touch-action: none; }
.piano-widget-container-fade { opacity: 0; animation: 0.5s ease-in-out 0s 1 normal none running piano-widget-fade; }
@keyframes piano-widget-fade { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

#header-menu > .nav-scroll > a:hover, #header-menu > .nav-scroll > a.active { background: transparent; }
#header-menu > .nav-scroll > a.active { font-weight: bold; }
#header-menu > .nav-scroll > a:active::after, #header-menu > .nav-scroll > a:hover::after, #header-menu > .nav-scroll > a.active::after { content: ""; display: block; position: absolute; top: 100%; left: 0px; right: 0px; transform: translateY(-2px); }
#header-title { font-size: 100%; color: rgb(255, 255, 255); font-weight: normal; }
#header-right::before { font-size: 12px; }
@media (min-width: 768px) {
  #header-title { max-width: 400px; align-items: center; }
}
@media (max-width: 768px) {
  #header-title { align-items: center; flex-direction: column; }
}
.piano_btn_login { font-size: 125%; font-weight: bold; }
.piano_btn_register { font-size: 125%; font-weight: bold; }
.piano_btn_loggedin { font-size: 125%; font-weight: bold; }
.piano_btn_login_s { font-size: 125%; font-weight: bold; }
.grid_ft { display: grid; margin: 10px; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.ft_link { border-radius: 10px; background: rgb(221, 220, 214); padding: 15px; text-align: center; }
#common-header #subsc-link, #common-header #js-add-header-r { display: none !important; }
#user-notifies-toggle { display: none; }
#header-right #signup-icon { order: 1; }
#header-right > a { order: 2; }
@media (max-width: 767px) {
  a#search-icon { display: none; }
}
#header .u-side-col--search .wedget-search-form > button { font-size: 90%; }
#header .header-r--pc .u-side-col--search .wedget-search-form { padding: 0.3em 0.3em 0.25em 0.65em; }
#header .header-r--pc .u-side-col--search.no--ttl { margin-left: 1.15em; }
#main .u-side-col--search { padding-top: 20px; }
.u-side-col--search .wedget-search-form { display: flex; border: 1px solid rgb(51, 51, 51); padding: 0px; justify-content: space-between; border-radius: 0.2em; width: calc(100% - 2em); margin: 0px 1em; background: rgb(255, 255, 255); opacity: 0.7; }
.u-side-col--search .wedget-search-form > input { width: calc(100% - 2em); border: none; border-radius: 0px; margin: 0px; padding: 0.2em 0.5em; line-height: 1; }
.u-side-col--search .wedget-search-form > button { border: none; background: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 0px 0px 1px; transition: 0.2s; width: 1.7em; height: 1.7em; font-size: 125%; border-radius: 0em; margin: 0px; }
.u-side-col--search .wedget-search-form > button:hover { background: rgb(102, 102, 102); border: none; }
li#js-add-header-r { padding: 16px 0px 8px; border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 8px; }
.u-side-col--search .wedget-search-form:focus-within { opacity: 1; }
#header-right { padding: 0px; justify-content: flex-end; width: 25em; }
#signuped-user { height: 32px; width: 32px; border-radius: 24px; font-size: 24px; background-color: rgba(0, 0, 0, 0.25); }
#header-right > a#menu-icon { display: flex; justify-content: center; align-items: center; flex-direction: column; }
#header-right > a { width: auto; text-align: center; padding: 5px 12px; order: 2; }
#header-right i { font-size: 120%; }
@media (min-width: 768px) {
  .member-signup { display: none; }
}
@media (max-width: 767px) {
  #header-right { width: calc(100% - 240px); padding: 0px 8px; }
  #header-right i { font-size: 160%; }
  #header-right > a { padding: 8px 8px 0px; }
  #header-right a::after { display: block; font-size: 78.5%; line-height: 2; }
  #menu-icon::after { content: "MENU"; }
  #search-icon::after { content: "SEARCH"; }
  #signup-icon .for-ptluser { margin-top: 4px; }
}
@media (max-width: 374px) {
  #header-title { max-width: 200px; margin: 0px; }
  #header-right { width: calc(100% - 200px); padding: 0px 0px 0px 8px; }
}
#signup-icon { display: none; }
#subsc-link { width: auto; justify-content: center; padding: 0px 16px; display: flex; order: 1; }
#subsc-link > div { line-height: 1; padding: 0px; display: block; cursor: pointer; }
#subsc-link > div + div { margin-left: 1em; padding-left: 1em; border-left: 1px solid rgb(255, 255, 255); }
#subsc-link[data-sbsc-layout="row"] { width: 100%; justify-content: flex-end; order: 3; }
@media (max-width: 767px) {
  #subsc-link { font-size: 87.5%; padding: 8px 8px 0px; }
  #subsc-link[data-sbsc-layout="row"] { order: 1; }
  #subsc-link > div.subsc-signup { display: none; }
  .subsc-signin { text-align: center; }
  .subsc-signin span { font-size: 89.5%; line-height: 2; display: none; }
  .subsc-signin::before { content: ""; font: 185% / 1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; display: block; }
  #header-right .subsc-signin::after { content: "LOGIN"; line-height: 2; font-size: 89.5%; }
}
.member-signup { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 1em; margin-bottom: 1em; }
.member-login h3 { color: rgb(0, 0, 0); font-size: 130%; margin: 0px; }
.member-login label { font-weight: bold; line-height: 1.8; }
.member-login input { width: 80%; }
.member-login a { display: block; font-size: 87.5%; color: rgb(234, 106, 136); }
.sub-link-list { list-style: none; margin: 0px; padding: 0px; }
.sub-link-list li + li { margin-top: 0.2em; }
.sub-link-list li a::after { content: " >"; }
#header.header-opened #header-container { transform: translateY(0px) !important; }
@media (max-width: 767px) {
  #newsfeed .member-login { margin: 5px; }
}
.member-login input { width: 100%; padding: 0.4em; border-radius: 0.2em; }
ul.widget-tags-list > li { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; margin: 0px 0px 5px 5px; }
ul.widget-tags-list.horizontal > li + li { margin: 0px 0px 5px 5px; }
ul.widget-tags-list:not(.horizontal) > li:hover { text-decoration: none; }
ul.widget-tags-list > li > a { padding: 0.5em; display: block; }
ul.widget-tags-list > li:hover > a { text-decoration: none; }
#main > .content .content-tags a::before, .widget-tags-list a::before { font-family: FontAwesome; content: ""; margin-right: 0.3em; font-size: 110%; opacity: 0.9; }
ul.widget-tags-list.horizontal > li { display: block; max-width: 100%; white-space: normal; padding: 0px 0px 0px 2px; border: none; width: 100%; margin: 0px; line-height: 1.3; position: relative; background: none; }
ul.widget-tags-list.horizontal > li + li { margin: 0px; }
ul.widget-tags-list.horizontal > li > a { padding: 0.5em 0.5em 0.5em 0.75em; }
ul.widget-tags-list.horizontal > li:hover { text-decoration: none; }
ul.widget-tags-list.horizontal > li:hover > a { text-decoration: underline; }
.widget-tags-list.horizontal a::before { position: absolute; top: 0.4em; left: 0px; font-family: FontAwesome; content: ""; margin-right: 0.3em; font-size: 110%; }
@media (max-width: 768px) {
  #newsfeed .widget { background: rgb(255, 255, 255); padding: 20px 5%; margin: 0px; }
  #newsfeed .widget h3 { font-size: 120%; }
  #newsfeed .widget h3 a:hover { text-decoration: none; }
  #newsfeed .widget-content + .widget-content { margin-top: 8px; }
  #newsfeed .widget-content + .widget-content { padding-top: 8px; }
}
.article > .article-heading { font-size: 150%; margin-top: 2em; }
.article > .article-subheading { border-left-width: 5px; border-left-style: solid; padding-left: 0.4em; margin-top: 2.65em; }
#main > .content .content-cover.image-bg a.content-tag, #main > .content a.content-tag { box-shadow: none; }
#main > .content a.content-tag:hover, #main > .content .content-cover.image-bg a.content-tag:hover, #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag:hover, #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag:hover span, #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag:hover, #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag:hover span { text-decoration: none; text-shadow: none; }
@media (max-width: 767px) {
  .breadcrumbs { overflow-x: visible; }
  table.tbl-md > * > tr:nth-child(n) > .autowrap { min-width: auto; }
  table.tbl-md > * > tr:nth-child(n) > .autowrap:nth-child(1) { width: 60%; }
}
.widget-content[data-tags*="sponsored"] .widget-content-text a::after, .widget-content[data-tags*="sponsored"] .widget-content-title a::after { display: block; content: "sponsored"; margin-top: 5px; font-size: 62.5%; color: rgb(136, 136, 136); }
@media (max-width: 767px) {
  .widget-content[data-tags*="sponsored"] .widget-content-text a::after, .widget-content[data-tags*="sponsored"] .widget-content-title a::after { font-size: 75%; }
}
#header-right > #piano-signup-icon { order: 1; }
span.piano-signuped-user { height: 32px; width: 32px; border-radius: 24px; font-size: 24px; background-color: rgba(0, 0, 0, 0.25); line-height: 1.2; text-transform: capitalize; position: relative; overflow: hidden; background-size: cover; background-position: center center; vertical-align: middle; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.modal { position: fixed; z-index: 1000; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: rgb(51, 51, 51); opacity: 0.9; }
.modal-content { background-color: white; margin: 150px auto 0px; width: 80%; padding: 20px; min-height: 150px; border: 1px solid black; }
.tp-modal button:hover, .tp-modal button:active { left: auto; color: initial; }

.sns-shares-widget .sns-shares { margin-top: 0px; padding: 1em 0px; }
.sns-shares-widget .sns-shares-buttons { text-align: left; margin: 0px auto; display: flex; flex-flow: row; place-content: stretch space-between; align-items: stretch; }
.sns-shares-widget .sns-shares-buttons .fa { top: 0px; }
.sns-shares-widget .sns-shares-buttons > a { padding: 0.3em; opacity: 0.75; display: inline-block; text-decoration: none; text-align: center; width: 33.3333%; border-radius: 0px; height: 1.6em; margin: 0px; font-size: 180%; line-height: 1; letter-spacing: normal; vertical-align: middle; transition: opacity 0.1s linear; color: white !important; }
.sns-shares-widget .sns-shares-buttons > a:hover { opacity: 1; }
.sns-shares-widget .sns-shares-buttons > a > .fa { margin: 0px; position: relative; top: 0.08em; }
.sns-shares-widget .sns-shares-buttons > a > span { display: none; }
.sns-shares-widget .sns-shares-buttons > a.sns-shares-facebook-widget { background-color: rgb(38, 90, 150); }
.sns-shares-widget .sns-shares-buttons > a.sns-shares-instagram-widget { background-color: rgb(217, 49, 119); }
.sns-shares-widget .sns-shares-buttons > a.sns-shares-twitter-widget { background-color: rgb(0, 0, 0); }
.sns-shares-widget .sns-shares-buttons > a.sns-shares-youtube-widget { background-color: rgb(242, 242, 242); opacity: 1; transition: background-color 0.15s linear; }
.sns-shares-widget .sns-shares-buttons > a.sns-shares-youtube-widget:hover { background-color: rgb(226, 226, 226); }
.sns-shares-widget .sns-shares-buttons > a.sns-shares-youtube-widget > img { height: 1em; width: auto; vertical-align: -0.2em; }

#footer #magazineInfomationWrap { display: none; }
.magazineInfomation { padding: 20px; background: rgb(242, 242, 242); }
.magazineInfomationText, .magazineInfomationText2 { margin: 15px 0px 10px; width: 100%; }
.magazineInfomationPrice, .magazineInfomationRelease { display: inline-block; margin: 0px; }
.magazineInfomationRelease { width: 3.5em; }
.magazineInfomationPurchase, .magazineInfomationlink { display: block; width: 100%; background: rgb(255, 255, 255); margin: 5px 0px 0px; padding: 5px 10px 4px; font-size: 85%; transition: opacity 0.1s linear; }
.magazineInfomationPurchase { background: rgba(0, 105, 62, 0.5); color: rgb(255, 255, 255) !important; }
.magazineInfomationlink { border: 1px solid rgba(0, 105, 62, 0.5); color: rgb(0, 135, 175) !important; }
.magazineInfomationPurchase:hover, .magazineInfomationlink:hover { opacity: 0.75; text-decoration: none; }
.magazineInfomationSns { display: flex; flex-wrap: wrap; justify-content: center; clear: both; }
.magazineInfomationSns a { width: 33%; text-align: center; color: rgb(255, 255, 255); opacity: 0.75; transition: opacity 0.1s linear; font-size: 120%; margin: -5px 0px 0px; }
.magazineInfomationSns a:hover { opacity: 1; }
.magazineInfomationSns .sns-shares-facebook-widget { background: rgb(38, 90, 150); }
.magazineInfomationSns .sns-shares-twitter-widget { background: rgb(0, 0, 0); }
.magazineInfomationSns .sns-shares-instagram-widget { background: rgb(217, 49, 119); }
.magazineInfomationSns .sns-shares-youtube-widget { background-color: rgb(255, 255, 255); opacity: 1; transition: background-color 0.15s linear; }
.magazineInfomationSns .sns-shares-youtube-widget:hover { background-color: rgb(226, 226, 226); }
.magazineInfomationSns .sns-shares-youtube-widget > img { height: 1em; vertical-align: -0.2em; }
#left-menu-container .sns-shares-youtube-widget { background-color: rgb(242, 242, 242); }
#left-menu-container .sns-shares-youtube-widget:hover { background-color: rgb(226, 226, 226); }
@media (max-width: 767px) {
  #left-menu-container h3 { display: none; }
  #left-menu-container .magazineInfomation { background: rgb(255, 255, 255); border-top: 1px solid rgb(242, 242, 242); padding: 20px 20px 30px; }
  #left-menu-container .magazineInfomationImg { width: 32%; float: left; }
  #left-menu-container .magazineInfomationText { width: 63%; margin: 0px 0px 10px 37%; }
  #left-menu-container .magazineInfomationlinkWrap { width: 63%; margin: 0px 0px 0px 37%; }
}

#commonjs-alert { position: fixed; bottom: 0px; right: 0px; background: rgba(255, 255, 255, 0.5); color: black; border: 1px solid rgb(204, 204, 204); font-size: 12px; line-height: 1.1; max-width: 50vw; }
#commonjs-alert:empty { display: none; }
#commonjs-alert > div { padding: 0.25em 0.5em; display: flex; }
#commonjs-alert > div + div { border-top: 1px solid rgb(204, 204, 204); }
#commonjs-alert > div > :first-child { padding-right: 0.25em; }
#commonjs-alert > div > :first-child::before { font-family: FontAwesome; content: ""; margin-right: 0.5em; color: darkred; }
#commonjs-alert > div > :last-child { margin-left: auto; padding-left: 0.25em; }
#commonjs-alert > div > :last-child:not(:empty)::before { content: "("; }
#commonjs-alert > div > :last-child:not(:empty)::after { content: ")"; }

:where([data-cl-s~="s26"]) #subsc-link{ display: flex !important; }
:where([data-cl-s~="s26"]) body{ color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) .content-info{ color: rgb(51, 51, 51); }
:where([data-cl-s~="s26"]) *, :where([data-cl-s~="s26"]) ::after, :where([data-cl-s~="s26"]) ::before{ border-color: rgba(51, 51, 51, 0.5); }
:where([data-cl-s~="s26"]) #header-container, :where([data-cl-s~="s26"]) .menu-overflowed > .container{ color: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) #header-bgs::after{ border-bottom-color: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) .spiral-header-container{ color: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) .spiral-header-bgs{ border-bottom-color: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) #header-menu{ color: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) .menu-overflowed > .container{ color: rgb(255, 255, 255); background: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) #header-bg{ background: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) .spiral-header-bg{ background: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) #header-menu-bg{ background: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) #header:not(.initialized){ background: rgb(220, 189, 196); }

@media (max-width: 767px) {:where([data-cl-s~="s26"]) #header:not(.initialized) #header-menu{ background: rgb(220, 189, 196); }}
:where([data-cl-s~="s26"]) #header-menu > a:hover, :where([data-cl-s~="s26"]) #header-menu > a.active{ color: rgb(140, 30, 87); background: transparent; }
:where([data-cl-s~="s26"]) #header-menu > a:hover::after, :where([data-cl-s~="s26"]) #header-menu > a.active::after{ border-bottom-color: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) #footer{ color: rgb(255, 255, 255); background: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) .newsfeed-block-header h2{ color: rgb(51, 51, 51); }
:where([data-cl-s~="s26"]) #newsfeed .wfcontent .content-link .content-title{ color: rgb(51, 51, 51); }
:where([data-cl-s~="s26"]) #newsfeed.newsfeed-all-display-type-photo, :where([data-cl-s~="s26"]) #newsfeed.newsfeed-all-display-type-card{ background: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-summary a:not(.btn), :where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-body-body a:not(.btn), :where([data-cl-s~="s26"]) body.page-content #main > .content .content-summary a:not(.btn), :where([data-cl-s~="s26"]) body.page-content #main > .content .content-body-body a:not(.btn){ color: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-summary a:not(.btn):hover, :where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-summary a:not(.btn):active, :where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-body-body a:not(.btn):hover, :where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-body-body a:not(.btn):active, :where([data-cl-s~="s26"]) body.page-content #main > .content .content-summary a:not(.btn):hover, :where([data-cl-s~="s26"]) body.page-content #main > .content .content-summary a:not(.btn):active, :where([data-cl-s~="s26"]) body.page-content #main > .content .content-body-body a:not(.btn):hover, :where([data-cl-s~="s26"]) body.page-content #main > .content .content-body-body a:not(.btn):active{ color: rgb(150, 35, 95); }
:where([data-cl-s~="s26"]) .article > .article-heading{ color: rgb(51, 51, 51); border-color: rgb(69, 140, 71); }
:where([data-cl-s~="s26"]) .article > .article-subheading{ color: rgb(51, 51, 51); border-color: rgb(69, 140, 71); }
:where([data-cl-s~="s26"]) .article > .quotebox{ color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
:where([data-cl-s~="s26"]) .article > p.box{ color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
:where([data-cl-s~="s26"]) body:not(.custom-sidebar-separate) .widgets, :where([data-cl-s~="s26"]) body.custom-sidebar-separate .widgets > *, :where([data-cl-s~="s26"]) #newsfeed .widget{ color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
:where([data-cl-s~="s26"]) #newsfeed .marble{ color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); }
:where([data-cl-s~="s26"]) #newsfeed .marblebar{ color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) .btn, :where([data-cl-s~="s26"]) .btn:hover, :where([data-cl-s~="s26"]) .btn:active, :where([data-cl-s~="s26"]) a.btn, :where([data-cl-s~="s26"]) a.btn:hover, :where([data-cl-s~="s26"]) a.btn:active, :where([data-cl-s~="s26"]) a.btn:visited, :where([data-cl-s~="s26"]) button, :where([data-cl-s~="s26"]) button:hover, :where([data-cl-s~="s26"]) button:active, :where([data-cl-s~="s26"]) input[type="button"], :where([data-cl-s~="s26"]) input[type="submit"], :where([data-cl-s~="s26"]) input[type="reset"], :where([data-cl-s~="s26"]) input[type="button"]:hover, :where([data-cl-s~="s26"]) input[type="submit"]:hover, :where([data-cl-s~="s26"]) input[type="reset"]:hover, :where([data-cl-s~="s26"]) input[type="button"]:active, :where([data-cl-s~="s26"]) input[type="submit"]:active, :where([data-cl-s~="s26"]) input[type="reset"]:active{ color: rgb(198, 144, 158); background: rgb(255, 255, 255); border: 1px solid rgba(198, 144, 158, 0.5); }
:where([data-cl-s~="s26"]) .btn-colored, :where([data-cl-s~="s26"]) .btn-colored:hover, :where([data-cl-s~="s26"]) .btn-colored:active, :where([data-cl-s~="s26"]) .btn-colored[disabled], :where([data-cl-s~="s26"]) .btn-colored[disabled]:hover, :where([data-cl-s~="s26"]) a.btn-colored, :where([data-cl-s~="s26"]) a.btn-colored:hover, :where([data-cl-s~="s26"]) a.btn-colored:active, :where([data-cl-s~="s26"]) a.btn-colored:visited, :where([data-cl-s~="s26"]) a.btn-colored[disabled], :where([data-cl-s~="s26"]) a.btn-colored[disabled]:hover, :where([data-cl-s~="s26"]) a.btn-colored[disabled]:visited, :where([data-cl-s~="s26"]) input[type="button"].btn-colored, :where([data-cl-s~="s26"]) input[type="button"].btn-colored:hover, :where([data-cl-s~="s26"]) input[type="button"].btn-colored:active, :where([data-cl-s~="s26"]) button:not([type]):not(.btn-normal), :where([data-cl-s~="s26"]) button[type="submit"]:not(.btn-normal), :where([data-cl-s~="s26"]) input[type="submit"]:not(.btn-normal), :where([data-cl-s~="s26"]) button[type="submit"]:not(.btn-normal):hover, :where([data-cl-s~="s26"]) input[type="submit"]:not(.btn-normal):hover, :where([data-cl-s~="s26"]) button[type="submit"]:not(.btn-normal):active, :where([data-cl-s~="s26"]) input[type="submit"]:not(.btn-normal):active{ color: rgb(146, 17, 69); background: rgba(234, 106, 136, 0.25); border: 1px solid rgb(93, 66, 52); }
:where([data-cl-s~="s26"]) .nav-tabs > li.active > a, :where([data-cl-s~="s26"]) .nav-tabs > li.active > a:hover, :where([data-cl-s~="s26"]) .nav-tabs > li > a:hover{ border-bottom-color: rgb(196, 54, 56); }
:where([data-cl-s~="s26"]) .nav-tabs > li > a:hover{ border-bottom-color: rgba(196, 54, 56, 0.3); }
:where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-body-body a.content-paging-link.content-paging-link-current, :where([data-cl-s~="s26"]) body.page-ctstock #main > .content .content-body-body a.content-paging-link:hover, :where([data-cl-s~="s26"]) body.page-content #main > .content .content-body-body a.content-paging-link.content-paging-link-current, :where([data-cl-s~="s26"]) body.page-content #main > .content .content-body-body a.content-paging-link:hover{ color: rgb(51, 51, 51); background: rgba(51, 51, 51, 0.08); border-color: rgb(51, 51, 51); }
:where([data-cl-s~="s26"]) .pinned-marker, :where([data-cl-s~="s26"]) .new-marker{ font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: none; display: inline-block; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; }
:where([data-cl-s~="s26"]) .pinned-marker{ content: "PICKUP"; color: rgb(102, 102, 0); background: rgb(240, 240, 0); }
:where([data-cl-s~="s26"]) .new-marker{ content: "NEW"; color: rgb(251, 234, 234); background: rgb(192, 38, 38); }
:where([data-cl-s~="s26"]) .wfcontent.is-pinned .content-title::before{ font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: none; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; content: "PICKUP"; color: rgb(102, 102, 0); background: rgb(240, 240, 0); display: none !important; }
:where([data-cl-s~="s26"]) .wfcontent[data-pubdate-recent="-0d"] .content-title::before{ font-family: "Noto Sans Arabic", sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-shadow: none; display: inline-block; line-height: 1; font-size: 60%; vertical-align: text-top; padding: 0.25em; margin-right: 0.5em; position: relative; top: 0.05em; content: "NEW"; color: rgb(251, 234, 234); background: rgb(192, 38, 38); }
:where([data-cl-s~="s26"]) .pinned-marker{ display: none; }
:where([data-cl-s~="s26"]) .pinned-marker, :where([data-cl-s~="s26"]) .wfuser-site, :where([data-cl-s~="s26"]) .user-heading-site, :where([data-cl-s~="s26"]) .content-author-site-wrap, :where([data-cl-s~="s26"]) .widget-content-author-site-wrap, :where([data-cl-s~="s26"]) #user-notifies-toggle:not(.has-notifies), :where([data-cl-s~="s26"]) span.content-author-image, :where([data-cl-s~="s26"]) .content-author-info .flex-item .content-author-name, :where([data-cl-s~="s26"]) .widget-content-author, :where([data-cl-s~="s26"]) #common-header #subsc-link, :where([data-cl-s~="s26"]) #common-header #subsc-menu, :where([data-cl-s~="s26"]) #common-header #js-add-header-r, :where([data-cl-s~="s26"]) .content[data-tags*="読者プレゼント"] .btn-gift, :where([data-cl-s~="s26"]) .content-body-custom-bottom .ct-segment, :where([data-cl-s~="s26"]) .page-ctstock .content:not([data-tags*="占い"]) .fortune-telling, :where([data-cl-s~="s26"]) .page-ctstock .content[data-tags*="占い"] .content-cover .content-title, :where([data-cl-s~="s26"]) .page-ctstock #main > .content[data-tags*="占い"] .content-tags, :where([data-cl-s~="s26"]) .page-ctstock .content[data-tags*="占い"] .sns-shares-content-top{ display: none !important; }
html:where([data-cl-s~="s26"]){ overflow: initial; }
:where([data-cl-s~="s26"]) #newsfeed .content-author-info > .flex-item[data-pubdate]::after{ content: attr(data-pubdate); display: block; }

@media (min-width: 768px) {:where([data-cl-s~="s26"]) #main{ padding-top: 105px; }
:where([data-cl-s~="s26"]) .spiral-header-container, :where([data-cl-s~="s26"]) #header-container{ font-size: 14px; height: auto; }
:where([data-cl-s~="s26"]) #header-menu{ font-size: 90%; }
:where([data-cl-s~="s26"]) #header-menu{ -webkit-box-ordinal-group: 3; order: 3; width: 100%; padding-left: 15px; padding-right: 15px; }
:where([data-cl-s~="s26"]) .spiral-header-defaults, :where([data-cl-s~="s26"]) #header-defaults{ flex-wrap: wrap; }
:where([data-cl-s~="s26"]) #header-menu > *{ display: inline-block; }
:where([data-cl-s~="s26"]) #header-menu{ white-space: nowrap; }
:where([data-cl-s~="s26"]) #header-menu > .menu-more{ padding-left: 10px; padding-right: 10px; }
:where([data-cl-s~="s26"]) #header-right{ -webkit-box-ordinal-group: 2; order: 2; }
:where([data-cl-s~="s26"]) #header-menu > a, :where([data-cl-s~="s26"]) #header-menu > span{ padding: 12px 12px 10px; height: auto; }
:where([data-cl-s~="s26"]) #header-menu-bg{ background: rgb(220, 189, 196); }}
:where([data-cl-s~="s26"]) #header-menu{ margin-bottom: -2px; }

@media (min-width: 768px) {:where([data-cl-s~="s26"]) #header-menu{ padding-left: 0px; padding-right: 0px; }
:where([data-cl-s~="s26"]) .inserted-spiral .spiral-contents-container, :where([data-cl-s~="s26"]) #main-contents-container{ padding-right: 290px; }}
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll{ width: 100%; overflow: auto hidden; display: flex; justify-content: flex-start; height: auto; }
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll > *{ display: block; line-height: 1; position: relative; padding: 12px 0.5em; }
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a + a{ margin-left: 1em; }
:where([data-cl-s~="s26"]) #nativeadinfo.opened > .nativeadinfo-container, :where([data-cl-s~="s26"]) #signup.opened > .signup-container, :where([data-cl-s~="s26"]) #left-menu.opened #left-menu-container, :where([data-cl-s~="s26"]) #subsc-menu.opened .subsc-menu-container{ transform: translateY(80px); }

@media (max-width: 767px) {:where([data-cl-s~="s26"]) #header-menu{ padding: 0px; }
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll{ justify-content: flex-start; }
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a:last-child{ padding-right: 1em; }
:where([data-cl-s~="s26"]) #header-menu > *{ padding: 0px 5px; }}
:where([data-cl-s~="s26"]) div#header-right a:hover{ color: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) #header-right > a{ font-size: 100%; text-align: center; }
:where([data-cl-s~="s26"]) #left-menu.opened + #header #header-right > a#menu-icon .fa-bars::before{ content: ""; }

@media (max-width: 768px) {:where([data-cl-s~="s26"]) #header-right > a#menu-icon{ order: 4; }
:where([data-cl-s~="s26"]) #header-right > a#search-icon{ order: 2; }}
:where([data-cl-s~="s26"]) #path-custom-header{ margin-bottom: 1.5em; }
:where([data-cl-s~="s26"]) .newsfeed-block-header h2 > a, :where([data-cl-s~="s26"]) .article > .article-heading{ border-left: none; border-bottom-width: 3px; border-bottom-style: solid; position: relative; }
:where([data-cl-s~="s26"]) #newsfeed .wfcontent .content-body{ margin-bottom: 7px; }
:where([data-cl-s~="s26"]) #newsfeed .wfcontent .content-feedlabel{ margin-top: 0px; margin-bottom: 0px; }
:where([data-cl-s~="s26"]) #newsfeed .wfcontent .content-info{ margin-top: 12px; }
:where([data-cl-s~="s26"]) .content-leading.flex-item{ width: 30%; }
:where([data-cl-s~="s26"]) .content-leading.flex-item + .flex-item{ width: 70%; }
:where([data-cl-s~="s26"]) .widget-content-leading{ width: 40%; padding-right: 10px; position: relative; }
:where([data-cl-s~="s26"]) .widget-content-text{ width: 60%; }
:where([data-cl-s~="s26"]) .content-leading .img-wrap::before, :where([data-cl-s~="s26"]) .widget-content-leading .img-wrap::before{ padding-top: 75%; }
:where([data-cl-s~="s26"]) .widget.banners a{ display: block; border: 1px solid rgb(239, 239, 239); }

@media (min-width: 768px) {:where([data-cl-s~="s26"]) .content-region .widget-content{ width: 49%; margin: 15px 0px 0px !important; }
:where([data-cl-s~="s26"]) .content-region .widget-content:nth-child(2n){ margin-left: 2% !important; }}

@media (max-width: 768px) {:where([data-cl-s~="s26"]) .newsfeed-block.newsfeed-all-display-type-list .wfcontent:first-child{ margin-bottom: 0px !important; }
:where([data-cl-s~="s26"]) #newsfeed .wfcontent .content-body{ font-size: 90%; }
:where([data-cl-s~="s26"]) .content-leading.flex-item, :where([data-cl-s~="s26"]) .newsfeed-block.newsfeed-all-display-type-list .wfcontent.not-has-display-type .content-leading.flex-item, :where([data-cl-s~="s26"]) .widget-content-leading{ width: 32%; }
:where([data-cl-s~="s26"]) .content-leading.flex-item + .flex-item, :where([data-cl-s~="s26"]) .widget-content-text{ width: 68%; }
:where([data-cl-s~="s26"]) #newsfeed .wfcontent .content-link{ font-size: 90%; }
:where([data-cl-s~="s26"]) .widget-content-title{ font-size: 75%; font-weight: normal; }
:where([data-cl-s~="s26"]) #newsfeed .widget{ background: rgb(255, 255, 255); padding: 20px 8px; margin: 0px; }
:where([data-cl-s~="s26"]) .content-region .widget-content + .widget-content{ margin-top: 8px !important; }
:where([data-cl-s~="s26"]) .newsfeed-block .wfcontent .content-info{ margin-bottom: 2em; }}
:where([data-cl-s~="s26"]) .newsfeed.newsfeed-all-display-type-card .wfcontent .wfcontent-container{ padding: 0px !important; }
:where([data-cl-s~="s26"]) .newsfeed.newsfeed-all-display-type-card .content-body-container{ padding: 0px 10px 10px; }
:where([data-cl-s~="s26"]) body:not(.custom-sidebar-separate) .widgets, :where([data-cl-s~="s26"]) body.custom-sidebar-separate .widgets > *, :where([data-cl-s~="s26"]) #newsfeed .widget{ background: none; }
:where([data-cl-s~="s26"]) .widgets{ padding: 0px 8px; width: 280px; }
:where([data-cl-s~="s26"]) .widget{ padding: 0px; }
:where([data-cl-s~="s26"]) .widget + .widget{ margin-top: 32px; }
:where([data-cl-s~="s26"]) .widget h3{ display: block; border-bottom: 2px solid rgb(69, 140, 71); text-decoration: none; padding: 0px 0px 5px; color: rgb(51, 51, 51); font-size: 125%; }
:where([data-cl-s~="s26"]) .widget h3 a:hover{ text-decoration: none; }
:where([data-cl-s~="s26"]) .content-region .widget h3{ color: rgb(51, 51, 51); }
:where([data-cl-s~="s26"]) .widget-content-leading{ width: 40%; padding-right: 10px; position: relative; }
:where([data-cl-s~="s26"]) .widget-content-text{ width: 60%; }
:where([data-cl-s~="s26"]) .widget-content-title{ -webkit-line-clamp: 3; max-height: 4em; }
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a:hover, :where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a.active{ color: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a:active::after, :where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a:hover::after, :where([data-cl-s~="s26"]) #header-menu > .nav-scroll > a.active::after{ border-bottom: 2px solid rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) #header-title::after{ background: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) #header-right a.subsc-signup{ color: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) ul.widget-tags-list > li{ border: 1px solid rgb(69, 140, 71); color: rgb(46, 104, 48); background: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) ul.widget-tags-list:not(.horizontal) > li:hover{ background: rgb(140, 30, 87); color: rgb(255, 255, 255); border: 1px solid rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) ul.widget-tags-list.horizontal > li{ color: rgb(46, 104, 48); border: none; background: none; }
:where([data-cl-s~="s26"]) ul.widget-tags-list.horizontal > li:hover{ color: rgb(140, 30, 87); }

@media (max-width: 768px) {:where([data-cl-s~="s26"]) #newsfeed .widget{ background: rgb(255, 255, 255); }}
:where([data-cl-s~="s26"]) #main > .content a.content-tag, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag{ color: rgb(255, 255, 255); background: none; }
:where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg a.content-tag, :where([data-cl-s~="s26"]) #main > .content a.content-tag{ color: rgb(46, 104, 48); border: 1px solid rgb(69, 140, 71); }
:where([data-cl-s~="s26"]) #main > .content a.content-tag:hover, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg a.content-tag:hover, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag:hover, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg.content-cover-style-full a.content-tag:hover span, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag:hover, :where([data-cl-s~="s26"]) #main > .content .content-cover.image-bg.content-cover-style-normal a.content-tag:hover span{ background: rgb(69, 140, 71); color: rgb(255, 255, 255); }
:where([data-cl-s~="s26"]) .content-body .content-tags > .content-tag > span{ opacity: 1; }
:where([data-cl-s~="s26"]) .main-block, :where([data-cl-s~="s26"]) .profile-box, :where([data-cl-s~="s26"]) .profile-spmsg-wrapper, :where([data-cl-s~="s26"]) .page-ctstock .content[data-tags*="占い"] .result-decoration, :where([data-cl-s~="s26"]) .page-ctstock .content[data-tags*="占い"] .article .profile-box, :where([data-cl-s~="s26"]) .page-ctstock .content[data-tags*="占い"] .article .block-lbox{ background: rgb(220, 189, 196); }
:where([data-cl-s~="s26"]) #result-button{ background: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) .card-content .card-name, :where([data-cl-s~="s26"]) .explanation-text a, :where([data-cl-s~="s26"]) .page-ctstock .content[data-tags*="占い"] .font-color-arcana{ color: rgb(140, 30, 87); }
:where([data-cl-s~="s26"]) .main-block-decoration > svg > path, :where([data-cl-s~="s26"]) .result-decoration svg > path{ fill: rgba(140, 30, 87, 0.5); }
:where([data-cl-s~="s26"]) .display-none{ display: none; }
:where([data-cl-s~="s26"]) .btn_piano_id{ background: rgb(220, 189, 196); border: 6px solid rgb(220, 189, 196); border-radius: 14px; }
:where([data-cl-s~="s26"]) .btn_piano_id:hover, :where([data-cl-s~="s26"]) .btn_piano_id:active{ background: rgb(220, 189, 196); border: 6px solid rgb(220, 189, 196); border-radius: 14px; }
:where([data-cl-s~="s27"]) .main-contents{ position: relative; min-height: 3621px; }
:where([data-cl-s~="s28"]) .main-contents{ position: relative; min-height: 3779px; }
:where([data-cl-s~="s29"]) .article{ font-family: "Noto Sans Arabic", sans-serif; line-height: 1.6; color: rgb(102, 102, 102); }
:where([data-cl-s~="s29"]) h1{ font-size: 150%; }
:where([data-cl-s~="s29"]) h2{ font-size: 125%; margin-top: 2em; }
:where([data-cl-s~="s29"]) h3{ font-size: 110%; }
:where([data-cl-s~="s29"]) table td, :where([data-cl-s~="s29"]) table th{ font-size: 87%; border: 1px solid rgb(204, 204, 204); padding: 5px; }
:where([data-cl-s~="s29"]) th{ width: 45%; text-align: left; }
:where([data-cl-s~="s29"]) td.link_mark{ width: 16%; text-align: center; }
:where([data-cl-s~="s29"]) table thead{ background-color: rgb(185, 208, 139); font-weight: bold; color: rgb(255, 255, 255); }
:where([data-cl-s~="s29"]) #menu-content{ margin: 20px 0px 30px; }
:where([data-cl-s~="s29"]) #menu-content h2{ border-left: none; border-bottom: 2px solid rgb(132, 179, 176); }
:where([data-cl-s~="s29"]) ol > li > ol > li{ list-style-type: disc; }
:where([data-cl-s~="s29"]) ul > li + li, :where([data-cl-s~="s29"]) ol > li + li{ margin-top: 0.3em; }
:where([data-cl-s~="s29"]) ol, :where([data-cl-s~="s29"]) ul{ margin-top: 0.6em; margin-bottom: 0.6em; }
:where([data-cl-s~="s29"]) h2 + ul, :where([data-cl-s~="s29"]) h2 + ol{ margin-top: 1.6em; margin-bottom: 1.6em; }
:where([data-cl-s~="s30"]) .main-contents{ position: relative; min-height: 4018px; }
:where([data-cl-s~="s31"]) .main-contents{ position: relative; min-height: 3982px; }
:where([data-cl-s~="s32"]) .main-contents{ position: relative; min-height: 6681px; }
:where([data-cl-s~="s33"]) .article{ font-family: "Noto Sans Arabic", sans-serif; line-height: 1.6; color: rgb(102, 102, 102); }
:where([data-cl-s~="s33"]) #menu-content{ margin: 20px 0px 30px; }
:where([data-cl-s~="s33"]) #menu-content h2{ border-left: none; border-bottom: 2px solid rgb(132, 179, 176); }
:where([data-cl-s~="s33"]) .clause{ list-style: none; padding-left: 0px; margin-left: 0px; }
:where([data-cl-s~="s33"]) ul > li + li, :where([data-cl-s~="s33"]) ol > li + li{ margin-top: 0.3em; }
:where([data-cl-s~="s33"]) ol, :where([data-cl-s~="s33"]) ul{ margin-top: 0.6em; margin-bottom: 0.6em; }
:where([data-cl-s~="s33"]) h2 + ul, :where([data-cl-s~="s33"]) h2 + ol{ margin-top: 1.6em; margin-bottom: 1.6em; }
/* clone-extras v1 — appended by the clone pipeline (and by scripts/clone_repair
   on older builds); everything below this marker is ours, not the reference's */
/* clone: a link with nowhere to go carries no href — keep it feeling inert */
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
/* clone: the swapped wordmark replaces an <img>/<svg> logo, so the reference
   never wrote text rules for that slot — without this it inherits the browser
   default link look (blue + underline, svitlo's header). */
.clone-wordmark {
  color: inherit !important; text-decoration: none !important;
  font-weight: 700; font-size: 1.15em; line-height: 1.1;
  letter-spacing: -0.01em; white-space: nowrap;
}
/* the wordmark sits INSIDE the old logo <a>, which the browser paints blue and
   underlines by default once the <img> is gone — neutralize the link itself,
   not just the span, or the brand still reads as a raw hyperlink. */
a:has(> .clone-wordmark), a:has(.clone-wordmark) {
  color: inherit !important; text-decoration: none !important;
}
/* clone: the reference's own responsive JS is gone and some donors ship a
   desktop-only DOM, so a fixed-width sidebar/table can push the page past the
   viewport on a phone (tabelog 980px at 390px wide). Keep media inside the
   page and stop the sideways scroll without touching the desktop layout. */
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 768px) {
  html, body { overflow-x: hidden; max-width: 100%; }
}
/* clone: a heading/button the reference drew as an image, now real text */
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3;
  font-size: 1.05em; }
/* clone: off-canvas nav panel, opened by clone.js from its #id trigger */
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open {
  display: block !important; position: fixed !important; inset: 0 auto 0 0 !important;
  width: min(86vw, 360px) !important; height: 100% !important;
  overflow: auto !important; z-index: 2147483000 !important;
  background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  transform: none !important; opacity: 1 !important; visibility: visible !important;
}
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
/* clone: library photo behind a text block — light veil under the copy */
.clone-bg-veil { box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.84) !important; }
/* clone: notice shown in place of a submitted form (clone.js) */
.clone-form-note {
  margin: 1em 0; padding: 0.9em 1.1em; border-radius: 8px;
  background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit; font-size: 0.95em; line-height: 1.45;
}
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
/* clone: fallback contact line appended when the reference carried no
   contacts at all (onlinegamer shipped 15 pages without a phone or email) */
.clone-contact { margin: 1.2em 0; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }

/* g1: a11y helpers + header brand keeps former h1 metrics */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-60px;z-index:10000;padding:8px 14px;background:#fff;color:#222;border:2px solid #222;text-decoration:none}
.skip-link:focus{top:8px}
:where(#header-title){display:block;font-size:2em;font-weight:bold;margin:0}
:where(img[width][height]){height:auto}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
#header-title{padding-top:6px}

/* g1 contrast */
#header-bg,#header-menu-bg{background-color:rgb(150,82,100)!important}
#header-menu .nav-scroll>a,#header-menu .nav-scroll a{color:#fff!important}
#header-bgs::after,.spiral-header-bgs{border-bottom-color:rgb(150,82,100)!important}
#footer,#footer-container{background-color:rgb(150,82,100)!important}
#footer-system a{color:#fff!important}
#path-custom-header .carousel-wrap{contain:layout paint style}