@charset "utf-8";
/* CSS Document */

h1.ttl_shirasu{margin-bottom: 30px;background: #0F5474;color: #ffffff;padding: 10px;font-size: 2em;}
.k_shirasu_area .read{text-align: center;border-bottom: 1px dotted #40220B;margin-bottom: 40px; padding-bottom: 40px}
.k_shirasu_area h2.ttl{text-align: center;font-size: 26px; color: #40220B;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin:40px 0; }
.k_shirasu_area .f16{font-size: 16px;}
.k_shirasu_area h2.ttl.f30{font-size: 30px;}

.k_shirasu_area .how_eat{margin-bottom: 90px}
.k_shirasu_area .how_eat .flex2{display: flex;justify-content: space-between;}
.k_shirasu_area .how_eat .flex2 .box{width: 48%;text-align: center;}
.k_shirasu_area .how_eat .flex2 .box .text{font-size: 16px; margin-top: 10px}

.k_shirasu_area .ranking .ranking_flex{padding: 0 2%}
.k_shirasu_area .ranking .ttl_bk{margin-bottom: 30px; font-size: 18px; font-weight: bold;color: #452D00;text-align: center;padding: 10px 0;background: #F7EFE2;}
.k_shirasu_area .ranking .ranking_flex{display: flex;gap:3%;}
.k_shirasu_area .ranking .ranking_flex .item{width: calc((100% - 9%) / 4);}
.k_shirasu_area .ranking .ranking_flex .item .icon{width: 52px; margin: 0 auto 10px;margin-bottom: 10px }
.k_shirasu_area .ranking .ranking_flex .item .imf{margin-bottom: 10px}
.k_shirasu_area .ranking .ranking_flex .item .name{font-size: 14px; color: #3572B0;margin-bottom: 10px;text-decoration: none}
.k_shirasu_area .ranking .ranking_flex .item .price{font-size: 13px;color: #000}
.k_shirasu_area .ranking .ranking_flex .item a:hover{text-decoration: none;opacity: 0.7}

@media (max-width: 767px){
.k_shirasu_area .ranking .ranking_flex{padding: 0 0}
.k_shirasu_area .sp_left{text-align: left}
.k_shirasu_area .how_eat .flex2{display: block;}
.k_shirasu_area .how_eat .flex2 .box{width: 100%;margin-bottom: 20px}
.k_shirasu_area .ranking .ranking_flex .item{margin-bottom: 3%;width: calc((100% - 3%) / 2);}
.k_shirasu_area .ranking .ranking_flex{flex-wrap: wrap}
.k_shirasu_area h2.ttl{line-height: 1.7; font-size: 24px;}
.k_shirasu_area h2.ttl.f30{font-size: 24px;}
}