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


/* ////////////////////////////////////////////////////////////////////////////////

	Common

//////////////////////////////////////////////////////////////////////////////// */

.home #logo.logoLower,
.detail #logo.logoTop {
	display: none;
}

.home {
	background: url("bg_10th.jpg") repeat center top;
	background-size: 1279px;
	height: auto;
}

.home #header {
	padding: 80px 0 40px;
	background: url("head_border.jpg") repeat-x center top;
	background-size: 61px auto;
	position: relative;
	overflow: hidden;
}

.home #header::before,
.home #header::after {
	content: "";
	display: block;
	position: absolute;
}
.home #header::before {
	padding-top: 10.8%;
    bottom: 20px;
    left: -15%;
    width: 53vw;
    max-width: 680px;
    background: url(cloud02.png) no-repeat center center;
    background-size: contain;
}
.home #header::after {
    padding-top: 10.9%;
    top: 60px;
    right: -18%;
    width: 55vw;
	max-width: 760px;
    background: url(cloud01.png) no-repeat center center;
    background-size: contain;
    z-index: 0;
}

.home #logo {
    padding-bottom: 0;
    margin: 0 auto 0;
	border: none;
    line-height: 0;
	position: relative;
	z-index: 10;
}

.home .nav {
    border-bottom: none;
    padding: 80px 0;
	background-color: #b92000;
}

.home .nav .newsNav a { background: url(m_news.png); background-size: cover;}
.home .nav .liveNav a { background: url(m_live.png); background-size: cover;}
.home .nav .mediaNav a { background: url(m_media.png); background-size: cover;}
.home .nav .discNav a { background: url(m_disc.png); background-size: cover;}
.home .nav .profileNav a{ background: url(m_profile.png); background-size: cover;}
.home .nav .goodsNav a{ background: url(m_goods.png); background-size: cover;}
.home .nav .videoNav a{ background: url(m_video.png); background-size: cover;}

.home #contents div.pc:first-child { margin: 0 !important;}

.home .split {
    background-color: #fff;
    padding: 60px 0;
	border: none;
	color: #b92000;
}

.home .topicsList ul {
	background-color: #fff;
	border: #b92000 solid 4px;
	padding: 20px 25px;
}

.home .more a {
	color: #b92000;
}

.home .goodsArea {
    border-top: 3px #b92000 solid;
    border-bottom: 3px #b92000 solid;
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.home .goodsArea::before {
    content: "";
    display: block;
    position: absolute;
    top: 14%;
    right: -17%;
    padding-top: 12.5%;
    width: 65vw;
    background: url(cloud03.png) no-repeat center center;
    background-size: contain;
}
.home .goodsArea::after {
    content: "";
    display: block;
    position: absolute;
    top: 14%;
    left: -17%;
    padding-top: 30%;
    width: 52.26vw;
    background: url(confetti01.png) no-repeat center center;
    background-size: contain;
}

.goodsItem {
    z-index: 2;
}

.home .videoArea {
    border-bottom: 3px #b92000 solid;
	position: relative;
	overflow: hidden;
	padding: 80px 0;
	margin-bottom: 0;
}
.home .videoArea::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 9%;
    left: -16%;
    padding-top: 12.5%;
    width: 65vw;
    background: url(cloud03.png) no-repeat center center;
    background-size: contain;
}
.home .videoArea::after {
    content: "";
    display: block;
    position: absolute;
    top: 10%;
    right: -28%;
    padding-top: 35.2%;
    width: 57vw;
    background: url(confetti02.png) no-repeat center center;
    background-size: contain;
    z-index: 0;
}

.videoInr {
    position: relative;
    z-index: 2;
}

.home .discoArea {
    border-bottom: none;
    margin: 0 auto;
    padding: 80px 0;
	position: relative;
	overflow: hidden;
}
.home .discoArea::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 34%;
    right: -17%;
    padding-top: 12.5%;
    width: 65vw;
    background: url(cloud03.png) no-repeat center center;
    background-size: contain;
}
.home .discoArea::after {
    content: "";
    display: block;
    position: absolute;
    top: 25%;
    left: -17%;
    padding-top: 25%;
    width: 46.2vw;
    background: url(confetti03.png) no-repeat center center;
    background-size: contain;
}
.home .discoArea .discoInr {
	position: relative;
	z-index: 2;
}

.home .bx-wrapper .bx-viewport {
	background-color: transparent;
}
.home .bx-wrapper .bx-controls-direction a {
	z-index: 1000;
}

.home .sns {
	background-color: #fff;
    border-bottom: none;
}
.home .sns.shop {
	background-color: transparent;
}

.home #footer {
    margin: 20px 0 0;
    padding-bottom: 80px;
	background: url("head_border.jpg") repeat-x center bottom;
	background-size: 61px auto;
}


@media screen and (min-width: 1000px) {

	
}
@media screen and (max-width: 999px) {
	.home {
		background: url(bg_10th.jpg) repeat center top;
		background-size: 100%;
	}
	.home #wrap {
		padding-bottom: 0;
    	margin-top: 0;
	}
	
	.home #header {
		padding: 45px 0 20px;
		background: url(head_border.jpg) repeat-x center top;
		background-size: 30px auto;
	}
	.home #headerNavWrap .nav {
		border-bottom: none;
		margin: 0;
		padding: 40px 0;
	}
	.home .nav .profileNav a {
		background: url(m_profile.png) no-repeat center center;
		background-size: contain;
		display: block;
		width: 142px;
		margin: 0 auto;
   		text-indent: -9999px;
	}
	
	.home .nav li {
		padding-bottom: 0;
	}
	
	.home .split {
		padding: 30px 3%;
	}
	
	.home .topicsList {
		border-bottom: solid 2px #b92000;
	}
	.home .topicsList ul {
		border: #b92000 solid 3px;
		padding: 15px 15px;
	}
	
	.home .goodsArea {
		border-top: none;
	}
	
	.home .videoArea {
		padding: 40px 0;
	}
	
	.home .sns {
		padding-top: 40px;
	}
	
	.home #footer {
		color: #000;
	}
	
	
}