.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


  .column4 {
    width: calc(25% - 16.18px / 2);
}

@media only screen and (max-width: 768px) {
  .column4 {
    width: calc(50% - 16.18px / 2);
}
}

  .column3 {
    width: calc(33% - 16.18px / 2);
}

@media only screen and (max-width: 768px) {
  .column3 {
    width: calc(50% - 16.18px / 2);
}
}

  .column33 {
    width: calc(33% - 16.18px / 2);
    
}

@media only screen and (max-width: 768px) {
  .column33 {
    width: calc(33% - 16.18px / 2);
}
}


  .column2 {
    width: calc(50% - 16.18px / 2);
}

@media only screen and (max-width: 768px) {
  .column2 {
    width: calc(50% - 16.18px / 2);
}
}


  .column5 {
    width: calc(20% - 16.18px / 2);
}

@media only screen and (max-width: 950px) {
  .column5 {
    width: calc(33% - 16.18px / 2);
}

@media only screen and (max-width: 768px) {
  .column5 {
    width: calc(50% - 16.18px / 2);
}
}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 950px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

@media only screen and (max-width: 950px) {
    img { max-width: 100%; }
}
}




header{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    box-shadow: 2px 2px 6px #333333;
    z-index:1;
}


.pagehead {
display:block;padding-left:0.5em;background-color:#BE0000; text-align:left;font-size: 12px;color:#ffffff;text-align:center;

margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
padding: 0 ;		/* 上下左右の余白を0にしておく */

}



.container33 {

margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
padding: 10 ;		/* 上下左右の余白を0にしておく */

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}



.lossleader_item_name {
font-size:9px;
	}