@charset "utf-8";
/* 2025 夏の干物LP */
:where(.lp-daichi) {
	--limit-color: #52462c;
	--accrodion-bg: #e4ecf0;
	--cv-border: #e0e0e0;
	--qa-color: #45301f;
	--bg-normal: #09365f;
	--bg-about: url(/external/category/image/2025/natsunohimono/yoyaku_himono-aw_bg01.jpg);
	--bg-set: url(/external/category/image/2025/natsunohimono/set_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);
	--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);
	--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;
}
[class*="area"].-bg {
	background: var(--bg-normal);
}

.limit-area {
	padding: var(--min30max40) var(--min20max30);
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 0;
	text-align: center;
	color: var(--limit-color);
}
.limit-area .head {
	font-size: var(--min38max54);
	line-height: 1.45;
  letter-spacing: .15rem;
}
.limit-area .head .sub {
	font-size: 60%;
	display: block;
}
.limit-area .body {
	max-width: 635px;
	background-color: #fff;
	border-radius: 10px;
	padding: var(--min20max25) 20px var(--min15max20);
	margin: 0 auto;
	border: solid 4px #b29121;
	color: #52462c;
	font-weight: bold;
}
.limit-area .body .title {
	font-size: var(--min20max25);
	font-weight: 100;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 10px;
	width: min(450px, 100%);
	margin: auto;
}
.limit-area .body .date + .title {
	margin-top: 3%;
}
.limit-area .body .title::before,
.limit-area .body .title::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #52462c;
}
.limit-area .body .title::before {
	margin-left: auto;
}
.limit-area .body .date {
	font-size: var(--min25max33);
	margin-top: 5px;
	color: #52462c;
	font-weight: bold;
}
.limit-area .body .date .time {
	font-size: 80%;
	display: inline-block;
	margin-left: var(--min5max10);
}

.calendar-area {
	margin-top: 0;
	padding-bottom: 4%;
	padding-top: 4%;
}
.calendar-area > .body .about-text .head {
	width: min(530px, 85%);
	margin: 0 auto 4%;
}
.calendar-area .body {
	margin-top: 0;
}
.calendar-area .body > .about-text .text {
	color: var(--limit-color);
	text-align: center;
	font-size: var(--min18max20);
}
.calendar-area .body .cal {
	width: min(516px,100%);
	margin: var(--min20max30) auto 0;
}

#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;
}
#content .calendar-area .accordion-group {
	background: #c0dae7;
	width: min(750px, 93%);
	margin: 0 auto 0;
	border-radius: 10px;
	padding: var(--min20max30) var(--min30max70);
  box-sizing: border-box;
	letter-spacing: .09rem;
}
#content .lp-daichi .accordion-group .title a {
	text-decoration: none;
	color: #333;
	display: block;
	position: relative;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
}
#content .calendar-area .accordion-group .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;
	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);
}
#content .calendar-area .accordion-group .title a::after {
	background-color: #000;
}

#content .calendar-area .accordion-body {
	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;
}
.cv-area.-single {
  padding-bottom: 3%;
}
.block-grid.-col2.-all {
	grid-template-columns: repeat(1, 1fr);
	padding: var(--min15max30) 0 var(--min25max45);
}
.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;
	margin-top: var(--min5max10);
}
.block-grid.-col2.-all > .specwrap {
	margin-top: var(--min15max20);
	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%;
}

.about-area {
	width: 100%;
	margin: 0 auto 0;
	color: var(--limit-color);
	background: var(--bg-about);
}
.image-reito{
	width: 50%;
    margin: auto;
}
.about-area .headwrap {
	text-align: center;
}
.about-area .headwrap img {
	width: min(160px, 30%);
}
.about-area .head {
	font-size: var(--min40max54);
	font-family: var(--font-minchou);
	line-height: 1;
	color: #fff;
}
.about-area .logo {
	margin-top: 15px;
}

.about-area .body > .textwrap {
	width: 90%;
	margin: auto;
}
.about-area .body > .textwrap .text {
	font-size: var(--min18max20);
}
.about-area .body .about {
	margin-top: var(--min15max30);
}
.deli-area {
	text-align: center;
	padding: var(--min25max40) 10px var(--min30max40);
	letter-spacing: .18rem;
	color: #272750;
}
.deli-area{
	margin-top: 0;
}
.deli-area > .title {
	font-size: var(--min30max37);
	font-weight: 100;
}
.deli-area > .text {
	font-size: 130%;
	line-height: 1.7;
	margin-top: 15px;
}
.block-grid.-deli {
	margin-top: 10px;
	grid-template-columns: repeat(2, 1fr);
}
.block-grid.-deli .image img {
	width: min(240px, 85%);
}
.about-area + .cv-area {
	margin-top: 50px;
}
.cv-wrap.-border {
	border: 5px solid var(--cv-border);
	padding: var(--min15max20) var(--min20max90);
}

.cv-wrap + .cv-wrap {
	margin-top: 20px;
}
.block-grid.-cv {
	grid-template-columns: 35% 1fr;
	align-items: center;
	gap: var(--min10max20);
}

.himono_sub{
	font-size: 90%;
}
.about-text{
	background:none;
	background-position: bottom;
	background-size: cover;
	padding-bottom: 0;
}
.-osusume-point{
	background: #fff;
	margin: 3% auto;
	padding: 2% 3%;
}
.osusume-title{
	font-weight: bold;
	font-size: var(--min16max18);
	display: block;
}
.-howtoimg{
	width: 80%;
	margin: 3% auto 0;
}

.qa-area {
	margin: 40px auto 0;
	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/natsunohimono/yoyaku_about_bg.jpg) no-repeat;
	margin: 0 auto 0;
	background-color: #c1e4f8;
	background-size: cover;
}
.intro {
	padding: 6% 4% 2%;
	text-align: center;
}
.intro h3 {
	display: inline-block;
	padding: 0;
	font-family: var(--font-minchou);
	font-weight: bold;
	font-size: 220%;
	color: #002c5c;
	line-height: 1.25;
	border-bottom: solid 2px #002c5c;
}

.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 .catch.-plain{
	font-family: var(--font-minchou);
	line-height: 1.3;
	font-size: var(--min20max25);
	font-weight: bold;
}
.contents-area2 [class].-bg {
	background: var(--class-bg);
}
.contents-area2 .catch {
	padding-bottom: 1.5%;
}
.contents-area2 .catch {
	display: grid;
	place-content: center;
	text-align: center;
}

.contents-area2 .catch.-bg + .block-grid[class*="item"] {
	background-color: #fff;
	width: 90%;
	margin: auto;
	padding: 4% 3%;
}
.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 .title {
	border-bottom: 1px solid #333;
	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;
}
.calendar-area.-tosyu,
.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);
}
.contents-area2 .block-grid.-appeal {
	align-items: center;
}
.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.-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 .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;
}

/*食べ方*/
.recipe-area {
	padding: 3% 2.5%;
}
.accordion-group.-recipe {
	margin: 0 auto;
	padding-bottom: var(--min25max45);
	background: #fff;
}
.accordion-group.-recipe > .accordion {
	padding: 0 var(--min15max30);
}
.block-grid.-recipe,
.block-grid.-accordion {
	width: min(745px, 100%);
}
.block-grid.-recipe {
	grid-template-columns: 47% auto;
	padding: 3% 0 var(--min25max45);
	align-items: center;
}
.area-head.-recipe {
	font-family: var(--font-minchou);
	padding: 0 0 0 var(--min16max34)!important;
	box-sizing: border-box;
	font-size: var(--min24max48);
	line-height: 1.2;
}
.area-head.-recipe > .sub {
	display: grid;
	grid-template-columns: 12% auto;
	align-items: flex-end;
	font-size: var(--min15max30);
	line-height: 1;
}
.area-head.-recipe > .sub::before {
	content: "";
	display: block;
	height: var(--min27max55);
	background: url(/external/category/image/2025/natsunohimono/good_icon.png) no-repeat;
	background-size: contain;
}
.area-head.-recipe > .small {
	display: block;
	margin-top: var(--min9max16);
	font-size: var(--min20max40);
}

.block-grid.-accordion {
	grid-template-columns: 16.5% auto;
	padding: 0;
	font-size: var(--min15max22);
}
.block-grid.-accordion.-first {
	margin-top: var(--min0max15);
}
.block-grid.-accordion:not(.block-grid.-accordion.-first) {
	margin-top: var(--min10max25);
}
.block-grid.-accordion.-third {
	margin-bottom: var(--min25max45);
}
.block-grid.-accordion::before {
	content: "";
	display: block;
	aspect-ratio: 124/53;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}
.block-grid.-first::before {
	background-image: url(/external/category/image/2025/natsunohimono/recipe_icon1.png);
}
.block-grid.-second::before {
	background-image: url(/external/category/image/2025/natsunohimono/recipe_icon2.png);
}
.block-grid.-third::before {
	background-image: url(/external/category/image/2025/natsunohimono/recipe_icon3.png);
}
#content .lp-daichi .accordion-group .accordion-toggle.-recipe {
	display: block;
	background: #b37851;
	width: var(--min196max393);
	margin: 0 auto 0;
	border-radius: 10px;
	padding: var(--min13max20) var(--min30max70) var(--min9max16);
	box-sizing: border-box;
	font-size: var(--min14max28);
	letter-spacing: .09rem;
	color: #fff;
}
.toggle-label.-recipe::before {
	content: "詳しく見る";
}
.accordion.pseudo-opened .toggle-label.-recipe::before {
	content: "閉じる";
}
#content .lp-daichi .accordion-group .accordion .title .accordion-toggle.-recipe::after {
	background-color: #fff;
	right: 10%;
}

.block-grid.-col2.-recipeimg {
	width: 100%;
	padding: 0;
}
.recipe-textwrap {
	padding-right: 6%;
}
.recipe-text.-second {
	margin-top: 2%;
}

@media (max-width: 480px) {
	.-mb8{
    margin-bottom: 8%;
	}
	.-first{
		margin-top: 0;
  }
	#content .calendar-area .accordion-group .title a {
		text-align: left;
		font-size: 130%;
	}
	[class*="area"]:not(.main-area, [class*="bg"], .cv-area, .about-area) {
		padding: 1% 2% 6%;
		box-sizing: border-box;
	}
	.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;
	}
	.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;
	}
	/*CVarea*/
	.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;
	}

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

	.cv-area .-pdb4{
		padding-top: 4%;
	}
	.image-reito{
		width: 100%; 
	}
	
	/*食べ方*/
	.accordion-group.-recipe {
		padding-inline: 0;
	}
	.block-grid.-col2.-recipeimg > .image {
		margin-top: 2%;
	}
	.block-grid.-recipe {
		padding-top: 0;
	}
	.block-grid.-col2.-accordion {
		padding: 0!important;
	}
}