@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@200&display=swap');

/*  common
------------------------- */
body,html {display: block;}
body {
    font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    background: #ffffff;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.1em;
    color: #3e3a3a;
}
body * {box-sizing: border-box;}
p {font-size: 1rem;margin-bottom: 1em;}

a {color: #000000;transition: all 0.4s;}
a:hover,a:focus {color: #42507b;text-decoration: none;}

img {width: inherit;max-width: 100%;height: auto;}

ul {margin: 0;}
ul li {position: relative;}
ul.circle {display: inline-block;list-style: none;}
ul.circle li {padding-left: 18px;margin-bottom: 2em;text-align: left;}
ul.circle li::before {content: "●";position: absolute;left: 0;}
ul.disc {padding-left: 20px;list-style: disc;}

table {width: 100%;}
th,td {display: block;position: relative;padding: 16px 8px;vertical-align: top;}
th {font-weight: bold;border-bottom: solid 1px #6479bb;}
td {margin-bottom: 8px;}

dl dt {font-weight: bold;padding-bottom: 0.5rem;margin-bottom: 0.5rem;border-bottom: dashed 1px #ccc;}
dl dd {font-size: 0.875rem;margin-bottom: 2rem;line-height: 2.1;}

h2, .h2 {font-size: 1.5rem;line-height: 1.7;}
h3, .h3 {font-size: 30px;font-weight: bold;line-height: 1.7;}
h4, .h4 {font-size: 20px;font-weight: bold;line-height: 1.7;}
h5, .h5 {font-size: 18px;font-weight: bold;line-height: 1.7;}

strong {line-height: 1.875em;}
.color-white {color: #fff;}
.color-blue {color: #42507b;}

.font-small {font-size: 14px;}
.font-large {font-size: 18px;}
.font-xlarge {font-size: 20px;}
.font-xxlarge {font-size: 30px;}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

.d-none {display: none;}
.d-block {display: block;}

.mb-1 {margin-bottom: 0.5rem !important;}
.mb-2 {margin-bottom: 1rem !important;}
.mb-3 {margin-bottom: 1.5rem !important;}
.mb-4 {margin-bottom: 2rem !important;}

.pl-1 {padding-left: 0.5rem !important;}
.pl-2 {padding-left: 1rem !important;}
.pr-1 {padding-right: 0.5rem !important;}
.pr-2 {padding-right: 1rem !important;}


/* -- header
-------------------- */
header {position: fixed;top: 0;left: 0;width: 100%;height: 55px;background: rgb(255 255 255 / 95%);z-index: 1000;}
header > .inner {position: relative;}
.h-logo {padding: 0.75rem 0 0.25rem 1rem;}
.h-logo a {display: inline-block;}
.h-logo a img {display: block;max-height: 32px;}
.nav-btn {position: absolute;right: 0;top: 0;width: 55px;height: 55px;padding: 20px 14px 17px;}
.nav-btn > .inner {display: block;height: 100%;position: relative;}
.nav-btn span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #181979;transition: all .4s;}
.nav-btn span:nth-child(1) {}
.nav-btn span:nth-child(2) {width: 100%;top: 8px;left: auto;right: 0;}
.nav-btn span:nth-child(3) {width: 100%;left: auto;right: 0;bottom: 0;}
#nav {position: fixed;top: 55px;left: 0;right: 0;bottom: 0;overflow-y: auto;width: 100%;height: calc(100vh - 55px);padding: 1rem;padding-top: 24px;opacity: 0;visibility: hidden;transition: all .4s;background: rgb(255 255 255 / 95%);z-index: 10;}
#nav > .inner {}
#nav ul {display: flex;flex-wrap: wrap;}
#nav ul li {width: 100%;padding: 0 0.5rem;border-bottom: dashed 1px #ccc;}
#nav ul li a {/* font-weight: bold; */display: block;padding: 1rem;color: #181979;text-align: center;text-decoration: none;}
#nav ul li a span {
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.3;
}
#nav ul li a small {font-size: 0.75rem;}
header.open #nav {opacity: 1;visibility: visible;}

/* nav-open */
header.open .nav-btn span:nth-of-type(1) {width: 100%;-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
header.open .nav-btn span:nth-of-type(2) {opacity: 0;}
header.open .nav-btn span:nth-of-type(3) {width: 100%;-webkit-transform: translateY(-7px) rotate(45deg);transform: translateY(-7px) rotate(45deg);}


/* -- footer
-------------------- */
footer {padding: 2rem 0;background: #19197a;}
footer > div > .inner {}
footer > div > .inner > div {}
footer .logo {text-align: center;margin-bottom: 2rem;}
footer .logo img {max-width: 100px;display: block;margin: 0 auto;}
footer .meta {text-align: center;}
footer .meta a {display: inline-block;font-size: 0.875rem;margin-bottom: 0.5rem;color: #fff;}
footer .meta small {display: block;font-size: 10px;color: #fff;}


/* -- main
-------------------- */
main {margin-top: 55px;}
section {padding: 2rem 0;}

.container {padding-left: 1rem;padding-right: 1rem;}
.section-header {}
.section-header > .inner {}
.section-header .section-header-cover {position: relative;width: 100%;height: 0;padding-bottom: 75%;}
.section-header .section-header-cover::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3%;background-image: url(./../images/section-header-border.png);background-size: 100%;}
.section-header .section-header-cover .cover-inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-header .section-header-cover .cover-inner img {width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.section-header .section-header-title {margin-top: calc(-1 * (2rem + 104px));position: relative;}
.section-header .section-header-title > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 208px;
    height: 208px;
    margin: 0 auto;
    padding: 1.5rem;
    padding-top: 2rem;
    border-radius: 50%;
    background: #fff;
}
.section-header .section-header-title img {max-height: 36px;margin-bottom: 0.75rem;}
.section-header .section-header-title h2 {font-size: 1.25rem;font-weight: 500;line-height: 1.3;text-align: center;}

.setion-sub-title {}
.setion-sub-title > div {}
.setion-sub-title h3 {display: inline;font-size: 1.25rem;font-family: 'Noto Serif JP', serif;line-height: 2.1;border-bottom: dashed 1px #e8380d;}
.setion-sub-title p {font-size: 0.875rem;font-weight: 300;line-height: 2.1;}
.setion-sub-title img {display: none;}


/* -- page-front
-------------------- */

/* mainvisual */
#mainvisual {padding-top: 0;}
#mainvisual > .inner {}
.main-cover {position: relative;width: 100%;height: 0;padding-bottom: 100%;margin-bottom: 0.5rem;}
.main-cover > .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0.5rem;}
.main-cover > .inner picture img {width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.main-cover .ribbon {position: absolute;top: 0;left: 0;}
.main-cover .ribbon img {max-width: 128px;}
.main-logo {}
.main-logo > .inner {padding: 0 1rem;}
.main-logo > .inner > div {position: relative;padding-top: calc(12px + 2rem);padding-bottom: calc(12px + 2rem);}
.main-logo > .inner > div::before,
.main-logo > .inner > div::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 12px;background-image: url(./../images/main_line.png);background-size: 9px;}
.main-logo > .inner > div::before {}
.main-logo > .inner > div::after {top: auto;bottom: 0;}
.main-logo .logo {margin-bottom: 2rem;}
.main-logo .logo img {display: block;max-width: 128px;margin: 0 auto;}
.main-logo .message {}
.main-logo .message img {display: block;max-height: 48px;margin: 0 auto;}


/* concept */
#concept {padding-bottom: 0;}
#concept .concept-section-header-title {margin-top: calc(-1 * (4% + 160px));}
#concept .concept-section-header-title > .inner {width: 240px;height: 240px;}
#concept .concept-section-header-title img {display: block;max-width: 48px;margin: 0 auto 0.5rem;}
#concept .concept-section-header-title h2 {position: relative;font-size: 1.5rem;line-height: 1.56;}
#concept .concept-section-header-title h2 span {position: relative;}
#concept .concept-section-header-title h2::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(./../images/conceptheader_question.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}

.concept-area.concept-area01 {position: relative;margin-top: calc(-1 * (120px - 4rem));padding-bottom: 2rem;}

.concept-area-photo {position: relative;padding: 1rem 0;}
.concept-area-photo .concept-area-bg {position: absolute;height: auto;background-size: 100%;background-repeat: no-repeat;z-index: -1;}
.concept-area-photo .concept-area-bg::before {display:block;content:"";}
.concept-area-photo > div > .inner {}
.concept-area-photo h4 {
    font-size: 1rem;font-weight: 400;padding-right: 3rem;
    text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,
                 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,
                 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,
                 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;
}
.concept-area-photo .concept-area-img-wrap {}
.concept-area-photo .concept-area-img-wrap img {}
.concept-area-photo .concept-area-img-wrap .concept-area-img {}
.concept-area-photo .concept-area-img-wrap .concept-area-img img {}
.concept-area-photo .concept-area-img-wrap .concept-area-img.concept-area-img01 {}
.concept-area-photo .concept-area-img-wrap .concept-area-img.concept-area-img01 img {}
.concept-area-photo .concept-area-img-wrap .concept-area-img.concept-area-img02 {}
.concept-area-photo .concept-area-img-wrap .concept-area-img.concept-area-img02 img {}

.concept-area-photo.concept-area02 {padding-top: 35vw;padding-bottom: 2rem;}
.concept-area-photo.concept-area02 .concept-area02-bg-top {top: 0;right: 0;width: 85%;background-image: url(./../images/concept02_bg_top.jpg);}
.concept-area-photo.concept-area02 .concept-area02-bg-top::before {padding-top: 63%;}
.concept-area-photo.concept-area02 .concept-area02-bg-bottom {bottom: 0;left: 0;width: 100%;background-image: url(./../images/concept02_bg_bottom.jpg);}
.concept-area-photo.concept-area02 .concept-area02-bg-bottom::before {padding-top: 68%;}
.concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img01 {margin-left: -1rem;}
.concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img01 img {}
.concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img02 {margin-top: -12%;}
.concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img02 img {}

.concept-area-photo.concept-area03 {padding-top: 40vw;padding-bottom: calc(2rem + 120px);}
.concept-area-photo.concept-area03 .concept-area03-bg-top {top: 0;left: 0;width: 100%;background-image: url(./../images/concept03_bg_top.jpg);}
.concept-area-photo.concept-area03 .concept-area03-bg-top::before {padding-top: 68%;}
.concept-area-photo.concept-area03 .concept-area03-bg-bottom {bottom: 20%;right: 0;width: 36%;background-image: url(./../images/concept03_bg_bottom.jpg);}
.concept-area-photo.concept-area03 .concept-area03-bg-bottom::before {padding-top: 140%;}
.concept-area-photo.concept-area03 h4 {position: relative;margin-bottom: 0;padding-right: 0;padding-left: 2rem;}
.concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img01 {margin-left: -4rem;margin-right: -1rem;}
.concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img01 img {}
.concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img02 {margin-top: -25%;padding-right: 33.333%;}
.concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img02 img {}


/* menu */
#menu {position: relative;background: #f8f4e4;}
#menu > div {position: relative;z-index: 1;}
#menu::before {content: "";position: absolute;top: 5%;left: 0;width: 64px;height: 100%;background-image: url(./../images/menu_bg_left.png);background-size: 100%;}
#menu::after {content: "";position: absolute;top: 10%;right: 0;width: 64px;height: 100%;background-image: url(./../images/menu_bg_right.png);background-size: 100%;}
#menu .section-header .section-header-title > .inner {background: #f8f4e4;}
.menu-list-wrap {}
.menu-box {padding: 0 0.5rem;margin-bottom: 4rem;}
.menu-box > .inner {}
.menu-box .title {}
.menu-box .title h3 {font-size: 1.25rem;padding-bottom: 0.5rem;padding-left: 0.5rem;border-bottom: dashed 1px #3a3a3a;}
.menu-box .contents {position: relative;padding: 0.5rem 0.5rem 1rem 0.5rem;}
.menu-box .contents::before {content: "";position: absolute;top: 1rem;left: 0;width: 100%;padding-bottom: 100%;border-radius: 50%;background: #fff;}
.menu-box .contents > * {position: relative;}
.menu-box .contents p.desc {font-size: 0.875rem;margin-bottom: 0;}
.menu-box .contents p.price {font-size: 1.25rem;font-weight: bold;margin-bottom: 0;text-align: right;}
.menu-box .contents img {display: block;}
.menu-box p.note {position: relative;font-size: 0.75rem;padding: 0 0.25rem;padding-top: 0.75rem;margin-bottom: 0;border-top: dashed 1px #3a3a3a;}


/* takeout */
#takeout {padding-bottom: 0;}
#takeout .section-header {}
#takeout .section-header > .inner {margin-bottom: 1.5rem;}
#takeout .section-header .section-header-title {margin-top: 0;margin-bottom: 2rem;}
#takeout .section-header .section-header-title img {display: block;margin: 0 auto 0.75rem;}
#takeout .section-header .section-header-title img + img {}
#takeout .section-header .section-header-title h2 {}
#takeout .section-header .section-header-cover {padding-bottom: 50%;}
#takeout .section-header .section-header-cover .cover-inner {}
#takeout .section-header .section-header-cover .cover-inner img {}

.takeout-wrap {position: relative;margin-top: 128px;padding-bottom: 104px;background: #f8f4e4;}
.takeout-wrap > div {position: relative;z-index: 1;}
.takeout-wrap::before {content: "";position: absolute;top: 5%;left: 0;width: 64px;height: 100%;background-image: url(./../images/menu_bg_left.png);background-size: 100%;}
.takeout-wrap::after {content: "";position: absolute;top: 10%;right: 0;width: 64px;height: 100%;background-image: url(./../images/menu_bg_right.png);background-size: 100%;}
#takeout .takeout-wrap .section-header {top: -104px;margin-bottom: -160px;}
#takeout .takeout-wrap .section-header > .inner {margin-bottom: 0;}
#takeout .takeout-wrap .section-header .section-header-title {margin-bottom: 0;}
#takeout .takeout-wrap .section-header .section-header-title > .inner {background: #f7f4e4;}
#takeout .takeout-wrap .section-header .section-header-title img {max-height: 64px;}
.takeout-note {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 3rem;}
.takeout-note img {display: block;width: 32px;}
.takeout-note p {width: calc(100% - 32px);font-size: 0.75rem;padding-left: 1.5em;margin-bottom: 0;}

.takeout-list-wrap {}
.takeout-box {padding: 0 0.5rem;margin-bottom: 4rem;}
.takeout-box > .inner {}
.takeout-box .catch-text {}
.takeout-box .catch-text h4 {position: relative;font-size: 0.875rem;font-weight: normal;margin-bottom: 0.5rem;line-height: 1.3;}
.takeout-box .catch-text h4 span {display: inline-block;position: relative;padding-left: 0.75rem;padding-right: 0.5rem;}
.takeout-box .catch-text h4 span::before,
.takeout-box .catch-text h4 span::after {content: "";position: absolute;top: 3px;width: 6px;height: 14px;}
.takeout-box .catch-text h4 span::before {left: 0;background-image: url(./../images/takeout_subtitle_deco_left.png);background-size: 100%;}
.takeout-box .catch-text h4 span::after {right: 0;background-image: url(./../images/takeout_subtitle_deco_right.png);background-size: 100%;}
.takeout-box .title {}
.takeout-box .title h3 {font-size: 1.25rem;padding-bottom: 0.5rem;padding-left: 0.5rem;border-bottom: dashed 1px #3a3a3a;}
.takeout-box .title h3 small {display: block;font-size: 1rem;text-align: right;}
.takeout-box .title h3 p {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0.5em 0.5em;
    line-height: 1;
    color: #f7f4e4;
    border-radius: 2px;
    background: rgb(59 60 154);
}
.takeout-box .contents {position: relative;padding: 0.5rem 0.5rem 1rem 0.5rem;}
.takeout-box .contents::before {content: "";position: absolute;top: 1rem;left: 0;width: 100%;padding-bottom: 100%;border-radius: 50%;background: #fff;}
.takeout-box .contents > * {position: relative;}
.takeout-box .contents p.desc {font-size: 0.875rem;margin-bottom: 0;}
.takeout-box .contents p.price {font-size: 1.25rem;font-weight: bold;margin-bottom: 0;text-align: right;}
.takeout-box .contents .price-row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0.5rem -1rem 1rem;}
.takeout-box .contents .price-row p {width: 50%;font-size: 1rem;text-align: left;padding: 0 1rem;line-height: 1.3;}
.takeout-box .contents .price-row p span {display: block;margin-top: 0.25rem;font-size: 1.25rem;text-align: right;}
.takeout-box .contents .price-row p + p {border-left: dashed 1px #cccccc;}
.takeout-box .contents img {display: block;}
.takeout-box p.note {position: relative;font-size: 0.75rem;padding: 0 0.25rem;padding-top: 0.75rem;margin-bottom: 0;border-top: dashed 1px #3a3a3a;}
.takeout-box-wide .title h3 {display: -webkit-box;display:-ms-flexbox;display:flex;}
.takeout-box-wide .title h3 span:first-child {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.takeout-box-wide2 .title h3 {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 0.75em;}
.takeout-box-wide2 .title h3 span {order: 2;}
.takeout-box-wide2 .title h3 p {order: 1;margin-bottom: 0.25em;}


/* order */
#order {position: relative;background: #e3dac5;padding-bottom: 120px;}
#order .section-header {margin-bottom: calc(-1 * (104px - 2.5rem));}
#order .section-header .section-header-title > .inner {background: #e3dac5;}
.order-wrap {position: relative;}
.order-row {}
.order-row .order-box {margin-bottom: 1rem;}
.order-box .contact-icon {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 2.5rem;}
.order-box .contact-icon a {display: block;width: 50%;padding: 0 0.75rem;}
.order-box .contact-icon a img {display: block;width: 100%;}
.order-box p {font-size: 0.875rem;}
.order-box small {display: inline-block;font-size: 0.875rem;}
.order-box p small {}
.order-box ul {margin-bottom: 0.5rem;}
.order-box ul li {font-size: 0.875rem;font-weight: bold;}
.order-box .delivery {}
.order-box .delivery > .inner {}
.order-box .delivery-col {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0.75rem 0.5rem;border-bottom: solid 1px #ffffff;}
.order-box .delivery-col + .delivery-col {border-bottom: none;}
.order-box .delivery-col small {font-size: 0.875rem;}
.order-box .delivery-col h5 {margin-left: auto;}
.order-box .delivery-col p {width: 100%;margin-bottom: 0;text-align: right;}
.order-box .delivery-col p small {}
.order-box.order-note {padding: 0 0.5rem;}
.order-box.order-note small {display: block;margin-bottom: 0.5em;}

.order-wrap .order-row + .order-row {display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.order-wrap .order-row + .order-row .order-box {order: 2;}
.order-wrap .order-row + .order-row .order-box + .order-box {order: 1;}

/* sns */
#sns {position: relative;background: #f8f4e4;padding-bottom: 104px;}
#sns .section-header {margin-bottom: calc(-1 * (104px - 4rem));}
#sns .section-header .section-header-title > .inner {background: #f8f4e4;}
#sns > div {position: relative;}

.sns-wrap {margin-bottom: 2rem;}
.sns-wrap p {margin-bottom: 0.5rem;}
.sns-img {}
.cafe-sns-img {}
.cafe-sns-img .sns-img-item {position: relative;}
.cafe-sns-img .sns-img-item .item-img {}
.cafe-sns-img .sns-img-item .item-img .item-img-inner {}
.cafe-sns-img .sns-img-item .item-img .item-img-inner img {display: block;}
.cafe-sns-img .sns-img-item .sns-link {}
.cafe-sns-img .sns-img-item .sns-link a {display: block;position: absolute;bottom: 3px;left: 0;right: 0;margin: auto;width: 55%;}
.cafe-sns-img .sns-img-item .sns-link a img {display: block;width: 100%;}

.nagisa-sns-img {}
.nagisa-sns-img .nagisa-sns-cover {}
.nagisa-sns-img .nagisa-sns-cover img {display: block;}
.nagisa-sns-img > a {}
.nagisa-sns-img > a img {display: block;}
.nagisa-sns-link {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 1rem 0.5rem 0.5rem;background: #f6c2d9;}
.nagisa-sns-link a {display: block;width: 33.333%;}
.nagisa-sns-link a img {width: 100%;}

/* access */
#access {position: relative;padding-bottom: 2rem;}
#access .section-header {margin-bottom: calc(-1 * (104px - 2rem));}
#access .section-header .section-header-title > .inner {}
#access > div {position: relative;}

.access-wrap {}
.gmap {margin-bottom: 2rem;}
.gmap iframe {width: 100%;height: 100%;}
.shop-info {}
.shop-info .a-logo {text-align: center;margin-bottom: 0.5rem;}
.shop-info .a-logo img {max-width: 128px;}
.shop-info h2 {text-align: center;font-weight: bold;margin-bottom: 1rem;}
.shop-info p {margin-bottom: 0.25rem;}
.shop-info p small {font-size: 0.875rem;}
.shop-info .contact {padding: 1rem 0;}
.shop-info .contact p {}
.shop-info .contact p small {}
.shop-info .contact > .inner {}
.shop-info .contact .contact-col {}
.shop-info .contact .contact-col a {font-size: 1.5rem;font-weight: bold;text-decoration: none;}
.shop-info .contact .contact-col p {padding-top: 0.5rem;}
.shop-info .contact .contact-col p small {}
.shop-info .contact .contact-col img {max-width: 128px;}
.corona {}
.corona > .inner {}
.corona ul {}
.corona ul li {position: relative;font-size: 0.875rem;padding-left: 1.3em;margin-bottom: 0.5rem;}
.corona ul li::before {content: "※";position: absolute;top: 0;left: 0;}


/* -- page-common
-------------------- */
#page-header {padding: 0;margin-bottom: 2rem;}
#page-header > .inner {}
#page-header .main-cover {position: relative;width: 100%;height: 0;padding-bottom: 160px;}
#page-header .main-cover > .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0;}
#page-header .main-cover > .inner img {width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
article {}
.page-title {}
.page-title h2 {font-size: 1.25rem;text-align: center;}
.page-content {}
.page-inner {}


@media print,screen and (min-width: 600px) {

    /* -- common
    -------------------- */
    .text-sm-left {text-align: left !important;}
    .text-sm-center {text-align: center !important;}
    .text-sm-right {text-align: right !important;}

    .d-sm-none {display: none;}
    .d-sm-inline-block {display: inline-block;}
    .d-sm-block {display: block;}


    /* -- header
    -------------------- */
    header {height: 63px;}
    .h-logo a img {max-height: 40px;}
    .nav-btn {width: 64px;height: 64px;padding: 20px 14px;}
    .nav-btn span:nth-child(1) {}
    .nav-btn span:nth-child(2) {top: 11px;}
    .nav-btn span:nth-child(3) {}
    header.open .nav-btn span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
    header.open .nav-btn span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}

    /* -- footer
    -------------------- */
    footer {}


    /* -- main
    -------------------- */
    main {margin-top: 55px;overflow-x: hidden;}
    section {padding: 2rem 0;}
    
    .container {padding-left: 2rem;padding-right: 2rem;}
    .section-header .section-header-cover {padding-bottom: 33%;}
    .section-header .section-header-cover::after {height: 9%;}

    /* mainvisual */
    .main-cover > .inner picture img {width: 100%;}
    .main-cover .ribbon img {max-width: 240px;}
    
    /* concept */
    .concept-area-photo h4 {margin-bottom: 4rem;}
    .concept-area-photo .concept-area-img-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .concept-area-photo.concept-area02 {padding-top: 10%;}
    .concept-area-photo.concept-area02 .concept-area02-bg-top {width: 64%;}
    .concept-area-photo.concept-area02 .concept-area02-bg-bottom {width: 50%;}
    .concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img01 {width: 60%;}
    .concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img01 img {width: 100%;}
    .concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img02 {width: 56%;margin-top: 0;margin-left: -5%;margin-right: -10%;}
    .concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img02 img {width: 100%;}
    
    .concept-area-photo.concept-area03 {padding-top: 12%;padding-bottom: 2rem;}
    .concept-area-photo.concept-area03 .concept-area03-bg-top {width: 60%;}
    .concept-area-photo.concept-area03 h4 {width: 55%;margin-left: auto;margin-bottom: 4rem;padding-left: 0;}
    .concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img01 {order: 2;width: 70%;margin: 0;}
    .concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img01 img {width: 100%;}
    .concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img02 {width: 40%;order: 1;margin: 0;margin-right: -10%;left: -7%;padding: 0;position: relative;}
    .concept-area-photo.concept-area03 .concept-area-img-wrap .concept-area-img.concept-area-img02 img {width: 101%;}
    
    /* menu */
    .menu-list-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -1.5rem;}
    .menu-box {width: 50%;padding: 0 1.5rem;}
    
    /* takeout */
    #takeout .section-header .section-header-cover {padding-bottom: 33%;}
    .takeout-note {padding: 0 8.888%;}
    .takeout-list-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -1.5rem;}
    .takeout-box {width: 50%;padding: 0 1.5rem;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .takeout-box .mt-auto {margin-top: auto;}
    .takeout-box .title h3 {}
    .takeout-box .title h3 small {display: block;padding-left: 0.25rem;}
    
    /* order */
    .order-wrap {padding: 0 8.888%;}
    .order-box .contact-icon {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .order-box .contact-icon a {width: 144px;}

    /* sns */
    .cafe-sns-img {display: -webkit-box;display: -ms-flexbox;display: flex;}
    .nagisa-sns-img {position: relative;}
    .nagisa-sns-link {position: absolute;bottom: 0;background: none;padding: 1rem 1rem 0;}
    
    /* access */
    #access .section-header {margin-bottom: calc(-1 * (104px - 4rem));}
    #access > div > div.inner {padding: 0 8.888%;}


    /* -- page-common
    -------------------- */
    .page-inner {padding: 0 8.888%;}

}


@media print,screen and (min-width: 992px) {

    /* -- common
    -------------------- */
    dl dt {}
    dl dd {font-size: 1rem;margin-bottom: 3rem;}

    .text-lg-left {text-align: left !important;}
    .text-lg-center {text-align: center !important;}
    .text-lg-right {text-align: right !important;}

    .d-lg-none {display: none;}
    .d-lg-inline-block {display: inline-block;}
    .d-lg-block {display: block;}

    /* -- header
    -------------------- */
    header > .inner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;padding: 0 1rem;}
    .h-logo a img {}
    .nav-btn {display: none;}
    #nav {position: relative;top: 0;width: auto;height: auto;padding: 0;visibility: visible;opacity: 1;margin-left: auto;background: none;}
    #nav > .inner {}
    #nav ul {display: flex;flex-wrap: wrap;}
    #nav ul li {width: auto;border-bottom: none;padding: 0;}
    #nav ul li a {padding: 0 1.5rem;}
    #nav ul li a span {font-weight: normal;font-size: 1rem;}
    #nav ul li a small {display: none;}

    /* -- footer
    -------------------- */
    footer > div > .inner > div {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
    footer .logo {margin-bottom: 0;}
    footer .logo img {max-width: 128px;}
    footer .meta {text-align: left;padding-left: 2rem;}
    footer .meta a {}
    footer .meta small {}

    /* -- main
    -------------------- */
    main {margin-top: 64px;}
    .container {max-width: 960px;margin-right: auto;margin-left: auto;}
    .section-header .section-header-title {margin-top: calc(-1 * (2rem + 160px));margin-bottom: -3rem;}
    .section-header .section-header-title > .inner {width: 320px;height: 320px;padding-top: 3.5rem;}
    .section-header .section-header-title img {max-height: 56px;}
    .section-header .section-header-title h2 {}
    .setion-sub-title {position: relative;}
    .setion-sub-title > div .sub-title-line {width: calc(100% - 320px);}
    .setion-sub-title img {display: block;position: absolute;top: -120px;right: 0;width: 300px;}

    /* mainvisual */
    #mainvisual {padding: 1rem;}
    #mainvisual > .inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .main-cover {width: 50%;height: auto;padding-bottom: 0;}
    .main-cover > .inner {position: relative;padding-top: 0;padding-bottom: 0;}
    .main-cover > .inner picture img {}
    .main-logo {width: 50%;}
    .main-logo > .inner {height: 100%;}
    .main-logo > .inner > div {height: 100%;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .main-logo > .inner > div::before,
    .main-logo > .inner > div::after {height: 30px;}
    .main-logo > .inner > div::before {top: 1rem;}
    .main-logo > .inner > div::after {bottom: 1rem;}
    .main-logo .logo {margin-bottom: 4rem;}
    .main-logo .logo img {max-width: 202px;}
    .main-logo .message img {max-height: 72px;}
    
    /* concept */
    #concept .concept-section-header-title > .inner {width: 320px;height: 320px;}
    #concept .concept-section-header-title img {max-width: 64px;margin-bottom: 1rem;}
    #concept .concept-section-header-title h2 {font-size: 1.75rem;text-align: left;}
    .concept-area.concept-area01 {padding-bottom: 3rem;}
    .concept-area-photo .concept-area-img-wrap {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
    .concept-area-photo.concept-area02 {padding-top: 5rem;}
    .concept-area-photo.concept-area02 .concept-area02-bg-top {width: 60%;}
    .concept-area-photo.concept-area02 .concept-area02-bg-bottom {width: 35%;}
    .concept-area-photo.concept-area02 .concept-area-img-wrap .concept-area-img.concept-area-img01 {padding-bottom: 2rem;}
    .concept-area-photo.concept-area03 {padding-top: 5rem;padding-bottom: 4rem;}
    .concept-area-photo.concept-area03 .concept-area03-bg-top {width: 55%;}
    .concept-area-photo.concept-area03 .concept-area03-bg-bottom {width: 25%;}
        
    /* menu */
    #menu::before {width: 160px;}
    #menu::after {width: 160px;}
    .menu-list-wrap {margin: 0 -3rem;}
    .menu-box {padding: 0 3rem;margin-bottom: 7rem;}
    
    /* takeout */
    #takeout {padding-top: 5rem;}
    #takeout .section-header > .inner {margin-bottom: 3rem;}
    #takeout .section-header .section-header-title {margin-bottom: 4rem;}
    #takeout .section-header .section-header-title img {margin-bottom: 1rem;}
    #takeout .section-header .setion-sub-title > div {width: calc(100% - 270px);}
    #takeout .setion-sub-title img {width: 400px;top: -80px;margin-right: -180px;}
    .takeout-wrap {margin-top: 200px;}
    #takeout .takeout-wrap .section-header {top: -160px;margin-bottom: -240px;}
    #takeout .takeout-wrap .section-header .section-header-title img {max-height: 96px;}
    .takeout-note {padding: 0 16.666%;margin-bottom: 5rem;}
    .takeout-note img {width: 48px;}
    .takeout-note p {width: calc(100% - 48px);padding-left: 2rem;}
    .takeout-list-wrap {margin: 0 -3rem;}
    .takeout-box {padding: 0 3rem;margin-bottom: 7rem;}
    .takeout-box .title h3 small {display: block;}
    .takeout-box-wide .title h3 {display: -webkit-box;display:-ms-flexbox;display:flex;}
    .takeout-box-wide .title h3 span:first-child {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
    .takeout-box-wide2 .title h3 {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .takeout-box-wide2 .title h3 span {order: 1;}
    .takeout-box-wide2 .title h3 p {order: 2;margin-bottom: 0;margin-left: 1rem;}
    
    /* order */
    #order {padding-bottom: 160px;}
    .order-wrap {padding: 0;}
    .order-row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -1.5rem;padding: 0;}
    .order-row .order-box {width: 50%;padding: 0 1.5rem;}
    .order-box .contact-icon {padding: 0;-ms-flex-pack: distribute;justify-content: space-around;}
    .order-box .contact-icon a {width: 180px;}
    .order-box ul li {margin-bottom: 0.25rem;}
    .order-box .delivery {border-top: solid 1px #ffffff;}
    .order-box .delivery > .inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 0.5rem;}
    .order-box .delivery-col {width: 40%;border: none;display: block;padding: 0;padding-right: 1rem;}
    .order-box .delivery-col + .delivery-col {width: 60%;border-left: solid 1px #fff;padding-right: 0;padding-left: 1rem;}
    .order-box .delivery-col p small {font-size: 0.75rem;}
    .order-box.order-note small {margin-bottom: 1em;}
    .order-wrap .order-row + .order-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
    .order-wrap .order-row + .order-row .order-box {order: 1;}
    .order-wrap .order-row + .order-row .order-box + .order-box {order: 2;}
    
    /* sns */
    #sns {padding-bottom: 200px;}
    .cafe-sns-img .sns-img-item .sns-link a {width: 50%;}
    .nagisa-sns-img .nagisa-sns-cover img {width: 100%;}
    .nagisa-sns-link a {padding: 0 1rem;}
    
    /* access */
    #access > div.container > div.inner {padding: 0;}
    .access-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -1.5rem;}
    .gmap {width: 50%;padding: 0 1.5rem;margin-bottom: 0;}
    .shop-info {width: 50%;padding: 0 1.5rem;}
    .shop-info .a-logo img {max-width: 128px;}
    .shop-info h2 {font-size: 1.25rem;font-weight: normal;}
    .shop-info p {font-size: 1.125rem;margin-bottom: 0.5rem;}
    .shop-info p small {font-size: 1rem;}
    .shop-info .contact {padding-bottom: 0;}
    .shop-info .contact p {margin-bottom: 0;}
    .shop-info .contact > .inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
    .shop-info .contact .contact-col {width: calc(100% - 100px);padding-right: 1rem;}
    .shop-info .contact .contact-col + .contact-col {width: 100px;padding-right: 0;}
    .shop-info .contact .contact-col a {font-size: 2rem;}
    .shop-info .contact .contact-col p {margin-bottom: 0 !important;}
    .shop-info .contact .contact-col p small {}
    .shop-info .contact .contact-col img {width: 100px;display: block;}
    .corona {margin: 4rem 0 2rem;padding: 0 8.888%;}

    /* -- page-common
    -------------------- */
    #page-header {margin-bottom: 3rem;}
    #page-header .main-cover {padding-bottom: 300px;}
    .page-title {margin-bottom: 2rem;}
    .page-title h2 {font-size: 1.5rem;}
    

}

@media print,screen and (min-width: 1200px) {

    .container {max-width: 1080px;margin-right: auto;margin-left: auto;}

}


@media print,screen and (min-width: 320px) {


}


/* close-info */
#close-info {position: fixed;top: 0;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100vw;height: 100vh;z-index: 1000;opacity: 0;visibility: hidden;-webkit-transition: opacity linear 0.2s, visibility linear 0.2s;transition: opacity linear 0.2s, visibility linear 0.2s;}
#close-info .close-info-contents {position: relative;width: calc(100% - 30px);max-width: 790px;height: auto;padding: 10px;border-radius: 10px;background: #ffffff;z-index: 10;}
#close-info .close-info-contents > .inner {padding: 25px 15px;border-radius: 10px;border: 2px dashed #707070;}
#close-info .close-info-contents img {display: block;width: 156px;margin: 0 auto 24px;}
#close-info .close-info-contents h3 {font-size: 18px;line-height: 1;text-align: center;margin-bottom: 24px;}
#close-info .close-info-contents p {font-size: 15px;font-weight: 500;line-height: 1.666;}
#close-info .close-info-contents p.mb-l {margin-bottom: 1.5em;}
#close-info .close-info-contents a {display: block;width: 173px;margin: 0 auto;padding: 18px 10px;font-size: 14px;line-height: 1;text-align: center;text-decoration: none;color: #ffffff;border-radius: 4px;background: #181979;}
#close-info .close-info-contents .close-btn {position: absolute;top: -24px;right: -7.5px;width: 48px;height: 48px;border-radius: 50%;background: #181979;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;}
#close-info .close-info-contents .close-btn::before,
#close-info .close-info-contents .close-btn::after {content: "";position: absolute;top: 23px;left: 10px;width: 28px;height: 2px;background: #ffffff;}
#close-info .close-info-contents .close-btn::before {-webkit-transform: rotate( 45deg);transform: rotate( 45deg);}
#close-info .close-info-contents .close-btn::after {-webkit-transform: rotate( 135deg);transform: rotate( 135deg);}
#close-info .close-info-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.33);}

@media print,screen and (min-width: 992px) {
    #close-info .close-info-contents {padding: 15px;}
    #close-info .close-info-contents > .inner {padding: 40px;}
    #close-info .close-info-contents img {width: 200px;margin-bottom: 40px;}
    #close-info .close-info-contents p {font-size: 16px;text-align: center;}
    #close-info .close-info-contents p.mb-l {margin-bottom: 2em;}
    #close-info .close-info-contents .close-btn {top: -28px;right: -16px;width: 56px;height: 56px;}
    #close-info .close-info-contents .close-btn::before,
    #close-info .close-info-contents .close-btn::after {top: 27px;left: 12px;width: 32px;}
}

#close-info.active {
    opacity: 1;
    visibility: visible;
}