@charset "UTF-8";

/*===============================================
SP
===============================================*/
@media screen and (max-width: 850px){	

	
.pc{display:none !important;}



/* ハンバーガーボタン */
.hamburger-menu {
    display: none;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1001;
}

.hamburger-menu span {
    display: block;
    width: 30px;
    height: 3px;
    margin: 6px auto;
    background: #ffffff;
    transition: 0.3s;
}

/* メニュー（全画面＆スライド） */
.menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: right 0.5s ease-in-out;
    z-index: 1000;
}

.menu li {
    list-style: none;
    margin: 20px 0;
}

.menu a {
    color: white;
    font-size: 24px;
    text-decoration: none;
}

/* メニューが開いたとき */
.menu.open {
    right: 0;
    margin: 0;
}

/* ハンバーガーメニューが開いたとき */
.hamburger-menu.open span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.hamburger-menu.open span:nth-child(2) {
    opacity: 0;
}
.hamburger-menu.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}


    .hamburger-menu {
        display: block;
    }












header {
}
header h1 {
}
header h1 a {width: 9em;height: 9em;}
header h1 a img {
}
header ul.menu {
    margin: 0;
}
header ul.menu li {
}
header ul.menu li a {
}
header ul.menu li.instagram {
}
header ul.menu li.instagram a {
}
header ul.menu li.instagram a i.fa-brands.fa-instagram {
}
div.top01 {
}
div.top01 div.slider {
}
div.top01 div.slider div.slick-img {
}
div.top01 div.slider div.slick-img img {object-fit: cover;width: 100%;height: 100vh;}
div.top01 img.logo {width: 34%;top: 50%;}
div.top01 dl.news {display: block;text-align: center;padding: 1em 2em;bottom: -6vh;border-radius: 10px;width: 70%;}
div.top01 dl.news dt {
}
div.top01 dl.news dt i.fa-solid.fa-utensils {display: block;margin: 1em 0;}
div.top01 dl.news dd {
}
div.top02 {
}
div.top02 dl {
    flex-wrap: wrap;
}
div.top02 dl dt {order: 2;writing-mode: horizontal-tb;padding: 0 2em;height: auto;}
div.top02 dl dt h2.mnc {font-size: calc(3vw + 0.5rem);margin: 0;}
div.top02 dl dt p {font-size: calc(1.7vw + 0.5rem);}
div.top02 dl dd {order: 1;width: 100%;height: 69vw;}
div.top02 dl dd::before{
    height: 21vh;
    width: 70%;
}    
div.top02 dl dd img {/* position: relative; */}
div.top02 img.dog {width: 41%;position: relative;display: block;margin: 2em auto;bottom: 0;}
div.top03 {margin: 5em 0 0 0;}
div.top03:after{
    width: 80%;
    height: 60vh;
}    
div.top03 h2 {font-size: calc(1.7vw + 0.5rem);display: block;}
div.top03 h2 img {width: 44%;display: block;margin: 0 auto;}
div.top03 img {width: 80%;border: 3px solid #fff;margin: 1em auto;}
div.top03 h3 {font-size: calc(3vw + 0.5rem);}
div.top03 p {font-size: calc(1.7vw + 0.5rem);padding: 0 2em;text-align: left;}
div.top04 {margin: 3em 0;}
div.top04 ul {width: 90%;display: block;}
div.top04 ul li {width: 98%;margin: 1em 1%;}
div.top04 ul li a {
}
div.top04 ul li a div.img-wrapper {
}
div.top04 ul li a div.img-wrapper img {height: 26vh;}
div.top04 ul li a div.img-wrapper div.overlay {
}
div.top04 ul li a h3 {
}
div.top04 ul li a p {font-size: calc(1.5vw + 0.5rem);top: 70%;}
div.top05 {
}
div.top05 dl {display: block;margin: 2em 0 4em 0;}
div.top05 dl dt {display: block;text-align: center;width: 100%;font-size: calc(1.7vw + 0.5rem);}
div.top05 dl dt img {margin: 0 auto;display: block;width: 38%;}
div.top05 dl dd {width: 100%;}
div.top05 dl dd dl.inner {
}
div.top05 dl dd dl.inner dt.date {font-size: calc(1.6vw + 0.5rem);margin: 0;width: 100%;text-align: left;}
div.top05 dl dd dl.inner dd.title {font-size: calc(2vw + 0.5rem);margin: 0 0 1em 0;width: 100%;}
div.top_instagram {
}
footer {flex-wrap: wrap;padding: 2em 5% 1em 5%;}
footer div.f_image {width: 100%;order: 2;}
footer div.f_image img {position: relative;top: 0;margin: 2em 0 0 0;}
footer dl {width: 100%;flex-wrap: wrap;padding: 0;}
footer dl dt {width: 100%;order: 2;}
footer dl dt img {width: 30%;display: block;margin: 0 auto;}
footer dl dt i.fa-brands.fa-instagram {
    font-size: calc(5vw + 0.5rem);
}
footer dl dt p {
}
footer dl dd {width: 100%;order: 1;}
footer dl dd h3 {font-size: calc(3.2vw + 0.5rem);text-align: center;}
footer dl dd p.add {font-size: calc(1.6vw + 0.5rem);text-align: center;}
footer dl dd p.tel {display: flex;justify-content: center;}
footer dl dd p.tel a {font-size: calc(3.5vw + 0.5rem);width: auto;}
footer dl dd p.tel a i.fa-solid.fa-phone {
}
footer dl dd a {font-size: calc(1.2vw + 0.5rem);margin: 1em auto;l;width: 42%;display: block;}
footer dl dd a i.fa-solid.fa-angle-right {
}
footer dl dd table {font-size: calc(1.7vw + 0.5rem);}
footer dl dd table tbody {
}
footer dl dd table tbody tr {
}
footer dl dd table tbody tr th {
}
footer dl dd table tbody tr td {
}
footer dl dd table tbody tr td span {
}


div.second_h2 {padding: 38vw 0 10vw 0;}
div.second_h2 div.background-image {
}
div.second_h2 p {
}
div.second_h2 h2 {font-size: calc(3vw + 0.9rem);font-weight: 600;}


div.about {}
div.about h3 {
    font-size: calc(1.7vw + 0.9rem);
}
div.about h3 i {
    font-size: calc(5vw + 0.9rem);
}
div.about img {}
div.about h4 {
    font-size: calc(1.7vw + 0.9rem);
    font-weight: 600;
}
div.about p {
    font-size: calc(1vw + 0.9rem);
    margin: 1em 0 3em 0;
}
div.about.about02 {
}
div.about.about02 h3 {
}
div.about.about02 h3 i.fa-solid.fa-heart {
}
div.about.about02 img {
}
div.about.about02 h4 {
}
div.about.about02 p {
}
div.about.about03 {
}
div.about.about03 h3 {
}
div.about.about03 h3 i.fa-solid.fa-leaf {
}
div.about.about03 img {
}
div.about.about03 h4 {
}
div.about.about03 p {
}
div.menu{}

div.menu01 {padding: 4em 0 2em 0;background-position-x: 19vw;background-position-y: -6vw;background-size: 94%;}
div.menu01 dl {display: block;}
div.menu01 dl dt {width: 90%;}
div.menu01 dl dt img {top: auto;right: auto;}
div.menu01 dl dd {width: 90%;padding: 1em 5%;}
div.menu01 dl dd h3 {font-size: calc(4vw + 0.9rem);}
div.menu01 dl dd h4 {font-size: calc(2vw + 0.9rem);font-weight: 600;}
div.menu01 dl dd p {font-size: calc(1vw + 0.9rem);line-height: 1.8;}
div.menu01 img {width: 120px;height: 120px;top: 59vw;left: 59vw;}
div.menu01.menu02 {padding: 0;}
div.menu01.menu02 dl {margin: 0;}
div.menu01.menu02 dl dt {width: 90%;padding: 0 5%;}
div.menu01.menu02 dl dt img {height: 57vw;}
div.menu01.menu02 dl dd {
}
div.menu01.menu02 dl dd h3 {
}
div.menu01.menu02 dl dd h4 {
}
div.menu01.menu02 dl dd p {margin: 0 0 1em 0;}
div.menu01.menu02 dl dd img {bottom: 0;height: 62vw;left: 0;width: 100%;position: initial;}
div.menu03 {
}
div.menu03 h3 {
}
div.menu03 h3 i.fa-solid.fa-utensils {
}
div.menu03 div.menu04 {
}
div.menu03 div.menu04 img {width: 100%;}
div.menu03 div.menu04 h4 {
}
div.menu03 div.menu04 h4 span {
}
div.menu03 div.menu04 p {text-align: left;line-height: 2;}
div.menu03 ul.menu05 {display: block;}
div.menu03 ul.menu05 li {width: 100%;}
div.menu03 ul.menu05 li div.menu04 {
}
div.menu03 ul.menu05 li div.menu04 img {height: 51vw;}
div.menu03 ul.menu05 li div.menu04 h4 {
}
div.menu03 ul.menu05 li div.menu04 h4 span {
}
div.menu03 ul.menu05 li div.menu04 p {line-height: 2;}
div.menu03 h3 i.fa-solid.fa-mug-saucer {
}
div.menu03 ul.menu05.menu06 {
}
div.menu03 ul.menu05.menu06 li {width: 100%;}
div.menu03 ul.menu05.menu06 li div.menu04 {
}
div.menu03 ul.menu05.menu06 li div.menu04 img {
}
div.menu03 ul.menu05.menu06 li div.menu04 h4 {
}
div.menu03 ul.menu05.menu06 li div.menu04 h4 span {
}
div.menu03 ul.menu05.menu06 li div.menu04 p {
}
div.menu03 p.menu07 {text-align: left;}

div.access01 {margin: 3em auto;width: 85%;}
div.access01 dl {display: block;}
div.access01 dl dt {width: 100%;}
div.access01 dl dt img {
}
div.access01 dl dd {width: 100%;padding: 0;}
div.access01 dl dd h3 {font-size: calc(2.2vw + 0.5rem);}
div.access01 dl dd p.add {font-size: calc(1.8vw + 0.5rem);}
div.access01 dl dd a.tel {font-size: calc(4.2vw + 0.5rem);}
div.access01 dl dd a.tel i.fa-solid.fa-phone {
}
div.access01 dl dd a.link {font-size: calc(1.2vw + 0.5rem);width: 80%;}
div.access01 dl dd a.link i.fa-solid.fa-chevron-right {
}
div.access01 dl dd table {font-size: calc(1.8vw + 0.5rem);}
div.access01 dl dd table tbody {
}
div.access01 dl dd table tbody tr {
}
div.access01 dl dd table tbody tr th {
}
div.access01 dl dd table tbody tr td {
}
div.access01 dl dd table tbody tr td span {font-size: calc(1.2vw + 0.5rem);line-height: 1.5em;display: block;}
div.access02 {width: 90%;margin: 3em auto;}
div.access02 iframe {height: 59vw;}
div.access02 p {font-size: calc(2.2vw + 0.5rem);}




}