@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------
　　旧dancyu当月号紹介　特集アーカイブ  旧basic.css
--------------------------------------------------------------------------------------------------------------------------*/
.introduction_column{ /* TOPページのコーナーブロック */
	width: 782px ;
	margin:0 0 5px 0px;
	}
.box_h3_archive{ /* 特集アーカイブ 本誌のナンバー */
	position:relative;
	margin:0 0 4px 0 ;
	padding:8px 0 7px 13px ;
	width:769px; /* 782 - 13 */
	background:#5b4e4c;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
	}
.box_h3_archive h3{ /* 特集アーカイブ 本誌のナンバー */
	font-size:1.4em;
	font-weight:bold;
	line-height:1.1;
	color:#fff;
	}
.introduction_column .box_introduction{
	width: 782px ;
	clear:both;
	border-bottom:1px solid #d9d7d5 ;
	padding: 18px 0 0 0 !important;
	}
.box_introduction_add{ /* マウスオーバー時 */
	background: #fdf9f5 ; /* fdf9f5 */
	}
.introduction_column .box_introduction span.ph{ /* サムネイル画像 */
	float:left;
	display:block;
	width:222px; /* 228 - 4 */
	height:152px; /* 158 - 4 */
	margin:0 0 18px 22px !important;
	padding:2px;
	border:1px solid #dddbd8;
	}
.introduction_column .box_introduction span.ph:hover,
.introduction_column .box_introduction span.ph:active{
	border:1px solid #ffc643;
	}
.introduction_column .box_introduction span.ph img {
	/*width:80px; height:63px;*/
	}
.introduction_column .box_introduction span.ph:hover img,
.introduction_column .box_introduction span.ph:active img{
	opacity: 0.80; filter: alpha(opacity=80);
	}
.box_cor{ /* コーナー説明 */
	position:relative;
	margin:0 0 18px 265px !important;
	padding:16px 10px 10px 16px !important;
	width:474px; /* 500 - 21 - 5 */
	font-size:1.2em;
	line-height:1.3;
	background:#fff;
	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
  	border-radius: 7px;
	}
.introduction_column .box_introduction .box_cor .mark_bn{
	width:5em;
	text-align:center;
	margin:0 0 8px 0 !important;
	padding:5px 0 4px 0 ;
	line-height:1.1;
	/*letter-spacing:0.15em;*/
	font-weight:bold;
	color:#fff;
	background:#716a65;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#928d88), to(#5d544f));
	background: -moz-linear-gradient(#928d88, #5d544f);
	background: linear-gradient(#928d88, #5d544f);
	-pie-background: linear-gradient(#928d88, #5d544f);
	position:relative;
	}
.introduction_column .box_introduction .box_cor h3{ /* コーナータイトル */
	margin:0 0 2px 0px !important;
	padding:0;
	line-height:1.3;
	letter-spacing:0.1em;
	font-size:1.4em;
	font-weight:bold;
	border:none;
	}
.introduction_column .box_introduction .box_cor h3 a:link,
.introduction_column .box_introduction .box_cor h3 a:visited{
	display:block;
	text-decoration:none;
	padding: 6px 0 4px 0 ;
	width:460px;
	color:#2b2929;
	}
.introduction_column .box_introduction .box_cor h3 a:hover,
.introduction_column .box_introduction .box_cor h3 a:active{
	text-decoration:underline;
	color:#d38958 ; /* c752aa */
	}
.introduction_column .box_introduction .box_cor p{
	margin:0 0 8px 0px !important;
	padding:0;
	line-height:1.4;
	}
.introduction_column .box_introduction .box_cor p a:link,
.introduction_column .box_introduction .box_cor p a:visited{
	text-decoration:none;
	color:#413f3f;
	}
.introduction_column .box_introduction .box_cor p a:hover,
.introduction_column .box_introduction .box_cor p a:active{
	text-decoration:underline;
	color:#d38958 ; /* c752aa */
	}
.introduction_column .box_introduction .box_cor p.box_cor_bt a{
	line-height:1.1;
	font-size:0.9em;
	padding:0 0 0 15px ;
	background: url(/assets/images/2010/arrow.gif) no-repeat 0 -29px ;
	}
/*--------------------------------------------------------------------------------------------------------------------------
　　旧dancyu当月号紹介　特集アーカイブ  旧basic.css　ここまで
--------------------------------------------------------------------------------------------------------------------------*/

/* component HOTワード (TOPのみ) */
.c-hotword_top {
  margin-bottom: 55px;
  width: 100%;
  color: #9e863e;
  text-align: center;
}
.c-hotword_top dt,
.c-hotword_top dd {
  display: inline-block;
  font-weight: bold;
  line-height: 3.0rem;
}
.c-hotword_top dt {
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0 10px;
  border: 1px solid #c8ac5b; /*金色#9e863e*/
  font-size: 10px;
  font-size: 1rem;
  line-height: 16px;
  line-height: 1.62rem;
  background: #c8ac5b; /*追加*/
  color: #000; /*追加*/
}
.c-hotword_top a {
  display: inline-block;
  margin: 0 5px;
  color: #0b0b0b; /*金色#9e863e*/
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: underline;
}
.c-hotword_top a:hover {
  text-decoration: none;
}

/* component SP食べ納めバナー*/
@media (max-width: 767px) {
  .top_bnr_last_sp {
    text-align: center;
	border: 4px solid #db3e3e;
	border-radius: 5px;
  }
  .top_bnr_last_sp a {
    padding: 20px 0;
  }
}

/* component 食べ納め（TB） */
.top_bnr_last_sm {
    margin: 0 auto 35px;
}

.p-product-purchase .p-product-price--sales_msg .p-product-price {
  font-size: 1.9rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .p-product-purchase .p-product-price--sales_msg .p-product-price {
  font-size: 1.8rem;
  }
}

.p-product-purchase .p-product-price--sales_msg .p-product-price span:first-of-type {
    padding-right: 8px;
}

.p-product-purchase .p-product-price--sales_msg .p-product-price + p {
  line-height: 2.8rem;
}.p-product-purchase .p-product-price--sales_msg .p-product-price + p span {
  font-size: 1.6rem;
  line-height: 2.8rem;
}

/* 文字強調（黄色） */
.text-em02 {
  color: #947158;
}
.text-em02:hover {
  color: #947158;
};

/* TB カート以下見右寄せ */
@media (min-width:768px) and (max-width:991px) {
 body.body_product #main .row:first-of-type .col-xs-24.col-sm-24.col-md-24 .p-product-purchase,
 body.body_product #main .row:first-of-type .col-xs-24.col-sm-24.col-md-24 .p-product-warning,
 body.body_product #main .row:first-of-type .col-xs-24.col-sm-24.col-md-24 .p-product-liquor,
 body.body_product #main .row:first-of-type .col-xs-24.col-sm-24.col-md-24 .p-product-contact,
 body.body_product #main .row:first-of-type .col-xs-24.col-sm-24.col-md-24 .c-sns {
  margin-left:8px;
 }
}

/* dancyuドットコムとは */
.greeting_logo {
    width: 38%;
	border-style:none !important;
	padding-top: 4%;
	padding-bottom: 7%;
}
@media (max-width: 767px) {
  .greeting_logo {
    width: initial;
	padding-top: 8%;
}
}

.p-picup__item .col-sm-8{
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 16px;
  padding-top: 12px;
}

/* 今日のおいしいハナシ */
.topic {
    padding:20px 120px;
	margin:0 0 30px 0;
}
@media (max-width: 767px) {
  .topic {
    padding:20px 30px;
}
}
.topic img {
    float:left;
	margin:0 20px 20px 0;
}
.topic h3 {
	display:inline;
}
@media (max-width: 767px) {
  .topic h3 {
	display:block;
}
}
.topic a {
    border-bottom: 1px dotted;
	/*text-decoration:underline dotted;*/
}

.p-dancyu_box00 {
    max-width: 350px;
}
@media (max-width: 767px) {
 .p-dancyu_box00 {
    max-width: none;
 }
}

@media (max-width: 767px) {
  .h-hotword-sp dd a {
    margin: 0 8px 20px;
 }
}
@media (max-width: 767px) {
  .h-hotword-sp dd {
    padding: 35px 0 0;
 }
}
@media (max-width: 767px) {
 .h-search-sp {
    padding: 50px 21px 40px;
 }
}
@media (max-width: 767px) {
 .h-search-sp__input input {
    color: #888;
 }
}

/* component SP旬のカレンダー*/
@media (max-width: 767px) {
  .top_bnr_calendar_sp {
    text-align: center;
	border: 4px solid #db3e3e;
	/*border-radius: 5px;*/
	margin: -23px 15px 50px;
  }
}

@media (max-width: 767px) {
  .c-side-news__ttl {
    float: none;
    width: 100%;
	margin: 0px 0 5px;
	font-size: 1.3rem;
	line-height: 1.8rem;
  }
  .c-side-news dd img {
    float: none;
    width: 100%;
  }
  .c-side-magazine__thm img {
    width: 100%;
  }
  .c-side-magazine__thm {
    margin-bottom: 15px;
  }
  .c-side-news__text {
    float: none;
    width: 100%;
    margin: 10px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .c-side-magazine__btn a {
    width: 100%;
    margin: 0 auto 11px;
    padding: 12px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .c-side-magazine__btn {
    margin-bottom: 50px;
  }
  .c-side-news a {
    padding: 0 13px 0px;
  }
}

.staff-item__ttl {
    margin: 10px 0 0px;
}
@media (max-width: 767px) {
  .staff-item {
	margin: 0 0 45px;
  }
  .staff-item__ttl {
    width: 50%;
    text-align: left;
    float: none;
	margin: 0 0 10px 10px;
  }
  .staff-item dd img {
    float: right;
    width: 48%;
  }
  .staff-item__text {
    width: 50%;
    text-align: left;
    float: left;
  }
  .staff-item a {
    padding: 0 13px 10px;
}
}

@media (min-width:768px) and (max-width:992px) {
   .c-side-magazine__btn a {
    margin:40px 0;
}
}