@charset "utf-8";

/* CSS Document */

header h1 {text-align:center;}
header p#bread, header p#date_tw {font-size:small; margin:0;}
header p#date_tw {text-align:right;}

header, main {max-width:768px; margin:0 auto; padding:1em;}
h2 {
	font-weight:normal;
	padding-bottom:5px;
	background:  url("./include/images/bg/pattern01.png") 0 bottom repeat-x;
	text-shadow: 1px 1px 1px #ccc;
}
h3,h4,p {
	font-weight:normal;
	line-height:1.8em;
	margin:1em 0;
}
.marker {
	background: linear-gradient(transparent 60%, yellow 60%);
}
table {
	max-width:600px;
	margin:auto;
	border-collapse:collapse;
}
th, td {
	padding:5px;
	font-weight:normal;
}
th {
	text-align:right;
	background-color:#eeeeee;
}
input[type="text"], input[type="tel"], textarea {
	font-size:18px;
	border-radius:5px;
	border:1px solid #cccccc;
	width:100%;
}
input {
	height:40px;
}
input[type="submit"], input[type="reset"] {
	width:25%;
}
strong {
	color:#cc0000;
	font-weight:normal;
}

/*スマホ用*/
@media screen and (max-width:425px){
header h1 {
	margin-bottom:0.5em;
}
#sp_rogo {display:inline;width:100%;height:auto;}
h2 {
	padding:5px;
}
table {
	width:100%;
}
th, td {
	display:block;
}
th {
	background-color:#eeeeee;
	text-align:left;
}
}

/*タブレット以上用*/
@media screen and (min-width:426px) and (max-width:768px){
#sp_rogo {
	max-width:100%; height:auto;
}
table {
	max-width:600px;
}
th, td {
	border:1px solid #cccccc;
}
}