@charset "utf-8";

/*-- inCover -----------------------------------------------------------------*/
.incover {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1920px;
    width: 100%;
    height: 270px;
    margin: auto;
    padding: 0 15px;
    padding-top: 45px;
}

.incover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #413B31;
    opacity: 0.9;
    mix-blend-mode: multiply;
}

.incoverBox {
    width: 100%;
    max-width: 1530px;
    color: #fff;
    z-index: 9;
    margin: 0 auto;
}

.incoverTit {
    font-size: 25px;
    line-height: 1.5em;
}

/*-- パンくずリスト ----------------------------------------------------------*/

.breadWrap {
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
}

.breadBox {
    max-width: 1530px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadLink {
    display: block;
    color: #413B31;
    transition: all .2s;
    text-decoration: underline;
}

.breadLink:hover {
    color: #413B31;
    transition: all .2s;
    text-decoration: none;
}

/*-----------------------------------------------------------
テーブル
-----------------------------------------------------------*/

.baseTb {
    border: 1px solid #ccc;
    border-bottom: 0;
}

.baseTr {
    border-bottom: 1px solid #ccc;
}

.baseTh, .baseTd {
    padding: 15px 15px;
}

.baseTh {
    display: flex;
    color: #fff;
    background: #413B31;
    align-items: baseline;
    justify-content: center;
    font-weight: 500;
    font-size: 17px;
}

.baseTd {
    font-size: 17px;
    font-weight: 500;
    background: #fff;
}

/*-----*/

.inFlexTit01 {
    font-size: 22px;
    line-height: 1.44em;
    font-family: "Hina Mincho", serif;
    font-weight: 400;
}

.inFlexTitBr01 br {
    display: block;
}

.inComBannerWr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
}

.inComBannerItemBox {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.inComBannerItemBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #413B31;
    opacity: 0.9;
    mix-blend-mode: multiply;
    z-index: 2;
}

.inComBannerItemBg {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .5s;
}

.c8556.inComBannerItemBg.inComBannerItemBg01 {}

.inComBannerItem {
    position: relative;
    z-index: 3;
    color: #fff;
    width: 100%;
    padding: 0 15px;
    text-align: center;
}

.inComBannerItemTit {
    font-size: 30px;
    line-height: 1.44em;
}

.inComBannerItemBox:hover .inComBannerItemBg {
    transition: all .5s;
    transform: scale(1.2);
}


/*----初めてのお客様へ---*/

.beginnerTateSetBox {
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    margin: 0 auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

.beginnerTate {
    font-size: 30px;
    letter-spacing: 0.05em;
}

.beginnerTate01 {
    margin: 0;
}

.beginnerTate02 {
    margin: 0;
}


/*-----*/

.shopName {
    letter-spacing: -0.025em;
    line-height: 1.95em;
    font-size: 25px;
}

.shopName strong {
    font-size: 40px;
    font-weight: 400;
}

/*---メニュー---*/

.menuLogo {
    font-size: 25px;
    letter-spacing: -0.025em;
    line-height: 1.95em;
}

.menuLogo strong {
    font-size: 50px;
    font-weight: 400;
}

.menuLeadTit {
    font-size: 20px;
    line-height: 1.44em;
}

.menuLeadTit>br {
    display: block;
}

.menuItemWr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    gap: 40px;
}

.menuItemTit {
    text-align: center;
    font-size: 18px;
    padding: 14px;
    font-weight: 600;
}

.menuItemListRow {
    border-bottom: 1px solid #AD9032;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.44em;
    gap: 8px 15px;
}

.menuItemTag {
    display: inline-block;
    background-color: #fff;
    color: #A7191F;
    font-size: 16px;
    padding: 2px 10px;
    font-weight: 500;
    margin-bottom: 8px;
}

.menuItemListName {
    flex: 1;
}

.menuItemListMoney {
    text-align: right;
}

/*----ランキング---*/

.rankingNumber {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.rankingNumber01 .rankingNumberImgBox {
    width: 80%;
}

.rankingNumber01 .rankingNumberImgTextBox {
    width: 100%;
}

.rankingNumber01 {
    margin: 0 auto;
}

.rankingNumber02 .rankingNumberImgBox {
    width: 70%;
}

.rankingNumber02 .rankingNumberImgTextBox {
    width: 100%;
}

.rankingNumber02 {
    margin: 40px auto 0;
}

.rankingNumber03 .rankingNumberImgBox {
    width: 70%;
}

.rankingNumber03 .rankingNumberImgTextBox {
    width: 100%;
}

.rankingNumber03 {
    margin: 40px auto 0 auto;
}

.rankingNumberDeco {
    position: relative;
    padding: 0px 0px 0px 2.5em;
    font-size: 25px;
    font-weight: 600;
}

.rankingNumberDeco::before,.rankingNumberDeco::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
}

.rankingNumberDeco::before {
    top: -1.25em;
    border: 1em solid transparent;
    border-bottom: 1.5em solid currentColor;
}

.rankingNumberDeco::after {
    top: 0.25em;
    border: 0.5em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}

.rankingNumberDeco01 {
    color: #dbb400;
}

.rankingNumberDeco02 {
    color: #9fa0a0;
}

.rankingNumberDeco03 {
    color: #c47022;
}

.beginnerFlexTextBr>br {
    display: none;
}

.menuLeadTextList br {
    display: none;
}

.beginnerTitBr br {
    display: block;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

  
.incoverTit {
    font-size: 30px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.beginnerTitBr br {
    display: none;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.menuLeadTextList br {
    display: block;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 576px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.incoverTit {
    font-size: 40px;
}

.breadWrap {
    font-size: 16px;
}

.beginnerTateSetBox {
    writing-mode: vertical-rl;
    height: 410px;
}

.beginnerTate {
    font-size: 30px;
}

.beginnerTate02 {
    margin: 100px 11px 0 0;
}

.beginnerTateSetBox {
    display: block;
}

.inComBannerItemBox {
    height: 300px;
}

.inComBannerWr {
    grid-template-columns: repeat(2, 1fr);
}

.menuLeadTit {
    font-size: 25px;
}

.menuLogo {
    font-size: 40px;
}

.menuLogo strong {
    font-size: 70px;
}

.menuItemListRow {
    font-size: 16px;
}

.menuItemWr {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}

.menuItemTit {
    font-size: 22px;
}

.rankingNumber {
    flex-direction: row;
}

.rankingNumber01 .rankingNumberImgBox {
    width: 37.68%;
}

.rankingNumber01 .rankingNumberImgTextBox {
    width: 55.4%;
}

.rankingNumber01 {
    margin: 0 auto 0 0;
}

.rankingNumber02 .rankingNumberImgBox {
    width: 29.16%;
}

.rankingNumber02 .rankingNumberImgTextBox {
    width: 64.85%;
}

.rankingNumber02 {
    margin: 40px 0 0 auto;
}

.rankingNumber03 .rankingNumberImgBox {
    width: 28.62%;
}

.rankingNumber03 .rankingNumberImgTextBox {
    width: 65.5%;
}
  
.beginnerTitBr br {
    display: block;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.inFlexTit01 {
    font-size: 25px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.incover {
    height: 320px;
    padding: 0 15px;
    padding-top: 45px;
}

.incoverTit {
    font-size: 50px;
}


.breadWrap {
    font-size: 18px;
}

.beginnerTateSetBox {
    height: 530px;
}

.beginnerTate {
    font-size: 40px;
}

.beginnerTate02 {
    margin: 130px 11px 0 0;
}

.inFlexTitBr01 br {
    display: none;
}

.inComBannerItemBox {
    height: 400px;
}

.inComBannerItemTit {
    font-size: 40px;
}

.menuLeadTit>br {
    display: none;
}

.menuLeadTit {
    font-size: 30px;
}

.menuItemTit {
    font-size: 25px;
}

.rankingNumberDeco {
    font-size: 30px;
}

.beginnerFlexTextBr>br {
    display: block;
}

 .beginnerTitBr br {
    display: none;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.menuItemWr {
    grid-template-columns: repeat(3, 1fr);
}

.menuItemListRow {
    font-size: 18px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.inFlexTit01 {
    font-size: 30px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */