@charset "utf-8";

/*---------- 背景 ----------*/

body{
	width: 100vw;
	height: 100vh;
	border-top: #000 5px solid;
	background: url(../img/image/aroma.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

/*---------- メインページ ----------*/

#main{
	width: 100%;
	background:rgba(254,250,197,0.6);
	text-align: center;
}

@media screen and (max-width: 960px){
	#main{
		width: 100vw;
		height: auto;
	}
}

/*----------- 新着情報 -----------*/

.news{
	position: relative;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 2%;
}

@media screen and (max-width: 640px){
	.news{
		font-size: 3vw;
	}
}

.ex{
	font-size: 20px;
	line-height: 2;
	text-align: center;
	font-family: "sans-serif","cursive","Century";
}

@media screen and (max-width: 640px){
	.ex{
		font-size: 15px;
		text-align: left;
	}
}

dl{
	margin: auto;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	height: 200px;
	border: 1px solid #000;
	overflow-y: scroll;
}

dt{
	width: 100px;
	font-weight:bold;
	padding:0 10px 0 20px;
	float:left;
	margin-bottom:7px;
}

dd{
	margin-bottom: 7px;
}

#main dl dd a{
	color: #000;
}

dd a{
	text-decoration: none;
}

dl::after {
	content: '';
	display: block;
	clear: both;
}

@media screen and (max-width: 640px){
	dl{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		height: 10vh;
		margin-bottom: 7px;
	}
}