@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
.clear_float {
    clear: both;
}

.yum_h2{
    font-size:x-large;
    line-height: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
	padding: .3em .3em .3em 1.3em;
}

.yum_h2::after {
	position: absolute;
	content: '';
	top: 0.65em;
	left: .4em;
	width: 12px;
	height: 12px;
	background-color: rgb(17, 182, 52);
	transform: rotate(45deg);
}


.PDF_Download{
    color: blue;
    font-size: 1.4rem;
}


.imgframe {
    display: inline-block;
    position: relative;
    width: auto;
}

.imgframe:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 25px #fff/* 背景色と同じ色 */
    , inset 0 0 35px #fff, inset 0 0 15px #fff, inset 0 0 15px #fff;
}

.Menu_Title {
    margin: 7vh auto 2vh auto;
    line-height: 4vw;
    filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.4));
}


.Main_Menu_list .grid {
    margin-right: 13px;
}

.Main_Menu_list .grid:nth-child(4n) {
    margin-right: 0px;
}

.redtext {
    color: #e99c9c !important;
}




.Main_Menu_list {
    display: block;
    height: auto;
    margin-bottom: 41vh !important;
}


.Main_Menu_list .grid {
    display: inline;
    height: auto;
}









#concept {
    width: 100%;
    height: 424px;
    background: url(../yumimg/berrywidth1040.png) no-repeat;
    background-size: 100% 100%;
    width: 1040px;
    margin: 0 auto;
    font-size: 1rem;
    font-family: 'Noto Serif JP', serif;
    color: #4a1111;
}

#concept h2 {
    font-size: 2rem;
    padding-left: 3%;
    line-height: 2rem;
    margin-bottom: 1rem;
}

#concept article {
    width: 90%;
    padding-left: 5%;
    font-size: 1rem !important;
}

.season {
    font-family: 'Noto Serif JP', serif;
    /*background-image: url(../yumimg/chirsmaxB.jpg);*/
    background-image: url(../yumimg/2m.jpg?ver12011);
    background-size: auto 100% ;
}

.titles img {
    width: 60%;
    display: block;
    padding-top: 2%;
    margin: 0 auto;
}

.season h1 {
    font-size: 4rem;
    text-align: center;
    color: #560202de;


}


.season h2 {
    padding-top: 3vh;
    text-align: center;
    font-size: 2rem;
    line-height: 2em;
    font-weight: 600;
}



.season_list {
    display: inline-block;
    text-align: center;
    margin-bottom: 5vh;
}

.season_list h3 {
    font-size: 3rem;
}

.season_list h4 {
    font-size: 2rem;
}

.season_list h5 {
    font-size: 2.4rem;
    margin-left: 3rem;
    text-align: left;
}


.season_list img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}


.season_bottom {
    padding-bottom: 30px;
}

.season_bottom h4 {
    font-size: 2rem;
    padding: 5px;
    line-height: normal;
}


.season_bttomflex {
    display:flex;
    padding:10px;
    flex-direction: row;
    justify-content: space-between;

}
.season_bottomflexbox{
    margin-bottom: 20px;
    width: 40%;

}

.product_small{
    font-size: 0.3rem;
}

.spantext{
    display: inline-block;
}

.detail_text{
    font-size: 2rem;
    line-height: 2.2rem;
    text-align: left;
}
.detail_text_small{
    color: rgb(7, 123, 65);
    font-size: 1.6rem;
    line-height: 1.8rem;
    text-align: left;

}
.mb_div{
    display: block;
    margin-bottom: 30px;
}
.rightspan{
    text-align:right;

}


.tmp11{
    color: #db9165de;
    font-size: 1.3rem;
    text-align: left;
    line-height :1
}

.tmptext{
    color: #5e5e5ede;
    font-size: 1.2rem;
    text-align: left;
    line-height :1;
    padding-bottom: 20px;
}

.price_text{
    text-align:right;
    font-size: 3.1rem;
    line-height: 6rem;
    font-feature-settings:"palt";
}

#season_block{
    margin: 0 7vw;
    color: #3c2626de;
    text-shadow: 0px 0px 1px rgba(252, 112, 112, 0.871);
    font-weight: 500;
}

.yum_h1{
    font-size: 1.7rem;
    color: #000;
    position: relative;
	padding: .1em .3em .1em 1em;
}


.yum_h1::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 5px;
	height: -webkit-calc(100% - 1em);
	height: calc(90% - 0.8em);
	background-color: #741;
}
.product_small{
    font-size: 0.8rem;
}
/*****access******/
#main{
    color: #444;
}
.collapsible {
  background-color: #741;
  line-height: 0.6rem;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

.active, .collapsible:hover {
  background-color: #ca0;
  /*eb1*/
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  font-size: 1.2rem !important;
}

/******送料********/ 

.btn {
    border: 1px solid #ccc;
    background: #f1e767;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    -webkit-box-shadow: inset 1px 1px 1px #fff;
    box-shadow: inset 1px 1px 1px #fff;
  }
  
  .btn:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
  }
  

.souryou{
    font-size: 1.4rem;
    margin-top: 3rem;
    color: #444;
}
.souryou p {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  margin-top: 15px;
}
.souryou table {
  margin: 20px auto;
}

.tbl-r02 th {
  background: #743;
  border: solid 1px #ccc;
  width: 15%;
  color: #fff;
  padding-left: 10px;
}
.tbl-r02 td {
 border: solid 1px #ccc;
  padding: 10px;
}
 




.forms input,.forms textarea{
    font-size: 1.5rem;
    display: inline;
}

.forms select{
font-size: 1rem;
width: 6rem;
height: 2.5rem;
}
.forms button{
    display: inline;
    width: 7rem;
    height: 3rem;

}

#shippingbox{
    display: flex;
    flex-direction: row;
}




#shippingvalue{
    font-size: 2rem;
    line-height: normal;
    margin: 0;
    font-weight: normal;
    border-bottom: solid 2px rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
}


.product_title_small{
    font-size: 12px!important;
}



/***pad****/
@media only screen and (max-width:959px) {
    #concept {
        /*********ここが反応すれば解決*/
        background: url(../yumimg/berry1.png?ver12011) no-repeat left bottom !important;
        background-size: 100% auto !important;
        margin: 0 auto;
        font-size: 0.7rem;
        font-family: 'Noto Serif JP', serif;
        color: #4a1111;
        width:96% !important;
    }

    .Main_Menu_list .grid {
        margin-right: 0 !important;
    }
    .Main_Menu_list .grid:nth-of-type(odd) {
        margin-right: 3.9% !important;
    }

  
    .detail_text{
        font-size: 1.3rem;
        line-height: 1.3rem;
    }
    .detail_text_small{
        font-size: 1rem;
        line-height: 1rem;
    }

    .price_text{
        font-size: 2.2rem;
        line-height: 2.25rem;
    }
    .product_small{
        font-size: 1rem;
    }
  
    
}



/***smartphone****/

@media only screen and (max-width:640px) {

    .last td:last-child {
        border-bottom: solid 1px #ccc;
        width: 100%;
      }
      .tbl-r02 {
        width: 90%;
      }
      .tbl-r02 th,
      .tbl-r02 td {
      border-bottom: none;
        display: block;
        width: 100%;
      }  

    #concept {
        width: 100%;
        height: 40vh;
    }
    #concept h2 {
        margin-left: 3%;
    }
    #concept article {
        width: 86%;
        margin-left: 8%;
        top: 70px;
        margin-bottom: 50vh;
        line-height: 1rem;
    }

    .titles img {
        width: 90%;
    }
    .season {
        /* background-image: url(../yumimg/chirsmaxB.jpg);*/
        background-image: url(../yumimg/2m.jpg?ver12011);
        width: auto;
    }
    .season h1 {
        font-size: 10vw;
        text-align: center;
    }
    .season h2 {
        padding-top: 3vh;
        text-align: center;
        font-size: 5.5vw;
        line-height: 2em;
        font-weight: 600;
    }
    .season h2::before {
        margin-left: 5%;
        position: absolute;
        left: 0;
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background: url(../yumimg/belmini.png) no-repeat;
        background-size: contain;
        ;
    }
    .season h2::after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 2em;
        height: 2em;
        background: url(../yumimg/belmini.png) no-repeat;
        background-size: contain;
        ;
    }
    .season .subtitle {
        margin-top: 8vh;
        font-size: 6vw;
        text-align: center;
    }
    #season_block{
        margin: 0 5%;
    }
    .price_text{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .season_list {
        display: inline-block;
        text-align: center;
    }
    .season_list h3 {
        font-size: 7vw;
    }
    
    .season_list img {
        margin-bottom: 3px;
    }

    .season_bottom {
        padding-bottom: 30px;

    }
    .season_bttomflex {
        display:flex;
        padding:10px;
        flex-direction: column;

    }
    .season_bottomflexbox{
        margin-bottom: 20px;
        width: 100%;
        text-align: center;

    }



    .Main_Menu_list .grid:nth-of-type(n) {
        margin-right: 0px;
    }
    .Main_Menu_list .grid:nth-child(odd) {
        margin-right: 22px;
    }


    .product_small{
        font-size: 0.7rem;
    }

    .Emspan{
        font-weight: 600;
    }


   
}
/***smartphone_mini****/
@media only screen and (max-width:480px) {
    
    .grid .description {
        font-size: 0.74rem;
    }
    .description {
        font-size: 0.74rem;
    }
    .grid h3 {
        font-size: min(2rem, 3.4vw);
    }
    .product_small{
        font-size: 0.5rem;
    }


}