@charset "utf-8";

.food-hr {
	border: none;
	margin: 60px;
}

@media screen and (min-width: 768px),
print {
	
	.food-hr {
		margin: 100px;
	}
		
}
.food-con1{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .food-con1{
    padding:0 30px;
        margin:0 auto 80px;
        max-width: 900px;
        display: flex;
        flex-direction: row-reverse;
        
}
}

.food-con1-right{
    font-size:28px;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
    .food-con1-right{
    font-size:35px;
        writing-mode: vertical-rl;
        width:10%;
        margin-bottom:0;
        margin-right:30px;
}
}


.food-con1-center{
    font-size:22px;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
    .food-con1-center{
    font-size:23px;
        writing-mode: vertical-rl;
        width:15%;
        margin-bottom:0;
        padding-top:30px;
}
}

@media screen and (min-width: 992px),
print {
    .food-con1-left{
        writing-mode: vertical-rl;
        width:67%;
        height:500px;
        line-height:3.2;
}
}

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

コンテンツ222

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

.food-con2{
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    
}
@media screen and (min-width: 992px),
print {
    .food-con2{
    margin:0 auto 80px;
        max-width:1200px;
        padding:0 30px;
        gap:40px;
}
}

.food-con2-left{
    padding-top:60px;
}
@media screen and (min-width: 992px),
print {
  .food-con2-left{
    padding-top:80px;
}  
}


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

コンテンツ333

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

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

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

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

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

.food-con3-photo{
    margin-bottom:7px;
}

.food-con3-photo img{
    border-radius:15px; 
}

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

コンテンツ444

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

.food-con4{
    padding:0 10px;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px),
print {
    .food-con4{
    padding:0 30px;
        margin:0 auto;
        max-width:1200px;
        flex-direction:row;
        justify-content: space-between;
}
}

.food-con4-left{
    order:2;
}

@media screen and (min-width: 768px),
print {
    .food-con4-left{
    order:1;
        width:50%;
}
}

.food-con4-right{
    order:1;
}

@media screen and (min-width: 768px),
print {
    .food-con4-right{
    order:2;
        width:40%;
}
}

@media screen and (min-width: 992px),
print {
    .food-con4-right{
        padding-top:60px;
}
}

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

コンテンツ555

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

.food-con5{
    width:90%;
    margin-top:-30px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
.food-con5{
    margin:-30px auto 90px;
    max-width:900px;
}
    }

@media screen and (min-width: 992px),
print {
.food-con5{
    margin-top:-110px;
}
    }

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

コンテンツ666

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

.food-con6{
    padding:0 10px;
    margin-bottom: 40px;
}

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

@media screen and (min-width: 768px),
print {
    .food-con6-right{
        width:45%;
}
}

@media screen and (min-width: 768px),
print {
    .food-con6-left{
        width:50%;
}
}

.food-uguisu{
    width:50%;
    margin:0 auto 30px;
}

@media screen and (min-width: 992px),
print {
    .food-uguisu{
    width:200px;
    margin-bottom:50px;
}
}



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

コンテンツ777

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

.food-con7{
    margin-bottom: 40px;
    psdding:0 10px;
    
}

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

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

コンテンツ888

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

.food-con8{
    padding:0 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}


@media screen and (min-width: 768px),
print {
    .food-con8{
    padding:0 30px;
        margin:0 auto 100px;
        max-width:1200px;
        flex-direction:row;
        justify-content: space-between;
}
}

.food-con8-left{
    order:2;
}

@media screen and (min-width: 768px),
print {
    .food-con8-left{
    order:1;
        width:50%;
}
}

.food-con8-right{
    order:1;
}

@media screen and (min-width: 768px),
print {
    .food-con8-right{
    order:2;
        width:40%;
}
}

@media screen and (min-width: 992px),
print {
    .food-con8-right{
        padding-top:60px;
}
}

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

コンテンツ999

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

.food-con9{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
    .food-con9{
    padding:0 30px;
        margin:0 auto 100px;
        max-width:1200px;
    
}
}

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

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

.food-con9 li img{
    border-radius:15px; 
}


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

コンテンツ1000

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

.food-con10 {
	padding: 0 10px;
	margin: 0 auto 40px;
	max-width: 1200px;
}
.food-con10 .food-list {
	display:grid;
    gap:25px;
	grid-template-columns: 1fr;
}

.food-con10 .food-list img {
	margin-bottom: 20px;
}
	
@media screen and (min-width: 768px),
print {
	.food-con10{
		padding:0 30px;
		margin:0 auto 60px;
		max-width:1200px;
}
	.food-con10 .food-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.food-con10 .food-list .food-t1{
    color:#B51345;
    font-size:20px;
	margin-bottom: 10px;
}

.food-con10 .food-list .food-t2{
	font-size: 17px;
	text-align: center;
}

@media screen and (min-width: 768px),
print {
	.food-con10 .food-list .food-t1{
		font-size:22px;
	}
}

@media screen and (min-width:992px),
print {
	.food-con10 .food-list .food-t1{
		font-size:27px;
	}
}
/*
+++++++++++++++++++++++++++++++

コンテンツ1001

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

.food-con11{
    padding:0 10px;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 40px;
}


@media screen and (min-width: 768px),
print {
    .food-con11{
    padding:0 30px;
        margin:0 auto 100px;
        max-width:1200px;
        flex-direction:row;
        justify-content: space-between;
}
}

.food-con11-left{
    order:2;
}

@media screen and (min-width: 768px),
print {
    .food-con11-left{
    order:1;
        width:40%;
}
}

.food-con11-right{
    order:1;
}

@media screen and (min-width: 768px),
print {
    .food-con11-right{
    order:2;
        width:50%;
}
}

@media screen and (min-width: 992px),
print {
    .food-con11-left{
        padding-top:60px;
}
}


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

テキスト

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

.food-t1{
    font-size:12px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .food-t1{
    font-size:14px;
}
}

.food-t2{
    font-size:12px;
}

@media screen and (min-width: 992px),
print {
    .food-t2{
    font-size:14px;
}
}

.food-t3{
    margin-bottom:30px;
}

@media screen and (min-width: 992px),
print {
    .food-t3{
        line-height: 2.5;
}
}

.food-t4{
    font-size:17px;
    margin-bottom:30px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .food-t4{
        font-size:19px;
        margin-bottom:40px;
}
}
.food-t5{
    font-size:12px;
    text-align:right;
}

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

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

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

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