@charset "utf-8";
/* CSS Document */
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-font-smoothing: antialiased; //なめらか
  overflow: hidden;  

}

p{
	font-size: 14px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 2em;
	color: #707070;
	}

a a:hover a:visited{
    color: inherit;
}

h5{
	font-family: "游ゴシック体", YuGothic, "游ゴシック bold", "Yu Gothic bold", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	color: #707070;
}

.bg-lemon{
	background-color: #F0EC82;
	height: 40px;
}

.navbar-logo img{
	width: 40px;
    top:50%;
}

h1#lptitle{
	text-align: center;
	font-size: 10px;
	color: 	#707070;
	letter-spacing: 0.05em;
	position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width:100%;
}
.smalltext{
	font-size: 10px;
	font-weight: 500;
}

a:hover{
	opacity: 0.85 ;
	color: white;
}

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 96px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
	background:url("../img/bg.jpg");
	background-size: auto 100% ;
}

div #footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: auto;  
	background-color: rgba(53,126,164,0.65); 
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}  

.shopnow{
	font-size: 1.2em;
	color: white;
}

.shopnow a:link, a:visited, a:hover, a:active {
  color: white;
  text-decoration-line: none;
}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 00,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
}