@charset "UTF-8";

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

.pc {
    display:none;
}
    
.sp {
        display: block;
}
    
section > div.title_sub_image .contents{
width:100%;
margin:0 auto;
background-color: #e5f8eb;
padding: 10px 0;
}
    
br+h1 {
font-size: 18px;
}
    
/* 画像の最大幅を指定する */
img {
	max-width: 100% ;		/* 横幅の90% */
	height: auto ;
    text-align: center;
    display: block;
    margin:0 auto;/* 縦幅を自動調整 */
}
    
.fr,.fl {
    margin:20px;
}
    
 main h1 {
    text-indent: 1rem;
    text-align: center;
    color: white;
    background: #333;
    font-weight: bold;
    padding: 10px 0 10px 0;
    letter-spacing: 3px;
    font-size: 20px;
    margin-top:10%;
    margin-bottom: 3%;
}
    
main h1:nth-of-type(1){
    margin-top:0;
}

main h1 span.itemen {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    padding-top: 2%;
}
      
 .js-matchHeight p {
    text-align: center;
    background: red;
    color: white;
    font-weight: bolder;
    padding: 5px 0;
    font-size: 10px;
    margin: 3px;
}

main .saleitem {margin:0;}
section.s1 ul a {margin:0;border-top:1px solid #d7d5d5;}
        
section.s1 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    margin: 0 8px;
}
    

.event_menusp {
    position: fixed;
    right: 0;
    bottom:0;
    z-index: 10;
    background: #bd0110;
    padding:2px;
}



.event_menusp {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
    
.event_menusp li {
    display: block;
    background-color: #e60012;
    padding: 8px 3px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 24%;
    font-size:10px;
    margin:0.5%;
}
 
section.s1 {
 padding: 0;
}
    
section.s1 ul a {
    margin-bottom: 5px;
    width: 49%;
    padding: 2%;
}
    
dt.name {
    display: block!important;
    font-size:13px;
}

dd.originalprice {
    font-size:12px;
    padding-bottom: 4px;
}
    
dd.saleprice strong {
    font-size:18px;
}
    
.event_menusp li a {
        color:white;
        display:block;
}
    
span.itemname {
    font-size:14px;
}
    
.event_menu sp {
margin:0;
padding:0;
}
    
footer {
    padding:25px 0!important;
    background-color: #333!important;
}
    
footer ul li:last-child {
    width:30%;
    margin:10px auto;
}
  
footer small {
    font-size:12px;
}
    
}