/*update 4.0.4*/


.ec-itemNav__nav li {
 display: block;
 width: 100%;
}
.ec-itemNav__nav li a{
 text-align: left!important;
}

.ec-blockBtn--top{
    background-color: #86B563!important;
}

/*instafeed*/
.instagram{
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap; /* 折返し可 */ 
    justify-content: space-between;
}
.instagram div{
    width: 23% ; /* 親要素の1/4より小さい値 */
    margin: 1% 0;
}
.instagram img{
  width: 100%;
}

/*新着情報の画像サイズ調整*/
.infomation {
    display: block
}
.infomation img{
    display: block;
    margin: 2% auto;
    width: 50%;
}
/*ナビゲーション文字変更サイズ*/
.ec-categoryNaviRole a {
    font-size: 14px!important;
}



.ec-itemNav__nav li ul li a{
     background: #81AB59!important;
}

.ec-drawerRole .ec-headerLinkArea{
    background: #81AB59!important;
    
}
.crejit-etc{
    width: 300px;
    float: right;
}
.bat{
  max-width: 200px;
}
.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*emils*/

.basic-banner-tt {
  font-size: 150%;
  padding-bottom: 10px;
}


.basic-banner {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}


/* youtubezone */
.youtube_ttl {
  font-size: 150%;
  padding-bottom: 20px;
}
.rightf{
  padding-bottom: 20px;
  font-size: 120%;
  text-align: right;
}
.sns{
  display: block;
  padding-top: 15px;
  width: 98%;
  margin: 0 auto 20px auto;
  overflow: hidden;
}
.sns ul li{
  display: flex;
  justify-content: center;
  width: 18%;
  float: left;
  box-align: center;
}
.sns ul li a{
  color:black;
}
/*フッターイメージ*/

.sns ul li a img{
    width: 25px;
    display: block;
}
.ec-footerRole .ec-footerRole__inner img{
    width: 25px;
}



.maruyama{
    display: block;
  padding-top: 15px;
padding-bottom: 30px;
  margin: 0 auto;

}
.maruyama img{
   width: 98%;

}


.cttl{
    margin-top: 2%;
}
.cttl img{
    width: 250px;
    display: block;
            margin: 1% auto;
}
.cbox{
    width: 30.3%;
    font-size: 2rem;
    text-align: center;
    margin: 10px;
    padding: 10px;
    justify-content:space-between; 
    float: left;
}
.cbox img{
    width: 100%;
}
.cbox a{
    text-decoration: none;
    color: #525263;
}
.ctf{
    font-size: 0.9em;
    padding: 4%;
}
.categorybox{
    display: flex;
    flex-wrap: wrap;
   max-width: 1130px;
   margin-bottom: 2%;
}

.infowrap{
    display: block;
    width: 96%;
    margin: 1% auto;
}

.basewrap{
 display: block;
 margin: 1%;
}

.bt{
    
    margin-bottom: 3%;
}
.bt3{
    margin-bottom: 3%;
}
 .bt4{
    margin-bottom: 3%;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: underline;
    color: green;
 }

.bt5{
    margin-bottom: 3%;
    font-weight: bold;
    font-size: 1.1em;

 }

.bt6{
    margin-bottom: 5%;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 2;

 }
  .bt7{
    margin-bottom: 3%;
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: underline;
    color: red;
 }
 

.komidashi1{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 2%;
    text-decoration: underline
}

/*テーブル用*/
.tb-wrap{
overflow-x: auto;
margin-bottom: 2%;
}
table{
  border-collapse: collapse;
  
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  box-sizing:border-box;
}
.tb01 th {
  background: ghostwhite;
  width:10%;

  
}
.sec{
    width:10%;
}

/*商品テーブル用*/
      .item-table table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        td:first-child {
            background-color: #f2f2f2;
            padding-left: 5px; /* Adjust the left padding */
        }
        .item-table br + br + br{
            display: none;
        }
       
/*//商品テーブル用*/

/*トップ横並び配列 お役立ち*/

.oyakudachi{
    margin: 2% 0;
}

.flotbox1{
    display:inline-block;
    width:100%;
    margin:0;
    margin-bottom: 3%
}

.subflotbox{
 width:31%;
 min-height: 270px;
 float: left;
  margin:0 1%;
  background:#FFF;
  padding: 1%;
}
.subflotbox img{
 width:100%!important;
 height: 100%!important;
　}
.flboxp{
   margin: 3% 0 3% 0; 
}

/*ミッション*/

.mission{
    margin: 2% 0;
    display:inline-block;
}
.missionblock{
 width:47.5%;
 float: left;
  margin:0 1%;
  background:#FFF;
  padding: 1%;
}
.missionblock img{
    width: 100%;
    height: auto;
}

/*動画2列3段*/
.youtube {
  position: relative;
  width: 100%;
  padding-right: 5%;
  padding-left: 5%;
  padding-top: 56.25%;
  margin: 5% 0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 95%;
  height: 95%;
}
.moh2 {
    display: block;
    margin: 2%
}
.mop{
     display: block;
    margin: 2%
}
/*トップムービーブロック*/
.movieblock {
    display: block;
    width: 100%;
    margin: 3% auto;
}
.movieblock img{
    width: 100%;
}

/*小さめブロック*/
.smallblock {
    display: block;
    width: 70%;
    margin: 3% auto;
}
.smallblock img{
    width: 100%;
}

/*画像サイズ調整よう*/
.rawblock {
    display: block;
    width: 70%;
    margin: 3% auto;
}
.rawblock img{
    width: auto;
}

/*トップムービーブロック*/
.movieblock2 {
    display: block;
    width: 80%;
    margin: 3% auto;
}
.movieblock2 img{
    width: 100%;

}

/*おかいものガイド用PC*/

.wrapguide{
    display:block;
    padding:1%;
    overflow: hidden;

}


.guidettl {
   font-size: 2em;
   color: green;
   text-align:center;
   padding:2%;
}


.smidashi{
  font-size: 1.5em;
  padding-bottom: 2%;
  text-decoration: underline;
  color: brown;
}

.boxp{
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding-bottom: 3%;
}

.center-img{
  display: block;
  margin: 2% auto;
  overflow: hidden;
  margin-bottom: 2%;

}

.center-img img{
    width: 100%;
    margin-bottom: 2%;

}
.center-img50 {
  margin-bottom: 2%;

}
.center-img50 img{
    width: auto;
}

.universalimg{
    display: block;
}

.universalimg img{
    width: 100%;
    overflow: hidden;
}

/*ベターシェイクゴルファー編*/
.th3{
    display: block;
    overflow: hidden;
    width: 30%;
    margin:1%; 
}
.th3 img{
   width: 100%;
}
.bt6{
    padding: 2%;
}

/*バウクホフレシピ編*/

.bauck {
  color: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
}

.bauckc h2 {
  position: relative;
  padding-left: 4em;
}

.bauckc h2 span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2rem;
  color: #e3f5d8;
  background: #22ac38;
}

.bauckc h2 span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #22ac38;
}

.bauckc ul {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.bauckc ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

/*トップ新商品アイテムスタイル*/

.newitem2{
    display: flex;
}
.newitem2 img{
    width: 100%;
}
.newitem2>div{
    width: 50%;
}
.newitem2,.newitem2>div{
    padding: 10px;
}

.newitemh1:first-letter {
  font-size: 3em;
  color: darkgreen;
}
.newitemh1{
    font-size: 2em;
}

/*トップ下部インフォメーション*/

.tb-wrap{
  width:100%;
  overflow-x:scroll;
}
.tb-wrap table{
  border-collapse: collapse;
  width: 1150px;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  box-sizing:border-box;
}
.tb01 th {
  background: #6E9751;
  color: #fff;

}



@media all and (max-width: 768px) {
    /*スマートフォン*/
.cttl{
    margin-top: 3%;
}
.cttl img{
    width: 50%;
    display: block;
            margin: 1% auto;
}
.cbox{
    width: 48%;
    font-size: 1.4rem;
    text-align: center;
    margin: 1%;
    padding: 1%;
    justify-content:space-between; 
    float: left;
}
.cbox img{
    width: 100%;
}
.cbox a{
    text-decoration: none;
    color: #525263;
}
.ctf{
    font-size: 0.7em;
    padding: 4%;
}
.categorybox{
    display: flex;
    flex-wrap: wrap;
   max-width:99%;
   margin-bottom: 3%;
}
.infowrap{
    display: block;
    width: 96%;
    margin: 1% auto;
}
.bt{
    font-size: 1.3em;
    margin-bottom: 3%;
}
.bt2{
    font-size: 0.8em;
}
.headim img{
    width: 100%;
}
.komidashi1{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 2%;
    text-decoration: underline;
}
.tb-wrap{
    overflow-x: auto;
}
table{
  border-collapse: collapse;
   overflow-x: auto;
   width: 1100px;
  
}
.tb01 img{
    width: 100%;
} 
.smallimg{
    width: 80%;
    margin: 0 auto;
    display:block;
}


/*トップ横並び配列 お役立ち*/

.oyakudachi{
    margin: 3% 0;
}

.flotbox1{
    display:inline-block;
    width:100%;
    margin:0;
    margin-bottom: 5%
}

.subflotbox{
 width:46%!important;
 min-height: 160px;
  margin:1% 1%;
  background:#FFF;
  padding: 2%;
}
.subflotbox img{

　}
.flboxp{
   margin: 3% 0 3% 0; 
   font-size: 0.8em;
}

/*ミッション*/

.mission{
    margin: 5% 0;
    display:inline-block;
}
.missionblock{
 width:47%;
 float: left;
  margin:0 1%;
  background:#FFF;
  padding: 1%;
}
.missionblock img{
    width: 100%;
    height: auto;
}

/*instafeed表示スマートフォン*/

.instafeedfont {
    font-size: 1.2rem;
    padding: 1%;
}

/*ビデオタグ設定*/
video {
  max-width: 100%!important/* はみ出ないように */
}

/*フッターSNS*/
.sns{
  display: block;
  padding-top: 15px;
  width: 100%;
  margin: 0 auto;
}
.sns ul{
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.sns ul li{
  display: block;
  width: 99%;
  text-align: center;
  /*margin: 1%;*/
  padding: 3% 0;
  border-bottom:1px solid #808080; 

}
.sns ul li a{
  color:black;
}


.crejit-etc{
    width: 40%;
    float: right;
}

/*おかいものガイド用PC*/

.wrapguide{
    display:block;
    padding:1.5%;
    overflow: hidden;

}


.guidettl {
   font-size: 1.6em;
   color: green;
   text-align:center;
   padding:2%;
}


.smidashi{
  font-size: 1.2em;
  padding-bottom: 2%;
  text-decoration: underline;
  color: brown;
}

.boxp{
  display: block;
  overflow: hidden;
  font-size: 0.9em;
  padding-bottom: 3%;
}

.center-img{
  display: block;
  margin: 2% auto;
  overflow: hidden;
  margin-bottom: 2%;

}

.center-img img{
    width: 100%;
    margin-bottom: 2%;

}
.center-img50 {
  margin-bottom: 2%;

}
.center-img50 img{
    width: auto;
}

.universalimg{
    display: block;
}
.universalimg img{
    width: 96%;
    margin: 1% atuo;
    overflow: hidden;
}
/*ベターシェイクゴルファー編*/
.th3{
    display: block;
    overflow: hidden;
    width: 48%;
    margin:1%;
    float: left;
}
.th3 img{
   width: 100%;
}
.bt6{
    font-size: 0.9em;
    padding: 1%;
}


/*バウクホフレシピ編 スマホ*/

.bauckwrap{
    width: 98%;
    margin: 0 auto;
    display: block;
}

.bauck {
  color: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
}

.bauck h1{
    font-size: 1em
}

.bauckc h2 {
  position: relative;
  padding-left: 4em;
    font-size: 1.5em;
}

.bauckc h2 span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1.5rem;
  color: #e3f5d8;
  background: #22ac38;
  font-size: 1.3em;
}

.bauckc h2 span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #22ac38;

}

.bauckc ul, ol {
  background: #fffde8;
  box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.bauckc ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}



/*トップ新商品アイテムスタイル*/

.newitemh1:first-letter {
  font-size: 2em;
  color: darkgreen;
}
.newitemh1{
    font-size: 1em;
}

/*トップ下部インフォメーション*/

.tb-wrap{
  width:100%;
  overflow-x:scroll;
  font-size: 0.8em;
}
.tb-wrap table{
  border-collapse: collapse;
  width: 1000px;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  box-sizing:border-box;
}
.tb01 th {
  background: #6E9751;
  color: #fff;

}

}