#main-column {
    line-height: 1.7;
 }
#main-column #itemList_wrap {margin: 1rem 0 20px 0;}
#main-column .more {
    margin-top: 1rem;
 }
#main-column .next {
    margin-top: 2rem;
 }
#main-column .btm {
    margin-bottom: 1.5rem;
 }
#main-column .last {
    margin-bottom: 0;
 }
  #main-column .center {
    text-align: center;
 }
  #main-column .left {
    text-align: left;
 }
  #main-column .right {
    text-align: right;
 }
#main-column .iconFunction {
  display: flex;
  flex-wrap: wrap;
}
#main-column .iconFunction li {
  width: 50px;
  margin-right: 5px;
}
#main-column h3 {
  display: block;
  margin: 2.5rem 0 2rem;
	padding: 0.6em;/*文字まわり（上下左右）の余白*/ 
	background: #fed65a;/*背景色*/
  font-size: 20px;
}
#main-column h3.firstChild {
  margin-top: 0;
}
 #main-column .emphasis,
 #main-column .red {
    color: #c00;
 }
 #main-column .green {
    color: #336600;  
 }
 #main-column .blue,
 #main-column .lightBlue {
    color: #4682b4;
 }
 #main-column .bgBlack {
    padding: 0 10px;
    background-color: #000000;
    color: #ffffff;
    /*font-weight: bold;*/
 }
 #main-column .bgRed {
    padding: 0 10px;
    background-color: #E60023;
    color: #FFFFFF;
}
 #main-column .bgBrown {
    padding: 0 10px;
    background-color: #55402b;
    color: #FFFFFF;
}
 #main-column .bgOrange {
    padding: 0 10px;
    background-color: #F5A801;
}
#main-column .bgGreen {
    padding: 0 10px;
    background-color: #336600;
    color: #FFFFFF;
}
 #main-column .bgLightBlue {
    padding: 0 10px;
    background-color: #4682b4;
    color: #ffffff;
    font-weight: bold;
 }
 #main-column .bgPink {
    padding: 0 10px;
    background-color: rgb(224, 79, 135);
    color: #FFFFFF;
 }
 #main-column .bgLightGray {
    padding: 0 10px;
    background-color: #efefefda;
 }
 #main-column .textBox {
  margin: 0 5% 20px;
  padding: 0 1px 15px;
  border: 1px #EFEFEF solid;
  background-color: #EFEFEF;
  }
  #main-column .titleBgBlack {
  display: inline-block;
  margin-top: 2rem;
  padding: 5px;
  background-color: #333;
  border-radius: 3px;
  color: #ffffff;
}
#main-column .titleBgGreen {
  display: inline-block;
  margin-top: 1rem;
  padding: 2px;
  background-color: #336600;
  border-radius: 3px;
  color: #ffffff;
}
#main-column .titleBgBlue {
  display: inline-block;
  margin-top: 1rem;
  padding: 5px;
  background-color: #4682b4;
  border-radius: 3px;
  color: #ffffff;
}
  #main-column .boxRadius {
  	margin-bottom: 2rem;
  	padding: 1rem;
  	border-radius: 10px;
  	background: #d8d8d8;
  }
  #main-column .boxRadiusYellow {
  	margin-bottom: 2rem;
  	padding: 1rem;
  	border-radius: 10px;
  	background: #fed65a;
  }
  #main-column .boxRadiusBlue,
  #main-column .blue_bBox_radius   {
  	margin-bottom: 2rem;
  	padding: 1rem;
  	color: #ffffff;
  	border-radius: 10px;
  	background: #4682b4;
  }
  #main-column .boxRadiusPink,
  #main-column .pink_pBox_radius {
  	margin-bottom: 2rem;
  	padding: 1rem;
  	color: #ffffff;
  	border-radius: 10px;
  	background: rgb(224, 79, 135);
  }
  #main-column .boxRadiusGreen,
  #main-column .green_gBox_radius {
  	margin-bottom: 2rem;
  	padding: 1rem;
  	color: #ffffff;
  	border-radius: 10px;
  	background: rgb(33, 144, 140);
  }
  #main-column .boxRadiusGray,
  #main-column .gray_grBox_radius {
  	margin-bottom: 2rem;
  	padding: 1rem;
  	color: #ffffff;
  	border-radius: 10px;
  	background: rgb(99, 96, 96);
  }
  #main-column .boxRadius .titleBgBlack,
  #main-column .boxRadius .titleBgGreen,
  #main-column .boxRadius .titleBgBlue,
  #main-column .boxRadiusBlue .titleBgBlack,
  #main-column .boxRadiusBlue .titleBgGreen,
  #main-column .boxRadiusBlue .titleBgBlue,
  #main-column .boxRadiusPink .titleBgBlack,
  #main-column .boxRadiusPink .titleBgGreen,
  #main-column .boxRadiusPink .titleBgBlue,
  #main-column .boxRadiusYellow .titleBgBlack,
  #main-column .boxRadiusYellow .titleBgGreen,
  #main-column .boxRadiusYellow .titleBgBlue {
    margin-top: 0;

  }
  #main-column .boxRadiusBlue p,
  #main-column .boxRadiusPink p,
  #main-column .boxRadiusGreen p,
  #main-column .boxRadiusGray p {
    color: #ffffff;
  }
  #main-column .blue_bBox_radius p,
  #main-column .pink_pBox_radius p,
  #main-column .green_gBox_radius p,
  #main-column .gray_grBox_radius p {
    text-align: center;
    color: rgb(230, 226, 78);
  }
  #main-column .blue_bBox_radius p.colorWhite,
  #main-column .pink_pBox_radius p.colorWhite,
  #main-column .green_gBox_radius p.colorWhite,
  #main-column .gray_grBox_radius p.colorWhite {
    color: rgb(250, 250, 250);
  }
 
  #main-column .btn,
  #main-column a.btn,
  #main-column button.btn {
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

  #main-column .btn--yellow,
  #main-column a.btn--yellow {
  background-color: #fed65a;
  margin-bottom: 1rem;
}

  #main-column .btn--yellow:hover,
  #main-column a.btn--yellow:hover {
  background: #fbe191;
}

  

 /*商品ページテーブル*/
#main-column table.defTable {
	width: 100%;
    border-spacing: 0;
	font-size: 90%;
}
#main-column table.defTable th {
  /*width: 30%;*/
	font-weight: bold;
	background-color: #efefef;
	padding: 3px;
}
#main-column table.defTable th:first-child {
  width: 20%;
 }
#main-column table.defTable.nowrap th:first-child {
  width: auto;
 }
#main-column table.defTable.weightNormal th {
  font-weight: normal;
}
#main-column table.defTable th {
  padding: 0.5rem;
	border: solid 1px #d8d8d8;
	text-align: center;
  text-align: left;
  white-space: nowrap;
    word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
 }
#main-column table.defTable td {
  padding: 0.5rem;
	border: solid 1px #d8d8d8;
  vertical-align: middle;
  text-align: left;
  white-space: wrap;
    word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
 }
#main-column table.defTable.orderTable th {
  width: auto;
}
#main-column table.defTable.orderTable th,
#main-column table.defTable.orderTable td {
	white-space: nowrap;
	white-space: wrap;
}
#main-column table.defTable th.right,td.right {
  text-align: right;
}
#main-column table.defTable th.left,td.left {
  text-align: left;
}
#main-column table.defTable.specTable td {
  text-align: left;
}
#main-column table.defTable .bgBlue {
  background: #4682b4;
  color: #ffffff;
}
#main-column table.defTable .bgBlack {
  background: #000000;
  color: #ffffff;
}
#main-column .defTable img.imgH270 {
  width: auto;
  height: 270px;
  object-fit: contain;/*幅に合わせる*/
}
/*-- 自作ページメインカラム --*/
 /* ========================= .division100スタイル ▼　*/
#main-column .division100 {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#main-column .division100.monoCenter {
  justify-content: center;
}
#main-column .division100.fdR {
  flex-direction: row-reverse;
}
#main-column .division30 {
  width: 30%;
}
#main-column .division30L {
  width: 30%;
  margin-right: 4%;
}
#main-column .division30R {
  width: 30%;
  margin-left: 4%;
}
#main-column .division70 {
  width: 65%;
}
#main-column .textBox .division70 {
  width: 60%;
}
#main-column .division40 {
  width: 40%;
}
#main-column .division40L {
  width: 40%;
  margin-right: 4%;
}
#main-column .division40R {
  width: 40%;
  margin-left: 4%;
}
#main-column .division60 {
  width: 55%;
}
#main-column .division50 {
  width: 48%;
}
#main-column .division30 p img,
#main-column .division40 p img,
#main-column .division30L p img,
#main-column .division40L p img,
#main-column .division50 p img,
#main-column .division60 p img,
#main-column .division70 p img {/*division50 でp包んで2個並べたりしたときにPC表示で画像が大きくなりすぎるのを防ぐ*/
  /*height: 300px;*/
  object-fit: contain;
}
/*#main-column .iconFunction img {
  height: 20px;
}*/
#main-column .division100 .Top_slider img {/*Top_sliderの画像は高さ制限270px*/
  height: 270px;
}
#main-column .photoSquare {/*photoSquareの高さと文字center*/
  height: 270px;
  text-align: center;
}
#main-column .photoSquare img {/*photoSquareの画像は高さ制限270px*/
  height: 270px;
}
#main-column .division100 .imgMargin {
  margin: 0 auto;
  text-align: center;
}


/* ========================= .division100スタイル ▲　*/

 /* ========================= .itemBoxスタイル ▼　*/
#main-column .itemBox {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main-column .itemBox.fdR {
  flex-direction: row-reverse;
}
#main-column .item3::before,
#main-column .item4::before,
#main-column .item5::before{/*itemBoxの最後が2個のとき用*/
  content:"";
  display: block;
  order: 1;/*前に空のボックスを表示せずに最後に表示する*/
}
#main-column .item4::after,
#main-column .item5::after{/*itemBoxの最後が2・3個のとき用*/
  content:"";
  display: block;
}
#main-column .item3::before{/*itemBoxの最後が2個のとき用*/
  width:30.5%; /*3列*/
}
#main-column .item4::before{/*itemBoxの最後が2個のとき用*/
  width:22%; /*4列*/
  width:24%; /*4列*/
}
#main-column .item4::after{/*itemBoxの最後が2・3個のとき用*/
  width:22%; /*4列*/
  width:24.5%; /*4列*/
}
#main-column .item5::before{/*itemBoxの最後が2個のとき用*/
  width:18%; /*5列*/
}
#main-column .item5::after{/*itemBoxの最後が2・3個のとき用*/
  width:18%; /*5列*/
}
#main-column .itemBnr div,
#main-column .itemBnr p,
#main-column .itemBnr li,
#main-column .item2 div,
#main-column .item2 p,
#main-column .item2 li,
#main-column .item2 dl,
#main-column .item2 table {
  flex-basis: 48%;
}
#main-column .item3 div,
#main-column .item3 p,
#main-column .item3 li,
#main-column .item3 dl,
#main-column .item3 table {
  flex-basis: 30.5%;
}
#main-column .item4 div,
#main-column .item4 p,
#main-column .item4 li,
#main-column .item4 dl,
#main-column .item4 table {
  flex-basis: 22%;
  flex-basis: 23%;
}
#main-column .item5 div,
#main-column .item5 p,
#main-column .item5 li,
#main-column .item5 dl,
#main-column .item5 table {
  flex-basis: 18%;
}
#main-column .item2 img {/*.item2 の中の画像がPC表示で画像が大きくなりすぎるのを防ぐ*/
  /*height: 300px;*/
  /*width: 300px;*/
  object-fit: contain;
}
 /* ========================= .itemBoxスタイル ▲　*/

 /* ========================= .linkBtnスタイル ▼　*/
#main-column ul.linkBtn a i {
  margin-left: .3em; /*文字とアイコンの間に隙間*/
 }
 #main-column ul.linkBtn li.blank a[target="_blank"]::after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: bold; /*指定しないと表示されない*/
  padding-left: .3em; /*文字とアイコンの間に隙間*/
 }
 #main-column ul.linkBtn li {
	 display: inline;
 }
#main-column .linkBtn a {
     color: #ffffff;
      background-color: #535353;
      border-radius: 3px;
      display: inline-block;
      float: none;
      width: auto;
      height: 100%;
      margin-top: 2%;
      padding: 2%;
      vertical-align: middle;
  text-align: center;
  }
#main-column .linkBtn a:hover {
     color: #ffffff;
  }
#main-column .linkBtn a span {
  display: inline-block;
  width: 100%;
  text-wrap: wrap;
  }
#main-column .linkBtn a.btn50 {
  width: 45%;
  }
#main-column .linkBtn a.btn100 {
  width: 94%;
  }
#main-column .linkBtnRed a {
  background-color: #861c21;
  text-decoration: none;
}
#main-column .linkBtnRed a:hover {
  opacity: 0.7;
}
#main-column .linkBtnRed.linkBtnGray a {
  background-color: #535353;
}
#main-column table.defTable.orderTable .linkBtnRed.detailBtn a  {
  display: inline;
  background-color: #861c21;
  color: #ffffff;
  font-size: 0.83rem;
}
 /* ========================= .linkBtnスタイル ▲　*/



/*-----------------------------------------------------*/
/*	for -480px					*/
/*-----------------------------------------------------*/
@media screen and (max-width: 480px) {
   /*-- 自作ページメインカラム(480px) --*/

 /* ========================= .division100 ボックススタイル(480px) ▼　*/
#main-column .division100 {
  display: inline;
  flex-direction: row;
  width: 100%;
}
#main-column .division30L {
  width: 100%;
  margin-right: 0;
}
#main-column .division30R {
  width: 100%;
  margin-left: 0;
}
#main-column .division70 {
  width: 100%;
}
#main-column .textBox .division70 {
  width: 100%;
}
#main-column .division40L {
  width: 100%;
  margin-right: 0;
}
#main-column .division40R {
  width: 100%;
  margin-left: 0;
}
#main-column .division60 {
  width: 100%;
}
#main-column .division50 {
  width: 100%;
}
#main-column .division100 img {
  /*width: 100vw;*/
}
#main-column .division100 .Top_slider img {/*Top_sliderの画像は高さ制限270px*/
  object-fit: cover;/*高さ固定なので横はみ出る*/
  object-fit: contain;/*幅を合わせて高さ自動*/
}
#main-column .division100 .imgMargin {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

/* ========================= .division100 ボックススタイル(480px) ▲　*/

 /* ========================= .itemBox ボックススタイル(480px) ▼　*/
#main-column .item5,
#main-column .item4,
#main-column .item3,
#main-column .item2,
#main-column .itemBnr {
  display: block;
  width: auto;
  margin-right: 0;
  text-align: center;
}
#main-column .item2 img,
#main-column .item3 img,
#main-column .item4 img,
#main-column .item5 img,
#main-column .photoSquare img {
  width: 100%;
  width: 85%;
  margin: auto;
}

 /* ========================= .itemBox ボックススタイル(480px) ▲　*/

#main-column .linkBtn.btn3col,
#main-column .linkBtn.btn4col {
    display: block;
  }
  #main-column ul li a.btn50 {
  width: 92%;
  font-size: 5vw;
  }
  #main-column ul li a.btn100 {
  width: 92%;
  font-size: 5vw;
  }
 .textBox {
  padding: 0 5px;
  border: 1px #EFEFEF solid;
  background-color: #EFEFEF;
  }

/* 商品ページトップ(480px) */
 .half-cont02 {
	 float: none;
     width: 70%;
	 margin:0 auto;
	 margin-bottom: 20px;
	}
 .half-cont03 {
     width: 100%;
	}
#main-column p {
	/* font-size: 90%; */
 }		
#main-column ul li a {
  /* padding: 15px; */
  }
/* 商品テーブル(480px) */
.table-scroll {
  overflow-x: scroll;
}
#main-column table.defTable.nowrap th {
  white-space: wrap;
  white-space: nowrap;
}
#main-column table.defTable {
  width: 100%;
  font-size: 0.9rem;
  font-size: 1.0rem;
  border-collapse: collapse;
  border-bottom: 1px solid #d8d8d8;
  table-layout: auto;
}
#main-column table.defTable th:first-child {
  display: block;
  width: auto;
}

#main-column table.defTable.labelTable thead {
  display: none;
}
#main-column table.defTable.labelTable tr td {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 4rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

#main-column table.defTable.labelTable tr td::before{
    content: attr(data-label);
    width: fit-content;
    padding: 0 1rem;
    border-radius: 100vw;
    font-size: 0.9rem;
    background: #eee;
}
#main-column table.defTable.labelTable tr td::before{
    content: attr(data-label);
    width: fit-content;
    padding: 0 1rem;
    border-radius: 5px;
    font-size: 0.9rem;
    background: #eee;
}
#main-column table.defTable th {
  display: block;
  width: auto;
  text-align: center;
  border-collapse: collapse;
  border-bottom: none;
  white-space: wrap;
}
#main-column table.defTable td {
  display: block;
  width: auto;
  border-collapse: collapse;
  border-bottom: none;
  /*white-space: wrap;*//*480px以下で固定されるsticky列を改行させない為white-spaceは使わない*/
}
table.defTable .cartimg {
	margin-top: 10px;
}
#main-column table.defTable th.pcOnlyCell,
#main-column table.defTable td.pcOnlyCell {
	display: none;
}
/*自作ページ　自社商品表レイアウト横スクロールの為(480px)*/
#main-column .table-scroll .defTable th {
  display: table-cell;
}
#main-column .table-scroll .defTable th.pcOnly {
    display: none;
}
/*自作ページ　自社商品表レイアウト横スクロールの為(480px)*/
#main-column .table-scroll .defTable td {
  display: table-cell;
}
#main-column .table-scroll .defTable td.pcOnly {
    display: none;
}
 /*自作ページ　自社商品表レイアウト自動で品番改行為(480px)*/
#main-column .table-scroll .defTable td.mobileWrapCell {
  white-space: wrap;
}

/* ========================= .Top_sliderスタイル(480px) ▼　*/
.Top_slider {
  max-width: 480px;
  height: auto;
  overflow: hidden;
}
.Top_slider img {
  object-fit: contain;
  width: auto;
  height: 100vw;
}
/* ========================= .Top_sliderスタイル(480px) ▲　*/

 /* ========================= .itemListBox ボックススタイル(480px) ▼　*/
#main-column .itemListBox dl {
  width: 100%;
  /* width: auto; */
}
#main-column .itemListBox dt img {
  width: 100%;
	height: 300px;
}
#main-column .itemListBox dd {
  font-size: 1.2rem;
}
#main-column .itemListBox.foodListBox dt img {
  height: 230px;
  object-fit: cover;/*幅に合わせる*/
}
#main-column .itemListBox .noIcon dt img {/*iconが無いスタイルの時*/
  max-width: 100%;
  width: 100%;
	height: 300px;
}
#main-column .itemListBox .icon {
  max-width: 38px;
}

 /* ========================= .itemListBox ボックススタイル(480px) ▲　*/

 /*自作ページ　商品詳細ボタンフォーム部品(480px)*/
#main-column table.defTable.orderTable .linkBtnRed.detailBtn a, 
#main-column table.defTable.orderTable .detailBtn a {
    font-size: 0.83rem;
 }
 /*自作ページ　商品詳細ボタンフォーム部品(480px)*/
#main-column table.defTable.orderTable .linkBtnRed.detailBtn a, 
#main-column table.defTable.orderTable .detailBtn a {
    padding: 15px 1px;
    font-size: 1.5rem;
    line-height: 1.7;
 }

}