@charset "utf-8";
/* CSS Document */
@media screen and (min-width:960px) {
	 .f_col_pc1_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc1_sp1 > div {
    width: 100%;
    margin: 5px auto;
  }
  .f_col_pc1_sp1 > div img {
width: 100%;
    height: auto;
  }		
	
	 .f_col_pc1_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
	 .f_col_pc1_sp3 > div {
    width: 100%;
    margin: 5px auto;
  }
	 .f_col_pc1_sp3 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc2_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
.f_col_pc2_sp1 > div {
    width: 48%;
    margin: 5px auto 15px;
}
  .f_col_pc2_sp1 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc2_sp1_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_2 > div {
    width: 49%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1_2 > div img {
width: 100%;
    height: auto;
  }		
	.f_col_pc2_sp1_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_3 > div {
    width: 47%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1_3 > div img {
width: 100%;
    height: auto;
  }	
	.f_col_pc2_sp1_4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_4 > div {
    width: 48%;
    margin: 5px auto 10px;
  }
  .f_col_pc2_sp1_4 > div img {
width: 100%;
    height: auto;
  }	
		
	
	
  .f_col_pc3_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp1 > div {
    width: 32%;
    margin: 5px auto;
  }
  .f_col_pc3_sp1 > div img {
width: 100%;
    height: auto;
  }	
	  .f_col_pc3_sp1_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp1_2 > div {
    width: 30%;
    margin: 5px auto 20px;
  }
  .f_col_pc3_sp1_2 > div img {
width: 100%;
    height: auto;
  }		
	
  .f_col_pc3_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp2 > div {
    width: 30%;
    margin: 5px auto 20px;
  }
  .f_col_pc3_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp1 > div {
    width: 24%;
    margin: 5px auto;
  }
  .f_col_pc4_sp1 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc4_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2 > div {
    width: 24%;
    margin: 5px auto 15px;
  }
  .f_col_pc4_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp2_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_2 > div {
    width: 25%;
    padding: 10px;
  }
  .f_col_pc4_sp2_2 > div img {
width: 100%;
    height: auto;
  }		
.f_col_pc4_sp2_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_3 > div {
    width: 23%;
    margin: 15px auto 15px;
  }
  .f_col_pc4_sp2_3 > div img {
width: 100%;
    height: auto;
  }		
	
.f_col_pc4_sp2_4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_4 > div {
    width: 23%;
    margin: 15px auto 15px;
  }
  .f_col_pc4_sp2_4 > div img {
max-width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp3 > div {
    width: 25%;
    padding: 10px;
  }
  .f_col_pc4_sp3 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp1 > div {
    width: 19%;
    padding: 7px 10px 10px;
    border: 1px solid #b3afae;
    margin: 5px auto;
  }
  .f_col_pc5_sp1 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp2 > div {
    width: 19%;
    padding: 7px 10px 10px;
    border: 1px solid #b3afae;
    margin: 5px auto;
  }
  .f_col_pc5_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp2_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp2_2 > div {
    width: 19%;
    margin: 5px auto;
  }
  .f_col_pc5_sp2_2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp3 > div {
    width: 19%;
    margin: 5px auto 30px;
  }
  .f_col_pc5_sp3 > div img {
width: 100%;
    height: auto;
  }	
	  .f_col_pc5_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp3_2 > div {
    width: 18%;
    margin: 10px auto 30px;
  }
  .f_col_pc5_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_pc6_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc6_sp3 > div {
    width: 15%;
    margin: 0 auto;
  }
  .f_col_pc6_sp3 > div img {
width: 100%;
    height: auto;
  }		
	
  .f_col_pc6_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc6_sp2 > div {
    width: 15%;
    margin: 0 auto;
  }
  .f_col_pc6_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc7_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc7_sp3 > div {
    width: 13.5%;
    margin: 0 auto;
  }
  .f_col_pc7_sp3 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc7_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc7_sp3_2 > div {
    width: 12.5%;
    margin: 0 auto;
  }
  .f_col_pc7_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
	 .f_col_pc8_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc8_sp3 > div {
 width: 12%;
    margin: 0 auto;
    padding: 2px 7px;
  }
  .f_col_pc8_sp3 > div img {
width: 100%;
    height: auto;
  }	
		
	 .f_col_pc8_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
.f_col_pc8_sp3_2 > div {
    width: 12.5%;
    margin: 0 auto 10px;
    padding: 2px 5px;
}
  .f_col_pc8_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
	
	
	
	
	  .f_col_pc8_sp4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc8_sp4 > div {
 width: 12%;
    margin: 0 auto;
    padding: 2px 7px;
  }
  .f_col_pc8_sp4 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_pc10_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc10_sp3_2 > div {
    width: 10%;
    padding: 3px;
  }
  .f_col_pc10_sp3_2 > div img {
width: 100%;
    height: auto;
  }		
	
  .f_col_pc11_sp6 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp6 > div {
  width: 9%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp6 > div img {
width: 100%;
    height: auto;
  }
	
	.f_col_pc11_sp7 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp7 > div {
  width: 9%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp7 > div img {
width: 100%;
    height: auto;
  }	
	.f_col_pc20_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc20_sp3 > div {
  width: 4.5%;
    padding: 3px;
    margin: 3px auto;
  }
	
  .f_col_pc21_sp3 > div img {
width: 100%;
    height: auto;
  }	
	
	
	.f_col_pc21_sp9 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc21_sp9 > div {
  width: 4%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc21_sp9 > div img {
width: 100%;
    height: auto;
  }	
	
		.f_col_pc21_sp7 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc21_sp7 > div {
  width: 4%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc21_sp7 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_2_bigitem4 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem4 > div.w33p {
    width: 33.33333%;
    display: flex;
  }
  .f_col_2_bigitem4 > div.w66p {
    width: 66.6666%;
    display: grid;
    align-items: center;
    padding: 5px;
  }
  .f_col_2_bigitem4 > div img {
max-width: 100%;
    height: auto;
  }		
	
	.f_col_2_bigitem5 {
    width: 100%;
  }
  .f_col_2_bigitem5 > div.w33p {
    width: 33.33333%;
  }
  .f_col_2_bigitem5 > div.w66p {
    width: 66.6666%;
    display: grid;
    align-items: center;
    padding: 5px;
  }
  .f_col_2_bigitem5 > div img {
max-width: 100%;
    height: auto;
  }		
		  .f_col_2_bigitem6 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem6 > div.w23p {
    width: 23.33333%;
	    display: flex;
  }
.f_col_2_bigitem6 > div.w76p {
    width: 76.6666%;
    display: grid;
    align-items: center;
    padding: 3px 14px 3px 3px;
}	
	  .f_col_2_bigitem6 > div img {
width: 100%;
    height: auto;
  }	
	
			  .f_col_2_bigitem7 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem7 > div.w23p {
    width: 23.33333%;
  }
.f_col_2_bigitem7 > div.w76p {
    width: 76.6666%;
    align-items: center;
    padding: 3px 14px 3px 3px;
}	
	  .f_col_2_bigitem7 > div img {
width: 100%;
    height: auto;
  }	
	

	
	 .f_wrap {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
   .f_wrap > div.w22p {
    width: 22.2222%;
    padding: 15px 15px 15px 0px;
    margin: 0 auto;
  }
  .f_wrap > div.w77p {
    width: 77.7777%;
    padding: 15px 0px 15px 15px;
    margin: 0 auto;
  }	
  .f_wrap > div img {
   max-width: 100%;
    height: auto;
  }	
	
	
/* 商品名並ぶボックス */
.group {
    margin: 24px 0;
}
.groupList {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 8px 0;
    padding: 1px 0 0 1px;
}
.groupList > li {
    box-sizing: border-box;
}
.groupList__item {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 45%;
    margin: 0 auto 20px;
    position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.groupList__item_no {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 45%;
    margin: 0 auto 20px;
    position: relative;
    box-shadow: none;
}	
	
.groupList__link {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    border: none;
    color: inherit;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 42% 53%;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 3%;
    text-decoration: none;
    grid-gap: 2% 5%;
}
.groupList__image {
    grid-column: 1;
    grid-row: 1/3;
    align-self: start;
    margin-right: 8px;
}
.groupList__image > img {
    display: block;
    width: 100%;
    height: auto;
}
.groupList__label {
    font-weight: bold;
    line-height: 2.4rem;
    font-size: 1.6rem;
}
.groupList__label_txt {
    font-weight: bold;
    line-height: 2.4rem;
    font-size: 1.7rem;
	text-decoration: underline;
}
.groupList__comment {
    line-height: 2rem;
    font-size: 1.8rem;
}	
.groupList__item a:visited {
    color: #555;
}
	
	
.pc_2wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_2wk_sp_1wk li{
    width: 48%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_2wk_sp_1wk li img{
    width: 100%;}
	
.pc_2wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_2wk_sp_2wk li{
    width: 48%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_2wk_sp_2wk li img{
    width: 100%;}
	
.pc_3wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_1wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_1wk li img{
    width: 100%;}	
	
.pc_3wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_2wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_2wk li img{
    width: 100%;}	
	
.pc_3wk_sp_2wk_2 {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_2wk_2 li{
    width: 32%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_2wk_2 li img{
    width: 100%;}	
		
	
	
.pc_3wk_sp_3wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_3wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_3wk li img{
    width: 100%;}	
	
.pc_4wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_1wk li{
    width: 23%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_4wk_sp_1wk li img{
    width: 100%;}	

.pc_4wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_2wk li{
    width: 24%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_4wk_sp_2wk li img{
    width: 100%;}

.pc_4wk_sp_2wk_2 {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_2wk_2 li{
    width: 23%;
    margin-left: auto;
    margin-right: auto;
}
.pc_4wk_sp_2wk_2 li img{
    width: 100%;}	
	
.pc_5wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_5wk_sp_2wk li{
    width: 17%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_5wk_sp_2wk li img{
    width: 100%;}	
.pc_6wk_sp_3wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_6wk_sp_3wk li{
    width: 16%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 10px;
}
.pc_6wk_sp_3wk li img{
    width: 100%;}	
}
@media screen and (min-width:768px) and (max-width:959px) {
		 .f_col_pc1_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc1_sp1 > div {
    width: 100%;
    margin: 5px auto;
  }
  .f_col_pc1_sp1 > div img {
width: 100%;
    height: auto;
  }		
	
	 .f_col_pc1_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
	 .f_col_pc1_sp3 > div {
    width: 100%;
    margin: 5px auto;
  }
	 .f_col_pc1_sp3 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc2_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1 > div {
    width: 49%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1 > div img {
width: 100%;
    height: auto;
  }			
  .f_col_pc2_sp1_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_2 > div {
    width: 49%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1_2 > div img {
width: 100%;
    height: auto;
  }	
		.f_col_pc2_sp1_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_3 > div {
    width: 47%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1_3 > div img {
	  width: 100%;}
	
	
  .f_col_pc3_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp1 > div {
    width: 32%;
    margin: 5px auto;
  }
  .f_col_pc3_sp1 > div img {
width: 100%;
    height: auto;
  }		
		  .f_col_pc3_sp1_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp1_2 > div {
    width: 30%;
    margin: 5px auto;
  }
  .f_col_pc3_sp1_2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc3_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp2 > div {
    width: 32%;
    margin: 5px auto 20px;
  }
  .f_col_pc3_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp1 > div {
    width: 23%;
    margin: 5px auto;
  }
  .f_col_pc4_sp1 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc4_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2 > div {
    width: 24%;
    margin: 5px auto 15px;
  }
  .f_col_pc4_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp2_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_2 > div {
    width: 25%;
    padding: 10px;
  }
  .f_col_pc4_sp2_2 > div img {
width: 100%;
    height: auto;
  }		
	  .f_col_pc4_sp2_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_3 > div {
    width: 23%;
    margin: 15px auto 15px;
  }
  .f_col_pc4_sp2_3 > div img {
width: 100%;
    height: auto;
  }		
	
.pc_4wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_1wk li{
    width: 23%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_4wk_sp_1wk li img{
    width: 100%;}		
	
		
.f_col_pc4_sp2_4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_4 > div {
    width: 23%;
    margin: 15px auto 15px;
  }
  .f_col_pc4_sp2_4 > div img {
max-width: 100%;
    height: auto;
  }			
	
  .f_col_pc4_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp3 > div {
    width: 25%;
    padding: 10px;
  }
  .f_col_pc4_sp3 > div img {
width: 100%;
    height: auto;
  }			
  .f_col_pc5_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp1 > div {
    width: 19%;
    padding: 7px 10px 10px;
    border: 1px solid #b3afae;
    margin: 5px auto;
  }
  .f_col_pc5_sp1 > div img {
width: 100%;
    height: auto;
  }			
  .f_col_pc5_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp2 > div {
    width: 19%;
    padding: 7px 10px 10px;
    border: 1px solid #b3afae;
    margin: 5px auto;
  }
  .f_col_pc5_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp2_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp2_2 > div {
    width: 19%;
    margin: 5px auto;
  }
  .f_col_pc5_sp2_2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp3 > div {
    width: 19%;
    margin: 5px auto 20px;
  }
  .f_col_pc5_sp3 > div img {
width: 100%;
    height: auto;
  }		
	
		  .f_col_pc5_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp3_2 > div {
    width: 18%;
    margin: 10px auto 30px;
  }
  .f_col_pc5_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
	  .f_col_pc6_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc6_sp2 > div {
    width: 15%;
    margin: 0 auto;
  }
  .f_col_pc6_sp2 > div img {
width: 100%;
    height: auto;
  }
	
  .f_col_pc6_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc6_sp3 > div {
    width: 15%;
    margin: 0 auto;
  }
  .f_col_pc6_sp3 > div img {
width: 100%;
    height: auto;
  }		
	
  .f_col_pc7_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc7_sp3 > div {
    width: 14.1%;
    margin: 0 auto;
  }
  .f_col_pc7_sp3 > div img {
width: 100%;
    height: auto;
  }			
  .f_col_pc7_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc7_sp3_2 > div {
    width: 12.5%;
    margin: 0 auto;
  }
  .f_col_pc7_sp3_2 > div img {
width: 100%;
    height: auto;
  }			
	
		 .f_col_pc8_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc8_sp3 > div {
 width: 12%;
    margin: 0 auto;
    padding: 2px 7px;
  }
  .f_col_pc8_sp3 > div img {
width: 100%;
    height: auto;
  }	
		 .f_col_pc8_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
.f_col_pc8_sp3_2 > div {
    width: 12.5%;
    margin: 0 auto 10px;
    padding: 2px 5px;
}
  .f_col_pc8_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
	
		  .f_col_pc8_sp4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc8_sp4 > div {
 width: 12%;
    margin: 0 auto;
    padding: 2px 7px;
  }
  .f_col_pc8_sp4 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc10_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc10_sp3_2 > div {
    width: 10%;
    padding: 3px;
  }
  .f_col_pc10_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	  .f_col_pc11_sp6 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp6 > div {
  width: 9%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp6 > div img {
width: 100%;
    height: auto;
  }	
	.f_col_pc11_sp7 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp7 > div {
  width: 9%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp7 > div img {
width: 100%;
    height: auto;
  }	
		.f_col_pc20_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc20_sp3 > div {
  width: 4.5%;
    padding: 3px;
    margin: 3px auto;
  }
	
  .f_col_pc21_sp3 > div img {
width: 100%;
    height: auto;
  }	
	
		.f_col_pc21_sp9 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc21_sp9 > div {
  width: 9%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc21_sp9 > div img {
width: 100%;
    height: auto;
  }	
			.f_col_pc21_sp7 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc21_sp7 > div {
  width: 4%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc21_sp7 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_2_bigitem4 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem4 > div.w33p {
    width: 33.33333%;
    display: flex;
  }
  .f_col_2_bigitem4 > div.w66p {
    width: 66.6666%;
    display: grid;
    align-items: center;
    padding: 5px;
  }
  .f_col_2_bigitem4 > div img {
width: 100%;
    height: auto;
  }		
		.f_col_2_bigitem5 {
    width: 100%;
  }
  .f_col_2_bigitem5 > div.w33p {
    width: 33.33333%;
  }
  .f_col_2_bigitem5 > div.w66p {
    width: 66.6666%;
    display: grid;
    align-items: center;
    padding: 5px;
  }
  .f_col_2_bigitem5 > div img {
width: 100%;
    height: auto;
  }	
	  .f_col_2_bigitem6 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem6 > div.w23p {
    width: 23.33333%;
	    display: flex;
  }
.f_col_2_bigitem6 > div.w76p {
    width: 76.6666%;
    display: grid;
    align-items: center;
    padding: 3px 14px 3px 3px;
}	
	  .f_col_2_bigitem6 > div img {
width: 100%;
    height: auto;
  }	
	
			  .f_col_2_bigitem7 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem7 > div.w23p {
    width: 23.33333%;
  }
.f_col_2_bigitem7 > div.w76p {
    width: 76.6666%;
    align-items: center;
    padding: 3px 14px 3px 3px;
}	
	  .f_col_2_bigitem7 > div img {
width: 100%;
    height: auto;
  }	
	
	 .f_wrap {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
   .f_wrap > div.w22p {
    width: 22.2222%;
    padding: 15px 15px 15px 0px;
    margin: 0 auto;
  }
  .f_wrap > div.w77p {
    width: 77.7777%;
    padding: 15px 0px 15px 15px;
    margin: 0 auto;
  }	
  .f_wrap > div img {
   max-width: 100%;
    height: auto;
  }	
	
/* 商品名並ぶボックス */
.group {
    margin: 24px 0;
}
.groupList {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 8px 0;
    padding: 1px 0 0 1px;
}
.groupList > li {
    box-sizing: border-box;
}
.groupList__item {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 45%;
    margin: 0 auto 20px;
    position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
	.groupList__item_no {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 45%;
    margin: 0 auto 20px;
    position: relative;
    box-shadow: none;
}	
.groupList__link {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    border: none;
    color: inherit;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 42% 53%;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 3%;
    text-decoration: none;
    grid-gap: 2% 5%;
}
.groupList__image {
    grid-column: 1;
    grid-row: 1/3;
    align-self: start;
    margin-right: 8px;
}
.groupList__image > img {
    display: block;
    width: 100%;
    height: auto;
}
.groupList__label {
    font-weight: bold;
    line-height: 2.4rem;
    font-size: 1.6rem;
}
.groupList__label_txt {
    font-weight: bold;
    line-height: 2.4rem;
    font-size: 1.7rem;
	text-decoration: underline;
}
.groupList__comment {
    line-height: 2rem;
    font-size: 1.8rem;
}
.groupList__item a:visited {
    color: #555;
}	
	
.pc_2wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_2wk_sp_1wk li{
    width: 48%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_2wk_sp_1wk li img{
    width: 100%;}
	
.pc_2wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_2wk_sp_2wk li{
    width: 48%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_2wk_sp_2wk li img{
    width: 100%;}	
	
.pc_3wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_1wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_1wk li img{
    width: 100%;}
	
	
.pc_3wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_2wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_2wk li img{
    width: 100%;}
	
	
.pc_3wk_sp_2wk_2 {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_2wk_2 li{
    width: 32%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_2wk_2 li img{
    width: 100%;}	
.pc_3wk_sp_3wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_3wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_3wk li img{
    width: 100%;}		

.pc_4wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_2wk li{
    width: 24%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_4wk_sp_2wk li img{
    width: 100%;}

.pc_4wk_sp_2wk_2 {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_2wk_2 li{
    width: 23%;
    margin-left: auto;
    margin-right: auto;
}
.pc_4wk_sp_2wk_2 li img{
    width: 100%;}		
	
	.pc_5wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_5wk_sp_2wk li{
    width: 17%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_5wk_sp_2wk li img{
    width: 100%;}
	.pc_6wk_sp_3wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_6wk_sp_3wk li{
    width: 14%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 10px;
}
.pc_6wk_sp_3wk li img{
    width: 100%;}
	
}
@media screen and (max-width:767px) {
		 .f_col_pc1_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc1_sp1 > div {
    width: 100%;
    margin: 5px auto;
  }
  .f_col_pc1_sp1 > div img {
width: 100%;
    height: auto;
  }		
	
	 .f_col_pc1_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
	 .f_col_pc1_sp3 > div {
    width: 32%;
    margin: 5px auto;
  }
	 .f_col_pc1_sp3 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc2_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
	
	.f_col_pc2_sp1 > div {
    width: 100%;
    margin: 5px auto 15px;
  }
	.f_col_pc2_sp1 > div img {
width: 100%;
    height: auto;
  }			
	
  .f_col_pc2_sp1_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_2 > div {
    width: 100%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1_2 > div img {
width: 100%;
    height: auto;
  }	
	
		.f_col_pc2_sp1_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc2_sp1_3 > div {
    width: 100%;
    margin: 5px auto;
  }
  .f_col_pc2_sp1_3 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_pc3_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp1 > div {
    width: 100%;
    margin: 5px auto;
  }
  .f_col_pc3_sp1 > div img {
width: 100%;
    height: auto;
  }		
		  .f_col_pc3_sp1_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp1_2 > div {
    width: 95%;
    margin: 5px auto 5px;
  }
  .f_col_pc3_sp1_2 > div img {
width: 100%;
    height: auto;
  }		
	
  .f_col_pc3_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc3_sp2 > div {
    width: 48%;
    margin: 3px auto;
  }
  .f_col_pc3_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp1 > div {
    width: 98%;
    margin: 5px auto;
  }
  .f_col_pc4_sp1 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2 > div {
    width: 48%;
    margin: 3px auto 10px;
  }
  .f_col_pc4_sp2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc4_sp2_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_2 > div {
    width: 50%;
    padding: 10px;
  }
  .f_col_pc4_sp2_2 > div img {
width: 100%;
    height: auto;
  }		
	  .f_col_pc4_sp2_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_3 > div {
    width: 47%;
    margin: 10px auto 10px;
  }
  .f_col_pc4_sp2_3 > div img {
width: 100%;
    height: auto;
  }	
		
.f_col_pc4_sp2_4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp2_4 > div {
 width: 47%;
    margin: 10px auto 10px;
  }
  .f_col_pc4_sp2_4 > div img {
max-width: 100%;
    height: auto;
  }		
	
  .f_col_pc4_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc4_sp3 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc4_sp3 > div img {
width: 100%;
    height: auto;
  }			
	
.pc_4wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_1wk li{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_4wk_sp_1wk li img{
    width: 100%;}		
	
	
  .f_col_pc5_sp1 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp1 > div {
    width: 100%;
    margin: 5px auto;
    padding: 10px;
  }
  .f_col_pc5_sp1 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_pc5_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp2 > div {
    width: 48%;
    margin: 3px auto;
  }
  .f_col_pc5_sp2 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc5_sp2_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp2_2 > div {
    width: 48%;
    margin: 3px auto;
  }
  .f_col_pc5_sp2_2 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc5_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp3 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc5_sp3 > div img {
width: 100%;
    height: auto;
  }	
	
	  .f_col_pc5_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc5_sp3_2 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc5_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
	
	  .f_col_pc6_sp2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc6_sp2 > div {
width: 48%;
    margin: 3px auto;
  }
  .f_col_pc6_sp2 > div img {
width: 100%;
    height: auto;
  }
  .f_col_pc6_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc6_sp3 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc6_sp3 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc7_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc7_sp3 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc7_sp3 > div img {
width: 100%;
    height: auto;
  }		
  .f_col_pc7_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc7_sp3_2 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc7_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
			  .f_col_pc8_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc8_sp3 > div {
 width: 33%;
    margin: 0 auto;
    padding: 2px 7px;
  }
  .f_col_pc8_sp3 > div img {
width: 100%;
    height: auto;
  }	
		 .f_col_pc8_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
.f_col_pc8_sp3_2 > div {
    width: 33%;
    margin: 0 auto 10px;
    padding: 2px 5px;
}
  .f_col_pc8_sp3_2 > div img {
width: 100%;
    height: auto;
  }	
	
	
		  .f_col_pc8_sp4 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc8_sp4 > div {
 width: 25%;
    margin: 0 auto;
    padding: 2px 7px;
  }
  .f_col_pc8_sp4 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_pc10_sp3_2 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc10_sp3_2 > div {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
  }
  .f_col_pc10_sp3_2 > div img {
width: 100%;
    height: auto;
  }		
	
	  .f_col_pc11_sp6 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp6 > div {
 width: 16%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp6 > div img {
width: 100%;
    height: auto;
  }	
	  .f_col_pc11_sp6 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp6 > div {
 width: 16%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp6 > div img {
width: 100%;
    height: auto;
  }	
	
		.f_col_pc11_sp7 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc11_sp7 > div {
  width: 14%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc11_sp7 > div img {
width: 100%;
    height: auto;
  }		
	.f_col_pc20_sp3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc20_sp3 > div {
  width: 29%;
    padding: 3px;
    margin: 3px auto;
  }
	
  .f_col_pc20_sp3 > div img {
width: 100%;
    height: auto;
  }	
	
			.f_col_pc21_sp7 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .f_col_pc21_sp7 > div {
  width: 14%;
    padding: 3px;
    margin: 3px auto;
  }
  .f_col_pc21_sp7 > div img {
width: 100%;
    height: auto;
  }	
	
  .f_col_2_bigitem4 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem4 > div.w33p {
    width: 33.33333%;
    display: flex;
  }
.f_col_2_bigitem4 > div.w66p {
    width: 66.6666%;
    display: grid;
    align-items: center;
    padding: 3px 14px 3px 3px;
}
		
		.f_col_2_bigitem5 {
    width: 100%;
  }
  .f_col_2_bigitem5 > div.w33p {
    width: 33.33333%;
  }
  .f_col_2_bigitem5 > div.w66p {
    width: 66.6666%;
    display: grid;
    align-items: center;
    padding: 5px;
  }
  .f_col_2_bigitem5 > div img {
width: 100%;
    height: auto;
  }	
  .f_col_2_bigitem6 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem6 > div.w23p {
    width: 23.33333%;
	  display: flex;
  }
.f_col_2_bigitem6 > div.w76p {
    width: 76.6666%;
    display: grid;
    align-items: center;
    padding: 3px 14px 3px 3px;
}		
		
			  .f_col_2_bigitem7 {
    width: 100%;
    display: flex;
  }
  .f_col_2_bigitem7 > div.w23p {
    width: 23.33333%;
  }
.f_col_2_bigitem7 > div.w76p {
    width: 76.6666%;
    align-items: center;
    padding: 3px 14px 3px 3px;
}	
	  .f_col_2_bigitem7 > div img {
width: 100%;
    height: auto;
  }	
	
	 .f_wrap {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
   .f_wrap > div.w22p {
    display: none;
  }
  .f_wrap > div.w77p {
    width: 100%;
    padding: 15px;
    margin: 0 auto;
  }	
  .f_wrap > div img {
   max-width: 100%;
    height: auto;
  }	
	
	
/* 商品名並ぶボックス */
.group {
    margin: 15px 0;
}
.groupList {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 8px 0;
    padding: 1px 0 0 1px;
}
.groupList > li {
    box-sizing: border-box;
}
.groupList__item {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
	.groupList__item_no {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 30%;
    margin: 0 auto 20px;
    position: relative;
    box-shadow: none;
}	
.groupList__link {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    border: none;
    color: inherit;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 30% 62%;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 2%;
    text-decoration: none;
    grid-gap: 2% 5%;
}
.groupList__image {
    grid-column: 1;
    grid-row: 1/3;
    align-self: start;
    margin-right: 8px;
}
.groupList__image > img {
    display: block;
    width: 100%;
    height: auto;
}
.groupList__label {
    font-weight: bold;
    line-height: 2.4rem;
    font-size: 1.6rem;
}
.groupList__label_txt {
    font-weight: bold;
    line-height: 2.4rem;
    font-size: 1.5rem;
	text-decoration: underline;
}
.groupList__comment {
    line-height: 1.6rem;
    font-size: 1.5rem;
}
.groupList__item a:visited {
    color: #555;
}	
	

.pc_2wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_2wk_sp_1wk li{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_2wk_sp_1wk li img{
    width: 100%;}

.pc_2wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_2wk_sp_2wk li{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_2wk_sp_2wk li img{
    width: 100%;}
	
	
.pc_3wk_sp_1wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_1wk li{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_1wk li img{
    width: 100%;}	
	
.pc_3wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_2wk li {
    width: 47%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.pc_3wk_sp_2wk li img{
    width: 100%;}	
	
.pc_3wk_sp_2wk_2 {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_2wk_2 li{
    width: 47%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_2wk_2 li img{
    width: 100%;}	
	
.pc_3wk_sp_3wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_3wk_sp_3wk li{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_3wk_sp_3wk li img{
    width: 100%;}		

.pc_4wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_2wk li{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_4wk_sp_2wk li img{
    width: 100%;}
	
.pc_4wk_sp_2wk_2 {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_4wk_sp_2wk_2 li{
    width: 45%;
    margin-left: auto;
    margin-right: auto;
}
.pc_4wk_sp_2wk_2 li img{
    width: 100%;}		
	
.pc_5wk_sp_2wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_5wk_sp_2wk li{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 20px;
}
.pc_5wk_sp_2wk li img{
    width: 100%;}	
	.pc_6wk_sp_3wk {
    width: 100%;
    margin: 5px auto 15px;
    display: flex;
    flex-wrap: wrap;
}
.pc_6wk_sp_3wk li{
    width: 33%;
    margin-left: auto;
    margin-right: auto;
margin-bottom: 10px;
}
.pc_6wk_sp_3wk li img{
    width: 100%;}
}