@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');

.nikuman {
  font-family: "Zen Old Mincho", serif;
  color: #4B3D0C;
  font-size: 16px;
  margin-inline: min(600px - 50vw, -30px);
}
.section_inner {
    width: min(100%, 1260px);
    margin-inline: auto;
    padding-inline: 30px;
}
section#mv {
  width: 100%;
  text-align: center;
  background: #8d723d;
}
section#mv img {
  width: min(100%, 1430px);
  height: auto;
  margin-inline: auto;
}
section#content {
  position: relative;
  background: #F2E9D8;
  border: solid #FDFAF5;
  border-inline-width: 110px;
  border-top-width: 69px;
  border-bottom-width: 100px;
  padding: 221px 50px 236px;
}
section#content::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 539px;
  background: url(/img/usr/detail_design/saiho/nikuman/deco_righttop.png) no-repeat right top / contain;
  position: absolute;
  right: -116px;
  top: -100px;
}
section#content::after {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 466px;
  background: url(/img/usr/detail_design/saiho/nikuman/deco_leftbottom.png) no-repeat left bottom / 300px auto, url(/img/usr/detail_design/saiho/nikuman/deco_rightbottom.png) no-repeat right bottom / 475px auto;
  position: absolute;
  left: -110px;
  bottom: -100px;
}
.content_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.content_wrap::before,
.content_wrap::after {
  content: "";
  display: inline-block;
  background:no-repeat center / contain;
  position: absolute;
  pointer-events: none;
}
.content_wrap:nth-of-type(1)::before {
  width: 380px;
  height: 440px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_1-1.png);
  left: -190px;
  top: -320px;
}
.content_wrap:nth-of-type(2)::before {
  width: 240px;
  height: 740px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_2-1.png);
  left: -235px;
  top: 160px;
}
.content_wrap:nth-of-type(2)::after {
  width: 342px;
  height: 370px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_2-2.png);
  right: -120px;
  top: -110px;
}
.content_wrap:nth-of-type(3)::before {
  width: 332px;
  height: 159px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_3-1.png);
  left: -80px;
  top: 60px;
}
.content_wrap:nth-of-type(3)::after {
  width: 389px;
  height: 157px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_3-2.png);
  right: -130px;
  top: -190px;
}
.content_wrap + .content_wrap {
  margin-top: 120px;
}
.content_img {
    width: calc(100% - 450px);
    border-radius: 3000px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.content_textbox {
    width: 415px;
}
.content_catch {
    color: #4B3D0C;
    font-size: 28px;
    margin-bottom: 28px;
}
.content_text {
    line-height: 2.6;
}

section#saiho {
  font-family: "Zen Old Mincho", serif;
  color: #fff;
  font-size: 16px;
  line-height: 2;
  position: relative;
  margin-inline: min(600px - 50vw, -30px);
  background: url(/img/usr/detail_design/saiho/shop_bg.jpg) no-repeat center / cover;
  padding-block: 50px 56px;
}
.saiho_inner {
    width: min(100%, 1160px);
    margin-inline: auto;
    padding-inline: 30px;
}
.saiho_logo {
    width: 236px;
    margin-bottom: 16px;
}

section#deta {
  margin-top: 80px;
}
.deta_inner {
  width: min(100%, 1100px);
  margin-inline: auto;
}
.deta_content {
  color: #000000;
  font-size: 13px;
  border-bottom: 1px solid #C6B2A4;
  border-right: 1px solid #C6B2A4;
}
.deta_content dl {
  display: flex
;
  flex-flow: row wrap;
  border-top: 1px solid #C6B2A4;
  border-left: 1px solid #C6B2A4;
}
.deta_content dt {
  width: 264px;
  padding: 10px 40px;
  border-right: 1px solid #C6B2A4;
  background: #F5ECE2;
}
.deta_content dd {
  width: calc(100% - 264px);
  padding: 10px 40px;
}
.deta_content dd .is-red {
  font-size: 11px;
  display: inline-block;
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
}
.deta_note {
  margin-top: 16px;
  font-size: 14px;
  color: #000;
}

  [data-browse-mode=P] {
    .content_wrap:nth-of-type(even) {
      flex-direction: row-reverse;
      left: 45px;
    }
}







[data-browse-mode=S] {
  .nikuman {    
  font-size: 16px;
  }
.section_inner {
  padding-inline: 15px;
}
  section#content {
  padding: 76px 0 36px;
  border: none;
}
section#content::before {
  background: no-repeat;
}
section#content::after {
  width: 158px;
  height: 297px;
  background: url(/img/usr/detail_design/saiho/nikuman/deco_rightbottom_sp.png) no-repeat center / contain;
  left: initial;
  right: 0;
  bottom: 0;
}
.content_wrap + .content_wrap {
  margin-top: 36px;
}
.content_wrap:nth-of-type(1)::before {
  width: 175px;
  height: 205px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_1-1_sp.png);
  left: -15px;
  top: -76px;
}
.content_wrap:nth-of-type(1)::after {
  width: 54px;
  height: 84px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_1-2_sp.png);
  right: -15px;
  top: calc(100vw - 60px);
}
.content_wrap:nth-of-type(2)::before {
    width: 166px;
    height: 785px;
    background-image: url(/img/usr/detail_design/saiho/nikuman/deco_2-2_sp.png);
    left: -15px;
    top: -80px;
}
.content_wrap:nth-of-type(2)::after {
  width: 124px;
  height: 100px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_2-1_sp.png);
  right: -15px;
  top: calc(100vw - 130px);
}
.content_wrap:nth-of-type(3)::before {
  background: none;
}
.content_wrap:nth-of-type(3)::after {
  width: 129px;
  height: 328px;
  background-image: url(/img/usr/detail_design/saiho/nikuman/deco_3-1_sp.png);
  right: -15px;
  top: -60px;
}

.content_img {
  width: 100%;
  margin-bottom: 50px;
}
.content_textbox {
  width: 100%;
  position: relative;
}
.content_catch {
  text-align: center;
  font-size: 21px;
  margin-bottom: 28px;
  line-height: 2.2;
}
.content_text {  
height: 6.9em;
overflow: hidden;
position: relative;
margin-bottom: 20px;
transition: .3s;
}
.content_text::before {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background: transparent;
background: linear-gradient(0deg, #F2E9D890 0%, #F2E9D800 100%);
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.content_more{
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 210px;
  margin-inline: auto;
  padding: 11px;
  border: 1px solid #4B3D0C;
  border-radius: 300px;
  text-decoration: none;
  color: #4B3D0C;
  font-size: 11px;
  cursor: pointer;
}
.content_more::before {
  content: "もっと見る";
  transition: .3s;
}
.content_text:has(+ .content_more.close) {
height: auto;
margin-bottom: 20px;
}
.content_text:has(+ .content_more.close)::before {
display: none;
}
.content_more.close::before {
  content: "閉じる";
}

section#saiho {
  padding-block: 43px 30px;
  background-image: url(/img/usr/detail_design/saiho/shop_bg_sp.jpg);
}
.saiho_inner {
  padding-inline: 18px;
}
.saiho_logo {
  margin-inline: auto;
  margin-bottom: 0;
}
.saiho_text {
  text-align: center;
  font-size: 12px;
}


section#deta {
margin-top: 40px;
margin-inline: -10px;
}
.deta_content dl {
  border-top: none;
}
.deta_content dt, .deta_content dd {
width: 100%;
border-right: none;
border-top: 1px solid #C6B2A4;
}
.deta_content dt {
text-align: center;
}
.deta_content dd {
padding: 20px;
}

}