#key li:nth-child(1) {
  background-image: url("https://www.cafe-holoimua.jp/shop/img/index/slide01.jpg");
}

#key li:nth-child(2) {
  background-image: url("https://www.cafe-holoimua.jp/shop/img/index/slide02.jpg");
}

#key li:nth-child(3) {
  background-image: url("https://www.cafe-holoimua.jp/shop/img/index/slide03.jpg");
}



#key .thumb {
  bottom: -26px;
}

#key .slide-fade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#lead{
  /*background: url(https://www.cafe-holoimua.jp/shop/img/index/lead_bg.jpg) no-repeat center 0;*/
  /*background-size: cover;*/
 padding:80px 0;
  text-align: center;
 /* width:1200px;*/
  margin:0 auto;
  position:relative;
}
#lead p{
position: relative;
  left:-10px;
}

#rawparty{
  background: url("https://www.cafe-holoimua.jp/shop/img/index/rawparty_bg.jpg") no-repeat 0 0,
    url("https://www.cafe-holoimua.jp/shop/img/index/rawparty_bg2.jpg") repeat 0 0 ;
  background-size: 80%,contain;
  position: relative;  
  margin-top:80px;
  margin-bottom:50px;
}
#rawparty h3{
  position: relative;
  top:-80px;
float:right;
}
#rawparty p.txt{
  clear:both;
  text-align: center;
  padding-bottom:30px;
  position: relative;
  top:20px;
  left:30px;
  margin-bottom:50px;
  width:65%;
  float:left;
}
#rawparty p.btn-img{
  float:right;
  width:30%;
  margin-top:-90px;
  margin-right:30px;
}
#top_bnr_wrap{
  background: url("https://www.cafe-holoimua.jp/shop/img/index/rawbnr_img.png") no-repeat right bottom,#e7cbc1;
background-size: contain;
  /*margin-bottom:100px;*/
  clear:both;
}
#top_bnr_wrap p{
  padding:0 0 30px 50px;
  text-align: center;
  width:700px;
}

#top_bnr_wrap2{
background: url("https://www.cafe-holoimua.jp/shop/img/index/icebnr_img_on.png") no-repeat left center,#b4c8c3;
background-size: contain;

  margin-bottom:100px;
  clear:both;
}
#top_bnr_wrap2 h3{
    position: relative;    
}
#top_bnr_wrap2 h3 img:nth-of-type(2){
    position: absolute;
    right: 0;
}
#top_bnr_wrap2 p{
  padding: 0 0 30px 0;
    text-align: center;
    width: 646px;
    margin: 0 0 0 auto;
}
.bnr_area{
 text-align: center;
  margin:0 auto;
 }

a:hover{
  color:#000;
  text-decoration: none;
}


.reco-unit {
    display:flex;
    flex-direction: row;
    -ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap : wrap;
    justify-content:space-between;
	list-style: none;
 
}
.reco-unit li{
	width:48% !important;
    flex-shrink: 0;
  position: relative;
  text-align: center;
}
.reco-unit p{
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 16px;
  margin: auto;
  background: rgba(255,255,255,0.8);
  padding:5px 10px;
  height:50px;
  width:21em;
  font-weight:bold;
}
.bnr01 {
    background: url("https://www.cafe-holoimua.jp/shop/img/index/bnr03_on.jpg") no-repeat 0 0;
  background-size: cover;
}
 .bnr01 a {
    display: inline-block;
}
 .bnr01 a:hover {
	background-color: transparent; /* IE6Âбþ */
}
 .bnr01 a:hover img {
    visibility: hidden;
}
.bnr02 {
    background: url("https://www.cafe-holoimua.jp/shop/img/index/bnr02_on.jpg") no-repeat;
background-size: cover;}
 .bnr02 a {
    display: inline-block;
}
 .bnr02 a:hover {
	background-color: transparent; /* IE6Âбþ */
}
 .bnr02 a:hover img {
    visibility: hidden;
}

.sp_view{
	display:none;
}
@media (max-width: 1650px) {
   .event{
   text-align: center;
  }
    #top_bnr_wrap {
    background: url("https://www.cafe-holoimua.jp/shop/img/index/rawbnr_img.png") no-repeat 33vw 0,#e7cbc1;
    background-size: contain;
    }
    #top_bnr_wrap p{
        text-align: left;
    }
    
#top_bnr_wrap2{
background: url("https://www.cafe-holoimua.jp/shop/img/index/icebnr_img_on.png") no-repeat no-repeat -7vw 0,#b4c8c3;
    background-size: contain;
    }
    #top_bnr_wrap2 p{
            text-align: right;
    margin-right: 45px;
    }
}
@media (max-width: 480px) {
  
#lead{
  background: none;
 padding:20px 0;
  text-align: left;
  width:96vw;
  margin:0 auto;
  position:relative;
}
#lead p{
  left:0px;
}
#rawparty{
  background-size: 80vw,contain;

}
#rawparty h3{
  position: relative;
  top:-80px;
float:right;
}

  
  
  #rawparty p.txt{
  clear:both;
  text-align: left;
  padding-bottom:30px;
  position: relative;
  top:-70px;
  left:0px;
  margin:-100px auto 0;
  width:85vw;
  float:none;
}
#rawparty p.btn-img{
  float:right;
  width:40%;
}
#top_bnr_wrap{
background-size: 70vw;
  /*margin-bottom:50px;*/
  padding-bottom:160px;
    background-position: bottom right;
}
#top_bnr_wrap p{
  padding:10px 0 30px 0px;
  text-align: left;
  width:82vw;
  margin:0 auto;
}

#top_bnr_wrap2{
    background: url(https://www.cafe-holoimua.jp/shop/img/index/icebnr_img.png) no-repeat 35vw 73vw,#b4c8c3;
    background-size: 74vw;
  margin-bottom:50px;
  padding-bottom:160px;
}
#top_bnr_wrap2 p{
  padding:10px 0 30px 0px;
  text-align: left;
  width:82vw;
  margin:0 auto;
} 
    
  .event{
   text-align: center;
  }

    
    
    
    
    
 .reco-unit{
    /*margin-bottom:80px;*/
	    margin: 0 auto;
  }
  .reco-unit li .img_box{ 
        border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}
  .reco-unit li img{ 
  object-fit: cover;
    height: 215px;
    width: 100%;
}
.reco-unit p{
 top: auto;
    bottom: 5%;
    padding: 0;
    width: 17em;
    font-size: 2.5vw;
    line-height: 1.6em;
    vertical-align: middle;
    display: inline-block;
    height: auto;
}
 .bnr01,.bnr02 {
	 background:none;
 }
 .reco-unit p small{
	 font-size:0.7em;
 }
 /*.reco-unit li:nth-child(2) p{
	 padding:1.6em 0;
 }*/
 .sp_view{
	 display:block;
 }
  
}


.text_box1 {
   width: 650px;
   margin: 10px auto 20px auto;
   padding: 20px 0;
   border: double 3px #000;
}

.text_box1 .ttl {
   font-size: 26px;
   margin-bottom: 8px;
   letter-spacing: 2px;
   text-align: center;
   line-height: 40px;
   color: #000;
   font-weight: bold;
}

.text_box1 .txtt {
   text-align: center;
   font-size: 17px;
   line-height: 32px;
   color: #000;
}
.text_box1 .botan1 a {
   width: 330px;
   margin: 10px auto 10px auto;
   padding: 7px 0;
   display: block;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
   text-align: center;
   text-decoration: none;
   font-size: 18px;
   border: solid 1px #FFF;
   background-color: #1d1d1d;
   box-sizing: border-box;
   font-weight: bold;
}
.pc {
 display:inline;
 }
.sp {
 display:none;
 }
@media (max-width: 768px) {
.text_box1 {
      width: 95%;
      margin: 0px auto 20px auto;
      padding: 20px 0;
      border: double 3px #000;
   }

.text_box1 .ttl {
      font-size: 17px;
      margin-bottom: 8px;
      letter-spacing: 2px;
      text-align: center;
      line-height: 40px;
      color: #000;
      font-weight: bold;
   }

.text_box1 .txtt {
      text-align: center;
      font-size: 14px;
      line-height: 30px;
      color: #000;
   }
  .text_box1 .txtt img {
      width: 80%;
   }
  .text_box1 .botan1 a {
   width: 80%;
   margin: 10px auto 10px auto;
   padding: 7px 0;
   display: block;
   color: #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
   text-align: center;
   text-decoration: none;
   font-size: 18px;
   border: solid 1px #FFF;
   background-color: #1d1d1d;
   box-sizing: border-box;
   font-weight: bold;
}
  .pc { 
display:none; 
}
.sp { 
display:inline; 
}
  }