@charset "utf-8";

#wPrimary > h1 {
	margin-bottom:50px;
}

#wPrimary > div {
	margin-bottom:40px;
}

#wPrimary > div section {
	width:22%;
	margin-right:4%;
	float:left;
	position:relative;
	padding-bottom:40px;
	margin-bottom:40px !important;
}

#wPrimary > div section:nth-of-type(4n) {
	margin-right:0;
}

#wPrimary > div section h2 {
	font-size:18px;
	text-align:center;
}

#wPrimary > div section h2 span {
	display:block;
}

#wPrimary > div section figure {
}

#wPrimary > div section figure img {
	width:100%;
	margin-bottom:10px;
}

#wPrimary > div section figure + p {
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
}

.hiddenSP {
	margin-bottom:60px;
}

#sns-area ul {
	margin-left:0;
}

@media (min-width: 768px)
{

#sns-area {
    max-width: 100%;
}


}
@media (max-width: 767px)
{

#wPrimary > h1 {
	margin-bottom:10px;
}

#wPrimary > h1 span {
	margin-left:0;
}

#wPrimary > h1 + p {
	display:block;
	margin:0 10px;
	margin-bottom:20px;
}

#wPrimary > div {
	margin-bottom:20px;
}

#wPrimary > div section {
	width:100%;
	margin-right:0;
	float:none;
	position:static;
	padding:0 10px;
	margin-bottom:40px !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

#wPrimary > div section h2 {
	font-size:18px;
	text-align:left;
}

#wPrimary > div section h2 span {
	display:inline;
}

#wPrimary > div section figure {
	margin-bottom:20px;
}

#wPrimary > div section figure img {
	width:100%;
	margin-bottom:10px;
}

#wPrimary > div section figure + p {
	position:static;
	text-align:center;
	width:100%;
}

.hiddenSP {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:40px;
}

.hiddenSP img {
	width:96%;
}

#sns-area {
	margin-top:20px;
	margin-bottom:40px;
}

#sns-area ul {
	margin-left:0;
}


}