/*～600px*/

@media screen and (max-width: 600px) {
    /*　画面サイズ 600以下で適用　*/
    div#container {
        display: block;
        width: 92%;
        margin: 0 auto;
        z-index: auto;
    }
    div#container section {
        margin-top: 1rem;
    }
    div#sec1 {
        position: static;
        margin-top: 180px;
    }
    div.pic_base {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    div.intro_descr1 {
        position: relative;
        margin: 0 auto;
        top: 360px;
        left: 0;
        width: 80%;
        text-align: center;
    }
    div#explain_box {
        margin-top:0;
    }
    div#outer_pic_area {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    div.pic_area {
        position: static;
        margin: 0 auto;
        clip-path: none;
        -webkit-clip-path: none;
    }
    .pic_area .shadow {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    img.upper_pic {
        margin: 0 auto;
        width: 80%;
    }

    div#svg_outer {
        position: static;
         z-index: auto;

    }
    div#svg_base {
        min-width: 300px;
        display: block;
        margin: 0 auto;
        /* background-color: transparent; */
        z-index: auto;
    }
    ul.flex_box {
        margin: 0 auto;
    }
    ul.flex_box li {
        display: block;
    }
    div#logo_area {
        margin: 0 0 10px 0 ;
        text-align: left;
    }
    div#left_box {
        border-right: 0;
         margin: 0 auto;
        width: 100%;
    }
    div#left_inner_area {
        border-right: none;
    }
    div#right_box {
        margin: 0 auto;
        width: 70%;
    }
    div#right_box1 {
        float: none;
        text-align: left;
        width: 24.4rem;
        margin-top: 2rem;
    }
    div#right_box2 {
        float: none;
        text-align:left;
        width: 24.4rem;
    }
    #main_visual{
      width: 100%;
      position: relative;
      height: 300px;
    }
    p.explain {
        margin-left: 0;
        width: 100%;
        font-size: 1.8rem;
        line-height: 3.2rem;
        color: #07913a;
    }
    div.intro_descr1 {
      position: absolute;
      display: inline-block;
      max-width: 600px;
      top: 350px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
    }
    p.explain span{
      display: inline-block;
    }
    ul.news_flex_box li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: solid 3px #828282;
    }
    div#sec2 {
        text-align: center;
        position: static;
        margin: 60px auto;
        z-index: auto;
    }
    div#footer_inner {
    width: 90%;
    margin: 0 auto;
    max-width: 900px;
    display: block;
    }
    div#right_box{
      width: 100%;
      display: block;
    }
    div#right_box1{
      width: 100%;
    }
    div#right_box2{
      width: 100%;
    }
    footer {
        margin-top: 1rem;
        background-color: #3b2e1e;
        height: 11rem;
        vertical-align: middle;
    }
    ul#link_nav li {
        display: block;
    }
  #ad_text_area {
    width : -webkit-calc(100% - 55px) ;
    width : calc(100% - 55px) ;
    text-align: right;
    padding: 15px 40px 15px 15px;
    position: absolute;
    bottom: 0!important;
    top: auto!important;
    left: 0%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background: rgba(255,255,255,0.75);
  }
  #ad_text_area img{
    max-width: 200px;
  }
  #ad_text_area p{
    font-size: 14px;
  }
  ul.flex_box_center li{
    margin-left: 0;
  }
  div#brand_logo_area {
    width: 92%;
    text-align: center;
    margin: 0 auto;
    padding: 0 4% 0 4%;
}
  ul.flex_box_center {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-left: 0;
  }
  ul.flex_box_center li{
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0;
      text-align: center;
  }
  div.inner_frame {
      margin: 0 auto;
      width:100%;
      max-width: 267px;
  }
  div#ig_video_area {
    width: 92%;
    max-width: 600px;
    margin: 0 auto;
    height: auto;
    text-align: center;
    display: block;
    justify-content: center; /* 変更なし */
    align-items: center; /* 変更なし */
  }
  div#ig_video_area div#Instagram_icon_wrapper {
    padding-right: 0;
  }
  div#ig_video_area div#Instagram_wrapper{
    padding-left: 0;
    border-left: none;
  }
div.inner_frame p {
    position: relative;
    width: 100%;
    padding: calc(476 / 267 * 100%) 0 0;
  }
div.inner_frame p iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
div#face_book_area{
  width: 100%;
  text-align: center;
}
ul.flex_box_center.fb_photo_ul{
  display: block;
}
li.shop_info {
    width:270px;
    padding: 15px 15px 80px 15px;
    margin: 0 0 30px 0;
    overflow: hidden;
    border: solid 1px #cccccc;
    position: relative;
    background-color: #ffffff;
}
li.shop_info.karayoso {
    width: 270px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: solid 1px #ffffff;
    position: relative;
    background-color: #ffffff;
}

}
@media screen and (max-width: 359px){
  ul.flex_box_center.fb_photo_ul{
  display: block;
  width: 92%;
  margin: 0 auto;
}
  ul.flex_box_center.fb_photo_ul li p iframe{
  width: -webkit-calc(100% - 1px) !important;
  width: calc(100% - 1px) !important;
}
}