div.top-mainimage {
	background-position: center top;
	background-size: cover;
	height: 100vh;
    width: auto;
    margin: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

div.top-mainimage div.mainlogo {
	width: 470px;
	margin: auto;
}

div.top-mainimage div.mainlogo img {
	width: 100%;
	height: auto;

}

div.top-mainimage h2.maincopy {
	padding-top: 40px;
	font-size: 17px;
	line-height: 1.8em;
	color: white;
}

div.top-subimage {
	width: 800px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

div.top-subimage img {
	width: 100%;
	height: auto;
}

div.imagephoto img {
	border-radius: 30px;
	border: 5px solid white;
}

video {
	width: 600px;
	height: auto;
	margin: auto;
	padding: 25px 0px 35px 0px;
}

div.top-contents-container {
	margin-top: 70px;
}

ul.top-contents-list {
	text-align: center;
	letter-spacing: -1em;
	width: 100%;
	line-height: 0;
}

ul.top-contents-list li {
	display: inline-block;
	width: 25%;
	height: auto;
	letter-spacing: normal;
	line-height: normal;
	padding: 100px 0px;
	position: relative;
    overflow: hidden;
}

ul.top-contents-list li:after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

ul.top-contents-list li.about:after  {
	background: url(images/top_menu_bg_about.jpg)no-repeat center center;
    background-size: cover;
}

ul.top-contents-list li.info:after  {
	background: url(images/top_menu_bg_info.jpg)no-repeat center center;
    background-size: cover;
}

ul.top-contents-list li.concept:after  {
	background: url(images/top_menu_bg_concept.jpg)no-repeat center center;
    background-size: cover;
}

ul.top-contents-list li.pay:after  {
	background: url(images/top_menu_bg_pay.jpg)no-repeat center center;
    background-size: cover;
}

ul.top-contents-list li:hover:after {
	opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

ul.top-contents-list li div.inner {
    z-index: 1;
    position: relative;
}

ul.top-contents-list li h2 {
	width: 180px;
	margin: auto;
	padding-bottom: 30px;
}

ul.top-contents-list li h2 img {
	width: 100%;
	height: auto;
}

ul.top-contents-list li a  {
	color: white;
	text-decoration: none;
}

ul.top-contents-list li a span.btn {
	border: 1px solid white;
	padding: 8px 30px;
	background: url(images/link_btn_w.png)no-repeat right 10px center;
	background-size: 6px;
	font-size: 13px;
}

ul.top-contents-list li a:hover  {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

ul.top-contents-list li a span.btn:hover {
	background-color: #e1b982;
}

div.top-shop-btn {
	text-align: center;
	width: 100%;
	height: auto;
	padding: 70px 0px;
	position: relative;
    overflow: hidden;
}

div.top-shop-btn:after {
	background: url(images/top_menu_bg_shop.jpg)no-repeat center center;
    background-size: cover;
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

div.top-shop-btn:hover:after {
	opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

div.top-shop-btn div.inner {
    z-index: 1;
    position: relative;
}

div.top-shop-btn div.inner h2 {
	width: 250px;
	margin: auto;
	padding-bottom: 30px;
}

div.top-shop-btn div.inner h2 img {
	width: 100%;
	height: auto;
}

div.top-shop-btn div.inner span.text {
	display: block;
	padding-bottom: 30px;
	color: white;
}

div.top-shop-btn div.inner a  {
	color: white;
	text-decoration: none;
}

div.top-shop-btn div.inner a span.btn {
	border: 1px solid white;
	padding: 8px 30px;
	background: url(images/link_btn_w.png)no-repeat right 10px center;
	background-size: 6px;
	font-size: 13px;
}

div.top-shop-btn div.inner a:hover  {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div.top-shop-btn div.inner a span.btn:hover {
	background-color: #e1b982;
}









