.slider-wrap {
    max-width:1200px;
    margin:0 auto;
    padding:20px;
    display:grid;
    grid-template-columns:70% 30%;
/* メインスライダー */
	.slider-for {position:relative;margin-bottom:30px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);max-width:600px;
		div {display:none;opacity:0;transition:opacity 0.5s ease;}
		div.fade-in {opacity:1;padding:2em;}
		img {width:100%;height:auto;display:block;max-width:600px;}
		.tooltip {padding:5px;font-size:12px;text-align:center;border-radius:.5ch;box-shadow:0 1em 2em -.5em rgba(0, 0, 0, 0.35);background:#ffedcc;
				max-width:30em;display:flex;justify-content:center;margin:1em auto;}
	}
	/* サムネイルナビゲーション */
	.slider-nav {display:grid;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:10px;padding:7em 10px 0;;margin-bottom:auto;
		div {cursor:pointer;position:relative;transition:transform 0.3s ease;}
		img {width:100%;height:auto;border:2px solid transparent;transition:all 0.3s ease;}
		div:hover img {border-color:#b28d4a;transform:scale(1.05);}
		div.active img {border-color:#b28d4a;transform:scale(1.05);}
	}
	.fade-in {animation:fadeIn 0.5s ease forwards;}

}
@keyframes fadeIn {from {opacity:0;transform:translateX(20%);}to {opacity:1;transform:translateX(0);}}


#Recommendation{
	.slide-title {font-weight:800;border-bottom:0;font-size:110%;background:#333;
			color:aliceblue;padding:.5em;margin:2em;box-shadow:0 14px 21px -8px rgb(0 0 0 / 56%);border-radius:4px;height:4.5em;}
	h3{min-height:1em;width:100%;}
	.grid-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(20em, 100%), 1fr));font-size:85%;}
	.itemlink{
		.title{display:grid;justify-items:center;}
		a{display:block;}
	}
	.grid-auto-fit.mini {grid-template-columns:repeat(auto-fit, minmax(min(12em, 100%), 1fr));}

	ol:not([id]) li:before {padding-right:10px;}
	
	
	#item_pick_up{
		 h1, h2 {border-color:#029EBC;border-style:solid;border-width:6px 0;color:#017589;font-weight:800;background:none;box-shadow:none;padding:1em;text-align:center;
		 		font-size:min(4.6vw, 30px);text-shadow:none;border-radius:0;margin:3em 0;padding:1em;
		 	span {display:block;font-size:13px;font-weight:400;text-align:right;}
			}
		> ul:not(.Creative,.caption){display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;}
		img:not(.initial){max-width:200px;max-height:205px;}
		img.initial{border:0;box-shadow:none;padding:1em 0;}
		img.gray{filter:brightness(0.7);}
		.creams{display:grid;grid-template-columns:repeat(auto-fill, minmax(138px, 1fr));gap:1em;padding:3em 1em;;
				span{display:grid;font-size:85%;gap:1em;}
			}
		.price{display:flex;flex-wrap:wrap;gap:1em;font-size:14px;
			.order-wrap{display:flex;flex-wrap:wrap;gap:1em;
				.order,.support{background-color:var(--button);min-width:6.5em;padding:5px;display:inline-block;border-radius:8px;text-align:center;color:var(--white);}
				.support{background-color:var(--a-c);}
				}
			}

		
		li {border:1px solid #ccc;padding:7px;margin:5px;display:grid;gap:1em;flex:1;align-items:start;min-width:250px;
			div{border-bottom:1px dashed #999;padding-bottom:15px;}
			div:first-child,.title{font-weight:800;border-bottom:0;font-size:110%;background:#333;color:aliceblue;padding:.5em;
				margin:-8px -8px 1em;box-shadow:0 14px 21px -8px rgb(0 0 0 / 56%);border-radius:4px;height:4.5em;}
			div:nth-child(2){height:215px;}
			div.bodyworks{display:flex;gap:1em;flex-wrap:wrap;height:auto;}
			div:last-child{border-bottom:none;}
			p{display:flex;flex-wrap:wrap;gap:.5em;padding:1em;}
			.order a {border:1px solid;background-color:blanchedalmond;text-align:center;padding:5px;margin:0 auto;display:block;border-radius:4px;}
        }
		ul.check li{border:0;box-shadow:none;display:flex;align-items:center;}

		.caption,.padding{/*ハニエル・オッジイ*/display:block;
			h3{max-width:26em;line-height:1.6;margin:1em auto;}
			li{display:block;border:0;
				h3{background:#fff; width:15em;min-width:15em;}
				ol.flex{flex-wrap:wrap;
					:before{content:"";}
				}
				}
			ol li{border:0;flex:0;}
			ol strong,ul strong{display:block; border-bottom:1px solid #d4af37;margin-bottom:1em;margin-left:2.5em;min-height:3em;}
			.raatp li{min-width:auto;}
			.hanniel {flex-wrap:wrap;li{flex:0;min-width:auto;}}

			}
		.caption.nonborder{
			li{border:0px}
		}
		.padding,.material{/*margin:1em;*/background:#fff;padding:2em;border-radius:8px;border:1px solid #ccc;box-shadow:0px 0px 40px -9px #959595;margin-bottom:6em}
		.material {color:rgb(193, 0, 193)}
		.material.non {margin-bottom:0;box-shadow:none;border:none;/*margin:0;padding:0;border:0;*/}
		}
		
	.item-mark:before {content:'※';color:red;font-weight:800;}

	.instagram_hash{
		margin:4em 0;text-align:center;
		 .hash {
			display:inline-block;background:url("/imageFile04/instagram-new-icon.png") scroll no-repeat left center;
			border:0;font-size:150%;padding:1.5em 0 1.5em 3em;text-align:left;
			}
		.sub-title {overflow:hidden;height:15em;border:1px solid #ccc;border-radius:10px;margin:2em 0;font-size:80%;
				padding:1em 2em 1em 0;text-align:justify;background-color:#fff;line-height:2;}
		.lazy-bg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:140px;height:100%;
				float:left;clear:both;margin:0 1em;background-size:contain;background-repeat:no-repeat;background-position:center;}
		/*.pre-load {filter:brightness(2) blur(26px);transform:rotateY(88deg);}*/
	}
	.flex{/*flex-wrap:wrap;*/gap:1em;}
	a[target="_blank"] img {margin-left:26px;}
	.pfmask dl{padding:0;}
	.pfmask dd{padding:3em 0;}
}

.modal-overlay {
	position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.8);opacity:0;visibility:hidden;transition:opacity 1s ease;
	z-index:1000;align-items:start;justify-items:end;align-content:center;justify-content:center;display:grid;
	.modal-content {
		max-width:650px;max-height:90vh;background:#fff;padding:20px;overflow:hidden;margin:0 auto;border-radius:8px;
		opacity:0;transform:scale(0.8);transition:opacity 1s ease, transform 0.6s ease;
	}
	.modal-body{overflow-y:auto;
		.reduction_contents {
			text-align:right;
			td {padding:1px 5px;white-space:nowrap;}
		}
	}
	.modal-close {
		width:40px;height:40px;background:#fff;border-radius:50%;border:none;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1s ease;
		justify-content:center;font-size:24px;cursor:pointer;z-index:1001;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
	}
}

.modal-overlay.active {
	opacity:1;visibility:visible;
	.modal-content{opacity:1;transform:scale(1);margin-bottom:90px;}
	.modal-close  {opacity:1;visibility:visible;}
}



	
@media (max-width:768px) {
.modal-content {width:98%;}
.slider-wrap {grid-template-columns:auto;padding:10px 0 2em;
  .slider-nav {gap:5px;padding:0;}
  .slider-for div.fade-in {padding:0;}
}
section {
    #Recommendation {
		.slide-title {margin:1em 0;}
        #item_pick_up {
			ul:not(.Creative,.caption) {padding:1em 0;}
            ul:not(.raatp) {display:block;}
			 h1, h2 {text-align:left};
 			.price{
				.order-wrap{width:100%;justify-content:center;
					/*.order,.support{width:7.5em;}*/
					}
			}
			.caption,.padding,.material{padding:1em;margin:.5em;
				ul{padding:0;}
			}
			li {
				div.bodyworks {gap:.5em;}
				div:first-child{height:auto;}
			}

		.itemlink{
			ul {padding:0;margin:0;display:flex;flex-wrap:wrap;}
			ul li {margin:1%;width:48%;}
			ul li:first-child:nth-last-child(2) ~ li {width:100%;}
			ul li:first-child {width:100%;}
			.title{margin:-14px -15px -15px;}
			a{display:block;}
		}
	    .grid-auto-fit.mini {grid-template-columns:repeat(auto-fit, minmax(min(10em, 100%), 1fr));}
		.flex{flex-wrap:wrap;}
		h6 {min-height:3.5em;}
		h6.pf{display:block;}
		h4{padding:.8em;margin:1em;}
		p {min-height:4em;}
		}
	}
}
}