@charset "UTF-8";
/* ==========================================================================
Base
========================================================================== */

/*!
 * @acab/reset.css
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:where([hidden]:not([hidden="until-found"])) {
  display: none !important;
}

:where(html) {
  text-size-adjust: none;
  color-scheme: dark light;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
  }
  }

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}

:where(body) {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  block-size: 100%;
  block-size: 100dvb;
  -webkit-font-smoothing: antialiased;
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(button) {
  border-style: solid;
}

:where(a) {
  text-underline-offset: 0.2ex;
}

:where(ul) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}
.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
background:#fff
}
/* ==========================================
   PC：Swiperを通常表示に戻す
   ========================================== */
@media screen and (min-width: 901px) {

  .sake-slider,
  .food-slider {
    overflow: visible;
  }

  .sake-slider .swiper-wrapper,
  .food-slider .swiper-wrapper {
    display: grid;
    transform: none !important;
    width: auto !important;
  }

  .sake-slider .swiper-slide,
  .food-slider .swiper-slide {
    width: auto !important;
    margin-right: 0 !important;
    flex-shrink: 1;
  }

  /* PCではSwiperの矢印を非表示 */
  .sake-slider .swiper-button-next,
  .sake-slider .swiper-button-prev,
  .food-slider .swiper-button-next,
  .food-slider .swiper-button-prev {
    display: none;
  }
}


/* ==========================================
   スマホ：Swiper
   ========================================== */
@media screen and (max-width: 900px) {

  .sake-slider,
  .food-slider {
    overflow: hidden;
  }

  .sake-slider .swiper-wrapper,
  .food-slider .swiper-wrapper {
    flex-wrap: nowrap;
    display: flex;
    padding-bottom: 60px;
  }
}
body {
  margin: 0;
  padding: 0;
  color: var(--color-text);
  font-weight: 500;
}

@media print, screen and (width <=1023px) {
  .-pc-only {
    display: none !important;
  }
}

@media print, screen and (width >=1024px) {
  .-sp-only {
    display: none !important;
  }
}

.smooth-wrapper {
  position: relative;
  z-index: 10;
}

.attention {
  margin-top: 10px;
  font-size: 11px!important;
  display: block;
}
p .attention{
  margin-top:5px;
}
#sakesclamble-top,#sake-page{
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  line-height: 1.7;
  color: #000;
  /* overflow: hidden; */
  position: relative;
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  
}
#sake-page{
	padding-bottom:120px;
	background: #000;
}
#sakesclamble-top .kome,#sakesclamble-top .section-lead p span.kome{
  margin: 0 auto;
  font-size: 13px;
  letter-spacing: 0;
  max-width: 1000px;
}
#sakesclamble-top h2,#sake-page h2{
  margin: 0 auto 150px;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 104px;
  position: relative;
  line-height: 1.2;
  max-width: 1200px;
  color: #19a6de;
  border-bottom: 21px solid;
  transform: rotate(-5deg)
}
@media screen and (min-width:1570px){
	#sakesclamble-top h2,#sake-page h2{
		  transform: rotate(-5deg) translateX(-15%);
	}
}
#sakesclamble-top > section{
  margin: 130px 0;
  padding: 0 20px;
  position: relative;
  overflow: visible;
}
.fixed-bt{
  position: fixed;
  bottom: 0;
  right: 0;
  background: #de1985;
  color: #fff;
  width: 435px;
  height: 88px;
  display:flex;
  justify-content:center;
  border-top-left-radius: 31px;
  z-index: 100;
  font-size: 30px;
  transition: 0.3s;
	transform:translateY(120%)
}
.fixed-bt.active{
	transform:translateY(0%)
}
#sakesclamble-top .fixed-bt::before,#sake-page .fixed-bt::before{
	right:20px
}
#sakesclamble-top .fixed-bt::before{
  width:30px;
  height:30px;
  right:15px;
}
#sakesclamble-top .fixed-bt.top::before{
	display:none
}
#sakesclamble-top .fixed-bt.top a::before{
	        content: "";
	        display: block;
	        width: 16px;
	        height: 16px;
	        transform: rotate(45deg);
	        border-top: 2px solid;
	        border-left: 2px solid;
}
#sakesclamble-top .fixed-bt.top a::after{
	content:"TOP";
	display:block;
	writing-mode: lr;
	font-size: clamp(11px,1.0vw,13px);
}
.fixed-bt a{
  text-decoration:none;
  color:#fff;
  padding: 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
}
.fixed-bt a span {
  font-size: 10px;
}
.fixed-bt.soldout a::before,section#ticket-block .ticket-sortwrap.sold > h3::before{
  content:"完売御礼!";
  display:block;
  width: auto;
  height:auto;
  font-size: 53px;
  background: #000;
  color:#fff;
  padding: 8px 28px 8px 27px;
  letter-spacing: 0.1em;
  position: absolute;
  top: 0;
  left: 20px;
  transform: translateY(-66%) rotate(-3deg);
  /* animation: furifuri 1.5s forwards linear infinite; */
}
section#ticket-block .ticket-sortwrap:nth-of-type(1) > h3::before{
  left: auto;
  top: 50%;
  right: -27px;
  background: #41a9e9;
  transform: translate(100%, -68%) rotate(3deg);
}
@keyframes furifuri{
  0%,20%,40%,60%{
    transform: translateY(-66%) rotate(-3deg) scale(1.0);
  }
  10%,30%,50%{
    transform: translateY(-66%) rotate(-3deg) scale(1.06);
  }
}
.sakescrumble-bt.info-bt {
    margin: 40px auto 20px;
    background: #000;
}
.sakescrumble-bt.info-bt a {
    color: #fff;
    padding: 13px 20px;
}
@media screen and (max-width: 768px) {
  .sakescrumble-bt.info-bt a {
    padding: 7px 15px;
  }
}
.sakescrumble-bt.info-bt::before {
    transform: translate(0, 50%) rotate(-135deg);
}

.bt-wrap{
  margin-top:40px;
  display: block;
}
.sake-bt {
  margin: 0 auto;
  border: 1px solid #000;
  box-shadow: 2px 2px 0 #000;
  position: relative;
  font-size: 20px;
  max-width: 600px;
}
.sake-bt:nth-of-type(n+2){
  margin-top: 33px;
}
.sake-bt::before, .net-wrap .viewmore::before, #corporate .corporate .corporate-name::before, .sakescrumble-bt::before, .fixed-bt::before, .special-ticket .sakescrumble-bt::before{
  content: "";
  display: block;
  width:10px;
  height: 10px;
  position: absolute;
  bottom: 50%;
  right: 15%;
  transform: translate(0,50%) rotate(135deg);
  border-top: 2px solid;
  border-left: 2px solid;
}
#first-point .sake-bt:first-of-type::before,.sakescrumble-bt::before{
  bottom: 50%;
  right: 9%;
  transform: translate(0,50%) rotate(135deg);
  color: #ffffff;
}
.sake-bt a{
  padding: 37px 30px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #000;
  text-align: center;
  font-size: 27px;
}
.sake-bt a > span{
  position:relative;
  width: 100%;
}
.sake-bt a > span span{
  margin-bottom:5px;
  padding: 0 0 2px;
  display: inline-block;
  font-size: 13px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
  align-content: flex-start;
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.sake-bt a span span::before{
    content: "";
  display: block;
  width:10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 60px;
  transform: translate(0,50%) rotate(135deg);
  border-top: 1px solid;
  background:#fff;
}
s.sake-bt a span::before{
  content: "";
  display: block;
  width:10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 20px;
  transform: translate(-50%,) rotate(135deg);
  border-top: 2px solid;
}
@media screen and (max-width:768px){
  #sakesclamble-top .kome, #sakesclamble-top .section-lead p span.kome{
    font-size: 11px;
    padding: 0 20px;
  }
#sakesclamble-top h2,#sake-page h2{
    font-size: clamp(43px,4vw,63px);
    margin: 0 auto 81px;
    border-bottom: 13px solid;
  }
	#sake-page h2{
		font-size: clamp(24px,6vw,37px);
	}
  #sakesclamble-top > section,#sake-page h2 > section{
    margin: 130px 0;
    padding: 0 20px;
  }
  .fixed-bt{
    width: 100%;
    height: 60px;
    display:flex;
    border-top-left-radius: 0;
    font-size: 18px;
  }
  #sakesclamble-top .fixed-bt::before{
    width: 16px;
    height: 16px;
    right:15px;
  }
	#sakesclamble-top .fixed-bt.top a::before{
    width: 13px;
    height: 13px;
}
  .fixed-bt a::before,section#ticket-block .ticket-sortwrap:nth-of-type(1) > h3::before{
  font-size: 16px;
}
  section#ticket-block .ticket-sortwrap:nth-of-type(1) > h3::before{
  font-size: 32px;
  width: 157px;
  top: 0;
  right: auto;
  left: -11px;
  transform: translate(0, -106%) rotate(-4deg);
}
  .bt-wrap{
    margin: 30px 18px;
  }
  .sake-bt {
    font-size: 15px;
    max-width: 600px;
  }
  .sake-bt:nth-of-type(n+2){
    margin-top: 20px;
  }
  .sake-bt::before, .net-wrap .viewmore::before, #corporate .corporate .corporate-name::before, .sakescrumble-bt::before, .fixed-bt::before,.special-ticket .sakescrumble-bt::before{
    content: "";
    display: block;
    width:10px;
    height: 10px;
    position: absolute;
    bottom: 50%;
    right: 15%;
    transform: translate(0,50%) rotate(135deg);
    border-top: 2px solid;
    border-left: 2px solid;
  }
  #first-point .sake-bt:first-of-type::before,.sakescrumble-bt::before{
    bottom: 50%;
    right: 6%;
    transform: translate(0,50%) rotate(135deg);
  }
  .sake-bt a{
    padding: 37px 26px 10px 20px;
    font-size: 16px;
  }
  .sake-bt a > span{
    position:relative;
  }
  .sake-bt a > span span{
    margin-bottom:5px;
    padding: 0 8px 2px;
    font-size: 10px;
    width: 170px;
  }
  .sake-bt a span span::before{
      content: "";
    display: block;
    width:10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 60px;
    transform: translate(0,50%) rotate(135deg);
    border-top: 1px solid;
    background:#fff;
  }
  s.sake-bt a span::before{
    content: "";
    display: block;
    width:10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 20px;
    transform: translate(-50%,) rotate(135deg);
    border-top: 2px solid;
  }
}


.lead-wrap{
  padding: 0 0 50px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.lead-wrap > span{
  height: 100vh;
  padding: 0 50px 50px;
  display: flex;
  position: relative;
  gap: 0 20%;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: 1500px;
  margin: 0 auto;
}
.lead-wrap::before,#sakesclamble-top > section#info-wrap::before,.tokuten-block::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: url(https://www.tokyu-dept.co.jp/tokyufoodshow/shibuyasakescramble/images/scramble-backgrorund.webp) no-repeat center/cover;
  z-index:-2;
}
#sakesclamble-top > section#info-wrap::after, #sakesclamble-top .special-ticket::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background: #000;
  z-index:-1;
  opacity:0.1;
  transform: translateX(0);
}
#sakesclamble-top .special-ticket::before{
  z-index:1;
  opacity: 0.5;
}
.mv-titleimagewrap {
  z-index: 10;
  position: relative;
  padding: 10vh 5vw;
  display: flex;
  justify-content: center;
}
.mv-titleimagewrap figure{
	transform: rotate(10deg) translateX(23%);
	height: 72vh;
	width: auto;
	aspect-ratio: 148/567;
	/* animation: nanamefuwa 3.5s infinite linear; */
}
figure.title-img.title-sake01 {
    transform: rotate(10deg) translateX(-90%);
    height: 55vh;
    position: absolute;
    top: 10%;
    left: 20%;
    aspect-ratio: 139/308;
}
figure.title-img.title-sake02 {
    transform: translateX(-90%);
    height: 35vh;
    position: absolute;
    bottom: -9%;
    left: 30%;
    aspect-ratio: 32/71;
}
figure.title-img.title-sake03 {
    transform: translateX(-90%);
    height: 35vh;
    position: absolute;
    bottom: -13%;
    right: 10%;
    aspect-ratio: 139/308;
}
figure.title-img.title-sake04 {
    transform: translateX(-90%);
    height: 35vh;
    position: absolute;
    bottom: 21%;
    right: -9%;
    aspect-ratio: 139/308;
}
figure.title-img.title-sake05 {
    transform: translateX(-90%);
    height: 27vh;
    position: absolute;
    bottom: 57%;
    right: 21%;
    aspect-ratio: 139/308;
}
.mv-titleimagewrap figure img{
	height:100%;
	object-fit:contain
}
@keyframes nanamefuwa{
  0%,100%{
    transform:rotate(10deg) translateY(-10px) scale(1.0)
  }
  50%{
    transform:rotate(10deg) translateY(5px) scale(0.99)
  }
}
.mv-titleimagewrap h1{
  line-height: 1.3;
  height: 59vh;
  width: 52%;
	position:relative
}
.mv-titleimagewrap h1::before{
	content:"";
	display:block;
	position:absolute;
	top: -1%;
	left: 24%;
	transform: translateX(-100%);
	width: 180px;
	aspect-ratio: 200/151;
	background: url(/shibuyasakescramble/images/2026/title-sub.webp) no-repeat center/contain;
	z-index: 10;
}
.mv-titleimagewrap h1::after{
	content:"";
	display:block;
	position:absolute;
	top: -10%;
	right: 1%;
	transform: translateX(100%);
	width: 10vw;
	aspect-ratio: 39/92;
	background: url(/shibuyasakescramble/images/2026/title-sake05.webp) no-repeat center/contain;
	max-width: 100px;
}
.info-block {
    display: grid;
    gap: 42px;
}
@media screen and (max-width:1000px){
	.mv-titleimagewrap h1{
  width: 70%;
}

}
@media screen and (max-width:800px){
	.mv-titleimagewrap h1{
  line-height: 1.3;
  height: 59vh;
  width: 70%;
	position:relative
}
	figure.title-img.title-sake01 {
    height: 40vh;
    top: 5%;
    left: 27%;
    transform: rotate(1deg) translateX(-90%);
}
figure.title-img.title-sake02 {
    height: 30vh;
    bottom: -9%;
}
figure.title-img.title-sake03 {
    height: 32vh;
    bottom: -13%;
    right: 10%;
    aspect-ratio: 101/332;
}
figure.title-img.title-sake04 {
    transform: translateX(-90%);
    height: 32vh;
    position: absolute;
    bottom: 9%;
    right: -20%;
}
	.mv-titleimagewrap h1::after{
	top: -3%;
	right: 12%;
	width: 13vw;
	z-index: revert-layer;
	}
	.mv-titleimagewrap h1::before{
	top: 9%;
	width: 108px;
	left: 27%;
}
}
@media screen and (max-width:500px){
		.mv-titleimagewrap h1::before{
	top: 2%;
	width: 110px;
	left: 32%;
}
	    .mv-titleimagewrap h1::after {
        width: 16vw;
        right: 13%;
        top: -3%;
        z-index: -1;
    }
	    figure.title-img.title-sake01 {
        height: 36vh;
        left: 24%;
        top: 5%;
        transform: rotate(4deg) translateX(-90%);
    }
figure.title-img.title-sake04 {
    height: 25vh;
    right: -19%;
    bottom: 18%;
}
	    figure.title-img.title-sake02 {
        height: 23vh;
        bottom: 4%;
    }
	    figure.title-img.title-sake03 {
        height: 28vh;
        bottom: -10%;
        right: 15%;
    }
	
}
#sakesclamble-top .mv-titleimagewrap h1 img{
  height:100%;
  object-fit: contain;
  object-position: center;
}
.nav-flex {
    display: grid;
    grid-template-columns: 1fr 480px;
    position: relative;
    z-index: 100;
    gap:3%;
    margin: 0 0 0 auto;
}
@media screen and (max-width:900px){
	.nav-flex {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
}
}
.nav-flex .kv-lead {
    /* writing-mode: vertical-rl; */
    font-size: 1.3vw;
    font-size: clamp(16px, 2.5vw, 19px);
    text-shadow: 0 0 20px #000;
}
.nav-flex .kv-lead span.green{
	background: linear-gradient(90deg, rgba(44, 166, 224, 1) 18%, rgba(227, 0, 127, 1) 100%);
	padding: 3px 7px;
	display: inline-block;
	margin: 6px 0;
	color: #ffffff;
	letter-spacing: 0.1em;
	font-size: clamp(23px, 3.5vw, 29px);
	/* border-bottom: 5px solid; */
	text-shadow: none;
}
@media screen and (max-width: 768px){
	.nav-flex .kv-lead span.green{
	margin: 2px 0;
}
}
.nav-flex .kv-lead span.inshibuya{
	/* display: block; */
	text-align: end;
	margin-left: 12px;
}
.nav-flex .info{
	text-shadow: 0 0 19px #000;
	/* background: #000000a3; */
}
@media screen and (max-width: 900px){
	.nav-flex .info-block {
    width:80%;
    margin:0 auto;
    display: grid;
    gap: 20px;
    min-width: 307px;
}
}
.nav-flex .info p{
	/* border-bottom:5px solid #fff; */
}
.nav-flex .info p:first-of-type{
	margin-bottom: 6px;
}
@media screen and (max-width: 450px){
	.nav-flex .info p:first-of-type{
		margin-bottom: 1px;
	}
}
.nav-flex .info p > span:first-of-type{
	margin-right:15px;
	font-size: 12px!important;
	border: 2px solid;
	padding: 7px;
}

#sakesclamble-top .lead-wrap .schedule{
  gap: 20px;
  justify-content: flex-start;
}
#sakesclamble-top .lead-wrap .schedule .hour{
  display: flex;
  gap:10px;
  font-size: 14px;
}
#sakesclamble-top .lead-wrap .schedule .hour > span{
  padding:0 10px 0 0;
  margin:0 10px 0 0;
  display:block;
  border-right:1px solid;
  font-size: 26px;
}
#sakesclamble-top .lead-wrap .schedule .hour > span:last-of-type{
  border:none
}
#sakesclamble-top .lead-wrap .schedule .hour span span{
  font-size: 11px;
}
#sakesclamble-top .lead-wrap .date{
  font-size: clamp(28px, 6.5vw, 51px);
  line-height: 1.0;
}
#sakesclamble-top .lead-wrap time {
    font-size: clamp(28px, 5.5vw, 32px);
}
#sakesclamble-top .lead-wrap .date .year{
  font-size: 22px;
}
#sakesclamble-top .lead-wrap .date .youbi{
  writing-mode: vertical-lr;
  font-size: 17px;
}
#sakesclamble-top .lead-wrap .place{
  font-size: 24px;
}
#sakesclamble-top .lead-wrap .place span{
  font-size: 25px;
}
#sakesclamble-top .lead-wrap .place span.small{
  font-size: 15px
}
#sakesclamble-top .lead-wrap .sakescrumble a{
  padding: 10px 20px;
  border: 1px solid;
  display: block;
  box-shadow: 0 2px 0 #fff;
}
.sakescrumble-bt {
  margin: 40px auto 0;
  width: 80%;
  max-width: 300px;
  background: #ffffff;
  text-align: center;
  position: relative;
  border-radius: 100vh;
  box-shadow: 0 3px 0 #000;
	transition:0.3s;
}
.sakescrumble-bt:hover{
	 box-shadow:none;
	transform:translateY(2px)
}
.sakescrumble-bt a {
  padding: 20px 20px;
  color: #000000;
  text-decoration: none;
  display: block;
  font-size: clamp(17px,2.5vw,22px);
  line-height: 1.2;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#sakesclamble-top nav{
	max-width:800px;
	background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(0 0 0) 20%);
	border-radius:1.5vw;
	padding: 33px 20px 35px 3%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	display: grid;
	grid-template-columns: 29px 1fr;
	gap: 20px;
	/* width: 61%; */
	background: #2CA6E0;
	background: linear-gradient(90deg, rgba(44, 166, 224, 1) 18%, rgba(227, 0, 127, 1) 100%);
	width:80%;
	min-width: 485px;
}
@media screen and (max-width: 550px){
	#sakesclamble-top nav{
		min-width: auto;
		width:100%
}
}
@media screen and (max-width: 400px){
	#sakesclamble-top nav{
	padding: 33px 20px 35px 0;
	min-width: auto;
	width:100%;
	background: #000;
}
}
#sakesclamble-top nav h2{
	writing-mode:vertical-rl;
	font-size: clamp(12px,2.5vw,27px);
	/* color: #000; */
	border-right: 2px solid #fff;
	margin: 0;
	padding: 0 5px 0 0;
	transform: none;
	color: #fff;
	border-bottom: 0;
}
#sakesclamble-top nav ul{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:30px;
}
#sakesclamble-top nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: clamp(17px,2.5vw,28px);
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
#sakesclamble-top nav ul li a::after, #sake-page nav ul li a::after, .sakescrumble-bt.sake-page::before{
    content:"";
    display:inline-block;
    width: 17px;
    height: 17px;
    border-top:2px solid;
    border-left:2px solid;
    transform: rotate(-135deg) translateX(-14px) translatey(19px);
    position: absolute;
    right: 0;
}
#sakesclamble-top nav ul li a::after{
    transform: rotate(-135deg) translateX(0px) translatey(-4px);
    position: absolute;
    right: 0;
}
#sakesclamble-top nav ul li a span{
	font-size:clamp(11px,1.5vw,14px);
	display:block;
}
@media screen and (max-width: 768px){
	#sakesclamble-top nav ul li a::after,#sake-page nav ul li a::after{
    width: 10px;
    height: 10px;
}
  #sakesclamble-top .lead-wrap{
    padding: 0;
  }
  #sakesclamble-top .lead-wrap > span{
    padding:20px;
    gap: 0;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }
  .mv-titleimagewrap{
    padding: 4vh 5vw 10vh;
    width: 100%;
  }
  #sakesclamble-top .lead-wrap h1{
    width: 90.335286vw;
    justify-content: center;
    display: flex;
  }
	.mv-titleimagewrap figure{
	height: 60vh;
  }
  .sakescramble-info {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    border: none;
    max-width: 350px;
    position: relative;
  }
  .sakescramble-info img{
    max-width:350px;
    display: block;
  }
  
  #sakesclamble-top .lead-wrap .schedule{
    gap: 7px 20px;
    margin-bottom: 10px;
  }
  #sakesclamble-top .lead-wrap .schedule .hour{
    gap:10px;
    font-size: 14px;
  }
  #sakesclamble-top .lead-wrap .schedule .hour > span{
    padding:0 10px 0 0;
    margin:0 10px 0 0;
    font-size:20px;
  }
  #sakesclamble-top .lead-wrap .schedule .hour span span{
    font-size: 11px;
  }
  #sakesclamble-top .lead-wrap .date{
    line-height: 1.0;
  }
  #sakesclamble-top .lead-wrap .youbi{
    font-size: 18px;
  }
  #sakesclamble-top .lead-wrap .date .year{
    font-size: 18px;
  }
  #sakesclamble-top .lead-wrap .date .youbi{
    writing-mode:verticle-rl;
    font-size: 13px;
  }
  #sakesclamble-top .lead-wrap .place{
    font-size: 18px;
  }
  #sakesclamble-top .lead-wrap .place span{
    font-size: 25px;
  }
  #sakesclamble-top .lead-wrap .place span.small{
    font-size: 15px
  }
  #sakesclamble-top .lead-wrap .sakescrumble a{
    padding: 10px 20px;
  }
  .sakescrumble-bt {
    margin: 15px auto 0;
    width: 80%;
    max-width: 300px;
  }
  .sakescrumble-bt a {
      padding: 16px 20px;
  }
	#sakesclamble-top nav ul{
	grid-template-columns: max-content max-content;
	justify-content: space-between;
	gap: 30px;
	}
#sakesclamble-top nav ul li{
	min-width: 142px;
}
}

  /* 会場マップ */
section#map {
	margin: 130px auto;
}
#map h2{
	/* font-size: 70px; */
	text-align: left;
}
#sakesclamble-top #map h2 span{
	font-size: 20px;
}
section#map .map-lead {
	text-align: center;
	font-size: 22px;
	margin: 0 0 100px;
}
section#map .map-area {
	position: relative;
	max-width: 1200px;
	padding: 0 65px;
	margin: 0 auto;
}
@media screen and (max-width:980px) and (min-width:785px){
	section#map {
	padding: 0 69px;
	}
}
dialog[open] {
    width: 100%;
    height: 100%;
    background: #0000008f;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
 display: flex;
 align-items: center;
 justify-content: center;
 max-width: 100%;
 max-height: 100%;
 padding: 0;
 margin: 0;
 border: none;
}
section#map .map-area .link-bt {
	position: absolute;
	background: transparent;
	font-size: 0;
	border: none;
	padding: 0;
	cursor: pointer;
}
section#map .map-area .link-bt.nagano:hover{
	transform: translateY(-31%) scale(1.07);
}
section#map .map-area .link-bt.main:hover{
	transform: translateY(-74%) translateX(1%) scale(1.07);
}
section#map .map-area .link-bt.nagano {
	top: 0;
	width: 24.5%;
	left: 25.9%;
	transform: translateY(-31%);
}
section#map .map-area .link-bt.main {
	top: 0;
	right: 0;
	width: 23.5%;
	transform: translateY(-74%) translateX(1%);
}
.modal-content{
    position: relative;
    width: 85%;
    height: 96vh;
    max-width: 800px;
    overflow: hidden;
  }
  .modal-content .modal-wrap{
    padding: 51px 30px 30px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    position: relative;
  }
  .modal-content .modal-wrap h2{
    margin: 0 0 15px;
    text-align: left;
  }
  .modal-content .modal-wrap .map-scroll{
    overflow: scroll;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 100;
  }
  .modal-content .modal-wrap::before{
	  content:"※左右にスクロールできます";
	  display:block;
	  position:absolute;
	  top: 12px;
	  left: 12px;
	  color: #000;
	  font-size: 11px;
	  z-index: 100000;
	  visibility: visible;
	  opacity: 1;
	 }
  #sakesclamble-top .modal-content .modal-wrap .map-scroll img {
  height: 100%;
  }
  #sakesclamble-top #floor-modalmain .modal-content .modal-wrap .map-scroll img{
	  aspect-ratio: 2855/1883;
	  height: 100%;
	  width: auto;
	  max-inline-size: max-content;
	 }
 dialog button.closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    width: 40px;
    height: 40px;x;
    padding: 0;
    font-size: 0;
    background: transparent;
  }
dialog button.closeBtn::before{
    content: "";
    display: block;
    width: 1.5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    transform: rotate(45deg);
    background: #000;
    z-index: 100;
  }
dialog button.closeBtn::after{
    content: "";
    display: block;
    width: 1.5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    transform: rotate(135deg);
    background: #000;
    z-index: 100;
  }
dialog#lastyear_modal button.closeBtn::before,dialog#lastyear_modal button.closeBtn::after{
	background:#fff;
	width: 3.5px;
}
  @media screen and (max-width:768px){
    section#map .map-lead {
	font-size: 15px;
	margin: 0 0 100px;
}
	  section#map .map-area{
		  padding:0 20px
	  }
	  section#map{
		  margin: 0 auto 0;
		  padding: 63px 20px 43px;
		  background: #ebebeb;
		 }
	    .modal-content .modal-wrap::before{
	  content:"※上下左右にスクロールできます";
	 }
	  section#map .map-lead .sp-only{
		  display:inline-block
	  }
    .floor-map-modal{
      margin-bottom: 30px;
    }
section#map .map-area .link-bt.main {
	transform: translateY(-74%) translateX(5%);
}
section#map .map-area .link-bt.nagano {
	transform: translateY(-5%) translateX(5%);
}
section#map .map-area .link-bt.nagano:hover{
	transform:  translateY(-5%) scale(1.07);
}
section#map .map-area .link-bt.main:hover{
	transform: translateY(-74%) translateX(5%) scale(1.07);
}
    dialog[open] {
      width: 100%;
      height: 100%;
      background: #0000008f;
      position: fixed;
      top: 0;
      left: 0;
    }
    .modal-content{
      width: 85%;
      max-width: 800px;
    }
    .modal-content .modal-wrap{
      padding: 51px 10px 30px;
    }
    .modal-content .modal-wrap h2.en-title{
      margin: 0 0 15px;
    }
    .modal-content .modal-wrap .map-scroll{
      overflow: scroll;
    }
    #sakesclamble-top .modal-content .modal-wrap .map-scroll img {
        max-width: none;
        max-height: none;
    }

    .modal-content .modal-wrap button.closeBtn {
      top: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
    }
  }

#sakesclamble-top > section#ticket-block {
    margin-top: 0;
    padding: 80px 0 0;
    background: #ebebeb;
}
#sakesclamble-top #ticket-block .ticket-wrap{
  margin: 55px auto 109px;
  padding: 0 20px;
  gap: 180px 120px;
  position: relative;
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket{
  display: grid;
  grid-template-columns: 16% 1fr;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  aspect-ratio: 2.3/1.2;
  width: 100%;
}
#sakesclamble-top #ticket-block .ticket-sortwrap>.ticket-wrap .ticket {
	position: relative;
}
#sakesclamble-top #ticket-block .ticket-sortwrap>.ticket-wrap .ticket::after {
	content:"※チケットのご購入は外部サービス「Peatix」にて承ります。";
  display:block;
  position:absolute;
	width: 75%;
  bottom: -15%;
  left: 0;
  color: #000;
  font-size: 10px;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width:460px){
	#sakesclamble-top #ticket-block .ticket-sortwrap>.ticket-wrap .ticket::after {
    bottom: -27%;
  }
}
#sakesclamble-top section#ticket-block .ticket-sortwrap:nth-of-type(1) .ticket:hover{
  transform: translate(2px,2px);
}
#sakesclamble-top section#ticket-block .ticket-sortwrap:nth-of-type(1) .ticket:hover .ticket-body, #sakesclamble-top section#ticket-block .ticket-sortwrap:nth-of-type(1) .ticket:hover .ticket-sort {
  box-shadow: 0;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket a{
  text-decoration:none;
  color:#000
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-sort{
  border-radius: 13px;
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
  background: #de1985;
  color: #fff;
  writing-mode:vertical-rl;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 2px solid #000;
  border-right: none;
  box-shadow: 0 2px 0 #000;
  font-size: clamp(13px,2.0vw,18px);
  letter-spacing: 0.2em;
  position: relative;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket.soldout .ticket-sort{
	  background: #000;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-sort a{
  color: #ffffff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket.soldout .ticket-sort a,#sakesclamble-top #ticket-block .ticket-wrap .ticket.soldout .hukidashi{
  color: #9a9a9a;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket:nth-of-type(2) .ticket-sort,#sakesclamble-top #ticket-block .ticket-wrap .ticket:nth-of-type(2) .buy-bt{
  background: #41a9e9;
}
#sakesclamble-top #ticket-block .ticket-sortwrap:nth-of-type(2) .ticket-wrap .ticket .ticket-body::before{
	background-color:#fff
}
#sakesclamble-top #ticket-block .ticket-sortwrap:nth-of-type(2) .ticket-wrap .ticket:last-of-type .hukidashi{
	color:#fff
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-sort span{
  margin-top: 13px;
  writing-mode: sideways-lr;
  font-size: 10px;
  position: absolute;
  right: 1px;
  bottom: 50%;
  transform: translateY(50%);
  height: 100%;
  text-align: center;
  opacity: 0.7;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi{
  padding: 9px 15px 9px 18px;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translate(-43%,-100%);
  border-radius: 100vh;
  color: #ffffff;
  background: #000000;
  width: max-content;
  text-align: center;
  letter-spacing: -0.1em;
  font-size: 18px;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi::before{
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,44%) rotate(45deg);
  background: #000000;
  border-bottom-right-radius: 3px;
  z-index: -1;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket:last-of-type .hukidashi,#sakesclamble-top #ticket-block .ticket-wrap .ticket:last-of-type .hukidashi::before{
  background: #000000;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi span {
    font-size: 24px;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi span.num {
  font-size: 30px;
  line-height: 1.0;
  display: inline-block;
  transform: translateY(1.9px);
  margin: 0 -3px;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body{
  padding: 28px 24px 10px;
  border-radius: 14px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  border: 2px solid #000;
  border-left: 2px dashed #000;
  box-shadow: 2px 2px 0 #000;
  position: relative;
  overflow:hidden;
  /* background: #fff; */
}
#sakesclamble-top #ticket-block .ticket-sortwrap .ticket-wrap .ticket .ticket-body a{
  padding: 25px 13px 27px 11px;
}
#sakesclamble-top #ticket-block .ticket-sortwrap .ticket-wrap .ticket .ticket-body{
  padding:0
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body a{
  text-decoration:none;
  color:#000;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 9px;
  position: relative;
  box-sizing: border-box;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top: 0;
  left: 0;
  background: url(https://www.tokyu-dept.co.jp/tokyufoodshow/shibuyasakescramble/images/scramble-illust.webp) no-repeat center/100% #ffffff;
  z-index: 0;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket.soldout .ticket-body::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top: 0;
  left: 0;
  background: url(https://www.tokyu-dept.co.jp/tokyufoodshow/shibuyasakescramble/images/scramble-illust.webp) no-repeat center/100%;
  z-index: 0;
  background-color: #6b6868;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body p{
  line-height: 0.8;
  font-size: clamp(24px,3vw,26px);
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body > p:first-of-type{
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  position: relative;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body p.price{
  font-size: clamp(25px,4vw,30px);
  text-align: right;
  position: relative;
  margin: 0;
  grid-column: 1 / 3;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body p span{
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.3;
  display: block;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body p span.food-t{
  line-height: 1.0;
  font-size: clamp(20px, 1.8vw, 20px);
  border-radius: 5px;
  position: relative;
  margin: 0 0 10px;
}
@media screen and (max-width:495px){
	#sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body p span.food-t{
  font-size: clamp(14px, 1.5vw, 18px);
  }
	#sakesclamble-top #ticket-block .ticket-wrap .ticket:nth-of-type(2) .ticket-body p:first-of-type::before{
	left: 113px;
}
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket.soldout .ticket-body p span.food-t{
  color: #848484;
  background: #000000;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .buy-bt{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -25px;
  right: 58px;
  transform: translate(50%, 50%);
  width: 28%;
  aspect-ratio:1/1;
  border-radius: 50%;
  background: #de1985;
  line-height: 1.2;
  box-shadow: 4px 3px 0 #000000;
  animation: pochipochi 2.0s linear infinite;
  min-width: 103px;
}
@keyframes pochipochi{
  0%,14%,28%,100%{
    box-shadow: 4px 3px 0 #000000;
    transform: translate(50%, 50%);
  }
  7%,21%{
  box-shadow: none;
  transform: translate(53%, 54%);
  }
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .buy-bt:hover{
  box-shadow: none;
  transform: translate(53%, 54%);
    animation: none;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .buy-bt::before{
  content:"";
  display:block;
  position:absolute;
  bottom:35%;
  right:15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #ffffff;
  border-right: 0;
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .buy-bt a{
  padding: 20px;
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: clamp(13px,2.0vw,18px);
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .kome{
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  font-size: 11px;
  width: 100%;
  text-align: center;
}
#sakesclamble-top section#ticket-block .ticket-sortwrap .special-ticket .ticket:hover{
	transform:none
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket .fukidasi {
    position: absolute;
    top: 0;
    transform: translateY(-87%);
    left: 55px;
    width: 13vw;
    max-width: 200px;
}
@media screen and (max-width:768px){
	#sakesclamble-top #ticket-block .ticket-wrap .ticket .fukidasi {
    width: 30vw;
    max-width:150px;
    top: 28px;
}
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket:first-of-type .fukidashi01 {
    transform: translate(89%,-86%);
}
#sakesclamble-top #ticket-block .ticket-wrap .ticket:first-of-type .fukidasi{
     left: 20px;
}
@media screen and (max-width:768px){
	#sakesclamble-top #ticket-block .ticket-wrap .ticket:first-of-type .fukidasi{
     top: 0px;
  }
	#sakesclamble-top #ticket-block .ticket-wrap .ticket:nth-of-type(2) .fukidasi{
     top: 15px;
  }
}



.tokuten-block{
    margin: 100px auto 0;
    /* background: linear-gradient(90deg, rgba(44, 166, 224, 1) 18%, rgba(227, 0, 127, 1) 100%); */
    padding: 106px 20px 70px;
    position: relative;
}
@media screen and (max-width:768px){
	.tokuten-block{
    margin: 50px auto 0;
	}
}
.tokuten-block::before{
	z-index:0;
	background-image:url(/shibuyasakescramble/images/2026/tokuten-bg.webp)
}

.tokuten-block h3{
	text-align:center;
	font-size: clamp(22px,3vw,33px);
	position: relative;
	line-height: 1.2;
	max-width: 1200px;
	color: #ffffff;
	margin: 0 auto 77px;
	z-index:1;
	width: max-content;
	text-shadow: 0 0 10px #000000a3;
	letter-spacing: 0.1em;
}
.tokuten-block h3 span.fukidashi{
	font-size: clamp(17px, 2vw, 24px);
	background: #de1985;
	color:#fff;
	padding: 10px 11px 10px 15px;
	position:absolute;
	top: -17px;
	left:0;
	transform: translateY(-100%) translateX(-37%) rotate(-3deg);
	border-radius: 5px;
	text-shadow: none;
	letter-spacing: 0;
}
.tokuten-block h3 span.fukidashi::before {
    content: "";
    display: block;
    width: 20px;
    height: 24px;
    position: absolute;
    background: #de1985;
    transform: rotate(45deg) translateY(50%);
    bottom: 0;
    left: 55%;
    border-radius: 5px;
    z-index: -1;
}
.tokuten-block > .sakescrumble-bt{
	background: #de1985;
	width: 85%;
	max-width: 365px;
	box-shadow: 1px 6px 0 #000000;
	z-index:1;
}
.tokuten-block > .sakescrumble-bt a{
	color:#fff
}
ul.tokuten-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 50px;
    text-align: center;
    max-width: 1000px;
	margin:30px auto 0;
	z-index:1;
	position:relative
}
ul.tokuten-wrap li:first-of-type{
	padding: 41px 20px 29px;
}
ul.tokuten-wrap li{
    background: #ffffff;
    padding: 64px 20px 29px;
    display: grid;
    color: #000000;
    grid-template-columns: 40% 1fr;
    gap: 12px;
    align-items: center;
    position: relative;
    font-size: clamp(16px, 2vw, 20px);
    border: 6px solid #fff;
    border-radius: 5vw;
    border-top-right-radius: 5vw;
    box-shadow: 10px 10px 0 #de1985;
    border: 6px solid #de1985;
    border-top-left-radius: 5vw;
}
ul.tokuten-wrap li p.present-title{
	position:relative;
	display: flex;
	font-size: clamp(21px, 3vw, 37px);
	align-items: flex-end;
	line-height: 1.0;
	margin: 0;
	transform: rotate(-5deg);
	letter-spacing: 0.1em;
	position: absolute;
	top: -35px;
	left: 24px;
	border: 5px solid;
	padding: 0 22px 17px;
	color: #de1985;
	border-radius: 100vw;
	background: #fff;
	box-shadow: 6px 6px 0 #de1985;
}
ul.tokuten-wrap li p.present-title span{
	font-size: clamp(31px, 5vw, 63px);
	transform: translateY(6px);
}

ul.tokuten-wrap li span.member {
    display: block;
    font-size: clamp(13px, 1.2vw, 16px);
    border-bottom:2px solid;
    white-space: nowrap;
}
ul.tokuten-wrap li span.pt{
	font-size: clamp(18px, 2vw, 27px);
	color: #de1985;
}
ul.tokuten-wrap li:first-of-type span.pt{
	font-size: clamp(16px, 2vw, 25px);
}
ul.tokuten-wrap li span.pt span{
	font-size: clamp(31px, 5vw, 47px);
	line-height:1.2
}
ul.tokuten-wrap li figure{
    margin: 0 auto;
    width: 81%;
    display: flex;
    justify-content: center;
    height: 20vh;
}
ul.tokuten-wrap li figure img{
	height:100%;
	object-fit: contain;
}
ul.tokuten-wrap .sakescrumble-bt{
	background: #3bb1e1;
	width: 99%;
	max-width: 365px;
	grid-column: 1/3;
	margin: 0 auto;
}
ul.tokuten-wrap .sakescrumble-bt a{
	color:#fff;
	padding: 16px 17px;
	line-height: 1.0;
	display: block;
}
ul.tokuten-wrap .sakescrumble-bt a span{
	font-size:clamp(11px,2.0vw,13px);
	line-height: 1.0;
	display: block;
	margin: 0 0 5px;
}
@media screen and (max-width:860px){
	ul.tokuten-wrap{
		 grid-template-columns: 1fr;
	}
	ul.tokuten-wrap li,ul.tokuten-wrap li:first-of-type{
    padding: 48px 20px 32px;
    box-shadow: 5px 5px 0 #de1985;
    border: 6px solid #de1985;
 }
	ul.tokuten-wrap li figure{
    height: auto;
}
	ul.tokuten-wrap li p.present-title{
	left: 12px;
	padding: 0 21px 13px;
	color: #de1985;
	box-shadow: 3px 4px 0 #de1985;
}
	.tokuten-block > .sakescrumble-bt{
		margin-top:30px
	}
	ul.tokuten-wrap li p.present-title span{
		transform: translateY(3px);
	}
}
.special-ticket {
  margin: 80px auto 0;
  padding: 70px 20px;
  background: url(/tokyufoodshow/shibuyasakescramble/images/special-ticketbg.webp) no-repeat center/cover;
  color: #fff;
  max-width: 1000px;
  position: relative;
  overflow: hidden;
}
.special-ticket h3 {
  max-width: 894px;
  line-height: 1.3;
  font-size: clamp(30px,13vw,80px);
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
	.special-ticket h3 span {
    font-size: clamp(21px, 3vw, 32px);
    display: block;
    color: #ccc;
}
.special-ticket > span {
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 10;
  position: relative;
}
.special-ticket .sakescrumble-bt{
	background:#de1985;
}
.special-ticket .sakescrumble-bt a{
	color:#fff
}
#sakesclamble-top #ticket-block .special-ticket .ticket-wrap{
	gap: 9%;
	margin: 55px auto;
}
#sakesclamble-top #ticket-block .special-ticket .ticket-wrap li:last-of-type::before{
	content:"+";
	display:block;
	position:absolute;
	top: 50%;
	left: -8%;
	transform: translate(-50%,-50%);
	font-size: clamp(37px,4.5vw,50px);
}
.special-ticket > span > p{
  margin: 20px 0 0;
  font-size: clamp(16px, 3vw, 20px);
}
.ticket-sortwrap section.flow.payments h3 {
  max-width: 894px;
  line-height: 1.3;
  font-size: clamp(21px, 3vw, 32px);
}
section#ticket-block .ticket-sortwrap:nth-of-type(1) > h3{
  position:relative;
  display: inline-block;
}
#map h2, #endcall h2{

}
#sakesclamble-top .ticket-title {
  max-width: 1200px;
  margin: 0 auto 240px;
  padding: 0 20px;
}
@media screen and (max-width:768px){
	#sakesclamble-top .ticket-title{
		margin: 0 auto 170px;
	}
}
@media screen and (min-width:900px){
	#ticket-block .ticket-title p.kome {margin-top: -27px;}
}
#sakesclamble-top h2 span,#endcall h2 span,#sake-page h2 span {
  font-size: 45px;
  /* display: block; */
  margin-left: 28px;
}

.ticket-sortwrap section.flow.payments{
  margin: 100px auto 0;
  text-align:center;
  font-size:18px;
  padding: 20px;
  border: 2px solid;
margin: 30px auto 90px;
  max-width: 894px;
}
.ticket-sortwrap section.flow.payments .ex-t{
  font-size:22px;
}
.ticket-sortwrap section.flow.payments .underline{
  padding:0 0px 5px 5px ;
  border-bottom:2px solid;
}
.ticket-sortwrap section.flow.payments figure{
  max-width:700px;
  margin:30px auto 0;
}


@media screen and (max-width:768px){
		#sakesclamble-top h2 span, #endcall h2 span,#sake-page h2 span{
    font-size: clamp(26px,2vw,32px);
    margin-left: 16px;
}
  #sakesclamble-top > section#ticket-block {
    padding: 80px 0 0;
    margin-bottom: 0;
  }
  #ticket-block h2, #map h2 {
    margin: 0 auto 29px;
    padding: 0;
    font-size: 33px;
  }
#ticket-block .tokuten-block h3{
		width:auto;
		margin:0 auto 50px
	}
	.tokuten-block h3 span.fukidashi{
		transform: translateY(-100%) translateX(0%) rotate(-3deg);
	}
  #ticket-block h2 span {
    font-size: clamp(26px,2vw,32px);
    transform: translateY(-100%) translateX(-9%) rotate(-3deg);
    letter-spacing: 0;
  }
  #sakesclamble-top #ticket-block .special-ticket .ticket-wrap{
    margin: 19px auto 25px;
    gap: 131px 0;
    display: flex;
    flex-direction: column;
    gap: 37px;
    padding: 0;
  }
	#sakesclamble-top #ticket-block .special-ticket .ticket-wrap li:last-of-type::before{
		top: -11%;
		left: 50%;
	}
	#sakesclamble-top #ticket-block .ticket-wrap{
		grid-template-columns:1fr;
		/*gap: 146px;*/
		gap: 166px;
		margin: 55px auto 99px;
		width: 90%;
	}
	#sakesclamble-top #ticket-block .ticket-wrap .ticket{
	width: 100%;
	}

  #sakesclamble-top #ticket-block .ticket-sortwrap:nth-of-type(2) .ticket-wrap {
    gap: 34px 20px;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket:nth-of-type(3){
    margin-top:40px;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket:nth-of-type(4){
    margin-top:10px
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-sort{
    border-radius: 5px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    letter-spacing: 0.1em;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-sort span{
    margin-top: 4px;
    font-size: 10px;
    right: 0px;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi{
    padding: 5px 9px 7px 10px;
    font-size: 14px;
    line-height: 1.2;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi span {
      font-size: 18px;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .hukidashi span.num {
    font-size: 24px;
    line-height: 1.0;
    display: inline-block;
    transform: translateY(1.9px);
    margin: 0 -3px;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body{
    padding: 6px 15px 10px;
    border-radius: 5px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    gap: 10px;
  }
  #sakesclamble-top #ticket-block .ticket-sortwrap .ticket-wrap .ticket .ticket-body a{
	  gap:10px;
	  padding: 38px 20px 27px 11px;
	 }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket.soldout .ticket-body::before{
    top: 0;
    left: 0;
    background: url(https://www.tokyu-dept.co.jp/tokyufoodshow/shibuyasakescramble/images/scramble-illust.webp) no-repeat center/cover;
    background-color: #6b6868;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .ticket-body p span{
    font-size: 10px;
    line-height: 1.3;
    display: block;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .buy-bt{
    bottom: -15px;
    right: 31px;
    transform: translate(50%, 50%);
    width: 79px;
    min-width: auto;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .buy-bt a{
    padding: 10px;
    font-size: 13px;
  }
  #sakesclamble-top #ticket-block .ticket-wrap .ticket .kome{
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    font-size: 11px;
    width: 100%;
    text-align: center;
  }
  .special-ticket {
    margin: 30px auto 0;
    padding: 33px 20px 71px;
    border-radius: 30px;
    width: 90%;
  }
  .special-ticket > span {
    max-width: 800px;
    margin: 0 auto;
    display: block;
  }
  #sakesclamble-top #ticket-block .special-ticket .ticket-wrap .ticket .ticket-body p{
    font-size: clamp(20px,3vw,25px);
  }
.special-ticket h3 {
    font-size: clamp(30px,10vw,80px);
}
	.special-ticket h3 span {
    font-size: 15px;
    display: block;
}
  .special-ticket .ticket {
    margin: 26px auto 0;
    height: auto;
    width: 100%;
  }
  #ticket-block .ticket-title.flex-wrap p.kome {
    width: 100%;
  }
  .ticket-sortwrap section.flow {
    max-width: 1000px;
    margin: 50px auto 0;
    padding: 36px 27px 36px;
  }
  .ticket-sortwrap:nth-of-type(2) section.flow:nth-of-type(2) {
    margin: 30px auto 0;
  }
  .ticket-sortwrap section.flow.payments{
    margin:50px 0 0
  }
  
}



#sakesclamble-top .sake-lead{
  width: calc((100% - 40%) - 20%);
  position: relative;
  z-index: 10;
  height: 66%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
}
#sakesclamble-top .sake-lead h3{
  text-align: left;
  margin-bottom: 9px;
  font-size: 2.5vh;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
#sakesclamble-top .sake-lead .text-wrap{
  max-width: 614px;
  color: #fff;
}
#sakesclamble-top .sake-lead .text-wrap .lead-text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: 1.9vh;
  line-height: 1.9;
  letter-spacing: 0.1em;
}



@media screen and (max-width:768px){
#sakesclamble-top .text-wrap h3{
  margin: 0 0 3px;
  font-size: 20px;
}
#sakesclamble-top .sake-lead .text-wrap .lead-text > span:first-of-type .ex-t{
  /* font-size: 21px; */
}
  #sakesclamble-top .sake-lead{
  margin: 49px 0 0;
  width: 100%;
  height: auto;
  gap: 21px;
}
  #sakesclamble-top .text-wrap{
    position:relative;
    z-index:10;
    margin:30px 0 0;
  }
  #sakesclamble-top .text-wrap .lead-text{
    font-size: 12px;
    display:flex;
    flex-direction:column;
    gap:5px

  }
  
  #sakesclamble-top .swiper.swiper.sake-slider .swiper-wrapper,#sakesclamble-top .swiper.swiper.review-slider  .swiper-wrapper{
    align-items:flex-end;
    padding-bottom: 0;
  }
  .sake-slider{
    margin-top:40px;
  }
}






#sakesclamble-top #sake, .news-area ul li{
  margin: 0 auto 75px;
  padding: 50px 0;
  max-width: 1200px;
  position: relative;
}
#sakesclamble-top #sake h2{
	/* margin:0 0 30px; */
}
#sakesclamble-top #sake .section-lead{
	position:relative;
	padding: 0 12%;
}
@media screen and (min-width:900px){
	#sakesclamble-top #sake .section-lead{
		padding: 0;
		max-width: 800px;
		margin: 0 0 60px;
	}
	#sakesclamble-top #sake h3 br{
		display:none
	}
}
@media screen and (max-width:580px){
	#sakesclamble-top #sake .section-lead{
	position:relative;
	padding: 0;
}
}
#sakesclamble-top #sake h3{
	font-size: clamp(37px,3.0vw,60px);
	line-height: 1.5;
}
#sakesclamble-top #sake h3 span{
	font-size: clamp(51px,5vw,78px);
	line-height: 1.7;
}
#sakesclamble-top #sake p.sab{
	font-size: clamp(19px,2.5vw,30px);
	white-space:noerap;
	line-height:1.5;
}
#sakesclamble-top #sake .delivery,#sakesclamble-top > #event p.candrink{
	position:absolute;
	top: -5px;
	right: 8%;
	font-size:clamp(16px,2.5vw,22px);
	letter-spacing: 0.1em;
	background: #de1985;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
	transform: translateX(100%);
	white-space:nowrap;
	width: max-content;
}
@media screen and (max-width:1070px){
	#sakesclamble-top #sake .delivery{
		transform: translateX(0%);
	}
}
@media screen and (max-width:580px){
	#sakesclamble-top #sake .delivery{
	right:8%;
		transform: translateY(-70%);
}
}
#sakesclamble-top #sake .delivery::before{
	content:"";
	display:block;
	width: 39px;
	height: 44px;
	position:absolute;
	background: #de1985;
	transform:rotate(45deg) translateY(50%);
	bottom:0;
	right: 22%;
	border-radius:5px;
	z-index: -1;
}
#sakesclamble-top #sake .delivery span{
	font-size:clamp(12px,1.0vw,15px);
	display:block
}

#sakesclamble-top #sake .itemtext-area,#sake-page .itemtext-area {
	position: relative;
}
#sakesclamble-top #sake .itemtext-area{
	display: flex;
	flex-direction: column;
	gap:20px;
	align-items: center;
}
#sakesclamble-top #sake .itemtext-area .logo{width: 70px;}
#sakesclamble-top #sake .itemtext-area .item-name, #sake-page .recommend-sake .item-name{
  font-size: clamp(11px,1.5vw,16px);
  line-height: 1.5;
  writing-mode: vertical-rl;
  width: max-content;
}
#sake-page .recommend-sake .item-name{
  font-size: clamp(19px,3.5vw,28px);
}
#sakesclamble-top #sake .itemtext-area .item-name .brand{
  margin-bottom: 8px;
  font-size: 14px;
  display: inline-block;
}
#sake-page .recommend-sake .item-name .brand{
  margin-bottom: 2px;
  font-size: 14px;
  display: block;
}
.sake-slider,.recommend-slider{
    width: 90%;
    padding: 0 0 52px;
}
.recommend-slider{
	padding: 20px 0 0
}
.swiper-wrapper,.swiper-slide{
    height: auto;
}
.sake-slider .swiper-wrapper,.recommend-slider .swiper-wrapper {
  transition-timing-function: linear;
  align-items: flex-start;
}
.sake-slider .swiper-slide a,.recommend-slider .swiper-wrapper .swiper-slide a{
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 17px;
  margin: 0 auto;
  text-decoration: none;
  color: #000;
  height: 100%;
}
#sakesclamble-top .sake-slider .swiper-slide a > figure img,#sakesclamble-top .recommend-slider .swiper-slide a > figure img{
	object-position: bottom
}
#sakesclamble-top .sake-slider .swiper-slide img,#sake-page .recommend-sake .logo img,.recommend-slider .swiper-wrapper .swiper-slide img{
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: top;
}
#sakesclamble-top .swiper-button-next, #sakesclamble-top .swiper-button-prev{
	background: #000000bf;
	position:absolute;
	bottom:0;
	top:auto;
	width: 39px;
	height: 28px;
	left:10px;
	right: auto;
	transform: translateX(100%);
}
#sakesclamble-top .swiper-button-prev{
	left:0;
  right: auto;
	transform: translateX(0%);
}
#sakesclamble-top .food-slider .swiper-button-next{
	left:10px;
  right: auto;
	transform: translateX(100%);
}
#sakesclamble-top .swiper-button-next:after,#sakesclamble-top .swiper-button-prev:after{
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        transform: rotate(135deg);
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
	background:transparent
}
#sakesclamble-top .swiper-button-prev:after{
	transform: rotate(-45deg);
}
.sakescrumble-bt.sake {
    /* border-top-right-radius: 0; */
    /* border-bottom-right-radius: 0; */
    margin: 30px auto;
    background: #2CA6E0;
    background: linear-gradient(90deg, rgba(44, 166, 224, 1) 33%, rgba(227, 0, 127, 1) 100%);
    box-shadow: 0 2px 5px #000;
    max-width: 500px;
}
.sakescrumble-bt.sake a{
    color:#fff;
    font-size: clamp(19px, 3.5vw, 32px);
}
@media screen and (max-width:768px){

  #sakesclamble-top #sake{
  margin: 0 auto 98px;
  padding: 104px 0 0;
}
  #sakesclamble-top #sake .itemtext-area .item-name .brand{
    margin-bottom: 2px;
    font-size: 14px;
    display: block;
  }
  #sakesclamble-top #sake .itemtext-area .explain{
    font-size: 13px;
  }
.recommend-slider{
	padding: 48px 0 24px
}
}
@media screen and (max-width:900px){
	.sake-slider .swiper-slide a > figure,.recommend-slider .swiper-slide a > figure{
		height: 40vh;
	}
}
@media screen and (min-width:900px){
	.sake-slider .swiper-wrapper,.recommend-slider .swiper-wrapper{
		display:grid;
		grid-template-columns: repeat(6,1fr);
		gap: 7%;
		align-items: stretch;
	}
	.sake-slider,.recommend-slider {
		margin-top: 23px;
		width:100%;
	}
	#event .sake-slider .swiper-button-next, #event .sake-slider .swiper-button-prev{
		display:none;
	}
}

#sakesclamble-top > section#food{
	padding: 50px 0 0;
	/* background: #fff6ec; */
}
.section-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (min-width:900px){
  .section-content {
    padding: 0 2vw;
  }	
}
@media screen and (max-width:768px){
  #sakesclamble-top > section#food{
    padding: 0;
  }
  #sakesclamble-top > section#food .section-content{
    padding: 0 20px 0 0;
  }	
}
#sakesclamble-top #food h2{
	padding: 0 0 0 20px
}
#sakesclamble-top #food h3{
	padding: 36px 20px;
	position: relative;
	border-right: 1px solid;
	display: flex;
	gap: 68px;
	align-items: center;
	font-size: clamp(19px,2.5vw,22px);
	background: #41a9e9;
	color: #fff;
	position: sticky;
	top: 0;
	left: 0;
	height: 100vh;
}
#sakesclamble-top #food .food-wrap:nth-of-type(1) h3{
	height: auto;
}
#food .attention{
  border:1px solid;
  padding:5px
}
#food .food-wrap {
	margin: 0 0 15vh;
	display: flex;
	flex-wrap: wrap;
	gap: 6%;
}
#food .food-wrap h3 {
	writing-mode: vertical-rl;
	width: 10%;
	min-width: 56px;
}
#food .food-wrap h3 > span{
	writing-mode: lr;
	font-size: clamp(10px,1.0vw,13px);
	text-align: center;
	line-height: 1.3;
	position: relative;
	/* top: 100px; */
	/* transform: translate(-39%, 100%); */
	/* left: 50%; */
	white-space: nowrap;
}
@media screen and (max-width:600px){
	#food .food-wrap h3 > span{
		writing-mode: vertical-rl;
		text-align: left;
	}
}
#food .food-wrap h3 > span span{
	font-size: clamp(16px,2vw,24px);
}
#food .food-wrap:first-of-type h3 > span::before{
	content:"";
	border-radius:0;
	width: 57px;
	top: -11px;
	transform: rotate(-4deg) translateX(50%) translateY(-100%);
}
#food .food-wrap:first-of-type h3 > span::after{
	content:"";
	position: absolute;
	top: -13px;
	right: 68%;
	width: 2px;
	height: 46px;
	align-self: center;
	border-radius: 50%;
	color: #fff;
	border-right: 2px dotted #41a9e9;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.1em;
	line-height: 1.0;
	font-size: 13px;
	transform: translateX(41%) translateY(-90%) rotate(-4deg);
}
#food .food-wrap h3 > span::before{
	        content: "￥";
	        position: absolute;
	        top: -10px;
	        right: 50%;
	        background: #ffffff;
	        width: 34px;
	        height: 34px;
	        align-self: center;
	        border-radius: 50%;
	        color: #41a9e9;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        letter-spacing: 0.1em;
	        line-height: 1.0;
	        font-size: clamp(13px,1.2vw,19px);
	        transform: translateX(50%) translateY(-100%);
}
#food .food-wrap > div {
    width: calc((100% - 10%) - 9%);
    padding: 0 0 0 10px;
    margin: 0;
    position: relative;
}
#food .food-wrap > div.food-slider{
		height: auto;
	}
@media screen and (max-width:600px){
	#food .food-wrap:first-of-type h3 > span::before{
		width: 46px;
		height: 26px;
	}
	#food .food-wrap{
		gap:20px;
		margin: 0 0 8vh;
	}
	#food .food-wrap > div {
		width: calc((100% - 56px) - 20px);
		padding: 0;
	}
	#food .food-wrap > div.food-slider{
		overflow:hidden
	}
}
#food .brand-wrap{
	display:grid;
	grid-template-columns: 56px 1fr;
	gap: 20px;
	align-items: center;
	margin: 0px 0 41px;
	padding: 8px 5px;
	background: #fff;
	border-bottom: 5px solid #41a9e9;
}
#food .brand-wrap.akita {
    grid-template-columns: 109px 1fr;
    margin: 80px 0 46px;
}
#food .brand-wrap p{
  font-size:13px;
}
#food .brand-wrap .logo{
  box-sizing: border-box;
}
#food .brand-wrap .logo img{
  width: 100%;
  height:100%;
  object-fit:contain;
}
#food .brand-wrap h5{
  font-size: clamp(19px, 3.0vw, 25px);
  font-weight: 600;
  line-height: 1.7;
  margin: 0;
}
#food .brand-wrap h5 span{
	font-size: clamp(13px, 1.7vw, 15px);
  display: block;
	line-height:1.2
}
#food .food-wrap .swiper-slide figure,.swiper-slide.image-none > div{
	margin:0 0 20px;
	height: 27vh;
	display: flex;
	justify-content: center;
}
#food .food-wrap .swiper-slide figure img{
	height:100%;
	object-fit:contain;
	object-position: center;
}
#food .event{
	padding: 24px 14px;
	margin: 87px auto 0;
	background: #BD8F5D;
	background: linear-gradient(180deg, rgb(189 141 91) 0%, rgb(220 180 133) 100%);
	border-radius: 10vw;
}
#food .event-img {
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 6%;
    grid-template-columns: 1fr 163px;
    padding: 0 58px 0 0;
    letter-spacing: 0.15em;
    align-items: center;
}
#food .event-img picture{
	transform:translateY(-25px)
}
@media screen and (max-width:768px){
	#food .event-img picture{
	transform:translateY(-5px)
}
	#food .event{
		padding:0;
		margin: 50px auto 0;
		overflow: hidden;
	}
	#food .food-wrap .swiper-slide figure,.swiper-slide.image-none > div{
	height: 19vh;
	}
	#food .food-wrap:first-of-type .swiper-slide figure{
		height:auto
	}
	#food .event-img {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 0;
 }
}
#food .event h4{
	font-size: clamp(22px,2.0vw,22px);
}
#food .event p.main-p {
	font-size: clamp(14px,2.0vw,20px);
	line-height: 2.2;
	color: #3d3015;
	writing-mode: vertical-rl;
}
@media screen and (max-width:768px){
	#food .event p.main-p {
	line-height: 1.7;
	color: #3d3015;
	writing-mode: lr;
	padding: 0 20px;
	}
}
#food .event p.sub-p {
  padding: 13px 9px;
  border-bottom: 2px solid;
  position: relative;
  width: 79%;
  border-top: 2px solid;
  margin:0 auto;
  text-align:center;
}
#food .event p.sub-p::before{
      content: "";
      display: block;
      width:10px;
      height: 10px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(0,50%) rotate(135deg);
      border-top: 2px solid;
      background: #a0593b;
  }
ul.misowrap::before{
	content:"味噌ラインナップ";
	display:block;
	border-bottom: 3px dashed;
	position:absolute;
	top: -32px;
	transform:translateY(-100%);
	font-size: clamp(17px, 2.0vw, 26px);
	letter-spacing: 0.1em;
	padding: 0 5px;
	text-shadow: 0 0 7px #5b4519;
}
ul.misowrap::after{
	content:"会場内でご購入いただけます";
	display:block;
	position:absolute;
	top: -71px;
	left: 5px;
	transform:translateY(-100%);
	font-size: clamp(13px, 1.0vw, 15px);
	letter-spacing: 0.1em;
	text-shadow: 0 0 7px #5b4519;
}
@media screen and (max-width:768px){
	ul.misowrap::before,ul.misowrap::after{
		text-shadow:none;
		top: 81px;
		color: #3f280e;
		left: 15px;
	}
	ul.misowrap::after {
		top: 54px;
	}
}
ul.misowrap {
    margin: 55px 0 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px 30px;
    position: relative;
}
@media screen and (min-width:500px){
	#food .event{
		padding: 28px 20px 80px;
	}
	ul.misowrap {
		margin: 112px auto 0;
		gap: 63px 5%;
		max-width:800px;
		grid-template-columns: repeat(3,1fr);
	}
}
ul.misowrap figure{
    display:grid;
    grid-template-columns: 1fr 68px;
}
ul.misowrap figcaption{
    writing-mode:vertical-rl;
    letter-spacing: 0.1em;
    font-size: clamp(16px, 2vw, 17px);
white-space:nowrap;
  margin: 0px auto 0;
}
ul.misowrap figcaption span:first-of-type{
    border:1px solid;
    padding:5px 2px;
    display:block;
    height:max-content;
    line-height:1.0;
}
ul.misowrap figcaption span{
    font-size:clamp(11px,1.0vw,13px);
    display: block;
    line-height: 1.0;
}
@media screen and (max-width:768px){
	ul.misowrap {
    margin: 0 0 0;
    gap: 23px 20px;
    padding: 100px 20px 30px;
    border-radius: 20px;
    grid-template-columns: repeat(3, 1fr);
}
  ul.misowrap figure{
    display: flex;
    flex-direction: column;
    text-align:center;
    justify-content: center;
  }
  ul.misowrap figcaption{
		color: #3f280e;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: 10px auto 0;
		font-size: clamp(14px, 2vw, 16px);
	}
}


p.item-name{
  font-size: clamp(14px,1.7vw,16px);
}
p.item-name .size{
	border-top:1px solid;
	display:block;
	font-size: clamp(12px,1.4vw,15px);
	padding: 5px 0 0;
	margin: 6px 0 0;
	display: flex;
	gap: 5px;
}
p.item-name .size span{
	padding: 0 6px 0 0;
	border-right:1px solid;
	display: block;
}
.itemname{
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(16px,1.7vw,18px);
}
.itemname > span{
  display:inline-block;
  padding: 2px 8px;
  font-size: clamp(15px, 1.7vw, 18px);
  background: #000;
  color: #fff;
  border-radius: 5px;
  margin: 0 0 10px;
  transform: rotate(-2deg);
}
.itemname > span.brandname{
	transform: rotate(0deg);
	background: transparent;
	color: #000000;
	display:block;
	padding: 0;
}
.itemname > span span.mini {
    font-size: clamp(12px, 0.9vw, 14px);
}
.itemname > span span.num {
    font-size: clamp(18px, 2.9vw, 22px);
    margin: 0 0 0 5px;
}
p.explanation{
	font-size: clamp(13px,1.4vw,15px);
	font-weight: 500;
	letter-spacing: 0.05em;
}
.flavor{
  margin: 12px auto 21px;
  padding: 3px 10px;
  border: 1px solid;
  font-size: 13px;
  display: block;
  font-weight: 500;
}
.price{
  margin: 10px 0 21px;
  font-size: 13px;
  text-align: right;
  line-height: 1.2;
}
.price span{
  margin: 0 3px 0 10px;
  font-size: clamp(18px, 2.9vw, 22px);
}
@media screen and (min-width:900px){
	.food-slider .swiper-wrapper{
		display: grid;
		gap:5%;
		margin: 0 auto;
		transform: none!important;
		grid-template-columns:repeat(3,1fr)
	}
	#food .food-wrap .swiper-slide figure,.swiper-slide.image-none > div{
	margin:0 auto 20px;
	height: 260px;
	display:flex;
	justify-content:center;
}
	#food .food-wrap .swiper-slide figure img{
		object-position:center;
		object-fit:contain;
	}
}




#sakesclamble-top > #event{
	margin: 250px 0 130px;
	padding:0
}
@media screen and (max-width:700px){
	#sakesclamble-top > #event{
	margin: 130px 0 130px;
	overflow: hidden;
}
}
ul.event-ank {
    max-width: 1200px;
    margin: 0 auto 50px;
    width: 80%;
    font-size: clamp(16px,1.5vw,20px);
    list-style: none;
    display: grid;
    gap: 3%;
    letter-spacing:0.1em;
    grid-template-columns: repeat(4,1fr);
}
@media screen and (max-width:700px){
	ul.event-ank {
    gap: 30px 5px;
    width: 100%;
    margin: -20px auto 62px;
}
}
ul.event-ank a {
    text-decoration: none;
    color: #000;
    /* border-bottom: 2px solid; */
    padding: 26px 10px 14px;
    display: block;
    height: 100%;
    position: relative;
    border: 3px solid;
    font-size: clamp(10px, 1.5vw, 18px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1.3;
}
ul.event-ank a .wine{
	display:block;
	font-size: clamp(11px,1vw,16px);
	text-align: left;
	align-self: baseline;
}
ul.event-ank a:hover{
	transform:translateY(10px)
}
ul.event-ank a::after{
    content:"";
    display: block;
    width: 19px;
    height: 19px;
    border-top: 3px solid;
    border-left: 3px solid;
    transform: rotate(-135deg) translateY(-100%);
    margin-left:10px;
    margin: 0 auto;
    position: absolute;
    bottom: 2px;
    left: 55%;
    background: #fff;
}
ul.event-ank a span.numbering {
    font-size: clamp(25px,3vw,41px);
    margin: 0 5px 0 0;
    letter-spacing:0;
    display: block;
    color: #000000c4;
    text-align: center;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: #fff;
    width: 53px;
}
#sakesclamble-top > #event .event-wrap{
	margin-bottom: 7vh;
}
@media screen and (max-width:768px){
	#sakesclamble-top > #event .event-wrap{
	margin: 0 auto 7vh;
		width:95%
}
}
#sakesclamble-top > #event .event-wrap:last-of-type{
	margin:0
}
#sakesclamble-top > #event .event-wrap .namibg {
    margin: 0 0 30px;
    position: relative;
}
#sakesclamble-top > #event .event-wrap#event01 .namibg{
	color: #814a16;
}
#sakesclamble-top > #event .event-wrap#event02 .namibg{
	color: #d76c0a;
}
#sakesclamble-top > #event .event-wrap#event03 .namibg{
	color: #a68e00;
}
#sakesclamble-top > #event .event-wrap#event04 .namibg{
	color: #af0909;
}
#sakesclamble-top > #event .event-wrap#event03 .namibg {
	display: grid;
	justify-content: center;
	grid-template-columns: 552px 30%;
	margin: 0;
	padding: 50px;
	justify-content: space-between;
}
#sakesclamble-top > #event .event-wrap#event04 .namibg{
	display:flex;
}
#sakesclamble-top > #event .event-wrap#event04 .namibg .content{
	width:40%
}
#sakesclamble-top > #event .event-wrap#event04 .namibg .content{
	width:40%
}
#sakesclamble-top > #event .event-wrap#event03 .namibg h3 span.numbering,#sakesclamble-top > #event .event-wrap#event04 .namibg h3 span.numbering{
	right: -91px;
}
@media screen and (max-width:700px){
	ul.event-ank a {
    padding: 16px 6px 8px;
 }
	#sakesclamble-top > #event .event-wrap#event03 .namibg,#sakesclamble-top > #event .event-wrap#event04 .namibg {
	grid-template-columns: 1fr 30%;
	padding: 30px 0;
	align-items: flex-end;
}
	#sakesclamble-top > #event .event-wrap#event03 .namibg .content, #sakesclamble-top > #event .event-wrap#event04 .namibg .content{
		width: auto;
		padding: 0;
	}
	#sakesclamble-top > #event .event-wrap#event04 .namibg .content{
	width:60%
}
	#sakesclamble-top > #event .event-wrap#event04 .namibg figure{
		width:calc((100% - 60%) - 20px)
	}
	#sakesclamble-top > #event .event-wrap#event03 .namibg figure,#sakesclamble-top > #event .event-wrap#event04 .namibg figure{
	margin: 0 0 0 auto;
	z-index: 10;
	bottom: 23px;
	z-index: -1;
}
}
#sakesclamble-top > #event .event-wrap#event04 .namibg figure{
	height:40vh;
}
#sakesclamble-top > #event .event-wrap#event04 .namibg figure img{
	height:100%;
	object-fit:contain
}
#sakesclamble-top > #event .event-wrap#event03 .namibg .content,#sakesclamble-top > #event .event-wrap#event04 .namibg .content { 
	margin:0
}
#sakesclamble-top > #event .event-wrap .namibg .content{
	max-width: 1000px;
	margin:0 auto;
	padding: 57px 22px 50px;
	font-size: clamp(15px,1.5vw,23px);
}
@media screen and (max-width:700px){
	#sakesclamble-top > #event .event-wrap .namibg .content{
	padding: 57px 0 0;
}
		#sakesclamble-top > #event .event-wrap:first-of-type .namibg .content{
	padding: 0;
}
	#sakesclamble-top > #event .event-wrap#event03 .namibg figure,#sakesclamble-top > #event .event-wrap#event04 .namibg figure{
	height: auto;
	transform: scale(1.4) translateX(5px);
}
}
#sakesclamble-top > #event .event-wrap .namibg .content p{
	color:#000
}
#sakesclamble-top > #event .event-wrap .namibg::before{
	    content: "";
	    display: block;
	    mask-position: center center;
	    mask-repeat: no-repeat;
	    mask-size: contain;
	    mask-image: url(/shibuyasweets/image/nami-bg.svg);
	    background: #f48635;
	    height: auto;
	    transform: translateY(-99%);
	    padding: 0;
	    aspect-ratio: 75 / 14;
	    width: 100%;
	    position: absolute;
	    display: none;
}
#sakesclamble-top > #event .event-wrap .namibg h3{
	font-size: clamp(24px,3.2vw,36px);
	letter-spacing:0.1em;
	margin-bottom: 30px;
	position:relative;
	z-index: 10;
}
#sakesclamble-top > #event .event-wrap#event04 .namibg h3{
	white-space:nowrap
}
#sakesclamble-top > #event h3 .wine{
	display:block;
	font-size:clamp(17px,2.0vw,20px)
}
#sakesclamble-top > #event .event-wrap .namibg h3 span.numbering{
	position:absolute;
	right: -20px;
	font-size: clamp(100px,4vw,150px);
	z-index: -1;
	top: 10px;
	opacity: 0.3;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
.award-slider {
  width: 100%;
  overflow: hidden;
  border-radius: 15vw;
}

.award-slider .swiper-wrapper {
  display: flex;
}

.award-slider .swiper-slide {
  flex-shrink: 0;
}
#sakesclamble-top > #event .sake-slider{
	padding-top :50px;
	padding-bottom: 0;
	width: 100%;
}
#sakesclamble-top > #event .namibg .content  .wineaward-list p.candrink{
	top: -29px;
	left: -5%;
	transform: rotate(-3deg);
	background: #ad590d;
	padding: 17px;
	color: #fff;
}
@media screen and (max-width:768px){
	#sakesclamble-top > #event .namibg .content  .wineaward-list p.candrink{
	top: 67px;
	padding: 11px;
	left: -15%;
}
	#sakesclamble-top > #event .sake-slider{
	padding-top: 0;
	padding-bottom: 50px;
}
	#sakesclamble-top > #event p.candrink{
		top: 17%;
		left: -10%;
		font-size: clamp(12px, 2.5vw, 17px);
		padding: 10px 15px;
	}
}
#sakesclamble-top > #event p.candrink::before{
	content:"";
	display:block;
	width: 39px;
	height: 44px;
	position:absolute;
	background: #ad590d;
	transform: rotate(22deg) translateY(20%);
	bottom: 0;
	left: 49%;
	border-radius:5px;
	z-index: -1;
}
#sakesclamble-top > #event .about-wrap{
	margin:20px auto 0;
	width: 100%;
	padding: 5vh 4vw 5vh 4vw;
	/* border: 4px solid; */
	font-size: clamp(14px, 1.5vw, 18px);
	border-radius: 6vw;
	background: #d9c8b9;
	color: #43260c;
}
@media screen and (max-width:768px){
	#sakesclamble-top > #event .about-wrap{
	padding: 5vh 22px 5vh;
	}
}
#sakesclamble-top > #event #event02 .about-wrap{
	/* border-radius:0; */
	background: #fbe2ca;
	color: #974b05;
}
#sakesclamble-top > #event #event01 .about-wrap p{
	color: #43260c;
}
#sakesclamble-top > #event #event02 .about-wrap > p{
	color: #9d5411;
}
#sakesclamble-top > #event #event02 .about-wrap > div:nth-of-type(3){
	margin-top: 65px;
	grid-column:1/3
}
#sakesclamble-top > #event .about-wrap h5{
	font-size: clamp(18px, 2.5vw, 25px);
	margin:0 0 20px
}
@media screen and (min-width:1000px){
	#sakesclamble-top > #event .about-wrap{
		display:grid;
		grid-template-columns:40% 1fr;
		gap: 30px;
		align-items: center;
		padding: 5vh 4vw 11vh 4vw;
	}
}
#sakesclamble-top > #event #event01 .about-wrap figure{
	height: 30vh;
	display:flex;
	justify-content:center
}
#sakesclamble-top > #event #event01 .about-wrap figure img{
	height: 100%;
}
#sakesclamble-top > #event .about-wrap h4{
	margin: 25px 0 8px;
	font-size: clamp(18px,2.0vw,23px);
}
ul.akita-ank {
    margin: 59px auto 50px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
    gap: 30px;
}
@media screen and (max-width:768px){
	ul.akita-ank {
    margin: 21px auto;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
ul.akita-ank li a {
    text-decoration: none;
    color: #814a16;
    padding: 10px 20px;
    border: 2px solid;
    display: block;
    box-shadow: 3px 3px 0 #814a16;
    border-radius: 100vw;
}
ul.akita-ank li a span{
    font-size:clamp(20px,2.0vw,25px)
}
.viewmore a{
	display:flex;
	margin: 13px 0 0 auto;
	width:max-content;
	gap:10px;
	text-decoration:none;
	color: #974b05;
	border-bottom:1px solid;
	align-items:center;
}
.viewmore a::after{
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 0 5px 20px;
	border-color: transparent transparent transparent #974b05;
}
.event-text{
	width: 89%;
	margin: 0 auto 122px;
	max-width: 1000px;
	font-size: clamp(18px, 2.5vw, 21px);
}
@media screen and (max-width:768px){
	.event-text{
	width: 96%;
	margin: 0 auto 117px;
	}
}
.event-text h4{
	margin-bottom:15px;
	font-size: clamp(21px,3.2vw,30px);
	background: linear-gradient(transparent 79%, #ffc9ac 65%);
	width: max-content;
}
@media screen and (min-width:1000px){
	.event-text h4 br{
		display:none;
		width:1px;
		overflow:hidden;
		height:1px;
		position:absolute
	}
}
.event-text h4 span{
	font-size: clamp(14px, 1.5vw, 19px);
	display:block;
}
.event-text p{
	font-weight:500;
	font-size: clamp(15px, 1.5vw, 19px);
}
.wineaward-list{
	width:80%;
	margin: 0 auto 154px;
	max-width: 1000px;
	position: relative;
}
.wineaward-list:last-of-type{
	margin-bottom:0
}
.wineaward-list.secound{
	margin: 0 auto 200px;
}
.wineaward-list h4 img{
  display:inline-block;
  width:100px;
  aspect-ratio: 201/139;
  margin: 0 20px 0 0;
  position:absolute;
  top: -6px;
  left: 50%;
  transform: translate(-50%,-108%);
}
#sakesclamble-top > #event .about-wrap .wineaward-list h4 {
  display: block;
  position: relative;
  height: auto;
  text-align: center;
  box-sizing: border-box;
  background: #ed7839;
  font-size: clamp(18px, 2.2vw, 23px);
  width: max-content;
  margin: 0 auto;
}
.wineaward-list h4:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -25px;
  z-index: -2;
  border: 20px solid #ed7839;
  border-left-color: transparent;/*山形に切り抜き*/
}

.wineaward-list h4:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -25px;
  z-index: -2;
  border: 20px solid #ed7839;
  border-right-color: transparent;/*山形に切り抜き*/
}

.wineaward-list h4 > span {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px 20px;
  line-height: 22px;
  font-size: clamp(15px,1.8vw,18px);
  color: #FFF;
  /*真ん中の背景色*/
  position: relative;
}
@media screen and (min-width:768px){
	.wineaward-list h4 > span br{
	display:none;
	width:1px;
  }
}

.wineaward-list h4 > span:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #af5a2c;/*左の折り返し部分*/
}
.wineaward-list h4 > span:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #af5a2c;/*右の折り返し部分*/
}
.wineaward-list h4 > span span{
	display:flex;
	font-size:clamp(12px,1.0vw,14px);
	align-items:center;
	gap:5px;
	justify-content: center;
}
.wineaward-list h4 > span span::before,.wineaward-list h4 > span span::after{
	content:"";
	display:inline-block;
	width:10px;
	height:1px;
	border-top:2px solid;
}
.wineaward-list .sake-slider .swiper-wrapper{
	grid-template-columns:repeat(4,1fr)
}
.wineaward-list .sake-slider .swiper-wrapper.third{
	grid-template-columns:1fr;
	justify-content: center;
	display: flex;
}
.wineaward-list .sake-slider .swiper-wrapper.third > div{
	width: calc(90% / 4)!important;
	margin: 0 auto!important;
}
.wineaward-list .sake-slider .swiper-slide{
	display: grid;
	grid-template-columns: 1fr 50px;
	gap: 18px;
	justify-content: center;
}
@media screen and (max-width:768px){
	.wineaward-list .sake-slider .swiper-wrapper.third div{
	width: max-content;
	max-width: 200px;
	margin: 0 auto!important;
	grid-template-columns: max-content 50px;
}
	.wineaward-list .sake-slider .swiper-wrapper.third div figure{
		height: 30vh;
}
	.wineaward-list .sake-slider .swiper-slide{
	gap: 0;
	}
	.wineaward-list{
		width:85%
	}
	.wineaward-list.secound{
	margin: 80px auto 160px;
}
}
.wineaward-list .sake-slider .swiper-slide figure{
	height: 32vh;
}
@media screen and (max-width:768px){
	.wineaward-list .sake-slider .swiper-slide figure{
	height: 100%;
	width: 100%;
}
}
.wineaward-list .sake-slider .swiper-slide figure img{
	height:100%;
	object-fit:contain
}
.wineaward-list .sake-slider .swiper-slide p{
	line-height:1.3;
	writing-mode: vertical-rl;
	font-size: clamp(18px,1.8vw,22px);
}
.wineaward-list .sake-slider .swiper-slide p span{
	font-size: clamp(13px,2vw,19px);
	margin-left:3px
}



#sakesclamble-top > section#info-wrap {
  margin: 0 0 0;
  padding: 50px 20px;
  color: #fff;
  position: relative;
}
 #sakesclamble-top > section#info-wrap::after{
   opacity:0.65
 }

#sakesclamble-top > section#info-wrap h3 {
  margin: 0;
  font-size: 31px;
  text-align: center;
  letter-spacing: 0.1em;
}

#sakesclamble-top > section#info-wrap dl {
  margin: 15px auto;
  padding: 15px 8px;
  display: flex;
  align-items: center;
  gap: 32px;
  max-width: 550px;
  border-bottom: 3px dashed #ffffff94;
}
#sakesclamble-top > section#info-wrap dl:last-of-type {
    border: none;
}
#sakesclamble-top > section#info-wrap dl dt {
  letter-spacing: 0.1em;
  font-size: 17px;
  width: 94px;
  border-right: 3px solid;
}

#sakesclamble-top > section#info-wrap dl dd {
  margin: 0;
  width: calc((100% - 75px) - 32px);
}

#sakesclamble-top > section#info-wrap dl dd span {
  font-size: 25px;
}
#sakesclamble-top .net-wrap .date .youbi,#sakesclamble-top > section#info-wrap dl dd span.youbi{
  margin: 0 9px 3px 5px;
  width: 27px;
  height: 27px;
  font-size: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid;
  border-radius: 50%;
  line-height: 3.0;
}
#sakesclamble-top > section#info-wrap dl dd span span {
  font-size: 15px;
}
#sakesclamble-top > section#info-wrap dl dd span.hour {
  margin: 0 0 0 15px;
  padding: 0 15px 0 0;
  border-right: 1px solid;
}
#sakesclamble-top > section#info-wrap dl dd span.hour:first-of-type {
  margin: 0;
}
#sakesclamble-top > section#info-wrap dl dd span.hour:last-of-type {
  border-right: none;
}
@media screen and (max-width:768px){
  #sakesclamble-top > section#info-wrap {
    padding: 35px 20px;
  }
  #sakesclamble-top > section#info-wrap h3 {
    font-size: 31px;
  }
  #sakesclamble-top > section#info-wrap dl {
    margin: 15px auto;
    padding: 15px 8px;
    gap: 22px;
    max-width: 550px;
  }
  #sakesclamble-top > section#info-wrap dl dt {
    font-size: 14px;
    width: 71px;
  }
  #sakesclamble-top > section#info-wrap dl dd {
    margin: 0;
    width: calc((100% - 71px) - 22px);
    font-size: 13px;
  }
  #sakesclamble-top > section#info-wrap dl dd span {
    font-size: 19px;
  }
  #sakesclamble-top > section#info-wrap dl dd span span {
    font-size: 15px;
  }
  #sakesclamble-top > section#info-wrap dl dd span.hour {
    margin: 0 0 0 10px;
    padding: 0px 8px 0 0;
  }
  #sakesclamble-top > section#info-wrap dl dd span.hour:first-of-type {
    margin: 0;
  }
  #sakesclamble-top > section#info-wrap dl dd span.hour:last-of-type {
    border-right: none;
  }

}






.attention-box {
    background: #000;
    color: #fff;
    padding: 30px 80px 113px;
}
.attention-box p.attention-kome {
    font-size: 13px;
  max-width:700px;
  margin:0 auto;
}
.attention-box .bt-wrap{
    margin:40px auto 0;
    max-width: 800px;
    width: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.attention-box .bt-wrap .sakescrumble-bt{
    margin: 0;
    max-width: 100%;
    width: 100%;
}
.attention-box .sakescrumble-bt::before{
    right: 11px;
    width: 7px;
    height: 7px;
}
div#special-wrap {
    margin-top: 100px;
}
@media screen and (max-width:768px){
  #sakesclamble-top #special-wrap{
    padding: 60px 19px;
    margin-top:80px;
    }
  #sakesclamble-top section#special-wrap  .section-lead{
    margin:0 0 30px
  }
  #sakesclamble-top .nomal-title span{
    font-size:44px
  }
  section#special-wrap .contents-wrap {
    margin: 0 auto 30px;
    font-size: 14px;
    padding: 30px 20px 34px;
    display: block;
    overflow: hidden;
  }
  section#special-wrap .contents-wrap:last-of-type{
    margin:0 auto;
    min-height: 320px;
    display: flex;
  }
  section#special-wrap .contents-wrap .title-wrap {
      margin: 0;
      gap: 26px;
      position: relative;
      align-items: flex-end;
  }
  section#special-wrap .contents-wrap .title-wrap > div{
    width: calc((100% - 26px) - 24%);
  }
  section#special-wrap .contents-wrap .title-wrap figure {
      height: 100%;
      width: 24%;
  }
    section#special-wrap .contents-wrap:nth-of-type(1) .title-wrap figure{
      transform: scale(2.5) translateX(6%);
    }
  section#special-wrap .contents-wrap .title-wrap figure{
    transform: scale(1.8);
  }
  section#special-wrap .contents-wrap h4 {
      padding: 10px 20px 0 0;
      font-size: 32px;
      line-height: 1.5;
  }
  section#special-wrap .contents-wrap h4 .numbering{
    font-size: 105px;
    letter-spacing:-0.05em;
    top:50%;
  }
  section#special-wrap .contents-wrap h4 span.maru{
    font-size: 13px;
    display:block
  }
  section#special-wrap .contents-wrap h4 span.maru span {
    position: relative;
  }
  section#special-wrap .contents-wrap h4 span.maru span::before {
    content:"";
    display:block;
    width: 3px;
    height: 3px;
    left: 30%;
  }
  section#special-wrap .contents-wrap p{
    width: 97%;
    margin: 24px auto 0;
  }

  .attention-box {
    padding: 46px 20px 90px;
  }
  .attention-box p.attention-kome {
    font-size: 13px;
    max-width:700px;
    margin:0 auto 20px;
  }
  .attention-box .bt-wrap .sakescrumble-bt{
    max-width: 100%;
    width: 100%;
    font-size: 13px;
  }
	.attention-box .bt-wrap .sakescrumble-bt a{
		font-size: 13px;
	}
  .attention-box .bt-wrap{
    margin:20px 0 0;
    gap: 15px;
  }
}
@media screen and (max-width:560px){
  #sakesclamble-top section#special-wrap  .section-lead{
    display:block;
    padding:0 10px;
  }
  #sakesclamble-top .nomal-title, #sakesclamble-top .section-lead .nomal-title{
    margin: 0 auto 15px;
    max-width: 480px;
  }
  #sakesclamble-top #special-wrap .section-lead p{
    max-width:100%;
    padding: 15px 0;
  }
}



#sakesclamble-top > section#access-wrap{
  margin: 0;
  padding: 80px 20px;
  background: #373737;
  color: #fff;
}
#sakesclamble-top #access-wrap h2{
	 color: #fff;
}
@media screen and (max-width: 768px) {
    #sakesclamble-top #access-wrap h2{
        margin: 0 auto 50px;
        font-size: clamp(35px, 4vw, 60px);
    }
}
#sakesclamble-top #access-wrap .section-lead h3{
 color:#fff;
 max-width: 800px;
}
#access-wrap iframe {
   width:100%;
  height:100%;
    display: block;
}
#sakesclamble-top #access-wrap .flex-wrap{
  max-width:800px;
  margin:0 auto;
  gap: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-google {
    width: 60%;
    height: 300px;
}
#sakesclamble-top #access-wrap p{
  font-size: 17px;
  position: relative;
  z-index: 10;
  width: calc((100% - 60%) - 30px);
}
#sakesclamble-top #access-wrap p a{
  color:#fff
}
#sakesclamble-top #access-wrap p span{
  margin: 0 0 5px;
  display: block;
  font-size: 22px;
}
@media screen and (max-width:768px){
  #sakesclamble-top > section#access-wrap{
    margin: 0;
    padding: 50px 20px 80px;
    background: #010101;
    color: #fff;
  }
   #sakesclamble-top #access-wrap .section-lead h3{
     color:#fff;
     max-width: 480px;
   }
    .map-google {
    width: 100%;
    height: 300px;
    max-width: 480px;
  }
  #sakesclamble-top #access-wrap .section-lead {
    margin:0 0 30px
  }
  #sakesclamble-top #access-wrap p{
    font-size: 13px;
    max-width: 263px;
    width:100%
  }
  #sakesclamble-top #access-wrap p span{
      margin: 0 0 17px;
      display: block;
      font-size: 20px;
  }
}


#sakesclamble-top > section#endcall {
    margin: 70px 0;
    padding: 0;
}
section#endcall .endcall-lead p {
	padding: 0 20px;
	text-align: center;
	line-height: 2.2;
	font-size: 20px;
}
#sakesclamble-top .news-area{
	padding:30px 0;
	background: #ebebeb;
}
.news-area ul{
	margin:0 20px
}
#sakesclamble-top .news-area .sake-bt {
	width: 100%;
	margin: 20px auto 0;
	color: #fff;
}
#sakesclamble-top .news-area .sake-bt::before{
	top:59%
}
#sakesclamble-top .news-area .sake-bt a{
	padding-top:50px;
	font-size: 21px;
	background: #454545;
	color: #fff;
}
#sakesclamble-top .news-area .sake-bt a span span::before{
	background: #454545;
	z-index: -1;
}
#sakesclamble-top .news-area .sake-bt a > span span{
	width: 80%;
	line-height:1.2;
	max-width: 300px;
}
.news-area ul li figure{
	animation:none;
	width: 40%;
	margin: 0;
	height: auto;
}
#sakesclamble-top .news-area ul li figure img{
	height:auto;
	/* object-fit: none; */
}
.news-area ul li .itemtext-area{
	width: calc((100% - 70px) - 40%);
}
.news-area ul li .itemtext-area .title{
	font-size:30px
}


h3#akita-sake {
    color: #fff;
    margin: 19vh 0 30px;
    font-size: clamp(22px,3vw,30px);
    text-align: center;
    letter-spacing: 0.1em;
}



figure.tokyu-top {
    text-align: center;
    margin: 150px auto 0;
    width: max-content;
    max-width: 58%;
}
figure.tokyu-top a{
	display:block;
	height: 100%;
	text-decoration: none;
}
#sake-page figure.tokyu-top{
    margin: 50px auto 0;
    max-width: 51%;
}
#sake-page figure.tokyu-top a::after{
	content:"TOPへもどる ＞";
	display:block;
	color:#fff;
	text-decoration: none;
	border-bottom: 2px solid;
	width: max-content;
	margin: 10px auto 0;
}



section#recommend {
    padding: 0 0 20vh;
    overflow: hidden;
    background: #fff;
}
#sake-page .recommend-lead {
    margin: 0 0 15vh auto;
    max-width: 1000px;
    display: grid;
    grid-template-columns: 1fr 30%;
    gap: 33px 9%;
    padding: 0 0 0 30px;
    position: relative;
}
@media screen and (max-width:950px){
	#sake-page .recommend-lead {
    padding: 0 0 0 20px;
    grid-template-columns: 1fr 300px;
    gap: 33px 10%;
    align-items: center;
}
}
@media screen and (max-width:600px){
	#sake-page .recommend-lead {
    padding: 0 0 0 20px;
    grid-template-columns: 1fr 232px;
    gap: 5%;
    align-items: center;
    max-width: 1000px;
    margin: 0 0 80px auto;
}
}
@media screen and (max-width:450px){
	#sake-page .recommend-lead {
    padding: 0 0px 0 10px;
    grid-template-columns: 1fr 200px;
}
}
@media screen and (min-width:1300px){
	#sake-page .recommend-lead{
		margin: 0 auto 74px;
		max-width: 800px;
		grid-template-columns: 1fr 37%;
		padding: 0;
	}
}
@media screen and (min-width:1000px) and (max-width:1299px){
	#sake-page .recommend-lead{
		padding: 0;
	}
	.sakescrumble-bt.sake-page{
		position:absolute;
		bottom:0
	}
}
.sakescrumble-bt.sake-page{
	grid-column:1/3;
	order: 3;
	margin: 0 auto;
	max-width: 500px;
	background: #244551;
}
.sakescrumble-bt.sake-page::before{
	color:#ffffff;
	top: 45%;
	transform: rotate(-135deg) translateX(0) translateY(50%);
}
.sakescrumble-bt.sake-page-fixed::before{
	transform: rotate(-135deg) translateX(50%) translateY(0);
	top:auto;
	bottom:20px;
	left:50%
}
.sakescrumble-bt.sake-page-fixed.top::before{
	transform: rotate(45deg) translateX(-50%) translateY(0);
	top: auto;
	bottom: 13px;
	left: 48%;
}
.sakescrumble-bt.sake-page a{
	color: #fff;
	letter-spacing: 0.1em;
	padding: 16px 20px 14px;
}
.sakescrumble-bt.sake-page-fixed {
	position: fixed;
	bottom: 30%;
	right: 0;
	writing-mode: vertical-lr;
	width: auto;
	background: #078fc1;
	border-radius: 9px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 100;
	height: auto;
	transform: translateY(0%) translateX(100%);
}
.fixed-bt.sakescrumble-bt.sake-page-fixed.recommend{
	bottom: 52%;
	background: #16546b;
}
@media screen and (min-width:780px){
	.fixed-bt.sakescrumble-bt.sake-page-fixed.recommend{
	bottom: 55%;
  }
}
.sakescrumble-bt.sake-page-fixed.active{
	transform: translateY(0%) translateX(0%);
	bottom: 30%;
}
.sakescrumble-bt.sake-page-fixed.top,.sakescrumble-bt.sake-page-fixed.top.active{
	bottom: 109px;
	background: #292929;
}
.sakescrumble-bt.sake-page-fixed::before{
	width:20px;
	height: 20px;
}
.sakescrumble-bt.sake-page-fixed a{color: #fff;padding: 20px 20px 53px 25px;}
.sakescrumble-bt.sake-page-fixed.top a {
	padding: 13px 11px 11px;
	font-size: clamp(17px, 2.5vw, 19px);
	color: #fff;
	flex-direction: row;
}
@media screen and (max-width:780px){
	.sakescrumble-bt.sake-page-fixed a,.sakescrumble-bt.sake-page-fixed.top a {
	
	font-size: clamp(13px, 1.5vw, 15px);
	}
	.sakescrumble-bt.sake-page-fixed a{
		font-size: clamp(15px, 1.5vw, 15px);
		padding: 20px 8px 30px;
	}
	.sakescrumble-bt.sake-page-fixed.top, .sakescrumble-bt.sake-page-fixed.top.active{
		bottom: 73px;
	}
	.sakescrumble-bt.sake-page-fixed.top a{
	padding: 13px 5px 11px;
	font-size: clamp(13px, 1.5vw, 15px);
	}
}
@media screen and (max-width:780px){
	.sakescrumble-bt.sake-page-fixed::before{
	width: 11px;
	height: 11px;
	bottom: 12px;
}
}
#sake-page .recommend-lead h2 {
    order: 2;
    border: none;
    transform: none;
    margin: 0;
}
#sake-page .recommend-lead nav ul {
    padding: 20px 0;
    display: grid;
    gap: 30px;
    position: relative;
    max-width: 500px;
}
@media screen and (max-width:950px){
	#sake-page .recommend-lead nav ul {
    padding: 0;
    gap: 21px;
  }
}
#sake-page .recommend-lead nav ul::before{
	/* content:"酒蔵ラインナップ"; */
	display:inline-block;
	writing-mode:vertical-lr;
	letter-spacing:0.1em;
	position:absolute;
	left: -20px;
	top: 20px;
	transform: translateX(-100%);
	font-size: clamp(20px, 2.0vw, 25px);
	/* background: #414141; */
	/* color: #fff; */
	padding: 10px 9px;
	height: 93%;
	border: 2px solid;
	line-height: 1.0;
}
@media screen and (max-width:950px){
	#sake-page .recommend-lead nav ul::before{
		writing-mode:lr;
		left: 0;
		transform:translateX(0%);
		height:auto;
		width: 100%;
		padding: 10px 14px;
		white-space: nowrap;
		position:relative;
		margin: 0 0 10px;
	}
}
@media screen and (max-width:500px){
	#sake-page .recommend-lead nav ul::before{
		/* position:absolute; */
		/* transform:translateY(-100%); */
		font-size: clamp(13px, 2.0vw, 21px);
		/* top: -10px; */
		padding: 10px 5px;
	}
}
#sake-page .recommend-lead nav ul li span.num {
    writing-mode: vertical-lr;
    grid-column: 1/2;
    grid-row: 1/3;
    border-right: 2px solid;
    font-size: clamp(13px, 1vw, 19px);
}

#sake-page .recommend-lead nav ul li span.category {
    display: block;
    grid-column: 2/3;
    font-size: clamp(12px, 1vw, 17px);
    grid-row: 1/1;
}
#sake-page .recommend-lead nav ul li span.name{
	grid-column: 2/3;
}
.recommend-lead nav ul li a {
    display: grid;
    grid-template-columns: 30px 1fr;
    text-decoration: none;
    color: #000;
    /* border-bottom: 2px solid; */
    font-size: clamp(17px,2.0vw,21px);
    align-items: center;
    line-height: 1.3;
    position: relative;
    gap: 0 10px;
}
#sake-page nav ul li a::after {
	position:absolute;
	right: 26px;
	transform: rotate(-135deg) translateX(0) translatey(0);
}
@media screen and (max-width:400px){
	#sake-page nav ul li a::after {
	right: 6px;
  }
}
ul.recommend-list {
	max-width: 1230px;
	margin: 0 auto;
	padding: 0px 78px;
	display: grid;
	gap: 12vh 10vw;
	grid-template-columns: repeat(2,1fr);
}
ul.recommend-list.top{
	margin: 80px auto 0;
	padding: 0px 20px 0 0;
}
@media screen and (min-width:768px){
  ul.recommend-list.top{
	margin: 180px auto 50px;
	}	
}
#sakesclamble-top #sake h3.category {
    background: #fff;
    color: #008bcd;
    transform: translateY(-50%);
    padding: 0 25px;
    position: absolute;
    left: 30px;
    line-height: 1.2;
    width: 100%;
}
#sakesclamble-top #sake h3.category::before{
	content:"伝統派から新感覚まで豊富なラインナップ";
	display:block;
	font-size:clamp(11px,1.0vw,16px);
}
#sakesclamble-top #sake #sake2 h3.category::before{
	content:"クラフトならではの自由な個性を楽しんで！"
}
#sakesclamble-top #sake #sake3 h3.category::before{
	content:"ソーダ割も、ロックも楽しめます。"
}
#sakesclamble-top #sake #sake4 h3.category::before{
	content:"産地と品種が織りなす味わいを飲み比べて"
}
@media screen and (max-width:950px){
	ul.recommend-list {
	padding: 0px 30px;
  }
}
@media screen and (max-width:780px){
	ul.recommend-list {
	grid-template-columns: 1fr;
  }
	#sakesclamble-top #sake h3.category {
    padding: 0 10px;
	}
}
ul.recommend-list li{
	display:grid;
	grid-template-columns: 1fr;
	gap: 50px;
	border-top: 2px solid;
	border-left: 2px solid;
	padding: 34px 0 0 12px;
	grid-template-rows: auto;
	max-width: 500px;
	margin: 0 auto;
	width: 93%;
}
ul.recommend-list.top li{
	padding: 86px 0 0 12px;
	gap: 20px;
	position: relative;
	border-top: 2px solid #008bcd;
	border-left: 2px solid #008bcd;
}
@media screen and (max-width:780px){
	ul.recommend-list li{
	gap: 10px;
  }
	ul.recommend-list.top li{
	padding: 48px 0 0 12px;
}
}
li.recommend-sake .img-wrap{
  display: grid;
  grid-template-columns: 50px 1fr 50px;
  gap: 17px;
  align-items: flex-end;
  margin: 0 auto;
}
ul.recommend-list.top li.recommend-sake .img-wrap{
  grid-template-columns: 49px 1fr 83px;
}
ul.recommend-list li .itemtext-area{
	text-align:end
}
ul.recommend-list li figure{
	height: 41vh;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
@media screen and (min-width:780px){
ul.recommend-list li figure.logo{
	width:100%;
}
	ul.recommend-list.top li figure{
	width: 75%;
}
ul.recommend-list li figure{
	margin:0 30px 0 0
}
}

@media screen and (max-width:780px){
	ul.recommend-list li figure{
	height: 35vh;
  }
}
ul.recommend-list li figure.logo{
	height: auto;
	position:relative;
	display:grid;
	grid-template-columns: max-content;
	grid-template-rows: max-content;
	/* align-items: center; */
	justify-content: center;
	align-self: baseline;
	margin: 0;
}
#sake-page ul.recommend-list li figure.logo img{
	width: 68px;
	height: auto;
	order: 3;
	margin-top: 15px;
}
#sake-page ul.recommend-list li:nth-of-type(1) figure.logo img,#sake-page ul.recommend-list li:nth-of-type(2) figure.logo img{
	width: 88px;
}
#sake-page ul.recommend-list li:nth-of-type(6) figure.logo img{
	width: 120px;
}
ul.recommend-list li figure img{
	height:100%;
	object-fit:contain;
	object-position: bottom;
}
ul.recommend-list.top li figure.logo img{
	width:70px;
	margin: 9px auto 0;
}
ul.recommend-list li figure.logo::before{
	content:"其の一";
	writing-mode:vertical-lr;
	display:block;
	width: max-content;
	margin: 0 auto;
	font-size: clamp(15px, 1.5vw, 18px);
}
ul.recommend-list li:nth-of-type(2) figure.logo::before{
	content:"其の二";
}
ul.recommend-list li:nth-of-type(3) figure.logo::before{
	content:"其の三";
}
ul.recommend-list li:nth-of-type(4) figure.logo::before{
	content:"其の四";
}
ul.recommend-list li:nth-of-type(5) figure.logo::before{
	content:"其の五";
}
ul.recommend-list li:nth-of-type(6) figure.logo::before{
	content:"其の六";
}
ul.recommend-list.top li figure.logo::before{
	content:"";
	background:url(/shibuyasakescramble/images/2026/ichioshi-logo.webp) no-repeat center/contain;
	width: 150px;
	aspect-ratio:1/1
}
#sakesclamble-top #sake ul.recommend-list.top .itemtext-area .item-name{
	font-size: clamp(17px, 3.5vw, 28px);
}
#sakesclamble-top #sake ul.recommend-list.top .itemtext-area .item-name .brand{
	    margin-bottom: 2px;
    font-size: 14px;
    display: block;
}
@media screen and (max-width:768px){
	ul.recommend-list.top li figure.logo::before{
	width: 95px;
  }
	#sakesclamble-top #sake ul.recommend-list.top .itemtext-area .item-name .brand{
    font-size: 11px;
}
}
ul.recommend-list.top li figure.logo::after{
	display:none
}
ul.recommend-list li figure.logo::after{
	content:"";
	writing-mode:vertical-lr;
	display:block;
	width: 2px;
	height:30px;
	background:#000;
	margin: 0 auto;
	order: 2;
	margin: 5px auto 0;
}
.buyer-point{
  padding: 27px 15px;
  color: #000000;
  font-size: clamp(14px,1.8vw,18px);
  position: relative;
}
ul.recommend-list.top li .buyer-point{
	padding: 0 15px;
}
@media screen and (max-width:450px){
	.buyer-point{
  padding: 27px 0;
 }
}
@media screen and (max-width:380px){
#sake-page ul.recommend-list li figure.logo img{
	width: 68px;
}
#sake-page ul.recommend-list li:nth-of-type(1) figure.logo img,#sake-page ul.recommend-list li:nth-of-type(2) figure.logo img{
	width: 70px;
}
#sake-page ul.recommend-list li:nth-of-type(6) figure.logo img{
	width: 113px;
}
}
.buyer-point .buyer{
  padding: 10px 10px;
  margin-bottom: 21px;
  font-weight: 600;
  font-size: clamp(14px,2.0vw,19px);
  line-height: 1.5;
  position: relative;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  background: #16546b;
  color: #fff;
  display: grid;
  grid-template-columns: 52px 147px 1fr;
  align-items: center;
}
ul.recommend-list.top .buyer-point .buyer{
  background: #008bcd;
}
@media screen and (max-width:450px){
	.buyer-point .buyer{
  /* grid-template-columns: 1fr; */
  gap: 7px;
  grid-template-columns: 52px 110px 61px;
  margin-bottom: 8px;
  }
}
.buyer-point .buyer::before{
  content: "";
  display: block;
  background: url(/tokyufoodshow/shibuyasakescramble/images/icon-takekawa.webp) no-repeat top center/41px auto #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media screen and (max-width:450px){
	.buyer-point .buyer::before{
		grid-row:1/1
 }
}
 ul.recommend-list li:nth-of-type(5) .buyer-point .buyer::before,#sake-page ul.recommend-list li:nth-of-type(6) .buyer-point .buyer::before,ul.recommend-list.top li:nth-of-type(3) .buyer-point .buyer::before,ul.recommend-list.top li:nth-of-type(4) .buyer-point .buyer::before{
  background: url(/tokyufoodshow/shibuyasakescramble/images/icon-takayama.webp) no-repeat top center/49px auto #fff;
}
.buyer-point .buyer::after{
  content: "";
  display: none;
  width: 50px;
  height: 50px;
  border-top:1px solid;
  border-left:1px solid;
  transform:rotate(-45deg);
  position:absolute;
  top:0;
  left:0;
  
}
.buyer-point .buyer span{
  margin: 0 15px 0 11px;
  font-size: 12px;
  display: block;
}
@media screen and (max-width:450px){
	.buyer-point .buyer span{
  margin: 0 7px 0 4px;
  font-size: 12px;
  display: block;
  /* position: absolute; */
  /* left: 63px; */
  /* top: 17px; */
 }
}




section#brand-list {
  margin: 0;
  padding: 80px 20px;
  background: #244551;
}
section#brand-list h2{
  color:#fff;
  font-size: clamp(77px,7vw,99px);
}
section#brand-list h2 span{
  font-size: clamp(22px,3vw,40px);
}
section#brand-list .brand-wrap {
  margin: 40px auto 0;
  max-width: 1000px;
  gap: 50px 54px;
  justify-content: flex-start;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  padding: 40px 43px 60px;
  background: #fff;
  border-radius: 20px;
  align-items: stretch;
}
section#brand-list .brand-wrap .brand {
    position: relative;
    border-bottom: 1px solid;
    border-top: 1px solid;
}
section#brand-list .brand-wrap .brand .brand-intro {
    padding: 20px 10px;
    /* border-top: 1px solid; */
    /* border-bottom: 1px solid; */
    /* position: relative; */
}
section#brand-list .brand-wrap .brand::before,section#brand-list .brand-wrap .brand::after,section#brand-list .brand-wrap .brand .brand-intro::before,section#brand-list .brand-wrap .brand .brand-intro::after{
  content:"";
  display:block;
  width:20px;
  height:1px;
  background:#000;
  transform: rotate(-55deg) translate(-105%,-99%);
  position:absolute;
  top: -4%;
  left: -2px;
}
section#brand-list .brand-wrap .brand::before{
   left:auto;
   right: -4px;
   transform: rotate(55deg) translate(100%,100%);
}
section#brand-list .brand-wrap .brand .brand-intro::before,section#brand-list .brand-wrap .brand .brand-intro::after{
    bottom:0;
    top:auto;
    transform: rotate(55deg) translate(-50%,100%);
    left: -8px;
}
section#brand-list .brand-wrap .brand .brand-intro::before{
   left:auto;
  right:-7px;
  transform: rotate(-55deg) translate(50%,100%);
}
#brand-list .intro-area.flex-wrap figure{height: 70px;display: flex;justify-content: center;}
#brand-list .intro-area.flex-wrap figure img{
	height: 100%;
object-fit:contain
}
#brand-list .brand p {
    font-size: 13px;
    line-height: 1.4;
}

#brand-list .intro-area {
    padding: 0 0 13px;
    gap: 10px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 27%;
}

#brand-list .brand h6.brandname {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  display: grid;
  gap: 5px;
  align-items: center;
  grid-template-columns: 23px 1fr;
}

#brand-list .brand h6.brandname > span {
  white-space:nowrap;
}
#brand-list .brand h6.brandname > span span.corpolatename{
  font-size:12px;
  display:block;
}
#brand-list .brand h6.brandname .place {
  border: 1px solid;
  padding: 5px 2px;
  display: inline-block;
  font-size: 14px;
  writing-mode: vertical-lr;
  box-sizing: border-box;
}
#brand-list .brand figure{
	height:70px;
	display:flex;
	justify-content:center
}
#brand-list .brand figure img{
	height:100%;
	object-fit:contain;
}
@media screen and (max-width:768px){
  #sakesclamble-top > section#brand-list{
    margin:0;
    padding: 50px 20px;
  }
	section#brand-list h2{
  font-size: clamp(42px,9vw,55px);
}
	section#brand-list h2 span{
  display:block;
  margin-left:0;
  font-size: clamp(22px, 2vw, 27px);
}
  section#brand-list .brand-wrap {
  padding: 39px 20px;
  gap: 21px 40px;
  grid-template-columns: 1fr;
  }
  section#brand-list .brand-wrap .brand {
    width: 95%;
    margin: 0 auto;
  }
  #brand-list .intro-area.flex-wrap .brandlogowrap {
    width: 30%;
  }
  section#brand-list .brand-wrap .brand .brand-intro {
    padding: 10px 10px 20px;

  }
  #brand-list .intro-area.flex-wrap > p {
    width: calc((100% - 30%) - 20px);
    font-size: 13px;
    line-height: 1.4;
  }

  #sakesclamble-top #brand-list .intro-area.flex-wrap {
    padding: 0 0 10px;
  }

  #brand-list .brand h6.brandname {
    font-size: 24px;
    line-height: 1.2;
  }

  #brand-list .brand h6.brandname > span {
    font-size: 20px;
  }
  #brand-list .brand h6.brandname > span span.corpolatename{
  font-size: 12px;
  }
  #brand-list .brand h6.brandname span span.place {
    border: 1px solid;
    padding: 0px 5px;
    display: inline-block;
    margin-left: 13px;
  }
  #brand-list .brand p {
    font-size: 12px;
  }
}



/*---------header-logo---------*/
.header-logo {
	padding: 12px
}
.header-logo img {
	width: 156px;
	margin: 0 auto;
}

button.modal-bt.lastyear_bt {
    position: fixed;
    bottom: 184px;
    right: 0;
    z-index: 100;
    padding: 36px 5px 10px;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    border-radius: 9px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border:none;
    background: linear-gradient(0deg, rgba(44, 166, 224, 1) 18%, rgba(227, 0, 127, 1) 100%);
    color: #fff;
    letter-spacing: 0.1em;
    display: block;
}
button.modal-bt.lastyear_bt::before{
	content:"";
	display:block;
	background:url(/shibuyasakescramble/images/2026/camera-icon.webp) no-repeat center/contain;
	width:30px;
	aspect-ratio: 481/373;
	animation: camera infinite linear 1.5s;
	position: absolute;
	top: 0;
}
@media screen and (max-width:768px){
	button.modal-bt.lastyear_bt{
		font-size:clamp(12px,1.0vw,13px);
		padding: 29px 2px 10px 5px;
		bottom: 131px;
	}
	button.modal-bt.lastyear_bt::before{
		width:25px;
		
	}
}
@keyframes camera{
  0%,38%.75%,85%,100%{
    transform: scale(1.3) translateX(-5px) translateY(1px) rotate(30deg);
  }
  40%,86%{
    transform: scale(1.29) translateX(-3px) translateY(2px) rotate(-10deg);
  }
}
#lastyear {
    margin: 0 auto;
    padding: 14px 15px;
    width: 67%;
    background: linear-gradient(90deg, rgba(44, 166, 224, 1) 18%, rgba(227, 0, 127, 1) 100%);
    color:#fff;
    max-width: 400px;
    font-size: clamp(11px,1.7vw,15px);
    transform: translate(-50%,50%);
    position: fixed;
    bottom: 50%;
    left: 50%;
    border-radius: 10px;
    z-index: 100;
}

#lastyear .lastyear-slider {
    margin-bottom:20px;
    overflow:hidden;
    border-radius:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#lastyear h4 span{
	    font-size: clamp(17px,2.0vw,19px);
}
#lastyear .account {
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    font-size: 13px;
}

#lastyear .account span.icon {
    border: 1px solid;
    border-radius: 50%;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
#lastyear img{
	width:100%
}


div#special-wrap .sake-event:first-of-type {
    margin-bottom: 30px;
}
#special-wrap .contents-wrap {
  max-width: 1230px;
  margin: 0 auto 30px;
  font-size: 18px;
  box-sizing: border-box;
  padding: 42px 20px 34px;
  position: relative;
  /* border-right: 5px solid #ccc; */
  /* border-left: 6px solid #636363; */
  background: #de1985;
  color: #fff;
  display: flex;
  align-items: center;
  min-height: 320px;
}
#special-wrap .contents-wrap:last-of-type{
  margin:0 auto;
  background: #49abe7;
}
#special-wrap .contents-wrap::before,section#special-wrap .contents-wrap::after{
  content:"";
  display: none;
  width:200px;
  height:5px;
  background: #ccc;
  position:absolute;
  top:0;
  left:0;
}
#special-wrap .contents-wrap::after{
  top:auto;
  right:0;
  left:auto;
  bottom:0;
  background: #636363;
}
#special-wrap .contents-wrap .title-wrap {
    margin: 0;
    gap: 50px;
    align-items: flex-end;
    position: relative;
    display: flex;
}
#special-wrap .contents-wrap .title-wrap > div{
  width:calc((100% - 50px) - 30%)
}
#special-wrap .contents-wrap .title-wrap figure {
    height: 100%;
    width: 26%;
}
#special-wrap .contents-wrap:nth-of-type(1) .title-wrap figure{
  transform: scale(1.2) translateY(-20px);
}
#special-wrap .sake-event:last-of-type .contents-wrap:nth-of-type(1) .title-wrap figure{
  transform: scale(1.3);
}
#special-wrap .contents-wrap h4 {
    margin: 0;
    padding: 10px 20px 0 0;
    font-size: 40px;
    /* background: #fff; */
    /* border: 2px solid; */
    /* box-shadow: 2px 2px 0 #000; */
    letter-spacing: 0.1em;
    transform: rotate(-3deg);
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
}
#special-wrap .contents-wrap h4 .numbering{
  position:absolute;
  right:0;
  font-size: 105px;
  letter-spacing:-0.05em;
  top:50%;
  z-index:-1;
  color:#cccccc6b;
  transform:translate(20%,-50%)
}
#special-wrap .contents-wrap h4 span.maru{
  font-size:18px;
}
#special-wrap .contents-wrap h4 span.maru span {
  position: relative;
}
#special-wrap .contents-wrap h4 span.maru span::before {
  content:"";
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  position:absolute;
  top:-10px;
  left:50%;
  background: #ffffff;
  transform:translateX(-50%);
}
#special-wrap .contents-wrap p{
  width: 97%;
  margin: 24px auto 0;
}
#special-wrap .contents-wrap p .mini{
  font-size:clamp(13px,1.5vw,16px)
}

@media screen and (max-width:768px){
  #sakesclamble-top #special-wrap{
    padding: 60px 19px;
    margin-top:80px;
    }
  #sakesclamble-top #special-wrap  .section-lead{
    margin:0 0 30px
  }
  #sakesclamble-top .nomal-title span{
    font-size:44px
  }
  #special-wrap .contents-wrap {
    margin: 0 auto 30px;
    font-size: 14px;
    padding: 30px 20px 34px;
    display: block;
    overflow: hidden;
  }
  #special-wrap .contents-wrap:last-of-type{
    margin:0 auto;
    min-height: 320px;
    display: flex;
  }
  #special-wrap .contents-wrap .title-wrap {
      margin: 0;
      gap: 26px;
      position: relative;
      align-items: flex-end;
  }
	#special-wrap .sake-event:first-of-type .contents-wrap .title-wrap {
		display:block;
	}
  #special-wrap .contents-wrap .title-wrap > div{
    width: calc((100% - 26px) - 24%);
  }
	#special-wrap .sake-event:first-of-type .contents-wrap .title-wrap > div{
		width:100%;
		position: relative;
		z-index: 10;
	}
  #special-wrap .contents-wrap .title-wrap figure {
      height: 100%;
      width: 24%;
  }
    #special-wrap .sake-event:last-of-type .contents-wrap:nth-of-type(1) .title-wrap figure{
      transform: scale(2.5) translateX(-3%) translateY(-16%);
    }
  #special-wrap .contents-wrap .title-wrap figure{
    transform: scale(1.8);
  }
  #special-wrap .contents-wrap h4 {
      padding: 10px 20px 0 0;
      font-size: 32px;
      line-height: 1.5;
  }
  #special-wrap .contents-wrap h4 .numbering{
    font-size: 105px;
    letter-spacing:-0.05em;
    top:50%;
  }
  #special-wrap .contents-wrap h4 span.maru{
    font-size: 13px;
    display:block
  }
  #special-wrap .contents-wrap h4 span.maru span {
    position: relative;
  }
 #special-wrap .contents-wrap h4 span.maru span::before {
    content:"";
    display:block;
    width: 3px;
    height: 3px;
    left: 30%;
  }
#special-wrap .contents-wrap p{
    width: 97%;
    margin: 24px auto 0;
  }
	#special-wrap .sake-event:first-of-type .contents-wrap p{
		/* margin-top: 155px; */
	}
#special-wrap .contents-wrap p .mini{
	/* width: 45%; */
	/* display:block; */
}
	#special-wrap .sake-event:first-of-type .contents-wrap:nth-of-type(1) .title-wrap figure{
  /* position:absolute; */
  top: 134px;
  right: 9px;
  transform: translate(25px, 8px);
  width: 55%;
}
}