body {
	background: #fffcd4 url(../img/common/mesh.gif);
	background-size: 2px;
}

/* Header */

#home-header-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#home-logo {
	width: 74%;
	margin: 18px auto; margin-top: 4.8vw; margin-bottom: 4.8vw;
}

@media screen and (max-width: 767px) {
	#home-header-wrap:before,
	#home-header-wrap:after {
		content: "";
		display: block;
		width: 120%;
		height: 140px; height: 37.33vw;
		position: absolute;
		top: 36px; top: 9.6vw;
		margin: 0 -10%;
		z-index: -1;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}
	#home-header-wrap:before {
		background-color: #e6dda4;
		-webkit-transform: rotate(-1.8deg);
		-ms-transform: rotate(-1.8deg);
		transform: rotate(-1.8deg);
	}
	#home-header-wrap:after {
		background-color: #f4eebe;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@media screen and (min-width: 768px) {
	#home-header {
		background-color: #f4eebe;
		position: relative;
		z-index: 2;
	}
	#home-header:after {
		content: "";
		position: absolute;
		z-index: 0;
		display: block;
		width: 100%;
		height: 6px;
		bottom: -6px;
		background: url(../img/home/zigzag2.png) repeat-x;
		background-size: 32px;
	}
	#home-header-wrap {
		overflow: visible;
		width: 1024px;
		padding-top: 50px;
	}
	#home-logo {
		width: 368px;
		margin: 0 auto;
	}
}





/* Navigation */

#home-header-nav {
	width: 100%;
	overflow: hidden;
	z-index: 1;
}
#home-header-nav ul {
	padding: 0 24px; padding-right: 6.4vw; padding-left: 6.4vw;
  display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#home-header-nav ul li {
	flex-basis: 50%;
	width: 50%;
	padding-bottom: 50%;
	border-top: dashed 1px #ab976b;
	margin-top: -1px;
	position: relative;
}
#home-header-nav ul li:nth-of-type(odd) {
	border-right: dashed 1px #ab976b;
	flex-basis: calc(50% + 0.5px);
	width: calc(50% + 0.5px);
}
#home-header-nav ul li:nth-of-type(even) {
	flex-basis: calc(50% - 0.5px);
	width: calc(50% - 0.5px);
}
#home-header-nav ul li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
#home-header-nav ul li a span {
	visibility: hidden;
}
#nav-btn-01 {
	background-image: url(../img/home/btn-01-sp-fix.png);
}
#nav-btn-02 {
	background-image: url(../img/home/btn-02-sp-fix.png);
}
#nav-btn-03 {
	background-image: url(../img/home/btn-03-sp-fix.png);
}
#nav-btn-04 {
	background-image: url(../img/home/btn-04-sp-fix.png);
}

@media screen and (min-width: 768px) {
	#home-header-nav {
		width: 100%;
		overflow: visible;
		position: relative;
		margin-top: -77px;
		margin-bottom: 77px;
		bottom: -77px;
	}
	#home-header-nav ul {
		display: table;
		margin: 0 auto;
		padding: 0;
	}
	#home-header-nav ul li {
		display: table-cell;
		width: auto;
		padding: 0 48px;
		border-top: none;
		margin-top: 0;
	}
	#home-header-nav ul li:nth-of-type(odd) {
		border-right: none;
		width: auto;
	}
	#home-header-nav ul li:nth-of-type(even) {
		width: auto;
	}
	#home-header-nav ul li a {
		position: relative;
		top: auto;
		left: auto;
		width: 148px;
		height: 148px;
		overflow: visible;
		background-size: contain;
		border-radius: 50%;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	#home-header-nav ul li a:hover {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	#nav-btn-01 {
		background-color: #583300;
		background-image: url(../img/home/btn-01-fix.png);
	}
	#nav-btn-02 {
		background-color: #d4c716;
		background-image: url(../img/home/btn-02-fix.png);
	}
	#nav-btn-03 {
		background-color: #9cb927;
		background-image: url(../img/home/btn-03-fix.png);
	}
	#nav-btn-04 {
		background-color: #135501;
		background-image: url(../img/home/btn-04-fix.png);
	}
}

#home-header #login_btn {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 16px; right: 4.266vw;
}
#home-header #login_btn a {
    display: block;
    width: 50px; width: 13.333vw;
    margin-top: -12px; margin-top: -3.4vw;
}

@media screen and (min-width: 768px) {
    #home-header #login_btn {
        right: 24px;
    }
    #home-header #login_btn a {
        width: 100px;
        margin-top: -25px;
        -webkit-transition: margin .2s;
        transition: margin .2s;
    }
    #home-header #login_btn a:hover {
        margin-top: -22px;
    }
}




/* Main */

#main-home  {
	position: relative;
	z-index: 1;
}
.home-section {
}





/* Introduction */

#introduction {
	position: relative;
	margin-top: 12px; margin-top: 3.2vw;
	margin-bottom: 24px; margin-bottom: 6.4vw;
}
#introduction:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -24px; bottom: -6.4vw;
	right: 24px; right: 6.4vw;
	width: 124px; width: 33.066vw;
	height: 128px; height: 34.133vw;
	background: url(../img/home/busters-logo.png) no-repeat;
	background-size: contain;
}
#introduction p {
	font-size: 12px; font-size: 1.2rem; font-size: 3.2vw;
	line-height: 200%;
}
#introduction p+p {
	margin-top: 14px; margin-top: 3.733vw;
}
#introduction .lead-txt {
	font-size: 13px; font-size: 1.3rem; font-size: 3.466vw;
	font-weight: bold;
	line-height: 195%;
}

#slash-container-wrap {
	position: relative;
	overflow: hidden;
	padding: 72px 0; padding-top: 19.2vw; padding-bottom: 19.2vw;
}
#slash-container {
	padding: 24px; padding-top: 6.4vw; padding-right: 6.4vw; padding-bottom: 6.4vw; padding-left: 6.4vw;
	background-color: #feed01;
}

@media screen and (max-width: 767px) {
	#slash-container-wrap:before,
	#slash-container-wrap:after {
		content: "";
		display: block;
		width: 120%;
		height: 140px; height: 37.33vw;
		background-color: #feed01;
		position: absolute;
		margin: 0 -10%;
		z-index: -1;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}
	#slash-container-wrap:before {
		top: 30px; top: 8vw;
	}
	#slash-container-wrap:after {
		bottom: 30px; bottom: 8vw;
	}
}

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

	#introduction {
		margin-top: 0;
		margin-bottom: 24px;
		padding: 80px 368px 40px 104px;
	}
	#introduction:after {
		top: 60px;
		right: 104px;
		width: 251px;
		height: 260px;
		background-size: contain;
	}
	#introduction p {
		font-size: 12px; font-size: 1.2rem;
	}
	#introduction p+p {
		margin-top: 12px;
	}
	#introduction .lead-txt {
		font-size: 18px; font-size: 1.8rem;
		line-height: 32px;
		font-weight: 700;
	}
	#slash-container-wrap {
		overflow: visible;
		padding: 0;
	}
	#slash-container {
		padding: 0;
		background-color: transparent;
	}
}





/* Information */

#information {
	padding: 12px 24px 24px 24px; padding-top: 3.2vw; padding-right: 6.4vw; padding-bottom: 6.4vw; padding-left: 6.4vw;
}
#information h2 {
	font-size: 14px; font-size: 3.733vw;
	font-weight: bold;
	letter-spacing: 1px; letter-spacing: 0.1rem; letter-spacing: 0.266vw;
	line-height: 185.714%;
	padding-bottom: 10px; padding-bottom: 2.666vw;
	border-bottom: solid 3px #85be0d; border-bottom-width: 0.8vw;
}
/*
#posts {
	padding: 8px 0; padding-top: 2.133vw; padding-bottom: 2.133vw; 
}

#posts .post {
	font-size: 12px; font-size: 3.2vw;
	line-height: 183.333%;
	padding: 10px 0 8px 0; padding-top: 2.666vw; padding-bottom: 2.133vw;
}
#posts .post+.post {
	border-top: dashed 1px #eeead6;
}
#posts .post-update {
	display: block;
}
#posts .post-title {
	display: block;
}
#posts .post-title a {
}*/

#information-frame {
	width: 100%; width: calc(100% + 12.8vw);
	margin-left: -6.4vw; margin-right: -6.4vw;
	height: 120px;
}

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

	#information {
		padding: 24px;
	}
	#information h2 {
		font-size: 22px; font-size: 2.2rem;
		letter-spacing: 2px; letter-spacing: 0.2rem;
		line-height: 38px;
		padding-bottom: 4px;
		border-bottom-width: 5px;
	}
 /*
	#posts {
		padding: 0;
		display: table;
		width: 98%;
		margin: 16px auto;
	}
	#posts .post {
		display: table-row;
		font-size: 14px; font-size: 1.4rem;
		line-height: 171.428%;
		padding: 0;
	}
	#posts .post+.post {
		border-top: none;
	}
	#posts .post+.post .post-update,
	#posts .post+.post .post-title {
		border-top: dotted 1px #d6d5c6;
	}
	#posts .post-update,
	#posts .post-title {
		display: table-cell;
		vertical-align: top;
		padding: 14px 16px 12px 16px;
	}
	#posts .post-update {
		white-space: nowrap;
		width: 100px;
		padding-left: 16px;
	}
	#posts .post-title {}
	#information-frame {
		height: 240px;
	}
*/
	#information-frame {
		width: 100%;
		margin: 16px 0;
	}

}