/* --------------------------------------------

	FileName	:	common.css

font-size 9px{ font-size:77%; } 10px{ font-size:85%; } 11px{ font-size:93%; } 12px{ font-size:100%; } 13px{ font-size:108%; } 14px{ font-size:116%; } 15px{ font-size:123.1%; } 16px{ font-size:131%; } 17px{ font-size:138.5%; } 18px{ font-size:146.5%; } 19px{ font-size:153.9%; } 20px{ font-size:161.6%; } 21px{ font-size:167%; } 22px{ font-size:174%; } 23px{ font-size:182%; } 24px{ font-size:189%; } 27px{ font-size:197%; }

-------------------------------------------- */
/* line 30, ../scss/_mixin.scss */
.clearfix, #mainCnt section ul.shopLink, #mainCnt .newsArea ul li dl {
  display: inline-block;
}
/* line 32, ../scss/_mixin.scss */
.clearfix, #mainCnt section ul.shopLink, #mainCnt .newsArea ul li dl {
  display: block;
}
/* line 35, ../scss/_mixin.scss */
.clearfix:after, #mainCnt section ul.shopLink:after, #mainCnt .newsArea ul li dl:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* line 43, ../scss/_mixin.scss */
.textOver {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
}

/* line 17, ../scss/shop.scss */
#mainCnt section ul.shopLink {
  width: 65%;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  /* line 17, ../scss/shop.scss */
  #mainCnt section ul.shopLink {
    width: 90%;
  }
}
/* line 24, ../scss/shop.scss */
#mainCnt section ul.shopLink li {
  float: left;
  padding-left: 0 !important;
}
/* line 27, ../scss/shop.scss */
#mainCnt section ul.shopLink li:before {
  display: none !important;
}
/* line 30, ../scss/shop.scss */
#mainCnt section ul.shopLink li:last-child {
  float: right;
}
@media only screen and (max-width: 640px) {
  /* line 30, ../scss/shop.scss */
  #mainCnt section ul.shopLink li:last-child {
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  /* line 24, ../scss/shop.scss */
  #mainCnt section ul.shopLink li {
    float: none;
    width: 80%;
    margin: 0 auto 25px;
  }
  /* line 40, ../scss/shop.scss */
  #mainCnt section ul.shopLink li a {
    display: block;
    text-align: center;
  }
}
/* line 45, ../scss/shop.scss */
#mainCnt section ul.shopLink li a {
  background: #e11f27;
  padding: 8px 15px 8px 30px;
  font-size: 123.07692%;
  color: #fff;
  text-decoration: none;
  border-radius: 13px;
  /* box-shadow */
  box-shadow: rgba(102, 102, 102, 0.8) 0px -2px 1px -1px inset;
  -webkit-box-shadow: rgba(102, 102, 102, 0.8) 0px -2px 1px -1px inset;
  -moz-box-shadow: rgba(102, 102, 102, 0.8) 0px -2px 1px -1px inset;
  position: relative;
}
/* line 62, ../scss/shop.scss */
#mainCnt .newsArea {
  border: 3px solid #eeeeee;
  margin-bottom: 30px;
}
/* line 65, ../scss/shop.scss */
#mainCnt .newsArea ul {
  width: 98%;
  margin: 20px auto 0 !important;
}
@media only screen and (max-width: 640px) {
  /* line 65, ../scss/shop.scss */
  #mainCnt .newsArea ul {
    width: 90%;
  }
}
/* line 71, ../scss/shop.scss */
#mainCnt .newsArea ul li {
  background: url("../img/recipe/common/bg_dot01.gif") left bottom repeat-x;
  padding-left: 0 !important;
}
/* line 74, ../scss/shop.scss */
#mainCnt .newsArea ul li:last-child {
  background: none;
}
/* line 76, ../scss/shop.scss */
#mainCnt .newsArea ul li:last-child dl {
  margin-bottom: 0 !important;
}
/* line 80, ../scss/shop.scss */
#mainCnt .newsArea ul li:before {
  display: none !important;
}
/* line 83, ../scss/shop.scss */
#mainCnt .newsArea ul li dl {
  margin-bottom: 15px;
}
/* line 86, ../scss/shop.scss */
#mainCnt .newsArea ul li dl dt {
  float: left;
  padding-left: 10px !important;
  width: 20%;
}
/* line 90, ../scss/shop.scss */
#mainCnt .newsArea ul li dl dt:before {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  /* line 86, ../scss/shop.scss */
  #mainCnt .newsArea ul li dl dt {
    float: none;
    width: 100%;
    padding-left: 0px !important;
  }
}
/* line 99, ../scss/shop.scss */
#mainCnt .newsArea ul li dl dd {
  float: right;
  width: 78%;
  margin-bottom: 5px;
}
@media only screen and (max-width: 640px) {
  /* line 99, ../scss/shop.scss */
  #mainCnt .newsArea ul li dl dd {
    float: none;
    width: 100%;
  }
}
/* line 114, ../scss/shop.scss */
#mainCnt table.shopPic {
  border: none !important;
}
/* line 116, ../scss/shop.scss */
#mainCnt table.shopPic td {
  border: none !important;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  /* line 116, ../scss/shop.scss */
  #mainCnt table.shopPic td {
    width: 100%;
    display: block;
    text-align: center;
  }
}
/* line 126, ../scss/shop.scss */
#mainCnt table.shopPic th {
  border: none !important;
}
@media only screen and (max-width: 640px) {
  /* line 126, ../scss/shop.scss */
  #mainCnt table.shopPic th {
    width: 100%;
    display: block;
    text-align: center;
  }
}