@charset "UTF-8";
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height:100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;

}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px; font-size: 1.6rem; color: #014e27;
	position:relative;
	background:url(../img/bg.jpg) #DDF499 repeat-y center;
	background-size: 100% auto;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#wrapper {
	margin: 0 auto;
	height: auto;
	min-height:100%;
	padding: 0;
	text-align: center;
	position: relative;
	overflow:hidden;
}

body > #wrapper {
    height: auto;
}


#container {
	width: auto;
	margin:0 auto;
	padding:0;
	text-align: center;
	max-width:800px;
	max-height:100%;
	
}

.title { width:100%; margin:0; text-align:center; padding:0;  line-height: 0px;}
.title img { width:100%; padding:0; margin:0;}
.logob { width:100%; height:auto; margin:0 auto; text-align:center; padding:0; line-height: 0px; }
.logob img { width:100%; max-width:800px; padding:0; margin:0;}

.box { width:100%; height:auto; margin:0 auto; text-align:center; padding:0; line-height: 0px; }
.box img { width:100%; padding:0; margin:0;}

.btn { text-align:center !important; padding:0; height:auto; line-height: 0px; margin-bottom:20px; }
.btn img { width:100%; max-width:640px; padding:0; margin:0;}


.tohyosu { text-align:center !important; padding:0; height:auto; position:relative; line-height: 0; margin: 0; }
.tohyosu img { width:100%; padding:0; margin:0;}

.tohyo_num { position:absolute; bottom:25%; display:block; font-size: 0.8em; color: #333; padding: 5px; text-align: center; min-height: 1em; line-height:1; z-index:50; width: auto; margin:0 auto; right:15%; color:#ff3399; font-size:3.8em; }

.ranking { text-align:left !important; padding:0 0 20px; height:auto; position:relative; line-height: 1.4; margin: 0; background: url(../img/ranking.png) repeat-y center top; background-size:100% auto; max-height:100%;}

.ranking table.ranklist { width:82%; margin:0 auto;   }
.ranking table.ranklist th { -moz-box-sizing: border-box; box-sizing: border-box; width:70px; margin:0; padding:10px 15px 5px 0; text-align:right; vertical-align:middle; line-height:1.1; font-size:1.1em !important; font-weight:bold !important;}
.ranking table.ranklist td { width: auto; margin:0; padding:10px 0 5px 10px; text-align:left; vertical-align:middle;  line-height:1.1; font-size:1.1; font-weight:normal;}

.bt_more { text-align:center !important; padding:0; height:auto; position:relative; line-height: 0; margin: 25px auto; cursor: pointer;}

.rank14 { padding:0 !important; }
.font14 { font-size:1.4em !important;  vertical-align: bottom !important; font-weight:bold !important;}

.mb15 { margin-bottom:15px;}
.pt20 { padding-top:20px !important;}


.rank_more { display:none; }


.chui { text-align:left !important; padding:0; height:auto; line-height: 1.3; margin:0 auto 20px; width:85%; z-index:40; position:relative; }

.footer { text-align:center !important; padding:0; height:auto; position:relative; line-height: 0; margin: -30px 0 0; }
.footer img { width:100%; padding:0; margin:0;}

.copyr { position:absolute; bottom:0; display:block; font-size: 0.8em; color: #333; padding: 5px; text-align: center; min-height: 10px; z-index:50; width:90%; margin:0 auto; left:0; right:0; }



.thanlstitle { width:100%; margin:0; text-align:center; padding:0;  line-height: 0px; position:relative;}
.thanlstitle img { width:100%; padding:0; margin:0; }

.thanlstitle .shopname { position:absolute; bottom:0; display:block; padding: 0; text-align: center; line-height:0; z-index:100; width: auto; margin:0; height:auto; }

.thanlstitle .thbt { position:absolute; bottom:0; display:block; padding: 0; text-align: center; line-height:0; z-index:100; width: auto; margin:0; height:auto; }
.thanlstitle .thbt img { width:100%; padding:0; margin:0; height:auto;}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.shoplist { text-align:left !important; padding:20px 0; height:auto; position:relative; line-height: 1.4; margin: 0; background: url(../img/ranking.png) repeat-y center top; background-size:100% auto; max-height:100%;}


#acMenu dl{ margin:0; padding:0;
    }
#acMenu dt{ font-size:1.22em;
    display:block;
	width:76%; margin:0 auto;
    text-align:left;
    border-bottom:#006633 1px dotted;
    cursor:pointer;
	padding:5px 5px 2px; font-weight:bold;
	background:url(../img/ya_shita.png) left center no-repeat; padding-left:30px; background-color:inherit; background-size:24px;
    }
#acMenu dt:hover{ background-color:#ecf1cb;}

#acMenu dd{ font-size:1.16em;
    width:82%; margin:0 auto; font-size:0.9em;
     text-align:left; border-bottom:#006633 1px dotted;
    display:none;
	padding:10px 5px 10px 40px;
    }
.onya { background:url(../img/ya_ue.png) left center no-repeat !important; background-color:#ecf1cb !important; }