@charset "utf-8";
/* CSS Document */

* {font-weight:normal; margin:0; padding:0; box-sizing: border-box;}

html {scroll-behavior: smooth;}

header, main, footer {max-width:768px; margin:auto;}
header {padding:1em 1em 0 1em;}
main {padding:0 1em;}
footer {padding:0 1em 1em 1em;}

header h1,
header p {line-height:1.8em;}
header h1 {text-shadow: 1px 1px 1px #ccc; letter-spacing:0.2em;}
header p#desc,
header p#date,
header ul#bread {font-size:small;}
header p#date {text-align:right;}
header ul#bread {list-style-type:none;}
header ul#bread li {display:inline;}

nav {overflow-x:auto; white-space:nowrap; padding:2px 0; margin:1em 0;}
nav ul {list-style-type:none; font-size:0; text-align:center;}
nav ul li {display:inline-block; border-right:1px solid #cccccc; font-size:18px;}
nav ul li:last-child {border:0;}
nav ul li a {display:block; padding:0.5em;}

.header_main {text-align:center; margin:1em 0;}

main {padding:0 1em;}
main h2,
main h3,
main p,
main ul li,
main ol li,
main dl dd {line-height:2em;}
main h2 {margin:1em 0; background: url(/images/bg/pattern01.png) 0 bottom repeat-x; text-shadow: 1px 1px 1px #ccc;}
main h3::before {content:"＜";}
main h3::after {content:"＞";}
main p,
main ul,
main ol,
main dt,
main dd {margin:1em 0;}
main dt {font-weight:bold;}
main article#syouyukouji {
	margin:1em auto;
	padding:0 1em;
	background-color:#eeeeee;
	border-radius:1em;
	border:2px dashed #999999;
}
main article#syouyukouji p {line-height:1.4em;}
main p.totop {font-size:small; text-align:right;}
main ol,
main ul {margin-left:2em;}
main [class=link] {display:list-item; margin-left:2.2em;}
dt::before {
	content:"";
}

footer {text-align:center;}

a:link {text-decoration:none;}
a:hover {background-color:#FFFF00;}

#widget {
	width:120px;
	position:fixed;
	right:0;
	bottom:0;
}

/*スマホ・タブレット用*/
@media screen and (max-width:768px){

#widget {display:none;}

/*スクロールバー全体*/
nav::-webkit-scrollbar {
	width:4px;
	background:#fefefe;
}
/*横スクロールバー全体*/
nav::-webkit-scrollbar:horizontal {
	height:2px;
}
/*スクロールバー上下左右末端のボタン*/
nav::-webkit-scrollbar-button {
	width:0px;
	height:0px;
}
/*ドラッグするツマミ部分*/
nav::-webkit-scrollbar-thumb {
	border-radius: 1px;
	background:#ccc;
}
/*右下角部分*/
nav::-webkit-scrollbar-corner {
}

/*スクロールバーの軌道*/
nav::-webkit-scrollbar-track {
	border-radius: 1px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

}

/*PC用*/

@media screen and (min-width:769px){

/*スクロールバー全体*/
nav::-webkit-scrollbar {
	width:0px;
	background:#fefefe;
}
/*横スクロールバー全体*/
nav::-webkit-scrollbar:horizontal {
	height:12px;
}
/*スクロールバー上下左右末端のボタン*/
nav::-webkit-scrollbar-button {
	width:0px;
	height:0px;
}
/*ドラッグするツマミ部分*/
nav::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background:#ccc;
}
/*右下角部分*/
nav::-webkit-scrollbar-corner {
}

/*スクロールバーの軌道*/
nav::-webkit-scrollbar-track {
	border-radius: 6px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}


}