@charset "utf-8";

p#rogo {
	max-width:946px;
	margin:0 auto;
	padding:2px;
	box-sizing: border-box;
	text-align:center;
}
p#rogo img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
#msg, .alert {font-size:12px; color:#cc0000; border:1px solid #cc0000; padding:0.2em 0.4em; /*white-space:nowrap; overflow-x:auto;*/ text-align:center;}
#widget {
	width:120px;
	position:fixed;
	bottom:0; right:0;
	z-index:4;
}
#widget p {
	margin:0px 0px;
}

@media screen and (max-width:425px){
/*header #ad_header {display:none;}*/
}

@media screen and (max-width:768px){
nav{overflow:scroll;background-color:#000000;}
/*スクロールバー全体*/
nav::-webkit-scrollbar {
	width:0px;
	background:#cccccc;
}
/*横スクロールバー全体*/
nav::-webkit-scrollbar:horizontal {
	height:4px;
}
/*スクロールバー上下左右末端のボタン*/
nav::-webkit-scrollbar-button {
	width:4px;
	height:4px;
}
/*ドラッグするツマミ部分*/
nav::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background:#cc0000;
}
/*右下角部分*/
nav::-webkit-scrollbar-corner {
}

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

}

@media screen and (min-width:769px) and (max-width:960px){
nav{width:100%; padding:3px 0; background-color:#000000; clear:both;}
}

@media screen and (min-width:961px){
nav{width:100%; padding:3px 0; margin-bottom:0; background-color:#000000; clear:both;}
header #ad_header {margin:1em 0; text-align:center;}

aside {overflow:hidden; width:304px; font-size:small; float:left; margin-left:1em; display:block;}
aside ol,
aside ul {margin-left:2.2em;}
aside li{line-height:1.4em;}
aside .r0,
aside .r2,
aside .r3 {margin-top:1em; margin-bottom:1em; font-size:small;}
.r3:last-child {margin-bottom:0;}
}

/*スマホ・タブレット等のモバイル端末*/
@media screen and (min-width:769px){
body{background-image:url(include/images/bg/hiru.gif);}

.sp {display:none;}

/*スクロールバー全体*/
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:#cc0000;
}
/*右下角部分*/
nav::-webkit-scrollbar-corner {
}

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

}

/*PC端末で余白がある場合*/
@media screen and (min-width:1024px){
	aside, #widget {display:block;}
}