@charset "utf-8";
.wp-block-catpow-lightbox {
  list-style: none; }
  .wp-block-catpow-lightbox li {
    list-style-type: none; }
  .wp-block-catpow-lightbox > .contents {
    display: none; }
  .wp-block-catpow-lightbox.large {
    margin: 3rem auto;
    max-width: 120rem;
    width: auto; }
    @media (min-width:960px) {
  .wp-block-catpow-lightbox.large {
    margin: 3rem auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .wp-block-catpow-lightbox.large > li {
      -webkit-box-flex: 1;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 40rem; } }
    .wp-block-catpow-lightbox.large li.item {
      position: relative;
      padding: 3rem;
      box-sizing: border-box;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .wp-block-catpow-lightbox.large li.item header {
        padding: 2rem; }
        .wp-block-catpow-lightbox.large li.item header .text h3 {
          text-align: center;
          font-size: 2rem;
          font-weight: 300;
          color: #c164b6; }
  .wp-block-catpow-lightbox.medium {
    padding: 1rem;
    margin: 0px auto;
    max-width: 120rem;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .wp-block-catpow-lightbox.medium li.item {
      position: relative;
      margin: 1px;
      -webkit-box-flex: 1;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 24rem; }
      .wp-block-catpow-lightbox.medium li.item header {
        position: relative;
        padding: 1rem; }
        .wp-block-catpow-lightbox.medium li.item header .image {
          margin-bottom: 1rem; }
          .wp-block-catpow-lightbox.medium li.item header .image img {
            width: 100%;
            height: auto; }
        .wp-block-catpow-lightbox.medium li.item header .text h3 {
          text-align: left;
          font-size: 1.4rem; }
          .wp-block-catpow-lightbox.medium li.item header .text p {
            text-align: left;
            font-size: 1.3rem;
            color: #acacac; }
  .wp-block-catpow-lightbox.small {
    padding: 1rem;
    margin: 5rem auto;
    max-width: 120rem;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .wp-block-catpow-lightbox.small > li {
      -webkit-box-flex: 1;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 24rem; }
    .wp-block-catpow-lightbox.small li.item {
      position: relative;
      margin: 1rem;
      box-sizing: border-box;
      border-style: solid;
      border-width: 1px;
      border-color: #acacac;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .wp-block-catpow-lightbox.small li.item > header {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center; }
        .wp-block-catpow-lightbox.small li.item > header .image {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 12rem; }
          .wp-block-catpow-lightbox.small li.item > header .image img {
            width: 100%;
            height: 12rem;
            object-fit: cover;
            object-position: center; }
        .wp-block-catpow-lightbox.small li.item > header .text {
          -webkit-box-flex: 10;
          flex-grow: 10;
          flex-shrink: 10;
          flex-basis: 15rem;
          padding: 1rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-align-content: space-between;
          align-content: space-between; }
          .wp-block-catpow-lightbox.small li.item > header .text h3 {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 100%;
            text-align: center;
            font-size: 1.4rem;
            line-height: 1.5em;
            font-family: 'Noto Serif JP', serif;
            font-weight: 300;
            color: #595858; }
          .wp-block-catpow-lightbox.small li.item > header .text p {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 100%;
            text-align: justify;
            font-size: 1.2rem;
            line-height: 1.5em;
            font-weight: 300;
            color: #595858; }
  .wp-block-catpow-lightbox.example {
    margin: 0px auto;
    max-width: 120rem;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center; }
    .wp-block-catpow-lightbox.example li.item {
      position: relative;
      -webkit-box-flex: 0;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 15rem; }
      .wp-block-catpow-lightbox.example li.item header {
        position: relative;
        cursor: pointer; }
        .wp-block-catpow-lightbox.example li.item header .image {
          margin-bottom: 1rem; }
          .wp-block-catpow-lightbox.example li.item header .image img {
            display: block;
            width: auto;
            height: 8rem;
            margin: auto; }
        .wp-block-catpow-lightbox.example li.item header .text {
          position: relative; }
          .wp-block-catpow-lightbox.example li.item header .text h3 {
            position: relative;
            padding: 0px 1rem 0px 3rem;
            text-align: left;
            font-size: 1.4rem;
            color: #1b3468; }
            .wp-block-catpow-lightbox.example li.item header .text h3::before {
              content: '';
              display: block;
              position: absolute;
              top: 0px;
              left: 0px;
              width: 2rem;
              height: 2rem;
              background-image: url('../../images/icon_check.png');
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover; }
          .wp-block-catpow-lightbox.example li.item header .text p {
            text-align: left;
            font-size: 1.3rem;
            color: #acacac; }

.cp_lightbox_content ul.items {
  list-style: none; }
  .cp_lightbox_content ul.items .item {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    transform: -webkit- translateX(-3rem);
    transform: translateX(-3rem); }
    .cp_lightbox_content ul.items .item:not(.active) {
      pointer-events: none; }
    .cp_lightbox_content ul.items .item.active {
      position: relative;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1;
      transform: -webkit- translateX(0px);
      transform: translateX(0px); }
      .cp_lightbox_content ul.items .item.active ~ * {
        transform: -webkit- translateX(3rem);
        transform: translateX(3rem); }
    .cp_lightbox_content ul.items .item .contents.example {
      position: relative;
      width: 49rem;
      padding: 8rem 5rem;
      padding-right: 14rem;
      box-sizing: border-box; }
      .cp_lightbox_content ul.items .item .contents.example .image img {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 4rem;
        width: 8rem;
        height: auto;
        margin: auto; }
      .cp_lightbox_content ul.items .item .contents.example .title h4 {
        position: relative;
        padding-left: 2em;
        font-size: 1.8rem;
        color: #1b3468; }
        .cp_lightbox_content ul.items .item .contents.example .title h4::before {
          content: '';
          display: block;
          position: absolute;
          width: 1.5em;
          height: 1.5em;
          top: 0px;
          left: 0px;
          background-image: url('../../images/icon_check.png');
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          vertical-align: middle; }
      .cp_lightbox_content ul.items .item .contents.example .text dl {
        padding: 0.5rem 0px;
        margin: 0.5rem auto;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-color: rgba(89, 88, 88, 0.3);
        border-bottom-color: rgba(89, 88, 88, 0.3);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: justify;
        font-size: 1.2rem;
        line-height: 2em;
        color: #595858;
        letter-spacing: 0.1em; }
        .cp_lightbox_content ul.items .item .contents.example .text dl dt {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 8rem; }
        .cp_lightbox_content ul.items .item .contents.example .text dl dd {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: calc(100% - 10rem); }