@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Child Theme of Cocoon
Author: Noro
Author URI: https://www.lcom-group.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* -------------------------------------------
   excerpt from Bootstrap v5.3.0
------------------------------------------- */
.m-0 { margin: 0 !important;} .m-1 { margin: 0.25rem !important;} .m-2 { margin: 0.5rem !important;} .m-3 { margin: 1rem !important;} .m-4 { margin: 1.5rem !important;} .m-5 { margin: 3rem !important;} .m-auto { margin: auto !important;} .mx-0 { margin-right: 0 !important; margin-left: 0 !important;} .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important;} .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important;} .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important;} .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important;} .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important;} .mx-auto { margin-right: auto !important; margin-left: auto !important;} .my-0 { margin-top: 0 !important; margin-bottom: 0 !important;} .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;} .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;} .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important;} .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;} .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important;} .my-auto { margin-top: auto !important; margin-bottom: auto !important;} .mt-0 { margin-top: 0 !important;} .mt-1 { margin-top: 0.25rem !important;} .mt-2 { margin-top: 0.5rem !important;} .mt-3 { margin-top: 1rem !important;} .mt-4 { margin-top: 1.5rem !important;} .mt-5 { margin-top: 3rem !important;} .mt-auto { margin-top: auto !important;} .me-0 { margin-right: 0 !important;} .me-1 { margin-right: 0.25rem !important;} .me-2 { margin-right: 0.5rem !important;} .me-3 { margin-right: 1rem !important;} .me-4 { margin-right: 1.5rem !important;} .me-5 { margin-right: 3rem !important;} .me-auto { margin-right: auto !important;} .mb-0 { margin-bottom: 0 !important;} .mb-1 { margin-bottom: 0.25rem !important;} .mb-2 { margin-bottom: 0.5rem !important;} .mb-3 { margin-bottom: 1rem !important;} .mb-4 { margin-bottom: 1.5rem !important;} .mb-5 { margin-bottom: 3rem !important;} .mb-auto { margin-bottom: auto !important;} .ms-0 { margin-left: 0 !important;} .ms-1 { margin-left: 0.25rem !important;} .ms-2 { margin-left: 0.5rem !important;} .ms-3 { margin-left: 1rem !important;} .ms-4 { margin-left: 1.5rem !important;} .ms-5 { margin-left: 3rem !important;} .ms-auto { margin-left: auto !important;} .p-0 { padding: 0 !important;} .p-1 { padding: 0.25rem !important;} .p-2 { padding: 0.5rem !important;} .p-3 { padding: 1rem !important;} .p-4 { padding: 1.5rem !important;} .p-5 { padding: 3rem !important;} .px-0 { padding-right: 0 !important; padding-left: 0 !important;} .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important;} .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important;} .px-3 { padding-right: 1rem !important; padding-left: 1rem !important;} .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important;} .px-5 { padding-right: 3rem !important; padding-left: 3rem !important;} .py-0 { padding-top: 0 !important; padding-bottom: 0 !important;} .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;} .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;} .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important;} .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;} .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important;} .pt-0 { padding-top: 0 !important;} .pt-1 { padding-top: 0.25rem !important;} .pt-2 { padding-top: 0.5rem !important;} .pt-3 { padding-top: 1rem !important;} .pt-4 { padding-top: 1.5rem !important;} .pt-5 { padding-top: 3rem !important;} .pe-0 { padding-right: 0 !important;} .pe-1 { padding-right: 0.25rem !important;} .pe-2 { padding-right: 0.5rem !important;} .pe-3 { padding-right: 1rem !important;} .pe-4 { padding-right: 1.5rem !important;} .pe-5 { padding-right: 3rem !important;} .pb-0 { padding-bottom: 0 !important;} .pb-1 { padding-bottom: 0.25rem !important;} .pb-2 { padding-bottom: 0.5rem !important;} .pb-3 { padding-bottom: 1rem !important;} .pb-4 { padding-bottom: 1.5rem !important;} .pb-5 { padding-bottom: 3rem !important;} .ps-0 { padding-left: 0 !important;} .ps-1 { padding-left: 0.25rem !important;} .ps-2 { padding-left: 0.5rem !important;} .ps-3 { padding-left: 1rem !important;} .ps-4 { padding-left: 1.5rem !important;} .ps-5 { padding-left: 3rem !important;}

.text-start {text-align: left !important;}.text-end {text-align: right !important;}.text-center {text-align: center !important;}.text-decoration-none {text-decoration: none !important;}.text-decoration-underline {text-decoration: underline !important;}.text-decoration-line-through {text-decoration: line-through !important;}.text-lowercase {text-transform: lowercase !important;}.text-uppercase {text-transform: uppercase !important;}.text-capitalize {text-transform: capitalize !important;}.text-wrap {white-space: normal !important;}.text-nowrap {white-space: nowrap !important;}



/* -------------------------------------------
   excerpt from Bootstrap v4.5.0
------------------------------------------- */

.btn{ display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){ .btn{   transition: none; }}.btn:hover{ color: #212529; text-decoration: none;}.btn:focus, .btn.focus{ outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}.btn.disabled, .btn:disabled{ opacity: 0.65;}.btn:not(:disabled):not(.disabled){ cursor: pointer;}a.btn.disabled,fieldset:disabled a.btn{ pointer-events: none;}.btn-primary{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-primary:hover{ color: #fff; background-color: #0069d9; border-color: #0062cc;}.btn-primary:focus, .btn-primary.focus{ color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}.btn-primary.disabled, .btn-primary:disabled{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{ color: #fff; background-color: #0062cc; border-color: #005cbf;}.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);}.btn-secondary{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-secondary:hover{ color: #fff; background-color: #5a6268; border-color: #545b62;}.btn-secondary:focus, .btn-secondary.focus{ color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}.btn-secondary.disabled, .btn-secondary:disabled{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{ color: #fff; background-color: #545b62; border-color: #4e555b;}.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}.btn-success{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-success:hover{ color: #fff; background-color: #218838; border-color: #1e7e34;}.btn-success:focus, .btn-success.focus{ color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}.btn-success.disabled, .btn-success:disabled{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle{ color: #fff; background-color: #1e7e34; border-color: #1c7430;}.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}.btn-info{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-info:hover{ color: #fff; background-color: #138496; border-color: #117a8b;}.btn-info:focus, .btn-info.focus{ color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}.btn-info.disabled, .btn-info:disabled{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,.show > .btn-info.dropdown-toggle{ color: #fff; background-color: #117a8b; border-color: #10707f;}.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,.show > .btn-info.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}.btn-warning{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-warning:hover{ color: #212529; background-color: #e0a800; border-color: #d39e00;}.btn-warning:focus, .btn-warning.focus{ color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}.btn-warning.disabled, .btn-warning:disabled{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle{ color: #212529; background-color: #d39e00; border-color: #c69500;}.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}.btn-danger{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-danger:hover{ color: #fff; background-color: #c82333; border-color: #bd2130;}.btn-danger:focus, .btn-danger.focus{ color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}.btn-danger.disabled, .btn-danger:disabled{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,.show > .btn-danger.dropdown-toggle{ color: #fff; background-color: #bd2130; border-color: #b21f2d;}.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-danger.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}.btn-light{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-light:hover{ color: #212529; background-color: #e2e6ea; border-color: #dae0e5;}.btn-light:focus, .btn-light.focus{ color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);}.btn-light.disabled, .btn-light:disabled{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,.show > .btn-light.dropdown-toggle{ color: #212529; background-color: #dae0e5; border-color: #d3d9df;}.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,.show > .btn-light.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);}.btn-dark{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-dark:hover{ color: #fff; background-color: #23272b; border-color: #1d2124;}.btn-dark:focus, .btn-dark.focus{ color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}.btn-dark.disabled, .btn-dark:disabled{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,.show > .btn-dark.dropdown-toggle{ color: #fff; background-color: #1d2124; border-color: #171a1d;}.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-dark.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);}.btn-outline-primary{ color: #007bff; border-color: #007bff;}.btn-outline-primary:hover{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-outline-primary:focus, .btn-outline-primary.focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}.btn-outline-primary.disabled, .btn-outline-primary:disabled{ color: #007bff; background-color: transparent;}.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle{ color: #fff; background-color: #007bff; border-color: #007bff;}.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}.btn-outline-secondary{ color: #6c757d; border-color: #6c757d;}.btn-outline-secondary:hover{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-outline-secondary:focus, .btn-outline-secondary.focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{ color: #6c757d; background-color: transparent;}.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,.show > .btn-outline-secondary.dropdown-toggle{ color: #fff; background-color: #6c757d; border-color: #6c757d;}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);}.btn-outline-success{ color: #28a745; border-color: #28a745;}.btn-outline-success:hover{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-outline-success:focus, .btn-outline-success.focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.btn-outline-success.disabled, .btn-outline-success:disabled{ color: #28a745; background-color: transparent;}.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,.show > .btn-outline-success.dropdown-toggle{ color: #fff; background-color: #28a745; border-color: #28a745;}.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-success.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.btn-outline-info{ color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:hover{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:focus, .btn-outline-info.focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.btn-outline-info.disabled, .btn-outline-info:disabled{ color: #17a2b8; background-color: transparent;}.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,.show > .btn-outline-info.dropdown-toggle{ color: #fff; background-color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-info.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.btn-outline-warning{ color: #ffc107; border-color: #ffc107;}.btn-outline-warning:hover{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-outline-warning:focus, .btn-outline-warning.focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.btn-outline-warning.disabled, .btn-outline-warning:disabled{ color: #ffc107; background-color: transparent;}.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,.show > .btn-outline-warning.dropdown-toggle{ color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-warning.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.btn-outline-danger{ color: #dc3545; border-color: #dc3545;}.btn-outline-danger:hover{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-outline-danger:focus, .btn-outline-danger.focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.btn-outline-danger.disabled, .btn-outline-danger:disabled{ color: #dc3545; background-color: transparent;}.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle{ color: #fff; background-color: #dc3545; border-color: #dc3545;}.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.btn-outline-light{ color: #f8f9fa; border-color: #f8f9fa;}.btn-outline-light:hover{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-outline-light:focus, .btn-outline-light.focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);}.btn-outline-light.disabled, .btn-outline-light:disabled{ color: #f8f9fa; background-color: transparent;}.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,.show > .btn-outline-light.dropdown-toggle{ color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;}.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-light.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);}.btn-outline-dark{ color: #343a40; border-color: #343a40;}.btn-outline-dark:hover{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-outline-dark:focus, .btn-outline-dark.focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);}.btn-outline-dark.disabled, .btn-outline-dark:disabled{ color: #343a40; background-color: transparent;}.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,.show > .btn-outline-dark.dropdown-toggle{ color: #fff; background-color: #343a40; border-color: #343a40;}.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-dark.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);}.btn-link{ font-weight: 400; color: #007bff; text-decoration: none;}.btn-link:hover{ color: #0056b3; text-decoration: underline;}.btn-link:focus, .btn-link.focus{ text-decoration: underline;}.btn-link:disabled, .btn-link.disabled{ color: #6c757d; pointer-events: none;}.btn-lg, .btn-group-lg > .btn{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;}.btn-sm, .btn-group-sm > .btn{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;}.btn-block{ display: block; width: 100%;}.btn-block + .btn-block{ margin-top: 0.5rem;}

.border {border:1px solid #dee2e6 !important;}.border-top {border-top:1px solid #dee2e6 !important;}.border-right {border-right:1px solid #dee2e6 !important;}.border-bottom {border-bottom:1px solid #dee2e6 !important;}.border-left {border-left:1px solid #dee2e6 !important;}.border-0 {border:0 !important;}.border-top-0 {border-top:0 !important;}.border-right-0 {border-right:0 !important;}.border-bottom-0 {border-bottom:0 !important;}.border-left-0 {border-left:0 !important;}.border-primary {border-color:#007bff !important;}.border-secondary {border-color:#6c757d !important;}.border-success {border-color:#28a745 !important;}.border-info {border-color:#17a2b8 !important;}.border-warning {border-color:#ffc107 !important;}.border-danger {border-color:#dc3545 !important;}.border-light {border-color:#f8f9fa !important;}.border-dark {border-color:#343a40 !important;}.border-white {border-color:#fff !important;}

.rounded-sm {border-radius:0.2rem !important;}.rounded {border-radius:0.25rem !important;}.rounded-top {border-top-left-radius:0.25rem !important; border-top-right-radius:0.25rem !important;}.rounded-right {border-top-right-radius:0.25rem !important; border-bottom-right-radius:0.25rem !important;}.rounded-bottom {border-bottom-right-radius:0.25rem !important; border-bottom-left-radius:0.25rem !important;}.rounded-left {border-top-left-radius:0.25rem !important; border-bottom-left-radius:0.25rem !important;}.rounded-lg {border-radius:0.3rem !important;}.rounded-circle {border-radius:50% !important;}.rounded-pill {border-radius:50rem !important;}.rounded-0 {border-radius:0 !important;}

.bg-primary {background-color: #007bff !important;} a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {background-color: #0062cc !important;} .bg-secondary {background-color: #6c757d !important;} a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {background-color: #545b62 !important;} .bg-success {background-color: #28a745 !important;} a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {background-color: #1e7e34 !important;} .bg-info {background-color: #17a2b8 !important;} a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {background-color: #117a8b !important;} .bg-warning {background-color: #ffc107 !important;} a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {background-color: #d39e00 !important;} .bg-danger {background-color: #dc3545 !important;} a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {background-color: #bd2130 !important;} .bg-light {background-color: #f8f9fa !important;} a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {background-color: #dae0e5 !important;} .bg-dark {background-color: #343a40 !important;} a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {background-color: #1d2124 !important;} .bg-white {background-color: #fff !important;} .bg-transparent {background-color: transparent !important;}

.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;} .alert-heading { color: inherit;} .alert-link { font-weight: 700;} .alert-dismissible { padding-right: 4rem;} .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit;} .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff;} .alert-primary hr { border-top-color: #9fcdff;} .alert-primary .alert-link { color: #002752;} .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db;} .alert-secondary hr { border-top-color: #c8cbcf;} .alert-secondary .alert-link { color: #202326;} .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb;} .alert-success hr { border-top-color: #b1dfbb;} .alert-success .alert-link { color: #0b2e13;} .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;} .alert-info hr { border-top-color: #abdde5;} .alert-info .alert-link { color: #062c33;} .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .alert-warning hr { border-top-color: #ffe8a1;} .alert-warning .alert-link { color: #533f03;} .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;} .alert-danger hr { border-top-color: #f1b0b7;} .alert-danger .alert-link { color: #491217;} .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe;} .alert-light hr { border-top-color: #ececf6;} .alert-light .alert-link { color: #686868;} .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca;} .alert-dark hr { border-top-color: #b9bbbe;} .alert-dark .alert-link { color: #040505;}

.text-white {color: #fff !important;} .text-primary {color: #007bff !important;} a.text-primary:hover, a.text-primary:focus {color: #0056b3 !important;} .text-secondary {color: #6c757d !important;} a.text-secondary:hover, a.text-secondary:focus {color: #494f54 !important;} .text-success {color: #28a745 !important;} a.text-success:hover, a.text-success:focus {color: #19692c !important;} .text-info {color: #17a2b8 !important;} a.text-info:hover, a.text-info:focus {color: #0f6674 !important;} .text-warning {color: #ffc107 !important;} a.text-warning:hover, a.text-warning:focus {color: #ba8b00 !important;} .text-danger {color: #dc3545 !important;} a.text-danger:hover, a.text-danger:focus {color: #a71d2a !important;} .text-light {color: #f8f9fa !important;} a.text-light:hover, a.text-light:focus {color: #cbd3da !important;} .text-dark {color: #343a40 !important;} a.text-dark:hover, a.text-dark:focus {color: #121416 !important;} .text-body {color: #212529 !important;} .text-muted {color: #6c757d !important;} .text-black-50 {color: rgba(0, 0, 0, 0.5) !important;} .text-white-50 {color: rgba(255, 255, 255, 0.5) !important;} .text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;} .text-decoration-none {text-decoration: none !important;} .text-break {word-wrap: break-word !important;} .text-reset {color: inherit !important;}



/* -----------------------------------------------------
    OVERWRITE
----------------------------------------------------- */

/* -- WP Button hover -- */
.wp-block-button__link:hover {
  color: #ff0;
}

/* -- Sticky Header for Mobile -- */
@media screen and (max-width: 480px){
	.header-container {
		height:50px;
		position:-webkit-sticky;
		position:sticky;
		top:0;
		z-index: 200;
	}
}


/********************************************************
    モバイルメニュープラグインで発生する隙間を非表示
********************************************************/
body { /*  margin-bottom: 0 !important; */}


/* ------------------------------------------------
    HEADER
------------------------------------------------ */
@media screen and (max-width: 480px){
	.header-in .logo img { max-width: 90%;}
}


/* ------------------------------------------------
    ヘッダーにグリッドエリア作成
------------------------------------------------ */
.grid-container {
	display: grid;
	grid-template-columns: 3fr 3fr 3fr /* 350px 300px 300px */;
	grid-gap: 10px;
	justify-content: center;
}
.grid-container div:nth-child(1) { grid-row: 1/2; grid-column: 1/2;}
.grid-container div:nth-child(2) { grid-row: 1/2; grid-column: 2/3;}
.grid-container div:nth-child(3) { grid-row: 1/2; grid-column: 3/4;}

.item-center {
	display: grid;
	place-items: center;
}
.logo-image a {
	text-decoration: none !important;
}
.uke_text {
	font-size: 0.9em;
	line-height: 1.0;
	color: #333;
}
.uke_tel {
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.0;
	letter-spacing: 0;
	color: #004E97;
}
.uke_tel::before {
	content: url('imgs/icon_freedial.svg');
	display: inline-block;
	width: 50px;
	height: 10px;
}
.uke_time { font-size: 12px; line-height: 1.0; color: #666;}

.toi-buttan {
	border: solid 2px;
	border-radius: 5px;
	padding: 10px;
}
.hdr-toi { padding-right: 10px; padding-left: 10px;}

@media screen and (max-width: 1023px){
	.uke_text { font-size: 0.7em;}
	.uke_tel  { font-size: 30px;}
	.uke_tel::before { width: 40px;}
}
@media screen and (max-width: 834px){ }
@media screen and (max-width: 480px){
	.logo-image {
		padding: 5px 0 3px;
	}
	.hdr-tel {
		margin-top: 5px;
	}
	.site-name-text-link {
		padding: 0 5px;
	}
	.header-in .logo img {
		max-width: 100%;
	}
	.grid-container {
		display: grid;
	}
	.grid-container div:nth-child(3) { display: none;}
	.grid-container {
		display: grid;
		grid-template-columns: 2fr 2fr;
		grid-gap: 0;
	}
	.uke_text {
		font-size: 11px;
	}
	.uke_tel {
		font-size: 20px;
		margin-top: 2px;
	}
	.uke_tel::before {
		width: 20px;
	}
	.entry-content {
		margin-top: 0.75em;
	}
}

/* ------------------------------------------------
    ヘッダーにグリッドエリア作成 (2) HAMBURGAR-MENU
------------------------------------------------ */
.burgar { display: none;}
.outer-menu { display: none;}
@media screen and (max-width: 480px) {
	.burgar {
		display: block;
		padding: 0 !important;
	}
	.grid-container {
		display: grid;
		grid-template-columns: 6fr 6fr 2fr;
		grid-gap: 0;
	}
	.outer-menu {
		display: block;
		position: fixed;
		top: 12px;
		right: 46px;
		z-index: 1;
	}
	.outer-menu .checkbox-toggle {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		cursor: pointer;
		width: 32px;
		height: 32px;
		opacity: 0;
	}
	.outer-menu .checkbox-toggle:checked + .hamburger > div {
		transform: rotate(135deg);
	}
	.outer-menu .checkbox-toggle:checked + .hamburger > div:before,
	.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
		top: 0;
		transform: rotate(90deg);
	}
	.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
		opacity: 0;
	}
	.outer-menu .checkbox-toggle:checked ~ .ham-menu {
		pointer-events: auto;
		visibility: visible;
	}
	.outer-menu .checkbox-toggle:checked ~ .ham-menu > div {
		transform: scale(1);
		transition-duration: 0.75s;
	}
	.outer-menu .checkbox-toggle:checked ~ .ham-menu > div > div {
		opacity: 1;
		transition: opacity 0.4s ease 0.4s;
	}
	.outer-menu .checkbox-toggle:hover + .hamburger {
		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
	}
	.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
		transform: rotate(225deg);
	}
	.outer-menu .hamburger {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 32px;
		height: 32px;
		padding: 6px;
		background: rgba(85, 170, 133, 1);
		border-radius: 0 0.12em 0.12em 0;
		cursor: pointer;
		transition: box-shadow 0.4s ease;
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.outer-menu .hamburger > div {
		position: relative;
		flex: none;
		width: 100%;
		height: 2px;
		background: #FEFEFE;
		transition: all 0.4s ease;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.outer-menu .hamburger > div:before,
	.outer-menu .hamburger > div:after {
		content: '';
		position: absolute;
		z-index: 1;
		top: -5px;
		left: 0;
		width: 100%;
		height: 2px;
		background: inherit;
		transition: all 0.4s ease;
	}
	.outer-menu .hamburger > div:after {
		top: 5px;
	}
	.outer-menu .ham-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		visibility: hidden;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		outline: 1px solid transparent;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.outer-menu .ham-menu > div {
		width: 260vw;
		height: 260vw;
		color: #FEFEFE;
		background: rgba(255, 255, 255, 0.98);
		border-radius: 50%;
		transition: all 0.4s ease;
		flex: none;
		transform: scale(0);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		overflow: hidden;
		display: flex;	
		align-items: center;
		justify-content: center;
		z-index: 100;
	}
	.outer-menu .ham-menu > div > div {
		text-align: center;
		max-width: 90vw;
		max-height: 100vh;
		opacity: 0;
		transition: opacity 0.4s ease;
		overflow-y: auto;
		align-items: center;
		justify-content: center;
	}
	.smp-menu-logo {
		margin-bottom: 15px;
		max-width: 70% !important;
	}
	.outer-menu .ham-menu > div > div > ul {
		padding: 0;
		margin: 0;
	}
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu {
		padding-left: 0 !important;
		font-size: 14px;
		justify-content: space-between;
	}
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li {
		 display: inline-block;
	}
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-1086,
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-1082,
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-1087 { width: 100%;}
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-1084,
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-1085,
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-1083,
	.outer-menu .ham-menu > div > div > ul.smp-ham-menu li.menu-item-4828 { width: calc(50% - 2px);}
	.menu-item-1086 > a,
	.menu-item-1082 > a,
	.menu-item-1083 > a,
	.menu-item-4828 > a,
	.menu-item-1087 > a { position: relative; margin: 0 5px 10px; padding: 30px 0 28px; font-weight: 600; display: block;}
	.menu-item-1084 > a,
	.menu-item-1085 > a { position: relative; margin: 0 5px 10px; padding: 45px 0 13px; font-weight: 600; display: block;}
	.menu-item-1086 > a { background: #00814A; border-radius: 4px; color: #fff;}
	.menu-item-1082 > a { background: #CCDCEA; border-radius: 4px; color: #444;}
	.menu-item-1084 > a { background: #CCDCEA; border-radius: 4px; color: #444;}
	.menu-item-1085 > a { background: #CCDCEA; border-radius: 4px; color: #444;}
	.menu-item-1083 > a { background: #CCDCEA; border-radius: 4px; color: #444;}
	.menu-item-4828 > a { background: #CCDCEA; border-radius: 4px; color: #444;}
	.menu-item-1087 > a { background: #3EBC6B; border-radius: 4px; color: #fff;}
	.outer-menu .fa-book-bookmark:before,
	.outer-menu .fa-lightbulb:before {
		position: absolute;
		left: 20%;
		bottom: 32%;
	}
	.outer-menu .fa-envelope:before {
		position: absolute;
		left: 20px;
		bottom: 20%;
		font-size: 28px;
		color: #fff;
	}
	.smp_menu_extra { display: block !important; margin: 0px auto 0px; width: 100%; line-height: 1; text-align: center;}
	.smp_menu_extra_button { padding: 0;}
	.smp_menu_extra_button .extra_mail,
	.smp_menu_extra_button .extra_tel  { position: relative; display: block; margin: 15px 0 6px; padding: 10px 0 10px 32px; border-radius: 100px; line-height: 32px; color: #fff;}
	.smp_menu_extra_button .extra_mail { background: #EB6100; font-size: 18px; font-weight: bold;}
	.smp_menu_extra_button .extra_tel  { background: #27AE60; font-size: 36px; font-weight: bold; font-family: "times new roman", times, serif;}
	.smp_menu_extra_button .extra_mail::before { position:absolute; content: url(imgs/icon_mail_wh.svg); width:38px; top:7px; left:36px;}
	.smp_menu_extra_button .extra_tel::before { position:absolute; content: url(imgs/icon_freedial_wh.svg); width:32px; top:10px; left:44px;}
	.smp_menu_extra_button .extra_tel_text { margin-bottom: 18px; color: #fff; font-size: 12px; letter-spacing: 2px;}
	.smp_menu_extra_button .extra_tel_text span { letter-spacing: 0;}
}



/* ------------------------------------------------
    G-MENU
------------------------------------------------ */
.navi-in > ul .sub-menu {
	background-color: #339A6E !important;
}
#navi .navi-in .sub-menu a,
#navi .navi-in .sub-menu a:hover {
	color: #fff !important;
}

/*ホバー時にメニューの色が薄くなるのをやめる*/
#navi .navi-in a:hover {
	background-color: #30976B;
	color: #fff;
}
/*ホバー時に左からアンダーラインを出す*/
#navi .navi-in a:after{
	position: absolute;     /*線の位置を絶対配置に*/
	content: ""; /*文字はなし*/
	left: 0px;   /*線の位置*/
	bottom: 0px; /*線の位置*/
	height: 2px; /*線の高さ*/
	width: 100%; /*幅いっぱいに線を引く*/
	background: #fcf404;    /*線の色*/
	transform: scale(0,1);  /*ホバー前は線を消す*/
	transition: 0.3s;       /*線が0→100%になるまでの秒数*/
	transform-origin: left; /*線を左側から出す*/
}
#navi .navi-in a:hover:after{
	transform: scale(1);    /*マウスオーバー後、線を100%出す*/
}


/* ------------------------------------------------
    FOOTER
------------------------------------------------ */
.footer { margin-top: 0;}
.footer a { text-decoration: none;}
.footer-widgets { font-size:14px; max-width: 900px;}
.footer-left,
.footer-center  { width: 30%; padding: 5px 16px;}
.footer-right   { width: 40%; padding: 5px 16px 5px 40px;}

.footer-widgets .footer-left ul li a,
.footer-widgets .footer-center ul li a,
.footer-widgets .footer-right ul li a { padding: 4px; text-align: center;}
.footer-widgets .footer-left ul li a:hover,
.footer-widgets .footer-center ul li a:hover,
.footer-widgets .footer-right ul li a:hover {
	color: var(--cocoon-black-color) !important;
}

#footer {
	background-color: rgba(255, 255, 255, 0);
	background-image: url(imgs/bg_footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.footer-logo-wrap { margin: 120px auto 20px; text-align: center;}
.ft_logo { width:360px !important;}
.footer-bottom { margin: 0 auto 30px; padding: 0;}

.footer-bottom-sns { text-align: center;}
@media screen and (max-width: 480px){
	.footer-bottom-sns { margin-top: 15px;}
}

@media screen and (max-width: 834px){
	.footer-logo-wrap { margin-top: 60px; margin-bottom: 0;}
	.footer-bottom { margin: 15px auto 30px; padding: 0;}
}
@media screen and (max-width: 480px){
	.footer-logo-wrap { margin-top: 60px;}
	.ft_logo { width: 260px !important;}
}

/* ------------------------------------------------
    GO-TO-TOP
------------------------------------------------ */
.go-to-top { right: 20px; bottom: 40px;}
.go-to-top-button { width: 60px; height: 60px;}

@media screen and (max-width: 480px){
.go-to-top { right: 10px; bottom: 30px;}
.go-to-top-button { width: 50px; height: 50px;}
}

/* ------------------------------------------------
    MOKUJI STYLE
------------------------------------------------ */
.toc-content ol.toc-list ol    { padding-left: 0;}
.toc-content ol.toc-list ol li { list-style-type: none;}


/* ------------------------------------------------
    PAGINATION & PAGE NUNMBERS
------------------------------------------------ */
.pagination-next-link {
	background-color: #49add1;
	color: #fff;
	border: none;
	border-radius: 30px;
}
.pagination-next-link:hover {
	background-color: #68caee;
	color: #fff;
}
.page-numbers {
	color: #49add1;
	border: 1px solid #49add1;
	border-radius: 50%;
}
.pagination .current {
	background-color: #49add1;
	color: #fff;
}
.page-numbers.dots {
	opacity: 1;
	background: none;
}
.pagination a:hover {
	background-color: #49add1;
	color: #fff;
}

/* ------------------------------------------------
    CONTACT-FORM
------------------------------------------------ */
.wpcf7 p {
	margin: 0;
}
.wpcf7 table {
	border: none;
}
.wpcf7 table tbody th {
	background-color: rgba(0, 84, 166, .07);
}
.wpcf7 table td,
.wpcf7 table th {
	word-break: break-all;
	text-align: left;
	padding: 20px 30px;
	border-top: 2px solid #dcdee0;
	border-left: none;
	border-right: none;
	vertical-align: middle;
}
.wpcf7 table tr:last-child th,
.wpcf7 table tr:last-child td{
	border-bottom: 2px solid #dcdee0;
}
.wpcf7 table th {
	font-weight: bold;
	color: #0054a6;
	width: 320px;
	min-width: 320px;
	background-color: rgba(0, 84, 166, .07);
}
.wpcf7 table td {
	width: calc(100% - 320px);
}
.wpcf7 table th .form-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wpcf7 table th p,
.wpcf7 table td p {
	margin: 0;
}
.wpcf7 table th .form-header p.text {
	max-width: 200px;
}

@media screen and (max-width: 991px) {
	.wpcf7 table th,
	.wpcf7 table td {
		min-width: 100%;
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.post-content table {
		border: none;
	}
	.wpcf7 table th,
	.wpcf7 table td {
		width: 100%;
		display: block;
		white-space: normal;
		font-size: 14px;
		border: none !important;
	}
	.wpcf7 table th {
		padding: 10px 15px;
	}
	.wpcf7 table td {
		padding: 15px 0;
	}
}
span.must,
span.any {
	font-size: 0.9em;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
}
span.must {
	background-color: #ea7260;
}
span.any {
	background-color: #0054a6;
}

@media screen and (max-width: 767px) {
    form input[type="text"],
	form input[type="email"],
	form input[type="tel"],
	form input[type="number"],
	form textarea {
		width: 100%;
	}
}
.wpcf7 .att {
	margin-top: 10px;
}
.wpcf7 table td ul.ul-att li,
.wpcf7 .att ul li {
	padding-left: 1em;
}
.wpcf7 .att ul {
	margin-left: 0;
	padding-left: 0;
}
.wpcf7 .att ul li {
	font-size: 14px;
	display: flex;
}
.wpcf7 table td ul.ul-att li::before,
.wpcf7 .att ul li::before {
	content: "※";
	margin-left: -1em;
}
.submit_btn {
	margin-top: 50px;
	justify-content: center;
	display: flex;
	position: relative;
}
form .submit_btn input {
	font-weight: bold;
	width: 285px;
	padding: 1em 1em 1em 2em;
	text-align: center;
	font-size: 1.0em;
	letter-spacing: 1em;
	transition: .2s;
	-webkit-appearance: none;
}
@media screen and (max-width: 767px) {
	form .submit_btn input {
		margin: 0 auto;
		display: block;
		width: 125px;
	}
	.wpcf7-spinner {
		display: none;
	}
}
.wpcf7 select {
	border: 1px #ccc solid;
}
.wpcf7 dl { margin-bottom: 0;}
.wpcf7 dl dt {}
.wpcf7 dl dd {
	margin-bottom: 10px;
	margin-left: 10px;
}
.wpcf7 .email { min-width: 80%}
.wpcf7 .box-zip { width: 10em;}
.wpcf7 .box-pref { padding: 0.5em;}
.wpcf7 .box-addr { width: 100%;}


/********************************************************
    フロント固定ページの投稿日・更新日を非表示
********************************************************/
.home.page .post-date   { display: inline-block;}
.home.page .post-update { display: none;}


/********************************************************
    固定ページの投稿日・更新日・投稿者名を非表示
********************************************************/
.page .date-tags,
.page .author-info { display: none;}


/********************************************************
    固定ページのアイキャッチを非表示
********************************************************/
.page .eye-catch-wrap { display: none;}


/********************************************************
    すべての箇所の更新日を非表示
********************************************************/
.post-update { display: none;}


/********************************************************
    レスポンシブデザイン用のメディアクエリ
********************************************************/

@media screen and (max-width: 1023px){ /*1023px以下*/ }
@media screen and (max-width: 834px) { /*834px以下*/ }
@media screen and (max-width: 480px) { /*480px以下*/ }


/********************************************************
    DEVICE
********************************************************/
.pc { display: block !important;}
.sp { display: none !important;}
@media only screen and (max-width: 480px) {
	.pc { display: none !important;}
	.sp { display: block !important;}
}


/********************************************************
    COMMON STYLES
********************************************************/
.inline-block { display: inline-block;}

.fw_bold { font-weight: bold;}
.fw_normal { font-weight: normal !important;}

.em100 { font-size: 1.0em;}
.em150 { font-size: 1.5em;}
.em200 { font-size: 2.0em;}

.smaller { font-size: smaller;}
.larger  { font-size: larger; }

.text-yellow { color: yellow;}
.text-orange { color: #FF5F00;}

.text-marker-under { margin-right: 4px; margin-left: 4px; background: linear-gradient(transparent 90%, rgb(253, 126, 0) 90%);}

ul.inline-list            { list-style: none; padding-left: 0;}
ul.inline-list li         { display: inline-block; margin: 0; padding-left: 0.75em; text-indent: -1em;}
ul.inline-list li::before { content: '・ ';}

.wave {
	text-decoration: 3px underline wavy #FCEE21;
	text-underline-offset: 5px;
	font-weight: bold;
}


/********************************************************
    COMMON STYLES for POST (single-post)
********************************************************/
.single-post .article h2,
.single-post .article h3,
.single-post .article h4,
.single-post .article h5,
.single-post .article h6 {
	margin-bottom: 1em;
	margin-top: 1.75em;
}


/********************************************************
    カテゴリーラベル
********************************************************/
.cat-label {
	position: absolute;
	top: auto;
	left: auto;
	border: 0 solid #fff;
	bottom: 0.75em;
	right: -0.75em;
	font-size: 0.9rem;
	padding: 1px 12px;
}

.display-none {
	display: inline-block;
}

.is-list-horizontal.large-thumb .card-title,
.is-list-horizontal.large-thumb-on .card-title {
	-webkit-line-clamp: 2;
	height: 2.95em;
}

.category-column .cat-label.cat-label-1 {
	display: none;
}



/********************************************************
    Archive Page Style
********************************************************/
.related-entry-card-title,
.entry-card-title {
	line-height: 1.4;
}


/********************************************************
    Clear - Cocoon Style
********************************************************/
.home { background-color: #fff;}
.home .content { margin-top: 0;}
.home .main { padding: 0;}

.home .article h2 {
	background-color: unset;
	border-radius: unset;
	padding: 0;
}
.home .article h3 {
	border-left: unset;
	border-right: unset;
	border-top: unset;
	border-bottom: unset;
	margin-bottom: 0.125em;
}

.page { background-color: #fff;}
.page .content { margin-top: 0;}
.page .main { padding: 0;}
.page .breadcrumb {
	width: 1140px;
	margin: 1em auto;
}

.category .content,
.single .content { margin-bottom: 3em;}

.sidebar .cat-label { display: none;}

@media screen and (max-width: 1024px){ /*1024px以下*/
	.page .breadcrumb {
		width: auto;
		margin: 1em 0.4em;
	}
	#navi .navi-in>ul>li {
		width: 190px;
	}
}
@media screen and (max-width: 834px) {
	.navi-in > .menu-header {
		display: flex;
	}
	#navi .navi-in>ul>li {
		width: 150px;
	}
	#navi .navi-in a,
	#navi .navi-in a:hover {
		font-size: 0.8rem;
	}
}
@media screen and (max-width: 480px) { /*480px以下*/
	.navi-in > .menu-header {
		display: none;
	}
	.breadcrumb {
		display: none;
	}
}


/********************************************************
    Clear - Cocoon Heading Style
********************************************************/
.page .article h1,
.page .article h2,
.page .article h3,
.page .article h4,
.page .article h5,
.page .article h6 {
	line-height: 1.3 !important;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.page .article h2 {
	font-size: 36px;
	background-color: unset;
	border-radius: unset;
}
.page .article h3 {
	font-size: 24px;
	border-left: unset;
	border-right: unset;
	border-top: unset;
	border-bottom: unset;
}
.page .article h4 {
	border-top: unset;
	border-bottom: unset;
}
.page .article h5 {
	border-bottom: unset;
}
.page .article h6 {
	border-bottom: unset;
}
.page .article p {
	margin: 0;
}


/********************************************************
    Privacy Policy - Regenerate Cocoon Heading Style
********************************************************/
.page-id-3 .article h1,
.page-id-3 .article h2,
.page-id-3 .article h3,
.page-id-3 .article h4,
.page-id-3 .article h5,
.page-id-3 .article h6 {
	line-height: 1.3;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}
.page-id-3 .article h4,
.page-id-3 .article h5,
.page-id-3 .article h6 {
	font-size: 20px;
	padding: 9px 10px;
}
.page-id-3 .article h2 {
	font-size: 24px;
	padding: 25px;
	background-color: var(--cocoon-xx-thin-color);
	border-radius: var(--cocoon-badge-border-radius);
}
.page-id-3 .article h3 {
	border-left: 7px solid var(--cocoon-middle-thickness-color);
	border-right: 1px solid var(--cocoon-thin-color);
	border-top: 1px solid var(--cocoon-thin-color);
	border-bottom: 1px solid var(--cocoon-thin-color);
	font-size: 22px;
	padding: 12px 20px;
}
.page-id-3 .article h4 {
	border-top: 2px solid var(--cocoon-thin-color);
	border-bottom: 2px solid var(--cocoon-thin-color);
}
.page-id-3 .article h5 {
	border-bottom: 2px solid var(--cocoon-thin-color);
}
.page-id-3 .article h6 {
	border-bottom: 1px solid var(--cocoon-thin-color);
}
.page-id-3 .article .column-wrap h1,
.page-id-3 .article .column-wrap h2,
.page-id-3 .article .column-wrap h3,
.page-id-3 .article .column-wrap h4,
.page-id-3 .article .column-wrap h5,
.page-id-3 .article .column-wrap h6 {
	margin-top: 0;
}


/********************************************************
    PAGE BACKGROUND
********************************************************/
.page-id-26 .content,
.page-id-29 .content,
.page-id-26 .content-in,
.page-id-29 .content-in,
.page-id-26 .main,
.page-id-29 .main,
.page-id-26 .page,
.page-id-29 .page {
	background-color: transparent !important;
}

.page-id-26 .container {
	background-image: url(imgs/bg_container_solar.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}
.page-id-29 .container {
	background-image: url(imgs/bg_container_wind.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}


/********************************************************
    PAGE TITLE /  HEAD-IMAGE
********************************************************/
/* ----------------------------------------
	LEVEL-1 TITLE
	
	page-id-500   再エネひろばとは？
	page-id-26    太陽光関連サービス
	page-id-29    風力関連サービス
	page-id-21    お問い合わせ
	page-id-3853  お問い合わせ（完了）
	page-id-3     プライバシーポリシー
	page-id-4824  導入事例
	page-id-46    コラム（カスタム投稿）
	page-id-37    新着情報（投稿）
---------------------------------------- */

.page .main-before-title .entry-title,
.page .main-before-title-level2 .entry-title {
	font-size: 42px;
	margin: 0;
	line-height: 1.3;
	text-align: center;
}
.page .main-before-title .entry-title:after,
.page .main-before-title-level2 .entry-title:after {
	content: attr( data-en );
	display: block;
	color: #666;
	font-size: 1rem;
	text-transform: ;
}
.main-before-title {
	padding: 100px 0 !important;
	background-color: #fafafa;
	color: #000;
}
.page-id-500 .main-before-title {
	background-image: url(imgs/bg_ttl_about_us.jpg);
	background-repeat: no-repeat;
	background-position: center bottom -100px;
	background-size: cover;
	background-color: rgba(255,255,255,0.6);
	background-blend-mode: lighten;
}
.page-id-26 .main-before-title {
	background-image: url(imgs/bg_ttl_solar_power.jpg);
	background-repeat: no-repeat;
	background-position: center bottom -150px;
	background-size: cover;
	background-color: rgba(255,255,255,0.6);
	background-blend-mode: lighten;
}
.page-id-29 .main-before-title {
	background-image: url(imgs/bg_ttl_wind_power.jpg);
	background-repeat: no-repeat;
	background-position: center bottom -200px;
	background-size: cover;
	background-color: rgba(255,255,255,0.5);
	background-blend-mode: lighten;
}
.page-id-21 .main-before-title,
.page-id-3853 .main-before-title {
	background-image: url(imgs/bg_ttl_contact_us.jpg);
	background-repeat: no-repeat;
	background-position: center bottom -130px;
	background-size: cover;
	background-color: rgba(255,255,255,0.5);
	background-blend-mode: lighten;
}
.page-id-3 .main-before-title {
	background-image: url(imgs/bg_ttl_privacy.jpg);
	background-repeat: no-repeat;
	background-position: center bottom -130px;
	background-size: cover;
	background-color: rgba(255,255,255,0.7);
	background-blend-mode: lighten;
}
.page-id-4824 .main-before-title {
	background-image: url(imgs/bg_ttl_works.jpg);
	background-repeat: no-repeat;
	background-position: center bottom -130px;
	background-size: cover;
	background-color: rgba(255,255,255,0.1);
	background-blend-mode: lighten;
}
.page-id-4824 .main-before-title .entry-title {
	text-shadow:
	1px 1px 0 #fff, -1px -1px 0 #fff,  /* 右下方向 */
	-1px 1px 0 #fff,  1px -1px 0 #fff, /* 左下方向 */
	1px 0 0 #fff, -1px  0 0 #fff,      /* 左上方向 */
	0 1px 0 #fff,  0 -1px 0 #fff;      /* 右上方向 */
}
@media screen and (max-width: 1024px){ /*1024px以下*/
	.main-before-title {
		padding: 80px 0 !important;
	}
	.page-id-500 .main-before-title {
		background-position: left -20px bottom -15px;
		background-size: 110%;
	}
	.page-id-26 .main-before-title {
		background-position: center bottom -30px;
	}
	.page-id-29 .main-before-title {
		background-position: center bottom -10px;
	}
	.page-id-21 .main-before-title,
	.page-id-3853 .main-before-title {
		background-position: left -20px bottom -40px;
		background-size: 110%;
	}
	.page-id-3 .main-before-title {
		background-position: left -20px bottom -40px;
		background-size: 110%;
	}
	.page-id-4824 .main-before-title {
		background-position: left -20px bottom -40px;
		background-size: 110%;
	}
}
@media screen and (max-width: 1023px){ /*1023px以下*/ }

@media screen and (max-width: 834px) { /*834px以下*/
	.main-before-title {
		padding: 60px 0 !important;
	}
}
@media screen and (max-width: 480px) { /*480px以下*/
	.page-id-500 .main-before-title {
		background-position: left -360px bottom 0px;
		background-size: 320%;
	}
	.page-id-26 .main-before-title {
		background-position: center center;
	}
	.page-id-29 .main-before-title {
		background-position: left -140px bottom;
		background-size: 150%;
	}
	.page-id-21 .main-before-title,
	.page-id-3853 .main-before-title {
		background-position: left -220px bottom;
		background-size: 230%;
	}
	.page-id-3 .main-before-title {
		background-position: left -220px bottom;
		background-size: 230%;
	}
	.page-id-4824 .main-before-title {
		background-position: left -140px bottom;
		background-size: 150%;
	}
	.page .main-before-title .entry-title,
	.page .main-before-title-level2 .entry-title {
		font-size: 1.75rem;
	}
	.main-before-title-level2 {
		margin-bottom: 80px;
	}
}

/* ----------------------------------------
	CATEGORY TITLE
	
	category-column   コラム（お役立ち記事）
---------------------------------------- */
.category-column .main-before-title {
	background-image: url(imgs/bg_ttl_column.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: rgba(255,255,255,0.3);
	background-blend-mode: lighten;
}
.category-column .main-before-title .category-title {
	font-size: 42px;
	margin: 0;
	line-height: 1.3;
	text-align: center;
	text-shadow:
	1px 1px 0 #fff, -1px -1px 0 #fff,  /* 右下方向 */
	-1px 1px 0 #fff,  1px -1px 0 #fff, /* 左下方向 */
	1px 0 0 #fff, -1px  0 0 #fff,      /* 左上方向 */
	0 1px 0 #fff,  0 -1px 0 #fff;      /* 右上方向 */
}
.category-column .category-title:after {
	content: attr(data-en);
	display: block;
	color: #666;
	font-size: 1rem;
}
@media screen and (max-width: 1024px){ /*1024px以下*/
	.category-column .main-before-title {
		background-position: left -110px bottom -20px;
		background-size: 135%;
	}
}
@media screen and (max-width: 1023px){ /*1023px以下*/ }
@media screen and (max-width: 834px) { /*834px以下*/ }
@media screen and (max-width: 480px) { /*480px以下*/
	.category-column .main-before-title {
		background-position: left -285px bottom 0px;
		background-size: 250%;
	}
}

/* ----------------------------------------
	LEVEL-2 TITLE
	
	太陽光関連サービス
	page-id-503    設置・施工
	page-id-505    機器・部品販売
	page-id-507    発電所売買
	page-id-509    保守・メンテナンス
	page-id-511    復旧・撤去工事
	page-id-924    各種事務代行
	page-id-518    保険
	
	風力関連サービス
	page-id-929    設置・施工
	page-id-932    機器・部品販売
	page-id-933    発電所売買
	page-id-934    保守・メンテナンス
	page-id-938    復旧・撤去工事
	page-id-940    各種事務代行
	page-id-942    保険
---------------------------------------- */

.page .ribon {
	width: 100%;
	height: 200px;
	padding-top: 1px;
	z-index: 0;
}
.page .ribon h1 {
	position: relative;
	margin-top: 20px !important;
	margin-left: 62% !important;
	padding: 3.75rem 24px 4.75rem 3.0rem;
	color: white;
	font-size: 32px !important;
	line-height: 32px !important;
	text-align: left !important;
	z-index: 1;
}
.page .ribon.notyet    {
	background: url(imgs/ttl_ctg_solar.jpg) no-repeat;
	background-size: calc(62% + 16px);
	background-position: 0% 75%;
}
.page .ribon.notyet h1 { background: #00814A;}

.page .ribon.solar    { background: url(imgs/ttl_ctg_solar.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}
.page .ribon.solar h1 { background: #00814A;}

.page-id-503 .ribon.solar { background: url(imgs/ttl_ctg_solar_construction.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}  /* 設置・施工 */
.page-id-505 .ribon.solar { background: url(imgs/ttl_ctg_solar_products.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}      /* 機器・部品販売 */
.page-id-507 .ribon.solar { background: url(imgs/ttl_ctg_solar_trade.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}         /* 発電所売買 */
.page-id-509 .ribon.solar { background: url(imgs/ttl_ctg_solar_meintenance.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}   /* 保守・メンテナンス */
.page-id-511 .ribon.solar { background: url(imgs/ttl_ctg_solar_restoration.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}   /* 復旧・撤去工事 */
.page-id-924 .ribon.solar { background: url(imgs/ttl_ctg_solar_subsidy.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}       /* 各種事務代行 */
.page-id-518 .ribon.solar { background: url(imgs/ttl_ctg_solar_insurance.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}     /* 保険 */

.page .ribon.wind     { background: url(imgs/ttl_ctg_wind.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}
.page .ribon.wind h1  { background: #004E97;}

.page-id-929 .ribon.wind { background: url(imgs/ttl_ctg_wind_construction.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 45%;}  /* 設置・施工 */
.page-id-932 .ribon.wind { background: url(imgs/ttl_ctg_wind_products.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}      /* 機器・部品販売 */
.page-id-933 .ribon.wind { background: url(imgs/ttl_ctg_wind_trade.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}         /* 発電所売買 */
.page-id-934 .ribon.wind { background: url(imgs/ttl_ctg_wind_meintenance.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}   /* 保守・メンテナンス */
.page-id-938 .ribon.wind { background: url(imgs/ttl_ctg_wind_restoration.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}   /* 復旧・撤去工事 */
.page-id-940 .ribon.wind { background: url(imgs/ttl_ctg_wind_subsidy.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 75%;}       /* 各種事務代行 */
.page-id-942 .ribon.wind { background: url(imgs/ttl_ctg_wind_insurance.jpg) no-repeat; background-size: calc(62% + 16px); background-position: 0% 60%;}     /* 保険 */

.page .ribon h1 span {
	font-size: 18px;
	font-weight: normal;
	display: block;
}
.page .ribon h1::before {
	position: absolute;
	content: '';
	bottom: 100%;
	left: 0;
	border: none;
	border-top: 22px solid transparent;
	border-right: 16px solid #555;
}

@media screen and (max-width: 1023px){ /*1023px以下*/ }

@media screen and (max-width: 834px) { /*834px以下*/
	.page .ribon {
		height: 165px;
	}
	.page .ribon h1 {
		padding: 2.5rem 24px 3.5rem 2rem;
		font-size: 32px !important;
		line-height: 32px !important;
	}
	.page .ribon h1 span {
		font-size: 13px;
	}
	.page .ribon.solar    { background-position: 0% 0%;}
	.page .ribon.wind     { background-position: 0% 0%;}
}

@media screen and (max-width: 480px) { /*480px以下*/
	.page .ribon {
		height: 100px;
	}
	.page .ribon.solar {
		background-position: 0% 35%;
		background-size: 100%;
	}
	.page .ribon.wind {
		background-position: 0% 35%;
		background-size: 100%;
	}
	.page .ribon h1::before { display: none;}
	.page .ribon h1 {
		position: relative;
		width: 100%;
		margin-top: 99px !important;
		margin-left: 0% !important;
		padding: 0.5rem 5px 0.75rem;
		font-size: 1.5em !important;
		line-height: 1.5 !important;
		text-align: center !important;
	}
}

/* ----------------------------------------
	HOME
---------------------------------------- */

.home #news .widget-entry-cards {
	justify-content: space-between;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.home #news .widget-entry-cards.card-large-image .a-wrap {
	width: 25%;
}
.home #news .widget-entry-cards.card-large-image .a-wrap:hover {
	background: #EFF4E9;
}
.home #news .widget-entry-cards .a-wrap {
	padding: 10px 15px;
}
.home #news .widget-entry-cards.card-large-image .e-card {
	font-size: 0.95rem;
	line-height: 1.5;
}
.home #news .post-date,
.home #news .post-update {
    font-size: 0.85rem;
}
@media screen and (max-width: 480px) {
	.home #news .widget-entry-cards {
		display: block;
		margin-bottom: 0;
	}
	.home #news .widget-entry-cards.card-large-image .a-wrap {
		width: 100%;
	}
	.home #news .widget-entry-cards .a-wrap {
		padding: 10px;
	}
	.home #news .widget-entry-cards.card-large-image .a-wrap:nth-child(odd) {
		margin-right: 0;
	}
	.home #news .post-date,
	.home #news .post-update {
		font-size: 0.9rem;
	}
}


/********************************************************
    SMP OPENED MENU
********************************************************/
body .mobile-menu-builder-popup--container .mobile-menu-builder-popup--inner .widget h3.widgettitle { margin-bottom: 1.0em; text-align: center; font-weight: bold; font-size: 1.25em;}
.mobile-menu-builder-popup--container .widget.widget_media_image img { margin: 20px;}
.mobile-menu-builder-popup--container .cat-label { display: none;}
.mobile-menu-builder-popup--container .a-wrap { padding: 8px;}
.mobile-menu-builder-popup--container .widget-entry-card { font-size: 14px;}
.mobile-menu-builder-popup--container .post-date,
.mobile-menu-builder-popup--container .post-update { font-size: 13px; color: #999;}

/* ----------------------------------------
	menu-item-1082    再エネひろば とは？
	menu-item-1083    新着情報
	menu-item-1084    太陽光関連サービス
	menu-item-1085    風力関連サービス
	menu-item-1086    お役立ち記事
	menu-item-1087    お問い合わせ
	menu-item-4828    導入事例
---------------------------------------- */

.menu-smp-menu-container { margin: 0 0 40px; text-align: center;}
.menu-smp-menu-container .menu {
	display: flex;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
}
.menu-smp-menu-container .menu .menu-item-1086,
.menu-smp-menu-container .menu .menu-item-1082,
.menu-smp-menu-container .menu .menu-item-1087 { display: block; width:100%;}
.menu-smp-menu-container .menu-item-1084,
.menu-smp-menu-container .menu-item-1085,
.menu-smp-menu-container .menu-item-1083,
.menu-smp-menu-container .menu-item-4828 { display: inline-block; width: 50%}

.menu-smp-menu-container #menu-item-1086 a { margin:0 0 10px; padding: 30px 0 28px; background: #00814A; border-radius:4px; font-weight:600; color: #fff;}   /* お役立ち記事 */
.menu-smp-menu-container #menu-item-1082 a { margin:0 0 10px; padding: 30px 0 28px; background: #CCDCEA; border-radius:4px; font-weight:600;}        /* 再エネひろば とは？ */
.menu-smp-menu-container #menu-item-1084 a { margin:0 5px 10px 0; padding: 60px 0 25px; background: #CCDCEA; border-radius:4px; font-weight:600;}    /* 太陽光関連サービス */
.menu-smp-menu-container #menu-item-1085 a { margin:0 0 10px 5px; padding: 60px 0 25px; background: #CCDCEA; border-radius:4px; font-weight:600; }    /* 風力関連サービス */
.menu-smp-menu-container #menu-item-1083 a { margin:0 5px 10px 0; padding: 20px 0 24px; background: #CCDCEA; border-radius:4px; font-weight:600;}    /* 新着情報 */
.menu-smp-menu-container #menu-item-4828 a { margin:0 0 10px 5px; padding: 20px 0 24px; background: #CCDCEA; border-radius:4px; font-weight:600;}    /* 導入事例 */
.menu-smp-menu-container #menu-item-1087 a { margin:0 0 10px; padding: 30px 0 28px; background: #3EBC6B; border-radius:4px; color:#fff; font-weight:600;}    /* お問い合わせ */

.fa-book-bookmark:before { position: absolute; left: 20%; bottom: 38%; font-size: 28px; color: #fff;}
.fa-lightbulb:before     { position: absolute; left: 20%; bottom: 38%; font-size: 28px; color: #222;}
.fa-envelope:before      { position: absolute; left: 20%; bottom: 38%; font-size: 28px; color: #fff;}
.fa-sun:before           { position: absolute; top: 20%; left: 42%; font-size: 28px;}
.fa-wind:before          { position: absolute; top: 20%; left: 42%; font-size: 28px;}


/********************************************************
    TOC : TABLE OF CONTENTS
********************************************************/
.toc {
	background-color: #f6f7f7;
	border: 1px solid #a8bcc8;
	width: 80%;
}
.toc-title {
	background-color: #8195a2;
	font-size: 1.2em;
	padding: 0.25em 0 0.35em;
	font-weight: bold;
	color: #fff;
}
.toc-title:before {
	font-family: 'Font Awesome 5 Free';
	content : "\f03a";
	font-size: 20px;
	margin-right: 10px;
	color: #a8bcc8;
	background-color: #fff;
	border-radius: 50%;
	padding: 8px;
}
.toc-title::after {
	margin-left: 1.0em;
	font-weight: normal;
	font-size: 0.7em;
}
.toc-center {
	margin: 1em auto;
}
.toc a {
	color: #5C676D;
}
.toc-content ol li{
	color: #8195a2;
	margin: 0.5em;
}
.toc-list > li{
	font-weight: bold;
}
.toc-list > li li{
	font-weight: normal;
}


/********************************************************
    WORKS - Single PAGE
********************************************************/
/* -- ２列 -- */
.page ul.works-list-lg {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	gap: 42px;
}
.page ul.works-list-lg li { width: 47.5%;}
.page ul.works-list-lg li figure { margin: 0 0 0.35em !important;}
.page ul.works-list-lg li div.works_site          { text-align: center; font-size: 1.0em;}
.page ul.works-list-lg li div.works_kind          { text-align: center; font-size: 0.85em; margin: 4px 0;}
.page ul.works-list-lg li div.works_category_name { text-align: center;}
.page ul.works-list-lg li div.works_overview      { text-align: center; font-size: 1.0em;}
.page ul.works-list-lg li div.works_product       { text-align: center; font-size: 1.0em;}
.page ul.works-list-lg li div.works_kind span { padding: 0px 20px 3px; border-radius: 30px; background: #666; color: #fff;}
.page ul.works-list-lg li a { pointer-events: none; text-decoration: none; cursor: default; color: #444;}

@media screen and (max-width: 834px) { /*834px以下*/
	.page ul.works-list-lg { margin: 0 10px; gap: 20px;}
}
@media screen and (max-width: 480px){
	.page ul.works-list-lg { margin: 0; display: block;}
	.page ul.works-list-lg li { width: calc(100% - 40px); margin: 0 20px 30px;}
}

/********************************************************
    WORKS - PAGE
********************************************************/
/* -- ３列 -- */
.page ul.works-list {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	gap: 46px;
}
.page ul.works-list li { width: 30%;}
.page ul.works-list li figure { margin: 0 0 0.35em !important;}
.page ul.works-list li div.works_site          { text-align: center; font-size: 1.0em;}
.page ul.works-list li div.works_kind          { text-align: center; font-size: 0.85em; margin: 4px 0;}
.page ul.works-list li div.works_category_name { text-align: center;}
.page ul.works-list li div.works_overview      { text-align: center; font-size: 1.0em;}
.page ul.works-list li div.works_product       { text-align: center; font-size: 1.0em;}
.page ul.works-list li div.works_kind span { padding: 0px 20px 3px; border-radius: 30px; background: #666; color: #fff;}
.page ul.works-list li a { pointer-events: none; text-decoration: none; cursor: default; color: #444;}

@media screen and (max-width: 834px) { /*834px以下*/
	.page ul.works-list { margin: 0 10px; gap: 20px;}
}
@media screen and (max-width: 480px){
	.page ul.works-list { margin: 0; display: block;}
	.page ul.works-list li { width: calc(100% - 40px); margin: 0 20px 30px;}
}

/********************************************************
    WORKS - TOP-PAGE
********************************************************/
.home ul.works-list {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style-type: none;
	gap: 46px;
}
.home ul.works-list li {
	padding: 30px 30px 15px;
	width: 30%;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.2);
}
.home ul.works-list li figure { margin: -30px -30px 0.35em !important;}
.home ul.works-list li figure img { border-radius: 15px 15px 0 0;}
.home ul.works-list li div.works_site          { margin:0 -30px; text-align: center; font-size: 1.0em;}
.home ul.works-list li div.works_kind          { text-align: center; font-size: 0.85em; margin: 4px 0;}
.home ul.works-list li div.works_category_name { text-align: center;}
.home ul.works-list li div.works_overview      { text-align: center; font-size: 1.0em;}
.home ul.works-list li div.works_product       { text-align: center; font-size: 1.0em;}
.home ul.works-list li div.works_kind span { padding: 0px 20px 3px; border-radius: 30px; background: #666; color: #fff;}

@media screen and (max-width: 834px) { /*834px以下*/
	.home ul.works-list { margin: 0 10px; gap: 20px;}
}
@media screen and (max-width: 480px){ /*480px以下*/
	.home ul.works-list { margin: 0; display: block;}
	.home ul.works-list li { width: calc(100% - 40px); margin: 0 20px 30px;}
}

/********************************************************
    WORKS - SINGLE POST
********************************************************/
.works-table th { width: 20%; font-weight: 500;}


/********************************************************
    COLUMN - Profile
********************************************************/
.single .author-content .author-name a { text-decoration: none; pointer-events: none;}

.author-name {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
.author-box .author-name a {
	text-decoration: none;
	color: #333;
}
.author-box p {
	margin-top: 0.3em;
	line-height: 1.6;
}
.author-box p a {
	text-decoration: none;
	color: #008cee;
}
.author-box p a:hover {
	text-decoration: underline;
	color: #008cee;
}
.author-box .sns-follow-buttons a.follow-button {
	font-size: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	margin-bottom: 4px;
	margin-right: 8px;
	background: none;
	color: #fff;
}
.author-box a.follow-button span {
	line-height: 40px;
}
.author-box a.follow-button span::before {
	font-size: 22px;
}
.author-box .icon-twitter-logo::before {
	font-family: FontAwesome;
	content: "\f099"
}
.author-box .icon-facebook-logo::before {
	font-family: FontAwesome;
	content: "\f09a";
}
.author-box .icon-instagram-new::before {
	font-family: FontAwesome;
	content: "\f16d";
}
.author-box .icon-hatebu-logo::before {
	font-family: Verdana;
	content: 'B!';
	font-weight: bold;
}
.author-box .icon-google-plus-logo::before {
	font-family: FontAwesome;
	content: "\f0d5";
}
.author-box .icon-youtube-logo::before {
	font-family: FontAwesome;
	content: "\f167";
}
.author-box .icon-pinterest-logo::before {
	font-family: FontAwesome;
	content: "\f231";
}
.author-box .icon-amazon-logo::before {
	font-family: FontAwesome;
	content: "\f270";
}
.author-box .icon-github-logo::before {
	font-family: FontAwesome;
	content: "\f09b";
}
.author-box .website-button      { background-color: #47555c !important; }
.author-box .twitter-button      { background-color: #1da1f2 !important; }
.author-box .facebook-button     { background-color: #3b5998 !important; }
.author-box .hatebu-button       { background-color: #2c6ebd !important; }
.author-box .google-plus-button  { background-color: #dd4b39 !important; }
.author-box .instagram-button    { background: #e1306c !important; }
.author-box .youtube-button      { background-color: #ef1515 !important; }
.author-box .flickr-button       { background-color: #0063dc !important; }
.author-box .pinterest-button    { background-color: #bd081c !important; }
.author-box .line-button         { background-color: #00c300 !important; }
.author-box .amazon-button       { background-color: #ff9900 !important; }
.author-box .rakuten-room-button { background-color: #c42e7f !important; }
.author-box .github-button       { background-color: #333 !important; }
.author-box .feedly-button       { background-color: #2bb24c !important; }
.author-box .rss-button          { background-color: #f26522 !important; }
.author-box .soundcloud-button   { background-color: #ff7700 !important; }
#main .author-box {
	border: none;
	border-radius: 3px;
	margin: 1em 0;
	line-height: 1.4;
	position: relative;
	padding: 1.4% 2% 1.8% 0;
	box-shadow: 0 5px 20px -5px rgba(105,115,131,.35);
}
#main .author-widget-name {
	display: inline-block;
	position: relative;
	margin: 10px 0 0 -170px;
	padding: 6px 12px;
	border-radius: 20px;
	background: #eaedf2;
	color: #555;
	font-size: 14px;
	font-weight: 700;
	z-index: 1;
}
#main .author-widget-name::before {
	position: absolute;
	content: '';
	z-index: -1;
	bottom: -30px;
	left: 60px;
	border: 15px solid transparent;
	border-top: solid 30px #eaedf2;
	transform: rotate(-40deg);
}
#main .author-thumb {
	float: left;
	margin: 0;
	padding-top: 70px;
	width: 200px;
	text-align: center;
}
#main .author-thumb img {
	border: solid 5px #dfe2e8;
	width: 100px;
	/* background-color: #dfe2e8; */
}
#main .author-content {
	margin: -30px 0 0 200px;
	padding-left: 30px;
	border-left: 2px #eaedf2 dashed;
}
#main .author-box .author-name {
	line-height: 1;
}
#main .author-box p {
	font-size: .95em;
}
@media screen and (max-width: 480px){
	#main .author-box {
		margin: 1em 10px;
		padding: 16px;
		text-align: center;
	}
	#main .author-widget-name {
		margin: 0;
	}
	#main .author-widget-name::before {
		left: 50px;
	}
	#main .author-thumb {
		float: none;
		margin: 0;
		padding-top: 20px;
		width: 100%;
	}
	#main .author-box .author-name {
		font-size: 14px;
	}
	#main .author-content {
		margin: 10px 0 0 0;
		padding-left: 0;
		border: none;
	}
	#main .author-box p {
		font-size: 14px;
		text-align: left;
	}
	#main .author-box .sns-follow-buttons {
		justify-content: center;
	}
}