@charset "UTF-8";

@media screen and (max-width: 767px) {
	.only-lg {
		display: none;
	}
}

@media print,
screen and (min-width: 768px) {
	.only-sp {
		display: none;
	}
}

@media print,
screen and (min-width: 451px) {
	.sp450 {
		display: none;
	}
}

img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a:hover {
	opacity: 0.8;
}

/*==========
header
==========*/


/*pc*/
.header {
	background-color: #6BC8F2;
}

.header_wrap {
	padding: 50px 10px 0 10px;
	position: relative;
	z-index: 1;
	max-width: 1600px;
	display: block;
	margin: auto;
}

.header .header_bg {
	position: absolute;
	z-index: -1;
	top: 50px;
}


/*sp*/
@media screen and (max-width: 767px) {
	.header .header_bg {
		top: 3vh;
	}

	.header .header_fv {
		display: block;
		margin: auto;
		padding: 25px 10px 0 10px;
	}

}

/*==========
nav
==========*/
/*pc*/
.nav {
	font-family: "Noto Sans JP", sans-serif;
	background-color: #93D7F6;
	/*position: relative;
    bottom: 6vh;*/
	font-size: 18px;
	padding: 25px 0 6vh 0;
}

.nav_wave {
	position: relative;
	position: relative;
	top: -100px;
	z-index: 2;
}


.nav_wrap {
	/* max-width: 1250px; */
	text-align: center;
	margin: -75px auto 0 auto;
}

.nav_list {
	position: relative;
	width: 80%;
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px auto 0 auto;
}

.nav_list .nav_list-item {

	width: 30%;
	min-width: 300px;
	margin: 10px 8px;
}


.nav_list .nav_list-item {
	background-color: #008DD7;
	height: 80px;
	border-radius: 20px;
	box-shadow: 3px 3px 0 #0000001a;
	background-image: url(../img/nav_list-item_unker.png);
	background-repeat: no-repeat;
	background-position: 92% 50%;
	background-size: 1.8rem;

}

.nav_list .nav_list-item a {
	position: relative;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	display: block;
	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

/*tab*/
@media screen and (max-width: 1024px) {
	.nav_wave {
		position: relative;
		top: -87px;
		z-index: 2;
	}
}


/*sp*/
@media screen and (max-width: 767px) {

	.nav {
		padding: 30px 0 60px 0;
	}

	.nav_wrap {
		/* margin: auto; */
		width: 100%
	}

	.nav_wave {
		position: relative;
		position: relative;
		top: -80px;
		z-index: 2;
	}

	.nav_list {
		width: 100%;
		margin: 40px auto 0 auto;
	}

	.nav_list .nav_list-item {
		background-size: 1rem;
		background-position: 93% 50%;
		width: 45%;
		min-width: auto;
		margin: 10px 4px;
	}

	.nav_list .nav_list-item a {
		width: 100%;
		font-size: .9em;
	}
}



/*==========
main
==========*/
.izumo_renewal {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #333232;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	background-color: #6BC8F2;
	position: relative;
	/*padding-top: 15vh;
	top: -6vh;*/
}

.izumo_renewal a {
	transition: all 0.3s;
	text-decoration: none;
	color: #000;
	line-height: 1.4;
}

.izumo_renewal a:hover {
	opacity: 0.8;
}

.izumo_renewal p {
	line-height: 1.4;
}

.izumo_renewal ul {
	list-style: none;
}

.izumo_renewal img {
	vertical-align: bottom;
}

/*1181以上*/
@media screen and (min-width: 1181px) {
	.izumo_renewal {
		padding-top: 15vh;
		/* top: -6vh; */
	}
}

@media screen and (max-width: 767px) {
	.izumo_renewal {
		padding-top: 6vh;
		/* top: -6vh; */
	}
}

.izumo_renewal a {
	transition: all 0.3s;
	text-decoration: none;
}

.izumo_renewal a:hover {
	opacity: 0.8;
}

.izumo_renewal p {
	line-height: 1.4;
}

.izumo_renewal p span.youbi {
	font-size: 0.8em;
}

.izumo_renewal h3 {
	width: 95%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.izumo_renewal h3 {
		max-width: 550px;
	}
}

.w1100 {
	position: relative;
	width: 95%;
	margin: 0 auto;
	max-width: 1100px;
	z-index: 1;
}

.con {
	position: relative;
	padding: 0 0 80px;
	z-index: 1;
}

.con h3 {
	text-align: center;
}

.con__btn {
	width: 70%;
	max-width: 400px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.con__btn {
		width: 95%;
	}
}

.con__btn a {
	position: relative;
	display: block;
	padding: 16px 8px;
	font-size: 1.1em;
	background: #C70078;
	border-radius: 40px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	color: #fff;
	transition: all 0.3s;
	line-height: 1.4;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.con__btn a {
		font-size: 1em;
	}
}

.con__btn a::after {
	content: "";
	position: absolute;
	background: url(../img/arrow.svg) no-repeat;
	background-position: center;
	width: 10px;
	height: 20px;
	right: 5%;
	bottom: 32%;
	transition: all 0.3s;
}

.con__btn a:hover {
	box-shadow: none;
}

.con__btn a:hover::after {
	right: 3%;
}

.fv {
	position: relative;
	background-color: #ADDDF4;
	text-align: center;
	background-image:
		linear-gradient(rgba(173, 221, 244, 0.41), rgba(173, 221, 244, 0.41)),
		url(../img/fv-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.fv {
		padding: 5% 0 0;
	}
}


.fv__bottom {
	position: absolute;
	width: 100%;
	line-height: 0;
	bottom: -8%;
	z-index: 0;
}

@media screen and (max-width: 767px) {
	.fv__bottom {
		width: 200%;
		bottom: -8%;
		left: -100%;
	}
}


.fv__ttl img {
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

.fv__ttl .mainttl {
	width: 90%;
	margin: 0 auto;
	max-width: 980px;
	padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.fv__ttl .mainttl {
		width: 95%;
		max-width: 440px;
	}
}

.fv__ttl .mainttl img {
	width: 100%;
}

.fv-kikan {
	position: relative;
	padding: 1em 0;
	background: #FFD1E5;
	z-index: 1;
	box-shadow: 0 -5px 6px #00000020;
}

.fv-kikan-sub {
	font-size: 1.5em;
}

.fv-kikan-day {
	font-size: 2.2em;
}

.fv-kikan-day span {
	font-size: 0.7em;
}

@media screen and (max-width: 767px) {
	.fv-kikan-day {
		font-size: 1.8em;
	}
}

.unkernav {
	padding: 80px 0 40px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.unkernav {
		padding: 10px 0;
	}
}

.unkernav__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
	.unkernav__list {
		justify-content: space-around;
	}
}

.unkernav__list .navitem {
	width: 30%;
	max-width: 300px;
	margin: 12px 10px;
}

@media screen and (max-width: 767px) {
	.unkernav__list .navitem {
		width: 48%;
		margin: 8px 0;
	}
}

.unkernav__list .navitem a {
	position: relative;
	display: block;
	width: 100%;
	padding: 20px 0;
	background-color: #E4007F;
	border-radius: 100px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 2em;
	line-height: 1.2;
	box-shadow: 3px 3px 3px rgba(144, 144, 144, 0.6);
}

@media screen and (max-width: 767px) {
	.unkernav__list .navitem a {
		font-size: 1em;
		padding: 15px 0;
	}
}

.unkernav__list .navitem a::before {
	content: "";
	position: absolute;
	border: 1px solid #fff;
	border-radius: 100px;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	z-index: 0;
}

.unkernav__list .navitem a::after {
	content: "";
	position: absolute;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	right: 8%;
	top: 45%;
}

@media screen and (max-width: 767px) {
	.unkernav__list .navitem a::after {
		border-top: 6px solid #fff;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		right: 10%;
		top: 45%;
	}
}

.unkernav__list .navitem a:hover {
	box-shadow: none;
}

.youmecard {
	position: relative;
	text-align: center;
	padding-bottom: 150px;
}

@media screen and (max-width: 767px) {
	.youmecard {
		padding-bottom: 80px;
	}

	.youmecard::before {
		position: absolute;
		content: "";
		background-image: url(../img/navi-r.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100px;
		height: 50px;
		bottom: 0%;
		right: 3%;
	}
}

.youmecard h3 {
	color: #E4007F;
	font-weight: 900;
	font-size: 3em;
}

@media screen and (max-width: 767px) {
	.youmecard h3 {
		font-size: 2em;
	}
}

.youmecard__wrap {
	background: #fff;
	border: 10px solid #d64183;
	max-width: 1430px;
	margin-top: 120px;
}

@media screen and (max-width: 767px) {
	.youmecard__wrap {
		border: 6px solid #d64183;
		margin-top: 70px;
	}
}

.youmecard__list {
	padding: 2em;
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.youmecard__list {
		padding: 1em;
		margin-top: 0;
	}
}

.youmecard__item {
	background-color: #FFFDDE;
	padding: 30px 60px;
	margin: 40px auto;
	max-width: 980px;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.youmecard__item.visible {
	opacity: 1;
	transform: translateY(0);
}

@media screen and (max-width: 767px) {
	.youmecard__item {
		width: 95%;
		margin: 20px auto;
		padding: 15px 30px;
	}
}

@media screen and (max-width: 560px) {
	.youmecard__item {
		padding: 3%;
	}
}

.youmecard__item hr {
	background-color: #F39EB5;
	border: #F39EB5 solid 2px;
	margin: 40px 0;
}

@media screen and (max-width: 767px) {
	.youmecard__item hr {
		margin: 5% 0;
	}
}

.youmecard__item-md {
	background-color: #FFFDDE;
	padding: 90px 0 40px;
	margin: 50px auto 40px;
	max-width: 980px;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.youmecard__item-md.visible {
	opacity: 1;
	transform: translateY(0);
}

@media screen and (max-width: 767px) {
	.youmecard__item-md {
		width: 95%;
		margin: 50px auto 20px;
		padding: 85px 0 20px;
	}
}

@media screen and (max-width: 560px) {
	.youmecard__item-md {
		padding: 20% 5% 3%;
	}
}

.item-md-ttl {
	max-width: 700px;
	margin: -100px auto 20px;
	text-align: center;
}

.youmecard__item-md-img {
	padding: 0 120px;
}

@media screen and (max-width: 767px) {
	.youmecard__item-md-img {
		padding: 0 3%;
	}
}

.youmecard__item-md hr {
	background-color: #F39EB5;
	border: #F39EB5 solid 2px;
	margin: 40px 0;
}

@media screen and (max-width: 767px) {
	.youmecard__item-md hr {
		margin: 5% 0;
	}
}

.youmecard__item-cosme {
	max-width: 980px;
	background-color: #ffffff;
	border: #4D3420 solid 10px;
	margin: 40px auto;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

@media screen and (max-width: 767px) {
	.youmecard__item-cosme {
		border: #4D3420 solid 3px;
	}
}

.youmecard__item-cosme.visible {
	opacity: 1;
	transform: translateY(0);
}

.cosme-ttl {
	width: 100%;
	background: #4D3420;
	padding: 20px 0;
}

@media screen and (max-width: 767px) {
	.cosme-ttl {
		padding: 10px 0;
	}
}

.cosme-ttl img {
	max-width: 240px;
	text-align: center;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.cosme-ttl img {
		max-width: 160px;
		width: 40%;
	}
}

.cosme-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding: 40px 20px;
}

@media screen and (max-width: 767px) {
	.cosme-flex {
		gap: 10px;
		padding: 10px 5px 20px;
	}
}

@media screen and (max-width: 660px) {
	.cosme-flex {
		gap: 5px;
		padding: 10px 0 20px;
	}
}

.cosme-img {
	height: 290px;
	display: inline-block;
	/* 子要素（画像）の幅に合わせる */
	text-align: center;
}

@media screen and (max-width: 800px) {
	.cosme-img {
		height: 220px;
	}
}

@media screen and (max-width: 660px) {
	.cosme-img {
		height: 150px;
	}
}

.cosme-img img {
	display: block;
	/* 余白をなくす（おすすめ） */
	width: auto;
	/* 画像の自然な幅を使う */
	height: 100%;
}

.youmecard__kikan {
	max-width: 480px;
	margin: 0.5em auto;
	width: 95%;
	padding: 0.1em 2em;
	border-radius: 100px;
	border: #E4017F solid 2px;
	background-color: #ffffff;
	color: #E4017F;
	font-weight: 800;
	font-size: 2em;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.youmecard__kikan {
		font-size: 1em;
		max-width: 330px;
	}
}

.youbi {
	font-size: 0.7em;
}

@media screen and (max-width: 767px) {
	.youbi {
		font-size: 0.8em;
	}
}

.cosme__kikan {
	max-width: 480px;
	margin: 0.5em auto;
	width: 95%;
	padding: 0.1em 2em;
	border-radius: 100px;
	background-color: #ffffff;
	color: #4D3420;
	border: #4D3420 solid 2px;
	font-weight: 800;
	font-size: 2em;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.cosme__kikan {
		font-size: 1em;
		margin: 1em auto;
		max-width: 330px;
	}
}

.conditions {
	position: relative;
	background: #3e3a39;
	color: #fff;
	padding: 2px 4px;
	text-align: center;
	margin-top: 4px;
	border-radius: 8px;
	margin-bottom: 12px;
}

.conditions::after {
	content: "";
	position: absolute;
	width: 1em;
	height: 1em;
	background: #3e3a39;
	transform: rotate(45deg);
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -6px;
	z-index: -1;
}

.fashion__list {
	display: grid;
	justify-content: space-evenly;
	max-width: 1000px;
	width: 95%;
	margin: 0 auto;
	margin-top: 30px;
	gap: 1em;
	justify-items: center;
}

.iryo_wrap.solid_01>.fashion__list {
	grid-template-columns: repeat(3, 1fr);
}

.iryo_wrap.solid_02>.fashion__list {
	grid-template-columns: repeat(2, 1fr);
}

.iryo_wrap.solid_03>.fashion__list {
	grid-template-columns: repeat(6, 1fr);
	margin-top: 0;
}

.food__list>.fashion__list {
	grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767px) {
	.fashion__list {
		margin-top: 0;
		gap: 1em .5em;
	}

	.iryo_wrap.solid_01>.fashion__list {
		/* grid-template-columns: 1fr; */
		grid-template-columns: repeat(2, 1fr);
	}

	/* .iryo_wrap.solid_02>.fashion__list{
		grid-template-columns: 1fr;
	} */

	.iryo_wrap.solid_03>.fashion__list {
		/* grid-template-columns: 1fr; */
		grid-template-columns: repeat(2, 1fr);
	}

	.food__list>.fashion__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

.fashion__notice {
	font-size: 0.9em;
	text-align: center;
	margin-top: 12px;
}

.fashion {
	background-color: #F9C9D6;
	padding: 120px 0;
}

.item {
	background: #fff;
}

.iryo_wrap.solid_03>.fashion__list>.item {
	background: #FFF7CF;
}

.fashion .item--youme {
	background: #C70078;
}

.fashion .item--youme .item__txt {
	color: #fff;
}

.fashion .item--youme .item__tsumitate {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #fff;
}

.fashion .item--youme .item__tsumitate p {
	color: #FFF100;
	font-weight: 600;
}

.fashion .item--youme .item__tsumitate .tsumitate {
	line-height: 1.2;
	margin-right: 4px;
}

@media screen and (max-width: 767px) {
	.fashion .item--youme .item__tsumitate .tsumitate {
		font-size: 0.8em;
	}
}

.fashion .item--youme .item__tsumitate .bai {
	font-size: 2.8em;
}

@media screen and (max-width: 767px) {
	.fashion .item--youme .item__tsumitate .bai {
		font-size: 2em;
	}
}

.fashion .item--youme .item__tsumitate .bai span.small {
	font-size: 0.6em;
}

.fashion__wrap {
	padding: 60px 0 120px;
	background: #ffffff;
	border: 20px solid #F2E825;
	max-width: 1430px;
	position: relative;
	box-shadow: 3px 3px 3px rgba(124, 124, 124, 0.2);
}

@media screen and (max-width: 767px) {
	.fashion__wrap {
		padding: 40px 0;
		border: 5px solid #F2E825;
	}
}


/* 上に疑似要素 */

.fashion__wrap::before {
	content: '';
	display: block;
	background-image: url(../img/ttl03-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	/* セクション直上に */
}


/* 下に疑似要素 */

.fashion__wrap::after {
	content: '';
	display: block;
	background-image: url(../img/ttl03-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleY(-1);
	/* 上下反転！ */
	/* セクション直下に */
}


.campaing {
	position: relative;
	background-color: #E5FEBE;
	padding: 120px 0;
}

@media screen and (max-width: 767px) {
	.campaing::before {
		position: absolute;
		content: "";
		background-image: url(../img/navi-r.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100px;
		height: 50px;
		bottom: 0%;
		right: 3%;
	}
}

.campaing__wrap {
	padding: 160px 0 120px;
	background: #ffffff;
	border: 20px solid #AAD05A;
	max-width: 1430px;
	position: relative;
	box-shadow: 3px 3px 3px rgba(124, 124, 124, 0.2);
}

@media screen and (max-width: 767px) {
	.campaing__wrap {
		padding: 40px 0;
		border: 5px solid #AAD05A;
	}
}


/* 上に疑似要素 */

.campaing__wrap::before {
	content: '';
	display: block;
	background-image: url(../img/ttl04-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	/* セクション直上に */
}


/* 下に疑似要素 */

.campaing__wrap::after {
	content: '';
	display: block;
	background-image: url(../img/ttl04-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleY(-1);
	/* 上下反転！ */
	/* セクション直下に */
}

.senmon {
	padding-bottom: 60px;
}

.senmon__img {
	margin: 40px auto;
}

.notice {
	padding: 60px 0;
}

.notice p {
	font-size: 0.9em;
}

.senmon {
	text-align: center;
}


/*アニメーション*/

.anime-b {
	opacity: 0;
	visibility: hidden;
	transition: 0.8s;
	transform: translateY(40px);
}

@media screen and (max-width: 767px) {
	.anime-b {
		transform: translateY(30px);
	}
}

.anime-l {
	opacity: 0;
	visibility: hidden;
	transition: 2s;
	transform: translateX(-50px);
}

.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}



.item {
	/* width: 300px; */
	max-width: 100%;
	box-shadow: 3px 3px 3px rgba(124, 124, 124, 0.2);
	padding: 1em 0.5em;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.iryo_wrap.solid_03>.fashion__list.col2>.item {
	/* grid-column: span 3 */
	grid-column: 3 / 5;
}

.iryo_wrap.solid_03>.fashion__list.col3>.item {
	grid-column: span 2
}


@media screen and (max-width: 767px) {
	.iryo_wrap.solid_03>.fashion__list.col2>.item {
		grid-column: span 3
	}


	.iryo_wrap.solid_03>.fashion__list.col3>.item {
		grid-column: span 1;
	}

	.iryo_wrap.solid_03>.fashion__list.col3>.item--w100--sp {
		grid-column: 1 / 3;
		margin-bottom: 10px;
	}

	.iryo_wrap.solid_03>.fashion__list.col3>.item--w100--sp .item__img {
		width: 55%;
		margin-right: 8px;
	}

	.iryo_wrap.solid_03>.fashion__list.col3>.item--w100--sp .item__about {
		width: 45%;
	}

	.item__flxsp {
		display: flex;
	}

	.item__flxsp .item__img {
		width: 55%;
		margin-right: 8px;
	}

	.item__flxsp .item__about {
		width: 45%;
	}
}


.item.visible {
	opacity: 1;
	transform: translateY(0);
}

/* @media screen and (max-width: 767px) {
	.item {
		width: 48%; 
		margin: 10px 0;
	}
} */

.item--w100 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* max-width: 800px; */
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 1em 0.5em;
	gap: 1em;
	background-color: #ffffff;
	box-shadow: 3px 3px 3px rgba(124, 124, 124, 0.2);
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.iryo_wrap.solid_02>.fashion__list>.item--w100 {
	grid-column: 1 / 3;
}

@media screen and (max-width: 767px) {
	.item--w100 {
		align-items: self-start;
	}

	.item--w100--sp {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}


.item--w100.visible {
	opacity: 1;
	transform: translateY(0);
}


@media screen and (max-width: 767px) {
	.item--w100 {
		padding: 1em 0.5em;
		border-radius: 0;
	}
}

.item--w100 .item__img {
	width: 45%;
}

.item--w100 .item__about {
	width: 45%;
}

.item__ttl {
	background-color: #F29600;
	color: #fff;
	text-align: center;
	font-weight: 700;
	border-radius: 10px;
	font-size: 1.3em;
	padding: 5px;
	margin: 10px auto;
}

.item__catch {
	font-weight: 700;
	color: #7F4119;
	text-align: center;
	padding: 5px;
	margin: 10px auto;
}

.item__img {
	text-align: center;
	margin-bottom: 8px;
}

.item__notice {
	font-size: .9em;
	margin-top: .5em;
}

.item__txt .sentyaku {
	display: inline-block;
	background: #CD0000;
	color: #fff;
	padding: 2px 6px;
	margin-bottom: 8px;
}

.item__txt .sentyaku--youme {
	background: #C70078;
}

.item__txt .limited {
	display: inline-block;
	background: #1C1C1C;
	color: #fff;
	margin-bottom: 8px;
}

.item__txt .limited--drug {
	background: #FFF100;
	color: #000;
}

.item__txt .drugcorner {
	color: #004098;
}

.item__txt .iyakuhin {
	display: inline-block;
	background: #004098;
	color: #fff;
	padding: 2px 6px;
	margin-bottom: 8px;
}

.item__txt .seiniku {
	display: inline-block;
	background: #b81c22;
	color: #fff;
	padding: 2px 6px;
	margin-bottom: 8px;
}

.item__txt .from--second {
	margin-top: 8px;
}

.item__txt .ttl {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.item__txt .ttl {
		font-size: 1.1em;
	}
}

.item__txt .ttl--second {
	margin-top: 8px;
}

.item__txt .comment {
	font-size: 1em;
	margin-top: 4px;
}

.day {
	display: inline-block;
	background: #E60012;
	color: #fff;
	/* font-size: .9em; */
	padding: 0 4px;
	margin-bottom: 4px;
}

.limited {
	display: inline-block;
	color: #E60012;
	/* font-size: .9em; */
	padding: 0 4px;
}

@media screen and (max-width: 767px) {
	.item__txt .comment {
		font-size: 0.9em;
		margin-top: 3px;
	}
}

.item__price {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #707070;
	text-align: right;
}

.item__price p {
	color: #E4007F;
}

.item__price.red p {
	color: #CD0000;
}

.item__price .price {
	font-size: 2.2em;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.item__price .price {
		font-size: 1.7em;
		line-height: 1.2;
	}
}

.item__price .price span.small {
	font-size: 0.7em;
}

@media screen and (max-width: 767px) {
	.item__price .price span.small {
		font-size: 0.5em;
	}
}

.item__price .price span.yoridori {
	font-size: 0.6em;
	background: #CD0000;
	color: #fff;
	padding: 0 2px;
	margin-right: 4px;
}

@media screen and (max-width: 767px) {
	.item__price .price span.yoridori {
		display: inline-block;
		font-size: 0.65em;
	}
}

.item__price .tax {
	font-weight: 600;
	font-size: 1.3em;
}

@media screen and (max-width: 767px) {
	.item__price .tax {
		font-size: 1em;
	}
}

.item .kaku {
	text-align: right;
}

.fv-navi {
	background-color: #efc4d0;
	padding: 60px 0;
}

.fv-navi-ttl {
	max-width: 800px;
	width: 95%;
	margin: -110px auto 60px;
	position: relative;
	z-index: 10;
}

.nav_btn {
	position: relative;
	display: flex;
	justify-content: center;
	max-width: 1200px;
	margin: auto;
	gap: 20px;
	flex-wrap: wrap;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.nav_btn {
		flex-wrap: wrap;
		max-width: 450px;
		width: 90%;
	}
}

.nav_btn::before {
	position: absolute;
	content: "";
	background-image: url(../img/navi-l.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	left: 10%;
	bottom: 0%;
}

.nav_btn::after {
	position: absolute;
	content: "";
	background-image: url(../img/navi-r.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 110px;
	height: 50px;
	right: 3%;
	top: -21%;
}

@media screen and (max-width: 767px) {
	.nav_btn::before {
		width: 70px;
		height: 70px;
		left: 0%;
		bottom: 0%;
	}

	.nav_btn::after {
		width: 80px;
		height: 50px;
		right: 0;
		top: -20%;
	}
}

.anker_btn {
	text-align: center;
	width: 300px;
}

@media screen and (max-width: 767px) {
	.anker_btn {
		width: 45%;
	}
}

.anker_btn a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.anker_btn a:hover {
	opacity: 0.8;
}

.ttl-con {
	position: relative;
	max-width: 1430px;
	width: 95%;
	margin: 0 auto -50px;
	line-height: 0;
	z-index: 2;
}

@media screen and (max-width: 1010px) {
	.ttl-con {
		margin: 0 auto -30px;
	}
}

@media screen and (max-width: 767px) {
	.ttl-con {
		margin: 0 auto -10px;
	}
}

.youmecard-ttl-img {
	width: 100%;
	line-height: 0;
}

.sakura {
	position: relative;
}


/* 左側 */

@media screen and (min-width: 768px) {
	.sakura::before {
		content: '';
		position: absolute;
		top: 0;
		left: -40px;
		/* 本体から離す距離 */
		width: 200px;
		height: 100%;
		background: url(../img/sakura-bg.png);
		background-size: contain;
		background-repeat: repeat-y;
		/* ※illustration.pngをご用意ください */
		z-index: 0;
		transform: scaleX(-1);
		opacity: 0.7;
	}

	/* 右側 */
	.sakura::after {
		content: '';
		position: absolute;
		top: 0;
		right: -40px;
		width: 200px;
		height: 100%;
		background: url(../img/sakura-bg.png);
		background-size: contain;
		background-repeat: repeat-y;
		z-index: 0;
		opacity: 0.7;
	}
}

.baloon {
	position: relative;
}

@media screen and (min-width: 768px) {

	/* 左側 */
	.baloon::before {
		content: '';
		position: absolute;
		top: 0;
		left: 40px;
		/* 本体から離す距離 */
		width: 100px;
		height: 100%;
		background: url(../img/baloonl.png);
		background-size: contain;
		background-repeat: repeat-y;
		/* ※illustration.pngをご用意ください */
		z-index: 0;
	}

	/* 右側 */
	.baloon::after {
		content: '';
		position: absolute;
		top: 0;
		right: -40px;
		width: 150px;
		height: 100%;
		background: url(../img/baloonr.png);
		background-size: contain;
		background-repeat: repeat-y;
		z-index: 0;
	}
}

@media screen and (max-width: 768px) {

	/* 左側 */
	.baloon::before {
		content: '';
		position: absolute;
		top: 20px;
		right: 20px;
		/* 本体から離す距離 */
		width: 100px;
		height: 100px;
		background: url(../img/baloon01.png);
		background-size: contain;
		background-repeat: no-repeat;
		/* ※illustration.pngをご用意ください */
		z-index: 0;
	}

	/* 右側 */
	.baloon::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 40px;
		/* 本体から離す距離 */
		width: 100px;
		height: 100px;
		background: url(../img/baloon02.png);
		background-size: contain;
		background-repeat: no-repeat;
		/* ※illustration.pngをご用意ください */
		z-index: 0;
	}
}

.youme-icon {
	background-color: #E4007F;
	font-size: 0.9em;
	color: #ffffff;
	font-weight: 800;
	padding: 0 0.2em;
	width: fit-content;
}

.redline {
	background-color: #CD0000;
	font-size: 0.9em;
	text-align: center;
	padding: 0.2em 0;
	color: #ffffff;
	font-weight: 800;
}

.ttl-saikyo {
	background-color: #E4007F;
	padding: 0.5em;
	color: #FFF100;
	text-align: center;
	font-size: 1.38em;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.ttl-saikyo {
		font-size: 1.1em;
	}
}

.orangeline {
	background-color: #EE7700;
	font-size: 0.9em;
	text-align: center;
	padding: 0.2em 0;
	color: #ffffff;
	font-weight: 800;
}

.food-logo {
	width: 72px;
	border: #707070 solid 1px;
	padding-bottom: 0.2em;
}

.comment-tax {
	color: #000 !important;
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 0.5em;
}

.life-info {
	background-color: #ffffff;
	border: #CD0000 solid 1px;
	width: 100%;
	text-align: center;
}

.life-info-m {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0.3em;
}

.life-info-s {
	font-size: 0.9em;
}

.zaiko-icon {
	background-color: #000;
	font-size: 0.9em;
	color: #ffffff;
	font-weight: 800;
	padding: 0 0.2em;
	width: fit-content;
}

.waribikigo {
	font-size: 1.1em;
	font-weight: 600;
	margin-top: 0.5em;
	line-height: 1.2;
}

@media screen and (max-width: 767px) {
	.waribikigo {
		font-size: 1em;
	}
}

.pinkline {
	background-color: #F571C0;
	font-size: 0.9em;
	text-align: center;
	padding: 0.2em 0;
	color: #ffffff;
	font-weight: 800;
}

.fashion-bg {
	background-color: #FEF2F7;
	width: 95%;
	padding: 5% 0;
	margin: 200px auto 0;
}

@media screen and (max-width: 767px) {
	.fashion-bg {
		width: 100%;
		padding: 140px 0 60px;
		margin: 100px auto 50px;
	}
}

.saleline {
	background-color: #E4007F;
	font-size: 0.9em;
	text-align: center;
	padding: 0.3em 0;
	color: #FFFBC6;
	font-weight: 800;
	line-height: 1.4;
}

.saleline span {
	color: #ffffff;
	font-weight: 500;
	font-size: 0.8em;
}

.women {
	font-size: 1em;
	color: #E4007F;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.women {
		font-size: 0.9em;
		margin-bottom: 2px;
	}
}

.mens {
	font-size: 1em;
	color: #19AEB8;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.mens {
		font-size: 0.9em;
		margin-bottom: 2px;
	}
}

.ichirei {
	color: #000;
}

.kids {
	font-size: 1em;
	color: #69AB00;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.kids {
		font-size: 0.9em;
		margin-bottom: 2px;
	}
}

.unisex {
	font-size: 1em;
}

@media screen and (max-width: 767px) {
	.unisex {
		font-size: 0.9em;
		margin-bottom: 2px;
	}
}

.fashion .item__price p {
	color: #E4007F;
}

.others-logo {
	width: 100px;
	margin: 0.2em 0;
}

.others-logo2 {
	width: 200px;
}

@media screen and (max-width: 767px) {
	.others-logo2 {
		width: 94px;
	}
}

.fashion-subttl {
	max-width: 520px;
	width: 90%;
	margin: -200px auto 0;
}

.cp-wrap {
	max-width: 980px;
	width: 95%;
	margin: 0 auto 10%;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}

.cp-wrap.visible {
	opacity: 1;
	transform: translateY(0);
}

.cp-btn {
	max-width: 490px;
	width: 90%;
	text-align: center;
	background-color: #E3007F;
	font-size: 1.5em;
	font-weight: 800;
	border-radius: 100px;
	line-height: 1.2;
	box-shadow: 3px 3px 3px rgba(144, 144, 144, 0.6);
	margin: 20px auto 0;
}

.cp-btn a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	width: 100%;
	height: 100%;
	padding: 0.5em;
}

.cp-btn a::after {
	content: "";
	position: absolute;
	border-top: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	right: 8%;
	top: 45%;
	rotate: -90deg;
}

.fashion__list-code {
	max-width: 1148px;
	margin: 60px auto -30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	padding: 2% 0;
}

@media screen and (min-width: 1181px) {
	.fashion__list-code {
		background-color: #D3DF39;
		border-radius: 40px;
	}
}

@media screen and (max-width: 1180px) {
	.fashion__list-code {
		margin: 0 auto -50px;
		max-width: 970px;
		width: 95%;
	}
}

@media screen and (max-width: 767px) {
	.fashion__list-code {
		margin-top: 20px;
		margin: 0 auto -20px;
		gap: 0.5em;
	}
}

@media screen and (min-width: 1181px) {
	.code-img {
		width: 310px;
	}
}

@media screen and (max-width: 1180px) {
	.only-1181 {
		display: none;
	}
}

@media screen and (min-width: 1181px) {
	.only-1180 {
		display: none;
	}
}

@media screen and (max-width: 1180px) {
	.code-img-sp {
		max-width: 400px;
		width: 70%;
		margin: 10px auto;
	}
}

@media screen and (max-width: 767px) {
	.code-img-sp {
		max-width: 280px;
		width: 70%;
		margin: 20px auto 0;
	}
}

.bd1 {
	border: #707070 solid 1px;
}

.anime-rotate::before {
	opacity: 0;
	visibility: hidden;
	transition: 1.6s;
	transform: rotateY(180deg);
}

.anime-rotate.active::before {
	opacity: 1;
	visibility: visible;
	transform: rotateY(0deg);
}

.event-slider {
	position: relative;
	background-color: #AAEAFF;
	max-width: 1600px;
	width: 90%;
	margin: 5% auto;
	padding: 1em;
	border-radius: 20px;
	box-shadow: 0 3px 6px #00000020;

}

@media screen and (max-width: 767px) {
	.event-slider {
		width: 95%;
		border-radius: 10px;
	}
}

.event-slider-ttl {
	max-width: 750px;
	margin: -12% auto 0;
	text-align: center;
}

.yume-otoku {
	margin: 8% auto;
	position: relative;
}

@media screen and (max-width: 767px) {
	.yume-otoku {
		margin-bottom: 8%;
	}
}

.yume-otoku-ttl {
	background-color: #ffffff80;
	padding: 1em 0;
	margin-bottom: 3%;
}

.yume-otoku-ttl img {
	max-width: 1000px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.yume-otoku-ttl img {
		width: 90%;
	}
}

/*Fish*/
.yume-otoku::after {
	content: "";
	position: absolute;
	width: 18%;
	height: 100%;
	background: url(../img/tobiuo.png) repeat-y;
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	left: 2%;
	top: -2%;

}

@media screen and (max-width: 767px) {
	.yume-otoku::after {
		width: 35%;
		height: 100%;
		top: -3%;
	}
}

.renewal-event::after {
	content: "";
	position: absolute;
	width: 15%;
	height: 100%;
	background: url(../img/tobiuo2.png) repeat-y;
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
	right: 3%;
	top: -5%;
}

@media screen and (max-width: 767px) {
	.renewal-event::after {
		width: 30%;
		height: 100%;
		top: -3%;
	}
}


.floor-map {
	background-color: #6BC8F2;
}

.floor-map .floor-map_wrap .map-ttl {
	background-color: #FFE600;
	border-radius: 2000px 2000px 0 0 / 750px 750px 0 0;
	margin: 16px -100px 0;
	padding: 65px 280px;
	min-height: 200px;
	text-align: center;
}

.floor-map .floor-map_wrap .map-ttl img {
	display: block;
	margin: auto;
	max-width: 800px;
}

.floor-map .floor-map_wrap .map-wrap {
	background-color: #FFE600;
	padding: 0 0 100px;

}

@media screen and (max-width: 767px) {
	.floor-map .floor-map_wrap .map-ttl {
		background-color: #FFE600;
		padding: 65px 80px;
		min-height: 100px;
		text-align: center;
	}

	.floor-map .floor-map_wrap .map-ttl img {
		display: block;
		margin: auto;
		padding: 0 10px;
		max-width: 500px;
	}
}



.map-tab {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5px;
	max-width: 1560px;
}

.map-tab>label {
	flex: 1 1;
	order: -1;
	opacity: .5;
	min-width: 70px;
	padding: .2em 1em;
	border-radius: 20px 20px 0 0;
	background-color: #6bc8f2;
	text-align: center;
	cursor: pointer;
}

.map-tab label img {
	width: 50px;
	display: block;
	margin: .5em auto;
}

.map-tab .map-tab_img img {
	display: block;
	margin: auto;
	max-width: 1000px;
	width: 80%;
}

@media screen and (max-width: 767px) {
	.map-tab .map-tab_img img {
		width: 100%;
	}
}

.map-tab>label:hover {
	opacity: .8;
}

.map-tab input {
	display: none;
}

.map-tab>div {
	display: none;
	width: 100%;
	padding: 1.5em 1em;
	background-color: #fff;
	border: #6BC8F2 solid 5px;
}

@media screen and (max-width: 767px) {
	.map-tab>div {
		padding: .5em;
	}
}

.map-tab label:has(:checked) {
	opacity: 1;
}

.map-tab label:has(:checked)+div {
	display: block;
}




.point-flex__wrap {
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.point-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5em;
	background-color: #FBD7E7;
	margin: auto;
	padding: 75px 50px;
	border: #FFFFFF solid 10px;
	max-width: 1560px;
	width: 95%;
}

@media screen and (max-width: 767px) {
	.point-flex {
		border: #FFFFFF solid 5px;
		padding: 6vh 4vw 5vh;
		margin: auto 2vw;
	}
}

.point-flex-in {
	width: 450px;
}

@media screen and (max-width: 767px) {
	.point-flex-in {
		width: 100%;
	}

}

.youme-otoku {
	overflow-x: hidden;
	background-color: #FFE600;
	padding: 20% 300px 10%;
	border-radius: 1200px 1200px 0 0;
	margin: 0 -300px auto;
}

@media screen and (max-width: 1840px) {
	.youme-otoku {
		padding: 30% 300px 10%;
	}
}

.youme-otoku-ttl {
	max-width: 600px;
	width: 80%;
	/*margin: -10% auto 2%;*/
	margin: 0 auto 2%;
	animation: floatSoft 6s ease-in-out infinite;
	position: relative;
	top: 80px;
}

@keyframes floatSoft {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}

	100% {
		transform: translateY(0);
	}
}


@media screen and (max-width: 767px) {
	.youme-otoku-ttl {
		top: 50px;
	}
}

@media screen and (min-width: 1200px) {
	.youme-otoku-ttl {
		margin: -8% auto 2%;
	}
}

.renewal-event {
	position: relative;
	/*background-color: #FBE4ED;*/
	padding: 6em 0;
}

@media screen and (max-width: 767px) {
	.renewal-event {
		padding: 5em 0;
	}

}

.event__wrap {
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.event__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #fff;
	margin: auto;
	padding: 20px 0 20px;
	border: #C60079 solid 8px;
	width: 100%;
	max-width: 1560px;
}

@media screen and (max-width: 767px) {
	.event__item {
		border: #C60079 solid 5px;
		padding: 6vh 4vw 5vh;
		margin: 0 5vw;

	}
}


.point-day {
	position: absolute;
	width: 160px;
	top: -40px;
	left: -20px;
}

@media screen and (max-width: 767px) {
	.point-day {
		width: 120px;
		top: -40px;
		left: -20px;
	}
}

@media screen and (max-width: 750px) {
	.point-day {
		width: 100px;
		top: -40px;
		left: -20px;
	}
}

@media screen and (max-width: 440px) {
	.point-day {
		width: 90px;
		top: -30px;
		left: -10px;
	}
}

.newopen {
	position: relative;
	background-image: -webkit-linear-gradient(45deg, #90D5F5 25%, #90D5F5 25%, transparent 25%, transparent 75%, #90D5F5 75%, #90D5F5 75%), -webkit-linear-gradient(-45deg, #90D5F5 25%, #90D5F5 25%, transparent 25%, transparent 75%, #90D5F5 75%, #90D5F5 75%);
	background-image: linear-gradient(45deg, #90D5F5 25%, #90D5F5 25%, transparent 25%, transparent 75%, #90D5F5 75%, #90D5F5 75%), linear-gradient(-45deg, #90D5F5 25%, #90D5F5 25%, transparent 25%, transparent 75%, #90D5F5 75%, #90D5F5 75%);
	-webkit-background-size: 90px 90px;
	background-size: 90px 90px;
	padding: 10% 0;
}

.newopen-ttl__rabbit {
	width: 300px;
	margin: -60px auto;
	z-index: 2;
	display: block;
	position: relative;
}

@media screen and (max-width: 767px) {
	.newopen-ttl__rabbit {
		width: 200px;
		margin: -30px auto;
	}
}

.newopen-ttl__txt {
	margin: auto;
	padding: 30px 0;
	background-color: #ffffff80;
}

.newopen-ttl img {
	max-width: 1000px;
	width: 90%;
	margin: auto;
	padding: 30px 0;
}

@media screen and (max-width: 767px) {
	.newopen-ttl img {
		/* max-width: 800px; */
		width: 90%;
		padding: 15px 0;
	}
}

.newopen-wrap {
	max-width: 1500px;
	width: 95%;
	/*background-color: #FFF2DC;
	border: #F29600 solid 10px; */

	border-radius: 20px;
	position: relative;
	z-index: 1;
}

.newopen-wrap.loft {
	background-color: #FFFACC;
	margin: 5% auto;
	padding: 3em 0 5em;
}

.newopen-wrap.bakery {
	background-color: #FFDCEE;
	/* padding: 2em 0 2em; */
	margin: auto;
}

.newopen-wrap.loft .newopen-logo {
	background-color: #FFFFFF;
	border-radius: 20px;
	width: 95%;
	max-width: 800px;
	padding: 2em;
	margin: 2em auto;
	box-shadow: 0 3px 6px #00000020;
	position: relative;
}

@media screen and (max-width: 767px) {
	.newopen-wrap.loft .newopen-logo {
		margin: 4em auto 3em;
	}
}


.newopen-wrap.loft .newopen-logo::before {
	position: absolute;
	content: "";
	width: 100px;
	height: 100px;
	left: -50px;
	top: -50px;
	background-image: url(../img/loft-ttl-tag100.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

@media screen and (max-width: 1024px) {
	.newopen-wrap.loft .newopen-logo::before {
		left: 0px;
		top: -50px;
		width: 20%;
		max-width: 80px;
	}
}

@media screen and (max-width: 767px) {

	.newopen-wrap.loft .newopen-logo::before {
		left: 0px;
		top: -40px;
		width: 20%;
	}

}



/* .newopen-wrap.loft >.newshop-tag{
			width: 100px;
			position: relative;
			top: -5px;
			left: 210px;
			}

	@media screen and (max-width: 1024px) {
		.newopen-wrap.loft >.newshop-tag{
				width: 100px;
				top: 5px;
				left: 10px;
				}
	}

	@media screen and (max-width: 767px) {
		.newopen-wrap.loft >.newshop-tag{
				width: 75px;
				top: 20px;
				left: 10px;
				}
	} */



.newopen-wrap.bakery .newopen-logo .newopen-logo__img {
	background-color: #fff;
	padding: 10px 60px;
}

.newopen-wrap.bakery .newopen-logo__txt {
	color: #E62488;
}

.newopen-wrap.bakery .big_txt {
	font-size: 1.7em;
	font-weight: 900;
}

@media screen and (max-width: 767px) {

	.newopen-wrap.bakery .big_txt {
		font-size: 1.25em;
	}

	.newopen-wrap.bakery .newopen-logo__txt {
		text-align: center;
	}

}

.newopen-wrap.bakery .sub_txt {
	font-weight: 900;
	font-size: 1.25em;
	padding-bottom: 5px;
}


@media screen and (max-width: 767px) {
	.newopen-present__grid-txt span {
		font-size: 1.25em;
	}

	.newopen-present__grid-txt p {
		line-height: 1.5;
		padding: 5px 0;
	}
}

@media screen and (max-width: 767px) {
	.newopen-wrap {
		/* border: #F29600 solid 5px; */
		padding: 1.5em 0 3em;
		border-radius: 8px;
	}
}

.newopen-logo {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	gap: 20px;
	justify-items: center;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.newopen-logo {
		display: grid;
		grid-auto-flow: row;
	}
}

.newopen-logo__img {
	max-width: 300px;
	display: block;
	margin: auto;
}

.newopen-photo {
	/* display: grid;
	grid-auto-flow: column;
    align-items: center;
	gap: 20px; */
	width: 95%;
	max-width: 1000px;
	margin: 2em auto;
}

.newopen-present__ttl {
	display: block;
	margin: 0 auto -25px;
	font-weight: 700;
	font-size: 2em;
	max-width: 400px;
	width: 50%;
	background-color: #FCCF00;
	text-align: center;
	position: relative;
	border-radius: 50px;
	padding: 5px 0;

}

@media screen and (max-width: 767px) {
	.newopen-present__ttl {
		width: 80%;
		font-size: 1.4em;
	}
}

.newopen-present__grid {
	background-color: #FFFFFF;
	border-radius: 20px;
	width: 95%;
	max-width: 1000px;
	padding: 3em 2em 2em;
	margin: auto;
	box-shadow: 0 3px 6px #00000020;
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 767px) {
	.newopen-present__grid {
		padding: 3.5em .75em .75em;
	}
}

.newopen-present__grid-img {
	grid-column: 1 / 2;
}

.newopen-present__grid-txt {
	text-align: center;
	grid-column: 2 / 4;
}

@media screen and (max-width: 767px) {
	.newopen-present__grid-img {
		grid-column: 1 / 4;
		max-width: 300px;
		margin: auto;
	}

	.newopen-present__grid-txt {
		grid-column: 1 / 4;
	}
}

.newopen-present__grid-txt span {
	font-weight: 900;
	font-size: 1.6em;
	text-align: center;
	background: linear-gradient(transparent 70%, yellow 70%);
	display: inline;
}

.newopen-present__grid-txt p {
	/* line-height: 2.5em; */
}

.newopen-present__grid-txt .notistxt {
	font-size: 1.25em;
	font-weight: 700;
}

.newopen-present__grid-txt .smalltxt {
	font-size: .8em;
}


@media screen and (max-width: 767px) {
	.newopen-present__grid-txt span {
		font-size: 1.2em;
	}

	.newopen-present__grid-txt p {
		line-height: 1.75em;
		padding: 5px 0;
	}
}

.newopen-wrap.bakery>.newopen-box {
	padding: 25px;
}

@media screen and (max-width: 767px) {
	.newopen-box {
		border-radius: 10px;
	}

	.newopen-wrap.bakery>.newopen-box {
		padding: 2em .5em;
	}
}

.newopen-wrapttl {
	max-width: fit-content;
	margin: 10px auto;
}

/* .newopen-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

@media screen and (max-width: 767px) {
	.newopen-flex {
		display: block;
	}
} */



/*衣料品*/
.iryo {
	background-color: #FFFACC;
	background-image: url(../img/iryo_bg_pc.png);
	background-position-x: center;
	background-repeat: repeat-y;
	background-size: contain;
	padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
	.iryo {
		padding-bottom: 10px;
		background: #FFFACC;
	}
}

.iryo .iryo-ttl {
	padding-top: 100px;
	padding-bottom: 50px;
}

.iryo .iryo-ttl_main {
	max-width: 600px;
	width: 50%;
	margin: 0 auto 1%;
	text-align: center;
	position: relative;
	z-index: 1;
}

.iryo .iryo-ttl_date {
	max-width: 1000px;
	width: 75%;
	text-align: center;
	position: relative;
	z-index: 1;
	margin: 0 auto 1%;
	border-top: solid 3px #7F4119;
	border-bottom: solid 3px #7F4119;
	padding: 5px 0;
}

.iryo .iryo-ttl_date img {
	max-width: 1000px;
	width: 90%;
	margin: auto;
}

.iryo .iryo_wrap {
	border-radius: 20px;
	width: 95%;
	max-width: 1300px;
	margin: 0 auto 100px;
	z-index: 0;

}

@media screen and (max-width: 767px) {
	.iryo .iryo-ttl {
		padding: 40px 0 30px;
	}

	.iryo .iryo-ttl_main {
		margin: 0 auto 3%;
		width: 90%;
	}

	.iryo .iryo-ttl_date {
		width: 95%;
	}

	.iryo .iryo_wrap {
		border-radius: 25px 20px 20px 20px;
	}
}



.iryo_wrap .iryo_categorytll {
	color: #FFF;
	font-size: 2em;
	font-weight: 700;
	padding: 10px;
	border-radius: 10px 0 25px 0;
	width: 45%;
	min-width: 300px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.iryo_wrap .iryo_categorytll {
		border-radius: 20px 0 25px 0;
	}
}


.solid_01 {
	background-color: #FFDEEC;
	border: #E40065 solid 8px;
}

.solid_02 {
	background-color: #EFF8DC;
	border: #8DC21F solid 8px;
}

.solid_03 {
	background-color: #fff;
	border: #F29600 solid 8px;
}

.iryo_wrap.solid_01 .iryo_categorytll {
	background-color: #E40065;
}

.iryo_wrap.solid_02 .iryo_categorytll {
	background-color: #8DC21F;
}

.iryo_wrap.solid_03 .iryo_categorytll {
	background-color: #F29600;
}

.iryo_wrap .iryo_price {
	font-size: 1.5em;
	font-weight: 700;
	position: relative;
	padding: 1rem 2rem;
	text-align: center;
	max-width: 500px;
	color: #E40065;
	margin: auto;
	border-radius: 30px 0 30px 0;
	background-color: #FFF5F9;
}

@media screen and (max-width: 767px) {

	.solid_01,
	.solid_02,
	.solid_03 {
		border-width: 4px;
		border-radius: 25px 20px 20px 20px;
	}

	.iryo_wrap .iryo_price {
		font-size: 1.2em;
		padding: .5rem;
		width: 90%;
		border-radius: 30px 0 30px 0;
		margin-bottom: 25px;
	}
}

.iryo_wrap .iryo_price>span {
	font-size: 1.5em;
	padding-right: .25em;
}

.iryo_wrap .iryo_price::before {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	content: '';
	border: 2px solid #E40065;
	border-radius: 30px 0 30px 0;
}

@media screen and (max-width: 767px) {
	.iryo_wrap .iryo_categorytll {
		background-color: #E40065;
		width: auto;
		min-width: auto;
		text-align: center;
		font-size: 1.2em;
		text-align: left;
		display: inline-block;
	}
}

.iryo .iryo_wrap .iryo_newshop-tag {
	width: 100px;
	position: relative;
	top: 75px;
	left: 100px;
}

@media screen and (max-width: 1024px) {
	.iryo .iryo_wrap .iryo_newshop-tag {
		width: 100px;
		top: 35px;
		left: 10px;
	}
}

@media screen and (max-width: 767px) {
	.iryo .iryo_wrap .iryo_newshop-tag {
		width: 75px;
		top: 25px;
		left: 0;
	}
}


.iryo .iryo_wrap.solid_01 .iryo_newshop-box,
.iryo .iryo_wrap.solid_02 .iryo_newshop-box,
.iryo .iryo_wrap.solid_03 .iryo_newshop-box {
	max-width: 1000px;
	width: 95%;
	border-radius: 20px;
	padding: 30px 0;
}

.iryo .iryo_wrap.solid_01 .iryo_newshop-box {
	background-color: #ffffffcc;
	/* margin: 0 auto 100px auto; */
	margin: 100px auto;
	position: relative;
}

.iryo .iryo_wrap.solid_01 .iryo_newshop-box::before {
	position: absolute;
	content: "";
	width: 12%;
	height: 150px;
	left: -10px;
	top: -75px;
	background-image: url(../img/newshop-ttl150.png);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}

@media screen and (max-width: 1024px) {
	.iryo .iryo_wrap.solid_01 .iryo_newshop-box {
		margin: 70px auto;
		width: 100%;
		border-radius: 0;
	}

	.iryo .iryo_wrap.solid_01 .iryo_newshop-box::before {
		left: 10px;
		top: -50px;
		width: 20%;
		height: 80px;
	}
}



@media screen and (max-width: 767px) {

	.iryo .iryo_wrap.solid_01 .iryo_newshop-box::before {
		left: 10px;
		top: -50px;
	}

}

.iryo .iryo_wrap.solid_02 .iryo_newshop-box {
	background-color: #ffffffcc;
	margin: 0 auto 50px;
}

.iryo .iryo_wrap.solid_03 .iryo_newshop-box {
	margin: 0 auto;
}


@media screen and (max-width: 767px) {
	.iryo .iryo_wrap .iryo_newshop-box {
		max-width: 95%;
	}
}

.iryo_newshop-box--ttl {
	font-size: 2em;
	font-weight: 900;
	text-align: center;
}

.iryo_ttl {
	font-size: 2em;
	font-weight: 900;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.iryo_newshop-box>.iryo_newshop-box--ttl {
		font-size: 1.3em;
	}

	.iryo_ttl {
		font-size: 1.5em;
	}
}

.iryo .iryo_wrap.solid_01 .iryo_newshop-box>.iryo_newshop-box--ttl>span {
	color: #E40065;
	background: linear-gradient(transparent 70%, #FFDEEC 70%);
	display: inline-block;
}


.iryo .iryo_wrap.solid_02>.iryo_ttl {
	padding-bottom: 1em;
	line-height: 1.2;
}

.iryo .iryo_wrap.solid_02>.iryo_ttl>span {
	background: linear-gradient(transparent 80%, #8cc21f73 80%);
	font-size: 1.5em;
	display: inline-block;
}

.iryo .iryo_wrap.solid_02>.iryo_ttl>img {
	max-width: 280px;
	text-align: center;
	margin: 20px auto;
}

@media screen and (max-width: 767px) {
	.iryo .iryo_wrap.solid_02>.iryo_ttl>img {
		width: 50%;
	}
}

.iryo .iryo_wrap.solid_02>.iryo_newshop-box>.iryo_newshop-boxttl {
	background-color: #009844;
	text-align: center;
	color: #fff;
	font-size: 1.75em;
	font-weight: 900;
	margin: 10px auto;
	padding: 2px;
	width: 90%;
}

.iryo .iryo_wrap.solid_02>.iryo_newshop-box>img {
	width: 90%;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.iryo .iryo_wrap.solid_02>.iryo_newshop-box>img {
		width: 100%;
	}
}


.iryo .iryo_wrap.solid_01>.iryo_newshop-box>.iryo_newshop-box--shop,
.iryo .iryo_wrap.solid_03>.iryo_newshop-box>.iryo_newshop-box--shop {
	display: flex;
	align-items: center;
	gap: 20px;

	border-radius: 20px;
	width: 95%;
	max-width: 900px;
	padding: 2em;
	margin: 2em auto;
	box-shadow: 0 3px 6px #00000020;
}

.iryo .iryo_wrap.solid_01>.iryo_newshop-box>.iryo_newshop-box--shop {
	background-color: #FFF;
}

.iryo .iryo_wrap.solid_03>.iryo_newshop-box>.iryo_newshop-box--shop {
	background-color: #FFF7CF;
}



@media screen and (max-width: 767px) {
	.iryo_newshop-box>.iryo_newshop-box--shop {
		flex-direction: column;
		align-items: center;
	}

	.iryo .iryo_wrap.solid_01>.iryo_newshop-box>.iryo_newshop-box--shop {
		padding: 1em;
		text-align: center;
	}
}

.iryo .iryo_wrap.solid_01>.iryo_newshop-box>.iryo_newshop-box--shop>img,
.iryo .iryo_wrap.solid_03>.iryo_newshop-box>.iryo_newshop-box--shop>img {
	max-width: 250px;
	border: #000 solid 1px;
}

.iryo .iryo_wrap.solid_01>.iryo_newshop-box--shop-txt>p {
	padding: 2px 0;
	font-size: 1.08em;
}

.shop__name {
	font-size: 1.5em;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	.shop__name {
		font-size: 1.2em;
	}
}

.shop__notice {
	font-size: .8em;
}


.iryo_wrap .fashion__list {
	padding-bottom: 75px;
}

.iryo_wrap.solid_03>.item__ttl {
	max-width: 1000px;
	width: 95%;
	margin: auto;
}


.iryo_wrap.solid_03>.item__ttl-main {
	background-color: #F29600;
	color: #fff;
	text-align: center;
	font-weight: 700;
	border-radius: 10px;
	font-size: 1.3em;
	padding: 5px;
	margin: 10px auto;
}

.iryo_wrap.solid_03>.item__ttl>.item__ttl-catch {
	font-weight: 700;
	color: #7F4119;
	text-align: center;
	padding: 5px;
	margin: 10px auto;
}


.iryo .iryo_point {
	max-width: 1000px;
	width: 90%;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.iryo .iryo_point {
		width: 95%;
	}
}

.iryo .iryo_point-wrap {
	border-top: #E40065 solid 3px;
	border-bottom: #E40065 solid 3px;
	padding: 30px 0;
}

.iryo .iryo_point-wrap:last-child {
	border-bottom: none;
	padding-bottom: 100px;
}

/* .iryo .iryo_point-grid{
    gap: 1em;
    align-items: center;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
    grid-auto-flow: column;
    align-items: center;
	margin: 25px auto;
} */

.iryo_point-wrap.wrap01>.iryo_point-grid,
.iryo_point-wrap.wrap02>.iryo_point-grid {
	gap: 40px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-flow: column;
	margin: 25px auto;
	align-content: stretch;
	justify-items: stretch;
	align-items: center;
}

@media screen and (max-width: 767px) {

	.iryo_point-wrap.wrap01>.iryo_point-grid,
	.iryo_point-wrap.wrap02>.iryo_point-grid {
		gap: 20px;
	}
}


.iryo_point-wrap.wrap01>.iryo_point-grid>.iryo_point-box {
	grid-column: 1 / 3;
}

.iryo_point-wrap.wrap01>.iryo_point-grid>.point-box__parent {
	grid-column: 3 / 7;
}

.iryo_point-wrap.wrap02>.iryo_point-grid>.iryo_point-box {
	grid-column: 1 / 4;
}

.iryo_point-wrap.wrap02>.iryo_point-grid>.point-box__parent {
	grid-column: 4 / 7;
	width: 90%;
}

@media screen and (max-width: 767px) {

	.iryo_point-wrap.wrap01>.iryo_point-grid>.iryo_point-box,
	.iryo_point-wrap.wrap02>.iryo_point-grid>.point-box__parent,
	.iryo_point-wrap.wrap02>.iryo_point-grid>.iryo_point-box,
	.iryo_point-wrap.wrap01>.iryo_point-grid>.point-box__parent {
		grid-column: 1 / 7;
	}

	.iryo_point-wrap.wrap02>.iryo_point-grid>.point-box__parent {
		width: 70%;
		margin: 0 auto;
	}
}

.iryo_point-wrap.wrap03>.iryo_point {
	gap: 10px;
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-flow: row;
	/* margin: 25px auto; */
	align-content: stretch;
	justify-items: stretch;
	align-items: center;
}


.point-box__parent>img {
	margin: auto;
}

/* @media screen and (max-width: 1024px) {
		.iryo .iryo_point-grid{
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		gap: 2em;
	}
}

.iryo_point-box{
	    grid-column: 1 / 4;
} */


/* @media screen and (max-width: 767px) {
	.iryo .iryo_point-grid{
		grid-auto-flow: row;
		gap: 2em;
	}
} */

.iryo .iryo_point-grid .iryo_point-item {
	background-color: #ffffff88;
	box-shadow: 0 3px 6px #00000020;
	border-radius: 20px;
	padding: 20px;
}

.iryo_point-item {
	display: grid;
	gap: 20px;
	text-align: center;
	/* padding: 10px 0 40px 0; */
	align-items: stretch;
	grid-auto-flow: row;
	align-content: start;
	justify-items: stretch;
	justify-content: stretch;
}


.iryo_point-item>img {
	width: 80%;
	max-width: 340px;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.iryo_point-item {
		gap: 10px;
	}

	.iryo_point-item>img {
		width: 100%;
	}

}

/* .iryo_point-item .solo{
	width: 300px;
	border: #000 1px solid;
	display: block;
	margin: auto;
}

@media screen and (max-width: 767px) {
		.iryo_point-item .solo{
				width: 500px;
		}
}

.iryo_point-item .col2{
	width: 500px;
	display: block;
	margin: auto;
} */

/* .area__parent01{
	    grid-column: 4 / 7;
} */

/* .area__parent01 img{
	display: block;
	margin: auto;
	max-width: 400px;
	grid-column: 4 / 7;
} */

/* @media screen and (max-width: 1024px) {
	.iryo_point-box.area__parent01 img{
	display: block;
	margin: auto;
	max-width: 300px;
}
} */

/* .iryo_point-box.area__parent02 img{
	display: block;
	margin: auto;
	max-width: 800px;
} */

/* @media screen and (max-width: 767px) {
	.iryo_point-box.area__parent02 img{
	display: block;
	margin: auto;
	max-width: 800px;
}
} */

.iryo_point-itemttl {
	font-weight: 700;
	background-color: #FFF;
	border: #E40065 solid 3px;
	color: #E40065;
	border-radius: 25px;
	font-size: 1.5rem;
	text-align: center;
	padding: 5px 20px;
	/* width: 80%;
	max-width: 340px; */
}

@media screen and (max-width: 1024px) {
	.iryo_point-itemttl {
		margin: 10px;
		font-size: 1.3rem;
		padding: 5px;
	}
}

@media screen and (max-width: 767px) {
	.iryo_point-itemttl {
		margin: 10px;
		font-size: 1.3rem;
	}
}

.iryo_point-item .w700 {
	font-size: 1.25em;
	font-weight: 700;
}



.iryo_point-wrap.wrap03>.iryo_point>.iryo_point-box {
	background-color: #ffffff88;
	box-shadow: 0 3px 6px #00000020;
	border-radius: 20px;
	text-align: center;
	font-weight: 700;
	padding: 10px;
	margin: 20px 0;
	font-size: 150%;
}

@media screen and (max-width: 767px) {
	.iryo_point-wrap.wrap03>.iryo_point>.iryo_point-box {
		font-size: 120%;
	}
}

.iryo .gb_pink {
	background-color: #E40065;
	color: #FFF;
	padding: 1px 10px;
}

.iryo .gb_blue {
	background-color: #00A8D7;
	color: #FFF;
	padding: 1px 10px;
}

.iryo .big {
	font-size: 1.5em;
}

.iryo_point .w700 {
	font-size: 1.25em;
	font-weight: 700;
	text-align: center;
	color: #E40065;
}

.iryo_point .w700--wrap03 {
	font-size: 2em;
}

@media screen and (max-width: 767px) {
	.iryo_point .w700--wrap03 {
		font-size: 1.4em;
	}
}

.iryo_point .small {
	font-size: .9em;
	text-align: center;
	padding-top: 1em;
}

.wpcgoods {
	max-width: 550px;
	width: 70%;
}

.men-solid {
	background-color: #E4F6F9;
	border: #009EB8 solid 10px;
}

@media screen and (max-width: 767px) {
	.men-solid {
		background-color: #E4F6F9;
		border: #009EB8 solid 5px;
	}
}

.women-solid {
	border: #E40065 solid 10px;
	background-color: #FFDEEC;
}

@media screen and (max-width: 767px) {
	.women-solid {
		border: #E40065 solid 5px;
	}
}



.wpc-solid {
	background-color: #FEE4D5;
	border: #EA5504 solid 10px;
}

@media screen and (max-width: 767px) {
	.wpc-solid {
		background-color: #FEE4D5;
		border: #EA5504 solid 5px;
	}
}

.bed-solid {
	background-color: #F6FDFF;
	border: #00A5DC solid 10px;
}

@media screen and (max-width: 767px) {
	.bed-solid {
		background-color: #F6FDFF;
		border: #00A5DC solid 5px;
	}
}

.center {
	text-align: center;
}

.big {
	font-size: 1.2em;
	font-weight: bold;
}

.red {
	color: #E60012;
}

.kidsfloor-in-day {
	background-color: #FADBDA;
	border-radius: 10px;
	padding: 0.2em 0;
	color: #E60012;
	text-align: center;
	font-size: 1.5em;
	font-weight: 800;
}

@media screen and (max-width: 767px) {
	.kidsfloor-in-day {
		border-radius: 4px;
		font-weight: 800;
	}
}

.kids-off-wrap {
	max-width: 1100px;
	width: 95%;
	margin: 2em auto 0;
	background-color: #FFC86E;
	border-radius: 20px;
	padding: 1.5em 0;
}

@media screen and (max-width: 767px) {
	.kids-off-wrap {
		max-width: 600px;
		margin: 2em auto 0;
		background-color: #FFC86E;
		border-radius: 8px;
		padding: 1em 0.2em;
	}
}

.kids-off-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 1em;
}

@media screen and (max-width: 767px) {
	.kids-off-flex {
		gap: 0.5em;
	}
}

.kids-off-flexin {
	width: 310px;
	background-color: #FFF7EA;
	border: #F29600 solid 3px;
	border-radius: 20px;
	padding: 1em;
	text-align: center;
	display: flex;
	/* 追加 */
	flex-direction: column;
	/* 縦並び */
	justify-content: center;
	/* 縦中央 */
}

@media screen and (max-width: 767px) {
	.kids-off-flexin {
		width: 48%;
		padding: 0.5em;
		border: #F29600 solid 2px;
		border-radius: 8px;
	}
}

.kids-off-logo {
	width: 100%;
	margin-bottom: 1em;
}

.kids-off-txt {
	font-size: 0.9em;
	font-weight: 800;
}

.girls {
	background-color: #E5167D;
	padding: 0.1em 0.5em;
	margin-left: 0.8em;
	color: #ffffff;
	font-weight: 800;
}

.boys {
	background-color: #00A8D7;
	padding: 0.1em 0.5em;
	margin-left: 0.8em;
	color: #ffffff;
	font-weight: 800;
}

.enji {
	background-color: #03BE35;
	padding: 0.1em 0.5em;
	margin-left: 0.8em;
	color: #ffffff;
}

@media screen and (max-width: 767px) {
	.girls {
		margin-left: 0.5em;
	}

	.boys {
		margin-left: 0.5em;
	}

	.enji {
		margin-left: 0.5em;
	}
}

@media screen and (max-width: 450px) {
	.girls {
		margin-left: 0;
	}

	.boys {
		margin-left: 0;
	}

	.enji {
		margin-left: 0;
	}
}

.kids-off-txtbig {
	font-size: 1.2em;
	font-weight: 800;
}

.kids-off-per {
	max-width: 600px;
	width: 95%;
	margin: 2em auto;
}

.women-brand-pointmain {
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.women-brand-pointmain {
		width: 70%;
		margin: auto;
	}

}

.brand-ttl {
	max-width: 600px;
	width: 90%;
	margin: 0 auto 1em;
}

.brand-logo {
	width: 200px;
	border: #eeeeee solid 1px;
}

@media screen and (max-width: 767px) {
	.brand-logo {
		width: 50%;
		margin: 0 auto 1em;
	}
}

.brand-txt {
	text-align: left;
	width: 380px;
}

@media screen and (max-width: 767px) {
	.brand-txt {
		width: 95%;
		text-align: center;
		margin: auto;
	}
}

.women-brand-point {
	max-width: 770px;
	width: 95%;
	margin: 3% auto 5%;
}

.women-brand-pointday {
	width: 100%;
	margin: 1em auto;
	background-color: #231815;
	text-align: center;
}

.women-brand-pointday img {
	margin: auto;
	max-width: 460px;
}

.women-brand-pointttl {
	max-width: 500px;
	margin: 1em auto;
	text-align: center;
}

.brand-shoespoint {
	max-width: 650px;
	margin: auto;
}

.item-comment {
	background-color: #FFE5F3;
	border-radius: 10px;
	padding: 0.5em;
	margin-bottom: 1em;
	font-size: 0.9em;
}


.dot-bg {
	background-image: radial-gradient(circle, #8DD4F5 7px, transparent 7px), radial-gradient(circle, #8DD4F5 7px, transparent 7px);
	background-position: 0 0, 22px 44px;
	background-size: 44px 88px;
	padding: 5% 0;
}

@media screen and (max-width: 767px) {
	.dot-bg {
		background-image: radial-gradient(circle, #8DD4F5 2.5px, transparent 2.5px), radial-gradient(circle, #8DD4F5 2.5px, transparent 2.5px);
		background-position: 0 0, 15px 30px;
		background-size: 30px 60px;
	}
}


.pink {
	color: #EE87B4;
}

.couponprice {
	margin-top: auto;
	border: 2px solid #009d88;
	margin-top: 8px;
}

@media screen and (max-width: 767px) {
	.couponprice {
		display: block;
	}
}

.couponprice .c-txt {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 4px 6px;
	background: #009d88;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.couponprice .c-txt {
		padding: 4px 2px;
		text-align: center;
	}
}

.couponprice .c-txt p {
	color: #fff;
	font-size: 0.8em;
	line-height: 1.2;
}

@media screen and (max-width: 767px) {
	.couponprice .c-txt p {
		font-size: 0.8em;
		text-align: center;
	}
}

.couponprice .c-price {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 0 8px;
	background: #fff100;
	text-align: center;
}

.couponprice .c-price p {
	color: #e6002d;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	.couponprice .c-price p {
		font-size: 1.6em;
	}
}

.couponprice .c-price p span.small {
	font-size: 0.8em;
}

.f2-renewal-kikan {
	max-width: 900px;
	width: 70%;
	margin: 0 auto 10%;
	text-align: center;
	border-top: #005BAC solid 5px;
	border-bottom: #005BAC solid 5px;
	position: relative;
	z-index: 1;
}

.f2-renewal-kikan img {
	width: 80%;
	padding: 0.5em 0;
	text-align: center;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.f2-renewal-kikan {
		width: 95%;
		max-width: 600px;
		border-top: #005BAC solid 3px;
		border-bottom: #005BAC solid 3px;
		margin: 3% auto 10%;
	}
}



.food__header-img {
	padding-top: 50px;
	text-align: center;
	margin: auto;
	max-width: 1920px;
}

@media screen and (max-width: 767px) {
	.food__header-img {
		padding-top: 50px;
	}
}

.food__header-kikan {
	width: 100%;
	margin: 0 auto 5%;
	text-align: center;
	background-color: #ffffff;
}

.food__header-kikan img {
	width: 50%;
	padding: 0.5em 0;
	text-align: center;
	margin: auto;
	max-width: 800px;
}

@media screen and (max-width: 767px) {
	.food__header-kikan img {
		width: 80%;
	}
}

.food__gentei {
	display: grid;
	justify-content: space-evenly;
	max-width: 1000px;
	width: 95%;
	margin: 100px auto 200px;
	gap: 20px;
	justify-items: center;
	grid-template-columns: repeat(2, 1fr);
	position: relative;
}

@media screen and (max-width: 767px) {
	.food__gentei {

		margin: 100px auto;

	}
}

.food__gentei::before {
	position: absolute;
	content: "";
	width: 154px;
	height: 290px;
	left: -150px;
	top: -20px;
	background-image: url(../img/kirakira01.png);
	background-repeat: no-repeat;
	z-index: 2;
}

.food__gentei::after {
	position: absolute;
	content: "";
	width: 250px;
	height: 95px;
	right: -100px;
	bottom: -120px;
	background-image: url(../img/kirakira02.png);
	background-repeat: no-repeat;
	z-index: 2;
}


.food__gentei-ttl {
	grid-column: 1 / 3;
}

.food__gentei-ttl img {
	max-width: 800px;
}

@media screen and (max-width: 767px) {

	.food__gentei-item {
		grid-column: 1 / 3;
	}

}

.food__list-btn {
	margin: 50px auto;
	max-width: 500px;
}

@media screen and (max-width: 767px) {
	.food__list-btn {
		margin: 50px auto;
		max-width: 80%;
	}

}



.youme-cp-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5em;
}

.youme-cp-img {
	width: 480px;
}

@media screen and (max-width: 767px) {
	.youme-cp-img {
		width: 80%;
	}
}

@media screen and (max-width: 767px) {
	.renewwal-slider-wrap {
		width: 100%;
	}

	.swiper-wrapper {
		padding: 0;
	}

	.renewwal-in {
		padding: 0;
	}
}