@charset "UTF-8";
/*
Author: c.nz
Version: 1.0
*/
/* ---------------------------------------------------
	edit-common
------------------------------------------------------ */
.tcol-red { color: red; }

.tcol-orange { color: orangered; }

.tcol-yellow { color: orange; }

.tcol-green { color: darkgreen; }

.tcol-blue { color: blue; }

.tcol-purple { color: purple; }

.txt-lll { font-size: 1.375em; }

.txt-ll { font-size: 1.25em; }

.txt-l { font-size: 1.125em; }

.txt-s { font-size: 0.875em; }

.txt-ss { font-size: 0.75em; }

.txt-sss { font-size: 0.625em; }

/* ---------------------------------------------------
	ボタンリンク
------------------------------------------------------ */
a.btn-link, .btnlink .row_col a { position: relative; display: inline-block; min-width: 0; width: 100%; max-width: 100%; padding: 15px 50px; border: 1px solid #000; color: #000; font-size: 1.6rem; font-weight: bold; text-align: left; text-decoration: none; background-color: #FFF; }

a.btn-link::after, .btnlink .row_col a::after { content: ""; position: absolute; top: 50%; right: 30px; display: block; width: 9px; height: 15px; margin-top: -5px; background: url("../images/common/ico-arrow-right.svg") no-repeat center; background-size: 100%; }

a[target="_blank"].btn-link::after, .btnlink .row_col.blank a::after { content: ""; position: absolute; top: 50%; right: 30px; display: block; width: 16px; height: 16px; margin-top: -8px; background: url("../images/common/ico-blank.svg") no-repeat center; background-size: 100%; }

.btnlink .row_col a.icon-pdf::before, .btnlink .row_col.blank a[href$=".pdf"]::before { content: ""; position: absolute; top: 50%; left: 30px; display: block; width: 23.5px; height: 30px; margin-top: -15px; background: url("../images/common/ico-pdf.svg") no-repeat center; background-size: 100%; }

.btnlink .row_col a.icon-doc::before, .btnlink .row_col.blank a[href$=".doc"]::before, .btnlink .row_col.blank a[href$=".docx"]::before { content: ""; position: absolute; top: 50%; left: 30px; display: block; width: 23.5px; height: 30px; margin-top: -15px; background: url("../images/common/ico-doc.svg") no-repeat center; background-size: 100%; }

.btnlink .row_col a.icon-xls::before, .btnlink .row_col.blank a[href$=".xls"]::before, .btnlink .row_col.blank a[href$=".xlsx"]::before { content: ""; position: absolute; top: 50%; left: 30px; display: block; width: 23.5px; height: 30px; margin-top: -15px; background: url("../images/common/ico-xls.svg") no-repeat center; background-size: 100%; }

.btnlink .row_col a.icon-ppt::before, .btnlink .row_col.blank a[href$=".ppt"]::before, .btnlink .row_col.blank a[href$=".pptx"]::before { content: ""; position: absolute; top: 50%; left: 30px; display: block; width: 23.5px; height: 30px; margin-top: -15px; background: url("../images/common/ico-ppt.svg") no-repeat center; background-size: 100%; }

.btnlink .row_col a.icon-file::before { content: ""; position: absolute; top: 50%; left: 30px; display: block; width: 19px; height: 28px; margin-top: -14px; background: url("../images/common/ico-folder.svg") no-repeat center; background-size: 100%; }

.btnlink .row_col a.icon-pdf, .btnlink .row_col a.icon-doc, .btnlink .row_col a.icon-xls, .btnlink .row_col a.icon-ppt, .btnlink .row_col a.icon-file, .btnlink .row_col.blank a[href$=".pdf"], .btnlink .row_col.blank a[href$=".doc"], .btnlink .row_col.blank a[href$=".docx"], .btnlink .row_col.blank a[href$=".xls"], .btnlink .row_col.blank a[href$=".xlsx"], .btnlink .row_col.blank a[href$=".ppt"], .btnlink .row_col.blank a[href$=".pptx"] { padding: 25px 50px 25px 70px; }

.btnlink { justify-content: flex-start; margin-bottom: 60px; font-feature-settings: "palt"; }
.btnlink .row_col { width: auto; max-width: 100%; margin-bottom: 20px; }
.btnlink.row-l { justify-content: flex-start; text-align: left; }
.btnlink.row-l .row_col { margin-right: auto; }
.btnlink.row-c { justify-content: center; text-align: center; }
.btnlink.row-c .row_col { margin-right: auto; margin-left: auto; }
.btnlink.row-r { justify-content: flex-end; text-align: right; }
.btnlink.row-r .row_col { margin-left: auto; }
.btnlink.num-1 { display: block; width: 100%; }
.btnlink.num-1 .row_col { max-width: fit-content; }
.btnlink.num-2 .row_col { width: 49%; max-width: 49%; margin-right: 2%; }
.btnlink.num-2 .row_col:nth-child(2n), .btnlink.num-2 .row_col:last-child { margin-right: 0; }
.btnlink.num-3 .row_col { width: 32%; max-width: 32%; margin-right: 2%; }
.btnlink.num-3 .row_col:nth-child(3n), .btnlink.num-3 .row_col:last-child { margin-right: 0; }
.btnlink.num-4 .row_col { width: 23.5%; max-width: 23.5%; margin-right: 2%; }
.btnlink.num-4 .row_col:nth-child(4n), .btnlink.num-4 .row_col:last-child { margin-right: 0; }

a.btn-link { width: auto; margin-right: 10px; line-height: 1.2; }
a.btn-link:hover { text-decoration: none !important; }

.btnlink .row_col a[href^="#"] { padding: 20px 20px 30px; text-align: center; }
.btnlink .row_col a[href^="#"]::after { content: ""; position: absolute; top: auto; right: auto; left: 50%; bottom: 12px; display: block; width: 20px; height: 10px; margin-left: -10px; background: url("../images/common/ico-arrow-bottom.svg") no-repeat center; background-size: 100%; transition: transform .2s; }
.btnlink .row_col a[href^="#"]:hover { opacity: 1; }
.btnlink .row_col a[href^="#"]:hover::after { transform: translateY(2px); }

@media screen and (max-width: 767px), (max-width: 844px) and (orientation: landscape) { .btnlink { display: block; margin-bottom: 30px; padding: 0 10px; }
  .btnlink .row_col { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px; }
  .btnlink .row_col:last-of-type { margin-bottom: 0; }
  .btnlink.num-2 .row_col { width: 100%; max-width: 100%; margin-right: 0; }
  .btnlink.num-3 .row_col { width: 100%; max-width: 100%; margin-right: 0; }
  .btnlink.num-4 .row_col { width: 100%; max-width: 100%; margin-right: 0; }
  .btn-link, .btnlink .row_col a { padding: 20px 50px; }
  .btn-link::after, .btnlink .row_col a::after { right: 30px; }
  a[target="_blank"].btn-link::after, .btnlink .row_col.blank a::after { right: 25px; }
  .btn-link { margin-right: 0; margin-top: 10px; } }
@media screen and (max-width: 844px) and (orientation: landscape) { .btnlink { padding: 0 10px; }
  .btn-link, .btnlink .row_col a { padding: 25px; }
  .btn-link::after, .btnlink .row_col a::after { right: 10px; }
  a[target="_blank"].btn-link::after, .btnlink .row_col.blank a::after { right: 10px; }
  /* ファイルアイコン */
  .btnlink .row_col a.icon-pdf, .btnlink .row_col.blank a[href$=".pdf"], .btnlink .row_col a.icon-doc, .btnlink .row_col.blank a[href$=".doc"], .btnlink .row_col.blank a[href$=".docx"], .btnlink .row_col a.icon-xls, .btnlink .row_col.blank a[href$=".xls"], .btnlink .row_col.blank a[href$=".xlsx"], .btnlink .row_col a.icon-ppt, .btnlink .row_col.blank a[href$=".ppt"], .btnlink .row_col.blank a[href$=".pptx"], .btnlink .row_col a.icon-file { padding: 25px 36px 25px 40px; }
  /* ー＊ー＊ー＊ー＊ー */
  .btnlink .row_col a.icon-pdf::before, .btnlink .row_col.blank a[href$=".pdf"]::before { left: 10px; }
  .btnlink .row_col a.icon-doc::before, .btnlink .row_col.blank a[href$=".doc"]::before, .btnlink .row_col.blank a[href$=".docx"]::before { left: 10px; }
  .btnlink .row_col a.icon-xls::before, .btnlink .row_col.blank a[href$=".xls"]::before, .btnlink .row_col.blank a[href$=".xlsx"]::before { left: 10px; }
  .btnlink .row_col.blank a::after { right: 10px; }
  .btnlink .row_col a.icon-ppt::before, .btnlink .row_col.blank a[href$=".ppt"]::before, .btnlink .row_col.blank a[href$=".pptx"]::before { left: 10px; }
  .btnlink .row_col a.icon-file::before { left: 10px; } }
/* ---------------------------------------------------
	edit-unit
------------------------------------------------------ */
.layout-pic-txt th { width: auto; }

.tit-unit-h3 { font-size: 12px; margin: 10px 0; }

.layout-pic-txt > tbody > tr > td, .layout-pic-txt > tr > td { vertical-align: top; border-right: 1px solid #ddd; }

.layout-pic-txt > tbody > tr > td:last-child, .layout-pic-txt > tr > td:last-child, .layout-pic-txt > tbody > tr > td:last-child table, .layout-pic-txt > tr > td:last-child table { border: none; }

.layout-pic-txt > tbody > tr > td:last-child table th, .layout-pic-txt > tr > td:last-child table th { text-align: center; }

.layout-pic-txt .heading-txt textarea { height: 35px; }

.layout-pic-txt .image-area { width: 200px; }


/* ---------------------------------------------------
	sdgs-unit
------------------------------------------------------ */
.sdgs-unit-config{display: flex; flex-wrap:wrap;}
.sdgs-unit-config .acms-admin-form-radio{width: 5%; margin: .2%;}
.sdgs-unit-config .acms-admin-form-radio .acms-admin-ico-radio{display: none;}
.sdgs-unit-config .acms-admin-form-radio img{max-width: 100%;}
.sdgs-unit-config.is-active .acms-admin-form-radio img{opacity: .3;}
.sdgs-unit-config .acms-admin-form-radio input[type="radio"]:checked + label img{opacity: 1 !important;}


.item-handle{width: 20px;}