@charset "UTF-8";



@media (max-width: 812px) {
 

.pc {
    display:none;
}
    
.sp {
        display: block;
}
    

 nav.sp #header_nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    background: #f6f5f5;
    padding-right: 2.5%;
    padding-bottom: 15%;
}
    
nav.sp #header_nav li {
    background: white;
    width: 42%!important;
    border-radius: 5px;
    margin-bottom: 12px;
    padding-bottom: 10px!important;
}
    
nav.sp #header_nav li a {
    text-align: center;
    padding: 0 0 7px 0!important;
    color: #333;
    display: block;
    width:100%;
    font-size:14px;
}
    
h2.multi:nth-of-type(1) {margin-top:0;}
    
.catNavTtl {
    background: #f6f5f5;
    padding-left: 7%;
    padding-bottom: 6%;
    font-weight: bolder;
    padding-top: 10%;
}


.contents,main {
    width:100%;
}

.catch {
    text-align: center;
    /* display: inline; */
    width: 90%;
    margin: 0 auto;
    line-height: 1.8;
    letter-spacing: 2px;
    font-size:14px;
    padding: 10px 0;
}
    
 main h1 {
    text-indent: 1rem;
    text-align: center;
    color: #333;
    font-weight: bold;
    padding: 15px 0 15px 0;
    /* letter-spacing: 3px; */
    font-size: 21px;
    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: 13px;
    margin: 3px;
}

  .clbz_wrapper {
   display: flex;
   flex-direction:column;
}
    
.parenthesis {
    width: 90%;
    letter-spacing: 1px;
}
    
.parenthesis p {
    padding: 5px;
    font-size: 13px;
}
    
.itembox {
   width:100%;
}


.saleitem ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
    
.saleitem ul a {
    padding: 1%;
    width:50%;

}
    
.saleitem ul a li {
    width: 100%;
    padding: 1%;
}
    

.saleprice {
    margin-bottom: 20px;
}
    
#recommendf ul li {
    width: -moz-calc((100%)/4);
    width: -o-calc((100%)/4);
    width: -webkit-calc((100%)/4);
    width: calc((100%)/4);
    margin: 5px;
}
    
#recommendf ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 20px;
}
    
#recommendf {
    margin-bottom: 10vh;
}
    
#recommendf h1 {
    text-indent: 1rem;
    color: white;
    background-color: #111;
    padding: 10px;
}
    
footer .nav_footer li img {
    margin: 0;
}
    
footer .nav_footer li {
    text-align: center;
    line-height: 2;
}
    

/* 画像の最大幅を指定する */
img {
	max-width: 100%!important;		/* 横幅の90% */
	height: auto;
    text-align: center;
    display: block;
    margin:0 auto;/* 縦幅を自動調整 */
}


}