@charset "UTF-8";
/* CSS Document */

img{
	max-width: 100%;
	height:auto;
}

body{
	margin: 0;
}



.header{
	/*ロゴ部分*/
	display: flex;
	justify-content: center;
	align-items: center;
	
	/*ヘッダー背景*/
	background-color: #fff;
    padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 30px;
    position: fixed; 
    top: 0; 
    z-index: 100; 
    width: 100%;
	
	/*リンク*/
	border-style: none;
}

    .header img{
	    width: 45%;
	    height: 11%;
}


.firstview{
	display:flex;
	justify-content: center;
	align-items: center;
	
	position: absolute;
	padding-top: 68px;
	
}

.copy{
	display:flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	
	position: absolute;
	top: 64%;
	left:2%;
	right: 2%;
}

.subcopy{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	
	position:absolute;
	top: 85%;
	left: 220px;
	
}

   
.shoppingbag img{
	position:absolute;
	top: 97%;
	left:8%;
	
	width: 42%
	
}

.setsumeititle{
	position: absolute;
	top:135%;
	margin-left: 26%;
	z-index: 2;
	
	font-family: "YuMincho Extrabold","serif";
	font-size: 30px;
	color:#ffffff;
	letter-spacing: 3px;
	
}




.setsumei {
	font-family: "YuGothic Bold","YuGothic","Hiragino Kaku Gothic W6","sans-serif";
	font-size: 10.1px;
	color: #ffffff;
	 
	
	position:absolute;
	top:143%;
	margin-left: 13.3%;
	z-index: 2;
	
}


.setsumeiphoto1{
	position: absolute;
	top:153.6%;
	padding-left: 67%;
	
	width:33%;
	z-index: 2;
}

.setsumeiphoto2{
	position: absolute;
	top:163%;
	padding-left: 44%;
	
	width:33%;
	z-index: 3;
}

.yazirusi{
	position:absolute;
	top:176%;
	padding-left:11.5%;
	z-index: 2;
	
}

.backround{
	position:absolute;
	top:128.2%;
	
}

.syuwasyuwa{
	position:absolute;
	top:165.5%;
	left:23%;
	z-index: 4;
	
	width:25%;
}

.nomikata{
	font-family: "YuGothic Bold","YuGothic","Hiragino Kaku Gothic W6","sans-serif";
	font-size: 10.1px;
	color: #ffffff;
	text-align: center;
	
	position:absolute;
	top:179%;
	left:28%
}




.recipetitle{
	position:absolute;
	top:190%;
	right: 0%;
	
	width:14.6%;
	
}
	

/*---------定番レモン紹介--------*/

.teiban{
	position: absolute;
	top:199%;
	padding-right: 48px;
}

     .teibantitle{
	     position: absolute;
	     top:223.3%;
	     right:5%;
	
	     font-family: "YuMincho Extrabold","serif";
	     font-size: 35px;
	     color:#E2B90E;
}

     .teibansetsumei{
	     position: absolute;
	     top:232%;
	     right:5%;
	
	     font-family: "YuMincho Demibold","serif";
	     font-size: 11.5px;
	     color:#E2B90E;
		 text-align: right;
		 font-feature-settings: "halt"
}

               .teibansetsumei2{
				   position: absolute;
	               top:241%;
	               right:5%;
	
	               font-family: "Yu Gothic medium", "Hiragino Sans", "sans-serif";
	               font-size: 9px;
	               color:#112148;
		           text-align: right;
	
}

/*-----------はちみつレモン-----------*/

.honey{
	position:absolute;
	top:250%;
	padding-left: 48px;
	
}
	.honeytitle{
	     position: absolute;
	     top:274%;
	     left:5.5%;
	
	     font-family: "YuMincho Extrabold","serif";
	     font-size: 35px;
	     color:#E07710;
}

     .honeysetsumei{
	     position: absolute;
	     top:282.7%;
	     left:5.5%;
	
	     font-family: "YuMincho Demibold","serif";
	     font-size: 11.5px;
	     color:#E07710;
		 text-align: left;
		 font-feature-settings: "halt"
}

               .honeysetsumei2{
				   position: absolute;
	               top:291.5%;
	               left:6.2%;
	
	               font-family: "Yu Gothic medium", "Hiragino Sans", "sans-serif";
	               font-size: 9px;
	               color:#112148;
		           text-align: left;
}



/*------------塩レモン---------------*/


.sio{
	position:absolute;
	top:301%;
	padding-right: 48px;
}
	
	.siotitle{
	     position: absolute;
	     top:324.6%;
	     right:5.5%;
	
	     font-family: "YuMincho Extrabold","serif";
	     font-size: 35px;
	     color:#4FC3C9;
}

     .siosetsumei{
	     position: absolute;
	     top:333.3%;
	     right:5%;
	
	     font-family: "YuMincho Demibold","serif";
	     font-size: 11.5px;
	     color:#4FC3C9;
		 text-align: right;
		 font-feature-settings: "halt"
}

               .siosetsumei2{
				   position: absolute;
	               top:342.3%;
	               right:5%;
	
	               font-family: "Yu Gothic medium", "Hiragino Sans", "sans-serif";
	               font-size: 9px;
	               color:#112148;
		           text-align: left;
}


/*-------------instagram---------------*/

.insttitle{
	position: absolute;
	top:359.5%;
	
	margin-left: 25%;
	margin-right: 25%;
	z-index: 2;
}

.instsetsumei{
	font-family: "YuGothic Bold","YuGothic","Hiragino Kaku Gothic W6","sans-serif";
	font-size: 10.5px;
	color: #112148;
	
	
	position:absolute;
	top:365.5%;
	left: 19.8%;
	z-index: 2;
}


.instagram{
	position: absolute;
	top:372%;
	margin-left: 9%;
	margin-right: 9%;
	z-index: 2;
}

.instlogo{
	position:absolute;
	top:388.5%;
	margin-left: 43.5%;
	margin-right: 42%;
	z-index: 2;
}

.instback{
	position: absolute;
	top:353%;
	width:94%
}

.lemon{
	position: absolute;
	top:391%;
	right:4%;
	
	width:23%;
	
}


.siteannai{
	position: absolute;
	top:402%;
	left:9%;
	
	width:57%;
}

.siteannnaibun{
	position:absolute;
	top:413.5%;
	left:11%;
	
	font-family: "YuGothic Bold","YuGothic","Hiragino Kaku Gothic W6","sans-serif";
	font-size: 13.5px;
	color: #112148;
	
}

.annaiyazirusi{
	position: absolute;
	top:418%;
	left:10%;
	
	width:80%;
}

.instmark{
	position:absolute;
	top:428%;
	left:33%;
	
	width:12%;

}

.twtmark{
	position:absolute;
	top:428.5%;
	right:33%;
	
	width:12%;
}




.syokugo{
	position:absolute;
	top:443%;
	margin-left: 26%;
	margin-right: 27%;
}


.copyright{
	position: absolute;
	top:461%;
	
	/*文字*/
	font-family: "YuGothic","Hiragino Kaku Gothic W6","sans-serif";
	font-size: 11px;
	color: #ffffff;
	
	/*背景*/
	background-color: #112148;
	
	width:100%;
	padding-bottom: 10px;
	padding-left: 155px;
	padding-top: 10px;
}