/**
 *  Common Style
 **/
/* UK */
.uk-padding-xsmall {
    padding: 5px;
}
.uk-button-hot {
    background-color: #f0831e;
    color: white;
}
.uk-button-hot:hover {
    background-color: #f8b617;
    color: white;
}
.uk-button-hot a {
    cursor: pointer !important;
}
.line-height-middle {
    line-height: 1.8;
}
.text-primary {
    /* color: #666666; */
    /* color: #a94600; */
    color: #de6b00;
}
.uk-button-warning {
    background-color: #f0891e;
    color: #fff;
    border: 1px solid transparent;
}
/* Header */
.uk-logo {
    height: 50px;
}
/* Text */
p {
    line-height: 2;
}
.font2 {
    font-family: tbcgothic-std, sans-serif;
}
.font3 {
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
h4 {
    line-height: 1.7;
}
/* Link */
a:hover {
    color: #f8b617;
    transition: .1s all linear;
    text-decoration: none;
}
.link-secondary {
    color: #222;
}
/* Border */
.rounded {
    border-radius: 5px;
    overflow: hidden;
}
/* Table */
.table-title:after {
    content: "";
    margin-top: 15px;
    height: 2px;
    width: 70px;
    background-color: #f8b617;
    display: block;
}
/* Button */
button[disabled="disabled"],
button[disabled="disabled"]:hover {
    background-color: #ccc;
}
.custom-button {
    padding: 15px 0;
    text-align: center;
    width: 100%;
    border-radius: 15px;
}

.custom-button-primary {
    border-top: 3px solid #1e87f0;
}

.custom-button-primary:hover,
.active.custom-button-primary {
    background-color: #d8eafc;
    border-color: #1e87f0;
}

.custom-button-success {
    border-top: 3px solid #32d296;
}

.custom-button-success:hover,
.active.custom-button-success {
    background-color: #edfbf6;
    border-color: #32d296;
}

.custom-button-warning {
    border-top: 3px solid #faa05a;
}

.custom-button-warning:hover,
.active.custom-button-warning {
    background-color: #fff6ee;
    border-color: #faa05a;
}

.custom-button-danger {
    border-top: 3px solid #f0506e;
}

.custom-button-danger:hover,
.active.custom-button-danger {
    background-color: #fef4f6;
    border-color: #f0506e;
}
/* Header */
header > div {
    /* border-bottom: 3px solid #f8b617; */
    box-shadow: 0 0 2px 2px #ddd;
}
header a:hover {
    background-color: #efefef;
}
header .link-type-secondary {
    background-color: #f0831e;
    color: white !important;
    text-decoration: underline !important;
}
header .link-type-secondary:hover,
header .link-type-secondary:active {
    /* background-color: #d67115; */
    background-color: #f8b617;
    transition: .1s all linear;
}
.uk-navbar-nav li.active a {
    border-bottom: 3px solid #f8b617;
}
.shop-nav {
    background-color: #fff1e1;
}
.shop-nav a {
    color: #666 !important;
}
/* Footer */
footer {
    /* border-top: 1px solid #e5e5e5; */
    border-top: 3px solid #f8b617;
    /* background-color: #fffcf6; */
    /* background-color: #fffdfa; */
    color: #222;
    padding-bottom: 0 !important;
}
footer .uk-width-1-3\@m {
    border-right: 1px solid #e5e5e5;
}
footer .uk-width-1-3\@m:last-child {
    border-right: none;
}
footer .uk-list li {
    margin-top: 7px !important;
}
footer .uk-list li a {
    color: #222;
}
footer .uk-list li a:hover {
    color: #f8b617;
}
footer .uk-list li:first-child {
    margin-top: 0;
}
td.holiday {
    background-color: #fff2f2;
}
/**
 *  Index
 **/
.container-block {
    position: relative;
}
.container-block::before {
    content: "";
    display: block;
    position: absolute;
    color: white;
    top: 30px;
    left: 30px;
    font-size: 60px;
    z-index: 1;
    font-family: tbcgothic-std, sans-serif;
}
.container-block::after {
    content: "";
    width: 1px;
    height: 70vh;
    background-color: #dadada;
    position: absolute;
    left: 50px;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
}
.container-service::before {
    content: "Service";
    color: #dadada;
    background-color: #f8f8f8;
}
.container-material::before {
    content: "Material";
    color: #dadada;
    background-color: #fff;
}
.contact-box {
    width: 300px;
    background-color: #f0831e;
    padding: 18px 45px;
    font-size: 20px;
    color: white;
    border-radius: 5px;
}
.contact-box:hover {
    color: white;
    background-color: #d26f14;
}
.contact-box i {
    position: relative;
    top: -3px;
    right: 5px;
}
.tel-box p {
    line-height: 1.5;
}
.tel-box a {
    color: #333;
    font-size: 34px;
}
/**
 *  Achievement
 **/
/* Uk-Card-Hot */
.uk-card-hot {
    background-color: #fffdfa;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);
}
.uk-card-hot .uk-card-inner {
    border: 2px dotted #9c6a3a;
    border-radius: 10px;
    padding: 5px;
}
.uk-card-hot .uk-card-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
.uk-card-hot .uk-card-body p {
    line-height: 1.7;
    font-size: 15px;
    margin-top: 10px;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
}
/* Uk-Card */
.uk-card .img-box {
    height: 250px;
    overflow: hidden;
    position: relative;
    /* border-radius: 10px 10px 0 0; */
}
.uk-card .img-box .before,
.uk-card .img-box .after {
    display: flex;
    align-items: center;
    justify-content: center;
}
.uk-card .img-box img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    max-width: unset;
}
.uk-card .img-box .before,
.uk-card .img-box .after {
    opacity: 1;
    transition: .2s all linear;
}
.uk-card .img-box .before:hover {
    opacity: 0;
    transition: .2s all linear;
}
.uk-background-transparent {
    background-color: transparent;
}
/**
 *  FAQ
 **/
.faq-box p:first-child::after {
    content: "";
    width: 100px;
    height: 2px;
    background-color: #f8b617;
    position: relative;
    display: block;
}
/**
 *  Order Flow
 **/
.step-block {
    position: relative;
}
.step-block div h4 {
    margin-bottom: 10px;
}
.step-block div p {
    margin-top: 0;
    padding-bottom: 40px;
    margin-bottom: 10px;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #b3b3b3;
}
.step-block div.step-end p {
    border-left: none;
}
.step-block .step {
    color: #494949;
    font-weight: bold;
}
.step-block a {
    color: #666;
    text-decoration: underline;
}
.step-block a:hover {
    color: #f8b617;
}
.step-nav.uk-subnav-pill>.uk-active>a {
    background-color: #333;
}
/**
 * Post
 **/
.post-block .uk-card-body {
    padding-left: 0;
    padding-right: 0;
}
.tag-box {
    background-color: #696969;
    color: white;
    padding: 2px 7px;
    font-size: 12px;
    border-radius: 5px;
    margin-right: 5px;
}
.tag-box a {
    color: white;
}
.tag-box a:hover {
    text-decoration: underline;
}
.post-link {
    font-size: 14px;
    color: #666;
}
.post-ba-image {
    width: 350px;
    height: 350px;
    overflow: hidden;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
}
.post-ba-image img {
    max-width: unset;
    height: 100%;
}
.post-image-small {
    width: 200px;
    height: 200px;
}
.ba-label {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ccc;
    padding: 2px 15px;
    font-size: 12px;
    width: 40px;
    text-align: center;
}
.post-ba-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/**
 *  Calender
 **/
/*全体*/
.wrapper{
    max-width: 600px;
    margin: 0 auto;
    color: #666;
}
#header {
    text-align: center;
    font-size: 24px;
    width: 100%;
    margin: 1rem 0 0;
}
/*カレンダー*/
#calendar {
    text-align: center;
    width: 100%;
}
.calendar-wrapper table {
    outline: 2px solid #ddd;
    border-collapse: collapse;
    width: 100%;
}
.calendar-wrapper th {
    color: #000;
    background: #efefef;
}
.calendar-wrapper th, 
.calendar-wrapper td {
    outline: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    font-size: 12px;
}
/*日曜日*/
.calendar-wrapper td:first-child {
    color: red;
}
/*土曜日*/
.calendar-wrapper td:last-child {
    color: blue;
}
/*前後月の日付*/
.calendar-wrapper td.disabled {
    color: #ccc;
}
/*本日*/
.calendar-wrapper td.today {
    background-color: #D65E72;
    color: #fff;
}

/*ボタン*/
#next-prev-button {
    position: relative;
}
#next-prev-button button{
    cursor: pointer;
    background: #B78D4A;
    color: #fff;
    border: 1px solid #B78D4A;
    border-radius: 4px;
    font-size: 1rem;
    padding: 0.5rem 2rem;
    margin: 1rem 0;
}
#next-prev-button button:hover{
    background-color: #D4BB92;
    border-color: #D4BB92;
}
#prev {
    float: left;
}
#next {
    float: right;
}
/* カート */
.radio-block li {
    border: 1px solid;
}
.radio-block li.checked {
    background-color: rgba(30, 135, 240, 0.1);
    border-color: #8ca7c1;
}
.order-box {
    padding: 15px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    margin-bottom: 30px;
    z-index: 1;
}
/* Media Query
================================================ */
/* 大ディスプレイ */
@media screen 
    and (min-width: 1200px) {}
/* 小ディスプレイ */
@media screen 
    and (max-width: 1024px) {}
/* タブレット（Landscape） */
@media screen 
    and (min-width: 769px) 
    and (max-width: 1024px) {}
/* タブレット（Portrait） */
@media screen 
    and (min-width: 736px)
    and (max-width: 768px) {}
/* タブレット（Portrait） + スマートフォン */
@media screen 
    and (max-width: 768px) {
        /* Common */
        .font-adjustment-88 {
            font-size: 88%;
        }
        .font-adjustment-95 {
            font-size: 95%;
        }
        .font-adjustment-90 {
            font-size: 90%;
        }
        .font-adjustment-r16 {
            font-size: 1.6rem;
        }
        /* Header */
        .uk-logo {
            height: 40px;
        }
        .uk-navbar-item,
        .uk-navbar-nav>li>a,
        .uk-navbar-toggle {
            min-height: 60px;
        }
        /*  */
        .container-block::before,
        .container-block::after {
            display: none;
        }
        /* post */
        .post-ba-image {
            width: 350px;
            height: 350px;
            max-width: 100%;
        }
        .post-ba-arrow {
            margin-bottom: 15px !important;
        }
        /* カート */
        .user-nav-block {
            padding-left: 15px;
        }

        .user-nav-block .uk-grid-margin {
            margin-top: 10px;
        }

        .user-nav-block .uk-width-1-2 {
            padding-left: 15px;
        }

        .user-nav-block .custom-button {
            padding: 20px 0;
        }

        .user-nav-block h3 {
            font-size: 1rem;
        }

        .user-nav-block i.uk-icon {
            margin: 0;
        }

        .user-nav-block svg {
            width: 20px;
        }
    }
/* スマートフォン */
@media screen 
    and (max-width: 736px) {}
/* スマートフォン */
@media screen 
    and (max-width: 320px) {}