*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto
}
html {
}
body {
  -webkit-text-size-adjust: 100%
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a:focus {
  outline: none
}
style, script {
  display: none!important
}
body {
  line-height: 150%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0
}
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
}
html {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif
}
body {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin: 0
}
a, a:visited {
  color: #168dd9
}
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: "\f013"
}
a.link01,
a.link01:visited{
  text-decoration: underline;
  display:block;
  width: 12em;
  margin: 0 auto;
  text-decoration: none;
  background:#B80200;
  text-align:left;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  box-shadow: 2px 3.5px 0px 0px rgba(0, 0, 0, 0.3);

}

a.link01::after {
  content: ">";
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -0.75em;
  background-size: 22px 15.5px;
  height: 100%;
  color: #fff; }
a.link01:hover{
  text-decoration: none;
}
html {
  max-width: 100%;
  max-width: 100vw;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden
}
.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: 0 0 3px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,.3)
}
.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;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden
}

@media(min-width:767px) {
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-item-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}
.inline-flex {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex
}
.flex-container.vertical {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}
.flex-container.horizontal {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row
}
.flex-container.wrap {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex-container.justify-content-flex-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.flex-container.justify-content-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.flex-container.justify-content-flex-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.flex-container.align-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-item-align: center;
  -webkit-align-items: center;
  align-items: center
}
.flex-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  min-width: 0;
  min-height: 0
}
.flex-item.growable {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex-grow: 1
}
.flex-item.shrinkable {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}
.flex-item.flexible {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto
}
.flex-order-1 {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.flex-order-2 {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2
}
.flex-order-3 {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3
}
.flex-order-4 {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4
}
.flex-order-5 {
  -webkit-box-ordinal-group: 5;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5
}
.flex-item.flex-center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center
}
}

@media(max-width:767px) {
.flex-container.flex-mobile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-item-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}
.flex-container.flex-mobile.vertical {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}
.flex-container.flex-mobile.horizontal {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row
}
.flex-container.flex-mobile.wrap {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex-container.for-mobile.justify-content-flex-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.flex-container.for-mobile.justify-content-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.flex-container.for-mobile.justify-content-flex-end {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.flex-container.for-mobile.align-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.flex-mobile>.flex-item {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  min-width: 0
}
.flex-mobile>.flex-item.growable {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex-grow: 1
}
.flex-mobile>.flex-item.shrinkable {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}
.flex-mobile>.flex-item.flexible {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto
}
.flex-mobile>.flex-order-1 {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.flex-mobile>.flex-order-2 {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2
}
.flex-mobile>.flex-order-3 {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3
}
.flex-mobile>.flex-order-4 {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4
}
.flex-mobile>.flex-order-5 {
  -webkit-box-ordinal-group: 5;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5
}
.flex-mobile>.flex-item.flex-center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center
}
}
.centeringchild-v, .centeringchild-h, .centeringchild {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-item-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.centeringchild-v.inline, .centeringchild-h.inline, .centeringchild.inline {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex
}
.centeringchild-v>*, .centeringchild-h>*, .centeringchild>* {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none
}
.centeringchild-v {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.centeringchild-h {
  -webkit-align-items: flex-start;
  align-items: flex-start
}
.fillchild {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-item-align: stretch;
  -webkit-align-items: stretch;
  align-items: stetch;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-item-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}
.fillchild>* {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto
}
body {
  font-family: 'Herlvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif;
  line-height: 1.6;
  color: #666
}
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.0202020202vw
}
}

@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.08641976309vw
}
}
#cover {
  position: relative
}
#cover-images {
  position: relative;
  overflow: hidden;
  height: 600px;
  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: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 1
}

@media all and (min-height:320px) {
#cover-images {
  height: 250px
}
}

@media all and (min-height:480px) {
#cover-images {
  height: 320px
}
}

@media all and (min-height:768px) {
#cover-images {
  height: 600px
}
}

@media all and (min-height:1024px) {
#cover-images {
  height: 800px
}
}

@media all and (min-height:1080px) {
}
#cover-picker {
  position: absolute;
  bottom: 0;
  z-index: 2;
  color: white;
  left: 0;
  width: 100%
}
#cover-picker-container {
  padding: 15px
}
#main, #header {
  position: relative
}
#main {
  overflow: hidden;
  height: auto!important
}
li.divider {
  border-top: 1px solid #eee
}
#left-menu li>a {
  padding: .5em 1em;
  display: block
}
#left-menu li:not(.divider)+li>a {
  padding-top: .25em;
  margin-top: -.25em
}
#left-menu-container {
  max-height: -webkit-calc(100vh - 68px);
  max-height: calc(100vh - 68px);
  overflow-y: auto
}
#cover-menu>ul {
  border-bottom: rgba(0,0,0,0.2) 1px solid
}
#cover-menu li>a {
  padding: 10px 15px 8px 15px;
  margin-bottom: -4px
}
#cover-menu li.active>a, #cover-menu li:hover>a {
  border-bottom: rgba(0,0,0,0.8) 4px solid;
  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: 0;
  padding-right: 0
}
}
#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: 0;
  right: 0;
  bottom: 0;
  overflow: visible
}
}
.widgets.flex-item {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.widget {
  padding-bottom: 10px
}
.widget+.widget {
  margin-top: 40px
}
.widget h3 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  color: #888
}
.widget ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.widget ul li {
  margin: 0;
  padding: 0
}
.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: block;
  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;
}
.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;
  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: .5em
}
ul.widget-tags-list>li .fa {
  margin-right: .25em
}
body:not(.custom-sidebar-separate) .widgets, body.custom-sidebar-separate .widgets>*, #newsfeed .widget {
  color: inherit;
  background: #f8f8f8
}

@media(max-width:767px) {
.widgets {
  width: auto;
  padding: 20px 15px
}
.widget {
  margin-top: 30px;
  margin-bottom: 30px
}
.widget:first-child {
  margin-top: 0
}
.widget:last-child {
  margin-top: 0
}
.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: .5em
}
.content-tag {
  letter-spacing: normal;
  white-space: nowrap
}

@media(max-width:767px) {
.content-tag {
  white-space: normal
}
}
.content-tag .fa {
  margin-right: .2em;
  -moz-opacity: .8;
  opacity: .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: 0;
  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: 0;
  padding: 0
}
.banners-2col>a {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  width: 49%;
  width: -webkit-calc( 50% - 2px );
  width: calc( 50% - 2px );
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: 2%;
  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: 0 auto;
  padding: 0;
  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: 0;
  padding: 0
}
.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: .8;
  font-size: 80%
}
.content-sitecard-card {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #ccc;
  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: .001;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
.content-sitecard-img+.content-sitecard-info {
  position: absolute;
  top: 0;
  left: 120px;
  right: 0;
  bottom: 0
}
.content-sitecard-info {
  padding: .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: .5em 1em
}
.content-sitecard.no-img .content-sitecard-info {
  padding: 0
}
.content-sitecard-info:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1em;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#ffffffff', GradientType=0)
}
.fa-nativead-sponsored {
  background-size: contain;
  height: 16px;
  width: 28px;
  margin-bottom: -3px
}
.fa-nativead-sponsored-gray {
  background-image: url(/static/ico/adino_icon_gray_touka.png)
}
.fa-nativead-sponsored-black {
  background-image: url(/static/ico/adino_icon_black_touka.png)
}
.fa-nativead-sponsored-white {
  background-image: url(/static/ico/adino_icon_white_touka.png)
}
.is-nativead .content-title {
}
#footer-system .terms_urls>ul {
  list-style: none;
  padding: 0;
  margin: 0
}
#footer-system .terms_urls>ul>li {
  padding: 0;
  margin: 0;
  display: inline
}
#footer-system .terms_urls>ul>li>a {
  display: inline
}
#footer-system .terms_urls>ul>li:not(:first-child) {
  margin-left: .5em
}
#footer-system .terms_urls>ul>li:not(:first-child):before {
  content: "|";
  margin-right: .5em
}

/*** combinestatic: from:dinoportal/css/common-not-amp.css ***/
@charset 'utf-8';

@media screen and (max-width:899px) {
.instagram-media {
  width: 414px!important;
  max-width: 100%!important;
  min-width: initial!important
}
}
#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: 0;
  left: 0;
  width: 100%;
  z-index: 200
}
#header-container, .spiral-header-container {
  height: 64px
}
#main {
}
#header-container, .spiral-header-container {
  margin-top: 0;
  transform: translateY(0);
  -webkit-transition: -webkit-transform .2s ease, margin-top .2s ease;
  -webkit-transition: transform .2s ease, margin-top .2s ease;
  -moz-transition: transform .2s ease, margin-top .2s ease;
  -ms-transition: transform .2s ease, margin-top .2s ease;
  transition: transform .2s ease, margin-top .2s ease
}
#header.slide-up #header-container {
  margin: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}
#header-container>*, .spiral-header>* {
  position: relative;
  z-index: 2
}
.spiral-header-bgs, #header-bgs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  overflow: hidden
}
.spiral-headier-bgs:after, #header-bgs:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-bottom: 2px solid #f8f8f8
}
.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: 0
}
.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 all and (min-width:768px) {
#header-menu>* {
  height: 64px
}
}
.spiral-header-defaults, .spiral-header-bgs>*, #header-bgs>* {
  position: relative
}

@media all and (max-width:767px) {
#main {
}
.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;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 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;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 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 all and (max-width:767px) {
#header-right {
  width: 75px;
  white-space: normal;
  padding: 0 7px
}
#header-right>a {
  padding: 2px 4px;
  text-align: center;
  width: 50%
}
#header-right>a#search-icon {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4
}
#header-right>a#menu-icon {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2
}
#header-right>a#signup-icon {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
#header-right>a#user-notifies-toggle {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3
}
}
#header-menu {
  justify-content: flex-start;
  justify-content: initial
}
#header-menu {
  font-size: 75%
}

@media(max-width:767px) {
#header-menu {
  font-size: 90%
}
}
#header-menu>a {
  padding: .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: 0;
  right: 0;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-item-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  _disabled_display: -webkit-inline-box;
  _disabled_display: -moz-inline-box;
  _disabled_display: -ms-inline-flexbox;
  _disabled_display: -webkit-inline-flex;
  _disabled_display: inline-flex;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none
}
#header-menu>*>* {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none
}
}
.menu-more {
  position: relative
}
.menu-overflowed>.container {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: -5px;
  max-height: 80vh;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  white-space: nowrap
}
.menu-overflowed>.container>* {
  display: block;
  padding: .5em 1em
}
#left-menu {
}
#left-menu-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  overflow-y: auto;
  z-index: 0;
  background: white;
  z-index: 1000;
  border: 1px solid #eee
}
#left-menu-container {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .2s ease, visibility 0s linear .2s;
  -webkit-transition: transform .2s ease, visibility 0s linear .2s;
  -moz-transition: transform .2s ease, visibility 0s linear .2s;
  -ms-transition: transform .2s ease, visibility 0s linear .2s;
  transition: transform .2s ease, visibility 0s linear .2s
}
#left-menu.opened #left-menu-container {
  visibility: visible;
  -webkit-transform: translateY(68px);
  -moz-transform: translateY(68px);
  -ms-transform: translateY(68px);
  transform: translateY(68px);
  -webkit-transition: -webkit-transform .2s ease, visibility 0s linear .2s;
  -webkit-transition: transform .2s ease, visibility 0s linear .2s;
  -moz-transition: transform .2s ease, visibility 0s linear .2s;
  -ms-transition: transform .2s ease, visibility 0s linear .2s;
  transition: transform .2s ease, visibility 0s linear .2s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s
}
#left-menu-container li.menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
#left-menu-container li.menu-item.active>a, #left-menu-container li.menu-item:hover>a {
  -moz-opacity: 1;
  opacity: 1
}
.sns-shares-simple {
  margin-top: 20px
}
.content-body>.sns-shares-simple:first-child {
  margin-top: 0;
  margin-bottom: 15px
}

@media(min-width:768px) {
#main>.sns-shares-simple {
  padding-left: 0;
  padding-right: 0
}
}
.sns-shares-simple {
  position: relative;
  display: block;
  z-index: 10
}
.sns-shares-simple-buttons>a {
  display: inline-block;
  color: white!important;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
  padding: 8px 5px
}
html:not(.ua-ios) .sns-shares-simple-buttons>a, html:not(.ua-android) .sns-shares-simple-buttons>a {
  -webkit-transition: opacity linear .1s;
  -moz-transition: opacity linear .1s;
  transition: opacity linear .1s
}
.sns-shares-simple-buttons>a:hover {
  -moz-opacity: 1;
  opacity: 1
}
.sns-shares-facebook-simple {
  background-color: #265a96
}
.sns-shares-twitter-simple {
  background-color: #00acec
}
.sns-shares-google-simple {
  background-color: #dd4b39
}
.sns-shares-line-simple {
  background-color: #00c300
}
.sns-shares-hatebu-simple {
  background-color: #2c6ebd
}
.sns-shares-simple-buttons {
  letter-spacing: 0
}
.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: 49%;
  width: -webkit-calc( 50% - 3px );
  width: calc( 50% - 3px );
  position: relative;
  margin: 0
}
.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: .08em;
  margin-right: .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: .5em;
  font-family: Georgia, sans-serif
}

@media(max-width:767px) {
.sns-shares-simple-buttons>a.has-count>span>span:first-child {
  display: none
}
}
#nativeadinfo>.nativeadinfo-container, #signup>.signup-container {
  position: fixed;
  top: 0;
  right: 0;
  padding: 15px;
  background: white;
  border: 1px solid #ddd;
  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 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform .2s ease;
  -webkit-transition: transform .2s ease;
  -moz-transition: transform .2s ease;
  -ms-transition: transform .2s ease;
  transition: transform .2s ease
}
#nativeadinfo.opened>.nativeadinfo-container, #signup.opened>.signup-container {
  -webkit-transform: translateY(68px);
  -moz-transform: translateY(68px);
  -ms-transform: translateY(68px);
  transform: translateY(68px)
}
.signup form .error_msg {
  font-size: 80%;
  font-weight: bold;
  text-align: left;
  color: #f88
}

@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: .5em 1em;
  background: #888;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  -moz-opacity: .8;
  opacity: .8
}
a.signup-button:hover, a.signup-button:active {
  text-decoration: none;
  -moz-opacity: 1;
  opacity: 1
}
a.signup-button+a.signup-button {
  margin-top: .5em
}
.signup-description {
  font-size: 80%
}
.signup-content-vertical {
  text-align: left
}
.signup-content-vertical>* {
  display: block;
  padding: 7px 0;
}
.signup-content-vertical>*:active, .signup-content-vertical>*:hover {
  text-decoration: none;
  -moz-opacity: 1;
  opacity: 1
}

@media(max-width:767px) {
.signup.opened>.signup-container {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px)
}
#left-menu.opened #left-menu-container {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px)
}
}
#signuped-user {
  height: 36px;
  width: 36px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background-color: #ccc;
  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;
  -moz-border-radius: 12px;
  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: .25em
}
.content-bookmarked .content-bookmark-label::before {
  content: "Bookmarked"
}
.content-bookmarked .fa-bookmark-o::before {
  content: "\f02e"
}
.content-bookmarked-count {
  margin-left: .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: 0
}
.carousel-container>.wfcontent.image-bg .content-title {
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: .5em .75em;
  font-size: 1rem;
  font-weight: normal
}
.carousel-container>.wfcontent.image-bg:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 56.25%
}
[data-src-lazy], [data-bgimage-lazy], [data-lazy-loading], [data-lazy-loaded] {
  transition-property: opacity;
  transition-delay: 0s;
  transition-duration: .1s;
  transition-timing-function: linear
}
[data-src-lazy], [data-bgimage-lazy], [data-lazy-loading] {
}
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.33333%;
  opacity: 0
}
img[src$="#lz:orig"][data-src-lazy]:not([width]), img[data-lazy-loading$="#lz:orig"]:not([width]) {
  width: 33.33333%;
  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 #ccc
}
.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: .35em 1em;
  position: relative;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  color: black;
  background: #eee;
  border: 1px solid #ccc;
  margin: .25em .25em .5em 0;
  cursor: pointer
}
a.btn>.fa:first-child:not(:only-child) .btn>.fa:first-child:not(:only-child) {
  margin-left: -.35em;
  margin-right: .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: 2px 2px rgba(0,0,0,.2)
}
.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: #eee;
  border: 1px solid #ccc
}
.btn:active, a.btn:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
  color: black;
  background: #eee
}
.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 hsl(359,57%,49%);
  background: hsl(359,57%,49%)
}
.btn-small {
  font-size: 85%
}
input[disabled], select[disabled], textarea[disabled], button[disabled], .btn.disbabled, .btn[disabled], a.btn.disbabled, a.btn[disabled] {
  cursor: default;
  cursor: not-allowed;
  cursor: no-drop;
  opacity: .3
}
a.btn.back:before, .btn.back:before {
  content: '\f060'
}
input[type="checkbox"], input[type="radio"] {
  vertical-align: middle;
  margin: 0
}
input[type="checkbox"]+span, input[type="radio"]+span {
  margin-left: .25em
}
label.checkbox-multiline {
  display: flex
}
label.checkbox-multiline>input[type="checkbox"], label.radio-multiline>input[type="radio"] {
  margin-top: .3em
}

@media(max-width:767px) {
.btn, a.btn {
  width: 100%;
  text-align: center
}
span.mobile-wrap::before {
  content: '';
  display: block
}
}
.nav {
  margin-left: 0;
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0
}
.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc
}
.nav-tabs:after {
  content: "";
  clear: both;
  display: block;
  border-bottom: none
}
.nav-tabs>li {
  margin-bottom: 0;
  float: none;
  margin: 0;
  margin-right: -1px;
  padding: 0
}
.nav-tabs>li>a {
  color: inherit
}
.nav-tabs>li>a {
  padding: .5em 1em;
  margin: 0;
  border-radius: 0;
  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: none;
  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: hsla(0, 0%, 0%)
}
.nav-tabs>li>a:hover {
  border-bottom-color: hsla(0,0%,0%,.3)
}

/*** combinestatic: from:user-notify/user-notify.css ***/
@charset "utf-8";
.user-notify-loaded {
  display: none!important
}
.user-notify-loaded:before {
  content: 'user notify css loaded'
}
#user-notifies {
  display: block
}
.user-notifies-content {
  margin: 0;
  padding: 0;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 32767;
  color: #444;
  background: white;
  line-height: 1.1;
  border: 1px solid #ccc;
  box-shadow: 0 3px 3px -3px rgba(0,0,0,.5)
}
#user-notifies:not(.shown) .user-notifies-content {
  box-shadow: none
}
.user-notifies-title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  border-bottom: 1px dotted #ccc;
  display: none
}
.user-notifies-title>* {
  padding: .25em
}
.user-notifies-title>*:first-child {
  -webkit-flex-grow: 1;
  flex-grow: 1
}
#user-notifies-close {
  cursor: pointer
}
.user-notifies-title .fa {
  font-size: 150%;
}
.user-notify {
  display: block;
  margin: 0;
  padding: 0;
  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: #888
}
.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 .5em 1em 1.5em;
  font-size: 80%
}
.user-notify-detail-content>*:first-child {
  margin-top: 0
}
.user-notify-detail-content>*:last-child {
  margin-bottom: 0
}
.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 {
  -webkit-transform: translateY(-100%);
  transform: -100%
}
.user-notify.has-detail>.user-notfify-overview.opened {
  padding-bottom: 0
}
.user-notify.has-detail>.user-notify-overview.opened+.user-notify-detail {
  border-top: 1px dotted #ccc
}
.user-notify.has-detail:not(:last-child)>.user-notify-overview.opened+.user-notify-detail {
  border-bottom: 1px solid #ccc
}
.user-notify-detail, .user-notify-detail-content, .user-notifies-content {
  -webkit-transition-duration: .2s;
  -webkit-transition-property: transform, margin, max-height;
  transition-duration: .2s;
  transition-property: transform, margin, max-height
}
.user-notifies-content {
  margin-left: .5em;
  margin-right: .5em
}
.user-notify.has-detail>.user-notify-overview:not(.opened)+.user-notify-detail>.user-notify-detail-content, #user-notifies:not(.shown)>.user-notifies-content {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  margin-top: 0
}
.user-notify.has-detail>.user-notify-overview:.opened+.user-notify-detail>.user-notify-detail-content, #user-notifies.shown>.user-notifies-content {
-webkit-transform:translateY(0);
transform:translateY(0)
}
.user-notify.has-detail>.user-notify-overview:not(.opened)+.user-notify-detail {
  max-height: 0!important;
  overflow: hidden
}
.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: 0
}
#user-notifies.shown>.user-notifies-content {
  margin-top: .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: .8em;
  vertical-align: -.125em
}
#user-notifies-toggle:not(.has-unread) {
}
#user-notifies-toggle.has-unread {
  -webkit-animation-name: blink;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  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: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start
}
.user-notify-overview>* {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: .25em
}
.user-notify-overview>.user-notify-date {
}
.user-notify-overview>.user-notify-message {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto
}
.user-notify-date:before {
  font-family: FontAwesome;
  content: "\f0da";
  transition-property: transform;
  transition-duration: .2s;
  transition-timing-function: linear;
  display: inline-block;
  margin-right: .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: .25em
}
.user-notify:last-child {
  padding-bottom: .25em
}
#user-notifies.shown.auto-shown .user-notify.user-read {
  display: none
}
.user-notify-nothing {
  color: #888;
  padding: .25em .5em
}
#user-notifies .user-notify+.user-notify-nothing {
display:none!inportant
}
.user-notify-history {
  text-align: right;
  padding: .25em .5em
}

/*** combinestatic: from:wf/css/article.css ***/
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lobster+Two);
.article *, .article *:after, .article *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.article img, .article iframe, .article video, .article audio {
  max-width: 100%
}
.article hr {
  display: block;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
  height: 0;
  margin: .5em 0
}
.artcile {
  line-height: 1.6
}
.article:after {
  display: block;
  position: relative;
  content: '';
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both
}
.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: 0;
  padding: 0;
  width: auto;
  height: 100%;
  max-width: none;
  min-width: 0;
  max-height: none;
  min-height: 0
}
.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 0
}
.article figure:first-child, .article .article-cover+figure {
  margin-top: 15px
}
.article figure p {
  margin: 0
}
.article figure img {
  margin: 0;
  display: block
}
.article figcaption {
  font-size: 90%;
  font-style: italic;
  margin: 5px 0 10px 0;
  z-index: 3!important;
  line-height: 1.3
}
.article figcaption p {
  margin-top: .5em;
  margin-bottom: 0
}
.article figcaption p:last-child {
  margin-bottom: .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: 0;
  left: 0;
  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: 0;
  display: inline-block;
  position: relative;
  vertical-align: bottom
}
.article figure.img-small:after {
  content: "";
  display: block;
  height: 0
}
.article figure.img-small .image-box>img {
  margin: 0
}
.article figure.img-small>figcaption {
  width: 62%;
  vertical-align: bottom;
  display: inline-block;
  padding-left: .75em;
  margin-bottom: 0
}
.article figure.img-small>figcaption>cite {
  margin-top: .5em
}
.article figure>figcaption>cite>a:emtpy {
display:none
}
.article figure>figcaption>p:emtpy {
display:none
}
.article .cite-box {
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative
}
.article .cite-box>a {
  display: block;
  color: inherit;
  text-decoration: none;
  color: #888!important;
  background: white!important;
  border: 1px solid #ccc;
  position: relative
}
.article .cite-box>a:after {
  clear: both;
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  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: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -moz-opacity: 0;
  opacity: 0
}
.article .cite-box.thumb-full .thumb>img {
  width: 100%;
  display: block;
  margin: 0
}
.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 .thumb+.description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1
}
.article .cite-box .description {
  font-size: 80%;
  line-height: 1.5
}
.article .cite-box .description>.container {
  padding: 15px;
  height: 103%;
  height: calc(100% + 1px)
}
.article .cite-box .description>.container>h4:first-child {
  margin-top: 0;
  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: .5em
}
.article .cite-box .description>.container>p {
  margin-top: .5em;
  margin-bottom: .5em
}
}
.article .cite-box .description cite {
  font-style: italic;
  padding: 5px 15px;
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  background: white;
  background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 50%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 50%);
  background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 50%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 50%);
  padding-top: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right
}
.article .quotebox {
  position: relative;
  margin: .5em 0 2em 0;
  padding: 1em;
  background-color: #eee;
  color: #666;
  z-index: 1;
  overflow: hidden
}
.article .quotebox blockquote {
  margin: 0;
  z-index: 2
}
.article .quotebox blockquote:before, .article .quotebox blockquote:after {
  font-size: 1000%;
  font-family: 'Times New Roman', "ＭＳ Ｐゴシック", sans-serif;
  color: #FBFBFB;
  position: absolute;
  z-index: 0;
  height: 0
}
.article .quotebox blockquote:before {
  content: "“";
  line-height: .8;
  left: 5px;
  top: 5px
}
.article .quotebox blockquote:after {
  content: "”";
  line-height: .15;
  right: 5px;
  bottom: 5px
}
.article blockquote>h4 {
  position: relative;
  padding: 0 .5em 0 1em;
  z-index: 3
}
.article blockquote>p {
  position: relative;
  padding: 0 .5em 0 1em;
  z-index: 3;
  font-size: 95%
}
.article blockquote>footer {
  -moz-opacity: .9;
  opacity: .9;
  font-size: 90%;
  font-style: italic;
  padding: 0 1em;
  margin: 0;
  z-index: 3
}
.article>.article-heading, .article>h3:not(.article-subheading) {
  margin: 32px 0 20px 0;
  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: 32px 0 8px 0
}
.article>.article-heading {
  font-size: 110%
}
.article>.article-subheading {
  font-size: 110%
}

@media(max-width:767px) {
.article .quotebox {
  padding: .5em;
  margin: .5em 0 1.5em 0
}
.article blockquote>h4, .article blockquote>p, .article blockquote>footer {
  padding: 0 .5em 0 .5em
}
}
.content-summary .font-big, .article .font-big {
  font-size: 150%
}
.content-summary .font-small, .article .font-small {
  font-size: 66.666666%
}
.content-summary, .article>p.summary {
  margin-bottom: 3.2em;
  margin-top: 1em
}
.content-summary:before, .article>p.summary:before {
  content: "Summary";
  display: block;
  font-size: 85%;
  font-style: italic;
  font-family: 'Lobster Two', cursive
}
.article>p.box {
  background: rgba(0,0,0,0.05);
  font-size: 81.125%;
  padding: .5em .75em;
  width: 80%;
  margin-left: auto;
  margin-right: auto
}

@media(max-width:767px) {
.article>p.box {
  width: 90%
}
}
.content-summary .font-color-black, .article .font-color-black {
  color: hsl(0,0%,0%)
}
.content-summary .font-color-red, .article .font-color-red {
  color: hsl(0,70%,40%)
}
.content-summary .font-color-brown, .article .font-color-brown {
  color: hsl(30,60%,35%)
}
.content-summary .font-color-orange, .article .font-color-orange {
  color: hsl(20,80%,45%)
}
.content-summary .font-color-yellow, .article .font-color-yellow {
  color: hsl(45,75%,45%)
}
.content-summary .font-color-green, .article .font-color-green {
  color: hsl(120,45%,35%)
}
.content-summary .font-color-cyan, .article .font-color-cyan {
  color: hsl(180,40%,45%)
}
.content-summary .font-color-blue, .article .font-color-blue {
  color: hsl(240,40%,50%)
}
.content-summary .font-color-violet, .article .font-color-violet {
  color: hsl(275,30%,50%)
}
.content-summary .font-color-pink, .article .font-color-pink {
  color: hsl(330,45%,60%)
}
.content-summary .font-color-bgblack, .article .font-color-bgblack {
  background-color: hsla(0,0%,0%,.1)
}
.content-summary .font-color-bgred, .article .font-color-bgred {
  background-color: hsla(0,70%,40%,.15)
}
.content-summary .font-color-bgbrown, .article .font-color-bgbrown {
  background-color: hsla(30,60%,35%,.15)
}
.content-summary .font-color-bgorange, .article .font-color-bgorange {
  background-color: hsla(20,80%,45%,.15)
}
.content-summary .font-color-bgyellow, .article .font-color-bgyellow {
  background-color: hsla(45,75%,45%,.15)
}
.content-summary .font-color-bggreen, .article .font-color-bggreen {
  background-color: hsla(120,45%,35%,.15)
}
.content-summary .font-color-bgcyan, .article .font-color-bgcyan {
  background-color: hsla(180,40%,45%,.15)
}
.content-summary .font-color-bgblue, .article .font-color-bgblue {
  background-color: hsla(240,40%,50%,.15)
}
.content-summary .font-color-bgviolet, .article .font-color-bgviolet {
  background-color: hsla(275,30%,50%,.15)
}
.content-summary .font-color-bgpink, .article .font-color-bgpink {
  background-color: hsla(330,45%,60%,.15)
}
[class^="font-color-bg"] {
  padding-left: .25em;
  padding-right: .25em
}
.content-summary .font-color-ulblack, .article .font-color-ulblack {
  border-color: hsla(0,0%,0%,.66)
}
.content-summary .font-color-ulred, .article .font-color-ulred {
  border-color: hsla(0,70%,40%,.66)
}
.content-summary .font-color-ulbrown, .article .font-color-ulbrown {
  border-color: hsla(30,60%,35%,.66)
}
.content-summary .font-color-ulorange, .article .font-color-ulorange {
  border-color: hsla(20,80%,45%,.66)
}
.content-summary .font-color-ulyellow, .article .font-color-ulyellow {
  border-color: hsla(45,75%,45%,.66)
}
.content-summary .font-color-ulgreen, .article .font-color-ulgreen {
  border-color: hsla(120,45%,35%,.66)
}
.content-summary .font-color-ulcyan, .article .font-color-ulcyan {
  border-color: hsla(180,40%,45%,.66)
}
.content-summary .font-color-ulblue, .article .font-color-ulblue {
  border-color: hsla(240,40%,50%,.66)
}
.content-summary .font-color-ulviolet, .article .font-color-ulviolet {
  border-color: hsla(275,30%,50%,.66)
}
.content-summary .font-color-ulpink, .article .font-color-ulpink {
  border-color: hsla(330,45%,60%,.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: .5em
}
.article .sub-article>*:first-child {
  margin-top: 0
}
.article .sub-article>*:last-child {
  margin-bottom: 0
}

/*** combinestatic: from:lib/jquery-carousel/jquery-carousel.css ***/
@charset 'utf-8';
#carousel-loaded {
  display: none!important
}
#carousel-loaded:before {
  content: 'carousel loaded'
}
.carousel, .carousel-contents, .carousel-content, .carousel-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto
}
.carousel>input[name^=carousel-] {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-opacity: 0;
  opacity: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -1
}
.carousel .carousel-contents {
  position: relative;
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
  overflow: visible
}
.carousel .carousel-contents:after {
  clear: both;
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  visibility: hidden;
  overflow: hidden
}
.carousel .carousel-content {
  word-spacing: normal;
  float: left;
  position: relative;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0!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;
-moz-
}
.carousel .carousel-nav>label:before {
  font-family: 'FontAwesome';
  content: "\f111";
  display: inline-block;
  vertical-align: middle;
  margin: 5px
}
.carousel .carousel-next, .carousel .carousel-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  opacity: .25;
  color: white;
  text-shadow: 0 0 3px rgba(0,0,0,.8);
  cursor: pointer
}
.carousel .carousel-prev {
  left: 0
}
.carousel .carousel-next {
  right: 0
}
.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: 0;
  right: 0;
  text-align: center;
  font-family: FontAwesome;
  font-size: 45px;
  -moz-opacity: .98;
  opacity: .98
}

@media(max-width:767px) {
.carousel .carousel-prev:before, .carousel .carousel-next:before {
  font-size: 35px
}
}
.carousel .carousel-prev:before {
  content: '\f104';
  text-align: left
}
.carousel .carousel-next:before {
  content: '\f105';
  text-align: right
}
.carousel .carousel-more:before {
  content: '\f105';
  text-align: right
}
.carousel .carousel-more>a[href] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.carousel .carousel-more:before {
  content: '\f101'
}
.carousel .carousel-next:hover, .carousel .carousel-prev:hover {
  opacity: 1
}
.carousel .carousel-contents {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateX(0);
  -webkit-transition: transform 1.2s ease-out, margin 1.2s ease-out;
  transition: transform 1.2s ease-out, margin 1.2s ease-out
}
.carousel .carousel-contents.touching {
  -webkit-transition: none;
  transition: none
}
.carousel .carousel-contents.touchend {
  -webkit-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out
}
.carousel .carousel-contents.prevent-animation, .carousel[data-carousel="destroyed"] .carouse-contents {
  -webkit-transition: none;
  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: 33.3333%;
  width: -webkit-calc(100%/ 3);
  width: calc(100%/ 3)
}
.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 {
  -moz-opacity: 1;
  opacity: 1
}
.carousel {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden
}
.carousel .carousel-contents {
  -webkit-backface-visibility: hidden
}
.carousel>input[name^=carousel-]:nth-of-type(1):checked ~ .carousel-contents {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translateX(0)
}
.carousel>input[name^=carousel-]:nth-of-type(2):checked ~ .carousel-contents {
  -webkit-transform: translate3d(-33.33333%, 0, 0);
  transform: translateX(-33.33333%)
}
.carousel>input[name^=carousel-]:nth-of-type(3):checked ~ .carousel-contents {
  -webkit-transform: translate3d(-66.66666%, 0, 0);
  transform: translateX(-66.66666%)
}
.carousel>input[name^=carousel-]:first-of-type:checked ~ .carousel-contents.loop-forward>.carousel-content:first-child {
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translateX(300%)
}
.carousel>input[name^=carousel-]:first-of-type:checked ~ .carousel-contents.loop-forward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translateX(-100%)
}
.carousel>input[name^=carousel-]:last-of-type:checked ~ .carousel-contents.loop-backward>.carousel-content:last-child {
  -webkit-transform: translate3d(-300%, 0, 0);
  transform: translateX(-300%)
}
.carousel>input[name^=carousel-]:last-of-type:checked ~ .carousel-contents.loop-backward {
  -webkit-transform: translate3d(33.33333%, 0, 0);
  transform: translateX(33.33333%)
}
.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;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}
.carousel.carousel-pointnav-over .carousel-nav:hover {
  -moz-opacity: .98;
  opacity: .98
}
.carousel.carousel-pointnav-over .carousel-nav>label:before {
  color: white;
  text-shadow: 0 0 2px black, 0 0 5px rgba(0,0,0,.5)
}
/*** combinestatic: from:lib/jquery-carousel-2/jquery-carousel.css ***/
.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: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  background: white
}
.carousel2>.carousel-contents>.carousel-content+.carousel-content {
  margin-left: -100%
}
.carousel2.carousel-loading .carousel-contents {
}
@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: .5em;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  background: rgba(128,128,128,.5);
  border: rgba(0,0,0,.5);
  animation-name: carousel-loading;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-duration: .5s;
  animation-iteration-count: infinite
}
.carousel2>.carousel-contents>.carousel-nav-rel {
  display: block;
  height: 0
}
.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: 0;
  top: 0;
  width: 25%;
  z-index: 20;
  opacity: .25;
  cursor: pointer
}
.carousel2 .carousel-nav-prev:before, .carousel2 .carousel-nav-next:before {
  font-family: Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 200%;
  line-height: 1;
  position: absolute;
  margin-top: -.5em;
  top: 50%;
  color: white;
  text-shadow: 0 0 2px black, 0 0 5px rgba(0,0,0,.5)
}
.carousel2 .carousel-nav-prev:before {
  content: '\3008';
  left: 0
}
.carousel2 .carousel-nav-next:before {
  content: '\3009';
  right: 0
}
.carousel2 .carousel-nav-prev {
  left: 0
}
.carousel2 .carousel-nav-next {
  right: 0
}
.carousel2 .carousel-nav-prev:hover, .carousel2 .carousel-nav-next:hover {
  opacity: .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: 0;
  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: 0;
  top: auto;
  bottom: auto;
  right: .5em;
  left: auto;
  transform: rotate(90deg)
}
.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev:before, .carousel2[data-carousel-anim$="-up"] .carousel-nav-prev:before {
  top: 0
}
.carousel2[data-carousel-anim$="-down"] .carousel-nav-next:before, .carousel2[data-carousel-anim$="-up"] .carousel-nav-next:before {
  bottom: 0
}
.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev, .carousel2[data-carousel-anim$="-up"] .carousel-nav-prev {
  top: 0;
  bottom: 50%
}
.carousel2[data-carousel-anim$="-down"] .carousel-nav-next, .carousel2[data-carousel-anim$="-up"] .carousel-nav-next {
  top: 50%;
  bottom: 0
}
.carousel2>input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0
}
.carousel2>.carousel-nav {
  position: relative;
  text-align: center;
  line-height: 1.2;
  opacity: .25;
  color: black
}
.carousel2>.carousel-nav:hover {
}
.carousel2>.carousel-nav>label {
  display: inline-block;
  cursor: pointer;
  margin: 0;
  height: 1em
}
.carousel2>.carousel-nav>label:before {
  content: "";
  display: block;
  position: relative;
  margin: .25em .1em;
  width: .5em;
  height: .5em;
  border: 1px solid black;
  border-radius: .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 {
  background: black
}
.carousel2 .carousel-nav-manip {
  position: absolute;
  right: 0;
  top: .1em;
  height: 1em
}
.carousel2 .carousel-nav-manip>* {
  position: relative;
  display: inline-block;
  width: .75em;
  height: 1em;
  cursor: pointer;
  margin-right: .1em
}
.carousel2 .carousel-nav-manip>*:before, .carousel2 .carousel-nav-manip>*:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 0 solid black
}
.carousel2 .carousel-nav-pause:before {
  box-sizing: content-box;
  min-width: 1px;
  height: .5em;
  width: .1em;
  margin-top: -.2em;
  left: .15em;
  border-right-width: .15em;
  border-left-width: .15em
}
.carousel2 .carousel-nav-stop:before {
  height: .5em;
  width: .1em;
  margin-top: -.2em;
  left: .08em;
  border-left-width: .5em
}
.carousel2 .carousel-nav-play:before {
  height: 0;
  width: 0;
  top: .35em;
  left: -.05em;
  border-width: .23em;
  border-left-color: transparent!important;
  border-bottom-color: transparent!important;
  transform: rotate(45deg)
}
.carousel2 .carousel-nav-rewind:before {
  height: .5em;
  left: .15em;
  top: .3em;
  border-left-width: .15em
}
.carousel2 .carousel-nav-rewind:after {
  height: 0;
  width: 0;
  left: .4em;
  top: .35em;
  border-width: .23em;
  border-left-color: transparent!important;
  border-bottom-color: transparent!important;
  transform: rotate(225deg)
}
.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: 0;
  left: 0;
  right: 0;
  color: white;
  border-color: white;
  background: transparent;
  z-index: 20;
  opacity: .3
}
.carousel2[data-carousel-nav^="over"] .carousel-nav:hover {
}
.carousel2[data-carousel-nav^="over"] .carousel-nav-manip {
  background: rgba(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) {
  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) {
  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) {
  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) {
  animation-name: fadeout;
  animation-timing-function: ease;
  z-index: 2;
  opacity: 0
}
@keyframes slidein-left {
0% {
transform:translate(100%, 0);
z-index:3
}
100% {
transform:translate(0, 0);
z-index:3
}
}
@keyframes slidein-right {
0% {
transform:translate(-100%, 0);
z-index:3
}
100% {
transform:translate(0, 0);
z-index:3
}
}
@keyframes slidein-down {
0% {
transform:translate(0, -100%);
z-index:3
}
100% {
transform:translate(0, 0);
z-index:3
}
}
@keyframes slidein-up {
0% {
transform:translate(0, 100%);
z-index:3
}
100% {
transform:translate(0, 0);
z-index:3
}
}
@keyframes slideout-left {
0% {
transform:translate(0, 0);
z-index:3
}
100% {
transform:translate(-100%, 0);
z-index:3
}
}
@keyframes slideout-right {
0% {
transform:translate(0, 0);
z-index:3
}
100% {
transform:translate(100%, 0);
z-index:3
}
}
@keyframes slideout-down {
0% {
transform:translate(0, 0);
z-index:3
}
100% {
transform:translate(0, 100%);
z-index:3
}
}
@keyframes slideout-up {
0% {
transform:translate(0, 0);
z-index:3
}
100% {
transform:translate(0, -100%);
z-index:3
}
}
@keyframes stay-out {
0% {
transform:translate(0, 0);
z-index:2
}
99% {
transform:translate(0, 0);
z-index:2
}
100% {
transform:translate(0, 0);
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: slidein-left .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-left .5s ease-out;
  transform: translate(0, 0);
  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: stay .5s ease-out;
  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) {
  animation: stay .5s ease-out;
  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: stay .5s ease-out;
  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) {
  animation: stay .5s ease-out;
  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: slideout-right .5s ease-in;
  transform: translate(100%, 0);
  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) {
  animation: slideout-right .5s ease-in;
  transform: translate(100%, 0);
  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: slidein-right .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-right .5s ease-out;
  transform: translate(0, 0);
  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: stay .5s ease-out;
  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) {
  animation: stay .5s ease-out;
  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: stay .5s ease-out;
  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) {
  animation: stay .5s ease-out;
  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: slideout-left .5s ease-in;
  transform: translate(100%, 0);
  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) {
  animation: slideout-left .5s ease-in;
  transform: translate(100%, 0);
  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: slidein-down .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-down .5s ease-out;
  transform: translate(0, 0);
  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: 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) {
  animation: 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: 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) {
  animation: 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: slideout-up .5s ease-out;
  transform: translate(0, -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(1-).prev-checked ~ .carousel-contents>:nth-child(10) {
  animation: slideout-up .5s ease-out;
  transform: translate(0, -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: slidein-up .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-up .5s ease-out;
  transform: translate(0, 0);
  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: 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) {
  animation: 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: 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) {
  animation: 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: slideout-down .5s ease-out;
  transform: translate(0, 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) {
  animation: slideout-down .5s ease-out;
  transform: translate(0, 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: slidein-left .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-left .5s ease-out;
  transform: translate(0, 0);
  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: slideout-left .5s ease-out;
  transform: translate(-100%, 0);
  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) {
  animation: slideout-left .5s ease-out;
  transform: translate(-100%, 0);
  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: slidein-right .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-right .5s ease-out;
  transform: translate(0, 0);
  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: slideout-right .5s ease-out;
  transform: translate(100%, 0);
  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) {
  animation: slideout-right .5s ease-out;
  transform: translate(100%, 0);
  visibility: visible
}
.carousel-template .carousel2[data-carousel-anim="roll-up"]>input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents>:nth-child(1) {
  animation: slidein-up .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-up .5s ease-out;
  transform: translate(0, 0);
  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: slideout-up .5s ease-out;
  transform: translate(-100%, 0);
  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) {
  animation: slideout-up .5s ease-out;
  transform: translate(-100%, 0);
  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: slidein-down .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-down .5s ease-out;
  transform: translate(0, 0);
  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: slideout-down .5s ease-out;
  transform: translate(100%, 0);
  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) {
  animation: slideout-down .5s ease-out;
  transform: translate(100%, 0);
  visibility: visible
}
.carousel-template .carousel2[data-carousel-anim="roll-down"]>input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents>:nth-child(1) {
  animation: slidein-down .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-down .5s ease-out;
  transform: translate(0, 0);
  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: slideout-down .5s ease-out;
  transform: translate(-100%, 0);
  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) {
  animation: slideout-down .5s ease-out;
  transform: translate(-100%, 0);
  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: slidein-up .5s ease-out;
  transform: translate(0, 0);
  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) {
  animation: slidein-up .5s ease-out;
  transform: translate(0, 0);
  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: slideout-up .5s ease-out;
  transform: translate(100%, 0);
  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) {
  animation: slideout-up .5s ease-out;
  transform: translate(100%, 0);
  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;
  -webkit-perspective: 100vw;
  -moz-perspective: 100vw;
  perspective: 100vw;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  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;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  animation-timing-function: ease;
  animation-duration: .5s
}
@keyframes turnin-horiz {
0% {
transform:rotateY(-180deg)
}
100% {
transform:rotateY(0)
}
}
@keyframes turnout-horiz {
0% {
transform:rotateY(0);
visibility:visible
}
100% {
transform:rotateY(180deg);
visibility:hidden
}
}
@keyframes turnin-horiz-rev {
0% {
transform:rotateY(180deg)
}
100% {
transform:rotateY(0)
}
}
@keyframes turnout-horiz-rev {
0% {
transform:rotateY(0);
visibility:visible
}
100% {
transform:rotateY(-180deg);
visibility:hidden
}
}
@keyframes turnin-vert {
0% {
transform:rotateX(-180deg)
}
100% {
transform:rotateX(0)
}
}
@keyframes turnout-vert {
0% {
transform:rotateX(0);
visibility:visible
}
100% {
transform:rotateX(180deg);
visibility:hidden
}
}
@keyframes turnin-vert-rev {
0% {
transform:rotateX(180deg)
}
100% {
transform:rotateX(0)
}
}
@keyframes turnout-vert-rev {
0% {
transform:rotateX(0);
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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  animation-name: turnout-vert-rev
}
@keyframes flipinout-stay {
0% {
transform:rotateY(0);
visibility:visible
}
100% {
transform:rotateY(0);
visibility:hidden
}
}
@keyframes flipin-left {
0% {
transform:rotateY(-90deg)
}
100% {
transform:rotateY(0)
}
}
@keyframes flipout-left {
0% {
transform:rotateY(0);
visibility:visible
}
100% {
transform:rotateY(-90deg);
visibility:hidden
}
}
@keyframes flipin-right {
0% {
transform:rotateY(90deg)
}
100% {
transform:rotateY(0)
}
}
@keyframes flipout-right {
0% {
transform:rotateY(0);
visibility:visible
}
100% {
transform:rotateY(90deg);
visibility:hidden
}
}
@keyframes flipin-top {
0% {
transform:rotateX(90deg)
}
100% {
transform:rotateX(0)
}
}
@keyframes flipout-top {
0% {
transform:rotateX(0);
visibility:visible
}
100% {
transform:rotateX(90deg);
visibility:hidden
}
}
@keyframes flipin-bottom {
0% {
transform:rotateX(-90deg)
}
100% {
transform:rotateX(0)
}
}
@keyframes flipout-bottom {
0% {
transform:rotateX(0);
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 {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  transform-origin: top center
}
.carousel2[data-carousel-anim="flipout-down"]>.carousel-contents>.carousel-content {
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  transform-origin: bottom center
}
.carousel2[data-carousel-anim="flipout-left"]>.carousel-contents>.carousel-content {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center
}
.carousel2[data-carousel-anim="flipout-right"]>.carousel-contents>.carousel-content {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  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) {
  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) {
  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(9):checked ~ .carousel-contents>:nth-child(9), .carousel2[data-carousel-anim^="flipout-"].anim-rev>input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents>:nth-child(10) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  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) {
  animation-name: flipin-right
}

/*** combinestatic: from:dinoportal/custom/maxwidth.css ***/
@charset 'utf-8';
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, #footer-container {
  max-width: 1024px;
  text-align: center;
  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: -webkit-calc( 100vw / 2 - 1024px / 2)!important;
  right: calc( 100vw / 2 - 1024px / 2)!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: 0
}
body.custom-sidebar-left #bookmarks-heading>.container, body.custom-sidebar-left .wfcontent-container {
  padding-right: 0
}
}
p.footer-copyright {
  margin: 0;
}
div#footer {
  background: rgba(51, 51, 51, 0.08);
}
.footer-copyright {
  font-size: 80%;
  text-align: center;
  padding: 1em;
  margin: 0;
}
#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);
}
}

/*** combinestatic: generated:dinoportal_content_top_css.css ***/
/*** combinestatic: from:dinoportal/css/content.css ***/
@charset 'utf-8';
.content-cover {
  padding-top: 20px;
  padding-bottom: 20px
}
.content-next {
  padding-top: 20px;
  padding-bottom: 20px
}
.content-next.has-image.loading, .content-cover.has-image {
  padding-top: 160px
}
.content-cover .content-subtitle-above, .content-cover .content-subtitle-below, .content-cover .content-title, .content-cover .content-info, .content-cover .content-tags, .content-cover .content-description, .content>.flex-container, .content-next .content-title, .content-next .content-body, .content-next .content-info, .content-next .content-tags, .content-region, .content-region .widgets {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto
}
.content-cover .content-title {
  margin-top: 1em;
  margin-bottom: 1em
}
.content-cover .content-subtitle-above {
  margin-top: 2em
}
.content-cover .content-subtitle-below {
  margin-top: 0;
  margin-bottom: 2em
}
.content-cover .content-subtitle-above+.content-title {
  margin-top: .5em
}
.content-cover .content-info {
  margin-top: 1em;
  margin-bottom: 1em
}
.content-cover .content-description {
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.1;
  font-size: 82.125%
}
.content-cover *:last-child {
  /* margin-bottom: 0 */
}
.content-cover.has-image:not(.content-cover-style-narrow) .content-title, .content-cover.has-image:not(.content-cover-style-narrow) .content-info, .content-cover.has-image:not(.content-cover-style-narrow) .content-info a, .content-next.has-image:not(.content-cover-style-narrow) .content-title, .content-next.has-image:not(.content-cover-style-narrow) .content-info, .content-next.has-image:not(.content-cover-style-narrow) .content-info a, .content-next.has-image:not(.content-cover-style-narrow) .content-body {
  color: white;
  text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,.3)
}

@media(max-width:750px) {
.content-cover .content-subtitle-above, .content-cover .content-subtitle-below, .content-cover .content-title, .content-cover .content-info, .content-cover .content-tags, .content>.flex-container, .content-region {
  padding-left: 15px;
  padding-right: 15px
}
.content-cover .content-title {
  font-size: 125%
}
.content-cover .content-info {
  font-size: 80%
}
}
.content-cover-over .content-subtitle-above, .content-cover-over .content-subtitle-below {
  font-size: 80%;
  line-height: 1.1em
}
.content-cover {
  margin-bottom: 15px
}
.content-cover.content-cover-style-full.image-bg, .content-cover.content-cover-style-narrow.image-bg {
  padding-top: 0;
  padding-bottom: 0
}
.content-cover.content-cover-style-full.image-bg>.image-bg-blur, .content-cover.content-cover-style-narrow.image-bg>.image-bg-blur {
  position: relative
}
.content-cover.content-cover-style-full.image-bg>.image-bg-blur>img, .content-cover.content-cover-style-narrow.image-bg>.image-bg-blur>img {
  height: auto
}
.content-cover.content-cover-style-full.image-bg .content-cover-over {
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
  top: auto
}
.content-cover.content-cover-style-narrow.image-bg {
  border-bottom: none
}
.content-cover.content-cover-style-narrow.image-bg>.image-bg-blur {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.content-cover.content-cover-style-full>.image-bg-blur, .content-cover.content-cover-style-narrow>.image-bg-blur {
  position: relative
}
.content-cover-via {
  color: white!important;
  background: black;
  color: rgba(255,255,255,.8)!important;
  background: rgba(0,0,0,.5);
  text-shadow: none;
  font-size: 75%;
  font-style: italic;
  padding: .2em .5em;
  line-height: 1.1;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}
.content-cover-via:hover {
  opacity: 1
}
.content-region .widgets {
  position: static;
  margin-top: 40px;
  width: auto;
  padding: 0 15px
}
.content-region .widget-content {
  width: 45%;
  margin-right: 15px!important
}
.content-region .widget-content.with-author-info .widget-content-title, .content-region .widget-content.no-author-info .widget-content-title {
  max-height: 5.2em;
  -webkit-line-clamp: 4
}
.content-region .widget h3 {
  padding-top: 15px;
  margin-bottom: 0
}

@media(max-width:767px) {
.content-region .widgets {
  display: block!important;
  margin-left: -15px;
  margin-right: -15px
}
.content-region .widgets .widget-content {
  width: auto
}
.content-region .widget h3 {
  margin-bottom: 15px
}
}
.content-cover {
}
.content-cover:not(.image-bg) {
  border-bottom: none
}
#common-header+.content>.content-cover .content:first-child>.content-cover {
  border-top: none
}
.content+#footer {
  margin-top: 80px
}
.content-body .content-author-info, .content-body .content-tags>.content-tag>span {
  -moz-opacity: .6;
  opacity: .6
}
#main>.content .content-tags {
  font-size: 80%;
  margin-top: 1em
}
#main>.content a.content-tag {
  border: 1px solid rgba(128,128,128,.25);
  display: inline-block;
  padding: 0 .4em;
  margin: .15em .25em .15em 0;
  vertical-align: middle
}
#main>.content .content-cover.image-bg a.content-tag {
  border-color: rgba(255,255,255,.5);
  box-shadow: 0 0 2px rgba(0,0,0,0.25)
}
#main>.content a.content-tag:hover {
  text-decoration: none;
  background: rgba(128,128,128,.25)
}
.limited-more {
  font-size: 80%;
  cursor: pointer;
  display: block;
  padding: 1em 2em;
  position: relative;
  margin: 1em 0;
  border: 1px solid #ddd;
  border-radius: .5em;
  text-align: center
}
.limited-more.init:hover {
  background: #f8f8f8;
  border-color: #888
}
.limited-more.loading>span {
  display: inline-block
}
.limited-more.init>span:after, .limited-more.error>span:after {
  white-space: pre
}
body:not(.ptluser-logined) .limited-more.init>span:after {
  content: 'Login to Read All'
}

/*** combinestatic: from:dinoportal/css/content-not-amp.css ***/
@charset 'utf-8';
.content-info {
  font-size: 90%
}
.content-body .content-info {
  margin-top: 30px;
  margin-bottom: 30px
}
.content-author-image {
  display: inline-block;
  background: #888;
  color: white;
  width: 32px;
  height: 32px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  vertical-align: middle;
  margin-right: 5px;
  width: 56px;
  height: 56px;
  -moz-border-radius: 28px;
  border-radius: 28px
}
.content-author-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  padding-left: .5em
}
span.content-author-image {
  font-size: 20px;
  line-height: 30px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  position: relative;
  text-align: center;
  text-shadow: none;
  font-weight: bold;
  font-size: 40px;
  line-height: 56px
}
span.content-author-image>span {
  -moz-opacity: .8;
  opacity: .8
}
.content-spacer {
  font-size: 300%;
  letter-spacing: 0;
  white-space: nowrap;
  width: auto
}

@media(max-width:767px) {
.content-spacer {
  font-size: 200%
}
}
.content-spacer>a {
  display: inline-block;
  color: #eee;
  text-align: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px
}
.content.loading .content-body-body {
  cursor: wait;
}
.content-next {
  display: block;
  font-size: 80%;
  position: relative
}
.content-next:hover {
  text-decoration: none
}
#content-next-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 10
}
.content-next.loading {
  padding-bottom: 160px
}
.content-next.loading:after {
  content: '\f1ce';
  font-family: FontAwesome;
  font-size: 48px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -.5em;
  color: #eee;
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}
.content-link-original>a>* {
  vertical-align: middle
}
.content-link-original:not(.for-dinonetwork) {
  margin-top: 20px;
  font-size: 80%;
  -moz-opacity: .6;
  opacity: .6
}
.content-link-original:not(.for-dinonetwork), .content-link-original:not(.for-dinonetwork) a {
  color: inherit
}
.content-link-original.for-dinonetwork {
  margin-top: 5px
}
.content-link-original.for-dinonetwork>a {
  display: block;
  background: #777;
  color: white;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none
}
.content-link-original.for-dinonetwork>a:hover {
  text-decoration: none;
  -moz-opacity: 1;
  opacity: 1
}
.content-link-original.for-dinonetwork>a>.fa {
  font-size: 150%
}

@media(min-width:768px) {
#id_logly_iframe {
  width: 900px;
  height: 265px;
  margin-left: -100px;
  margin-top: 0;
  max-width: none;
  overflow: hidden
}
}

@media(max-width:767px) {
#id_logly_iframe {
  width: 100%;
  margin-left: 0
}
}

@media(max-width:767px) and (min-width:669px) {
#id_logly_iframe {
  max-width: 620px;
  height: 680px
}
}

@media(max-width:668px) and (min-width:569px) {
#id_logly_iframe {
  height: 620px;
  max-width: 620px
}
}

@media(max-width:568px) and (min-width:481px) {
#id_logly_iframe {
  height: 540px
}
}

@media(max-width:480px) and (min-width:400px) {
#id_logly_iframe {
  height: 500px
}
}

@media(max-width:400px) and (min-width:321px) {
#id_logly_iframe {
  height: 460px
}
}

@media(max-width:320px) {
#id_logly_iframe {
  height: 400px
}
}
.comments-wrap {
  display: block;
  margin-top: 20px;
  padding: 0;
  font-size: 90%;
  color: #888;
  background: rgba(128,128,128,.05)
}
.comments-toggle {
  display: block;
  cursor: pointer;
  padding: 5px
}
.fb-comments.loading {
  display: block;
  height: 181px
}
.fb-comments.loading:before {
  display: inline-block;
  font: normal normal normal 24px/1 FontAwesome;
  content: "\f1ce";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}
.content-pagingad {
  display: block;
  position: relative;
  max-width: 720px;
  margin: 0 auto 30px
}
a.pagingad-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer
}
a.pagingad-link, a.pagingad-link:hover, a.pagingad-link:active {
  text-decoration: none
}
a.pagingad-link>img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0
}
.pagingad-title, .pagingad-body.article {
  margin-top: 5px;
  line-height: 1.2;
  font-size: 80%;
  font-style: italic
}
.pagingad-title {
  font-weight: bold;
}
.pagingad-body p {
}

@media(max-width:767px) {
.pagingad-title, .pagingad-body {
  padding-left: 1em;
  padding-right: 1em
}
}
.pagingad-body.article figure:first-child, .pagingad-body.article .article-cover+figure {
  margin-top: 0
}
.pagingad-body.article figure:last-child {
  margin-bottom: 0
}
.pagingad-title:first-child {
  padding: 2em 1em;
  text-align: center;
  border: 1px solid #eee
}
.content-link-nor {
  display: block;
  text-align: center;
  margin-top: -.5em;
  margin-bottom: 1em;
  border-style: solid;
  padding: .5em;
  text-decoration: none
}
.content-link-nor:hover {
  opacity: 1;
  text-decoration: none
}
.content-link-nor:after {
  margin-left: .25em;
  font-family: FontAwesome;
  content: '\f08e';
  font-weight: normal;
  font-style: normal
}
.content-link-nor:before {
  content: '続きを読む'
}
body.ptluser-logined .limited-more.init>span:after, .limited-more.loading>span:after {
  color: #eee;
  font-family: FontAwesome;
  content: '\f1ce';
  animation: fa-spin 2s infinite linear;
  font-size: 200%
}
.limited-more.loading {
  padding-bottom: 100%
}
body.ptluser-logined .limited-more:not(.error) {
  border: none
}
.limited-more.error>span:after {
  content: 'Network Error' '\0a' 'Please reload after minutes'
}
.content[data-limited] .content-pubdate:after {
  font-family: FontAwesome;
  content: '\f023'
}
.content[data-limited="locked"] .content-pubdate:after {
}
.content[data-limited="unlocked"] .content-pubdate:after {
  content: '\f09c'
}
.content-limited-meter-confirm {
  margin: 2em 0;
  padding: 1em;
  border: 1px dashed #ccc;
  background: #f8f8f8;
  color: black;
  text-align: center
}

/*** combinestatic: from:dinoportal/css/content-paging.css ***/
@charset 'utf-8';
.content-paging {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch
}

@media(min-width:768px) {
.content-paging {
  align-items: center
}
}
.content-paging-next-block {
  margin: 1em 0
}
.content-paging-next-block-button {
  display: block;
  padding: .5em 1em
}
.content-paging-prev-button.content-paging-link, .content-paging-next-button.content-paging-link {
  padding: .5em 1em;
  margin: 0;
  min-width: 20em;
min-width:calc( 2em * 9 + .25em * 8 );
  margin-left: .125em;
  margin-right: .125em
}

@media(max-width:767px) {
.content-paging-prev-button.content-paging-link, .content-paging-next-button.content-paging-link {
  min-width: 0;
  width: auto
}
}
.content-paging-prev-button>span, .content-paging-next-button>span, .content-paging-next-block-button>div {
  text-indent: -1em;
  padding-left: 1em
}
.content-paging-next-block-button>div:before, .content-paging-prev-button>span:before, .content-paging-next-button>span:before {
  font-family: FontAwesome;
  width: 1em;
  display: inline-block;
  text-indent: 0
}
.content-paging-prev-button>span:before, .content-paging-next-button>span:before {
  margin-left: -1em
}
.content-paging-prev-button>span:before {
  content: '\f100'
}
.content-paging-next-block-button>div:before, .content-paging-next-button>span:before {
  content: '\f101'
}
.content-paging-links {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto
}
.content-paging-link {
  display: block;
  line-height: 1;
  min-width: 2em;
  min-height: 2em;
  padding: .25em .25em .1em .25em;
  margin: 0 .125em .25em .125em;
  border: 1px solid #ccc;
  color: inherit;
  text-decoration: none;
  text-align: center;
  opacity: .6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .15s
}
.content-paging-link:hover {
  text-decoration: none;
  opacity: 1
}
body.page-content #main>.content .content-body-body a.content-paging-link {
  color: inherit
}
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: inherit;
  background: #ccc;
  border-color: #888
}
.content-paging-top>.content-paging-prev, .content-paging-top>.content-paging-next, .content-paging:not(.has-prev)>.content-paging-prev, .content-paging:not(.has-next)>.content-paging-next {
  display: none
}
.content-paging-prev {
  display: none
}
.content-paging-links {
  order: 2
}
.content-paging-next {
  order: 1;
  margin-bottom: .5em
}

@media(max-width:767px) {
.content-paging-link {
  min-width: calc( 11.1111vw - 3.33333px - .222222em );
  min-heigth: calc( 11.1111vw - 3.33333px - .222222em );
min-width:calc( ( 100vw - 30px - .25em * 8 ) / 9);
min-height:calc( ( 100vw - 30px - .25em * 8 ) / 9)
}
.content-paging:not(.ellipsis) .content-paging-links>:nth-child(9n) {
  margin-right: 0
}
.content-paging:not(.ellipsis) .content-paging-links>:nth-child(9n+1) {
  margin-left: 0
}
.content-paging[data-paging-max="2"] .content-paging-links, .content-paging[data-paging-max="3"] .content-paging-links, .content-paging[data-paging-max="4"] .content-paging-links, .content-paging[data-paging-max="5"] .content-paging-links, .content-paging[data-paging-max="6"] .content-paging-links, .content-paging[data-paging-max="7"] .content-paging-links, .content-paging[data-paging-max="8"] .content-paging-links {
  justify-content: center
}
}
.content-paging-link.ellipsis {
  border: none;
  pointer-events: none
}
.content-paging-link.ellipsis::before {
  content: '...'
}
.content-paging-link.ellipsis>span, .content-paging-link.ellipsis+.content-paging-link.ellipsis {
  display: none
}
.content-paging.ellipsis .content-paging-links {
  flex-wrap: nowrap
}

@media(max-width:767px) {
.content-paging.ellipsis .content-paging-links>:first-child {
  margin-left: 0
}
.content-paging.ellipsis .content-paging-links>:last-child {
  margin-right: 0
}
}

/*** combinestatic: from:dinoportal/custom/content-tips.css ***/
@charset "utf-8";
#content-tips-anchor {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 32767
}
#content-tips-wrap {
  max-width: 720px;
  margin: 0 auto;
  position: relative
}
#content-tips {
  font-size: 75%;
  text-decoration: none;
  display: block;
  padding: 0;
  width: 75%;
  max-width: 576px;
  color: black;
  border: 1px solid rgba(0,0,0,.5);
  background-color: white;
  border-radius: 15px;
  margin: 0 0 0 auto;
  position: relative;
  right: 5px
}
#content-tips {
  position: relative
}
#content-tips:before {
  content: '';
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -5px;
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-color: rgba(0,0,0,.5) transparent transparent transparent;
  border-style: solid
}
#content-tips:after {
  content: '';
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -3px;
  bottom: -8px;
  border-width: 8px 8px 0 8px;
  border-color: white transparent transparent transparent;
  border-style: solid
}
#content-tips.shown {
  bottom: 10px
}
#content-tips {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 1s ease-in;
  transition: transform .5s ease-in
}
#content-tips.shown {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28)
}
#content-tips-container {
  display: block;
  padding: 1em 15px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left
}
#content-tips-img {
  display: inline-block;
  margin-right: .75em;
  position: relative;
  width: 3em;
  height: 3.2em;
  margin-top: -1.5em;
  margin-bottom: -1.5em;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover;
  margin-left: -15px;
  -moz-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px
}
#content-tips-title {
  display: inline;
  vertical-align: middle
}
#content-tips-title:before {
  content: 'next:'
}
#content-tips {
}

/*** combinestatic: from:dinoportal/custom/content-sns-buttons-top-small.css ***/
@charset 'utf-8';
.sns-shares-simple.sns-shares-content-top {
  text-align: right;
  margin-top: 5px
}
.sns-shares-content-top>.sns-shares-simple-buttons>a {
  width: 2em;
  width: calc( 1em + 16px );
  border-radius: 1em;
  border-radius: calc( .5em + 8px);
  text-align: center;
  margin: 0 .1em 0 .3em!important;
  font-size: 100%
}
.sns-shares-content-top>.sns-shares-simple-buttons>a>.fa {
  margin: 0
}
.sns-shares-content-top>.sns-shares-simple-buttons>a>span {
  display: none
}

/*** combinestatic: from:wf/css/article-votes.css ***/
@charset "utf-8";
div.vote .img-wrap {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}
.vote .img-wrap>img {
  opacity: 0;
  width: 100%;
  height: auto
}
.vote-option-img {
  position: relative
}
.vote-option-img>cite.img-via {
  position: absolute;
  right: .625em;
  bottom: .625em;
  background: rgba(0,0,0,.5);
  font-size: 80%;
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 1.25em)
}
.vote-option-img>cite.img-via>* {
  color: white!important;
  opacity: .8
}
.vote-options {
  list-style: none;
  margin: .5em 0;
  padding: 0
}
.vote-option {
  line-height: 1.2;
  margin: 0;
  padding: 0;
  display: block;
  position: relative
}
.vote-option-img, .vote-option-title>div, .vote-option-description>p {
  margin: 0;
  font-size: 100%
}
.vote-option-title+.vote-option-description {
  padding-top: 0;
  flex-grow: 1
}
div.vote.voting .vote-option {
}
.vote-option-img {
  display: flex;
  flex-direction: column
}
.vote-option-img>.img-wrap {
  flex: 1 0 auto;
  background-size: cover
}
.vote-options:not(.options-type-link) .vote-option-embed, .vote-options:not(.options-type-link) .vote-option-link, .vote-options:not(.options-type-link) .vote-option-description, .vote-options.options-type-link .vote-option.init .vote-option-title, .vote-options.options-type-link .vote-option.init .vote-option-description, .vote-options.options-type-link .vote-option.init .vote-option-embed, .vote-options.options-type-link .vote-option.init .vote-option-img, .vote-options.options-type-link .vote-option .vote-option-img .img-via, .vote-options.options-type-text .vote-option-img {
  display: none
}
.vote-option {
  margin-bottom: .5em
}
.vote-option-text {
  padding: .5em
}
.vote-option-img {
  padding: .5em
}
.vote-option-title, .vote-option-description, .vote-option-link {
  padding: 0
}
.vote-option-description, .vote-option-link, .vote-option-result {
  margin-top: .5em
}
.vote-option-title+.vote-option-description {
}
.vote-option-title>div {
  font-weight: bold
}

@media(min-width:767px) {
.vote-options.options-type-link .vote-option-container {
  display: flex;
  flex-direction: row
}
.vote-options.options-type-link .vote-option-img {
  flex: 0 0 33.3333%
}
.vote-options.options-type-link .vote-option-text {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
  padding: .5em
}
.vote-options.options-type-link .vote-option-img+.vote-option-text {
  flex-basis: 66.6666%
}
}
.vote-result[data-content-cached-at-relative-unit]::before {
  display: block;
  text-align: right;
  font-size: 80%;
  padding: .25em .5em;
  content: 'Results created on ' attr(data-content-cached-at-relative-num) ' ' attr(data-content-cached-at-relative-unit) 's' ' ago';
  font-style: italic
}
.vote-result[data-content-cached-at-relative-unit][data-content-cached-at-num="1"]::before {
  content: 'Results created on ' attr(data-content-cached-at-relative-num) ' ' attr(data-content-cached-at-relative-unit) ' ago'
}
.vote-result .vote-options.options-type-link .vote-option-description, .vote-subject .vote-options.options-type-link .vote-option-description {
  font-size: 80%
}
.vote-subject .vote-options.options-type-link .vote-option-description {
  padding-left: 1.5625em
}
.vote-subject .vote-options.options-type-link .vote-option-link {
  padding-left: 1.25em
}
.vote-option .vote-option-link {
  text-align: right
}

@media(min-width:767px) {
.vote-subject .vote-options.options-cols-2, .vote-subject .vote-options.options-cols-3 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between
}
.vote-subject .vote-options.options-cols-2>* {
  flex: 0 0 auto;
  width: 49%;
  width: calc(50% - .2em)
}
.vote-subject .vote-options.options-cols-3>*, .vote-subject .vote-options.options-cols-3:after {
  flex: 0 0 auto;
  width: 32%;
  width: calc(33.3333% - .25em)
}
.vote-subject .vote-options.options-cols-3:after {
  content: ""
}
.vote-subject .vote-options.options-cols-2 .vote-option, .vote-subject .vote-options.options-cols-3 .vote-option {
  margin-top: 0
}
.vote-subject .vote-options.options-text-small .vote-option-text {
  font-size: 80%
}
.vote-subject .vote-options:not(.options-type-text).options-cols-2 .vote-option, .vote-subject .vote-options:not(.options-type-text).options-cols-3 .vote-option {
  display: flex
}
.vote-subject .vote-options:not(.options-type-text).options-cols-2 .vote-option-container, .vote-subject .vote-options:not(.options-type-text).options-cols-3 .vote-option-container {
  width: 100%;
  display: flex;
  flex-direction: column
}
.vote-subject .vote-options:not(.options-type-text).options-cols-3 .vote-option-container:after, .vote-subject .vote-options:not(.options-type-text).options-cols-2 .vote-option-container:after {
  content: '';
  display: flex;
  flex-grow: 1
}
.vote-subject .vote-options:not(.options-type-text).options-cols-3 .vote-option-text, .vote-subject .vote-options:not(.options-type-text).options-cols-2 .vote-option-text {
  flex-grow: 0;
  display: flex
}
.vote-subject .vote-options.options-type-photo .vote-option-text {
  align-items: flex-end
}
.vote-subject .vote-options.options-type-photo .vote-option-title {
  flex: 0 0 100%
}
.vote-subject .vote-options:not(.options-type-text).options-cols-3 .vote-option-description, .vote-subject .vote-options:not(.options-type-text).options-cols-2 .vote-option-description {
  flex-grow: 1
}
.vote-subject .vote-options:not(.options-type-text).options-cols-3 .vote-option-text, .vote-subject .vote-options:not(.options-type-text).options-cols-2 .vote-option-text {
  padding-top: 0
}
}
.vote-subject .vote-options.options-type-embed:not(.options-cols-2):not(.options-cols-3) .vote-option-img, .vote-result .vote-options.options-type-embed .vote-option-img {
  flex-basis: 50%
}
.vote-subject .vote-options.options-type-embed:not(.options-cols-2):not(.options-cols-3) .vote-option-img+.vote-option-text, .vote-result .vote-options.options-type-embed .vote-option-img+.vote-option-text {
  flex-basis: 50%
}

@media(min-width:767px) {
.vote-subject .vote-options.options-type-link:not(.options-cols-2):not(.options-cols-3) .vote-option-img+.vote-option-text, .vote-result .vote-options:not(.options-type-text) .vote-option-img+.vote-option-text {
  padding-left: 0
}
}
.vote-subject .vote-options.options-type-link.options-cols-2 .vote-option-img, .vote-subject .vote-options.options-type-link.options-cols-3 .vote-option-img, .vote-subject .vote-options.options-type-link.options-cols-2 .vote-option-text, .vote-subject .vote-options.options-type-link.options-cols-3 .vote-option-text {
  flex: none
}
.vote-subject .vote-option-title>div {
  display: inline-block;
  width: 90%;
  width: calc(100% - 1.25em);
  position: relative
}
.vote-subject .vote-option-title:before {
  font-family: FontAwesome;
  content: "\f096"
}
.vote-subject .vote-option-title:before {
  display: inline-block;
  position: relative;
  width: 1em;
  margin-right: .25em;
  vertical-align: top
}
div.vote:not(.voted):not(.voting):not(.is-closed) .vote-subject .vote-option:hover .vote-option-title:before, .vote-subject .vote-option.voting .vote-option-title:before, .vote-subject .vote-option.voted .vote-option-title:before {
  content: "\f046"
}
.vote-options .vote-option {
  margin-bottom: .5em;
  border-style: solid;
  border-width: 1px
}
.vote-options .vote-option-title>div {
}
.vote-result .vote-options .vote-option-title>div {
  font-weight: bold
}
div.vote:not(.voted):not(.voting):not(.is-closed) .vote-subject .vote-options .vote-option:hover, .vote-subject .vote-options .vote-option.voting, .vote-subject .vote-options .vote-option.voted {
  background: hsla(49,72,50,.5);
  background: rgba(220,189,35,.2)
}
.vote-subject .vote-options.options-type-photo .vote-option-text {
}
.vote-result .vote-option-img {
  position: relative
}

@media(max-width:767px) {
.vote-result .vote-option-img .img-wrap:before {
  padding-top: 100%
}
}
.vote-result .vote-option-img .img-via, .vote-result .vote-option-img .img-via>a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  padding: 0;
  max-width: none
}
.vote-options.options-imgcut-none .vote-option-img .img-wrap {
  background-size: cover
}
.vote-options.options-imgcut-contain .vote-option-img .img-wrap {
  background-size: contain
}
.vote-options.options-imgcut-cover .vote-option-img .img-wrap {
  background-size: cover
}
.vote-options.options-imgcut-none .vote-option-img .img-wrap img {
  position: relative;
  width: 100%;
  height: auto;
  display: block
}
.vote-options:not(.options-imgcut-none) .vote-option-img .img-wrap {
}
.vote-options:not(.options-imgcut-none) .vote-option-img .img-wrap:before {
  content: '';
  display: block;
  padding-top: 100%
}
.vote-options:not(.options-imgcut-none) .vote-option-img .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.vote-options.options-imgsize-square .vote-option-img .img-wrap:before {
  padding-top: 100%
}
.vote-options.options-imgsize-landscape .vote-option-img .img-wrap:before {
  padding-top: 56.25%
}
.vote-options.options-imgsize-portrait .vote-option-img .img-wrap:before {
  padding-top: 177.777778%
}
.vote-options.options-type-link .vote-option-img .img-wrap {
  background-position: center top
}
.vote-options.options-type-link .vote-option-img {
  display: block
}
div.vote.voted .vote-subject .vote-options.options-type-text .vote-option:not(.voted) {
  display: none
}
div.vote:not(.voted) .vote-result, div.vote.voted .vote-subject .vote-options {
  display: none
}
.vote-result-text>p {
  margin: 0;
  padding: .5em 0
}
.vote-result .vote-options.options-type-text .vote-option-container {
  position: relative
}
.vote-result .vote-options.options-type-text .vote-option-text {
  position: relative;
  z-index: 2
}
.vote-option-result {
  position: relative
}
.vote-option-img+.vote-option-text>.vote-option-result {
  margin-left: 0
}
.vote-result .vote-option-img {
  width: 25%
}
.vote-result .vote-options.options-type-link .vote-option-container, .vote-result .vote-options.options-type-photo .vote-option-container {
  display: flex;
  flex-direction: row
}
.vote-result .vote-options.options-type-link .vote-option-container>.vote-option-img, .vote-result .vote-options.options-type-photo .vote-option-container>.vote-option-img {
  flex: 0 0 25%;
  width: 25%
}
.vote-result .vote-options.options-type-link .vote-option-container>.vote-option-text, .vote-result .vote-options.options-type-photo .vote-option-container>.vote-option-text {
  flex: 0 0 75%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 75%
}
.vote-result .vote-options .vote-option-result-percent, .vote-result .vote-options .vote-option-result-count {
  display: inline;
  position: relative;
  line-height: 1.1;
  margin-right: .25em
}
.vote-result .vote-options .vote-option-result-percent-num:after {
  content: '%'
}
.vote-result .vote-options .vote-option-result-count-num:before {
  content: '('
}
.vote-result .vote-options .vote-option-result-count-num:after {
  content: ')'
}
.vote-option-result-bar {
  display: block;
  flex: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  border-color: hsla(197,95%,82%,1);
  border-style: solid;
  background: hsla(197,95%,82%,.75)
}
.vote-result .vote-option.voted {
  border: 2px solid black
}
div.vote.quiz.voted .vote-option-result {
  margin-right: 2em
}
div.vote.quiz.voted .vote-result .vote-option-result:after {
  font-family: FontAwesome;
  font-size: 2em;
  line-height: 1;
  content: ' ';
  position: absolute;
  left: 100%;
  top: -40%;
  width: 1em;
  text-align: right
}
div.vote.quiz.voted .vote-result .vote-option[data-answer] .vote-option-result:after {
  content: '\f10c';
  color: limegreen
}
div.vote.quiz.voted .vote-result .vote-option.voted:not([data-answer]) .vote-option-result:after {
  content: '\f00d';
  color: #ff8034
}
div.vote .sub-article {
  display: none
}
div.vote.voted .vote-result .sub-article {
  display: block
}
div.vote .vote-result .vote-result-block.sub-article {
  margin-top: 1em;
  padding: 0
}
body.snsuser-logined .vote-need-login {
  display: none!important
}
.vote-need-login {
  cursor: pointer;
  padding: .5em 1em;
  font-size: 75%;
  font-style: italic;
  background: #eee;
  color: #888;
  margin-top: .5em
}
.vote-need-login>span:empty:before {
  content: "Login Required"
}
.vote-need-login:before {
  font-family: FontAwesome;
  content: "\f011";
  font-style: normal;
  font-weight: normal;
  margin-right: .25em
}
.vote.is-closed .vote-need-login {
  display: none!important
}
div.vote.voted.resultopts-noaggregate .vote-result .vote-options .vote-option-result>*, div.vote.voted.resultopts-none .vote-result .vote-options {
  display: none
}
div.vote.voted.resultopts-noaggregate .vote-result .vote-options .vote-option-result {
  margin-top: 0
}
div.vote.voted.resultopts-noaggregate .vote-result .vote-options .vote-option-result:after {
  top: auto;
  bottom: -.2em;
  background: rgba(255,255,255,.8)
}
div.vote.quiz.voted.resultopts-noaggregate .vote-result .vote-option[data-answer] .vote-option-link, div.vote.quiz.voted.resultopts-noaggregate .vote-result .vote-option.voted .vote-option-link {
  margin-right: 2.5em
}
div.vote:not(.voted) .vote-result-comment, .vote-result-comment.sent-comment .vote-result-comment-send, .vote-result-comment:not(.sent-comment) .vote-result-comment-sent {
  display: none
}
.vote-result-comment-send, .vote-result-comment-sent {
  background: #f8f8f8;
  position: relative;
  padding: 1em;
  margin: 1em
}
.vote-result-comment-send>div {
  position: relative
}
.vote-result-comment-send>div:first-child>textarea {
  display: block;
  width: 100%;
  min-height: 4em
}
div.vote.is-closed .vote-result-comment-sent div:last-child {
  margin-top: 1em
}
div.vote .vote-subject-closed {
  display: block;
  background: #f8f8f8;
  margin: 1em 2em;
  padding: 1em
}
div.vote:not(.is-closed) .vote-subject-closed {
  display: none
}
div.vote.is-closed .vote-result-comment-send, div.vote.is-closed .vote-result-comment-sent div:last-child>button {
  cursor: not-allowed
}
div.vote.vote-checking .vote-options, div.vote.voting .vote-options {
  cursor: wait!important
}
div.vote.is-closed .vote-option {
  cursor: default!important
}
/*** combinestatic: from:wf/css/article-carousel.css ***/
.article>.block-carousel {
  margin-top: 1em;
  margin-bottom: 1em
}
.article>.block-carousel .carousel-contents {
  padding: 0
}
.article>.block-carousel .carousel-content>* {
  margin: 0
}
.article>.block-carousel .carousel-content>p {
  padding: .5em
}
.article>.block-carousel .carousel-nav {
}

/*** combinestatic: from:wf/css/article-album.css ***/
@charset 'utf-8';
.album-link {
  display: block;
  padding: 5px 0;
  text-decoration: none;
  margin-top: 1em;
  margin-bottom: 1em
}

@media(min-width:768px) {
.album-link {
  padding: 10px 0
}
}
.album-link a {
  display: block;
  text-decoration: none;
  color: inherit
}
.album-link h2 {
  margin: 0 0 .5em 0;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 100%
}
.album-link h2::before {
  font-family: FontAwesome;
  content: '\f03e';
  margin-right: .3em;
}
.album-images-count {
  margin-left: .5em;
}
.album-link-thumbs {
  overflow-x: auto;
  overflow: hidden;
  white-space: nowrap;
  margin-top: .5em;
  display: flex;
  flex-wrap: wrap
}
.album-link-thumb {
  position: relative;
  padding: 1px
}
.album-link-thumb {
  width: calc(100% / 3)
}
.album-link-thumb img {
  object-fit: cover
}
.album-link-thumb.ellipsis img {
  background: rgba(0,0,0,.5)
}
.album-link-thumb.ellipsis::after {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  font-family: FontAwesome;
  content: '\f00a';
  line-height: 1.1;
  font-size: 200%;
}

@media(max-width:767px) {
.album-link-thumb.ellipsis:nth-child(-n+10) {
  display: none
}
.album-link-thumb:nth-child(n+10):not(.ellipsis) {
  display: none
}
.album-link-thumb.ellipsis {
  margin-left: calc( -100% / 3 )
}
}

@media(min-width:768px) {
.album-link-thumb {
  width: calc(100% / 6)
}
.album-link-thumb:not(.ellipsis):nth-child(n+19) {
  display: none
}
.album-link-thumb.ellipsis:nth-child(n+19) {
  margin-left: calc( -100% / 6 )
}
.album-link-thumb.ellipsis:nth-child(-n+19)::after {
  content: '\f00a'
}
}
.album-link-thumb-img {
  display: block;
  vertical-align: top
}
.album-link-thumb .album-link-thumb-img-normal {
  display: none
}
.album-link-thumbs:hover {
  overflow: visible
}
.album-link-thumb:hover .album-link-thumb-img-normal {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  z-index: 99999
}
.album-link-thumbs[data-album-image-count]:after {
  content: '(' attr(data-album-image-count) ')';
  align-self: flex-end
}
.album-link-title:empty::after {
  content: 'View Album'
}
.album-images-count::before {
  content: '('
}
.album-images-count::after {
  content: ')'
}

/*** combinestatic: from:lib/js/tbl-md.css ***/
@charset 'utf-8';
.block-table {
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  max-width: 100vw
}
.tbl-md-wrap {
  position: relative;
  max-width: 100vw;
  overflow-x: auto
}
table.tbl-md {
  border-collapse: collapse;
  white-space: nowrap
}
table.tbl-md:not(.noborder) {
  border: 1px solid #ccc;
  line-height: 1.4;
  font-size: 87.5%;
  font-size: calc(14/16)
}
table.tbl-md>*>tr>* {
  padding: .5em .75em .4em;
  text-align: left;
  vertical-align: middle
}
table.tbl-md:not(.noborder)>*>tr>* {
  border-style: solid;
  border-width: 1px;
  border-color: inherit
}
table.tbl-md.noborder>*>tr>:first-child {
  padding-left: 0
}
table.tbl-md.noborder>*>tr>:last-child {
  padding-right: 0
}
table.tbl-md>*>tr.bordered>* {
  border-bottom-style: double;
  border-bottom-width: 3px
}
table.tbl-md:not(.noborder)>*>tr:nth-child(odd)>* {
  background: #f8f8f8
}
table.tbl-md:not(.noborder)>*>tr:nth-child(n)>th {
  background: #ddd
}
table.tbl-md>*>tr:nth-child(n)>th.marked, table.tbl-md>*>tr:nth-child(n)>td.marked {
  background: #fcc
}
table.tbl-md>*>tr:nth-child(n)>*.autowrap {
  white-space: normal;
  word-break: break-all;
  min-width: 10em
}
table.tbl-md>*>tr:nth-child(n)>*.double-bordered-left {
  border-left-style: double;
  border-left-width: 3px
}
table.tbl-md>*>tr>*[style*="white-space:normal"] {
  min-width: 10em
}
table.tbl-md>caption {
  opacity: .8;
  font-size: 85.7143%;
  font-size: calc(12/14);
  font-style: italic;
  line-height: 1.2;
  margin-top: .6em;
  margin-bottom: .5em
}
table.tbl-md>caption a {
  color: inherit
}
table.tbl-md>*>tr>*>ul, table.tbl-md>*>tr>*>ol {
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: -.5em;
  margin-right: -.5em
}

/*** combinestatic: from:wf/css/article-list.css ***/
@charset "utf-8";
div.block-list {
}
.article .block-list, .article ul, .article ol {
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em
}
.article .block-list>ul, .article .block-list>ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0
}
.article li:first-line {
  margin-left: -1.5em
}
.article li+li {
  margin-top: .5em
}
.article li>ul, .article li>ol {
  margin-top: .5em;
  margin-bottom: .5em
}
/*** combinestatic: from:wf/css/article-lbox.css ***/
.article>.block-lbox {
  margin-top: 1em;
  margin-bottom: 1em
}
.lbox {
  display: flex;
  margin-top: 1em;
  margin-bottom: 1em;
  border-width: 1px;
  position: relative
}
.lbox>.lbox-child {
  flex-shrink: 0;
  flex-grow: 0
}
.lbox.font-size-small {
  font-size: 81.125%;
  line-height: 1.4
}

@media(min-width:767px) {
.lbox.box-narrow {
  width: 80%;
  margin-left: auto;
  margin-right: auto
}
.lbox.box-narrow-left {
  width: 80%;
  margin-left: 0;
  margin-right: auto
}
}
.lbox:not([data-lbox-layout]) {
}
.lbox[data-lbox-layout="1"]>.lbox-single {
  width: 100%
}
.lbox[data-lbox-layout="1:3"]>.lbox-left {
  width: 25%
}
.lbox[data-lbox-layout="1:3"]>.lbox-right {
  width: 75%
}
.lbox[data-lbox-layout="1:2"]>.lbox-left {
  width: calc(100% / 3)
}
.lbox[data-lbox-layout="1:2"]>.lbox-right {
  width: calc(100% / 1.5)
}
.lbox[data-lbox-layout="1:1"]>.lbox-child {
  width: 50%
}
.lbox[data-lbox-layout="1:X"]>.lbox-left {
  flex: 0 0 auto;
  max-width: 100%
}
.lbox[data-lbox-layout="1:X"]>.lbox-right {
  flex: 1 1 100%
}
.lbox[data-lbox-layout="fix:X"]>.lbox-left {
  flex: 0 0 90px;
  max-width: 90px
}
.lbox[data-lbox-layout="fix:X"]>.lbox-right {
  flex: 1 1 100%
}
.lbox.reversed {
  flex-direction: row-reverse
}
.box-border-none {
  border-style: none
}
.box-border-solid {
  border-width: 1px;
  border-style: solid
}
.box-border-dashed {
  border-width: 1px;
  border-style: dashed
}
.box-border-radius {
  border-radius: .5em
}
.box-shadow-simple {
  filter: drop-shadow(5px 5px 0 rgba(0,0,0,.1));
  margin-right: 5px
}
.lbox:not([class*="box-color-bg"]) {
  border-color: #ccc
}
.box-color-bgwhite {
  background-color: hsl(0,0%,100%);
  border-color: hsl(0,0%,80%)
}
.box-color-bgblack {
  background-color: hsl(0,0%,90%);
  border-color: hsl(0,0%,50%)
}
.box-color-bgred {
  background-color: hsl(0,47%,91%);
  border-color: hsl(0,47%,78%)
}
.box-color-bgbrown {
  background-color: hsl(30,32%,90%);
  border-color: hsl(30,32%,63%)
}
.box-color-bgorange {
  background-color: hsl(20,66%,92%);
  border-color: hsl(20,66%,69%)
}
.box-color-bgyellow {
  background-color: hsl(45,62%,92%);
  border-color: hsl(45,62%,69%)
}
.box-color-bggreen {
  background-color: hsl(120,24%,90%);
  border-color: hsl(120,24%,63%)
}
.box-color-bgcyan {
  background-color: hsl(180,33%,92%);
  border-color: hsl(180,33%,69%)
}
.box-color-bgblue {
  background-color: hsl(240,42%,93%);
  border-color: hsl(240,40%,72%)
}
.box-color-bgviolet {
  background-color: hsl(275,32%,93%);
  border-color: hsl(275,30%,71%)
}
.box-color-bgpink {
  background-color: hsl(330,47%,94%);
  border-color: hsl(330,45%,77%)
}
.lbox>.lbox-child>.sub-article {
  padding: 0
}
.lbox>.lbox-child {
  padding: .75em
}
.lbox:not([class*="box-color-bg"]):not([class*="box-border-"]):not(.reversed)>.lbox-left, .lbox:not([class*="box-color-bg"]):not([class*="box-border-"]).reversed>.lbox-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0
}
.lbox:not([class*="box-color-bg"]):not([class*="box-border-"]):not(.reversed)>.lbox-right, .lbox:not([class*="box-color-bg"]):not([class*="box-border-"]).reversed>.lbox-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0
}
.lbox[data-lbox="2cols"]:not(.reversed)>.lbox-child.lbox-left, .lbox[data-lbox="2cols"].reversed>.lbox-child.lbox-right {
  padding-right: .375em
}
.lbox[data-lbox="2cols"]:not(.reversed)>.lbox-child.lbox-right, .lbox[data-lbox="2cols"].reversed>.lbox-child.lbox-left {
  padding-left: .375em
}

@media(max-width:767px) {
.lbox[data-lbox="2cols"] {
  font-size: 80%
}
}
.box-bubble {
  position: relative
}
.box-bubble[class*="box-color-bg"]::before, .box-bubble[class*="box-color-bg"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: .45em solid transparent;
  border-top-color: inherit
}

@media(min-width:768px) {
.box-bubble[class*="box-color-bg"]::before, .box-bubble[class*="box-color-bg"]::after {
  transform: rotate(90deg) scaleY(1.5);
  transform-origin: top left;
  margin-top: .6em
}
.box-bubble[class*="box-color-bg"]::after {
  margin-left: 1px
}
.lbox[data-lbox="bubble"].reversed .box-bubble:not(:empty)::before, .lbox[data-lbox="bubble"].reversed .box-bubble:not(:empty)::after {
  left: auto;
  right: 0;
  transform: rotate(270deg) scaleY(1.5);
  transform-origin: top right
}
.lbox[data-lbox="bubble"].reversed .box-bubble:not(:empty)::before {
  margin-right: -1px
}
.lbox[data-lbox="bubble"].reversed .box-bubble:not(:empty)::after {
  margin-right: 1px
}
.lbox[data-lbox="bubble"] .lbox-right {
  min-height: 90px
}
}

@media(max-width:767px) {
.box-bubble[class*="box-color-bg"]::before, .box-bubble[class*="box-color-bg"]::after {
  transform: rotate(180deg) scaleY(1.5);
  transform-origin: top center
}
.lbox:not(.reversed)>.lbox-right .box-bubble[class*="box-color-bg"]::before, .lbox:not(.reversed)>.lbox-right .box-bubble[class*="box-color-bg"]::after {
  left: 40px;
left:calc(45px - .45em * 1.5)
}
.lbox.reversed>.lbox-right .box-bubble[class*="box-color-bg"]::before, .lbox.reversed>.lbox-right .box-bubble[class*="box-color-bg"]::after {
  left: auto;
  right: 40px;
right:calc(45px - .45em * 1.5)
}
.lbox[data-lbox="bubble"]:not(.reversed) .box-bubble:not(:empty)::before, .lbox[data-lbox="bubble"].reversed .box-bubble:not(:empty)::before {
  margin-top: -1px
}
}

@media(max-width:767px) {
.lbox[data-lbox="bubble"] {
  flex-wrap: wrap
}
.lbox[data-lbox="bubble"].reversed {
  flex-direction: normal
}
.lbox[data-lbox="bubble"].reversed>.lbox-left {
  margin-left: auto
}
}
.lbox[data-lbox="bubble"]>.lbox-child {
  padding: 0
}

@media(min-width:768px) {
.lbox[data-lbox="bubble"]:not(.reversed)>.lbox-right {
  padding-left: .75em
}
.lbox[data-lbox="bubble"].reversed>.lbox-right {
  padding-right: .75em
}
}

@media(max-width:767px) {
.lbox[data-lbox="bubble"]:not([class*="box-color-bg"]):not([class*="box-border-"]):not(.reversed)>.lbox-right, .lbox[data-lbox="bubble"]:not([class*="box-color-bg"]):not([class*="box-border-"]).reversed>.lbox-right {
  padding-top: .75em
}
}
.lbox[data-lbox="bubble"] .sub-article.box-bubble {
  padding: .5em .75em
}
.box-bubble.box-color-bgwhite::after {
  border-top-color: hsl(0,0%,100%)
}
.box-bubble.box-color-bgblack::after {
  border-top-color: hsl(0,0%,90%)
}
.box-bubble.box-color-bgred::after {
  border-top-color: hsl(0,47%,91%)
}
.box-bubble.box-color-bgbrown::after {
  border-top-color: hsl(30,32%,90%)
}
.box-bubble.box-color-bgorange::after {
  border-top-color: hsl(20,66%,92%)
}
.box-bubble.box-color-bgyellow::after {
  border-top-color: hsl(45,62%,92%)
}
.box-bubble.box-color-bggreen::after {
  border-top-color: hsl(120,24%,90%)
}
.box-bubble.box-color-bgcyan::after {
  border-top-color: hsl(180,33%,92%)
}
.box-bubble.box-color-bgblue::after {
  border-top-color: hsl(240,42%,93%)
}
.box-bubble.box-color-bgviolet::after {
  border-top-color: hsl(275,32%,93%)
}
.box-bubble.box-color-bgpink::after {
  border-top-color: hsl(330,47%,94%)
}
.box-bubble:not(.box-border-solid)::before {
  display: none
}
.box-bubble:not([class*="box-color-bg"]):not(.box-border-solid) {
  padding: 0
}
.lbox[data-lbox="bubble"]>.lbox-left>.sub-article>figure>figcaption {
  font-size: 12px;
  text-align: left
}
.lbox[data-lbox="bubble"].reversed>.lbox-left>.sub-article>figure>figcaption {
  text-align: right
}
.lbox[data-lbox="float"] {
  display: block
}
.lbox[data-lbox="float"]::after {
  content: "";
  display: table;
  clear: both
}
.lbox[data-lbox="float"]>.lbox-left {
  position: relative
}
.lbox[data-lbox="float"]>.lbox-child {
  padding: .75em
}
.lbox[data-lbox="float"]:not(.reversed)>.lbox-left {
  float: left
}
.lbox[data-lbox="float"].reversed>.lbox-left {
  float: right
}
.lbox[data-lbox="float"]>.lbox-right {
  width: 100%
}
.img_fleftwrap01:after,
.img_fleftwrap02:after,
.img_frighttwrap01:after{
  content: "";
  clear: both;
  display: block;
  border-bottom: none
}
.article .img_fleftwrap01 figure{
  float: left;
  margin-right: 10px;
  margin-top: 0;
}
.article .img_fleftwrap02 figure{
  float: left;
  margin-right: 10px;
  margin-top: 0;
  width: 38%;
}
.article .img_fleftwrap02 figure div{
  width: auto !important;
}
.article .img_fleftwrap02 figure img{
  width: auto;
  max-width: 100%;
}
.article .img_frightwrap01 figure{
  float: right;
  margin-left: 10px;
  margin-top: 0;
}