@charset "utf-8";
/* 2025 142号〜 さんま予約 */
:where(.lp-daichi) {
	--accrodion-bg: #e4ecf0;
	--cv-border: #e0e0e0;
	--qa-color: #45301f;
	--bg-normal: url(/external/category/image/2025/sanma/sanma_bg.jpg);
	/* https://min-max-calculator.9elements.com/ */
	/* 480-960幅 */
	--min0max15: clamp(0rem, -0.938rem + 3.13vw, 0.938rem);
	--min0max30: clamp(0rem, -1.875rem + 6.25vw, 1.875rem);
	--min5max10: clamp(0.313rem, 1.04vw, 0.625rem);
	--min8max17: clamp(0.5rem, -0.063rem + 1.88vw, 1.063rem);
	--min9max16: clamp(0.563rem, 0.125rem + 1.46vw, 1rem);
	--min10max20: clamp(0.625rem, 2.08vw, 1.25rem);
	--min10max25: clamp(0.625rem, -0.313rem + 3.13vw, 1.563rem);
	--min13max20: clamp(0.813rem, 0.375rem + 1.46vw, 1.25rem);
	--min14max28: clamp(0.875rem, 2.92vw, 1.75rem);
	--min15max20: clamp(0.938rem, 0.625rem + 1.04vw, 1.25rem);
	--min16max20: clamp(1rem, 0.75rem + 0.83vw, 1.25rem);
	--min15max22: clamp(0.938rem, 0.5rem + 1.46vw, 1.375rem);
	--min15max24: clamp(0.938rem, 0.733rem + 1.02vw, 1.5rem);
	--min15max30: clamp(0.938rem, 3.13vw, 1.875rem);
	--min16max18: clamp(1rem, 0.875rem + 0.42vw, 1.125rem);
	--min16max34: clamp(1rem, -0.125rem + 3.75vw, 2.125rem);
	--min18max20: clamp(1.125rem, 1rem + 0.42vw, 1.25rem);
	--min18max22: clamp(1.125rem, 0.875rem + 0.83vw, 1.375rem);
	--min18max23: clamp(1.125rem, 0.813rem + 1.04vw, 1.438rem);
	--min18max24: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	--min18max45: clamp(1.125rem, -0.563rem + 5.63vw, 2.813rem);
	--min20max24: clamp(1.25rem, 1rem + 0.83vw, 1.5rem);
	--min20max25: clamp(1.25rem, 0.938rem + 1.04vw, 1.563rem);
	--min20max26: clamp(1.25rem, 0.875rem + 1.25vw, 1.625rem);
	--min20max28: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
	--min20max30: clamp(1.25rem, 0.625rem + 2.08vw, 1.875rem);
	--min20max40: clamp(1.25rem, 4.17vw, 2.5rem);
	--min20max90: clamp(1.25rem, -3.125rem + 14.58vw, 5.625rem);
	--min22max26: clamp(1.375rem, 1.125rem + 0.83vw, 1.625rem);
	--min22max35: clamp(1.375rem, 1.08rem + 1.48vw, 2.188rem);
	--min23max29: clamp(1.438rem, 1.063rem + 1.25vw, 1.813rem);
	--min24max48: clamp(1.5rem, 5vw, 3rem);
	--min25max28: clamp(1.563rem, 1.375rem + 0.63vw, 1.75rem);
	--min25max30: clamp(1.563rem, 1.25rem + 1.04vw, 1.875rem);
	--min25max33: clamp(1.563rem, 1.063rem + 1.67vw, 2.063rem);
	--min25max40: clamp(1.563rem, 0.625rem + 3.13vw, 2.5rem);
	--min25max45: clamp(1.563rem, 1.108rem + 2.27vw, 2.813rem);
	--min27max55: clamp(1.688rem, -0.063rem + 5.83vw, 3.438rem);
	--min30max34: clamp(1.875rem, 1.625rem + 0.83vw, 2.125rem);
	--min30max37: clamp(1.875rem, 1.438rem + 1.46vw, 2.313rem);
	--min30max70: clamp(1.875rem, -0.625rem + 8.33vw, 4.375rem);
	--min38max54: clamp(2.375rem, 1.375rem + 3.33vw, 3.375rem);
	--min30max40: clamp(1.875rem, 1.25rem + 2.08vw, 2.5rem);
	--min40max54: clamp(2.5rem, 1.625rem + 2.92vw, 3.375rem);
	--min45max75: clamp(2.813rem, 0.938rem + 6.25vw, 4.688rem);
	--min196max393: clamp(12.25rem, -0.063rem + 41.04vw, 24.563rem);
}

.lp-daichi .body > .text + .text,
.lp-daichi .body > .textwrap .text + .text {
	margin-top: var(--min20max30);
}
.lp-daichi :where(p) {
	margin: 0;
}
.lp-daichi.-sanma {
	background: var(--bg-normal);
	background-size: contain;
}

.schedule-area {
	background: url(/external/category/image/2025/sanma/schedule_bg.jpg);
	background-size: cover;
	padding: 2.8% var(--min10max20);
	color: #fff;
	font-family: var(--font-minchou);
	text-align: center;
}
.block-grid.-schedule {
	max-width: 850px;
	margin-inline: auto;
	gap: 6%;
}
.schedule-box {
	text-align: center;
}
.schedule-box > .title {
	position: relative;
	display: inline-block;
	padding-inline: 2%;
	z-index: 1;
	background: url(/external/category/image/2025/sanma/schedule_bg.jpg);
	background-size: cover;
	margin: auto;
	font-size: var(--min18max22);
}
.schedule-box > .text {
	margin-top: -4.7%;
	padding: 8% 1.5% 7%;
	position: relative;
	border: 1px solid #fff;
	font-size: var(--min20max26);
}

.lead-area {
	padding: 4% 3% 3.5%;
	font-family: var(--font-minchou);
	font-size: var(--min20max28);
	letter-spacing: 0.12rem;
	text-align: center;
	color: #302005;
	font-weight: bold;
}
.lead-mark {
	text-decoration: underline #feae01;
	text-underline-position: under;
}

#content .lp-daichi .accordion {
	margin: 0;
}
#content .lp-daichi .accordion .accordion-toggle::before {
	content: none;
}
#content .lp-daichi .accordion .accordion-toggle::after {
	content: "";
	display: inline-block;
}
.accordion-group.-flow {
	background: #427f9d;
	width: min(750px, 93%);
	margin: 6% auto;
	border-radius: 10px;
	padding: var(--min20max30) var(--min30max70);
  box-sizing: border-box;
	color: #fff;
	letter-spacing: .09rem;
}
#content .lp-daichi .accordion-group .title a {
	text-decoration: none;
	color: #fff;
	display: block;
	position: relative;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
}
.accordion-group.-flow .title a {
	font-size: var(--min25max30);
	text-align: center;
}
#content .lp-daichi .accordion-group .accordion .title a::after {
	content: "";
	display: inline-block;
	mask: url(/external/category/image/yoyaku_common/icon_arrow.svg) no-repeat;
	-webkit-mask: url(/external/category/image/yoyaku_common/icon_arrow.svg) no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	background-color: #fff;
	width: var(--min22max26);
	height: fit-content;
	aspect-ratio: 26/21;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	transform: scale(1, -1);
}
#content .lp-daichi .accordion-group .accordion.pseudo-opened .title a::after {
	transform: scale(-1, 1);
}
.accordion-group.-flow .title a::after {
	background-color: #000;
}

.accordion-body.-flow {
	margin-top: 45px;
}
#content .lp-daichi .accordion.pseudo-opened .accordion-toggle .accordion-toggle-label {
	display: block;
}
#content .lp-daichi .accordion-group .text {
	font-size: var(--min18max20);
}
.block-grid.-how {
	grid-template-columns: 1fr 40%;
	align-items: center;
}

.block-grid.-how .text[class*="no"]::before {
	display: block;
	font-size: 40px;
	line-height: 1;
	margin-bottom: var(--min5max10);
	font-weight: bold;
}
.block-grid.-how .text.-no1::before {
	content: "1.";
}
.block-grid.-how .text.-no2::before {
	content: "2.";
}
.block-grid.-how .text.-no3::before {
	content: "3.";
}

#content .lp-daichi .accordion-body .arrow::after {
	content: "";
	display: block;
	width: 100%;
	height: 47px;
	background: url(/external/category/image/yoyaku_common/how_icon_arrow.svg) no-repeat 50% 100%;
	background-size: contain;
	margin: 10px 0;
}
#content .lp-daichi .accordion-body .arrow:last-of-type::after {
	content: none;
}
#content .lp-daichi .accordion-body .text.-comp {
	font-size: var(--min20max30);
	text-align: center;
	font-weight: bold;
}
#content .lp-daichi .accordion-body .image {
	display: grid;
	place-content: center;
}

.cv-area {
  margin: 0 auto;
}
.contents-area2 + .cv-area {
	margin-top: 3%;
}
.cv-note {
	display: block;
	width: 95%;
	margin: 3% auto 0;
	padding: 2%;
	box-sizing: border-box;
	border: #ff0000 solid 1px;
	color: #ff0000;
	font-size: var(--min15max20);
	line-height: 1.5;
}
.block-grid.-col2.-all > .title {
	display: block;
	color: #231815;
	font-size: var(--min22max35);
	font-weight: bold;
	text-align: center;
}
.block-grid.-col2.-all > .image {
	display: block;
}
.block-grid.-col2.-all > .specwrap {
	margin-top: var(--min15max30);
	padding-inline: var(--min18max24);
}
.block-grid.-col2.-all > .specwrap .js-item-sales.-cart6 .item-summary .info .cart:has(.reserve) {
  width: min(420px, 100%);
}
.block-grid.-col2.-single {
	width: min(750px, 100%);
}
.block-grid.-col2.-single > .specwrap .js-item-sales.-cart6 .item-summary .info .cart:has(.reserve) {
  width: 100%;
}

.qa-area {
	padding-top: 40px;
	background: #fff;
}
.qa-area > *{
	margin-inline: auto;
	width: min(700px, 100%);
}
.qa-area .head {
	text-align: center;
	font-size: var(--min30max40);
	color: var(--qa-color);
	border-bottom: 2px solid var(--qa-color);
}
.qa-area .head + .accordion-group {
	margin-top: var(--min30max40);
}
#content .qa-area .accordion-group .title a {
	font-size: var(--min20max24);
	color: #fff;
	background-color: var(--qa-color);
	text-align: left;
	padding: 15px var(--min45max75) 10px var(--min20max40);
	display: flex;
}
#content .qa-area .accordion-group .accordion .title a::before {
	content: "Q.";
	font-size: 100%;
	color: inherit;
	margin-right: 10px;
}
#content .qa-area .accordion-group .accordion .title a::after {
	background-color: #fff;
	right: var(--min20max40);
}
#content .qa-area .accordion-group + .accordion-group {
	margin-top: var(--min25max30);
}
#content .qa-area .accordion-group .text {
	margin-top: 15px;
}

.contents-area2{
	background: url(/external/category/image/2025/sanma/yoyaku_about_bg.jpg) no-repeat;
	margin: 6% auto 0;
	background-color: #c1e4f8;
	background-size: cover;
}
.intro {
	padding: 4% 4% 3%;
	text-align: center;
}
.intro h3 {
	display: inline-block;
	padding: 0;
	font-family: var(--font-minchou);
	font-weight: bold;
	font-size: 280%;
	color: #fff;
	line-height: 1.25;
}

.intro .inside {
	margin: 6% auto 0;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: left;
}
.intro .inside > .block-grid.-col3 {
	gap: var(--min10max20);
	align-items: center;
	margin-top: 2%;
}
.block-grid.-col3 {
	grid-template-columns: repeat(2, 1fr);
}

.contents-area2 .block-grid.-item {
	background: #fff;
}

.contents-area2 .inside {
	padding: 1% 3% 3%;
}

.contents-area2 :is(.block-grid, .block-grid+.block-grid.-item):has(.inside) .specwrap {
	padding: 0;
}

.intro .inside .textwrap {
	font-size: #2a2a2a;
}
.intro .inside .textwrap .title {
	padding-bottom: 1%;
	font-family: var(--font-minchou);
	font-size: var(--min20max28);
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: .05em;
}
.intro .inside .textwrap .text {
	padding-top: 1%;
	font-size: var(--min16max20);
	line-height: 1.5;
}

.-od1{
	order: 1;
}

.contents-area{
	margin: 0 auto;
	padding:  0;
}
.set-title{
	margin: 3% auto 0;
	padding: 0;
	max-width: 600px;
}
.set_bg{
	width: 98%;
	margin: 0 auto;
	padding: 2% 0 0;
	background: var(--bg-set);
}

.textwrap h4{
	font-size: var(--min18max23);
	font-weight: bold;
	line-height: 1.25;
	margin: var(--min5max10) auto 0;
}

.inner > .itemWrapper:not(:last-child) {
	margin-bottom: var(--min20max30); 
}

.inner.-tosyu > .itemWrapper:nth-child(3) {
	order: -1;
}
.itemWrapper.-tosyu {
	display: none;
}
:where(.contents-area .head, .contents-area .catch, .lp-daichi .head.-bottom){
	padding: 0;
}
.item-name{
	font-size: 114.285714286%;
	font-weight: bold;
}
.contents-area .catch.-plain{
	font-family: var(--font-gothic);
	line-height: 1.3;
	font-size: var(--min20max25);
	font-weight: bold;
	padding: 3% 0 1%;
}
.contents-area [class].-bg {
  background: var(--class-bg);
}
.contents-area .catch {
  padding-bottom: 1.5%;
}
.contents-area .catch {
	display: grid;
	place-content: center;
	text-align: center;
}

.read {
	margin: var(--min20max30) auto 0;
	color: #fff;
	font-size: var(--min15max24);
	font-family: var(--font-minchou);
	line-height: 1.5;
  letter-spacing: .05em;
}
.contents-area > .inner{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
.contents-area .catch.-bg + .block-grid[class*="item"] {
	margin-top: 0;
}
.contents-area .block-grid.-item {
	background: #fff;
	width: 95%;
	margin: auto;
}
.block-grid {
	display: grid;
}
.block-grid.-item > .image {
	position: relative;
}
.block-grid.-item > .image > .icon_point.-new {
	top: 24%;
}
.block-grid.-item > .image > .icon_point {
	position: absolute;
	left: 2%;
	width: 10.8%;
}
.contents-area .inside {
	padding: 0 0 var(--min15max20);
}
.block-grid.-appeal {
	gap: var(--min10max20);
	align-items: flex-start;
}
.block-grid.-appeal:first-of-type {
	margin-top: var(--min15max24);
}

.block-grid.-reverse {
	grid-template-areas: "image text";
}
.block-grid.-col2 {
	grid-template-columns: repeat(2, 1fr);
	padding: 2%;
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
}
.block-grid.-col2.-item {
	padding: 0 2% 0 0;
}
.block-grid.-reverse .textwrap {
	grid-area: text;
	margin-top: var(--min5max10);
}
.block-grid.-appeal .title {
	display: block;
	margin-bottom: 2%;
	font-size: var(--min25max28);
	line-height: 1.3;
	font-family: var(--font-minchou);
	text-align: left;
}
.block-grid.-appeal .text {
	margin-top: var(--min5max10);
	font-size: var(--min18max23);
}
.block-grid[class*="item"] :is(.title, .catch){
	padding: 0;
	justify-content: left;
}
.block-grid.-appeal .title + .text {
	margin-top: 2%;
}
.block-grid.-reverse .image {
	grid-area: image;
}
.block-grid.-appeal + .block-grid.-appeal {
	margin-top: 0px;
}
.block-grid.-appeal {
	gap: var(--min10max20);
	align-items: flex-start;
}
.contents-area :is(.block-grid, .block-grid+.block-grid.-item):has(.inside) .specwrap {
	padding: 2.5%;
}
.block-grid[class*="item"] .specwrap {
	background-color: #fff;
}
.fish_name {
	font-size: var(--min30max34);
	line-height: 1;
}

@media (max-width: 480px) {
	.-first{
		margin-top: 0;
  }
	.accordion-group.-flow .title a {
		text-align: left;
		font-size: 130%;
	}

	.about-area {
		padding-top: 6%;
	}
	.set_bg {
    width: 95%;
	}
	.set-title{
		padding: 3% 0 0;
		margin: 0 auto -1.5%;
	}
	.limit-area .head .sub{
		font-size: 50%;
	}
	.limit-area .body .date{
		font-size: 140%;
	}
	.textwrap{
		margin-top: 6%;
  }
	.block-grid.-how {
		grid-template-columns: 1fr;
		row-gap: 10px;
	}
	.block-grid.-col2.-item {
		padding: 2%;
	}
	.osusume-box{
		padding: 7% 7% 4%;
	}
	.block-grid.-how .text {
		text-align: center;
	}
	.block-grid.-how .text[class*="no"]::before {
		text-align: center;
		margin-left: 15px;
	}

	.block-grid.-cv {
		grid-template-columns: 1fr;
	}
	.cv-wrap.-border .image {
		width: 90%;
		margin: auto;
	}
	.block-grid.-col2.-all > .specwrap .js-item-sales.-cart6 .item-summary .info .cart:has(.reserve) {
		width: 100%;
	}
	.block-grid:not(.block-grid.-recipe, .block-grid.-accordion) {
		display: block; 
	}
	.inside .block-grid.-col2{
    display: block; 
		display: flex;
    flex-direction: column;
	}
	.textwrap{
		margin-top: 0;
		margin-bottom: 8%;
		order: 2;
	}

	.block-grid.-col2:not(.block-grid.-recipe, .block-grid.-all, .block-grid.-single){
		padding: 0 4%;
	}

	.intro {
    padding: 5% 0 2%;
    text-align: center;
  }
	.block-grid.-col3 {
    grid-template-columns:auto !important;
  }
	.-od2{
		order: 2;
  }
	.contents-area .catch.-plain{
		padding: 6% 0 2%; 
	}

	.intro{
		padding: 5% 2% 2%;
	}
	.intro h3{
		margin: 5% auto;
		font-size: 230%;
	}

	.contents-area .block-grid.-item{
		padding-top: 0;
	}

	.cv-area .-pdb4{
		padding-top: 4%;
	}
	.image-reito{
		width: 100%; 
	}

	.schedule-area {
		padding-block: 4.8%;
	}
	.block-grid.-schedule {
		gap: 0;
	}
	.schedule-box:nth-child(2) {
		margin-top: 5%;
	}
	.schedule-box > .text {
    margin-top: -4.4%;
		padding: 7% 3% 6%;
	}
}