@charset "UTF-8";

@media only screen and (max-width: 640px) {
	.open nav {
		left: 0;
		width: 100%;
	}

	nav {
		display: block;
		position: fixed;
		top: 0;
		right: -350px;
		bottom: 0;
		width: 350nav;
		background: rgba(255, 255, 255, 0.5);
		;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transition: all .5s;
		z-index: 3;
		opacity: 0;
	}

	.Hero {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		height: 100vh;
		padding: 0;
		background-color: #e8e8e8;
		background-blend-mode: unset;
	}

	.Hero__ttlWrap {
		width: 100%;
		height: 100%;
		justify-content: flex-end;
		margin: 0rem;
		padding: 20px;

	}

	.Hero__ttlHead {
		margin: 0 0 2rem;
	}

	.Hero__ttl {
		width: 8rem;
		margin: 0 1rem 0 0;
	}

	.Hero__ttlSub {
		font-size: 1rem;
		padding: 0;
	}

	.Hero__25thlogo {
		width: 5rem;
		margin: 0 1rem 0 0;
	}

	.Hero__logo_text p {
		padding: 0rem;
		color: #232323;
		font-size: 1.3rem;
	}

	.Hero__itemName {
		font-size: 9rem;
		margin: 0 -0.8rem 2rem;
		line-height: 0.8;
	}

	.Hero__brandLogo {
		width: 16.5rem;
	}

	.Hero__ttlBottom {
		font-size: 1.6rem;
		line-height: 1.5;
		margin: 0 0 5rem;
	}

	.Hero__imgWrap {
		height: 100vh;
		position: static;
		width: 100%;
	}
	.styling__all_warp02{
		width: 100%;
		margin: 0;
		padding: 10px 0;
		position: relative;
		top: 100px;
		margin: 0;
	}
	.styling__warp {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.styling__color {
		font-size: 8rem;
		line-height: 0.8;
	}

	.styling__count {
		font-size: 4rem;
		margin: 0 2rem 0 0;
	}

	.styling__moelsize {
		font-size: 1.6rem;
	}


	.styling__com {
		margin: 3rem 0;
		font-size: 2.4rem;
	}

	.product__warp {
		width: 100%;
		display: flex;
		margin: 5rem auto;
		height: auto;
		background: linear-gradient(#fff 10%, #e8e8e8 0, #e8e8e8 100%, #fff 0);
		padding: 20px;
	}

	.product__warp_w {
		width: 100%;
		padding: 0;
		display: block;
	}

	.product__img {
		width: 100%;
		padding: 0;
	}

	.product__season {
		font-size: 1.6rem;
	}

	.product__title_warp {
		width: 100%;
		padding: 0;
	}

	.product__title {
		font-size: 2.4rem;
	}

	.product__text_warp {
		width: 100%;
		line-height: 1.4;

	}

	.product__text_warp p span {
		margin: 1rem 0;
	}

	.Product__link {
		margin: 3rem;
	}

	.BtnArr {
		background: #232323;
		border: 1px solid #fff;
		color: #fff;
		color: #fff;
		display: block;
		position: relative;
		text-align: left;
		width: 200px;
		border-radius: 3px;
	}

	.BtnArr:hover {
		opacity: 0.8;
		transition: 0.5s;
	}

	.BtnArr__arr {
		background-color: #fff;
		bottom: 1em;
		height: 1px;
		position: absolute;
		right: 24px;
		transition: all .5s ease;
		width: 35px;
	}

	.BtnArr__wrap {
		color: #fff;
		display: block;
		font-size: 1.2rem;
		height: 100%;
		letter-spacing: .08em;
		line-height: 3em;
		padding-left: 18px;
		position: relative;
		text-transform: capitalize;
		width: 100%;
		z-index: 1;
	}


	.title-border {
		display: flex;
		align-items: center;
		display: inline-block;

	}

	.title-border:after {
		border-top: 1px solid;
		content: "";
		flex-grow: 1;
		width: 20px;
	}

	.title-border:after {
		margin-left: 1rem;

	}

	.BtnArr {
		width: 100%;
	}

	.styling__img_all_warp {
		display: block;
	}

	.styling__limg {
		width: 100%;
		padding: 0;
		margin: 0 0 1rem;
	}

	.styling__img_warp {
		width: 100%;
		padding: 0;
	}

	.styling__img_warp ul li {
		line-height: 1;
		margin: 1rem auto;
	}

	.styling__img_warp ul li span {
		font-size: 1.2rem;
		margin: 0;
		color: #232323;
		display: block;
	}


	.styling__img_warp02 ul li {
		line-height: 1;
		margin: 1rem auto;
	}

	.styling__img_warp02 ul li span {
		font-size: 1.2rem;
		margin: 0;
		color: #232323;
		display: block;
	}

	.styling__all_warp02 {
		width: 100%;
		padding: 10px;
		top: 0;
		margin: 10rem auto;
	}

	.styling__all_warp02::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(#fff 10%, #e8e8e8 0, #e8e8e8 90%, #fff 0);
		background-color: #e8e8e8;
		/*	background-color: #D1E28A;*/
		transform: skewY(-10deg);
		z-index: -1;
	}


	.styling__warp02 {
		display: block;
		width: 100%;
		padding: 0px;
		margin: 0;
	}

	.styling__simg02 img {
		padding: 0;
	}

	.styling__simg02 {
		width: 100%;
		padding: 0;
	}

	.styling__color02 {
		font-size: 8rem;
		line-height: 0.8;
		margin: 3rem 0 0;
	}

	.styling__text_warp02 {
		margin: 0 0 3rem;
	}

	.styling__img_all_warp02 {
		width: 100%;
		padding: 0;
	}

	.styling__com02 {
		margin: 2rem 0 3rem;
		font-size: 2.4rem;
		color: #232323;
	}

	.styling__count02 {
		font-size: 4rem;
		margin: 0 2rem 0 0;
	}

	.styling__moelsize02 {
		font-size: 1.6rem;
	}

	.styling__img_warp02 {
		padding: 0;
	}

	.styling__limg02 {
		padding: 1rem 0 0;
	}

	.itemcredit__credit_warp {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.itemcredit__all_warp {
		width: 100%;
		margin: 10rem auto;
		background: linear-gradient(#fff 0%, #fff 20%, #e8e8e8 80%, #e8e8e8 100%);
		padding: 20px
	}

	.itemcredit__img {
		width: 100%;
		padding: 0;
	}

	.itemcredit__warp {
		width: 100%;
		padding: 0;
	}

	.itemcredit__logo {
		margin: 3rem 0 1.5rem;
	}

	.itemcredit__ttl {
		width: 7rem;
		margin: 0 1rem 0 0;
	}

	.itemcredit__25thlogo {
		width: 6rem;
		margin: 0 1rem 0 0;
	}

	.itemcredit__logo_text {
		font-size: 1.2rem;
		padding: 0;
	}

	.itemcredit__name {
		font-size: 5rem;
	}

	.styling__banner {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.shop_list_warp {
		width: 100%;
		margin: 5rem auto;
		padding: 2rem;
	}

	.shop_list_warp {
		width: 100%;
	}

	.shoplist_block_warp {
		display: block;
	}

	.shoplist_block {
		width: 100%;
		margin: 1rem 0;
		padding: 0 2rem;
		background: #fff;
	}

	.shop_name {
		margin: 0 0 2rem;
		padding: 2.5rem 0;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 2.5rem;
		border-bottom: 1px solid #707070;
	}

	.shoplist_block .to_page {
		text-align: left;
		padding: 2.5rem 0;
		font-size: 1.2rem;
	}

	footer {
		margin: 0 auto;
	}

	footer .logo {
		width: 5rem;
		text-align: center;
		margin: 0 auto;
	}

	footer .copy {
		text-align: center;
		margin: 5rem auto;
		font-size: 1.2rem;
	}

	.toggle_btn {
		display: block;
		position: fixed;
		top: 30px;
		right: 30px;
		width: 30px;
		height: 30px;
		transition: all .5s;
		cursor: pointer;
		z-index: 1000;
		opacity: 0.9;
	}

	#page-top {
		position: fixed;
		bottom: 30px;
		right: 30px;
		line-height: 1;
		z-index: 99;
	}

	.Hero__itemName {
		font-size: 20vw;
		margin: 0 -0.8rem 5rem;
		line-height: 0.8;
	}
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
	.Hero {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		height: 100vh;
		padding: 0;
		background-color: #e8e8e8;
		background-blend-mode: unset;
	}

	.Hero__ttlWrap {
		width: 100%;
		height: 100%;
		justify-content: flex-end;
		margin: 0rem;
		padding: 50px;

	}

	.product__title {
		font-size: 2.4rem;
		margin: 3rem 0 1rem;
	}

	.product__season {
		font-size: 1.6rem;
	}

	.Hero__ttlHead {
		margin: 0 0 3rem;
	}

	.Hero__ttl {
		width: 8rem;
		margin: 0 1rem 0 0;
	}

	.product__text_warp {
		width: 100%;
		font-size: 1.4rem;
	}

	.product__img {
		width: 50%;
		padding: 10px;
	}

	.Hero__ttlSub {
		font-size: 1rem;
		padding: 0;
	}

	.Hero__25thlogo {
		width: 5rem;
		margin: 0 1rem 0 0;
	}

	.Hero__logo_text p {
		padding: 0rem;
		color: #232323;
		font-size: 1.3rem;
	}

	.Hero__itemName {
		font-size: 9rem;
		margin: 0 -0.8rem 2rem;
		line-height: 0.8;
	}

	.Hero__brandLogo {
		width: 16.5rem;
	}

	.Hero__ttlBottom {
		font-size: 2.4rem;
		line-height: 1.5;
		margin: 0 0 7rem;
	}

	.Hero__imgWrap {
		height: 100vh;
		position: static;
		width: 100%;
	}

	.scroll {
		margin: 10rem auto;
		text-align: center;
	}

	.product__warp {
		display: block
	}

	.product__warp_w {
		width: 100%;
		height: auto;
		display: block;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 20px;
	}
	.product__img {
		width: 100%;
		padding: 5rem;
		margin: 0 auto;
	}
	.product__title_warp {
		width: 100%;
		padding: 10px;
	}
	.styling__warp {
		width: 100%;
		margin: 0;
	}

	.styling__warp02 {
		width: 100%;
		margin: 5rem 0 10rem;
	}

	.itemcredit__credit_warp {
		width: 100%;
	}

	.styling__color {
		font-size: 8rem;
	}

	.styling__count {
		font-size: 5rem;
	}

	.styling__moelsize {
		font-size: 2rem;
	}

	.styling__banner {
		width: 100%;
	}

	.shop_list_warp {
		width: 100%;
	}

	.styling__img_all_warp02 {
		padding: 20px;
	}

	.styling__color02 {
		font-size: 8rem;
	}

	.styling__count02 {
		font-size: 5rem;
	}

	.styling__moelsize02 {
		font-size: 2rem;
	}

	.styling__img_warp ul {
		border: 1px;
		border-left: 1px solid #232323;
		padding-left: 15px;
	}

	.styling__img_warp ul li {
		line-height: 0.95;
		font-size: 1.6rem;
		margin: 1.5rem 0 1rem;
		line-height: 0.95;
		color: #232323;
		display: block;
	}


	.styling__img_warp ul li span {
		margin: 0;
		display: block;
		width: 80px;
	}

	.styling__img_warp02 ul {
		border: 1px;
		border-left: 1px solid #232323;
		padding-left: 15px;
	}

	.styling__img_warp02 li {
		font-size: 1.6rem;
		margin: 1.5rem 0 1rem;
		line-height: 0.95;
		color: #232323;
		display: block;
	}

	.styling__img_warp02 {
		padding: 0;
	}

	.styling__img_warp02 ul li span {
		margin: 0;
		display: block;
		width: 80px;
	}

	.styling__com02 {
		margin: 2rem 0 2rem;
		font-size: 2.4rem;
	}

	.itemcredit__all_warp {
		margin: 10rem 0;
	}

	.itemcredit__warp {
		padding: 20px;
	}

	.itemcredit__logo {
		display: flex;
		align-items: center;
		margin: 2rem 0;
	}

	.itemcredit__ttl {
		width: 8rem;
	}

	.itemcredit__25thlogo {
		width: 5rem;
	}

	.itemcredit__logo_text p {
		font-size: 1.2rem;
	}

	.itemcredit__name {
		font-size: 5rem;
	}
	.styling__all_warp02 {
		margin: 5rem auto 0;
	}
}


@media only screen and (min-width: 640px) and (max-width: 1024px) {}