@charset "UTF-8";
/*リセット
--------------------------------------------*/
/*フォント
---------------------------------------------*/
/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/* コンテンツ
---------------------------------------------*/
#gg_snapnews {
  margin: 0 auto;
  font-size: 12px;
}
  @media screen and (min-width: 970px) {
    #gg_snapnews {
      max-width: 710px;
      width: 100%;
    }
  }
  @media screen and (max-width: 970px) {
    #gg_snapnews {
      width: 100%;
    }
  }
  #gg_snapnews .gg_read {
    width: 90%;
    margin: 30px auto;
    text-align: center;
    line-height: 180%;
  }
  #gg_snapnews .gg_info {
    border: 1px solid #ccc;
    margin: 50px auto 0;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .gg_info {
        padding: 30px;
        line-height: 19px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .gg_info {
        padding: 20px 10px;
      }
    }
  #gg_snapnews .gg_info .main_title {
    font-weight: bold;
    text-align: center;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .gg_info .main_title {
        font-size: 13px;
        padding: 0px 0 30px 0;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .gg_info .main_title {
        font-size: 14px;
        padding: 0px 0 20px 0;
      }
    }
  #gg_snapnews .gg_info .info_img {
    margin: 0 auto;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .gg_info .info_img {
        width: 50%;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .gg_info .info_img {
        width: 90%;
      }
    }
  #gg_snapnews .gg_info .info_detail {
    margin: 0 auto;
    text-align: justify;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .gg_info .info_detail {
        width: 75%;
        padding: 30px 0;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .gg_info .info_detail {
        width: 90%;
        padding: 20px 0 0 0;
      }
    }
  #gg_snapnews .gg_info .info_detail .size {
    text-align: center;
    padding: 20px 0;
  }
  #gg_snapnews .gg_info .info_detail a {
    text-align: right; 
    text-decoration:underline;
  }
  #gg_snapnews .gg_info .info_detail .itemname {
    text-align: right;
  }
  #gg_snapnews .gg_info .info_detail img {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
    vertical-align: bottom;
    display: block;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .gg_info .info_detail img {
        padding-bottom: 15px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .gg_info .info_detail img {
        padding-bottom: 10px;
      }
    }
  #gg_snapnews .item_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
  }
  #gg_snapnews .item_flex .itemin {
    width: 48%;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .item_flex .itemin {
        margin-bottom: 50px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .item_flex .itemin {
        margin-bottom: 30px;
      }
    }
    @media screen and (min-width: 970px) {
      #gg_snapnews .item_flex {
        padding-top: 70px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .item_flex {
        padding-top: 30px;
      }
    }
    @media screen and (min-width: 970px) {
      #gg_snapnews .credit {
        padding-top: 15px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .credit {
        padding-top: 5px;
        font-size: 10px;
      }
    }
  #gg_snapnews .credit .name {
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
  }
  #gg_snapnews .credit .detail {
    padding-top: 5px;
  }
  #gg_snapnews .credit .detail_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 3px;
  }
  #gg_snapnews .credit a {
    display: block;
  }
  #gg_snapnews .code_link {
    text-align: center;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .code_link {
        padding: 20px 0;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .code_link {
        padding: 40px 0;
      }
    }
  #gg_snapnews .code_link a {
    background-color: #222;
    color: #fff;
    display: block;
    margin: 15px auto 0;
    text-decoration: none;
  }
    @media screen and (min-width: 970px) {
      #gg_snapnews .code_link a {
        padding: 9px 0;
        width: 350px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .code_link a {
        padding: 9px 0;
        width: 80%;
      }
    }
    @media screen and (min-width: 970px) {
      #gg_snapnews .archive {
        margin: 120px auto 120px;
      }
    }
    @media screen and (max-width: 970px) {
      #gg_snapnews .archive {
        margin: 90px auto 90px;
      }
    }
  #gg_snapnews .archive .archive_title {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-size: 15px;
  }
    @media screen and (max-width: 970px) {
      #gg_snapnews .archive .archive_title {
        margin-bottom: 20px;
      }
    }
  #gg_snapnews .archive .slider_pick {
    padding-inline-start: 0px;
  }
  #gg_snapnews .archive li {
    padding: 0 5px;
  }
  #gg_snapnews .archive li a {
    text-decoration: none;
    color: #000;
  }
  #gg_snapnews .archive li p {
    padding: 0 10px;
    font-size: 11px;
    margin: 15px auto;
  }
    @media screen and (max-width: 970px) {
      #gg_snapnews .archive li p {
        padding: 0;
        margin: 10px auto;
      }
    }
	#gg_snapnews .archive .pick01 {
    padding-inline-start: 0px;
  }
  #gg_snapnews .archive .pick01 {
    padding: 0 5px;
    width:48%;
    margin:0 auto;
  }
  #gg_snapnews .archive .pick01 a {
      text-decoration: none;
      color: #000;
  }
  #gg_snapnews .archive .pick01 p {
      padding: 0 10px;
      font-size: 11px;
      margin: 15px auto;
  }
    @media screen and (max-width: 970px) {
      #gg_snapnews .archive .pick01 p {
          padding: 0;
          margin: 10px auto;
      }
    }