@charset "utf-8";
/* CSS Document */
/*---------------------------------------------
Reset
---------------------------------------------*/
* { margin: 0; padding: 0;}
html {font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
img { border: none; vertical-align:middle; max-width: 100%; height: auto; margin: 0; padding: 0; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin: 0; padding: 0;}

/*a:hover{opacity: 0.7}*/
ul{list-style: none;}




.pc_none{display: none;}
.sp_none{display:block;}

/* 内部リンク 位置調整 */
.anchor { display: block; padding-top: 70px !important; margin-top: -70px !important;}

/* マージン 微調整用 */
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb130{margin-bottom: 130px;}
.mb140{margin-bottom: 140px;}
.mb150{margin-bottom: 150px;}

/* テキスト微調整用 */
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}

.txt-left{text-align: left;}
.txt-right{text-align: right;}
.txt-center{text-align: center;}

.red{color: #CC0000;}

/* インデント「※」 */
.notes{	display:block; font-size: 1.3rem; padding-left:1em; text-indent:-1em; }
.notes:before{ content: "※";}

/* インデント「※」ここまで */

/*---------------------------------------------
Reset end
---------------------------------------------*/

/*---------------------------------------------
商品表示
---------------------------------------------*/
.section-list_flexbox{ display: flex; flex-wrap: wrap; gap:10px; }
.section-list_flexbox > a {	width: calc((100% - 30px) / 4); box-sizing: border-box; text-decoration: none; color: #000; }
.section-list_flexbox > a:hover {opacity: 0.7; transform: all 0.5s;}
.section-list_flexbox .item{ display: flex; flex-direction: column; border: 1px solid #eee; text-align: center; padding: 10px; }
.section-list_flexbox .item > img { padding:0 0 15px 0; }
.section-list_flexbox .item .name{flex-grow: 1; font-size: 1.15em; font-weight: bold; letter-spacing: 1.15px;}
.section-list_flexbox .item .price{line-height: 1.5; font-size: 1.15em;}
.section-list_flexbox .item .price .main-price{ font-weight: bold; color: #cc0000;}
.section-list_flexbox .item .price .main-price > span{ font-size: 2em; padding:0 5px;}
.section-list_flexbox .item .price .tax{line-height: 1; font-size: 0.65em; font-weight: bold; color: #000;}
.section-list_flexbox .item .price .tax > span{ font-size: 1.65em; padding:0 5px;}
.section-list_flexbox .item .notes-black{ display: block; padding: 10px 0 0 0; color: #000;font-size: 0.8em;}

/*---------------------------------------------
カラム
---------------------------------------------*/
ul.bnr-list_2col,
ul.bnr-list_3col,
ul.bnr-list_4col,
ul.bnr-list_5col,
ul.bnr-list_6col,
ul.bnr-list_2col-sp1col,
ul.bnr-list_2col-sp3col,
ul.bnr-list_3col-sp3col,
ul.bnr-list_4col-sp3col,
ul.bnr-list_5col-sp3col,
ul.bnr-list_6col-sp3col{ 
    box-sizing:border-box;
}

ul.bnr-list_2col li,
ul.bnr-list_3col li,
ul.bnr-list_4col li,
ul.bnr-list_5col li,
ul.bnr-list_6col li,
ul.bnr-list_2col-sp1col li,
ul.bnr-list_2col-sp3col li,
ul.bnr-list_3col-sp3col li,
ul.bnr-list_4col-sp3col li,
ul.bnr-list_5col-sp3col li,
ul.bnr-list_6col-sp3col li{ 
    list-style:none; padding:0; margin: 0; 
}

ul li a:hover{
	opacity: 0.6; transition : 1s;
}

ul.bnr-list_2col img,
ul.bnr-list_3col img,
ul.bnr-list_4col img,
ul.bnr-list_5col img,
ul.bnr-list_6col img,
ul.bnr-list_2col-sp1col img,
ul.bnr-list_2col-sp3col img,
ul.bnr-list_3col-sp3col img,
ul.bnr-list_4col-sp3col img,
ul.bnr-list_5col-sp3col img,
ul.bnr-list_6col-sp3col img{ 
	width: 100%; padding:0; margin: 0; 
}

ul.bnr-list_2col,
ul.bnr-list_3col,
ul.bnr-list_4col,
ul.bnr-list_5col,
ul.bnr-list_6col,
ul.bnr-list_2col-sp1col,
ul.bnr-list_2col-sp3col,
ul.bnr-list_3col-sp3col,
ul.bnr-list_4col-sp3col,
ul.bnr-list_5col-sp3col,
ul.bnr-list_6col-sp3col{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	margin:0 auto;
}

/*/// 1カラム ///*/
ul.bnr-list_1col{ display: block; text-align: center; }
ul.bnr-list_1col img{ padding-bottom: 10px; }

/*/// カラム calc ///*/
ul.bnr-list_2col > li,
ul.bnr-list_2col-sp1col > li,
ul.bnr-list_2col-sp3col > li{ width: calc((100% - 10px) / 2);}
ul.bnr-list_3col > li,
ul.bnr-list_3col-sp3col > li{ width: calc((100% - 20px) / 3);}
ul.bnr-list_4col > li,
ul.bnr-list_4col-sp3col > li{ width: calc((100% - 30px) / 4);}
ul.bnr-list_5col > li,
ul.bnr-list_5col-sp3col > li {	width: calc((100% - 40px) / 5);}
ul.bnr-list_6col > li,
ul.bnr-list_6col-sp3col > li{ width: calc((100% - 50px) / 6);}



/*---------------------------------------------
ボタン
---------------------------------------------*/
.btn-radius{ border-radius:40px;}

a.btn-black {
  position: relative;
  display:block;
  text-align:center;
  font-weight: bold;
  font-size:120%;
  text-decoration: none !important;
  color: #fff !important;
  background: #000;
  padding: 20px 0;
  margin:20px 0;
}

a.btn-orange {
  position: relative;
  display:block;
  text-align:center;
  font-weight: bold;
  font-size:120%;
  text-decoration: none !important;
  color: #fff !important;
  background: #ec5b02;
  padding: 20px 0;
  margin:20px 0;
}

a.btn-white {
  position: relative;
  display:block;
  text-align:center;
  font-weight: bold;
  font-size:120%;
  padding: 15px 0;
  text-decoration: none !important;
  color: #000 !important;
  background: #fff;
  margin:20px 0;
  border:solid 2px #000;
}

a.btn-white_s {
  position: relative;
  display:block;
  text-align:center;
  font-size:100%;
  padding: 10px 0;
  text-decoration: none !important;
  color: #000 !important;
  background: #fff;
  border:solid 1px #000;
  transition: background 1s;
}

a:hover.btn-white_s {
	color:#fff !important;
	background-color: #000;
}

a:hover.btn-black,a:hover.btn-white,a:hover.btn-orange {
	opacity:0.75;
}

a.btn-black::after,a.btn-orange::after {
	content: " ";
	position: absolute;
	display: block;
	top: 42%;
	right: 8%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn-white::after{
	content: " ";
	position: absolute;
	display: block;
	top: 42%;
	right: 8%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn-white_s::after{
	content: " ";
	position: absolute;
	display: block;
	top: 40%;
	right: 8%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a:hover.btn-white_s::after{
	content: " ";
	position: absolute;
	display: block;
	top: 40%;
	right: 8%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*--------flex リストボタン--------------*/

/* flexbox */
ul.content-nav_list_2col-box,
ul.content-nav_list_3col-box,
ul.content-nav_list_4col-box,
ul.content-nav_list_5col-box,
ul.content-nav_list_2col-white,
ul.content-nav_list_3col-white,
ul.content-nav_list_4col-white,
ul.content-nav_list_5col-white,
ul.content-nav_list_2col-gray,
ul.content-nav_list_3col-gray,
ul.content-nav_list_4col-gray,
ul.content-nav_list_5col-gray{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
	margin: 0 0 30px;
      }

/* gap */ 
ul.content-nav_list_2col-box,
ul.content-nav_list_3col-box,
ul.content-nav_list_2col-white,
ul.content-nav_list_3col-white,
ul.content-nav_list_2col-gray,
ul.content-nav_list_3col-gray{
    gap: 10px;
      }

ul.content-nav_list_4col-box,
ul.content-nav_list_5col-box,
ul.content-nav_list_4col-white,
ul.content-nav_list_5col-white,
ul.content-nav_list_4col-gray,
ul.content-nav_list_5col-gray{
    gap: 5px;
      }

/* 単色カラム aエリア */ 
ul.content-nav_list_2col-box a,
ul.content-nav_list_3col-box a,
ul.content-nav_list_4col-box a,
ul.content-nav_list_5col-box a{
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
	line-height: 1.15em;
	padding: 20px 10px;
      }

/* 白・グレーカラム aエリア */ 
ul.content-nav_list_2col-white a,
ul.content-nav_list_3col-white a,
ul.content-nav_list_4col-white a,
ul.content-nav_list_5col-white a,
ul.content-nav_list_2col-gray a,
ul.content-nav_list_3col-gray a,
ul.content-nav_list_4col-gray a{
    display: block;
    position: relative;
    text-decoration: none;
	line-height: 1.15em;
	padding: 20px 10px;
      }



/* 単色カラム li */ 
ul.content-nav_list_2col-box li,
ul.content-nav_list_3col-box li,
ul.content-nav_list_4col-box li,
ul.content-nav_list_5col-box li,
ul.content-nav_list_2col-white li,
ul.content-nav_list_3col-white li,
ul.content-nav_list_4col-white li,
ul.content-nav_list_2col-gray li,
ul.content-nav_list_3col-gray li,
ul.content-nav_list_4col-gray li{
    list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
      } 

ul.content-nav_list_2col-box li,ul.content-nav_list_2col-white li,ul.content-nav_list_2col-gray li{ width: calc((100% - 10px) / 2); }
ul.content-nav_list_3col-box li,ul.content-nav_list_3col-white li,ul.content-nav_list_3col-gray li{ width: calc((100% - 30px) / 3); }
ul.content-nav_list_4col-box li,ul.content-nav_list_4col-white li,ul.content-nav_list_4col-gray li{ width: calc((100% - 15px) / 4); }
ul.content-nav_list_5col-box li,ul.content-nav_list_5col-white li{ width: calc((100% - 20px) / 5); }

/* 単色カラム 各色 */ 
/* ブルー */ 
li.bg-blue{ background-color: #0088e8; }
li.bg-blue a:hover{
    background-color: #076196;
    transition: background 1s;
	color: #fff !important;
      }
/* オレンジ */ 
li.bg-ore{ background-color: #ec5b02;}
li.bg-ore a:hover{
    background-color: #ab4304;
    transition: background 1s;
	color: #fff !important;
      }
/* ピンク */ 
li.bg-pink{ background-color: #e276a7;}
li.bg-pink a:hover{
    background-color: #b85d8b;
    transition: background 1s;
	color: #fff !important;
      }
/* スカイ */ 
li.bg-sky{ background-color: #6eb5e9;}
li.bg-sky a:hover{
    background-color: #578db5;
    transition: background 1s;
	color: #fff !important;
      }
/* グリーン */ 
li.bg-gre{ background-color: #9ccf96;}
li.bg-gre a:hover{
    background-color: #80a67c;
    transition: background 1s;
	color: #fff !important;
      }

/* 白（黒線） */ 
li.bg-w{ background-color: #fff; border: 1px solid #000; box-sizing: border-box;}
li.bg-w:hover{ border: 1px solid #999; box-sizing: border-box;}
li.bg-w a{ color: #000 !important;}
li.bg-w a:hover{
    background-color: #fff;
    transition: background 1s;
	color: #000 !important;
      }

/* グレイ */ 
ul.content-nav_list_2col-gray a,ul.content-nav_list_3col-gray a,ul.content-nav_list_4col-gray a{
    color: #333;
    background: #f2f2f2;
	border: 1px solid #f2f2f2;
      }

/* 白 */ 
ul.content-nav_list_2col-white a,ul.content-nav_list_3col-white a,ul.content-nav_list_4col-white a,ul.content-nav_list_5col-white a{
    color: #000;
    background: #fff;
	border: 1px solid #000;
      }


/* 2カラム a::after */ 
ul.content-nav_list_2col-box a::after,
ul.content-nav_list_3col-box a::after,
ul.content-nav_list_4col-box a::after,
ul.content-nav_list_5col-box a::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

ul.content-nav_list_2col-box li.bg-w a::after{ 
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
      
/* 2カラム a::after */ 
ul.content-nav_list_2col-gray a::after,
ul.content-nav_list_2col-white a::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/* a:hover */  
ul.content-nav_list_2col-gray a:hover,
ul.content-nav_list_3col-gray a:hover,
ul.content-nav_list_4col-gray a:hover{
	background-color: #fff;
	transition : 1s;
	border: 1px solid #999;
      }
ul.content-nav_list_2col-white a:hover,
ul.content-nav_list_3col-white a:hover,
ul.content-nav_list_4col-white a:hover,
ul.content-nav_list_5col-white a:hover{
	background-color: #000;
	color: #fff !important;
	transition : 1s;
      }

ul.content-nav_list_2col-white a:hover::after,
ul.content-nav_list_3col-white a:hover::after,
ul.content-nav_list_3col-white a:hover::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/* 3カラム a::after */    
ul.content-nav_list_3col-gray a::after,
ul.content-nav_list_3col-white a::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/* 4カラム a::after */    
ul.content-nav_list_4col-gray a::after,
ul.content-nav_list_4col-white a::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/* 5カラム a::after */    
ul.content-nav_list_5col-white a::after{
    content: "　";
    position: absolute;
    top: 46%;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }


/*---------------------------------------------

スマホ表示

---------------------------------------------*/
@media screen and (max-width: 768px){
body{ width: 100%;}
#contents-wrap{ /*width: 96%;*/ padding: 10px;}
	
/*---------------------------------------------
Reset
---------------------------------------------*/	
.pc_none{display:block;}
.sp_none{display: none;}
	
	
/*　インデント「※」　*/
.notes{	margin-left:1em; text-indent:-1em; font-size:14px !important; display:inline-block;}
.notes::before{ content: "※";}
	
/*---------------------------------------------
商品表示
---------------------------------------------*/
.section-list_flexbox{ gap:10px 5px; }
.section-list_flexbox > a {	width: calc((100% - 5px) / 2);  }
.section-list_flexbox .item{ padding: 8px; }
.section-list_flexbox .item > img { padding:0 0 5px 0; }
.section-list_flexbox .item .name{ font-size: 0.85em; letter-spacing: 0.8px;}
.section-list_flexbox .item .price{line-height: 1.25; font-size: 0.95em;}
.section-list_flexbox .item .price .main-price > span{ font-size: 1.75em; padding:0 5px;}
.section-list_flexbox .item .price .tax{line-height: 1; font-size: 0.65em; font-weight: bold; color: #000;}
.section-list_flexbox .item .price .tax > span{ font-size: 1.65em; padding:0 5px;}
.section-list_flexbox .item .notes-black{ display: block; padding: 5px 0 0 0; color: #000; font-size: 0.75em;}

/*---------------------------------------------
ボタン
---------------------------------------------*/	


a.btn-black,
a.btn-white,
a.btn-white_s{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 0;
  margin:15px 0;
  text-align:center;
  letter-spacing:0.1em;
  transition: background 1s;
}

a.btn-black {
  color: #fff !important;
  background: #000;
  font-size:90%;
}

a.btn-white {
  color: #000 !important;
  background: #fff;
  border:solid 2px #000;
  font-size:90%;
}

a.btn-white_s {
  color: #000 !important;
  background: #fff;
  margin:10px auto 0 !important;
  border:solid 1px #000;
  font-size:90%;
}

a:hover.btn-white_s {
	color:#fff !important;
	background-color: #000;
}

a.btn-orange {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size:90%;
  text-decoration: none;
  color: #fff !important;
  background: #ec5b02;
  padding: 15px 0;
  margin:15px 0;
  text-align:center;
  letter-spacing:0.1em;
}


a.btn-black::after,a.btn-orange::after {
	content: "";
	position: absolute;
	display: block;
	top: 42%;
	right: 20px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn-white::after{
	content: "";
	position: absolute;
	display: block;
	top: 42%;
	right: 20px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.btn-white_s::after{
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	right: 12px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a:hover.btn-white_s::after{
	content: "　";
	position: absolute;
	display: block;
	top: 40%;
	right: 12px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.btn-1col_list_gray,
ul.btn-1col_list_gray_arrow {
    display: flex;
    justify-content: center;
	align-items: center;
    flex-wrap: wrap;
	flex-flow: column;
    gap: 15px;
    margin: 30px 0;
      }

ul.btn-1col_list_gray li,
ul.btn-1col_list_gray_arrow li{
    width: 95%;
	list-style: none !important;
	margin-left: 0 !important;
      }

ul.btn-1col_list_gray_arrow li{
    text-align: left;
      }

ul.btn-1col_list_gray li{
    text-align: center;
      }

ul.btn-1col_list_gray a,
ul.btn-1col_list_gray_arrow a{
    display: block;
    position: relative;
    padding: 30px 15px;
    text-decoration: none;
    color: #333;
    background: #f2f2f2;
      }

/*矢印あり*/
ul.btn-1col_list_gray_arrow a::after{
    content: " ";
    position: absolute;
    top: 46%;
    right: 5%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
      }

/* 1カラム グレーボタン ここまで */

/* 2カラム ボタン ここから */
ul.content-nav_list_2col-box li,ul.content-nav_list_2col-white li,ul.content-nav_list_2col-gray li{ width: calc((100% - 10px) / 2); }
ul.content-nav_list_3col-box li,ul.content-nav_list_3col-white li,ul.content-nav_list_3col-gray li{ width: calc((100% - 10px) / 2); }
ul.content-nav_list_4col-box li,ul.content-nav_list_4col-white li,ul.content-nav_list_4col-gray li{ width: calc((100% - 10px) / 2); }
ul.content-nav_list_5col-box li,ul.content-nav_list_5col-white li{ width: calc((100% - 10px) / 2); }

/*---------------------------------------------
カラム
---------------------------------------------*/	
	
/*/// 1カラム ///*/
ul.bnr-list_1col{ display: block; text-align: center; }
ul.bnr-list_1col img{ width: 100%; }
ul.bnr-list_2col-sp1col{ flex-direction: column;}
ul.bnr-list_2col-sp1col > li{ width:100%; }
	
/*/// 2カラム ///*/
ul.bnr-list_2col,
ul.bnr-list_3col,
ul.bnr-list_4col,
ul.bnr-list_5col,
ul.bnr-list_6col {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	
ul.bnr-list_2col > li,
ul.bnr-list_3col > li,
ul.bnr-list_4col > li,
ul.bnr-list_5col > li,
ul.bnr-list_6col > li {
	width: calc((100% - 10px) / 2);
}
	
/*/// 3カラム ///*/
ul.bnr-list_2col-sp3col,
ul.bnr-list_3col-sp3col,
ul.bnr-list_4col-sp3col,
ul.bnr-list_5col-sp3col,
ul.bnr-list_6col-sp3col {
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin:0 auto;
}
	
ul.bnr-list_2col-sp3col > li,
ul.bnr-list_3col-sp3col > li,
ul.bnr-list_4col-sp3col > li,
ul.bnr-list_5col-sp3col > li,
ul.bnr-list_6col-sp3col > li {
	width: calc((100% - 20px) / 3);
}
	
}/*@media end*/