input#daily_check, label[for="daily_check"]{display: none;}

/* 今日のヒトコト */

#daily_rss{width: 100%; overflow: hidden; background-color: #152b98; padding: 12px 16px 8px; position: relative; height: auto;}
#daily_rss:before{padding-top: 100%;}

#daily_rss .daily_contents{text-align: center; margin: 0; display: inline-block; white-space: nowrap; transition: none; line-height: 1em; color: #6c81eb; font-size: 14px;}

#daily_rss p.daily_title{display: block; animation : none; text-align: left; padding: 4px 0 3px; white-space: normal; line-height: 1.5em; font-size: 14px; color: #fff; margin: 0;}

#daily_rss .daily_contents p{display: inline-block; padding: 0 1em 0 0; font-size: 13px; color: #a7b3f2; margin: 0;}

#daily_rss .daily_contents p img{display: inline;}

/* 今日のヒトコトここまで */

/* ストアからのお知らせ */
.info{background-color: #5d2b0d; padding: 20px 0; color: #b7b7b7;}
.info_box{
max-width: 600px;
padding: 20px;
margin: 0 auto;
width: calc(100% - 40px);
background-repeat: no-repeat;
background-image: url(https://contents.vidacafetera.com/images/top-left.svg),
url(https://contents.vidacafetera.com/images/top-right.svg),
url(https://contents.vidacafetera.com/images/bottom-left.svg),
url(https://contents.vidacafetera.com/images/bottom-right.svg);
background-position: top 6px left 6px,
top 6px right  6px,
bottom 6px left  6px,
bottom 6px right  6px;
background-size: 50px;
}

.info_box_inner{border: 1px solid;
padding: 10px 20px;
}

.info_box h2{
text-align: center;
font-weight: 400;
margin-bottom: 20px;
  font-family:"Hannari", serif;
  font-size: 1.2em;
}
.info_box h3{font-size: 1.0em}
.info_box p{padding: 0; margin-bottom: 0; font-size: 0.9em;}

.kadomatsu{float: left; width: 20%; max-width: 100px; padding-right: 20px; margin-bottom: 20px;}

/* ストアからのお知らせここまで */

/* ストーリーを読む */
.our_story{background-color: #3C1619; padding: 30px 25px 40px; font-family:"Hannari", serif;}
  .intro_box{text-align: center;}
.our_story h2{color: #E2C80F; margin: 20px auto 60px; font-weight: 400; text-align: center; max-width: 550px;}
.our_story img{margin: 0 auto 30px; width: 100%; max-width: 600px;}
.our_story img.ourstory_logo{width: 90%; max-width: 400px;}
.our_story p{color: #E2C80F; margin: 0 auto 50px; padding: 0; max-width: 720px;}
.story_intro{font-size: 18px; display: inline-block;}

.read_more_box{text-align: center;}
p.read_more{font-family: "Hannari", serif; color: #E2C80F; position: relative; text-align: center; display: inline-block; border: 1px solid; border-radius: 100px; padding: 5px 80px;}
p.read_more:before{content: ""; display: block; position: absolute; top: 50%; left: 28px; width: 33px; height: 17px; background: url(https://contents.vidacafetera.com/images/our_coffee_left.svg) no-repeat; margin-top: 0; transform: translateY(-50%);}
p.read_more:after{content: ""; display: block; position: absolute; top: 50%; left: auto; right: 28px; width: 33px; height: 17px; background: url(https://contents.vidacafetera.com/images/our_coffee_right.svg) no-repeat; transform: translateY(-50%);}


/* メッセージ */
.message{color: #152b98; text-align: center; font-family:"Hannari", serif; padding: 60px 0;}
.message div{display: inline-block; text-align: left; padding: 0 10px;}
.letter_body{font-size: 6vw;}

/* 私達のコーヒー */
.our_coffee{color: #fff; background-color: #152b98; padding: 60px 25px 50px;}
.our_coffee h3, .our_coffee p{padding-left: 0; padding-right: 0;}
.our_coffee img{width: 100%; margin-bottom: 40px;}
.our_coffee h3{font-family:"Hannari", serif; font-size: 1.5em; line-height: 1.3; text-align: left; font-weight: 400; margin-top: 40px; margin-bottom: 40px;}

/* お送りするためにしていること */
.for_freshness{background-color: #3C1619; color: #fff; padding: 80px 25px;}
.for_freshness h3, .for_freshness h4,.for_freshness p{padding-left: 0; padding-right: 0;}
.for_freshness h3{font-family: "Hannari", serif; color: #E2C80F; font-weight: normal; text-align: center; margin: 10px auto 30px; font-size: 24px;}
.for_freshness h3 span{display: block; font-size: 18px;}
.for_freshness .center{font-family: "Hannari", serif; text-align: center; font-size: 22px; color: #E2C80F; padding-top: 40px;}
.for_freshness ul{padding: 0;}
.for_freshness ul li{position: relative; padding-top: 110px;}
.for_freshness ul li.point_1:before{content:""; display: block; position: absolute; top: 40px; left: 50%; width: 98px; height: 60px; background:url(https://img07.shop-pro.jp/PA01256/620/etc/point1.png?cmsp_timestamp=20220327145232) no-repeat; background-size: contain; transform: translateX(-50%);}
.for_freshness ul li.point_2:before{content:""; display: block; position: absolute; top: 40px; left: 50%; width: 98px; height: 60px; background:url(https://img07.shop-pro.jp/PA01256/620/etc/point2.png?cmsp_timestamp=20220327144702) no-repeat; background-size: contain; transform: translateX(-50%);}
.for_freshness ul li.point_3:before{content:""; display: block; position: absolute; top: 40px; left: 50%; width: 98px; height: 60px; background:url(https://img07.shop-pro.jp/PA01256/620/etc/point3.png?cmsp_timestamp=20220327160317) no-repeat; background-size: contain; transform: translateX(-50%);}
.for_freshness ul li h4{font-size: 20px; font-weight: 400; margin-bottom: 30px; color: #E2C80F; text-align: center;}
.for_freshness ul li img{margin: 0 auto 20px; width: 100%; max-width: 600px;}
.for_freshness ul li p{margin: 0 auto 20px; max-width: 600px;}
.for_freshness p.read_more{padding: 5px 80px;}
/* お送りするためにしていること */


/* Amazon キャンペーン */
.amazon_campaign{padding: 10px 20px 0;}
/* 売れ筋スライドショー */
.seller_box{position: relative; margin: 50px auto; max-width: 1200px; padding-top: 20px;}
.seller_title{line-height: 1.5; position: absolute; top: -10px; left: 8%; display: block; z-index: 101; transform: rotate(-12deg); text-align: center; font-size:16px; text-shadow: 2px 2px 3px #fff, 2px -2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff;}
ul.slider{z-index: 98;}
ul.slider li.slick-center{position: relative; overflow: visible;}
.slider_item{margin: 0 25px;}
.slider_item a.slider_img{transform: scale(1.00); transition-duration:1s;}
.slider_item a.slider_img img{margin: 0 auto 10px; width: 100%;}
.seller_name{margin-bottom: 10px; padding: 0;}
.slider_item .price{text-align: center; font-weight: 700; padding: 0;}
.slider_item .price span{font-weight: 400; font-size: 0.7em;}
.discount_number{display: none;}
.slick-center .discount_number{display: block; position: absolute; top: 5px; right: -5px; left: auto; background-color: #E2C80F; color: #fff; padding: 20px 0; border-radius: 50%; width: 60px; height: 60px; text-align: center; border: none;}
.slick-center .discount_number span{font-size: 10px;}
/* 売れ筋スライドショーここまで */

/* グループ */
.coffee_group{padding: 30px 25px 40px; background-color: #3C1619;}
.coffee_group h2{font-family:"Hannari", serif; color: #E2C80F; font-size: 1.3em; margin-bottom: 20px;}

.light_roast_image{width: 100%; max-width: 600px; margin: 0 auto; border-radius: 7px; overflow: hidden; pointer-events: none;}

.light_roast_image:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.4); opacity: 0.7;}
.light_roast_image a{pointer-events: auto;}
.group_image .dark_image a:hover img, .group_image .french_image a:hover img{box-shadow: 0 10px 10px rgba(0,0,0,0.4); pointer-events: auto; opacity: 0.7;}
.group_image{padding: 10px 0;}
.group_image .dark_image, .group_image .french_image{margin-bottom: 10px;}

.group_image .dark_image img{width: 100%; max-width: 600px; margin: 0 auto; border-radius: 7px;}
.group_image .french_image img{width: 100%; max-width: 600px; margin: 0 auto; border-radius: 7px;}

/* バナー */
ul.banner_box{margin: 30px 0;}
.banner_box li{position: relative; margin: 0 auto 20px; max-width: 600px;}
.banner_box li:last-child{margin-bottom: 0;}
.banner_box li .limited{width: 80px; height: 80px; border: 2px solid #3C1619; border-radius: 50%; font-size: 24px; line-height: 26px; text-align: center; font-weight: 700; padding: 10px 10px; background-color: #E2C80F; color: #fff; left: auto; right: 20px; position: absolute; top: -20px;}
.banner_box li img{width: 100%;}
/* バナーここまで */

/* ブログ記事 */
.blog_contents{padding: 25px 25px;}
#news-blog{width: 100%; margin-left: 0; list-style: none;}
#news-blog li{}
#news-blog li .date{text-align: center; display: inline-block;}
#news-blog li .date .year{display: block;}
#news-blog li img{margin: 0 auto 10px; width: 100%; max-width: 300px;}
/* ブログ記事ここまで */


/* 掲載誌 */
.magazine {display: flex; align-items: center; overflow: hidden; position: relative; padding: 20px 0; margin-bottom: 30px;}

.magazine:before, .magazine:after{content: ""; height: 340px; width: 35%; z-index: 2; position: absolute; background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}

.magazine:before{left: 0; top: 0;}
.magazine:after{right: 0; top: 0; transform: rotateZ(180deg)}

ul.published_slide {display: flex; animation: loop-slide 30s infinite linear 1s both; padding-top: 20px; border-top: 2px solid #E2C80F; border-bottom: 2px solid #E2C80F;}
.published_slide li {width: 300px; height: auto; padding:0 10px; text-align: center;}
.published_slide li img{height: 120px; margin-bottom: 15px; display: inline; transform: rotateZ(6deg)}
.published_slide li p{margin: 0;}

@keyframes loop-slide {from {transform: translateX(0);} to {transform: translateX(-100%);}}

/* 掲載誌ここまで */


/* 店舗案内・Facebook */
.shop_info{padding: 30px 25px 30px; background-color: #f7f7f7;}
.other_box{width: 100%; margin-bottom: 0; padding: 0;}
.accessmap{margin-bottom: 20px;}
.accessmap h3{font-size: 1em; background-color: #ddd; display: block; padding: 12px 10px 2px; font-weight: 400;}
.accessmap iframe{margin-bottom: 30px;}
.button_box{text-align: center; margin-bottom: 0;}
.gotoshop{display: inline-block; font-size: 1.2em; color: #fff; padding: 10px 30px; background-color: #E2C80F; border-radius: 30px; margin-bottom: 20px;}
.shop-holiday{margin: 0 auto 20px;}
.shop-holiday th{width: 80px; padding-right: 10px;}
.shop-holiday .flex_cell{display: flex; justify-content: space-between;}
.shop-holiday .left_cell{width: 95px; background-color: #eaeaea; text-align: center;}
.shop-holiday .right_cell{padding-left: 5px;}
.shop_address{text-align: center; margin-bottom: 0;}
.fb-box{width: 100%; padding: 10px; text-align: center; background-color: #f7f7f7; border: 1px solid #d5d5d5; margin: 0 auto;}
.fb-page{display:block !important; width:100%; max-width:600px; margin-left:auto; margin-right:auto; height:700px;}
/* 店舗案内・Facebookここまで */



@media screen and (min-width: 481px){

.seller_title{top: 0; left: 33%;}
.our_story h2{display: block; padding: 0 50px;}

}



@media screen and (min-width: 897px){
  
.daily_info_box{position: relative;}
#daily_info{position: absolute; left: auto; right: 50px; top:-25px; width: 350px; z-index: 300; background-color: rgba(60,22,25,0.7); color: #E2C80F; padding: 10px;}

  #daily_info:before{content:""; display: block; position: absolute; top: -29px; left: -15px; width: 380px; height: 40px; background: url(https://contents.vidacafetera.com/images/daily_mall_up.svg) no-repeat;}
    #daily_info:after{content:""; display: block; position: absolute; top: auto; bottom: -35px; left: -15px; width: 380px; height: 40px; background:url(https://contents.vidacafetera.com/images/daily_mall_down.svg) no-repeat;}


  label[for="daily_check"]{display:block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #E2C80F; position: absolute; left: auto; right: 0px; top: 0; background-color: #3C1619;}

  label[for="daily_check"]:hover{
  background:orange;
}
#daily_info label::before{
  content:"";
  display:block;
  position:absolute;
  right: -1px; top: 9px;
  width:20px;
  height:1px;
  transform:rotate(135deg);
 background-color: #E2C80F;}
  #daily_info label::after{
  content:"";
  display:block;
  position:absolute;
  right: -1px; top: 9px;
  width:20px;
  height:1px;
  transform:rotate(45deg);
 background-color: #E2C80F;  }
  
#daily_check:checked + #daily_info:before, #daily_check:checked + #daily_info:after, #daily_check:checked + #daily_info label, #daily_check:checked + #daily_info #daily_rss{display:none;}
  #daily_rss{border: 1px solid #E2C80F; padding: 10px 10px 0; background-color: transparent; position: static; height: auto;}
  #daily_rss .daily_contents{animation: none; display: block; padding-left: 0; white-space: normal; line-height : 1.5em; text-align: justify; position: static;}
  #daily_rss .daily_contents p{color: #E2C80F; padding: 0 0 10px; text-align: justify;}
  #daily_rss .daily_contents p:before, #daily_rss .daily_contents p:after{margin: 0;}
  #daily_rss p.daily_title{color: #E2C80F; text-align: left; padding: 10px 0; font-size: 15px; font-weight: 700;}


  .main_visual{width: 100%; height: 52.5vw; max-height: 630px; overflow: hidden;}
  .main_visual img{position: relative; top: 50%; left: 0; max-width: none; width: 100%; transform: translateY(-50%);}

  /* ストーリー */
  .story_intro{margin: 20px 0 30px;}
  .read_more{color: #E2C80F; text-align: center; font-size: 1.2em; transition : 0.3s;}
  .read_more:hover{background-color: #E2C80F; color: #3C1619;}
  .read_more:hover:before{content: ""; display: block; position: absolute; top: 50%; left: 28px; width: 33px; height: 17px; background: url(https://contents.vidacafetera.com/images/our_coffee_left_hover.svg) no-repeat; margin-top: 0; transform: translateY(-50%);}
  p.read_more:hover:after{content: ""; display: block; position: absolute; top: 50%; left: auto; right: 28px; width: 33px; height: 17px; background: url(https://contents.vidacafetera.com/images/our_coffee_right_hover.svg) no-repeat; transform: translateY(-50%);}





  /* メッセージ */
  .letter_body{font-size: 30px;}

  /* 私達のコーヒー */
  .our_coffee{padding: 60px 40px 50px;}
  .our_coffee_box{display: table;}
  .our_coffee_box div{display: table-cell; width: 45%; vertical-align: top;}
  .our_coffee_box .left_box{padding-right: 40px; width: 55%;}
  .our_coffee h3.first{margin-top: 0;}

  /* お送りするためにしていること */
  .for_freshness{padding: 80px 40px;}
  .for_freshness ul{display: flex; text-align: justify;}
  .for_freshness ul li{width: 30%; margin-right: 5%;}
  .for_freshness ul li:last-child{margin-right: 0;}
  .for_freshness ul li h4{margin-bottom: 20px;}

  /* 売れ筋 */
  .slick-list{padding: 20px 0 0 !important;}
  .seller_title{top: 0; left: 36%; font-size: 18px; line-height: 1.3;}
  .slider_item{margin: 0 35px; transform: none;}
  .slider_item.slick-center a img.new_mark_img1{box-shadow: none;}


  /* グループ */
  .coffee_group{padding: 30px 40px 40px;}
  .coffee_group h2{font-size: 1.5em; text-align: center;}
  .light_roast_image{display: table; table-layout: fixed; max-width: 1200px;}
  .woman_image, .light_image{display: table-cell;}
  .group_image{display: table; table-layout: fixed;}
  .group_image .dark_image{display: table-cell; padding-right: 5px;}
  .group_image .french_image{display: table-cell; padding-left: 5px;}

/* バナー */
ul.banner_box{margin: 30px auto; display: table;}
  ul.banner_box li{position: static; display: table-cell;}
  /* バナーここまで */
  
/* ブログ記事 */
#news-blog{display: table; table-layout: fixed;}
#news-blog li{display: table-cell; }
/* ブログ記事ここまで */


/* 店舗案内・Facebook*/
  .shop_info{padding: 30px 40px 50px;}
  .other_box{display: table; table-layout: fixed; padding: 0;}
  .accessmap{display: table-cell; width: 70%; vertical-align: top; padding-right: 20px;}
  .fb-box{display: table-cell; width: 30%; vertical-align: top;}

}