.mar5{margin:0px 0 5px 0;}
.mar10{margin:0px 0 10px 0;}
.mar10tb{margin:10px;}

body {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 85%; /* Safari */
}



/******************************/
/* TOP用*★横スクロール★/
/******************************/
.scroll_content { /* リスト全体のスタイル */
  display: flex;
  max-width: 800px;
  margin: auto;
  overflow-x: auto;
}
 
.scroll_content li { /* 各リストのスタイル */
  width: 100%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 33%;
  height: 33%;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.scroll_content::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
 
 
@media screen and (min-width: 450px) {
 
  .scroll_content li {
    width: 45%;
  }
 
}




/******************************/
/* 2並び商品(@_@)TOP用*★スマホだと縦並び★/
/******************************/
@media screen and (min-width:300px) {
.item2_t {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:auto;
    margin-bottom:0px;
    margin-top:0px;
}
.item_contents2_t {
   flex-basis: calc(100% - 8px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
  border:2px solid #e7e6e6;
}
}
@media screen and (min-width:1024px){ 
  .item2_t {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:100%;
    margin-bottom:7px;
    margin-top:7px;
}
.item_contents2_t {
   flex-basis: calc(100%/2 - 8px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
  border:1px solid #e7e6e6;
}
}






/******************************/
/* 3並び商品(@_@)TOP用*/
/******************************/
@media screen and (min-width:300px) {
.item3_t {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:auto;
    margin-bottom:7px;
    margin-top:7px;
}
.item_contents3_t {
   flex-basis: calc(100%/3 - 8px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
  border:1px solid #e7e6e6;
}
}
@media screen and (min-width:1024px){ 
  .item3_t {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:710px;
    margin-bottom:7px;
    margin-top:7px;
}
.item_contents3_t {
   flex-basis: calc(100%/3 - 8px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
  border:1px solid #e7e6e6;
}
}
/******************************/
/* 3並び商品(@_@) */
/******************************/
@media screen and (min-width:300px) {
.item3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:auto;
    margin-bottom:7px;
    margin-top:7px;
}
.item_contents3 {
padding-top:5px;
   flex-basis: calc(100%/3 - 4px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
}
}
@media screen and (min-width:1024px){ 
  .item3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:710px;
    margin-bottom:7px;
    margin-top:7px;
}
.item_contents3 {
padding-top:5px;
   flex-basis: calc(100%/3 - 4px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
}
}
/******************************/
/* 4並び商品(@_@) */
/******************************/
@media screen and (min-width:300px) {
.item4 {
 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:auto;
    margin-bottom:7px;
    margin-top:7px;
}
  .item5{
    display:block;
    height:auto;
    margin-left: auto; 
    margin-right: auto;
    margin-bottom:7px;
    margin-top:7px;
    text-align: center;
    width:90%;
  }
.item_contents4 {
  padding-top:5px;
   flex-basis: calc(25% - 4px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
}

.item_contents5 {
  flex-basis: calc(20% - 4px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;}
}
@media screen and (min-width:1024px){ 
  .item4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:710px;
   margin-bottom:7px;
   margin-top:7px;
}

 .item5{
    display:block;
    height:auto;
    margin-left: auto; 
    margin-right: auto;
    margin-bottom:7px;
    margin-top:7px;
    text-align: center;
    width:90%;
  }

.item_contents4 {  
  padding-top:5px;
   flex-basis: calc(25% - 4px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
}
.item_contents5 {
   flex-basis: calc(20% - 4px);
   text-align: center;
     margin-right: 2px;
  margin-left:2px;
}  
}
@media screen and (min-width:300px) {
.item6 {
  background-color:#c6edfc;
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:auto;
    margin-top:12px;
}
  .item_contents6 {
      margin-top:-1px;
   flex-basis: calc(100%/3 - 20px);
   text-align: center;
     margin-right: 10px;
  margin-left:10px;
    margin-bottom:15px;}
}
  @media screen and (min-width:1024px){ 
  .item6 {
    background-color:#c6edfc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:710px;
    margin-top:12px;
}
.item_contents6 {
  margin-top:-1px;
   flex-basis: calc(100%/3 - 20px);
   text-align: center;
     margin-right: 10px;
  margin-left:10px;
  margin-bottom:15px;}
}


/******************************/
/* 4並び商品(@_@)TOP用 */
/******************************/
@media screen and (min-width:300px) {
.item4_t {
 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
   width:auto;
    margin-bottom:7px;
    margin-top:7px;
}
 
.item_contents4_t {
   flex-basis: calc(25% - 8px);
   text-align: left;
     margin-right: 2px;
  margin-left:2px;
  border:1px solid #e7e6e6;
}


@media screen and (min-width:1024px){ 
  .item4_t {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   width:710px;
   margin-bottom:7px;
   margin-top:7px;
}

.item_contents4_t {  
   flex-basis: calc(25% - 8px));
   text-align: left;
     margin-right: 2px;
  margin-left:2px;
  border:1px solid #e7e6e6;
  }}

.new1{
  position: relative;
}
.new2{
  position: absolute;top:0px;left:0px;
    background:red;padding:5px;
   color:#fff;font-weight:bold;font-size:1.1em;
}
  
  
 /******************************/
/* 動画用 */
/******************************/ 
.hoge { text-align: center; }  
  
.iframe-css {
  position: relative;
  width: 100%;
  padding-top:56.25%;
}

.iframe-css iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}