/* --- 全体基本設定 --- */
    .pagedesign {
/*        background-color: #111111;*/
		font-feature-settings: "palt";
        color: #fff;
        font-family: "adobe-garamond-pro", "Hiragino Mincho ProN W3", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
        -webkit-font-smoothing: antialiased;
        margin: 0; padding: 0;
    }
	 /* セラーバナー */
	.banner-full-width-wrapper .pc-img {
    display: block;   
    width: 100%;     
	}
	.banner-full-width-wrapper .sp-img {
    display: none;  
	}
	
	.sp-only {
		display: none;
	}
	    .pagedesign .wrapper a:hover{
		opacity: 0.9;
    }
	    .pagedesign img {
        max-width: 100%;
        height: auto;
        display: block;
        vertical-align: bottom; 
    }

    .pagedesign .wrapper {
        width: 100%;
        max-width: none;
/*        background-color: #111111;*/
    }

    .pagedesign div {
		margin: 0;
        position: relative;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .pagedesign img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    .pagedesign .pc-only { display: block; }

     /* --- HERO (右寄せ調整版) --- */
    .pagedesign .hero {
        min-height: 100vh;
        display: flex;
        justify-content: flex-end; 
        align-items: flex-start;
        padding-top: 80px;
        padding-right: 5%; 
        background: url(https://wine-proshop.com/uploads/design/Ondo/ondocat_slide01.jpg) no-repeat center 15% / cover;
    }

    .pagedesign .hero-header-group {
        display: flex;
        flex-direction: column;
        align-items: center; /* 軸を真ん中に揃える */
        text-align: center;
        width: clamp(100px, 18vw, 220px);
    }

    .pagedesign .hero-logo img { 
        width: 100%;
        margin-bottom: 35px; /* ロゴと下の文字の間隔 */
    }

    .pagedesign .hero-sub h2 {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        font-size: clamp(26px, 2.3vw, 35px);
        letter-spacing: 0.5em; /* 文字間隔を広げて高級感を出す */
        line-height: 1.2;
        font-weight: 400;
        margin: 0 auto;
    }

    /* --- STATEMENT --- */
    .pagedesign .inner {
        padding: 60px 0 100px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
		background-color: #111111;
    }

    .pagedesign .inner-image {
        width: 100%;
        max-width: 1200px;
        margin: -40px auto 40px;
    }

    .pagedesign .side-copy {
        position: absolute;
        right: 8%; 
        width: clamp(140px, 18vw, 220px);
        top: 150px;
        writing-mode: vertical-rl;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pagedesign .side-copy h2 {
        font-size: clamp(23px, 1.8vw, 35px);
        line-height: 2.2;
        letter-spacing: 0.3em;
        font-weight: 400;
        margin: 0;
    }

    .pagedesign .main-copy {
        font-size: clamp(22px, 3.5vw, 32px);
        letter-spacing: 0.1em;
        margin: 60px 0;
        font-weight: normal;
    }

    .pagedesign .body-text {
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0em;
        max-width: 750px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* --- STORY --- */
    .pagedesign .strory-area {
        padding: 80px 8%; 
        min-height: 600px;
        display: flex;
        align-items: center;
        background: url(https://wine-proshop.com/uploads/design/Ondo/ondocat_top3bg.jpg) no-repeat center 30% / cover;
		
    }

    .pagedesign .strory-area-content h3 {
        font-size: clamp(22px, 3vw, 29px);
        font-weight: normal;
        line-height: 1.7;
        letter-spacing: 0.05em;
    }

    /* --- ICE WORLD --- */
    .pagedesign .ice-world {
        padding: 80px 0 80px 8%;
        margin-top: 0px; 
        min-height: 750px;
        display: flex;
        align-items: center;
        background: url(https://wine-proshop.com/uploads/design/Ondo/ondocat_top4bg.jpg) no-repeat center 55% / cover;
    }
	    .pagedesign .strory-area-content h3 {
        letter-spacing: -0em;
		font-feature-settings: "palt";
    }

    .pagedesign .ice-world-container {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .pagedesign .ice-text {
        flex: 1;
        max-width: 600px;
        z-index: 2;
    }

    .pagedesign .ice-text h3 {
        font-size: clamp(22px, 3vw, 29px);
        font-weight: normal;
        line-height: 1.7;
        letter-spacing: 0.05em;
        color: #052850;
    }

    .pagedesign .story-description {
        margin-top: 20px;
        font-size: clamp(15px, 1.8vw, 18px);
        line-height: 1.8;
        font-weight: normal;
        max-width: 32em;
        text-align: justify;
    }
	.pagedesign .story-description ice-desc-down {
		color:#000;
	}
    .pagedesign .ice-desc-down {
        margin-top: 80px;
        color: #052850;
		font-weight: 500;
		line-height: 1.8;
		
    }

    .pagedesign .box-product {
		
		width: 45%;
        flex-shrink: 0;
        width: clamp(500px, 42vw, 500px); 
        margin-left: 2%;
        margin-right: -5%;
        z-index: 1;
    }

    /* --- CELLAR BANNER (PC: 横幅いっぱい・左右20px余白) --- */
    .pagedesign .cellar-banner-sec {
        background-color: #fff; 
		padding: 0;
		text-align: center;
    }

.pagedesign .banner-full-width-wrapper { 
	width: 100%; 
	padding: 20px 20px;
	box-sizing: border-box;
	background-color: #fff; 
	}
    .pagedesign .banner-full-width-wrapper img {
		width: 100%;
		height: auto;
	}
	

    /* --- IMAGE CONCEPT --- */
    .pagedesign .image-concept {
        padding: 100px 8% 120px;
        text-align: center;
        background-color: #fff;
        color: #111111;
    }
    .pagedesign .concept-title {
        font-size: clamp(24px, 3.5vw, 32px);
        letter-spacing: 0.3em;
        margin-bottom: 60px;
        font-weight: normal;
		letter-spacing: 0.3em;
    }
    .pagedesign .concept-description p {
        font-size: clamp(16px, 1.8vw, 18px);
        line-height: 1.5;
        margin-bottom: 0.5em;
        letter-spacing: 0.05em;
    }

    .pagedesign .footer-note {
        margin-top: 80px;
        font-size: 11px;
        letter-spacing: 0.5em;
        opacity: 0.6;
        color: #111111;
    }

	@media screen and (max-width: 767px) {
  .sp-only {
    display: block;
  }
}
	
    /* --- RESPONSIVE --- */
    @media (max-width: 800px) {
        .pagedesign .pc-only { 
			display: none; 
		}
		
		.pagedesign .main-copy {
			margin: 0 auto;
		padding-bottom: 60px
		}
		
		/* セラーバナー */
		.banner-full-width-wrapper .pc-img {
        display: none;  
		}
    	.banner-full-width-wrapper .sp-img {
        display: block; 
        width: 100%;
		}
		
        .pagedesign .hero { 
			padding: 60px 2% 0 0; 
			min-height: 60vh; 
			background-position: center center;
			padding-top: 30px;
			padding-right: 1%;
			 background: url(https://wine-proshop.com/uploads/design/Ondo/ondocat_slide01.jpg) no-repeat center 50% / cover;
   
		}
		.pagedesign .body-text {
        font-size: 15px;
        line-height: 1.8;
        letter-spacing: 0em;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
		
    }
        
        .pagedesign .inner { 
			padding: 80px 0; 
			position: static; 
		}
        .pagedesign .side-copy {
            position: relative;
            right: auto;
            top: auto;
            width: 100%;
            margin-bottom: 50px;
            align-items: center; 
            display: flex;
            justify-content: center;
        }

        .pagedesign .strory-area { 
			padding: 80px 5%; 
			min-height: auto; 
		}
        .pagedesign .ice-world {
			padding: 60px 5%; 
			margin-top: 0;
			min-height: auto;
		}
        .pagedesign .ice-world-container {
			flex-direction: column;
			align-items: flex-start;
		}
        .pagedesign .ice-text h3 {
			margin-bottom: 20px;
			text-align: left;
		}
        .pagedesign .ice-desc-down {
			margin-top: 30px;
			text-align: left;
		}
        .pagedesign .story-description {
			max-width: 100%;
		}

        .pagedesign .box-product { 
            margin: 40px 0 0 0; 
            width: 100%; 
            max-width: 500px; 
            align-self: center; 
        }

        /* セラーバナー・スマホ時は左右余白なし */
        .pagedesign .cellar-banner-sec {
			padding-top: 20px;
		}
        .pagedesign .banner-full-width-wrapper { 
			padding: 0; 
		}
        
        .pagedesign .image-concept { 
			padding: 80px 5% 100px;
		}
        .pagedesign .concept-title {
			margin-bottom: 40px; 
		}
        .pagedesign .footer-note {
			margin-top: 50px; 
		}
    }