/* カスタマイズ用CSS */
.ec-blockBtn--top{
     background-color: #292a46;
    border-color: #292a46;   
}
.ec-inlineBtn--top{
     background-color: #292a46;
    border-color: #292a46;      
}
.ec-footerRole{
background-color: #292a46;    
}
.globalnavi {
    display: block;
    /*background: rgb(30, 87, 153);*/
    /*background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);*/
    /*background: -webkit-linear-gradient(top, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(30, 87, 153, 1) 0%, rgba(41, 137, 216, 1) 50%, rgba(32, 124, 202, 1) 51%, rgba(125, 185, 232, 1) 100%);*/
      background-image: linear-gradient(117deg, rgb(45 63 124), rgb(69 98 153) 48%, rgb(65 77 158));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}


    .sp {
        display: none;
    }
.pc {
    display: block;
}
.globalnavi nav ul a {
    display: block;
    font-size: 1.1em;
    color: rgb(255, 255, 255);
    padding: 10px;
}
.globalnavi nav ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
        gap: 100px;
}
.fruits h2 {
    font-size: 1.2em;
    color: #fff;
    text-shadow: 1px 1px #000;
    background: linear-gradient(90deg, #292a46 0%, #837c8d 100%);
    padding: 10px 20px;
}

.fruits {
    font-size: 16px;
    background-color: #F8F8F8;
    margin: 50px 0 100px 0;
    padding: 40px;
}
.fruits img {
    max-width: 100%;
    border: 10px solid #fff;
}
.fruits .image {
    margin-bottom: 20px;
}
.fruits ul {
    font-size: 0.9em;
        color: #5d42c0;
    list-style: none;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
    margin: 20px 0;
    padding-left: 0;
}
.fruits .tel {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}
.fruits a {
    color:#5764ac;
}
.fruits .price {
    color: #dc143c;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
}
.ec-shelfGrid .ec-shelfGrid__item-image + p + p {
    color: #DE5D50;
    font-weight: bold;
    margin-bottom: 10px;
}
.ec-shelfGrid__item .ec-shelfGrid__item-image + p {
    font-weight: bold;
    margin-bottom: 5px;
}
.ec-productRole__description span {
    color: #ff0000;
}
 @media screen and (max-width: 770px) {
  .globalnavi {
      display: none;
}
    .sp {
        display: block;
    }
        .pc {
        display: none;
    }
    
}