@charset "UTF-8";

:root {
    --lt-blue:#0d6efd;
    --lt-indigo:#6610f2;
    --lt-purple:#6f42c1;
    --lt-pink:#d63384;
    --lt-red:#dc3545;
    --lt-orange:#fd7e14;
    --lt-yellow:#ffc107;
    --lt-green:#198754;
    --lt-teal:#20c997;
    --lt-cyan:#0dcaf0;
    --lt-black:#000;
    --lt-white:#fff;
    --lt-gray:#6c757d;
    --lt-gray-dark:#343a40;
    --lt-gray-100:#f8f9fa;
    --lt-gray-200:#e9ecef;
    --lt-gray-300:#dee2e6;
    --lt-gray-400:#ced4da;
    --lt-gray-500:#adb5bd;
    --lt-gray-600:#6c757d;
    --lt-gray-700:#495057;
    --lt-gray-800:#343a40;
    --lt-gray-900:#212529;
    --lt-navy:#273f5c;
    --lt-light-beige:#fcfaf2;
    --lt-beige:#d6cfb2;
    --lt-dark-moss:#253d0b;
    --lt-orange2:#d95825;
    --lt-blue2:#2474b3;
    --lt-blue3:#dbe8f8;
    --lt-moss:#afbf97;
    --lt-body-font-size: 16px;
    --lt-details-bg: var(--lt-gray-300);
}

[data-lt-theme=basic] {
    --lt-primary-color: var(--lt-black);
    --lt-primary-bg: var(--lt-white);
    --lt-secondary-color: var(--lt-black);
    --lt-secondary-bg: var(--lt-gray-300);
    --lt-tertiary-color: var(--lt-white);
    --lt-tertiary-bg: var(--lt-navy);
    --lt-quaternary-color: var(--lt-black);
    --lt-quaternary-bg: var(--lt-blue3);

    --lt-body-color: var(--lt-black);
    --lt-body-bg: var(--lt-white);
    --lt-content-color: var(--lt-black);
    --lt-content-bg: var(--lt-white);
    --lt-pblk-title-direction: column-reverse;
    --lt-pblk-padding:10px;
    --lt-btn-color: var(--lt-white);
    --lt-btn-bg: var(--lt-navy);
    --lt-link-color: var(--lt-primary-color);
    --lt-part-color: var(--lt-black);
    --lt-part-bg: var(--lt-white);
    --lt-h3-bg: var(--lt-quaternary-bg);

    --lt-c0-link-color: var(--lt-primary-color);
    --lt-c0-btn-color: var(--lt-tertiary-color);
    --lt-c0-btn-bg: var(--lt-tertiary-bg);
    --lt-c0-content-color: var(--lt-primary-color);
    --lt-c0-content-bg: var(--lt-primary-bg);
    --lt-c1-link-color: var(--lt-secondary-color);
    --lt-c1-btn-color: var(--lt-secondary-color);
    --lt-c1-btn-bg: var(--lt-primary-bg);
    --lt-c1-content-color: var(--lt-secondary-color);
    --lt-c1-content-bg: var(--lt-secondary-bg);
    --lt-c2-link-color: var(--lt-tertiary-color);
    --lt-c2-btn-color: var(--lt-primary-color);
    --lt-c2-btn-bg: var(--lt-primary-bg);
    --lt-c2-content-color: var(--lt-tertiary-color);
    --lt-c2-content-bg: var(--lt-tertiary-bg);

    --lt-start-link-color: var(--lt-primary-color);
    --lt-start-btn-color: var(--lt-tertiary-color);
    --lt-start-btn-bg: var(--lt-tertiary-bg);
    --lt-start-content-color: var(--lt-primary-color);
    --lt-start-content-bg: var(--lt-primary-bg);

    --lt-end-link-color: var(--lt-tertiary-color);
    --lt-end-btn-color: var(--lt-primary-color);
    --lt-end-btn-bg: var(--lt-primary-bg);
    --lt-end-content-color: var(--lt-white);
    --lt-end-content-bg: var(--lt-black);

    --lt-h1-color: var(--lt-c2-content-color);
    --lt-h1-bg: var(--lt-c2-content-bg);
}
[data-lt-theme=test1] {
    --lt-primary-color: var(--lt-dark-moss);
    --lt-primary-bg: var(--lt-light-beige);
    --lt-secondary-color: var(--lt-dark-moss);
    --lt-secondary-bg: var(--lt-beige);
    --lt-tertiary-color: var(--lt-white);
    --lt-tertiary-bg: var(--lt-dark-moss);
    --lt-quaternary-color: var(--lt-black);
    --lt-quaternary-bg: var(--lt-moss);
  
    --lt-body-color: var(--lt-dark-moss);
    --lt-body-bg: var(--lt-light-beige);
    --lt-content-color: var(--lt-dark-moss);
    --lt-content-bg: var(--lt-light-beige);
    --lt-pblk-padding:10px;
    --lt-btn-color: var(--lt-white);
    --lt-btn-bg: var(--lt-dark-moss);
    --lt-link-color: var(--lt-primary-color);

    --lt-part-color: var(--lt-dark-moss);
    --lt-part-bg: var(--lt-light-beige);
    --lt-h3-bg: var(--lt-quaternary-bg);

    --lt-c0-link-color: var(--lt-primary-color);
    --lt-c0-btn-color: var(--lt-tertiary-color);
    --lt-c0-btn-bg: var(--lt-tertiary-bg);
    --lt-c0-content-color: var(--lt-primary-color);
    --lt-c0-content-bg: var(--lt-primary-bg);
    --lt-c1-link-color: var(--lt-secondary-color);
    --lt-c1-btn-color: var(--lt-secondary-color);
    --lt-c1-btn-bg: var(--lt-primary-bg);
    --lt-c1-content-color: var(--lt-secondary-color);
    --lt-c1-content-bg: var(--lt-secondary-bg);
    --lt-c2-link-color: var(--lt-tertiary-color);
    --lt-c2-btn-color: var(--lt-primary-color);
    --lt-c2-btn-bg: var(--lt-primary-bg);
    --lt-c2-content-color: var(--lt-tertiary-color);
    --lt-c2-content-bg: var(--lt-tertiary-bg);

    --lt-start-link-color: var(--lt-tertiary-color);
    --lt-start-btn-color: var(--lt-primary-color);
    --lt-start-btn-bg: var(--lt-primary-bg);
    --lt-start-content-color: var(--lt-tertiary-color);
    --lt-start-content-bg: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(https://picsum.photos/id/20/1600/700);

    --lt-end-link-color: var(--lt-tertiary-color);
    --lt-end-btn-color: var(--lt-primary-color);
    --lt-end-btn-bg: var(--lt-primary-bg);
    --lt-end-content-color: var(--lt-white);
    --lt-end-content-bg: var(--lt-gray-900);

    --lt-h1-color: var(--lt-c2-content-color);
    --lt-h1-bg: var(--lt-c2-content-bg);
}

[data-lt-theme=test2] {
    --lt-primary-color: var(--lt-white);
    --lt-primary-bg: var(--lt-blue2);
    --lt-secondary-color: var(--lt-black);
    --lt-secondary-bg: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),url(common/img/bg-test.jpg);
    --lt-tertiary-color: var(--lt-white);
    --lt-tertiary-bg: var(--lt-navy);
    --lt-quaternary-color: var(--lt-black);
    --lt-quaternary-bg: var(--lt-blue3);

    --lt-body-color: var(--lt-black);
    --lt-body-bg: var(--lt-white);
    --lt-content-color: var(--lt-black);
    --lt-content-bg: var(--lt-white);
    --lt-pblk-title-direction: column-reverse;
    --lt-pblk-padding:10px;
    --lt-btn-color: var(--lt-white);
    --lt-btn-bg: var(--lt-navy);
    --lt-link-color: var(--lt-black);
    --lt-part-color: var(--lt-black);
    --lt-part-bg: var(--lt-white);
    --lt-h3-bg: var(--lt-blue3);

    --lt-c0-link-color: var(--lt-primary-color);
    --lt-c0-btn-color: var(--lt-tertiary-color);
    --lt-c0-btn-bg: var(--lt-tertiary-bg);
    --lt-c0-content-color: var(--lt-primary-color);
    --lt-c0-content-bg: var(--lt-primary-bg);
    --lt-c1-link-color: var(--lt-secondary-color);
    --lt-c1-btn-color: var(--lt-secondary-color);
    --lt-c1-btn-bg: var(--lt-primary-bg);
    --lt-c1-content-color: var(--lt-secondary-color);
    --lt-c1-content-bg: var(--lt-secondary-bg);
    --lt-c2-link-color: var(--lt-tertiary-color);
    --lt-c2-btn-color: var(--lt-primary-color);
    --lt-c2-btn-bg: var(--lt-primary-bg);
    --lt-c2-content-color: var(--lt-tertiary-color);
    --lt-c2-content-bg: var(--lt-tertiary-bg);

    --lt-start-link-color: var(--lt-primary-color);
    --lt-start-btn-color: var(--lt-tertiary-color);
    --lt-start-btn-bg: var(--lt-tertiary-bg);
    --lt-start-content-color: var(--lt-primary-color);
    --lt-start-content-bg: var(--lt-primary-bg);

    --lt-end-link-color: var(--lt-tertiary-color);
    --lt-end-btn-color: var(--lt-primary-color);
    --lt-end-btn-bg: var(--lt-primary-bg);
    --lt-end-content-color: var(--lt-white);
    --lt-end-content-bg: var(--lt-black);

    --lt-h1-color: var(--lt-c2-content-color);
    --lt-h1-bg: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(https://picsum.photos/id/378/1600/300);
}

[data-lt-theme=test3] {
    --lt-primary-color: var(--lt-black);
    --lt-primary-bg: var(--lt-white);
    --lt-secondary-color: var(--lt-black);
    --lt-secondary-bg: var(--lt-beige);
    --lt-tertiary-color: var(--lt-white);
    --lt-tertiary-bg: var(--lt-orange2);
    --lt-quaternary-color: var(--lt-black);
    --lt-quaternary-bg: var(--lt-orange);

    --lt-body-color: var(--lt-black);
    --lt-body-bg: var(--lt-white);
    --lt-content-color: var(--lt-black);
    --lt-content-bg: var(--lt-white);
    --lt-pblk-subtitle-pos: static;
    --lt-pblk-padding:10px;
    --lt-btn-color: var(--lt-white);
    --lt-btn-bg: var(--lt-black);

    --lt-link-color: var(--lt-primary-color);

    --lt-part-color: var(--lt-black);
    --lt-part-bg: var(--lt-white);
    --lt-h3-bg: var(--lt-secondary-bg);

    --lt-c0-link-color: var(--lt-primary-color);
    --lt-c0-btn-color: var(--lt-white);
    --lt-c0-btn-bg: var(--lt-black);
    --lt-c0-content-color: var(--lt-primary-color);
    --lt-c0-content-bg: var(--lt-primary-bg);
    --lt-c1-link-color: var(--lt-secondary-color);
    --lt-c1-btn-color: var(--lt-secondary-color);
    --lt-c1-btn-bg: var(--lt-primary-bg);
    --lt-c1-content-color: var(--lt-secondary-color);
    --lt-c1-content-bg: var(--lt-secondary-bg);
    --lt-c2-link-color: var(--lt-tertiary-color);
    --lt-c2-btn-color: var(--lt-primary-color);
    --lt-c2-btn-bg: var(--lt-primary-bg);
    --lt-c2-content-color: var(--lt-tertiary-color);
    --lt-c2-content-bg: var(--lt-tertiary-bg);

    --lt-start-link-color: var(--lt-tertiary-color);
    --lt-start-btn-color: var(--lt-white);
    --lt-start-btn-bg: var(--lt-black);
    --lt-start-content-color: var(--lt-tertiary-color);
    --lt-start-content-bg: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(https://picsum.photos/id/157/1600/600);

    --lt-end-link-color: var(--lt-tertiary-color);
    --lt-end-btn-color: var(--lt-primary-color);
    --lt-end-btn-bg: var(--lt-primary-bg);
    --lt-end-content-color: var(--lt-white);
    --lt-end-content-bg: var(--lt-gray-900);

    --lt-h1-color: var(--lt-c2-content-color);
    --lt-h1-bg: var(--lt-c2-content-bg);
}

body {
    color: var(--lt-body-color);
    background: var(--lt-body-bg);
    font-size: var(--lt-body-font-size);
}


.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.pblk-info > hgroup {
    display:flex;
    flex-direction:var(--lt-pblk-title-direction,column);
    line-height:1.4;
    margin-bottom:20px;
}

.pblk-info > hgroup > h2 {
    font-size:30px;
    font-weight: bold;
    margin:0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .pblk-info > hgroup > h2 {
        font-size:24px;
        margin-bottom:0px;
    }
}

.pblk-info > hgroup > p {
    font-size:16px;
    font-weight: bold;
    margin:0px;
}

.slides-content img {
    border: var(--lt-slides-img-border);
    border-radius: var(--lt-slides-img-br);
}

.pblk {
    color: var(--lt-content-color);
    background: var(--lt-content-bg);
    background-size: cover;
}

.pblk-c0 {
    --lt-link-color: var(--lt-c0-link-color);
    --lt-btn-color: var(--lt-c0-btn-color);
    --lt-btn-bg: var(--lt-c0-btn-bg);
    --lt-content-color: var(--lt-c0-content-color);
    --lt-content-bg: var(--lt-c0-content-bg);
}
.pblk-c1 {
    --lt-link-color: var(--lt-c1-link-color);
    --lt-btn-color: var(--lt-c1-btn-color);
    --lt-btn-bg: var(--lt-c1-btn-bg);
    --lt-content-color: var(--lt-c1-content-color);
    --lt-content-bg: var(--lt-c1-content-bg);
}
.pblk-c2 {
    --lt-link-color: var(--lt-c2-link-color);
    --lt-btn-color: var(--lt-c2-btn-color);
    --lt-btn-bg: var(--lt-c2-btn-bg);
    --lt-content-color: var(--lt-c2-content-color);
    --lt-content-bg: var(--lt-c2-content-bg);
}

.pblk-c100 {
    --lt-link-color: var(--lt-start-link-color);
    --lt-btn-color: var(--lt-start-btn-color);
    --lt-btn-bg: var(--lt-start-btn-bg);
    --lt-content-color: var(--lt-start-content-color);
    --lt-content-bg: var(--lt-start-content-bg);
}

.pblk-c101 {
    --lt-link-color: var(--lt-end-link-color);
    --lt-btn-color: var(--lt-end-btn-color);
    --lt-btn-bg: var(--lt-end-btn-bg);
    --lt-content-color: var(--lt-end-content-color);
    --lt-content-bg: var(--lt-end-content-bg);
}

.pblk-h1 {
    --lt-content-color: var(--lt-h1-color);
    --lt-content-bg: var(--lt-h1-bg);
}


a {
    color: var(--lt-link-color);
}

.lt-link {
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 0;
    color: var(--lt-link-color);
    margin-bottom:10px;
}

.lt-btn {
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 0;
    color: var(--lt-btn-color);
    background: var(--lt-btn-bg);
}

.lt-btn-outline {
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding: 5px;
    color: var(--lt-content-color);
    border: 2px solid var(--lt-content-color);
    background: none;;
    margin-bottom:10px;
}

.lt-btn-r {
    border-radius: 20px;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 10px;
    color: var(--lt-btn-color);
    background: var(--lt-btn-bg);
    border:none;
    margin:0px;
    line-height:1.3;
}
.lt-btn-r:hover,
.lt-btn-r:active,
.lt-btn-r:focus
{
    border-radius:20px;
    opacity:.8;
    border:none;
    color: var(--lt-btn-color);
    background: var(--lt-btn-bg);
}

.lt-btn-danger {
    color: var(--lt-white);
    background: var(--lt-red);
}

.lt-btn-danger:hover,
.lt-btn-danger:active,
.lt-btn-danger:focus
 {
    color: var(--lt-white);
    background: var(--lt-red);
}

.lt-item {
    display: inline-block;
    img {
        width:100%;
    }
    i {
        margin-right:10px;
    }
}
li.lt-item:not(:last-child) { 
    margin-bottom: 10px;  
}

.pblk-p-0 {
    padding: 0px;
}

.pblk-p-1{
    padding-top: 20px;
    padding-bottom: 20px;
}
.pblk-p-2{
    padding-top: 40px;
    padding-bottom: 40px;
}
.pblk-p-3{
    padding-top: 60px;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .pblk-p-1{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .pblk-p-2{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pblk-p-3{
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.lt-col-1,
.lt-col-2,
.lt-col-3,
.lt-col-4,
.lt-col-5,
.lt-col-6,
.lt-col-7,
.lt-col-8,
.lt-col-9,
.lt-col-10,
.lt-col-11 {
    width:100%;
}

@media screen and (min-width: 768px) {
    .lt-col-1  { width:8%; }
    .lt-col-2  { width:17%; }
    .lt-col-3  { width:25%; }
    .lt-col-4  { width:33%; }
    .lt-col-5  { width:42%; }
    .lt-col-6  { width:50%; }
    .lt-col-7  { width:58%; }
    .lt-col-8  { width:66%; }
    .lt-col-9  { width:75%; }
    .lt-col-10 { width:83%; }
    .lt-col-11 { width:92%; }
    .lt-col-12 { width:100%; }
}


@media screen and (max-width: 767px) {
    .pblk-info {
        width:92%;
        margin:0 auto;
    }
}

.lt-list-inline {
    list-style: none;
    padding:0px;
        .lt-item {
    }
}

.lt-list-col {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    padding:0px;
    margin:0px;
}

.lt-list-row {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    padding:0px;
}
.lt-list-row2 {
    list-style: none;
    padding:0px;
}

@media screen and (min-width: 768px) {
    .lt-list-inline {
        .lt-item {
            img {
              width:95%
            }
        }
    }
    .lt-list-row2 {
        .lt-link {
            padding:0px;
        }
        .lt-item {
    	float:left;
            width:40%;
            margin-bottom:10px;
        }
        .lt-item:nth-child(2n) {
            float:right;
        }
    }
    .lt-list-row2:after {
        content:"";
        display:block;
        clear:both;
    }
}

.profile {
    float:right;
    width:320px;
    height:100px;
    padding:20px 0 0 0px;
    ul {
        display:flex;
        justify-content: end;
        list-style;none;
        padding
    }
    li {
        margin:0px;
        margin-top:6px;
        margin-left:10px;
        box-sizing:border-box;
        font-size:14px;
        font-family: "Zen Kaku Gothic New-Bold", Helvetica;
        font-weight: 700;
        display: flex;
        width: 135px;
        height: 34px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 5px 18px;
        position: relative;
        background-color: var(--lt-btn-bg);
        border-radius: 5px;
        a {
            color: var(--lt-btn-color);
        }
        i {
            font-size:24px;
        }
    }
}

@media screen and (max-width: 767px) {
    .profile {
        float:none;
        width:100%;
        height:31px;
        padding: 0px;
        border:none;
        margin:0px;
        ul {
            margin:0px;
            padding:0px;
        }
        li {
            margin-top:0;
            margin-left:0px;
            width:100%;
            border-radius: 0px;
        }
        li:first-of-type {
            margin-right: 1px;
        }
    }
}

.pblk-fl .slides-content {
    width:1040px;
    padding-bottom:20px;
}

@media screen and (max-width: 767px) {
    .pblk {
        h1 {
            font-size:22px;
        }
    }

    .pprt-content {
        width:92%;
    }
    .review-slides-content,
    .blog-slides-content,
    .menu-slides-content,
    .staff-slides-content {
        width:80%;
    }

    .custom-menu-content,
    .top-menu-content,
    .company-logo-content {
        width:100%;
    }
    .pblk-fl .slides-content {
        width:100%;
    }
}

.dl-list-ul {
    padding: 0px;
    list-style:none;
    .dl-list-content {
    padding: 10px;
    dt {
        font-size:20px;
        font-weight:bold;
    }
    dd {
        margin: 0px;
    }

    }
    img {
        width:100%;
    }
}

@media screen and (min-width: 768px) {
    .dl-list-ul {
        .dl-list-pic {
            width:50%;
        }
        .dl-list-content {
            width:45%;
        }
    }
    .dl-list-ul li:nth-child(n+1) .dl-list-pic {
        float:left;
    }

    .dl-list-ul li:nth-child(n+1) .dl-list-content {
        float:right;
    }

    .dl-list-ul li:nth-child(2n) .dl-list-pic {
        float:right;
    }

    .dl-list-ul li:nth-child(2n) .dl-list-content {
        float:left;
    }

    .pblk-md, pblk-wd {
        width: 92%;
    }
    .pblk-fl {
        width: 100%;
    }

}

@media screen and (min-width: 768px) {
    .pblk-md {
        width:66%
    }
    .pblk-wd {
        width:83%
    }
}

@media screen and (min-width: 1200px) {
    .pblk-md {
        width:50%
    }
    .pblk-wd {
        width:66%
    }
}

@media screen and (min-width: 768px) {
    .pblk-info-left {
        display:flex;
        flex-direction:row;
        align-items:flex-start;

        .pblk-desc {
            padding-right: 10px;
        }
    }
    .pblk-info-left .pblk-info {
        width:40%;
    }

    .pblk-info-left .pblk-parts {
        width:60%;
    }
    .pblk-info-left:after{
        content:"";
        display:block;
        clear:both;
    }
    .pblk-info-right {
        display:flex;
        flex-direction:row-reverse;
        align-items:flex-start;
        .pblk-desc {
            padding-left: 20px;
        }
    }
    .pblk-info-right .pblk-info {
        width:40%;
    }

    .pblk-info-right .pblk-parts {
        width:60%;
    }
}

.pblk {
    .accordion-button {
        font-size:var(--lt-body-font-size);
        color:var(--lt-content-color);
        background:none;
    }
    .accordion-button:not(.collapsed) {
        color:var(--lt-content-color);
        box-shadow:none;
        background:none;
    }
    .accordion-button:hover {
        background: rgba(255,255,255,0.3);
    }
}
.pcnt {
    .accordion-item {
        border:none;
    }
}