@charset "utf-8";

* {padding:0; margin:0;}
html {scroll-behavior:smooth;}
header, main {margin:auto; padding:1em; max-width:768px; box-sizing:border-box;}

header h1 {font-weight:normal; text-shadow: 1px 1px 1px #ccc;}
header p#desc {font-size:medium;}
header p#date {
	text-align:right;
	font-size:medium;
}

h2, h3, p, table {margin:1em auto; font-weight:normal;}
h2 {
	text-shadow: 1px 1px 1px #ccc;
	background-image:url(images/bg/pattern01.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
h3 {font-weight:bold;}
p, li, dt, dd {
	line-height:1.8em;
}
p.totop {
	font-size:small;
	text-align:right;
}
ul,
ol {
	margin-left:2.2em;
}
dl {
	margin:auto;
}
dt {font-weight:bold;}
dd {margin-bottom:1em;}
table {
	border-collapse:collapse;
}
th,
td {
	border:1px solid #cccccc;
	font-size:small;
	padding:0.5em;
	vertical-align:top;
}
th {
	background-color:#eeeeee;
}
address {
	background-color:#000000;
	text-align:center;
	padding:1em 0;
}
address a:link,
address a:visited {
	color:#ffffff;
}
strong {
	color:#cc0000;
	font-weight:normal;
}
ul a, ol a {
	display:block;
}
a:link {
	text-decoration:none;
}
a:hover {
	background-color:#CCFFFF;
}
#widget {
	width:120px;
	position:fixed;
	right:0; bottom:0;
}

/*スマホ用*/
@media screen and (max-width:425px){

}
/*タブレット表示*/
@media screen and (min-width:426px) and (max-width:768px){

}
/*PC用*/
@media screen and (min-width:769px){

}

/*ただし*/
@media screen and (max-width:768px){
#widget {
	display:none;
}
}