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

/* ==================================================
HEADER
================================================== */
#hdrWrap {
	text-align: center;
	border-bottom: 1px solid #000;
}

#siteTitle {
	width: 70%;
	margin: 0 auto 15px;
}

#siteTitle img {
}

#pageTitle {
	font-family: sofia-pro-condensed, sans-serif;
	font-size: 4rem;
	font-weight: 900;
	margin-bottom: 10px;
}

#hdrWrap .lead {
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 30px;
}

#hdrWrap .icon {
	margin-bottom: 40px;
}

#hdrWrap .icon img {
	border: 2px solid #000;
	border-radius: 100px;
	overflow: hidden;
}

#hdrWrap .banner {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

#hdrWrap .banner a {
	display: block;
	width: 70%;
	margin: 0 auto;
	max-width: 320px;
}

#hdrWrap .banner a img {
	transition: all 0.4s ease-out 0s;
}

#hdrWrap .banner a:hover img {
	opacity: 0.7;
}


@media screen and (max-width: 768px) {
#hdrWrap {
}

#siteTitle {
}

#siteTitle img {
}

#pageTitle {
}

#hdrWrap .lead {
}

#hdrWrap .icon {
}

#hdrWrap .icon img {
}

#hdrWrap .banner {
}

#hdrWrap .banner a {
}

#hdrWrap .banner a img {
}

#hdrWrap .banner a:hover img {
}
}

@media screen and (max-width: 540px) {

#hdrWrap {
}

#siteTitle {
}

#siteTitle img {
}

#pageTitle {
	font-size: 3rem;
}

#hdrWrap .lead {
	font-size: 1.3rem;
}

#hdrWrap .icon {
}

#hdrWrap .icon img {
}

#hdrWrap .banner {
}

#hdrWrap .banner a {
}

#hdrWrap .banner a img {
}

#hdrWrap .banner a:hover img {
}
}


/* ==================================================
CONTENTS
================================================== */
#mainCnt {
}

/* J-me COMMENT
------------------------------ */
#jmeArea {

	padding: 60px 0px;
}

#jmeArea .notice {
	text-align: center;
}

#jmeArea .notice p {
	font-size: 1.2rem;
	line-height: 1.6;
	background-color: #f7f7f7;
	padding: 20px;
	max-width: 680px;
	margin: 0 auto 60px;
	display: inline-block;
	text-align: left;
}

#commentsWrap {
	max-width: 620px;
	margin: 0 auto;
	text-align: center;
}

#gigyaComments {
}


@media screen and (max-width: 768px) {
#gigyaComments {
width: 100% !important;
}
}

@media screen and (max-width: 540px) {
}