@charset "utf-8";


.danfood-con1{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
    .danfood-con1{
    padding:0 30px;
        margin:0 auto 80px;
        max-width: 1100px;
        
}
}

.danfood-con1 ul{
    display: grid;
    grid-template-columns: 1fr;
    gap:15px;
}

@media screen and (min-width: 768px),
print {
    .danfood-con1 ul{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        
}
}

.danfood-con1 li{
    background: #C15277;
    padding:5px 0;
    text-align: center;
    color:#fff;
    border-radius:50px; 
}

@media screen and (min-width: 768px),
print {
    .danfood-con1 li{
        font-size:17px;
        
}
}


/*
+++++++++++++++++++++++++++++++

コンテンツ222

++++++++++++++++++++++++++++++++
*/

.danfood-con2{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
   .danfood-con2{
    padding:0 30px;
    margin:0 auto 100px;
       max-width: 900px;
} 
}

/*
+++++++++++++++++++++++++++++++

コンテンツ333

++++++++++++++++++++++++++++++++
*/

.danfood-con3{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width:768px),
print {
   .danfood-con3{
    padding:0 30px;
    margin:0 auto 100px;
       max-width: 1300px;
       display: flex;
       justify-content: space-between;
} 
}

.danfood-con3-left{
    margin-bottom: 40px;
}

@media screen and (min-width: 768px)
{
    .danfood-con3-left{
        padding-top:40px;
    margin-bottom:0;
        width: 45%;
}
}

@media screen and (min-width: 992px),
print {
    .danfood-con3-left{
        padding-top:80px;
        width: 42%;
}
}

 .danfood-con3-right{
        display: flex;
        flex-direction: column;
}

@media screen and (min-width: 768px)
{
    .danfood-con3-right{
        width: 45%;
}
}

@media screen and (min-width: 992px),
print {
    .danfood-con3-right{
        width: 42%;
}
}

.danfood-photo2{
    order:2;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px),
print {
    .danfood-photo2{
    order:1;
}
}

.danfood-right-txt{
    order:1;
    
}
@media screen and (min-width: 768px),
print {
    .danfood-right-txt{
    order:2;
    
}
}

/*
+++++++++++++++++++++++++++++++

テキスト

++++++++++++++++++++++++++++++++
*/

.danfood-t1{
    line-height: 2.5;
}

.danfood-t2{
    color:#C52850;
}

.danfood-t3{
    text-align: center;
    margin-bottom: 30px;
}
@media screen and (min-width: 992px),
print {
    .danfood-t3{
}
}

.danfood-t4{
    margin-bottom: 30px;
}


/*
++++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

++++++++++++++++++++++++++++++++++++++++
*/