@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
}


.pc{
	display: inline-block;
}
.sp{
	display: none;
}

@media screen and (max-width:768px){
    .pc
    {
        display: none;
    }
    .sp
    {
        display: inline-block;
    }
}

	#cherir-couture,
	.shop-list-web h3 {
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		font-style: normal;
	}


	#cherir-couture img {
		width: 100%;
	}

	.cherir-couture-hero h1 {
		margin-bottom: 0;
	}

	.cherir-couture-desc {
		width: 70%;
		margin: 0 auto;
	}

 	.product-box {
 		display: flex;
 		align-items: stretch;
 		justify-content: space-around;
 		margin-bottom: 42px;
 	}

	.product-desc {
		text-align: center;
		color: #000;
		border: 2px solid #000;
	}

	.shop-list {
 		margin-top: 80px;
		text-align: center;
		color: #000;
	}

	.shop-list-store {
		padding: 64px 0;
		margin:auto;
	}

	.shop-list ul {
		padding: 0;
		margin: 0 auto;

	}

	.shop-list-store li {
		margin-bottom: 24px;
		list-style: none;
	}


	.u-pt-24 {
		padding-top: 24px!important;
	}

	.u-mb-24 {
		margin-bottom: 24px!important;
	}

	.u-mb-42 {
		margin-bottom: 42px!important;
	}

	.u-mt-66 {
		margin-top: 66px!important;
	}

	.u-mb-66 {
		margin-bottom: 66px!important;
	}

	.u-mt-120 {
		margin-top: 120px!important;
	}

	/*PCのみのレイアウト*/
	@media screen and (min-width:769px) {

	.cherir-couture-bg {
		background: no-repeat url("./images/img-aw-bg.jpg");
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
	}

	.cherir-couture-container__title {
		max-width: 600px;
		margin: 0 auto 24px;
	}

	.product-desc__color {
		font-size: 24px;
		margin: 0 auto;
	}

	.u-sp {
		display: none;
	}

	.u-pt-24-pc {
		padding-top: 24px!important;
	}

	.cherir-couture-hero {
		max-width: 1000px;
		margin: auto;
	}

 	.cherir-couture-container {
 		max-width: 840px;
 		margin: auto;
 		padding: 0 34px 80px;
 	}
 	
 	.pc.item-show
 	{
 		display: block;
 	}

 	.product-box {
 		display: flex;
 		align-items: stretch;
 		justify-content: space-around;
 		margin-bottom: 42px;
 	}

 	.product-thumb {
 		width: 369px;
 	}

 	.product-desc {
 		display: flex;
 		align-items: center;
 		width: 369px;
 	}

 	.product-desc__wrap {
 		flex-direction: column;
 		flex-grow: 1; /* 比率を指定 */
 	}

	.product-desc__title {
		margin-bottom: 12px;
	}

	.product-desc__price {
		font-size: 24px;
		margin-bottom: 0;
	}

 	.shop-list {
 		text-align: center;
 		color: #000;
 	}

 	.shop-list-store {
		border-top: 1px solid #000;
 		width: 600px;
 	}

 	.shop-list-store li {
 		margin-bottom: 24px;
 	}

 	.footer-desc {
 		/*width: 600px;*/
 		margin:60px auto 100px;
 	}

	}


	.shop-list {
		font-family: "Noto Sans", sans-serif;
		font-optical-sizing: auto;
	}


	.shop-list a {
		color: #000;
	}

	.shop-list a:hover {
		text-decoration: underline;
	}

	.shop-list-web {
		padding: 64px 0;
	}

	.shop-list-web h3 {
		margin-bottom: 32px;
	}

	.shop-list-web li {
		margin-bottom: 24px;
		list-style: none;
	}

	/* もっと見るのレイアウト */
	.txt-hide,
	.item-hide{
	display: none;
	}

	button#items_viewmore
	{
		display: none;
	}

	button.more-item{
		width: 130px;
		margin:auto;
		display: block;
		color: #000;
		padding:10px 15px;
		border: none;
		outline: 0;
		transition: .5s;
		-erbkit-transition: .5s;
	}

	button.more-link{
		width: 100%;
		margin:auto;
		display: block;
		color: #000;
		padding:10px 15px 20px 10px;
		border: none;
		outline: 0;
		transition: .5s;
		-erbkit-transition: .5s;
		background: transparent;
		border-bottom: 2px solid #000;
	}

	button.more-item::after{
		content: "View ALL";
		font-family: "Shippori Mincho", serif;
		transition: .2s;
		-erbkit-transition: .2s;
	}
	 
	button.more-link::after{
		content: "view more\A▼";
		white-space: pre;
		font-family: "Shippori Mincho", serif;
		transition: .2s;
		-erbkit-transition: .2s;
	}

	button.more-link.on-click::after,
	button.more-item.on-click::after{
		font-family: "Shippori Mincho", serif;
		content: "Close";
		white-space: pre;
	}



	/* SPのレイアウト */
	@media screen and (max-width: 768px) {
		.cherir-couture-bg::before {
			content: ""; /* 擬似要素の内容 */
			display: block;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh; /* 画面の高さに合わせる */
			background-image: url('./images/img-aw-bg-sp.jpg'); /* 背景画像のパス */
			background-size: cover; /* 画像をカバー */
			background-position: center; /* 画像の中心を基準に */
			z-index: -10; /* 他の要素の後ろに配置 */
			background-color: #f9d1d8;
		}

		.cherir-couture-hero h1 {
		margin: 0!important;
		}

	 	.cherir-couture-container {
	 		padding: 0 16px 80px;
		}

	 	.product-thumb {
	 		width: 46.9047619%;
	 	}

	 	.product-desc {
	 		width: calc( 98% /2);
	 	}

	 	.product-desc__title {
	 		margin-bottom: 0;
	 		font-size: 16px;
	 	}

	 	.product-desc__color,
	 	.product-desc__price,
	 	.product-desc__notes {
	 		margin-bottom: 0;
	 		font-size: 12px;
	 	}

		.u-pc {
			display: none;
		}

		.u-mb-18-sp {
			margin-bottom: 18px;
		}

		.u-mb-42-sp {
			margin-bottom: 42px;
		}

		.product-desc {
			padding: 10% 4%;
		}

		.item-wrap {
			padding: 0 2.261904762%;
		}

		.shop-list {
 			margin-top: 60px;
		}
		
		footer {
			padding-bottom: 80px;
		}

		.footer-desc {
			padding: 0 3%;
			margin-bottom: 66px;
		}
		
		.border-01
		{
			width: 80%;
			margin: 0 auto;
			border-top: 2px solid #000;
		}
		
		button.more-link
		{
			width: 80%;
		}

	}