@charset "UTF-8";

* {
  cursor: pointer;
  font-family: "メイリオ", Meiryo, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

body {
  margin:0px;
}

div {
  position: relative;
  display: inline-block;
  vertical-align: top
}

.outline {
  background-image: none;
  background-color: #FFFFFF;
  position: absolute;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
}

.bnr {
  position: absolute;
  left:0px;
  top:0px;
  font-size: 13px;
  line-height: 16px;
}

.border {
  z-index: 100;
  position: absolute;
  background-color: #666666;
}


.coupon {
  position: absolute;
  z-index: 99;
}

a.coupon {
  display: block;
  vertical-align: top;
}

.imageholder {
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain
}

.couponSlide {
  position: absolute;
  left: 0px;
  top: 0px;
}

.zContainer {
  position: relative;
}

.goods-link {
  margin: 0px;
  border: none;
  background-image: none;
  background-color: #FFFFFF;
}

.goods{
  margin: 2px 2px 2px 2px;
  border: 1px solid #708090;
  background-image: none;
}

.goods.On,.On .goods{
  margin: 1px 1px 1px 1px;
  background-image: none;
  background-color: #FFFFFF;
}

.goods-header {
  margin: 1px;
  border: none;
  background-image: none;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  float: left;
}

.goods-header.On,.On .goods-header {
  margin: 1px;
  border: none;
  background-image: none;
  background-color: transparent;
}

.goods-header>.imageholder {
  background-position: center center;
}

.goods-detail {
  position: relative;
  margin-top: 2px;
  float: left;
}

div.end{
  float:none;
  clear:both;
}

.top {
  position:absolute;
  top: 0px;
  left: 0px;
}
.bottom{
  position:absolute;
  bottom:0px;
  left:0px
}
.right{
  position:absolute;
  top:0px;
  right:0px
}
.left{
  position:absolute;
  top:0px;
  left:0px
}
.text-center{
  text-align:center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

.text {
  vertical-align: middle;
  word-wrap: break-word;
  overflow: hidden;
}
.text-black{
  color:#333333;
}
.text-green{
  color:#008800;
}
.text-white{
  color:#FFFFFF;
}
.text-red{
   color:#FF4500;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail {
  margin-top: 5px;
  color: #333333;
  overflow: hidden;
  float:left;
}

.detail.On,.On .detail {
  color: #333333;
}

.detail>div{
  text-overflow: ellipsis;
}

.small {
  font-size: 11px;
  line-height: 12px;
}

.medium {
  font-size:13px;
  line-height:15px;
}

.large {
  font-size: 15px;
  line-height: 18px;
}

.bold {
  font-weight:bold;
}

.price_detail {
  color: #FF4500;
  overflow: hidden;
  float:left;
}

.price_detail.On,.On .price_detail {
  color: #FF4500;
}

.price_detail>div{
  text-overflow: ellipsis;
}

.product_attribute {
  color: #333333;
  margin:0px;
}

.product_description {
  color: #333333;
  margin:0px;
}

.price_red {
  color:#FF4500;
  font-weight: bold;;
  overflow: hidden;
  float:left;
  font-weight: bold;
}

.price_red.On,.On .price_red {
  color: #FF4500;
  font-weight: bold;
}

.price_red>div{
  text-overflow: ellipsis;
}

.button-frame {
  margin: 2px 2px 2px 2px;
}

.button-frame.On,.On .button-frame {
  margin: 2px 2px 2px 2px
}

.button-frame.center{
    text-align : center;
}

.button {
  border: 1px solid #BF1828;
  -webkit-border-radius: 3.5px;
  -moz-border-radius: 3.5px;
  -o-border-radius: 3.5px;
  border-radius: 3.5px;
  background-image: none;
  background-color: #FF3000;
  background: -webkit-linear-gradient(-90deg, #FF5B00, #FF3000);
  background: -moz-linear-gradient(-90deg, #FF5B00, #FF3000);
  background: -ms-linear-gradient(-90deg, #FF5B00, #FF3000);
  background: -o-linear-gradient(-90deg, #FF5B00, #FF3000);
  background: linear-gradient(180deg, #FF5B00, #FF3000);
  /**for IE8-9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5B00', endColorstr='#FF3000', GradientType=0)";
  color: #FFFFFF;
  overflow: hidden;
  font-weight: bold;
  line-height: 19px;
}

.button.On,.On .button {
  border: 1px solid #BF1828;
  background-image: none;
  background-color: #F5001A);
  background: -webkit-linear-gradient(-90deg, #F5001B, #F5001A);
  background: -moz-linear-gradient(-90deg, #F5001B, #F5001A);
  background: -ms-linear-gradient(-90deg, #F5001B, #F5001A);
  background: -o-linear-gradient(-90deg, #F5001B, #F5001A);
  background: linear-gradient(180deg, #F5001B, #F5001A);
  /**for IE8-9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5001B', endColorstr='#F5001A', GradientType=0)";
  color: #FFFFFF;
}

.base-logo {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position : center;
  background-size: contain;
  display : inline-block;
}

.maker-logo {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
}
.maker-detail-frame>.text {
	text-align: left;
	word-break: break-word;
	overflow: hidden;
}