@charset "utf-8";

.sample1 { font-family: 'Shippori Mincho B1', serif; font-weight: 500; }
.sample2 { font-family: 'Shippori Mincho B1', serif; font-weight: 600; }

/*----------------------------------------------------
	共通タイトル
----------------------------------------------------*/


/*----------------------------------------------------
	位置調整
----------------------------------------------------*/
.top__box__Left { padding-left: 11%; }
.top__box__Right { padding-right: 11%; }
.shop__box__Left { padding-left: 22%; }
.shop__box__Right { padding-right: 25%; }

@media (max-width: 767px) { /* SP */
.top__box__Left { padding-left: 2em; }
.top__box__Right { padding-right: 2em; }
.shop__box__Left,.shop__box__Right { padding-left: 6.8%; padding-right: 6.8%; }
}

/*----------------------------------------------------
	トップ
----------------------------------------------------*/
.top__flexBox { display: flex; flex-wrap: wrap; justify-content: space-between; }
.top__flexBox.-reverse { flex-direction: row-reverse; }
.top__flexBox__item { width: 50%; }
.top__flexBox__itemL { width: calc(50% - 0.5em); text-align: justify; padding-right: 3em; }
.top__flexBox__itemR { width: calc(50% - 0.5em); text-align: justify; padding-left: 3em; }

.top__ttl { font-size: clamp(2.0rem, 100vw * 32 / var(--mainSize), 3.2rem); font-family: 'Shippori Mincho B1', serif; font-weight: 500; line-height: 2.0; letter-spacing: 0.05em; border-left: 10px solid var(--mainColor); margin-bottom: 1em; padding-left: 0.7em; }
.top__txt { font-size: clamp(1.6rem, 100vw * 19 / var(--mainSize), 1.9rem); line-height: 2.0; letter-spacing: 0.1em; padding-bottom: 1em; }

@media (max-width: 767px) { /* SP */
.top__flexBox { flex-direction: column; }
.top__flexBox__item,.top__flexBox__itemL,.top__flexBox__itemR { width: 100%; }
.top__flexBox__itemL { padding-right: 2em; }
.top__flexBox__itemR { padding-left: 2em; }
}

/*----------------------------------------------------
	文字部分
----------------------------------------------------*/
.text__wrap { width: 26%; }
.text__ttl {
  font-size: clamp(3.0rem, 100vw * 35 / 1440, 3.5rem);
  font-family: 'Shippori Mincho B1', serif;
  line-height: 2.0;
  letter-spacing: .2em;
  width: 20%;
  vertical-align: middle;
  display: table-cell;
  padding-bottom: 1em;
  border-bottom: var(--mainColor) 2px solid;
}
.text__txt { font-size: clamp(1.4rem, 100vw * 19 / 1440, 1.9rem);
  letter-spacing: .1em;
  line-height: 2.2;
  margin: 2.2em 1em 0;
}
@media (min-width: 768px) { /* PC */
.text__ttl { writing-mode: vertical-rl; }
}
@media (max-width: 767px) { /* SP */
.text__wrap { margin: auto; width: 95%; }
.text__ttl { text-align: center;}
.text__txt { margin-bottom: 2em; }
}

/*----------------------------------------------------
	おまかせ
----------------------------------------------------*/
.-bgBlack { 
  background: url("../../index/omakase/bg_gold_top.png") no-repeat top right / 50% auto,
    url("../../index/omakase/bg_gold_bottom.png") no-repeat bottom left / 50% auto,
    #000; }
.omakase { background: url("../../index/omakase/omakase_back.png") no-repeat right bottom / 40% auto; color: #fff; }
.omakase__wrap.-reverse { flex-direction: row-reverse; }

.omakase__wrap { display: flex; justify-content: center; align-items: flex-start; }
.omakase__image { margin-left: 6%; margin-right: 3%; width: 62%; }

.omakase__price__wrap { display: flex; justify-content: center; align-items: flex-start; column-gap: 2em; margin-top: 2.5em; }
.omakase__price { background: #000; border: #fff 4px double; font-size: clamp(1.8rem, 100vw * 32 / 1440, 3.2rem); text-align: center; line-height: 1.2; padding: .5em; }
.omakase__price .circle { font-size: 70%; vertical-align: 20%; }
.omakase__caution { font-size: clamp(1.2rem, 100vw * 19 / 1440, 1.9rem); letter-spacing: .1em; line-height: 1.6; text-align: center;
  text-shadow: 
    2px  2px 1px #000000,
    -2px  2px 1px #000000,
    2px -2px 1px #000000,
    -2px -2px 1px #000000,
    2px  0px 1px #000000,
    0px  2px 1px #000000,
    -2px  0px 1px #000000,
    0px -2px 1px #000000; }

.aaa { width: 100%; }
.omakase__price__lunch,
.omakase__price__dinner { font-size: 70%; background: #555; padding: .5em; margin: .5em 0 .7em; border-radius: .2em; }
@media (min-width: 768px) { /* PC */
.omakase .text__wrap { margin-right: 10%; }
}
@media (max-width: 767px) { /* SP */
.omakase__wrap { flex-direction: column; flex-wrap: wrap; background: url("../../index/omakase/omakase_back.png") no-repeat right bottom / 80% auto; }
.omakase__price__wrap { flex-direction: column; flex-wrap: wrap; gap: 1em; }
.omakase__image { width: 95%; margin: auto;}
.omakase__price { width: 90%; margin: auto; }
}

/*----------------------------------------------------
	絶品料理
----------------------------------------------------*/
.-bgBeige { background: url("../../index/menu/bg_beige.png") repeat center center / cover; }
.menu { background: url("../../index/menu/menu_back.png") no-repeat left bottom 25% / 40% auto; display: flex; justify-content: center; align-items: flex-start; }
.menu__wrap { width: 55%; margin-right: 10%; display: flex; column-gap: 0; flex-wrap: wrap; }
.menu__item { text-align: center; font-size: clamp(1.4rem, 100vw * 18 / 1440, 1.8rem); letter-spacing: .1em; width: calc(100%  / 2); padding: 1em; line-height: 2.0; }
@media screen and (min-width:768px) and ( max-width:1024px) {
.tbOnly { display:none; }
}
@media (min-width: 768px) { /* PC */
.menu .text__wrap { margin-left: 10%; margin-right: 6%; }
}
@media (max-width: 767px) { /* SP */
.menu { flex-direction: column; flex-wrap: wrap; background: url("../../index/menu/menu_back.png") no-repeat left bottom / 80% auto; }
.menu__wrap { width: 95%; margin: 0 auto 10em; }
.menu__item { width: 100%; }
}

/*----------------------------------------------------
	銘酒
----------------------------------------------------*/
.alcohol { display: flex; justify-content: center; align-items: flex-start; }
.alcohol.-reverse { flex-direction: row-reverse; }
.alcohol__image { margin-right: 6%; width: 70%; }
@media (min-width: 768px) { /* PC */
.alcohol .text__wrap { margin-right: 10%; }
}
@media (max-width: 767px) { /* SP */
.alcohol { flex-direction: column; flex-wrap: wrap; }
.alcohol__image { width: 95%; margin: auto;}
}

/*----------------------------------------------------
	店内
----------------------------------------------------*/
.-bgRed { background: url("../../index/shop/bg_red.png") repeat center center / cover; }
.shop__flexBox { display: flex; justify-content: space-between; color: #fff; }
.shop__flexBox__itemL { width: 50%; }
.shop__flexBox__itemR { width: 50%; padding-left: 6em; }
.shop__ttl { font-size: clamp(2.5rem, 100vw * 35 / var(--mainSize), 3.5rem); font-family: 'Shippori Mincho B1', serif; font-weight: 500; line-height: 2.0; letter-spacing: 0.25em; }
.shop__txt { font-size: clamp(1.6rem, 100vw * 19 / var(--mainSize), 1.9rem); text-align: justify; line-height: 2.2; letter-spacing: 0.1em; }

@media (max-width: 767px) { /* SP */
.shop__flexBox { flex-direction: column; }
.shop__flexBox__itemL,.shop__flexBox__itemR { width: 100%; }
.shop__flexBox__itemR { padding-left: 0; }
}

/*----------------------------------------------------
	店舗情報
----------------------------------------------------*/
.topics__wrap { background: #f1f1f1; text-align: center; padding: 3em 1em; margin-bottom: 6em }
.topics__wrap .text__ttl { display: inline-block; width: auto; }


.btn__flexBox { display: flex; justify-content: space-between; gap: 3em; }
.btn__flexBox__item { width: 50%; }

.info__flexBox { display: flex; justify-content: space-between; align-items: stretch; gap: 4em; padding: 8em 0 5em; }
.info__flexBox__itemL { width: 40%; }
.info__flexBox__itemL img { width:100%; height: 100%; object-fit: cover; }
.info__flexBox__itemR { width: calc(60% - 1em); }

.infoS__flexBox { display: flex; justify-content: space-between; gap: 2em; font-size: clamp(1.6rem, 100vw * 19 / var(--mainSize), 1.9rem); text-align: left; padding: 1em 0 2.5em; }
.infoS__flexBox__itemL { width: calc(30% - 1em); letter-spacing: 0.08em; color: var(--mainColor); border-right: 1px solid var(--mainColor); padding: 0 1.2em 0.5em 0; }
.infoS__flexBox__itemR { width: calc(70% - 1em); line-height: 1.8em; }
.infoS__flexBox__itemR p { padding-left: 0.5em; text-indent: -0.5em;  }

.tel__box { background: var(--yellowColor); }
.tel__box p { display: inline-block; vertical-align: middle; }
.tel__ttl { font-size: clamp(1.7rem, 100vw * 22 / var(--mainSize), 2.2rem);  line-height: 1.3em; background: #fff; border-radius: 3px; margin: 0.5em; padding: 0.5em; }
.tel__txt { font-size: clamp(3.8rem, 100vw * 48 / var(--mainSize), 4.8rem); color: #fff; letter-spacing: 0.05em; padding: 0.25em; }
.tel__txt span { font-size: clamp(2.3rem, 100vw * 28 / var(--mainSize), 2.8rem); }

@media (max-width: 767px) { /* SP */
.btn__flexBox,.info__flexBox,.infoS__flexBox { flex-direction: column; }
.btn__flexBox__item,
.info__flexBox__itemL,.info__flexBox__itemR,
.infoS__flexBox__itemL,.infoS__flexBox__itemR { width: 100%; }
.infoS__flexBox__itemL { border-right: none; border-bottom: 1px solid var(--mainColor); }
}