/* A Modern CSS Reset */ 
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block;max-width: 100%;}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}


/* --------------------- */
body{
	background: #eee;
	color: #000;
	line-height: 1.85;
}
div{
	overflow: hidden;
}
p{
	margin: 10px 0 35px;
	text-align: left;
	overflow: hidden;
}
h1{
	margin: 20px 0;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
}
h2{
	margin:20px 0 16px;
	text-align: left;
}
footer{
	margin : 20px 0 0;
	padding: 20px 0 100px;
	text-align: center;

	border-top:1px solid #aaa;
}
footer a{
	text-decoration: none;
	color: #333;
}
hr{
	margin:20px 0 16px;
}

ul,li{
	text-align: left;
	margin-bottom: 10px;
}

section{
	margin-bottom: 40px;
}



/* --------------------- */
.logo{
	margin: 20px 0;
	text-align: center;
	font-weight: normal;
	font-family: 'Quicksand', sans-serif;
}
h1.logo{
	font-size: 56px;
}
.logo a{
	text-decoration: none;
	color: #333;
	font-size: 36px;
	font-weight: normal;
}

.frame{
	max-width: 770px;
	margin: 0 auto 80px;
	padding : 10px;
	text-align: center;
}

.appMenuArea{
	max-width: 520px;
	margin: 0 auto;
}
.appMenuArea a{
	margin:2px 4px;
}
.appMenuArea img{
	display: inline-block;
	max-width: 20%;
	border-radius:30px;
}


/* --------------------- */
.mainImg img{
	display: inline-block;
	max-width: 90%;
}




/* --------------------- */
.itemHeadArea h3{
	text-align: left;
	font-size: 16px;
}
.tagItemsArea {
	display: block;
	text-align: left;
}
.tagItemsArea span{
	display: inline-block;
	margin:4px;
	padding: 4px 6px;
	line-height: 1.1;
	font-size: 12px;
	border-radius: 5px;
	background: #fff;
}

.itemDetailArea{
	display: block;
	margin: 10px 0;
	text-align: left;
	font-size: 14px;
}

.itemBtnsArea{
	display: block;
	margin: 10px 0;
	text-align: center;
}
.itemBtnsArea a{
	display: inline-block;
	margin: 2px 6px;
	padding: 6px 15px;
	line-height: 1;
	text-align: center;
	background: #4169e1;
	color:#fff;
	text-decoration: none;
	border-radius: 8px;
	font-size: 14px;
	/*border: 2px solid #fff;*/
	font-weight: bold;
}