@charset "utf-8";

/**************************************
STANDARD or notによる追加CSS
MEMO：
全体/1400px以下/861px以上/860px以下/480px以下
**************************************/


/**************************************
contents
**************************************/

/* トップページ */

/*バナー追加などでマージンを調整*/
.top_topic {
   margin: 5% 0;
}


/**************************************
スマホ用
**************************************/


/**************************************
1400px以下
**************************************/
@media only screen and (max-width: 1400px) {

}


/**************************************
861px以上
**************************************/
@media only screen and (min-width: 861px) {

   .top_sns {
      margin: 5% 0 10% 0;
      display: flex;
      justify-content: center;
   }
   
   .top_sns .sns {
      display: flex;
      justify-content: center;
      align-items: flex-end;
   }

   .top_sns img.sns_icon {
      margin-left: 25px;
   }
   
      
}

/**************************************
860px以下
**************************************/
@media only screen and (max-width: 860px) {

   .top_sns {
      margin: 10% 0;
      text-align:center;
   }
   
   .top_sns .blog {
      width: 100%;
   }
   
   .top_sns img.banner_blog {
      width: 100%;
      text-align: center;
   }
   
   .top_sns .sns {
      width: 100%;
      margin: 0 auto;
      padding: 0 auto;

   }

   .top_sns img.sns_icon {
      margin-left: 6%;
      margin-top: 8%;
   }
   
}

/**************************************
480px以上
**************************************/
@media only screen and (min-width: 480px) {
   .pc_none {
      display: none;
   }

   img.non-pc {
      display: none;
   }

}

/**************************************
480px以下
**************************************/
@media only screen and (max-width: 480px) {

   img.non-sp {
      display: none;
   }
   
}