@charset "euc-jp";

body{
	margin: 0px;
	padding: 0px;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	font-size:11px;
}
#area{
	width: 100%;
	height: 100px;
	overflow: auto; 
	overflow-x: hidden;
	overflow-y: auto;
}
span.time {
	text-align: right;
	display:block;
	border-bottom: dotted 1px #333333
}

#content{
	margin:0 auto;
	width: 100%;
	overflow:hidden;
}
#area{
	height:78px;
	line-height: 17px;
	white-space: nowrap;
	overflow:auto;
}

#bar{
	background-color:#e60012;
}

@media screen and (max-width: 799px){
#content{width: 100%;}
}


.hanbai {
	display: block;
	width: 100%;
	font-size: 80px;
	line-height: 100%;
	text-align: center;
	margin: 20px 0;
	padding: 5px 0 0px 0;
	background-image: linear-gradient(
		-45deg,
		#fff 25%,
		#e1e1e1 25%, #e1e1e1 50%,
		#fff 50%, #fff 75%,
		#e1e1e1 75%, #e1e1e1
	);
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 8px 8px;
	color:#000;
	font-weight:bold;
	position: relative;
	overflow: hidden;
}
.hanbai b{
	font-size:36px;
}

@media only screen and (max-width: 767px){
	.hanbai b {font-size: 30px;}
	.hanbai {font-size: 48px;}
	
#area::-webkit-scrollbar{
	width: 3px;
	background: #fee1e1;
}
#area::-webkit-scrollbar:horizontal{
	height: 3px;
	background: #fee1e1;
}
#area::-webkit-scrollbar-thumb{
	background: #e60012;
	border-radius: 3px;
}
#area::-webkit-scrollbar-thumb:horizontal{
	background: #e60012;
	border-radius: 3px;
}
}

@media only screen and (max-width: 1024px) and (min-width: 810px){
	.hanbai b {font-size: 30px;}
	.hanbai {font-size: 48px;}
#area::-webkit-scrollbar{
	width: 3px;
	background: #fee1e1;
}
#area::-webkit-scrollbar:horizontal{
	height: 3px;
	background: #fee1e1;
}
#area::-webkit-scrollbar-thumb{
	background: #e60012;
	border-radius: 3px;
}
#area::-webkit-scrollbar-thumb:horizontal{
	background: #e60012;
	border-radius: 3px;
}
	}


@media screen and (max-width: 500px){
	.hanbai b {font-size: 18px;}
	.hanbai {font-size: 30px;}
}

@media screen and (max-device-width: 500px) {
	.hanbai b {font-size: 18px;}
	.hanbai {font-size: 30px;}
}




/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (max-width: 357px)
{
#content{
width: 318px; 
 }
}

/* Android */
@media screen and (min-width: 358px) and (max-width: 372px){
#content{
width: 358px;
 }
}

/* iPhone6のみ */
@media screen and (min-width: 373px) and (max-width: 411px)
{
#content{
width: 373px;

 }
}


/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 412px) and (max-width: 500px)
{
#content{
width: 412px;
 }
}