.txt-sp {color:#d6001c;}
	  .notice-sp {color:#e60012; font-weight: bold;}
	  em {font-size:13px; font-style: normal;}
	  .close {
		background: rgb(60 60 60 / 80%);
		font-size: 40px;
		position: absolute;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		width: calc((100% - 20px) / 3);
		height: calc((100% - 20px) / 3);
		margin-left: -15px;
		margin-top: -15px;
		color: #ffffff;
	    }
	  
	  .product-three-box {
		width: calc((100% - 20px) / 3);
		background: #f8f8f8;
		box-sizing: border-box;
		padding: 15px;
		display: inline-block;
		border-radius: 20px;
		}
	  @media screen and (max-width: 768px) {
		 .product-three-box {
			width: calc((100% - 20px) / 2);
		  }
		 .close {
			width: calc((100% - 20px) / 2);
			height: calc((20% - 45px)); 
		  }
	  }
	  @media screen and (max-width: 600px) {
		 .product-three-box {
			width: calc((100% - 20px) / 1);
		  }
		  .close {
			width: 96%;
			height: calc((15% - 65px)); 
		  }
	  }
	  @media screen and (max-width: 468px) {
		 .product-three-box {
			width: calc((100% - 20px) / 1);
		  }
		  .close {
			width: 96%;
			height: calc((14% - 72px)); 
		  }
	  }