@charset "shift-jis";
body, html{   
	background-color: transparent;
}
body {
font-size: 12px;
color: #252525;
font-family: Osaka, "ＭＳ P ゴシック", sans-serif,Arial, Helvetica, Geneva,"Hiragino Kaku Gothic Pro";
line-height: 120%;
text-align: center;
padding: 0px;
margin: 0px;
}
h1, h2, h3, h4, h5, h6, p, dl, ul, ol, table {
padding: 0px;
margin: 0px;
}
p {
font-weight: normal;
}
img {
padding:0;
margin:0;
border:0;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}

.cl{
display: block;
}

.cl:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.ypoint_frame{
padding-top:10px;
/* width:266px; */
margin:0 auto;
}
.ls_ypoint_now{
/* width:266px; */
font-size:10px;
line-height:1;
}
.ls_ypoint_box{
padding: 3px 0;
}
.ls_bnr_box{
/* width:266px; */
margin-top: 0.5em;
line-height:1;
}
.ls_bnr_box img.banner{
width: 98%;
}
.ls_bnr_box img.icon {
width: 12px;
}
.ls_bnr_box a:hover{
color:#aaa;
}

a:hover img {filter:Alpha(opacity=70); -moz-opacity:0.7; opacity:0.70;}
/*
.ls_bnr_box img.banner ,s
.ls_ypoint_now img
{margin-bottom:3px;}
*/

.ypoint_sum{
background-image: url(img/ypoint_box_266.png); 
width: 266px;
height: 39px;
margin: 0px auto;
font-size: 42px;
text-indent: 113px;
line-height: 38px;
color: black;
font-family: 'Anton', 'sans-serif';
}

@media screen and (min-width: 821px) {
   /* 表示領域が821px以上の場合 - 横幅800pxの画像を使う */
    body{ font-size: 20px; }
	.ypoint_sum{
	background-image: url(img/ypoint_box_800.png); 
	width: 800px;
	height: 119px;
	font-size: 130px;
	text-indent: 350px;
	line-height: 110px;
	}
}
@media screen and (max-width: 820px) {
   /* 表示領域が820px以下の場合 - 横幅600pxの画像を使う */
    body{ font-size: 18px; }
	.ypoint_sum{
	background-image: url(img/ypoint_box_600.png); 
	width: 600px;
	height: 89px;
	font-size: 100px;
	text-indent: 260px;
	line-height: 81px;
	}
}
@media screen and (max-width: 620px) {
   /* 表示領域が620px以下の場合 - 横幅400pxの画像を使う */
    body{ font-size: 14px; }
	.ypoint_sum{
	background-image: url(img/ypoint_box_400.png); 
	width: 400px;
	height: 59px;
	font-size: 66px;
	text-indent: 175px;
	line-height: 56px;
	}
}
@media screen and (max-width: 420px) {
   /* 表示領域が420px以下の場合 - 横幅266pxの画像を使う */
    body{ font-size: 12px; }
	.ypoint_sum{
	background-image: url(img/ypoint_box_266.png); 
	width: 266px;
	height: 39px;
	font-size: 42px;
	text-indent: 115px;
	line-height: 37px;
	}
}
@media screen and (max-width: 286px) {
   /* 表示領域が286px以下の場合 - 横幅150pxの画像を使う */
    body{ font-size: 10px; }
	.ypoint_sum{
	background-image: url(img/ypoint_box_150.png); 
	width: 150px;
	height: 22px;
	font-size: 22px;
	text-indent: 62px;
	line-height: 21px;
	}
}