@charset "UTF-8";

/* WIDTH SP
---------------------------------------- */
@media screen and (max-width: 480px) {

body {
	display: block;
	min-width: inherit;
	min-height: inherit;
	background-size: cover;
}

body > #wrap.about {
	height: auto;
}

body > #wrap.works {
	height: auto;
}

body > #wrap.thanks {
	height: auto;
}

body > #wrap.contact {
	height: auto;
}

body > #wrap.competition {
	height: auto;
}

#wrap {
	display: none;
}

#wrap.bg {
	display: block;
	position: relative;
	min-height: inherit;
}

#wrap.bg.about {
	min-height:auto;
	min-height:inherit;
	height: 1200px;
}

#wrap.bg.works {
	min-height:auto;
	min-height:inherit;
}

#wrap.bg.thanks {
	min-height: 100%;
}

#wrapsp {
	background: url(../images/top-sp.jpg) center center / cover no-repeat fixed;
	width: 100%;
	height: 100%;
}

#logo img {
	display: none;
}

.br-sp {
	display: block;
}	

/*
logo2
----------------------------------------*/
#logo2 img {
	position: absolute;
	top: 20px;
	left: 5%;
	width: 72%;
}

#main {
	margin: auto;
	position: static;
	color: #ffffff;
	padding-top: 100px;
	left: auto;
	width: auto;
}


/*
ABOUT
----------------------------------------*/
#table {
	margin: 40px 0 140px 0;
	padding: 0 7% 10% 8%;
	width: 100%;
	height: 880px;
	background: url(../images/map.png) no-repeat bottom center / 80% auto;
}

dl.about {
	width: 100%;
}

dl.about dt {
	float: none; padding-top: 2px;
	color: #74973c;
}

dl.about dd {
	margin: 0; padding-bottom: 20px;
}

/*
WORKS
----------------------------------------*/
#thumb {
	display: block;
	padding: 40px 0 120px 0;
	width: 220px;
	margin: 0 auto;
}

#thumb::before{
  display: none;
}

#thumb::after{
  display: none;
}

#thumb img {
	width: 100%;
}

.works #main {
	margin: 0 auto;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
}

.blank {
	display: none;
}


/*
CONTACT
----------------------------------------*/
.contact #main {
	margin: 0;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	padding: 100px 0 100px 0;
}

/*
COMPETITION
----------------------------------------*/
.competition #main {
	margin: 0;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	padding: 100px 0 100px 0;
}
	
/*
THANKS
----------------------------------------*/
.thanks #main {
	margin: 0;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 100px;
}

#thanksarea {
	width: 100%;
	font-size: 12px;
}

/*
SNS
----------------------------------------*/
#sns {
	position: absolute;
	top: auto;
	left: 40%;;
	bottom: 60px;
}

#sns li {
	float: left;
}

/*
Navi
----------------------------------------*/
.global-nav {
	display: none;
}

/*
PAGE TOP
---------------------------------------- */
#pagetop {
	position: fixed;
	right: 0;
}

#pagetop a {
	width: 72px;
	height: 72px;
	display: block;
	background: url(../images/pagetop.png);
}

/*
Footer
----------------------------------------*/
#footer {
	height: 40px;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#copyright {
	color: #666666;
	font-size: 11px;
	margin: 0 auto;
}
}