/*
    Theme Name: magashi
    Version: 1.0.0
    Template: lightning
    */


    html {
        scroll-behavior: smooth;
    }

    body {
        font-family: "UD新ゴ R","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
        color: #333333 !important;
    }

    .site-header {
        box-shadow: 0 0 0 0;
    }

    .site-body {
        padding: 0;
    }

    p > a, li > a {
        color: #333333 !important;
        text-decoration: underline !important;
        text-decoration-style: dotted !important;
        text-underline-offset: 2px !important;
        text-decoration-color: rgba(0,0,0,.3) !important;
        text-decoration-thickness: 1px !important;
    }

    p > a:hover, li > a:hover {
        text-decoration: none !important;
        color: #176111 !important;
    }

    #site-header-container, .site-body-container, .site-footer-copyright, .container {
        background-color: #fff;
        max-width: 1200px;
    }

    .site-body-container, .site-body-bottom .container, .site-footer-copyright {
        background-image: url("img/bg_l.png"), url("img/bg_r.png");
        background-repeat: repeat-y;
        background-position:0% 0%, 100% 0%;
    }

    .site-body-container {
        padding-bottom: 90px;
    }

    .page-header {
        display: none;
    }

    .main-section {
        margin-bottom: 0;
    }
    
    .site-footer-copyright {
        text-align: center;
        padding-bottom: 250px;
    }

    .entry-meta-item-author, .entry-meta-item-updated, .site-footer-copyright p:nth-child(2) {
        display:none;
    }

    .page-title {
        position: relative;
    }

    .page-title-arc {
        width: 100%;
    }

    .page-title-news {
        margin-bottom: 40px !important;
    }

    .page-title:before {
        content: url(img/obi_02.png);
        display: inline-block;
        position: relative;
        left: -8px;
        bottom: -11px;
    }

    .global-nav .menu-item a strong {
        position: relative;

    }

    .global-nav .menu-item a strong:before, .news-link a:before {
        content: url(img/obi_01.png);
        display: inline-block;
        position: absolute;
        left: -8px;
    }

    .news-link a {
        display: inline-block;
        position: relative;
    }

    .news-link a:before {
        bottom: -4px;
    }

    .main-image {
        margin-bottom: 5px;
        margin-left: -15px;
        margin-right: -15px;
        max-width: 1200px;
    }

    .main-image img {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .entry-footer {
        margin-bottom: 0;
    }

    h3 .typesquare_option {
        text-align: center;
    }

    .news-flex li, .post-list .vk_post_body {
        display: flex;
        flex-direction: row;
        padding: 10px !important;
    }

    .news-flex li :nth-child(1), .post-list .vk_post_body h5 {
        font-size: 1em !important;
        order: 2;
    }
    .news-flex li :nth-child(2), .post-list .vk_post_body .media-date {
        font-size: 1em !important;
        order: 1;
        margin: 0 20px 0 0;
    }

    .news-flex li a {
        text-decoration: none !important;
    }

    .vk_post_title_new {
        display: none;
    }

    .post-list .vk_post_btnOuter {
        display: none;
    }

    .font-mincho {
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .global-nav-list > li .global-nav-name {
        font-size: 16px;
    }

    .font-26 {
        font-size: 1.625em;
    }

    .font-24 {
        font-size: 1.5em;
    }

    .font-22 {
        font-size: 1.375em;
    }

    .font-20 {
        font-size: 1.25em;
    }

    .font-20-2 {
        font-size: 20px;
    }

    .font-18 {
        font-size: 1.125em;
    }

    .font-16 {
        font-size: 1em;
    }

    .font-14 {
        font-size: 0.875em;
    }

    .font-12 {
        font-size: 0.75em;
    }

    li a, p a, .wp-block-latest-posts__post-date {
        color: #333333;
    }

    .font-dgreen {
        color: #176111;
    }

    .font-lgreen {
        color: #44AF35;
    }

    .font-red {
        color: #cf2e2e;
    }

    .bottom-0 {
        margin-bottom: 0;
    }

    .bottom-20 {
        margin-bottom: 20px;
    }

    .border-1 {
        border: 1px solid #333333;
    }

    .border-t1 {
        border-top: 1px solid #333333;
        padding-top: 20px;
    }

    .border-b1 {
        border-bottom: 1px solid #333333;
        padding-bottom: 20px;
    }

    .border-trl {
        border: solid #333333;
        border-width: 1px 1px 0 1px;
    }

    .border-rbl {
        border: solid #333333;
        border-width: 0 1px 1px 1px;
    }

    .width-100 {
        width: 100%;
    }

    .padding-15 {
        padding: 15px;
    }

    .bg-beige {
        background-color: #f8ebdb;
    }

    .gaibu-link a:after {
        margin-left: 5px;
         font-family: "Font Awesome 6 Free";
         content: '\f35d';
         font-weight: bold;
    }

    /*お知らせ*/
    .entry-header {
        margin-bottom: 20px;
    }

    .entry-body>.vk_posts>.media.vk_post-col-lg-12, .main-section>.vk_posts>.media.vk_post-col-lg-12 {
        padding: 0 !important;
    }

    .vk_post .vk_post_date {
        color: #333333;
    }

    .entry-meta-data-list dt {
        background-color: #44AF35;
    }

    .next-prev {
        display:none;
    }

    .pagination .page-numbers > li > a {
        text-decoration: none !important;
    }

    /*アコーディオン*/
    .keiyaku-ul {
        margin: 0;
        padding: 0;
    }

    .keiyaku-ul li {
        list-style: none;
    }

    .keiyaku-ul li p {
        margin: 0 0 0 48px;
    }

    .inq-title {
        border-radius: 3px;
        margin-bottom: 10px !important;
    }

    .inq-title a {
        display: block;
        color: #333333;
    }

    .google-map-title {
        border-radius: 3px 3px 0 0;
    }

    .google-map {
        border-radius: 0 0 3px 3px;
    }

    .google-map iframe {
        margin: 0;
    }

    /*特定商取引*/
    .tokusho-table table, .gaiyo-table table {
        margin: 0;
    }

    .tokusho-table th, .gaiyo-table th {
        background-color: #44AF35;
        border: 1px solid #333333;
        color: #fff;
        text-align: left;
        white-space: nowrap;
    }

    .tokusho-table td, .gaiyo-table td {
        border: 1px solid #333333;
    }

    /*料金表*/
    .ryoukin-table, .ryoukin-cancel {
        margin: 0;
    }

    .ryoukin-table th {
        background-color: #44AF35;
        border: 1px solid #333333;
        color: #fff;
        font-size: 1.25em;
        text-align: center;
    }

    .ryoukin-table td {
        border-color: #333333;
        font-size: 1.125em;
        text-align: center;
        width: 50%;
    }

    .ryoukin-cancel table {
        width: inherit !important;
    }

    .ryoukin-cancel th {
        border: 0;
        font-size: 1.25em;
        padding: 0 10px;
    }

    .ryoukin-cancel td {
        border-width: 0 0 1px 0;
        border-color: #333333;
        font-size: 1.125em;
        padding: 10px 10px 5px 10px;
    }

    .ryoukin-cancel td:nth-child(even) {
        text-align: right;
    }


    /*問い合わせフォーム*/
    .kojinn-jouhou {
        height: 300px;
        overflow-y: scroll;
        border: 1px solid #333333;
        padding: 24px 24px 0 24px;
        margin: 0 150px 20px 150px;
    }

    .form-flex {
        margin: 0 0 30px 0;
    }

    .form-flex-doui {
        margin: 0 0 30px 0 !important;
    }

    .smf-placeholder {
        position: relative;
    }

    .smf-error-messages {
        position: absolute;
        margin-top: -5px !important;
    }

    .form-flex-tarea {
        margin: 0 0 30px 0;
    }

    .form-flex .smf-item__col--label, .form-flex-tarea .smf-item__col--label {
        margin: 0 0 10px 0;
    }

    .smf-item__label__text code {
        background-color: red !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: bold;
    }

    .smf-action {
        text-align: center;
    }

    .tel-number {
        margin: 24px 0;
    }

    .toiawase-link a {
        color: #CC3033;
    }

    [data-screen="confirm"] .input {
        display:none;
    }
      
    [data-screen="input"] .confirm,
    [data-screen="invalid"] .confirm,
    [data-screen="back"] .confirm,
    [data-screen="back"] .confirm-ok {
        display:none !important;
    }

    .smf-complete-content {
        text-align: center;
    }

    .smf-complete-content .send-success {
        background-color: #176111;
    }

    .smf-complete-content .send-failure {
        background-color: #cf2e2e;
    }

    .url-ng span:nth-child(3) {
        visibility: hidden;
    }

    .grecaptcha-badge {
        bottom: 80px !important;
    }

    .yoyaku-qr-text {
        margin-bottom: 0;
    }

    .yoyaku-image img {
        max-width: 500px;
        width: 100%;
    }

    .alignnormal {
        margin: 0 40px !important;
    }


    @media (min-width: 992px) {
        .header_scrolled .site-header {
            box-shadow: 0 1px 3px rgba(0,0,0,.05);
            padding: 0 0 10px 0;
        }

        .device-pc .global-nav-list > li > a {
            padding-bottom: 5px;
            text-decoration: none !important;
            background-image: linear-gradient( 90deg, #176111, #44AF35 );
            background-size: 0 2px;
            background-position: left bottom;
            background-repeat: no-repeat;
            transition: all .5s;
        }

        #menu-item-221 {
            display: none;
        }

        .header_scrolled #menu-item-221 {
            display: inherit;
        }

        .global-nav-list .sub-menu li a, .global-nav-list .sub-menu li a:hover {
            color: #fff !important;
            transition: all .5s;
            text-decoration: none !important;
        }

        .global-nav-list .sub-menu li a:hover {
            background-color: #44AF35;
        }

        .device-pc .global-nav-list > li > a:hover {
            color: #333333 !important;
            background-size: 100% 1px;
        }

        .global-nav--layout--float-right {
            margin-right: 40px;
        }

        .margin-lr20 {
            margin-left: 20px;
            margin-right: 20px;
        }

        .margin-lr40, .sp-ea-one {
            margin-left: 40px;
            margin-right: 40px;
        }

        .margin-lr60 {
            margin-left: 60px;
            margin-right: 60px;
        }

        .margin-lr80 {
            margin-left: 80px;
            margin-right: 80px;
        }
    
        .margin-lr100 {
            margin-left: 100px;
            margin-right: 100px;
        }

        .margin-lr200 {
            margin-left: 200px;
            margin-right: 200px;
        }

        .margin-lr210 {
            margin-left: 210px;
            margin-right: 210px;
        }

        .margin-lr220 {
            margin-left: 220px;
            margin-right: 220px;
        }

        .center-box {
            display: block;
            text-align: center;
        }

        .center-box span {
            display: inline-block;
            text-align: left;
            width: 500px;
        }

        .bottom-ul {
            display: table;
            text-align: left;
            margin-left: auto;
            margin-right: auto;
            list-style: none;
            padding: 0 !important;
        }
    
        .bottom-ul li {
            margin: 0 auto 5px auto;
        }


    /*アコーディオン*/
        .sp-collapse {
            max-height: 600px;
            overflow-y: scroll;
        }
    
    /*料金表*/

    /*問い合わせフォーム*/
       .form-flex {
           display: -webkit-flex;
           display: -moz-flex;
           display: -ms-flex;
           display: -o-flex;
           display: flex;
           justify-content: center;
           align-items: center;
           margin: 0 0 30px 0;
        }

       .form-flex-tarea {
           display: -webkit-flex;
           display: -moz-flex;
           display: -ms-flex;
           display: -o-flex;
           display: flex;
           justify-content: center;
           margin: 0 0 30px 0;
       }

        .form-flex .smf-item__col--label, .form-flex-tarea .smf-item__col--label {
           width: 280px;
       }

       .smf-item__col--controls {
           width: 450px;
        }

    /*Insta*/
        #sb_instagram {
            max-width: 1000px;
        }

    /*お知らせ*/
        .single-post article {
            margin: 0 100px;
        }

    /*アーカイブページ*/
        .post-list, .post-list-top {
            margin: 0 150px;
        }
    }

    @media (max-width: 991px) {
        .vk-mobile-nav nav ul li a {
            text-decoration: none !important;
        }

        #menu-item-221 {
            display: inherit;
        }

        .site-body-container, .site-body-bottom .container, .site-footer-copyright {
            background-image: none;
        }

        .center-box {
            display: block;
            text-align: center;
        }

        .center-box span {
            display: inline-block;
            text-align: left;
            width: 500px;
        }

        .bottom-ul {
            display: table;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            list-style: none;
            padding: 0 !important;
        }
    
        .bottom-ul li {
            margin: 0 auto 5px auto;
        }

        .margin-lr40, .sp-ea-one {
            margin-left: 40px;
            margin-right: 40px;
        }

        .margin-lr60-2 {
            margin-left: 60px;
            margin-right: 60px;
        }

    /*問い合わせフォーム*/
        .kojinn-jouhou {
           height: 300px;
           padding: 24px 24px 0 24px;
           margin: 0 0 20px 0;
       }

       .vk-mobile-nav .acc-btn::after {
            content: "　";
            display: block;
            height: 39px;
            width: 100vw;
            position: absolute;
            right:-18px;
            top: -7px;
       }

       .form-margin {
            margin-left: 100px !important;
            margin-right: 100px !important;
       }

    /*お知らせ*/
        .single-post article {
            margin: 0 50px;
        }

    /*アーカイブページ*/
        .post-list, .post-list-top {
            margin: 0 100px;
        }
    }

    @media (max-width: 781px) {
        .site-footer-copyright {
            text-align: center;
            padding-bottom: 30px;
        }

        .site-footer-copyright span {
            display: block;
        }

        .news-flex li, .post-list .vk_post_body {
            display: flex;
            flex-direction: column;
        }

    /*アコーディオン*/
        .sp-collapse {
            max-height: 300px;
            overflow-y: scroll;
        }

        .google-map iframe {
            max-height: 300px;
        }

        .qr-display {
            display: none !important;
        }

    /*お知らせ*/
        .single-post article {
            margin: 0;
        }

    /*アーカイブページ*/
        .post-list, .post-list-top {
            margin: 0 50px;
        }

    /*問い合わせフォーム*/
        .form-margin {
            margin-left: 50px !important;
            margin-right: 50px !important;
       }

       .yoyaku-image {
            margin: 0 50px;
        }

        .alignnormal {
            margin: 0 !important;
        }
    }

    @media (max-width: 575.98px) {
        .center-box {
            display: inline;
            text-align: left;
        }

        .center-box span {
            display: inline;
            text-align: left;
            width: inherit;
        }

    /*特定商取引*/
        h2 {
            font-size: 1.4em;
            padding-top: 10px;
        }

        .font-24 {
           font-size: 1.3em;
        }
       .font-20 {
           font-size: 1.2em;
       }

       .font-18 {
        font-size: 1.1em;
       }

       .page-title:before {
            content: "";
            background-image: url(img/obi_02.png);
            height: 30px;
            width: 7px;
            left: -6px;
            bottom: -8px;
        }

        .disp-block {
            display: block;
        }

       .tokusho-table table, .gaiyo-table table {
            border-width: 0;
            margin: 0;
            display: table;
        }

        .tokusho-table th, .gaiyo-table th {
            display: block;
            border-width: 0;
            padding: 5px 10px;
            text-align: left;
            white-space: inherit;
       }

        .tokusho-table td , .gaiyo-table td{
            display: block;
            border-width: 0;
            padding: 5px 10px 10px 10px;
        }

    /*料金表*/
        .ryoukin-table td span {
            display: block;
        }

        #ea-header-5210 {
            font-size: 17px;
        }

        .smf-form .smf-radio-buttons-control--horizontal .smf-radio-buttons-control__control > .smf-label {
            display: block;
            margin-bottom: 3px;
        }

    /*アーカイブページ*/
        .post-list, .post-list-top {
            margin: 0;
        }

    /*問い合わせフォーム*/
        .form-margin {
            margin-left: 0 !important;
            margin-right: 0 !important;
       }

       .yoyaku-image {
            margin: 0 20px;
        }
    }