@charset "utf-8";
/* CSS Document */
:root {
	--cont-gap: 2em;
	--cont-padd: 1em;
}

.contents02 .container {
	flex-flow: column;
	gap:1.6em;
  }
.yasai_cp p {
  font-size: 1em;
}

.yasai_pre_inner img {
	width: 100%;
	height: auto;
}

.yasai_reko img {
	width: 100%;
	height: auto;
}
.yasai_cl2_lf_x3 {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  float: left;
  

}

.yasai_cl2_rt_x3 {

  margin: 0;
  padding: 0;

  width: 100%;
  height: auto ;

  float: right;

}
.font_1em{
    font-size:1em;
}
.font_1_2em{
    font-size:1.2em;
}
.font_1_5em{
    font-size:1.2em;
}
.font_2em{
    font-size:1.5em;
}

.yasai_coll_rogo{
	padding: 1em 0 2em 0 ;

	& img {
		max-width: 100%;
	}
}

.fair_date_container {
	max-width: 100%;

}
.contents01 {

	gap: 1em;

}
.yasai_pre-r {
	width: 100%;
  }
a.fusen-2 {
	width: 100%;
}
a.fusen-2 > span{
	
}

.yasai_reco_container{
  display: grid;
  grid-template-columns: 1fr;
  gap:1em;
  
}
.yasai_reco_container.container_cl2{
	grid-template-columns: 1fr;
	padding-bottom:1em;
}
.yasai_rank__l{
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: center;
 
  height: auto;
  background: #008d3f;

  & span{
    font-family: "Oswald", sans-serif;
    width: 70%;
    text-align: right;
    font-size: 6vmin;
    font-weight: 600;
    color: #f4d500;
  }

  &::after{
    position: absolute;
    left:auto;
    right: 0;
    top: 0; 

    height: 100%;
    width: 30%;
    content: '';
    background: url("../images/instore/yasaicp/yasai_rank_w.png");
    background-size:cover;
  }

}

.yasai_rank__r{
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: start;
  padding: 0 0 0 0.5em;

  & i{
    position: relative;
    content: url("../images/instore/yasaicp/yasai_rank_rogo.png");
    width:40%;
    padding: 0 0 2px 0;
  }
  & p{
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    font-size: 2.5vmin;
    font-weight: 600;
  }

}

.yasai_pre h3{
  font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);


}
.yasai_pre__Challenge {

  & h4 {
  font-size: 4vmin;
  margin: 1em 0;
  line-height: 1.8;
}
	
}
/*
.yasai_reco_inner{

  background-image : linear-gradient(to right, #707070 2px, transparent 2px);
   background-size: 6px 2px;
   background-repeat: repeat-x;
   background-position: bottom;
  }
   */
   .contents03 .container {
	grid-template-columns: 1fr 1fr  ;
	gap: 8px;

   } 
   .yasai_rcp_foot {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 110px;
}