@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 .lem_read {
    width: 90%;
    margin: 30px auto;
    letter-spacing: 0.05em;
    line-height: 1.8;
    text-align: center; }
  #gg_snapnews .lem_info {
    border: 1px solid #ccc;
    margin: 50px auto 0; }
    @media screen and (min-width: 970px) {
      #gg_snapnews .lem_info {
        padding: 30px;
        line-height: 19px; } }
    @media screen and (max-width: 970px) {
      #gg_snapnews .lem_info {
        padding: 20px 10px; } }
    #gg_snapnews .lem_info .main_title {
      font-weight: bold;
      text-align: center; }
      @media screen and (min-width: 970px) {
        #gg_snapnews .lem_info .main_title {
          font-size: 13px;
          padding: 0px 0 30px 0; } }
      @media screen and (max-width: 970px) {
        #gg_snapnews .lem_info .main_title {
          font-size: 14px;
          padding: 0px 0 20px 0; } }
    #gg_snapnews .lem_info .info_img {
      margin: 0 auto; }
      @media screen and (min-width: 970px) {
        #gg_snapnews .lem_info .info_img {
          width: 50%; } }
      @media screen and (max-width: 970px) {
        #gg_snapnews .lem_info .info_img {
          width: 90%; } }
    #gg_snapnews .lem_info .info_detail {
      margin: 0 auto;
      text-align: center; }
      @media screen and (min-width: 970px) {
        #gg_snapnews .lem_info .info_detail {
          width: 75%;
          padding: 30px 0; } }
      @media screen and (max-width: 970px) {
        #gg_snapnews .lem_info .info_detail {
          width: 90%;
          padding: 20px 0 0 0; } }
      #gg_snapnews .lem_info .info_detail .size {
        text-align: center;
        padding: 20px 0; }
      #gg_snapnews .lem_info .info_detail a {
        background-color: #222;
        color: #fff;
        display: block;
        margin: 15px auto 0;
        text-decoration: none;
        text-align: center;
        width: 25%;
        padding: 5px 0; }
      #gg_snapnews .lem_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 .lem_info .info_detail img {
            padding-bottom: 15px; } }
        @media screen and (max-width: 970px) {
          #gg_snapnews .lem_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%;}
      #gg_snapnews .item_flex .itemin a {
        transition: .2s all;
        text-decoration: none;
      }
      #gg_snapnews .item_flex .itemin a:hover {
        opacity: .6;
      }
      @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; 
        margin-bottom: 100px;} }
    @media screen and (max-width: 970px) {
      #gg_snapnews .code_link {
        padding: 40px 0;
        margin-bottom: 50px; } }
    #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%; } }

          .archive {
            margin: 60px auto 120px;
        }
        
        .archive_title {
            display: block;
            padding-bottom: 10px;
            /* width: 80%; */
            border-bottom: 1px solid #000;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            margin: 0 auto 20px;
        }

        #gg_snapnews .archive>ul {
          padding: 0;
          margin: 0;
        }
        
        #gg_snapnews .archive ul li {
            padding: 0 5px;
            /* width: 50%; */
        }
        

        #gg_snapnews .archive li a {
            text-decoration: none!important;
        }
        
        #gg_snapnews .archive li p {
            padding: 0 10px;
            font-size: 11px;
            margin: 0 auto 10px;
        }
        
        #gg_snapnews .archive li .date {
            margin-top: 5px;
            margin-bottom: 0;
        }
        
        @media screen and (min-width: 970px) {
            .archive {
                margin: 0 auto 120px;
            }
        }

/* ANIMATION
--------------------------------------*/