@charset "utf-8";

/* テンプレート修正 */
#d_container .wrap {
 width: 100%;
}

#d_topic_path {
 width: 990px;
 margin: 0 auto 20px;
}

#sanchoku_20230428 {
box-sizing: border-box;
}

#sanchoku_20230428 .link-hover {
cursor: pointer;
text-decoration: none;
transition: .4s;
}

#sanchoku_20230428 .link-hover:hover {
opacity: .7;
}

/**
#sanchoku_20230428 .pc {
display: block;
}**/


/* ------------------------------------------------
MV
------------------------------------------------ */

#sanchoku_20230428 h1 {
 margin: 0 auto;
}

#sanchoku_20230428 .mv_visual {
 width: 100%;
 height: auto;
 margin: 0 auto;
 text-align: center;
 background: url(/ec/shop/images/campaign/20230428_sanchoku/mv_bg.jpg) repeat-x;
 
 
 position: relative;
}

#sanchoku_20230428 .mv_visual img {
 width: 100%;
 height: auto;
}




/* ------------------------------------------------
ナビゲーション
------------------------------------------------ */

#sanchoku_20230428 .nav {
 background-color: #905C44;
}

#sanchoku_20230428 .nav ul{
 display:flex;
 width: 622px;
 margin: 0 auto;
}

#sanchoku_20230428 .nav li {
 margin: 25px auto;
 padding: 3px 3px;
 width: 50%;
 text-align: center;
 border-left: 2px #fff dotted;
}

#sanchoku_20230428 .nav li:last-child {
 border-right: 2px #fff dotted;
}

/**
#sanchoku_20230428 .nav a{
 color: #442105;
 font-size: 16px;
 font-weight: bold;
 line-height: 25px;
 letter-spacing: 2px;
text-align: center;
}**/


/* ------------------------------------------------
月替わり特集
------------------------------------------------ */
#sanchoku_20230428 .month {
    margin: 75px auto;
    text-align: center;
}

#sanchoku_20230428 .month h3 {
 padding: 29px 0 42px;
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 35px;
 line-height: 47px;
 font-weight: 300;
 color: #54200C;
 text-align: center;
}

#sanchoku_20230428 .month_btn {
    width: 700px;
    margin: 0 auto;
}

#sanchoku_20230428 .month_btn img{
 width: 100%;
 height: auto;
}


/* ------------------------------------------------
pick up
------------------------------------------------ */
#sanchoku_20230428 .pickup {
background: #FCF6E8;
 padding: 75px 0;
text-align: center;
}

#sanchoku_20230428 .pickup h2{
 text-align: center;
}

#sanchoku_20230428 .pickup h3{
 padding: 23px 0 32px;
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
 font-size: 35px;
 line-height: 47px;
 font-weight: 300;
 color: #32630C;
 text-align: center;
}

#sanchoku_20230428 .pickup p{
 padding-bottom: 47px;
 font-family: 'メイリオ', 'Meiryo', sans-serif;
    font-size: 21px;
    line-height: 40.5px;
 font-weight: 300;
 color: #000;
 text-align: center;
}

#sanchoku_20230428 .pickup_contents{
 display:flex;
 align-items: flex-start;
 flex-wrap: wrap;
 width: 1002px;
 margin: 0 auto;
 justify-content: center;
}

#sanchoku_20230428 .pickup_inner{
 width: 312px;
 margin: 0 32px 0 0;
}

#sanchoku_20230428 .pickup_inner img{
 width: 100%;
 height: auto;
}


#sanchoku_20230428 .pickup_inner:nth-child(3n){
 margin: 0;
}

#sanchoku_20230428 .pickup_inner:nth-last-child(n+4) {
    margin-bottom: 29px;
}


#sanchoku_20230428 .pickup_img{
 background-color: #fff; 
}

#sanchoku_20230428 .pickup_name{
 margin: 0 auto;
 padding: 15px 0 2px;
 font-size: 14px;
 line-height: 21px;
 /**letter-spacing: 1px;**/
 color: #442105;
}

#sanchoku_20230428 .pickup_price{
 font-size: 18px;
 font-weight: bold;
 line-height: 22px;
 color: #442105;
}

#sanchoku_20230428 .pickup_yen_tax{
 font-size: 15px;
 line-height: 22px;
 font-weight: normal;
 color: #442105;
}


/**  pick up small**/

#sanchoku_20230428 .pickup h4{
width: 487px;
 margin: 63px auto 47px;
    padding: 13px 0;
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
 font-size: 25px;
 line-height: 29px;
 font-weight: 300;
 letter-spacing: 0.1em;
 color: #54200C;
 border-top: 2px #54200C dotted;
 border-bottom: 2px #54200C dotted;
 /**color: #32630C;
  border-top: 2px #32630C dotted;
   border-bottom: 2px #32630C dotted;**/
 text-align: center;
}


#sanchoku_20230428 .pickup_small_contents{
 display:flex;
 align-items: flex-start;
 flex-wrap: wrap;
 width: 1002px;
 margin: 0 auto;
 justify-content: center;
}


#sanchoku_20230428 .pickup_small_inner {
    width: calc((100% - (27px * 3)) / 4);
}

.pickup_small_inner:not(:nth-child(4n)) {
    margin-right: 27px;
}

#sanchoku_20230428 .pickup_small_inner:not(:nth-last-child(-n + 4)) {
  margin-bottom: 27px;
}

#sanchoku_20230428 .pickup_small_inner img{
 width: 100%;
 height: auto;
}

#sanchoku_20230428 .pickup_inner:nth-child(4n){
 margin: 0;
}

/**
#sanchoku_20230428 .pickup_inner:nth-last-child(n+4) {
    margin-bottom: 27px;
}**/


/* ------------------------------------------------
カテゴリー
------------------------------------------------ */
#sanchoku_20230428 .category {
 padding: 75px 0;
text-align: center;
}

#sanchoku_20230428 .category h2{
 padding-bottom: 55px;
    text-align: center;
}


#sanchoku_20230428 .category_contents{
 display:flex;
 align-items: flex-start;
 flex-wrap: wrap;
 width: 1002px;
 margin: 0 auto;
 justify-content: center;
}


#sanchoku_20230428 .category_inner {
width: calc((100% - (27px * 3)) / 4);
}

#sanchoku_20230428 .category_inner:not(:nth-child(4n)) {
  margin-right: 27px;
  margin-bottom: 27px;
}

#sanchoku_20230428 .category_inner img{
 width: 100%;
 height: auto;
}

#sanchoku_20230428 .category_inner:nth-child(4n){
 margin: 0;
}

#sanchoku_20230428 .category_inner:nth-last-child(-n+4){
  margin-bottom: 0;
}

/* ------------------------------------------------
キーワードで探す
------------------------------------------------ */
#sanchoku_20230428 .keyword {
 padding: 3px 0 75px;
text-align: center;
}

#sanchoku_20230428 .keyword h2{
 padding-bottom: 30px;
    text-align: center;
}

#sanchoku_20230428 .keyword_inner{
 display:flex;
 align-items: flex-start;
 flex-wrap: wrap;
 width: 1002px;
 text-align: center;
 margin: 0 auto;
 justify-content: center;
}

#sanchoku_20230428 .keyword_inner li{
 padding: 9px 15px 0;
}

#sanchoku_20230428 .keyword_inner li a{
     font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
 font-size: 25px;
 line-height: 36px;
 font-weight: 300;
 color: #54200C;
}


/* ------------------------------------------------
商品一覧を見る
------------------------------------------------ */
#sanchoku_20230428 .all_list{
 margin: 0 auto;
 text-align: center;
}

/* ------------------------------------------------
こちらもおすすめ
------------------------------------------------ */
#sanchoku_20230428 .recommend {
background: #FCF6E8;
 margin: 75px auto;
 padding: 75px 0;
text-align: center;
}

#sanchoku_20230428 .recommend h2{
 text-align: center;
}

#sanchoku_20230428 .recommend h3{
 padding: 23px 0 40px;
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
 font-size: 35px;
 line-height: 47px;
 font-weight: 600;
 color: #54200C;
 text-align: center;
}

#sanchoku_20230428 .recommend_btn {
    width: 700px;
    margin: 0 auto 26px;
}

#sanchoku_20230428 .recommend_btn img{
 width: 100%;
 height: auto;
}

#sanchoku_20230428 .recommend p{
 font-family: 'メイリオ', 'Meiryo', sans-serif;
    font-size: 21px;
    line-height: 40.5px;
 font-weight: 300;
 color: #000;
 text-align: center;
}

#sanchoku_20230428 .recommend .annotation{
  padding-top: 3px;
 font-family: 'メイリオ', 'Meiryo', sans-serif;
    font-size: 14px;
 line-height: 22px;
 font-weight: 300;
 color: #000;
 text-align: center;
}


/** おすすめ pick up **/
#sanchoku_20230428 .recommend_pickup {
 width: 700px;
 margin: 69px auto 70px;
 padding: 50px 50px;
 background-color: #fff;
}

#sanchoku_20230428 .recommend_pickup h4{
    margin: 0 auto;
    text-align: center;
    padding-bottom: 46px;
}

#sanchoku_20230428 .recommend_pickup_contents {
 display: flex;
}

#sanchoku_20230428 .recommend_pickup_img {
    width: 265px;
}

#sanchoku_20230428 .recommend_pickup_img img {
    width: 265px;
    height: auto;
}

#sanchoku_20230428 .recommend_pickup_date {
 margin-left: 34px;
 text-align: left;
}

#sanchoku_20230428 .recommend_pickup_name{
 margin: 0 auto;
 padding-bottom: 2px;
 font-size: 14px;
 line-height: 21px;
 color: #442105;
}

#sanchoku_20230428 .recommend_pickup_price {
 font-size: 18px;
 font-weight: bold;
 line-height: 22px;
 color: #442105;
}

#sanchoku_20230428 .recommend_pickup_yen_tax {
 font-size: 15px;
 line-height: 22px;
 font-weight: normal;
 color: #442105;
}

#sanchoku_20230428 .recommend_pickup_text {
 margin-top: 15px;
 font-size: 15px;
 line-height: 28px;
 font-weight: normal;
}

/** 仕切り線 **/
#sanchoku_20230428 .recommend_hr {
  display: block; 
    margin: 75px auto;
    width: 1002px;
    border: 1px solid #905C44;
    opacity: 0.5;
}


/* ------------------------------------------------
追加バナー
------------------------------------------------ */
#sanchoku_20230428 .others {
 width: 700px;
 margin: 0 auto;
text-align: center;
}

#sanchoku_20230428 .others_btn {
    width: 700px;
     margin: 80px auto;
}

#sanchoku_20230428 .others_btn:last-child {
     margin-bottom: 80px;
}

#sanchoku_20230428 .others_btn img{
 width: 100%;
 height: auto;
}



/* =============================================
PC・SP表示非表示用
============================================= */

#sanchoku_20230428 .sp {
    display: none;
}


/* =============================================
タブレット表示用
============================================= */
@media screen and (min-width: 1024px) {
#sanchoku_20230428 .mv_visual img {
 width: 1500px;
 height: auto;
}