@charset "utf-8";

@media screen and (max-width: 640px) {


/* Common
-------------------------------------------------------------------- */
body {
	font-size: 14px;
}


/* Header
-------------------------------------------------------------------- */
header {
	height: auto;
}

header p {
	width: 100%;
}

header p img {
	height: auto;
	width: 33%;
}


/* section
-------------------------------------------------------------------- */
.wrap {
	width: auto;
	margin: 0 3.2%;
	padding: 20px 0 0;
}


/* title
-------------------------------------------------------------------- */
#title {
	margin-bottom: 10px;
}

#title img {
	height: auto;
	width: 100%;
}


/* product
-------------------------------------------------------------------- */
#lead {
	margin-bottom: 20px;
	overflow: auto;
}

.jacket,
.catch {
	float: none;
	width: auto;
	text-align: center;
}

.jacket img,
.catch img {
	height: auto;
	width: 97.4%;
}

.jacket img + img,
.catch img {
	margin-top: 0;
}

.catch ul {
	background-size: auto 100%;
	font-size: 14px;
	padding: 20px 3.2% 10px;
	height: auto;
	width: auto;
}

/* spec
-------------------------------------------------------------------- */
#spec h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

#spec dl:nth-of-type(1),
#spec dl:nth-of-type(2) {
	float: none;
	margin: 0;
	width: auto;
}


/* store
-------------------------------------------------------------------- */
#store {
	margin: 20px 0;
}

#store img {
	height: auto;
	width: 100%;
}


/* product
-------------------------------------------------------------------- */
#program h2 img {
	height: auto;
	width: 100%;
}

.boxWrap {
	margin-bottom: 0;
}

.boxWrap:last-child {
    margin-bottom: 20px;
}

.box h3 {
    margin: 0 20px 10px 0;
}

.box {
	background-size: 100%;
	float: none;
	margin: 0 0 10px;
    padding: 28px 0 65px 20px;
	width: auto;
}


/* Footer
-------------------------------------------------------------------- */
footer p {
	width: 100%;
	text-align: center; 
}


}