@charset "utf-8";

@media screen and (max-width:767px) {
/*****************************************
  Basic
*****************************************/
/*****************************************
  Layout
*****************************************/
/*****************************************
  Contents
*****************************************/
header {
	border-bottom: solid 4px #236C77;
	margin-bottom: 30px;
}

header > * {
	margin: 10px 0;
	padding: 0 5%;
}

article {
	margin: 0 5%;
	padding-bottom: 40px;
}

article h2 {
	font-size: 1.4em;
	margin-bottom: 30px;
}

article h2 + p {
	font-size: 1.2em;
	margin-bottom: 40px;
}

article dl {
	margin-bottom: 40px;
}

article p {
	line-height: 1.2em;
}

article dl dt {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

article dl dd > p {
	color: #999;
}

.f_red {
	color: #f00;
	font-weight: bold;
}


article input[type="text"],
article input[type="email"],
article textarea
{
	border: 0;
	border: solid 1px #000;
	font-size: 1.2em;
	padding: 10px;
	margin-bottom: 5px;
	width: 96%;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

article input[type="submit"],
article input[type="reset"],
article input[type="button"] {
	background-color: #236C77;
	border: none;
	color: #fff;
	font-size: 1.2em;
	height: 50px;
	width: 120px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
}

#items dd {
	font-size: 1.2em;
}

.error {
	margin-bottom: 40px;
}

.error h3,
.error ul li {
	font-size: 1.2em;
	margin-bottom: 20px;
}

#over p,
#goto_home p {
	font-size: 1.2em;
	margin-bottom: 40px;
}


}