@charset "utf-8";


html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

@media screen and (min-width:481px) {
	

	
	
.pagetop{
	border: solid min(2px,0.104166vw) #fff;
	background:#fff;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.4s ease;
}
	
.pagetop.is-visible{
	opacity:1;
	visibility:visible;
}
	
.pagetop__arrow{
	width:110%;
	height:110%;
	border-style:none;
	border-right:none;
	border-left:none;
	border-bottom:none;
	background:url("../image/cheese_is/totop.png") no-repeat center center / 60%;
	animation: pagetopFloat 1.4s ease-in-out infinite;
}

.pagetop:hover .pagetop__arrow{
	animation-duration:0.7s;
}

@keyframes pagetopFloat{
	0%,100%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-2px);
	}
}	
	
	
	
	
	nav{background:transparent;}
	body{
		background-color:#fff!important;
	}

	#global-navi-pc{background-color: transparent; position:fixed!important; height:min(100px,5.208333vw)!important; top:0px;}
	.R-fixed-ecbtn-pc div{border:solid min(1px,0.052083vw) #ccc;}
	.ft-2a{display:none;}
	.menu-fixed{
        background-color: #fff0c1 !important;
	}
	#main-logo,.gnp .logo-sns{
	filter: brightness(0) saturate(100%)
	}
	.menu-pc a,.menu-pc .modalOpen,.menu-pc .modal2Open{color:#000;}
	.pc-menu-now a {
        color: #83511B;
    }		
	.gnp .menu-pc{
		position:relative!important;
		top:min(20px,1.041666vw)!important;
	}
	
	h1{font-size:min(30px,1.5625vw); color:#fff; margin: 0px auto min(25px,1.302083vw); display:none;}
	h2{font-size:min(30px,1.5625vw); color:#000; margin: min(80px,4.166666vw) auto min(65px,3.385416vw) auto;
}
	h3{font-size:min(19px,0.989583vw); color:#000; margin-bottom:min(30px,1.5625vw); line-height:1.4em;}
	h4{font-size:min(19px,0.989583vw); line-height:min(32px,1.666666vw); color:#000; margin-bottom:min(70px,3.645833vw);}
	h5{font-size:min(19px,0.989583vw); color:#000;}
	
	
	
	


	
	

	
	
	
	
	
/* =========================================================
   Product detail page（PC）
========================================================= */
.wrap--product{
	height: auto !important;
	background: #fcc92c!important;
}

.pc-only{
	display: inline;
}

.sp-only{
	display: none;
}

.product-detail-page{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff0c1;
	padding-top:min(150px,7.8125vw);
}

.product-detail-page__inner{
	width: 100%;
	margin: 0 auto;
}

.product-detail-page__title{
	display: block;
	width: min(1200px, 62.5vw);
	margin: min(82px, 4.270833vw) auto min(58px, 3.020833vw);
	font-size: 235% !important;
	line-height: 1.2;
	text-align: center;
	color: #000;
}

.product-detail{
        display: grid;
        grid-template-columns: min(725px, 37.760416vw) min(845px, 44.010416vw);
        column-gap: min(66px, 3.4375vw);
        align-items: start;
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: min(84px, 4.375vw) min(140px, 7.291666vw) min(90px, 4.6875vw);
        box-sizing: border-box;
}

.product-detail--rich{ background: #fff0c1; }
.product-detail--strawberry{ background: #ffe7e7; }
.product-detail--nuts{ background: #ffe6d0; }
.product-detail--assorted{ background: #e7f7ee; }
.product-detail--cookie{ background: #fee996; }

.product-detail__media{
	width: 100%;
}

.product-detail__main{
	width: 100%;
	aspect-ratio: 645 / 480;
	overflow: hidden;
	background: transparent;
}

.product-detail__main img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-detail__content{
	width: 100%;
	padding-top: min(34px, 1.770833vw);
	color: #000;
	text-align:left;
}

.product-detail__head{
	margin: 0 0 min(16px, 0.833333vw);
}

.product-detail__name-en{
	margin: 0 0 min(8px, 0.416666vw);
	font-size: min(33px, 1.71875vw);
	line-height: 1.45;
	letter-spacing: 0.04em;
	color: #000;
}

.product-detail__name-ja{
	margin: 0;
	font-size: min(23.1px, 1.203125vw);
	line-height: 1.5;
	letter-spacing: 0.06em;
	color: #000;
}

.product-detail__price{
	    margin-bottom: min(40px, 2.083333vw);
}

.product-detail__price p{
        margin: 0 0 min(9px, 0.46875vw);
        font-size: min(19px, 0.989583vw);
        line-height: 1.55;
        letter-spacing: 0.03em;
        color: #000;
}
	
.product-detail__price p span{
        display: inline-block;
        margin-left: min(4px, 0.208333vw);
        font-size: 59%;
        padding: 0px min(3px, 0.15625vw);
        border: solid min(1px, 0.052083vw) #000;
        position: relative;
        top: max(-2.5px, -0.130208vw);
}
	


.product-detail__text{
	margin-bottom:min(42px, 2.1875vw);
}

.product-detail__text p{
        margin: 0 0 min(10px, 0.520833vw);
        font-size: min(18px, 0.9375vw);
        line-height: 1.65;
        letter-spacing: 0.03em;
        color: #000;
}

.product-detail__thumbs{
	display: flex;
	justify-content: flex-start;
    gap: min(16px, 0.833333vw);
}

.product-detail__thumbs--two{
	justify-content: flex-start;
}

.product-detail__thumb{
	display: block;
	width: min(132px, 6.875vw);
	aspect-ratio: 1 / 0.7;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
}

.product-detail__thumb img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.product-detail__thumb:hover img{
	transform: scale(1.03);
}

	
	
	
	
	


	
/*一括指定用css記述ここから*/

/*一括指定用css記述ここまで*/
	

	

	
	
	/*footer*/
	
	
	footer{
		height:100%;
        width: min(1920px,100vw);
        padding-top: min(157px,8.177083vw);
		padding-bottom:0;
        border-top: none;
        background-color: #f2f2f2;
        position: relative;
        margin: 0px auto 0px;
        z-index: 7;
        color: #000;
	}
	.ft-bd{
        width: min(1760px,91.666666vw);
        height: min(10px,0.520833vw);
        position: relative;
        top: 0px;
        left: 0px;
        margin: min(40px,2.083333vw) auto 0px;
        border-bottom: solid min(2px,0.104166vw) #000;
        z-index: 2;
	}
	.ft-b-link1,.ft-b-link2,.ft-b-copy,.ft-b-2 div div,.ft-b-2 div div a{
		display:inline-block;
		color:#000;
	}
	.ft-b-manu-now,.ft-b-manu-now a{
		color:#000!important;
	}

	.ft-b-3{display:none;} 
	.ft-b-cnt{
		width:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		font-size:min(19px,0.989583vw);
	}
	.ft-b-1{width:min(450px,23.4375vw); margin-left:min(270px,14.0625vw); text-align:left; position:relative;}
	.ft-b-1 img{
        width: min(300px,15.625vw);
        margin-bottom: 0px;
        position: relative;
        top: max(-36px,-1.875vw);
        left: max(-39px,-2.03125vw);
	}
	.ft-b-1 div{
		display:flex;
		flex-flow: column;
	}
	.ft-b-2{
		text-align:right;
		font-size:min(20px,1.041666vw);
		line-height:2.3em;
		margin-right:min(565px,29.427083vw);
				display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
	}

	.ft-b-link1,.ft-b-link2{
		text-align:left;
		display:flex;
		flex-flow: column;
		line-height: 1.7em;
	}
	.ft-b-link2{margin-left:min(55px,2.864583vw);}
	.ft-b-2 div div a{width:100%; height:100%;}
	.ft-b-sns{width:72%; text-align:right; margin: 0px auto min(39px,2.03125vw);}
	.ft-b-sns div{display:inline-block; width:min(41px,2.135416vw); height:min(41px,2.135416vw); margin-left:min(20px,1.041666vw);}
	.ft-b-sns div a{display:inline-block;}
	.ft-b-sns div a img{
		width:100%;
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(157deg) brightness(104%) contrast(105%);
	}
	.ft-b-copy{width:70%; text-align:center; margin:min(110px,5.729166vw) auto 0; position:relative; top:max(-34px,-1.770833vw);}
	
	footer .ft-2{display:none;}
	
	/*footer*/
	
	

	
/*モーダルウィンドウ-fv*/

.modal-fv {
  display: none;
  position: fixed;
  z-index: 9900;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow:hidden;
  background-color: rgba(0,0,0,0.5);
  animation-name: modalopen;
  animation-duration: 1s;
}

.modal-fv-content {
  background-color: #000;
  border:solid min(1px,0.052vw) #977f42;
  margin: 17% auto 20%;
  width: 50%;
  box-shadow: 0 min(5px,0.2604vw) 8px 0 rgba(0,0,0,0.2),0 min(7px,0.3645vw) min(20px,1.0416vw) 0 rgba(0,0,0,0.17);
  max-width: min(900px,46.875vw);

}



.modal-fv-header .modal-fv-title {
  margin: min(50px,2.604166vw) auto min(20px,1.041666vw);
}

.modal-fv-header {
  padding: min(3px,0.1562vw) min(15px,0.7812vw) min(1px,0.052vw);
  display: block;
  text-align:center;
  position:relative;
  font-size:min(20px,1.0416vw);
  color:#fff;
}

.modal-fvClose {
  font-size: min(32px,1.666666vw);
  position:absolute;
  top:min(10px,0.5208vw);
  right:min(10px,0.5208vw);
  color:#977f42;
}

.modal-fvClose:hover,.modal-fvOpen:hover {
  cursor: pointer;
}

.modal-fv-body {
  padding: 0px min(20px,1.0416vw) min(10px,0.5208vw);
  color:#fff;
}
.modal-fv-body p:first-of-type {
    font-size:min(20px,1.0416vw) !important;
    margin-bottom: min(15px,0.7812vw);
	text-align:center;
}
.modal-fv-setumei{
	font-size:min(13px,0.677vw);
	text-align:center!important;
	margin-bottom:min(50px,2.604166vw);
}
.mordal-fv-hr1,.mordal-hr2{
	width:70%;
	height:min(1px,0.052vw);
	display:inline-block;
	background-color:#977f42;
}
.mordal-fv-hr1{margin:min(10px,0.5208vw) auto min(30px,1.5625vw);}
.mordal-fv-hr2{margin:min(10px,0.5208vw) auto min(10px,0.5208vw);}
	
	
.modal-fv-ec{
	width:90%;
	margin:0px auto;
	padding-top:0px;
	padding-bottom:min(40px,2.0833vw);
	text-align:center;
}

	
.modal-fv-ec-button a{
	cursor:pointer;
	display:flex;
	align-items: center;
}
.modal-fv-ec-button a img{
		width: min(135px,7.0312vw);
        padding: min(7px,0.3645vw);
	    display:inline-block;
}
	.modal-fv-ec-button:first-of-type a img{
		position:relative;
		left:0px;
	}	
	.modal-fv-ec-button:last-of-type a img{
		position:relative;
		left:0px;
	}	
	
.modal-fv-ec-button{
	display:inline-block;
	width:min(235px,12.2395vw);
	height:min(70px,3.6458vw);
	text-align:center;
}

.modal-fv-ec-button span{
	display:inline-block;
	font-size:min(17px,0.8854vw);
	position:relative;
	left:0px;
	color:#fff;
}
	
.modal-fv-sns{
	width:70%;
	margin:min(30px,1.5625vw) auto 0px min(149px,7.7604vw);
	padding-top:0px;
	padding-bottom:min(12px,0.625vw);
	text-align:center;
}
.modal-fv-sns-button a{
	cursor:pointer;
	display:flex;
	align-items: center;
}
.modal-fv-sns-button a img{
	width:min(57px,2.9687vw);
	padding-right:min(5px,0.2604vw);
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(157deg) brightness(104%) contrast(105%);
}
.modal-fv-sns-button{
	display:inline-block;
	width:min(235px,12.2395vw);
	height:min(70px,3.6458vw);
	text-align:left;
	margin-left:min(50px,2.6041vw);
}
.modal-fv-sns-button span{
	display:inline-block;
	font-size:min(30px,1.5625vw);
	position:relative;
	color:#fff;
}

/*モーダルウィンドウ-fv*/
	
	
	


}/*幅481px以上の時ここまで*/






/*幅481px以上の時のkeyframesここから*/






/*幅481px以上の時のkeyframesここまで*/





/*スクリーンサイズが横幅480px以下の場合(スマートフォン)のCSSここから*/
@media screen and (max-width: 480px) {
	.pagetop{
		border: solid 0.2vw #fff;
		background:#fff;
	} 
.pagetop__arrow{
    width: 110%;
    height: 110%;
    border: none;
    background: url("../image/cheese_is/totop.png") no-repeat center center / 60%;
    animation: pagetopFloat 1.4s ease-in-out infinite;
}

		body{background-color:#fff0c1!important;}
	/*nav{background:#fff;}*/

	.R-fixed-ecbtn-pc div{border:solid 0.1vw #ccc;}

	.ft-2a{display:block;}
	.menu-fixed{
        background-color: #333 !important;
	}
	.logo-main{
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(157deg) brightness(104%) contrast(105%);
	}
	.wrap{
        background-color: #fff0c1;
        overflow: hidden;
        width: 100vw;
        position: relative;
        top: 0vw;
        left: 0vw;
        z-index: 1;
	}
	h1{font-size: 5vw; color:#fff;
	margin:5vw auto; display:none;}
	h2{font-size: 5vw; color:#000; margin:10vw auto; display:inline-block;}
	h3{font-size: 3vw; color:#000; margin-bottom:16vw; line-height:1.5em;}
	h4{font-size: 3vw; line-height:1.8em; color:#000; margin-bottom:6.2vw;}
	h5{font-size: 3vw; color:#000;}
	
	



	
	
/* =========================================================
   Product detail page（SP）
========================================================= */

	.wrap--product{
		height: auto !important;
		background: #fff0c1 !important;
	}

	.pc-only{
		display: none;
	}

	.sp-only{
		display: inline;
	}

	.product-detail-page{
		width: 100%;
		background: #fff0c1;
	}

	.product-detail-page__title{
		display: block;
		margin: 35vw auto 8vw;
		font-size: 8vw!important;
		line-height: 1.2;
		text-align: center;
		color: #000;
	}

	.product-detail{
		display: block;
		padding: 8.333333vw 0 12vw;
	}

	.product-detail--rich{ background: #fff0c1; }
	.product-detail--strawberry{ background: #ffe7e7; }
	.product-detail--nuts{ background: #ffe6d0; }
	.product-detail--assorted{ background: #e7f7ee; }
	.product-detail--cookie{ background: #fee996; }

	.product-detail__media{
		width: 83.333333vw;
		margin: 0 auto;
	}

	.product-detail__main{
		width: 100%;
		aspect-ratio: 400 / 311;
		overflow: hidden;
		background: transparent;
	}

	.product-detail__main img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.product-detail__content{
		width: 83.333333vw;
		margin: 8.75vw auto 0;
		display: flex;
		flex-direction: column;
		color: #000;
		text-align:left;
	}

	.product-detail__thumbs{
		order: 1;
		display: flex;
		justify-content: flex-start;
		gap: 2.5vw;
		margin-bottom: 8.333333vw;
	}

	.product-detail__head{
		order: 2;
		margin: 0 0 5vw;
	}

	.product-detail__name-en{
		margin: 0 0 2vw;
		font-size: 5.7vw;
		line-height: 1.35;
		letter-spacing: 0.02em;
		color: #000;
	}

	.product-detail__name-ja{
		margin: 0;
		font-size: 3.6vw;
		line-height: 1.45;
		letter-spacing: 0.06em;
		color: #000;
	}

	.product-detail__price{
		order: 3;
		margin-bottom: 5vw;
	}

	.product-detail__price p{
		margin: 0 0 2.5vw;
		font-size: 6vw;
		line-height: 1.5;
		color: #000;
	}
	
	.product-detail__price p span{
		display: inline-block;
		border: solid 0.2vw #000;
		padding: 0.1vw 1vw;
		font-size: 54%;
		margin-left: 1.3vw;
		position: relative;
		top: -0.9vw;
	}
	
	

	.product-detail__text{
		order: 4;
	}

	.product-detail__text p{
		margin: 0 0 2.5vw;
		font-size: 3.3vw;
		line-height: 1.9;
		color: #000;
	}

	.product-detail__thumb{
		display: block;
		width: 26.111111vw;
		aspect-ratio: 1 / 0.8;
		padding: 0;
		border: none;
		background: transparent;
		cursor: pointer;
		overflow: hidden;
	}

	.product-detail__thumb img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	
	
	
	
	
	
	


/*一括指定用css記述ここから*/
	.bg{
		display:inline-block;
		position:absolute;
	}
	.bg img{width:100%;}
/*一括指定用css記述ここまで*/
	
	
	

	
	
	
	
	
	
	
	


	
/*footer*/	
	


	footer{
		border-top:none;
		width:100%;
		padding-top:1vw;
		border-top:none;
		background-color:#f2f2f2;
		position:relative;
		padding-top:20vw;
		z-index:2;

	} 

	
	
	.ft-b-cnt{
		width:100%;
		font-size: 3vw;
	}
	.ft-b-1{display:none;}
	

	.ft-b-2{
        text-align: right;
        font-size: 6.5vw;
        line-height: 1.3em;
        margin: 0vw auto;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        width: 84vw;
        position: relative;
	}
	.ft-b-2 div{width:40vw;}
	.ft-b-link1,.ft-b-link2,.ft-b-copy,.ft-b-2 div div,.ft-b-2 div div a{
		display:inline-block;
		color:#000;
	}
	.ft-b-link1,.ft-b-link2{
		text-align:left;
		display:flex;
		flex-flow: column;
		line-height: 1.3em;
	}
	.ft-b-link2{margin-left:0vw;}
	.ft-b-2 div div a{width:100%; height:100%;}
	
	.ft-b-3{
        width: 84vw;
        text-align: left;
        margin: 0vw auto 0vw;
        color: #000 !important;
        position: relative;
	}
	.ft-b-3 img{
        width: 70.4vw;
        margin-bottom: 2vw;
        position: relative;
        top: 6vw;
        left: -5vw;
        filter: brightness(0) saturate(100%);
	}
	
	.ft-b-sns{       
		width: 72%;
        text-align: right;
        margin: 20vw auto 0vw;}
	.ft-b-sns div{display:inline-block; width:8.1vw; margin-left:3vw;}
	.ft-b-sns div a{display:inline-block;}
	.ft-b-sns div a img{
		width:100%;
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(157deg) brightness(104%) contrast(105%);
	}
	.ft-b-copy{
        width: 70%;
        text-align: center;
        margin: 13vw auto 0;
        padding-bottom: 0vw;
        color: #000!important;
	}
	

	
/*footer*/	
	
	


	
	
/*モーダルウィンドウ-fv*/

.modal-fv {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow:hidden;
  background-color: rgba(0,0,0,0.5);
  animation-name: modalopen;
  animation-duration: 1s;
  font-size: 2vw;
}

.modal-fv-content {
  background-color: #000;
  border:solid 0.1vw #977f42;
  margin: 17% auto 20%;
  width: 84%;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
}



.modal-fv-header .modal-fv-title {
        margin: 9vw 0 4vw;
        border-bottom: solid 0.1vw #977f42;
        padding-bottom: 5vw;
    }
	
	.modal-fv-title span{
		font-size:70%;
		letter-spacing:-0.05vw;
	}


.modal-fv-header {
        padding: 0.3vw 1.5vw;
        display: block;
        text-align: center;
        position: relative;
        font-size: 2.5vw;
        color: #fff;
}

.modal-fvClose {
  font-size: 2rem;
  position:absolute;
  top:1vw;
  left:1vw;
  color:#977f42;
}

.modal-fvClose:hover,.modal-fvOpen:hover {
  cursor: pointer;
}

.modal-fv-body {
  padding: 0px 5vw 10vw;
  color:#fff;
}
.modal-fv-body p:first-of-type {
    font-size:  2.5vw !important;
    margin-bottom: 4vw;
	text-align:center!important;
}
.modal-fv-setumei{
  font-size: 1.8vw;
  line-height:1.5em;
	text-align:center!important;
}
.mordal-fv-hr1,.mordal-hr2{
	width:80%;
	height:0.1vw;
	display:inline-block;
	background-color:#fff;
}
.mordal-fv-hr1{margin:0vw auto; display:none;}
.mordal-fv-hr2{margin:0vw auto 0vw;}
	
.modal-fv-ec{
        width: 100%;
        margin: 0vw auto;
        padding-top: 0vw;
        padding-bottom: 0.5vw;
        text-align: center;
}

	
.modal-fv-ec-button a{
	display:inline-block;
	cursor:pointer;
}
.modal-fv-ec-button a img{
		width: 85%;
        padding: 0vw;
	    display:inline-block;
}
	.modal-fv-ec-button:first-of-type a img{
		position:relative;
		top:-0.2vw;
		left:-1vw;
	}	
	.modal-fv-ec-button:last-of-type a img{
		position:relative;
		top:-0.1vw;
		left:1vw;
	}	
	
.modal-fv-ec-button{
	display:inline-block;
	width:31%;
	text-align:center;
}

.modal-fv-ec-button span{
	display:none;
	font-size:1.7vw;
	position:relative;
	top:-1.7vw;
	left:0vw;
	color:#fff;
}	
	
	
.modal-fv-sns{
	width:100%;
	margin:1vw auto 0;
	text-align:center;
}
.modal-fv-sns-button{
        display: inline-block;
        text-align: center;
}
	.modal-fv-sns-button:first-of-type{
		padding:0 5vw 0vw 10vw;
	}
.modal-fv-sns-button a{
	display: flex;
	justify-content: center;
	width:100%;
	cursor:pointer;
}
.modal-fv-sns-button a img{
	width:8vw;
	padding-right:1vw;
	display:inline-block;
	filter: brightness(0) saturate(100%)
}

.modal-fv-sns-button span{
display: inline-block;
        font-size: 1.5vw;
        position: relative;
        top: 0.5vw;
        color: #fff;
}
	.modal-fv-sns-button:last-child span::after{
		content:'';
		width:12vw;
		display:inline-block;
	}	
	
	

/*モーダルウィンドウ-fv*/
	
	
	
	
	
	
	
	
}/*スクリーンサイズが横幅480px以下の場合(スマートフォン)のCSSここまで*/