@charset "utf-8";

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

テキストエディタ

========================================================================== */
[data-area="content"] strong {
  font-weight: 700;
}
[data-area="content"] em {
  font-style: italic;
}

[data-area="content"] sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

[data-area="content"] sub {
  font-size: 70%;
  vertical-align: bottom;
  position: relative;
  bottom: -0.1em;
}

[data-area="content"] .weight-1{
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .weight-1{
    font-size: 1.6rem;
  }
}

[data-area="content"] .weight-2{
  font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .weight-2{
    font-size: 1.5rem;
  }
}

[data-area="content"] .weight-3{
  font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .weight-3{
    font-size: 1.2rem;
  }
}

/* リード文 */
[data-area="content"] .lead1{
    font-size: 1.8rem;
    font-weight: 500;
    color: #1d6cbc;
    font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .lead1{
    font-size: 1.5rem;
  }
}

[data-area="content"] ul {
  list-style: none;
}
[data-area="content"] ul li {
  position: relative;
  padding-left: 23px;
}
[data-area="content"] ul li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 7px 0 0;
  z-index: 2;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #8eb6de;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] ul li {
    padding-left: 18px;
  }
  [data-area="content"] ul li::before {
    margin: 6px 0 0;
    z-index: 2;
    width: 13px;
    height: 13px;
  }
}

[data-area="content"] ol {
  list-style: none;
  counter-reset: num;
}

[data-area="content"] ol li:before {
  content: counter(num) ". ";
  counter-increment: num;
  display: inline-block;
  text-indent: -.8em;
  padding-left: .8em;
}

/* 見出し */
[data-area="content"] .cp-h1-text {
  font-size: 3.2rem;
  font-weight: 500;
  color: #1d6cbc;
  margin: 30px 0;
  padding: 27px 0 28px;
  line-height: 1.4;
  letter-spacing: -.01em;
  border-top: 1px solid #1d6cbc;
  border-bottom: 4px solid #1d6cbc;
  font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .cp-h1-text {
    font-size: 1.9rem;
    margin: 15px 0;
    padding: 12px 0;
    border-bottom: 2px solid #1d6cbc;
  }
}

[data-area="content"] .cp-h2-text {
  font-size: 2.8rem;
  font-weight: 500;
  color: #1d6cbc;
  padding: 14px 0;
  margin: 25px 0;
  line-height: 1.3;
  letter-spacing: -.01em;
  border-bottom: 1px solid #1d6cbc;
  font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .cp-h2-text {
    font-size: 1.8rem;
    margin: 18px 0;
    padding: 5px 0;
  }
}

[data-area="content"] .cp-h3-text {
  font-size: 2.2rem;
  font-weight: 500;
  color: #1d6cbc;
  line-height: 1.4;
  padding: 15px 18px;
  margin: 20px 0;
  background: #f3f7fb;
  border-left: 4px solid #1d6cbc;
  font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .cp-h3-text {
    font-size: 1.6rem;
    margin: 16px 0;
    padding: 12px 16px;
    border-left: 2px solid #1d6cbc;
  }
}

[data-area="content"] .cp-h4-text {
  font-size: 2rem;
  font-weight: bold;
  color: #1d6cbc;
  line-height: 1.4;
  margin: 15px 0;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .cp-h4-text {
    font-size: 1.5rem;
    margin: 12px 0;
  }
}

[data-area="content"] .cp-h5-text {
  font-size: 1.8rem;
  font-weight: bold;
  color: #1d6cbc;
  line-height: 1.4;
  margin: 12px 0;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .cp-h5-text {
    font-size: 1.4rem;
    margin: 10px 0;
  }
}

[data-area="content"] .cp-h1-text + .cp-h2-text {
  margin-top: 0;
}

[data-area="content"] .cp-h2-text + .cp-h3-text {
  margin-top: 0;
}

[data-area="content"] .cp-h3-text + .cp-h4-text {
  margin-top: 0;
}

[data-area="content"] .cp-h4-text + .cp-h5-text {
  margin-top: 0;
}

[data-area="content"] .cp-h1-text hr,
[data-area="content"] .cp-h2-text hr,
[data-area="content"] .cp-h3-text hr,
[data-area="content"] .cp-h4-text hr,
[data-area="content"] .cp-h5-text hr {
  display: none;
}

/* フォントファミリー */
[data-area="content"] .FF-1 {
  font-family: 'Noto Sans JP', sans-serif;
}

[data-area="content"] .FF-2{
  font-family: "Noto Serif JP", serif;
}
[data-area="content"] .FF-3{
  font-family: "M PLUS Rounded 1c", sans-serif;
}
[data-area="content"] .FF-4{
  font-family: "Yusei Magic", sans-serif;
}
[data-area="content"] .FF-5{
  font-family: "Shippori Mincho B1", serif;
}

/* テキストボタン */
[data-area="content"] .button1,
[data-area="content"] .button2,
[data-area="content"] .button3 {
  display: block;
  width: 30.4347826%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .button1,
  [data-area="content"] .button2,
  [data-area="content"] .button3 {
    width: 100%;
    max-width: 100%;
  }
}

[data-area="content"] .button1 {
  margin-right: auto;
}
[data-area="content"] .button2 {
  margin: 0 auto;
}
[data-area="content"] .button3 {
  margin-left: auto;
}

[data-area="content"] .button1 .button-inner,
[data-area="content"] .button2 .button-inner,
[data-area="content"] .button3 .button-inner {
  box-sizing: border-box;
  position: relative;
}

[data-area="content"] .button1 .button-inner::after,
[data-area="content"] .button2 .button-inner::after,
[data-area="content"] .button3 .button-inner::after {
  position: absolute;
  content: '';
  top: 0;
  right: 20px;
  bottom: 0;
  left: inherit;
  margin: auto 0;
  z-index: 2;
  width: 13px;
  height: 7px;
  background: url(/albums/css/basic-edit/abm00001419.svg) center center no-repeat;
  background-size: cover;
}

[data-area="content"] .button1 a,
[data-area="content"] .button2 a,
[data-area="content"] .button3 a {
  transition: .2s;
  font-size: 1.6rem;
  padding: 13px 30px;
  color: #fff;
  background: #1d6cbc;
  width: 100%;
  height: 100%;
  border: 1px solid #1d6cbc;
  display: block;
  text-decoration: none;
  line-height: 1.4;
  font-weight: bold;
  box-sizing: border-box;
  text-align: inherit;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .button1 a,
  [data-area="content"] .button2 a,
  [data-area="content"] .button3 a {
    width: 100%;
    max-width: inherit;
    font-size: 1.4rem;
    padding: 14px 15px 15px;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  [data-area="content"] .button1 a:not(.noHover):hover,
  [data-area="content"] .button2 a:not(.noHover):hover,
  [data-area="content"] .button3 a:not(.noHover):hover {
    opacity: .8;
  }
}


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

共通テーブル

========================================================================== */
[data-area="content"] table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
  word-wrap: break-all;
}

@media only screen and (max-width: 768px) {
  [data-area="content"] table {
    table-layout: inherit;
  }
}


[data-area="content"] table th {
  color: #fff;
  border: 1px solid #d2d2d2;
  background: #1d6cbc;
  vertical-align: middle;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 13px 30px 14px;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] table th {
    padding: 7px 16px 8px;
  }
}

[data-area="content"] table td {
  word-break: break-word;
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 13px 30px 14px;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] table td {
    padding: 7px 16px 8px;
  }
}

[data-area="content"] .cp-text-item table,
[data-area="content"] .cp-it-text table:first-child,
[data-area="content"] .cp-ti-text table:first-child{
  margin-top: 0;
}
[data-area="content"] .cp-text-item table:last-child,
[data-area="content"] .cp-it-text table:last-child,
[data-area="content"] .cp-ti-text table:last-child{
  margin-bottom: 0;
}

[data-area="content"] table.fr-dashed-borders{
      border-style: dashed !important;
      border-width: inherit !important;
}

[data-area="content"] table.fr-dashed-borders td,
[data-area="content"] table.fr-dashed-borders th {
      border-style: dashed !important;
}

[data-area="content"] table.fr-alternate-rows tbody tr:nth-child(2n) {
      background: #f3f7fb !important;
}

[data-area="content"] table.fr-table-border-vertical{
  border: none !important;
}

[data-area="content"] table.fr-table-border-vertical th,
[data-area="content"] table.fr-table-border-vertical td{
  border-top: 0px !important;
  border-bottom: 0px !important;
}

[data-area="content"] table.fr-table-border-horizontal{
  border: none !important;
}

[data-area="content"] table.fr-table-border-horizontal th,
[data-area="content"] table.fr-table-border-horizontal td{
  border-left: 0px !important;
  border-right: 0px !important;
}

[data-area="content"] table.fr-table-border-none{
  border: none !important;
}

[data-area="content"] table.fr-table-border-none th,
[data-area="content"] table.fr-table-border-none td{
  border: none !important;
}

[data-area="content"] table.fr-table-border-1px th,
[data-area="content"] table.fr-table-border-1px td {
      border-width: 1px !important;
}

[data-area="content"] table.fr-table-border-2px th,
[data-area="content"] table.fr-table-border-2px td {
      border-width: 2px !important;
}

[data-area="content"] table.fr-table-border-3px th,
[data-area="content"] table.fr-table-border-3px td {
      border-width: 3px !important;
}

[data-area="content"] table.fr-table-cellPadding-10 th,
[data-area="content"] table.fr-table-cellPadding-10 td {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
}

[data-area="content"] table.fr-table-cellPadding-20 th,
[data-area="content"] table.fr-table-cellPadding-20 td {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
}

[data-area="content"] table.fr-table-cellPadding-30 th,
[data-area="content"] table.fr-table-cellPadding-30 td {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
}

[data-area="content"] table.fr-table-cellPadding-40 th,
[data-area="content"] table.fr-table-cellPadding-40 td {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
}

[data-area="content"] table.fr-table-cellPadding-50 th,
[data-area="content"] table.fr-table-cellPadding-50 td {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
}

[data-area="content"] table.fr-table-cellPadding-60 th,
[data-area="content"] table.fr-table-cellPadding-60 td {
      padding-top: 60px !important;
      padding-bottom: 60px !important;
}

[data-area="content"] table.fr-table-cellPadding-70 th,
[data-area="content"] table.fr-table-cellPadding-70 td {
      padding-top: 70px !important;
      padding-bottom: 70px !important;
}

[data-area="content"] table.fr-table-cellPadding-80 th,
[data-area="content"] table.fr-table-cellPadding-80 td {
      padding-top: 80px !important;
      padding-bottom: 80px !important;
}

[data-area="content"] table.fr-table-cellPadding-90 th,
[data-area="content"] table.fr-table-cellPadding-90 td {
      padding-top: 90px !important;
      padding-bottom: 90px !important;
}

[data-area="content"] table.fr-table-cellPadding-100 th,
[data-area="content"] table.fr-table-cellPadding-100 td {
      padding-top: 100px !important;
      padding-bottom: 100px !important;
}







[data-area="content"] table td.fr-highlighted,
[data-area="content"] table th.fr-highlighted {
  border: 1px double red;
}

[data-area="content"] table td.fr-thick,
[data-area="content"] table th.fr-thick {
  border-width: 2px;
}

[data-area="content"] table.table-scroll-x {
  display: block;
  overflow-x: auto;
  position: relative;
}
[data-area="content"] table.table-scroll-x::before {
  content: '※横にスクロールしてご覧いただけます。';
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
[data-area="content"] table.table-scroll-x tbody {
  display: table;
  width: 959px;
  margin-bottom: 10px;
}

/* テーブル横スクロール */
[data-area="content"] table.table-scroll {
  margin: 0;
  border-top: 1px solid #c6c6c6;
}
[data-area="content"] .tableScrollWrap {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
/*スクロールバー全体の高さ*/
[data-area="content"] .tableScrollWrap::-webkit-scrollbar {
  height: 5px;
}
/*スクロールバー全体の背景*/
[data-area="content"] .tableScrollWrap::-webkit-scrollbar-track {
  background: #F1F1F1;
}
/*スクロールバーの動く部分*/
[data-area="content"] .tableScrollWrap::-webkit-scrollbar-thumb {
  background: #BCBCBC;
  border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/
[data-area="content"] .tableScrollWrap::-webkit-scrollbar-thumb:hover {
  background: #999;
}




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

水平線

========================================================================== */
[data-area="content"] hr {
  margin: 13px 0;
  border-top: 1px solid #1d6cbc;
}

.spanish [data-area="content"] hr {
  border-top: 1px solid #fd8c25;
}

.english [data-area="content"] hr {
  border-top: 1px solid #fd6769;
}

.global [data-area="content"] hr {
  border-top: 1px solid #189767;
}

.cultural [data-area="content"] hr {
  border-top: 1px solid #7e5fa5;
}

.japanese [data-area="content"] hr {
  border-top: 1px solid #2f8eda;
}


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

リンク

========================================================================== */
[data-area="content"] a {
  text-decoration: underline;
}


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

外部リンクアイコン

========================================================================== */
[data-area="content"] a[target="_blank"] {
  text-decoration: underline;
}

[data-area="content"] a[target="_blank"]::after {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url(/albums/css/basic-edit/abm00001429.svg) center center no-repeat;
  background-size: 18px 18px;
  margin-left: 14px;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] a[target="_blank"]::after {
    width: 14px;
    min-width: 14px;
    height: 14px;
    background: url(/albums/css/basic-edit/abm00001429.svg) center center no-repeat;
    background-size: 14px 14px;
    margin-left: 12px;
  }
}

[data-area="content"] .btnGroupBox a[target="_blank"]::after {
  background: url(/albums/css/basic-edit/abm00001581.svg) center center no-repeat;
  background-size: 18px 18px;
  margin-left: 31px;
}
@media only screen and (max-width: 768px) {
  [data-area="content"] .btnGroupBox a[target="_blank"]::after {
    width: 14px;
    min-width: 14px;
    height: 14px;
    background: url(/albums/css/basic-edit/abm00001581.svg) center center no-repeat;
    background-size: 14px 14px;
    margin-left: 26px;
  }
}

/* ボタン用 */
[data-area="content"] .button-inner a[target="_blank"]::after {
  margin-left: 19px !important;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background: url(/albums/css/basic-edit/abm00001429.svg) center center no-repeat;
  background-size: cover;
}

/* 非表示にしたい場所 */
.top .multipleItem .bnr a[target="_blank"]::after,
.header a[target="_blank"]::after,
.footer a[target="_blank"]::after,
a.img-wrap-link[target="_blank"]::after,
.gsc-control-cse a[target="_blank"]::after {
  content: none !important;
}


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

その他リンクアイコン

========================================================================== */
a[href*=".pdf"]::after,
a[download*=".pdf"]::after {
  content: 'pdf' !important;
  color: #fff !important;
  background: #b5121f !important;
  width: 35px !important;
  height: 21px !important;
  line-height: 21px;
  top: -1px !important;
  letter-spacing: -.01em;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  a[href*=".pdf"]::after,
  a[download*=".pdf"]::after {
    width: 30px !important;
    height: 18px !important;
    line-height: 18px;
    font-size: .8rem;
  }
}

a[href*=".doc"]::after,
a[download*=".doc"]::after {
  content: 'word' !important;
  color: #fff !important;
  background: #2f8eda !important;
  width: 35px !important;
  height: 21px !important;
  line-height: 21px;
  top: -1px !important;
  letter-spacing: -.01em;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  a[href*=".doc"]::after,
  a[download*=".doc"]::after {
    width: 30px !important;
    height: 18px !important;
    line-height: 18px;
    font-size: .8rem;
  }
}

a[href*=".xlsx"]::after,
a[download*=".xlsx"]::after,
a[href*=".xls"]::after,
a[download*=".xls"]::after {
  content: 'xls' !important;
  color: #fff !important;
  background: #22ac38 !important;
  width: 35px !important;
  height: 21px !important;
  line-height: 21px;
  top: -1px !important;
  letter-spacing: -.01em;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  a[href*=".xlsx"]::after,
  a[download*=".xlsx"]::after,
  a[href*=".xls"]::after,
  a[download*=".xls"]::after {
    width: 30px !important;
    height: 18px !important;
    line-height: 18px;
    font-size: .8rem;
  }
}

a[href*=".zip"]::after,
a[download*=".zip"]::after {
  content: 'zip' !important;
  color: #fff !important;
  background: #555 !important;
  width: 35px !important;
  height: 21px !important;
  line-height: 21px;
  top: -1px !important;
  letter-spacing: -.01em;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  a[href*=".zip"]::after,
  a[download*=".zip"]::after {
    width: 30px !important;
    height: 18px !important;
    line-height: 18px;
    font-size: .8rem;
  }
}

a[href*=".mp3"]::after,
a[download*=".mp3"]::after {
  content: 'mp3' !important;
  color: #fff !important;
  background: #555 !important;
  width: 35px !important;
  height: 21px !important;
  line-height: 21px;
  top: -1px !important;
  letter-spacing: -.01em;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  a[href*=".mp3"]::after,
  a[download*=".mp3"]::after {
    width: 30px !important;
    height: 18px !important;
    line-height: 18px;
    font-size: .8rem;
  }
}

a[href*=".new"]::after,
a[download*=".new"]::after {
  content: 'new' !important;
  color: #fff !important;
  background: #ab2832 !important;
  width: 35px !important;
  height: 21px !important;
  line-height: 21px;
  top: -1px !important;
  letter-spacing: -.01em;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  a[href*=".new"]::after,
  a[download*=".new"]::after {
    width: 30px !important;
    height: 18px !important;
    line-height: 18px;
    font-size: .8rem;
  }
}


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

別ページリンクメニュー

========================================================================== */
[data-area="content"] .cp-blank-menu ul,
[data-area="content"] .cp-blank-menu ol{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -5px 0;
  padding: 0;
  list-style: none;
}
[data-area="content"] .cp-blank-menu li{
  position: relative;
  margin-right: 15px;
  margin-bottom: 5px;
  padding-left: 20px;
}
[data-area="content"] .cp-blank-menu li::before{
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #333;
  border-radius: 50%;
  background: #333;
}
[data-area="content"] .cp-blank-menu li::after{
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg) skew(8deg,8deg);
}


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

編集用画面のスタイル

========================================================================== */
html#app .inner.header {
  position: static;
}

.fr-editor .fr-toolbar ul li::before {
  display: none;
}

.fr-editor .fr-wrapper ul li::before {
  margin: 5px 0 0;
}

.fr-editor .fr-wrapper .indexNaviImg, 
.fr-editor .fr-wrapper .indexNaviTxt,
.fr-editor .fr-wrapper .titleWrap {
  display: block;
}

.cms-page-edit a[data-link-type="outerlink"] {
  display: block;
}