/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ---------------------------------------------------------------------
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
-------------------------------------------------------------------- */
/* adjust for Calendar Style */
.dopbsp-sidebar-content tr {
border-left: none;
}
/* adjust Back-to-top Button Position */
#back-to-top {
right: 3vh;
bottom: 3vh;
}
/********************************************************
FOOTER
********************************************************/
.footer .footer-main { padding-top: 2em;}
.footer .footer-main>* { margin-top: 1em;}
.footer .widget_nav_menu { margin-top: 1em;}
.footer .footer-nav__menu { gap: 0.25em;}
.footer .location { margin: 0 auto 1em !important; text-align: center !important;}
.footer .copyright { letter-spacing: 2px;}
@media screen and (max-width: 599px) {
.footer-widget__column>:first-child { text-align: center;}
.footer-widget__column>:nth-child(2) { margin-top: 1em;}
.footer .logo { max-width: 70% !important;}
.footer .widget_nav_menu ul { column-count: 2; column-gap: 10px;}
.footer .widget_nav_menu li { border-bottom: 1px solid var(--site-border-gray-light);}
.footer .widget_nav_menu>ul { border-bottom: none;}
}
@media screen and (min-width: 600px) {
.footer .footer-main>* { margin-top: 1em;}
.footer .footer-widget__column>* { margin-top: 1em;}
.footer .widget_media_image { text-align: center;}
.footer .widget_nav_menu { margin-top: 0;}
.footer .widget_nav_menu ul { display: flex; width: 380px; margin: 0 auto;}
.footer .widget_nav_menu li { margin: auto;}
.footer .widget_nav_menu li,
.footer .widget_nav_menu>ul { border-bottom: none;}
.footer .widget_nav_menu a { display: inline-block; padding: .25em .25em;}
.footer .widget_nav_menu a:before { display: none;}
.footer .footer-nav { margin-top: 0; margin-bottom: 1em;}
.footer .footer-nav__menu { margin-top: 0;}
}
/* --------------------------------------------------------------------
COMMON STYLES
-------------------------------------------------------------------- */
.inline-block {
display: inline-block;
}
.tategaki{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.text-emphasis-dot {
text-emphasis: dot #444;
}
.fw-normal {
font-weight: normal !important;
}
/********************************************************
※印のテキスト文章
********************************************************/
ul.kome {
list-style: none;
padding-left: 0;
}
ul.kome li {
position: relative;
padding-left: 1.125em;
}
ul.kome li::before {
content: '\0203B';
position: absolute;
left: 0;
}
/********************************************************
カッコ付き数字を使ったリスト
********************************************************/
ol.parentheses {
padding-left: 0;
list-style: none;
counter-reset: number;
}
ol.parentheses li {
position: relative;
padding-left: 2.75em;
}
ol.parentheses li::before {
position: absolute;
counter-increment: number;
content: '（' counter(number) '）';
left: 0;
}
/********************************************************
丸囲み数字を使ったリスト（赤丸）
********************************************************/
ol.akamarusuuji {
list-style: none;
padding-left: 0;
counter-reset: number;
}
ol.akamarusuuji li {
position: relative;
padding-left: 1.5em;
}
ol.akamarusuuji li::before {
counter-increment: number;
content: counter(number);
position: absolute;
top: 6px;
left: 0;
width: 1.75em;
height: 1.75em;
border: 1px solid #d00;
background: #d00;
color: #fff;
border-radius: 50%;
font-size: 0.65em;
text-align: center;
line-height: 1.6;
}
/********************************************************
DEVICE
********************************************************/
.pc { display: block !important;}
.sp { display: none !important;}
@media only screen and (max-width: 768px) {
.pc { display: none !important;}
.sp { display: block !important;}
}
/********************************************************
矢印アイコン付きボタン
********************************************************/
/* 記述方法
--------------------------------------------
-------------------------------------------- */
.arrowbtn-wh a {
--arrow-color: #444;
--back-color: #fff;
--border-color: #bbb;
position: relative;
border: 1px solid var(--border-color);
color: var(--arrow-color);
text-decoration: none;
padding: 0.5em 2.5em;
display: inline-block;
text-align: center;
transition: all .2s linear;
background: var(--back-color);
border-radius: 5px;
font-size: 1.125em;
}
.arrowbtn-wh a:hover {
background: #bbb;
color: #fff;
}
.arrowbtn-wh a::before {
border-bottom: 1px solid var(--arrow-color);
border-right: 1px solid var(--arrow-color);
content: '';
height: 10px;
position: absolute;
top: calc(50% - 10px);
right: -20px;
transform: skewX(50deg);
width: 45px;
transition: all .3s;
}
.arrowbtn-wh a:hover::before {
right: -33px;
}
/* 記述方法
--------------------------------------------
-------------------------------------------- */
.arrowbtn-lbl a {
--arrow-color-lbl: #fafafa;
--back-color-lbl: #7FBEC7;
--border-color-lbl: #7FBEC7;
--text-color-lbl: #000;
position: relative;
border: 1px solid var(--border-color-lbl);
color: var(--text-color-lbl);
text-decoration: none;
padding: 0.5em 3.5em;
display: inline-block;
text-align: center;
transition: all .2s linear;
background: var(--back-color-lbl);
border-radius: 5px;
font-size: 1.125em;
}
.arrowbtn-lbl a:hover {
background: #7E9396;
color: #fff;
}
.arrowbtn-lbl a::before {
border-bottom: 1px solid var(--arrow-color-lbl);
border-right: 1px solid var(--arrow-color-lbl);
content: '';
height: 10px;
position: absolute;
top: calc(50% - 10px);
right: -20px;
transform: skewX(50deg);
width: 45px;
transition: all .3s;
}
.arrowbtn-lbl a:hover::before {
right: -33px;
}
/********************************************************
Contact form 7 の 送信ボタンデザイン
********************************************************/
/* スピナーを非表示 */
.wpcf7-spinner {
display: none;
}
.wpcf7-form input[type="submit"] {
--arrow-color: #444;
--back-color: #fff;
--border-color: #bbb;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid var(--border-color);
padding: 0.5em 2.5em;
transition: all .2s linear;
background: var(--back-color);
cursor: pointer;
color: var(--arrow-color);
}
.wpcf7-form input[type=submit]:hover {
box-shadow: none /* var(--ystd-button-box-shadow) */;
background: #bbb;
color: #fff;
}
.wpcf7-form .submit-btn-wrapper {
padding: 0.5em;
text-align: center;
}
.wpcf7-form .submit-btn {
--arrow-color: #444;
position: relative;
color: var(--arrow-color);
text-decoration: none;
display: inline-block;
text-align: center;
transition: all .2s linear;
border-radius: 5px;
font-size: 1.125em;
}
.wpcf7-form .submit-btn::before {
border-bottom: 1px solid var(--arrow-color);
border-right: 1px solid var(--arrow-color);
content: '';
height: 10px;
position: absolute;
top: calc(50% - 10px);
right: -20px;
transform: skewX(50deg);
width: 45px;
transition: all .3s;
}
.wpcf7-form .submit-btn:hover::before {
right: -33px;
}
/********************************************************
Contact form 7
********************************************************/
/* フォーム全体 */
#cf7-area {
width: 100%;
margin: 20px auto;
}
.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 1.75em;
}
.cf7-q {
width: 30%;
margin: 0 0 0 10px;
}
.cf7-a {
width: 60%;
}
/* 各項目共通 */
#cf7-area label {
font-weight: 500;
}
#cf7-area input[type="text"],
#cf7-area input[type="email"],
#cf7-area input[type="tel"],
#cf7-area textarea {
background: #F0F8FF;
max-width:500px;
margin-left:10px;
border-radius: 5px;
}
#cf7-area input[type="text"]:focus,
#cf7-area input[type="email"]:focus,
#cf7-area input[type="tel"]:focus,
#cf7-area textarea:focus {
background: #FFE4E1;
border: 2px solid #FF1493;
outline: 0;
}
#cf7-area input[type="checkbox"],
#cf7-area input[type="radio"] {
appearance: auto;
}
#cf7-area .wpcf7-list-item {
display: block;
}
#cf7-area textarea {
height:200px;
padding: 0.625em 0.4375em;
}
.cf7-accept-check {
text-align: center;
margin: 2em auto;
}
.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}
.cf7-btn {
width: 40%;
margin: 0 auto;
text-align: center;
}
/* ラベル */
.cf7-req,
.cf7-any {
display: inline-block;
margin-left: 0.5em;
/* padding: 1px 6px; */
font-size: 0.8em;
/* color: #fff; */
}
.cf7-req {
/* background: #eb2a2a; */
color: #c00;
}
.cf7-any {
/* background-color: #0054a6; */
color: #0054a6;
}
@media screen and (max-width:599px){
#cf7-area {
max-width: 100%;
padding: 0 5px;
}
.cf7-item {
display: block;
}
#cf7-area label{
display: block;
margin-bottom: 10px;
}
.cf7-q {
width: 100%;
margin: 0;
}
.cf7-a {
width: 100%;
}
#cf7-area input[type="text"],
#cf7-area input[type="email"],
#cf7-area input[type="tel"],
#cf7-area textarea {
margin-left: 0;
}
}
/********************************************************
SMP MENU - (OVERWRITE)
********************************************************/
.global-nav__toggle {
right: 15px;
}
@media (max-width: 768px) {
.global-nav {
padding: 15px;
}
.global-nav__container {
height: 100% !important;
padding: 6em .5em 0;
border: 1px solid #fff;
}
.global-nav__menu>.menu-item {
text-align: center;
font-size: 1.25em;
padding: 0.75em;
}
.menu-item-11914,
.menu-item-11993,
.menu-item-11996,
.menu-item-11886 {
border-bottom: 1px solid #eee;
width: 80%;
margin: 0 auto !important;
}
.global-nav__menu>.menu-item.menu-item-14741 a {
height: 120px;
padding: 0;
}
.menu-item-14741 {
text-indent : -9999px;
background: url(imgs/logo_mhlg_wh.png) center bottom;
background-size: 280px;
background-repeat: no-repeat;
}
.global-nav__menu>.menu-item.menu-item-14746 {
font-size: 1.125em;
}
}
/********************************************************
Policy & Rules
********************************************************/
.policy-text h2 { font-size: 1.5em;}
@media screen and (max-width: 1024px) {
.policy-text h2 { font-size: 1.35em;}
}
@media screen and (max-width: 599px) {
.policy-text h2 { font-size: 1.25em;}
}