/*
Theme Name:NO BORDER-CHILD
Template:noborder
Version:1.79
*/

/*全てに適応*/
body {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1 {

    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;

}

h2 {
    position: relative;
}

h2:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #333;
    bottom: -5px;
    left: 50%;
    width: 40px;
    margin-left: -20px;
}

.content01-title {
    margin-bottom: 50px;
}



img.h_logo {
    height: 80px;
    width: auto;
}

.logo-image {
    top: 10px;
}

.top-slider-content-inner {
    background: initial;
}

.top-slider-logo {
    width: 300px;
    margin-bottom: 0;
    filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

.top-slider-content-inner:hover {
    background: initial;
}

.top-slider-content-inner:after {
    color: #fff !important;
    font-weight: 600;
    filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
}

.global-nav>ul>li {
    padding: 20px 0;
}

.global-nav>ul>li>a {
    font-weight: 600;
    font-size: 17px;
    line-height: 60px;
    padding: 0 15px;
}

h2.content01-title,
h2.headline-primary,
h2.column-layout03-title {
    font-size: 30px;
}

p.content01-text,
p.column-layout03-text,
p.content02-text {
    font-size: 16px;
}

.content02 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.f_logo {
    width: 200px;
}

.top_menu_box_cover {
    display: flex;
    justify-content: space-around;
    width: 96%;
    margin: 0 auto;
    flex-wrap: wrap;
}

.top_menu_box {
    width: 22%;
}

.top_menu_box_img img {
    width: 100%;
}

.top_menu_content {
    margin: 10px 0 0;
    line-height: 1.4;
    padding: 0 5px;
}

.top_menu_category {
    font-size: 19px;
    font-weight: 600;
}

.top_menu_text {
    font-size: 15px;
}

.seemore {
    width: 200px;
    border: 1px solid #333;
    line-height: 60px;
    text-align: center;
    margin: 30px auto 0;
}

.seemore a {
    display: block;
    font-size: 15px;
    background: #fff;
}

.seemore a:hover {
    opacity: 0.6;
}

.top_access_cover {
    display: flex;
    justify-content: space-around;
    margin: 0 auto 50px;
    max-width: 1150px;
}

.top_access_img,
.top_access {
    width: 46%;
}

.top_access .top_menu_category {
    margin-bottom: 8px;
}

.top_access .content01-text {
    line-height: 1.4;
    margin-bottom: 25px;
    text-align: left;
}

.top_access_img img {
    width: 100%;
}

.top_access .seemore {
    margin: 30px 0 0;
}

h2.column-layout03-title {
    text-align: center;
    margin-top: 30px;
}

.column-layout03 .button {
    margin-bottom: 30px;
    margin-top: 30px;
}

.sp_open {
    display: none;
}

.pc_open {
    display: block;
}

.button {
    margin-bottom: 0px;
}

.article03-title {
    height: inherit;
    margin-bottom: 0;

}

.footer {
    margin-top: 0;
    background: #f6f6f6;
}

.footer-gallery,
.footer-nav-wrapper {
    display: none;
}

.footer-content {
    background: #ede5d6;
    padding: 60px 0;
    width: 100%;
    margin: 60px auto 0;
}

.footer-logo {
    margin-bottom: 0;
    width: 100%;
}

.button a {
    background: #765e4f;
}

.button a:hover {
    opacity: 0.6;
}

/*


トップ以外のページ




*/
.post-content h1,
h1.archive-title,
h1.post-title,
h2.headline-font-type {
    font-weight: 600;
    font-size: 30px !important;
    text-align: center;
    color: #765e4f;
    margin-bottom: 36px;
    position: relative;
    padding: 0;
}

.post-content h1:after,
h1.archive-title:after,
h1.post-title:after,
h2.headline-font-type:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #333;
    bottom: -5px;
    left: 50%;
    width: 40px;
    margin-left: -20px;

}

.post-header {
    margin: 60px auto 60px;
}

.menu {
    text-align: center;
}

div.signage-title {
    font-size: 40px !important;
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
    font-weight: 600;
}

.post-content h2,
.post-header h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.4;
}

.post-content h3 {
    font-size: 21px;
}

.post-content h4 {
    font-size: 19px;
}

.post-content p {
    font-size: 16px;
}

.post-content p.notice {
    text-align: center;
}

.menu_box {
    display: flex;
    margin-bottom: 32px;
}

.menu_box_img {
    width: 40%;
    margin-right: 3%;
}

.menu_box_img img {
    width: 100%;
    margin-bottom: 5px;
}

.menu_img_text {
    font-size: 90%;
    margin: 5px;
}

.post-content ul.products {
    margin-left: 0;
}

.menu_box .products {
    width: 57%;
}

.products .product {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #999;
    justify-content: space-between;
}

.menu_box .products,
.products .product {
    font-size: 16px;
}

.menu .productPrice {
    margin-bottom: 0;
    line-height: 2.6;
    padding: 0 10px;
}

.menu .productName {
    font-weight: normal;
    line-height: 2.6;
    padding: 0 10px;
    max-width: 60%;
}

.product_text {
    line-height: 1.6;
    padding: 10px;
    font-size: 90%;
}

.post-content ul.menu_list {
    display: flex;
    list-style: none;
    margin-left: 0;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 40px;
}

.post-content ul.menu_list li {
    width: 30%;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #333;
}

.menu_list li a {
    display: block;
}

/*ギャラリーサイズ調整*/
#gallery {
    margin: 0px 0 0 0.9rem;
}

/*パーティーメニュー*/
.party {
    text-align: center;
    line-height: 2;
    margin-bottom: 16px;

}

.post-content .party_plan_cover {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    argin-top: 40px;
}

.post-content .party_plan {
    width: 42%;
    background: #eee;
    padding: 24px;
    height: 100%;
    box-sizing: border-box;
    margin-bottom: 34px;
}

.post-content .party_plan h3 {
    text-align: center;
    margin-bottom: 16px;

}

.post-content .party_plan p {
    margin-bottom: 0;
}

.post-content .party_plan img {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.post-content .party_plan dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
}

.post-content .party_plan dl dt {
    width: 25%;
    border-bottom: 1px solid #333;
    margin-bottom: 0;
    padding: 8px;
    box-sizing: border-box;
}

.post-content .party_plan dl dd {
    border-bottom: 1px solid #333;
    width: 70%;
    margin-bottom: 0;
    padding: 8px;
    box-sizing: border-box;

}

.post-content .party_plan dl dd ul {
    list-style: disc;
}

.post-content .party_plan .precaution {
    font-size: 80%;
    line-height: 1.4;
}

.post-content .party_plan .recommend {
    line-height: 2.2;
}

.breadcrumb {
    font-size: 16px !important;

}

.wpcf7 {

    max-width: 800px;
    margin: 0 auto 2.5em !important;
    box-sizing: border-box;

}

.blog-title {
    font-size: 16px;
    font-weight: 600;
    color: #765e4f;
    line-height: 1.2;
}

.post-content .top-blog p {
    margin: 0;

}

.headline-font-type {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;

}

.archive-header {

    margin: 60px 0 0;

}

.pagination {

    text-align: center;
    margin-top: 30px;

}

.pagination span,
.pagination a {
    padding: 0 5px;
}

.article03-meta {
    line-height: 2 !important;
    font-size: 16px;
    color: #333;
}

.headline-primary {
    margin: 90px 0 50px;
}

.article03 {
    margin: 0 10px 30px 0;
}

#atrsb {
    margin-bottom: 30px;
}

.splide__slide img {
    height: auto;
    width: 100%;
}

.splide__arrow {
    background: #fff;
}

.splide__arrow svg {
    fill: #333;
}

.top-slider-content-inner:after {
    display: none;
}

/* ニュース */
.single-news .primary {
    float: none;
    margin: 0 auto;
}

.single-news .secondary {
    display: none;
}

/* コンタクト */
.pc_center {
    text-align: center;
}

.contact_box {
    padding: 40px;
    margin: 0 auto;
    width: 800px;
    background: #f3f3f3;
    text-align: center;
    border: 1px solid #765e4f;
    box-sizing: border-box;
    max-width: 100%;
}

.contact_tel {
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}
.column-layout03-item {
width: 480px;
}
.column-layout03-content{
width: calc(100% - 480px);
}
.top-slider-wrapper {
display: none;
}
.top-slider .top-slider-item span:after{
    content:"";
    width:100%;
    height:100vh;
    position:absolute;
    left:0;
    top:0;
    background: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 1200px) {

    /*1200pxまで*/
    .top-slider-wrapper {
        display: block;
    }

    .splide {
        display: none;
    }

    .header-bar-inner .logo {
        height: 55px;
    }

    img.h_logo,
    img.s_logo {
        width: auto;
        height: 100%;
        padding-bottom: 2px;
        box-sizing: border-box;
    }

    .global-nav>ul>li a {
        background: rgba(255, 255, 255, 0.5) !important;
    }
}

@media only screen and (max-width: 991px)

/*991pxmまで*/
    {
    .post-content ul.menu_list li {
        font-size: 18px;
    }

    div.signage-title {
        font-size: 34px !important;
    }

    .post-content h2,
    .post-header h2 {
        font-size: 26px;
    }

    .post-content h3 {
        font-size: 19px;
    }

    .post-content h4 {
        font-size: 17px;
    }

    .post-content p {
        font-size: 15px;
    }

    .menu_box .products,
    .products .product {
        font-size: 15px;
    }

    .post-content .party_plan {
        width: 46%;
    }

    .post-content .party_plan dl {
        font-size: 15px;
    }

    .post-content h1,
    h1.archive-title,
    h1.post-title,
    h2.headline-font-type {
        font-size: 26px !important;
    }

    .post-meta-box {
        padding: 10px !important;

    }

    #atrsb {
        margin-bottom: 0px;

    }
}

@media only screen and (max-width: 767px) {
    .menu_box {
        display: block;
    }

    .menu_box_img {
        width: 100%;
        margin-right: 0%;
    }

    .menu_box .products {
        width: 100%;
    }

    .post-content ul.menu_list li {
        font-size: 17px;
    }

    div.signage-title {
        font-size: 30px !important;
    }

    .post-content h2,
    .post-header h2 {
        font-size: 22px;
    }

    .post-content h3 {
        font-size: 17px;
    }

    .post-content h4 {
        font-size: 15px;
    }

    .post-content p {
        font-size: 14px;
    }

    .menu_box .products,
    .products .product {
        font-size: 14px;
    }

    .post-content .party_plan {
        width: 90%;
    }

    .post-content .party_plan dl {
        font-size: 14px;
    }

    .post-content h1,
    h1.archive-title,
    h1.post-title,
    h2.headline-font-type {
        font-size: 22px !important;
    }

    .breadcrumb {
        font-size: 12px !important;

    }

    .article03-content {
        padding: 10px !important;
        background: #f6f6f6;

    }

    .blog-title {
        font-size: 14px;
    }

    .post-meta-box {

        background: #f6f6f6 !important;

    }

    .pc_center {
        text-align: left;
    }

    .social-nav {
        display: none;
    }
}











@media only screen and (max-width: 1200px)

/*1200pxまで*/
    {



    .global-nav>ul>li>a {
        font-weight: 400;
        font-size: 16px;
    }

    .global-nav>ul {
        border-top: 1px solid #ddd;
    }

    .global-nav>ul>li {
        padding: 0;
        border-bottom: 1px solid #ddd;
    }

    .global-nav>ul>li a {
        background: #fff;
        color: #333 !important;
    }

    .global-nav>ul>li a:hover {
        background: #fff;
        color: #765e4f !important;
    }
}

@media only screen and (max-width: 991px)

/*991pxmまで*/
    {
    .top-slider-logo {
        width: 240px;

    }

    h2.content01-title,
    h2.headline-primary,
    h2.column-layout03-title {
        font-size: 26px;
    }

    p.content01-text,
    p.column-layout03-text,
    p.content02-text {
        font-size: 15px;
    }

    .top_menu_box {
        width: 46%;
    }

    .top_menu_content {
        margin: 8px 0 15px;
    }

    .top_menu_category {
        font-size: 18px;
    }

    .top_menu_text {
        font-size: 14px;
    }

    .seemore a {
        font-size: 14px;
    }

    h2.column-layout03-title {
        margin-top: 0;
    }

    .footer-logo {
        width: 100%;
        padding: 40px 0;
    }
}

@media only screen and (max-width: 767px)

/*767pxmまで*/
    {

    img.h_logo,
    img.s_logo {
        max-width: 60%;
    }

    .top-slider-logo {
        width: 180px;

    }

    h2.content01-title,
    h2.headline-primary,
    h2.column-layout03-title {
        font-size: 22px;
    }

    h2.column-layout03-title {
        margin-bottom: 30px;
    }

    .content01 .content01-title,
    .content02 .content01-title {
        margin-bottom: 20px;

    }

    p.content01-text,
    p.column-layout03-text,
    p.content02-text {
        font-size: 14px;
    }

    .content02 {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .top_menu_box_cover {
        margin-top: 30px;

    }

    .top_menu_category {
        font-size: 17px;
    }

    .top_menu_text {
        font-size: 13px;
    }

    .seemore {
        width: 160px;
        line-height: 50px;
    }

    .seemore a {
        font-size: 13px;
    }

    .top_access_cover {
        display: block;
        margin: 0 auto 30px;
    }

    .top_access_img {
        width: 80%;
        margin: 30px auto 20px;
    }

    .top_access {
        width: 88%;
        margin: 0 auto;
    }

    .top_access .seemore {
        margin: 30px auto 0;
    }

    .column-layout03-item {
        width: auto;
    }

    .column-layout03 .seemore {
        margin-bottom: 0;
    }

    .sp_open {
        display: block;
    }

    .pc_open {
        display: none;
    }

    .button {
        margin: 20px auto 0 !important;
    }

    .headline-primary {
        margin: 34px 0 30px !important;

    }

    .footer-content {
        margin-bottom: 0 !important;
    }

    .footer-bar01-inner {
        background: #f6f6f6;
    }

    .column-layout03 {

        background: #f6f6f6 !important;
    }
}