@charset "UTF-8";
.editor {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 1.4rem; }
  @media screen and (max-width: 768px) {
    .editor {
      font-size: 1.2rem; } }
  .editor p > a {
    display: inline-block; }
  .editor h2 {
    font-family: "Cinzel", "Zen Old Mincho", serif;
    font-size: 2.4rem;
    margin-bottom: 25px;
    position: relative;
    line-height: 1.7;
    padding-left: 25px; }
    .editor h2::before {
      content: "";
      position: absolute;
      top: 3px;
      left: 0;
      width: 5px;
      height: calc(100% - 10px);
      background: #fff; }
  .editor h3 {
    font-family: "Cinzel", "Zen Old Mincho", serif;
    font-size: 2.0rem;
    color: #fff;
    margin-bottom: 25px;
    position: relative;
    padding: 13px 20px 13px 45px;
    background: #0d0d0d;
    text-indent: -1.2em;
    line-height: 1.7; }
    .editor h3::before {
      content: "●";
      position: relative;
      left: 0;
      top: -2px;
      width: auto;
      height: auto;
      color: #fff;
      margin-right: 12px;
      font-size: 1.0rem; }
  .editor h4 {
    font-family: "Cinzel", "Zen Old Mincho", serif;
    font-size: 1.8rem;
    margin-bottom: 17px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333333; }
  .editor ul {
    list-style-type: disc !important; }
    .editor ul > li {
      margin-left: 1.5em;
      padding: 0; }
  .editor ol {
    list-style-type: decimal !important;
    padding-left: 1.5em; }
  .editor a {
    color: #b8a25d;
    text-decoration: underline; }
    @media (hover: hover) and (pointer: fine) {
      .editor a:hover {
        text-decoration: none; } }
    @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .editor a:hover {
        text-decoration: none; } }
    .editor a[target="_blank"] {
      padding-right: 21px;
      background: url("/lib/cmn_img/icon_link_gold.png") no-repeat center right 5px/11px 11px; }
  .editor p {
    line-height: 1.7;
    font-size: 1.4rem; }
    @media screen and (max-width: 768px) {
      .editor p {
        font-size: 1.2rem; } }
  .editor table {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    color: #000; }
    .editor table th, .editor table td {
      background-color: #fff;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      line-height: 1.4;
      padding: 15px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .editor table th, .editor table td {
          font-size: 1.2rem; } }
    .editor table th {
      background-color: #eee;
      text-align: center; }
    td
.editor table:nth-child(1) {
      background-color: #e4e4e4;
      text-align: center; }
  .editor em {
    font-style: italic; }
  .editor iframe {
    display: block;
    margin: 0 auto; }
  .editor img {
    max-width: 100%;
    height: auto !important;
    text-align: center;
    display: block;
    margin: 0 auto; }
    .editor img.emojione {
      display: inline; }
  .editor .scrollTbl {
    overflow-x: auto;
    margin-bottom: 20px; }
    .editor .scrollTbl table {
      width: 100%;
      min-width: 600px;
      border-collapse: collapse;
      margin-bottom: 0; }
  .editor .template_01 ul {
    font-size: 0; }
    .editor .template_01 ul > li {
      width: 48%;
      display: inline-block;
      vertical-align: top;
      margin: 0 4% 4% 0; }
      @media screen and (max-width: 768px) {
        .editor .template_01 ul > li {
          width: 100%;
          margin: 0 0 20px; } }
      .editor .template_01 ul > li:nth-child(2n) {
        margin-right: 0; }
  .editor .template_02 ul > li, .editor .template_03 ul > li, .editor .template_04 ul > li {
    background: #121212;
    padding: 40px;
    margin-bottom: 40px;
    overflow: hidden;
    zoom: 1;
    margin-left: 0; }
    @media screen and (max-width: 768px) {
      .editor .template_02 ul > li, .editor .template_03 ul > li, .editor .template_04 ul > li {
        padding: 20px 20px 25px;
        margin-bottom: 25px; } }
    .editor .template_02 ul > li .ttl, .editor .template_03 ul > li .ttl, .editor .template_04 ul > li .ttl {
      font-family: "Cinzel", "Zen Old Mincho", serif;
      font-size: 2.2rem;
      margin-bottom: 5px;
      line-height: 1.8; }
      @media screen and (max-width: 768px) {
        .editor .template_02 ul > li .ttl, .editor .template_03 ul > li .ttl, .editor .template_04 ul > li .ttl {
          font-size: 1.6rem; } }
    .editor .template_02 ul > li .imgBox, .editor .template_03 ul > li .imgBox, .editor .template_04 ul > li .imgBox {
      width: 40%;
      float: left;
      display: table; }
      @media screen and (max-width: 768px) {
        .editor .template_02 ul > li .imgBox, .editor .template_03 ul > li .imgBox, .editor .template_04 ul > li .imgBox {
          width: 100%;
          display: block;
          float: none;
          margin-bottom: 20px; } }
      .editor .template_02 ul > li .imgBox > p, .editor .template_03 ul > li .imgBox > p, .editor .template_04 ul > li .imgBox > p {
        display: table-cell;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          .editor .template_02 ul > li .imgBox > p, .editor .template_03 ul > li .imgBox > p, .editor .template_04 ul > li .imgBox > p {
            display: block; } }
        .editor .template_02 ul > li .imgBox > p span, .editor .template_03 ul > li .imgBox > p span, .editor .template_04 ul > li .imgBox > p span {
          display: block; }
    .editor .template_02 ul > li .txBox, .editor .template_03 ul > li .txBox, .editor .template_04 ul > li .txBox {
      width: 55%;
      float: right;
      display: table;
      font-size: 1.4rem; }
      @media screen and (max-width: 768px) {
        .editor .template_02 ul > li .txBox, .editor .template_03 ul > li .txBox, .editor .template_04 ul > li .txBox {
          font-size: 1.2rem;
          width: 100%;
          display: block;
          float: none; } }
      .editor .template_02 ul > li .txBox > div, .editor .template_03 ul > li .txBox > div, .editor .template_04 ul > li .txBox > div {
        display: table-cell;
        vertical-align: middle; }
    .editor .template_02 ul > li.last, .editor .template_03 ul > li.last, .editor .template_04 ul > li.last {
      margin-bottom: 0 !important; }
  .editor .template_03 ul > li .imgBox {
    float: right; }
  .editor .template_03 ul > li .txBox {
    float: left; }
  .editor .template_04 ul > li .txBox {
    width: 100%;
    float: none; }
  .editor .template_01, .editor .template_02, .editor .template_03, .editor .template_04 {
    margin: 60px 0; }
    @media screen and (max-width: 768px) {
      .editor .template_01, .editor .template_02, .editor .template_03, .editor .template_04 {
        margin: 45px 0; } }
    .editor .template_01 .cmn_ofi img, .editor .template_02 .cmn_ofi img, .editor .template_03 .cmn_ofi img, .editor .template_04 .cmn_ofi img {
      height: 100% !important; }

@media screen and (max-width: 768px) {
  .editor {
    font-size: 1.2rem; }
  .editor h2 {
    font-size: 1.7rem;
    padding-left: 20px; }
    .editor h2::before {
      width: 4px; }
  .editor h3 {
    font-size: 1.6rem;
    padding: 15px 15px 15px 30px; }
  .editor h3::before {
    left: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  .editor h4 {
    font-size: 1.5rem; }
  .editor p {
    font-size: 1.2rem; }
  .editor table {
    width: 100% !important;
    max-width: 100% !important; }
  .editor table td, .editor table th {
    padding: 2%; }
  .editor iframe {
    width: 100%;
    height: auto; } }