@charset "UTF-8";

/****
* layout
*****/

.one-column {
	width: 100% !important;
	float: none !important;
}
.two-column {
	width: 300px !important;
	float: none !important;
}
.simple-list8100 ul li::before {
	content: "";
	display: none;
}

.drawer-nav .nav-inner {
	padding-bottom: 8em;
}

.developer-list-block .wrap-block {
	background-color: #eee;
}

.meta .free.not {
	color: #c00;
	border-color: #c00;
}
.pickup .block3200 .block-img span.tag-new.update,
.page-appli article .tag-new.update,
span.tag-new.update{
	background-color: #2aad38;
	}

.wrap-app-img.img1 .app-img {
	width: 50%;
}
.pagination li span {
	background-color: #fff;
	font-size: 1.2rem;
	padding: .8rem 1rem;
	border: solid 1px #ccc;
	display : inline-block;
	border-radius: 4px;
	/*box-shadow: 0 2px #bbb;*/
	color: #333;
}

@media (max-width: 480px) {
	.store.bnr-count1 {
		text-align: center;
	}
}

/****
* review star
*****/

.star::after {
	content: "";
	clear: both;
	display: table;
}
.star .starbg {
	float: left;
	/*
	width: 71px;
	height: 15px;
	background-image: url(../images/star-w.jpg);
	background-repeat: repeat-x;
	*/
	width: 118px;
	height: 20px;
	background-image: url(../images/star-gray.png);
	background-repeat: no-repeat;
	position: relative;
}
.star .score {
	position: relative;
	top: -2px;
	font-weight: bold;
	color: #777;
	padding-left: 7px;
}
.star .starbg > div {
	/*
	height: 15px;
	background-image: url(../images/star-b.jpg);
	background-repeat: repeat-x;
	*/
	height: 20px;
	background-image: url(../images/star.png);
	background-repeat: no-repeat;
}
.star .starbg .star00 { width: 0; }
.star .starbg .star025 { width: 5%; }
.star .starbg .star05 { width: 9%; }
.star .starbg .star075 { width: 12%; }
.star .starbg .star10 { width: 18%; }
.star .starbg .star125 { width: 26%; }
.star .starbg .star15 { width: 30%; }
.star .starbg .star175 { width: 32%; }
.star .starbg .star20 { width: 40%; }
.star .starbg .star225 { width: 48%; }
.star .starbg .star25 { width: 50%; }
.star .starbg .star275 { width: 53%; }
.star .starbg .star30 { width: 60%; }
.star .starbg .star325 { width: 69%; }
.star .starbg .star35 { width: 71%; }
.star .starbg .star375 { width: 74%; }
.star .starbg .star40 { width: 80%; }
.star .starbg .star425 { width: 89%; }
.star .starbg .star45 { width: 92%; }
.star .starbg .star475 { width: 94%; }
.star .starbg .star50 { width: 100%; }


.review-form-area {
	display: none;
}
#review-form {
	display: inline-block;
	width: auto;
	position: relative;
	padding: 10px 20px;
}
#review-form .stars {

}
#review-form .stars input {
	position: absolute;
	top: -9999px;
}
#review-form .stars input + label {
  float: right;
  width: 1em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 2em;
  line-height: 1.2;
  color: #d3d3d3;
  text-shadow: 1px 1px #bbb;
}
#review-form .stars input + label::before {
	content: "★";
}
#review-form .stars input:checked ~ label {
	color: #ffd700;
  text-shadow: 1px 1px #c60;
}
#review-form #btn-submit-review {
	padding: .5rem 1.5rem;
	width: 100%;
	text-align: center;
	background: #f60;
	color: #fff;
	border-radius: 4px;
}

@media screen and (max-width:768px) {
	.slider .star .starbg {
		width: 20px;
		background-position: 0 0;
		background-image: url(../images/star.png);
	}
	.slider .star .starbg > div{
		background: none;
	}
	.slider .star .score {
		top: 0;
		line-height: 20px;
	}

}