@charset "Windows-31J";
/*--------------------------------------------------
	$Reset
--------------------------------------------------*/
/* line 4, ../sass/_reset.scss */
html {
  overflow-y: scroll; }

/* line 9, ../sass/_reset.scss */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
p, pre, blockquote, address, caption, th, td,
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  letter-spacing: 0;
  text-decoration: none;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-family: 'ヒラギノ丸ゴ Pro W4',HiraMaruPro-W4,'メイリオ',Meiryo,sans-serif;
  color: #333333; }

/* line 21, ../sass/_reset.scss */
img {
  border: 0;
  vertical-align: bottom; }

/* line 22, ../sass/_reset.scss */
ul li, ol li {
  list-style-type: none; }

/* line 23, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 27, ../sass/_reset.scss */
th, td {
  font-size: inherit; }

/* line 28, ../sass/_reset.scss */
select option {
  padding: 0 5px; }

/* line 29, ../sass/_reset.scss */
form label {
  cursor: pointer; }

/* line 30, ../sass/_reset.scss */
hr, legend, caption {
  display: none; }

/* line 31, ../sass/_reset.scss */
fieldset {
  border: 0; }

/* line 33, ../sass/_reset.scss */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

/*--------------------------------------------------
	$warapper
--------------------------------------------------*/
/* line 4, ../sass/_base.scss */
#wrapper {
  width: 960px;
  margin: 0 auto;
  background-color: #fff;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }

/*--------------------------------------------------
	$header
--------------------------------------------------*/
/* ヘッダ大枠 */
/* line 21, ../sass/_base.scss */
header {
  position: relative;
  padding: 30px 20px 20px;
  border-bottom: solid 1px #dfdfdf; }

/* ナビ */
/* line 28, ../sass/_base.scss */
.head__navi {
  float: right;
  margin-top: -10px;
  padding-right: 5px; }

/* line 33, ../sass/_base.scss */
.head__navi__li {
  float: right;
  padding: 3px; }

/* ロゴ */
/* line 39, ../sass/_base.scss */
.head__logo {
  width: 270px; }

/* 右上ログイン、お買い物カゴボタン、バナー */
/* line 44, ../sass/_base.scss */
.head__login {
  line-height: 20px;
  position: absolute;
  top: 58px;
  right: 250px; }

/* line 50, ../sass/_base.scss */
.head__cart {
  position: absolute;
  top: 50px;
  right: 20px; }

/*--------------------------------------------------
	topページ メインコンテンツ
--------------------------------------------------*/
/* line 65, ../sass/_base.scss */
article {
  float: right;
  width: 750px; }

/* line 70, ../sass/_base.scss */
article.content-920 {
  width: 920px;
  margin-right: 20px; }

/* line 76, ../sass/_base.scss */
article.content-940 {
  width: 940px;
  margin-right: 10px; }

/* ぱんくず */
/* line 83, ../sass/_base.scss */
.breadcrumb {
  padding: 15px; }

/* line 86, ../sass/_base.scss */
.breadcrumb li {
  display: inline; }

/*--------------------------------------------------
	個別ページ
--------------------------------------------------*/
/* top画像下購入ボタン */
/* line 99, ../sass/_base.scss */
.quick_buy {
  margin: 20px;
  text-align: center; }

/*--------------------------------------------------
	個別ページ カゴエリア
--------------------------------------------------*/
/* 商品棚　*/
/* line 113, ../sass/_base.scss */
.item-price {
  width: 685px;
  padding: 3px 15px;
  margin: 10px 0 2px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 4px solid #aaa; }

/* line 122, ../sass/_base.scss */
.item-price__btn--soldout {
  margin: 10px;
  color: #c00;
  font-size: 20px;
  font-weight: bold;
  text-align: center; }

/* line 129, ../sass/_base.scss */
.item-price__btn {
  margin: 10px 0 20px;
  text-align: center; }

/* line 133, ../sass/_base.scss */
.item-price__btn a {
  height: 50px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 52px;
  cursor: pointer;
  display: block;
  background: #f96408;
  /* Old browsers */
  border-radius: 5px;
  border: 1px solid #e95900;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), inset 0px 1px 1px rgba(250, 250, 250, 0.7);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), inset 0px 1px 1px rgba(250, 250, 250, 0.7);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), inset 0px 1px 1px rgba(250, 250, 250, 0.7);
  appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

/* line 161, ../sass/_base.scss */
.item-price__btn a:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: 50%;
  right: 2%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* line 177, ../sass/_base.scss */
.item-price__btn a:hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha( opacity=65 )"; }

/* line 182, ../sass/_base.scss */
.item-price__btn a:visited {
  color: #fff; }

/* line 185, ../sass/_base.scss */
.item-price__info {
  width: 510px;
  float: left; }

/* line 189, ../sass/_base.scss */
.item-price__info p {
  margin-bottom: 1em; }

/* line 191, ../sass/_base.scss */
.item-price__caution {
  margin: 5px;
  font-size: 10px; }

/* line 195, ../sass/_base.scss */
.item-price__caution--distribution {
  font-size: 10px; }

/* line 197, ../sass/_base.scss */
.item-price__img {
  width: 160px;
  float: right; }

/* line 201, ../sass/_base.scss */
.item-price__img img {
  width: 160px; }

/* line 203, ../sass/_base.scss */
.item-price__name {
  font-size: 20px;
  font-weight: bold; }

/* line 208, ../sass/_base.scss */
.item-price__price,
.item-price__sale-price {
  color: #c00;
  font-size: 14px; }

/* line 212, ../sass/_base.scss */
.item-price__sale-price--teika {
  text-decoration: line-through; }

/* line 216, ../sass/_base.scss */
.item-price__price--teika,
.item-price__sale-price--sale {
  font-size: 28px;
  font-weight: bold; }

/* line 222, ../sass/_base.scss */
.item-price__distribution__price,
.item-price__distribution__sale-price {
  color: #c00;
  font-weight: bold; }

/* line 226, ../sass/_base.scss */
.item-price__distribution__sale-price__first {
  padding: 5px;
  color: #fff;
  background: #c00;
  display: inline-block; }

/* line 232, ../sass/_base.scss */
.item-price__distribution__sale-price--teika {
  text-decoration: line-through; }

/* line 236, ../sass/_base.scss */
.item-price__distribution__price--teika,
.item-price__distribution__sale-price--sale {
  font-size: 28px; }

/* line 239, ../sass/_base.scss */
.item-price__haisou {
  width: 100%;
  height: 40px;
  margin-top: 5px;
  padding: 3px;
  border: 1px solid #aaa;
  overflow: auto; }

/* line 247, ../sass/_base.scss */
.item-price__haisou th {
  font-weight: bold;
  font-size: 10px; }

/* line 248, ../sass/_base.scss */
.item-price__haisou td {
  padding: 1px 4px;
  font-size: 10px; }

/* line 249, ../sass/_base.scss */
.item-price__haisou td div {
  font-size: 10px; }

/* 商品情報　*/
/* line 254, ../sass/_base.scss */
.item-info {
  width: 685px;
  padding: 15px;
  margin: 2px 0 30px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 4px solid #aaa; }

/* line 263, ../sass/_base.scss */
.item-info__title {
  color: #c00;
  font-weight: bold;
  font-size: 14px; }

/* line 268, ../sass/_base.scss */
.item-info__list {
  margin: 0.5em 0; }

/* line 271, ../sass/_base.scss */
.item-info__caution {
  font-size: 10px; }

/*--------------------------------------------------
	$nav_main
--------------------------------------------------*/
/* line 280, ../sass/_base.scss */
aside {
  width: 190px;
  float: left;
  margin: 15px 0 0 10px; }

/* line 286, ../sass/_base.scss */
nav {
  margin-bottom: 30px; }

/* rank */
/* line 289, ../sass/_base.scss */
.rank {
  width: 140px;
  border: 5px solid #ded2bf; }

/* line 293, ../sass/_base.scss */
.rank__box {
  border-bottom: #ddd 1px dashed;
  padding: 10px 10px 10px 5px; }

/* line 297, ../sass/_base.scss */
.rank__icon {
  float: left; }

/* line 298, ../sass/_base.scss */
.rank_img {
  float: right; }

/* line 299, ../sass/_base.scss */
.rank__name {
  float: left;
  margin: 5px 0 0 5px; }

/* line 303, ../sass/_base.scss */
.rank__price {
  float: right;
  text-align: right;
  color: #c00; }

/* line 308, ../sass/_base.scss */
.rank__date {
  padding: 5px;
  font-size: 10px;
  text-align: center;
  letter-spacing: -0.95px; }

/* タイトル */
/* line 317, ../sass/_base.scss */
.nav_main__ttl {
  margin-bottom: 0.5em;
  padding: 5px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  background: #0072B9; }

/* banner */
/* line 328, ../sass/_base.scss */
.nav_main__bnr {
  margin: 1em 0 3em;
  text-align: center; }

/* line 334, ../sass/_base.scss */
.nav_main__item {
  margin-bottom: 0.2em;
  padding: 10px;
  border: #eee 1px solid;
  line-height: 1.5; }

/* line 340, ../sass/_base.scss */
.nav_main__item--new {
  margin: 15px 0;
  padding: 5px;
  border: #eee 1px solid;
  line-height: 30px; }

/* line 346, ../sass/_base.scss */
.nav_main__item--date {
  padding: 5px;
  border: #eee 1px solid;
  line-height: 1.1; }

/* line 351, ../sass/_base.scss */
.nav_main__item--date img {
  float: left;
  margin-right: 5px; }

/* line 355, ../sass/_base.scss */
.nav_main__item--cate {
  padding: 5px;
  border: #eee 1px solid;
  line-height: 1.3; }

/* line 362, ../sass/_base.scss */
.nav_main__box {
  margin-bottom: 1em;
  padding-bottom: 1em;
  text-align: center;
  border: solid 1px #dfdfdf; }

/* line 368, ../sass/_base.scss */
.nav_main__box__ttl {
  margin-bottom: 1em;
  padding: 2px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #f90; }

/* line 377, ../sass/_base.scss */
.nav_main__box__img {
  margin: 5px;
  text-align: center; }

/* line 381, ../sass/_base.scss */
.nav_main__box__name {
  margin: 5px; }

/* line 386, ../sass/_base.scss */
.nav_main__section {
  margin-bottom: 20px; }

/* line 397, ../sass/_base.scss */
.sidenavi--title {
  margin-bottom: 10px;
  color: #033363;
  font-size: 16px;
  border-bottom: 1px solid #033363; }

/* line 403, ../sass/_base.scss */
.sidenavi--title__rank {
  padding-left: 30px;
  background: url(/gift/image_md2014/eyecatch_rank_fd.png) no-repeat left top; }

/* line 407, ../sass/_base.scss */
.sidenavi--title__item {
  padding-left: 27px;
  background: url(/gift/image_md2014/eyecatch_item_fd.png) no-repeat 4px top; }

/* ランキング */
/* line 414, ../sass/_base.scss */
.rank {
  margin-bottom: 30px; }

/* line 415, ../sass/_base.scss */
.rank--date {
  padding-bottom: 2px; }

/* line 416, ../sass/_base.scss */
.rank--one {
  margin-bottom: 15px;
  border: 1px solid #f0f0f0;
  position: relative; }

/* line 421, ../sass/_base.scss */
.rank--one a {
  display: block; }

/* line 422, ../sass/_base.scss */
.rank--title {
  font-size: 17px;
  color: #fff;
  text-align: center;
  /*background: #033363;*/
  background: #007ac3; }

/* line 429, ../sass/_base.scss */
.rank--title span {
  font-size: 10px; }

/* line 430, ../sass/_base.scss */
.rank--name {
  margin: 5px 8px;
  padding-left: 15px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  background: url(/gift/image_md2014/eyecatch_arrow_black.png) no-repeat left 3px; }

/*--------------------------------------------------
	$footer
--------------------------------------------------*/
/* line 447, ../sass/_base.scss */
footer {
  width: 940px;
  margin: 20px auto 0;
  padding: 10px 0;
  border-top: 1px solid #ddd; }

/* 産直フッタ情報コピペ部分用 */
/* line 457, ../sass/_base.scss */
#foot_information,
#foot_links,
#copyright {
  text-align: center; }

/* topへ戻るボタン */
/* line 462, ../sass/_base.scss */
.back_to_top {
  padding: 5px;
  text-align: center;
  background: #999; }

/* line 467, ../sass/_base.scss */
.back_to_top a {
  display: block; }

/* フッターナビ */
/* line 471, ../sass/_base.scss */
.foot__navi {
  margin: 10px 0;
  text-align: center; }

/* line 475, ../sass/_base.scss */
.foot__navi__li {
  padding: 3px;
  display: inline; }

/* フッタカテゴリ */
/* line 481, ../sass/_base.scss */
.poromotion-area-social_area {
  display: none; }

/* フッタ注意 */
/* line 488, ../sass/_base.scss */
.foot-attention {
  padding-bottom: 20px;
  border-bottom: solid 1px #DFDFDF;
  margin-bottom: 2em; }

/* line 495, ../sass/_base.scss */
.foot-attention h1 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px;
  background: #0072B9;
  color: white;
  text-align: center;
  margin-bottom: 1em; }

/* line 507, ../sass/_base.scss */
.foot-attention__col {
  padding: 20px;
  width: 45%;
  float: left; }

/* line 513, ../sass/_base.scss */
.foot-attention__col-right {
  float: right;
  border-left: #DFDFDF solid 1px; }

/* line 519, ../sass/_base.scss */
.foot-attention__col h2 {
  padding: 3px 10px 3px;
  border-left: solid 4px #0072B9;
  font-weight: bold;
  color: #0072B9;
  margin-bottom: 1em;
  font-size: 1.2em; }

/* line 529, ../sass/_base.scss */
.foot-attention__col p {
  margin-bottom: 1.0em; }

/* line 534, ../sass/_base.scss */
.foot-attention__col-attetion {
  color: #FF0000; }

/* line 539, ../sass/_base.scss */
.foot-btn {
  text-align: center;
  padding-bottom: 30px; }

/*--------------------------------------------------
	$clearfix
--------------------------------------------------*/
/* line 5, ../sass/_layout.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* line 12, ../sass/_layout.scss */
* html .clearfix {
  height: 1%; }

/* line 13, ../sass/_layout.scss */
*:first-child + html .clearfix {
  display: inline-block; }

/*\*/
/*/
.clearfix{display: inline-table;}
/**/
/*--------------------------------------------------
	$parts
--------------------------------------------------*/
/* line 23, ../sass/_layout.scss */
a {
  color: #333;
  text-decoration: none; }

/* line 24, ../sass/_layout.scss */
a:visited {
  color: #555; }

/* line 25, ../sass/_layout.scss */
a:hover {
  color: #c00; }

/*---- hover ----*/
/* line 28, ../sass/_layout.scss */
a, a img {
  -webkit-transition: 0.3s ease-in-out;
  -mos-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

/* line 34, ../sass/_layout.scss */
a:hover, a:hover img {
  opacity: 0.55;
  filter: alpha(opacity=55);
  -ms-filter: "alpha( opacity=55 )"; }

/*---- hover ----*/
/* line 41, ../sass/_layout.scss */
.red {
  color: #c00; }

/* たけのこ */
/* line 47, ../sass/_layout.scss */
.takenoko {
  position: fixed;
  right: 10px;
  bottom: 30px; }

@media screen and (max-width: 1200px) {
  /* line 53, ../sass/_layout.scss */
  .takenoko {
    display: none; } }
/*--------------------------------------------------
	$page
--------------------------------------------------*/
/* line 9, ../sass/page_Wjuice_enquete.scss */
.foot-attention {
  display: none; }