@charset "shift_jis";

/*----------------------------------------------------
  == NISSAY sns01 Style ==
----------------------------------------------------*/


@media only screen and (min-width: 760px){
  
  .sns_wrap-btns {
  width: 760px;
  margin: 10px auto 20px;
  }

  .nissay_koushiki {
  float: left;
  width: 250px;
  }
  .nissay_koushiki  {
  height: 110px;
  display: block;
  text-align: center;
  border: solid 1px #B7B1B1;
  box-sizing: border-box;
  }

  .sns_logo_img{
  display: inline-block;
  padding: 23px 0;
  }
  .sns_moji-title{
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
  margin: 0 0 40px 20px;
  }

  .sns-links {
  height: 110px;
  padding: 29px 30px;
  background: #FFF;
  border: solid 1px #B7B1B1;
  border-left-width: 0px;
  box-sizing: border-box;
  margin-bottom: 20px;
  }

  .sns-links ul {
  text-align: center;
  }

  .sns-links li {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 5px;
  }

  .sns-title {
  display: block;
  width: 78px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  }

  .sns-button {
  margin-top: 6px;
  display: block;
  line-height: 1;
  }
 
}

@media only screen and (max-width: 759px){
  
  .sns_wrap-btns {
  width: 295px;
  margin: 0 auto 20px;
  }

  .nissay_koushiki {
  text-align: center;
  margin-top: 20px;
  border: solid 1px #B7B1B1;
  }

  .sns_logo_img{
  display: inline-block;
  padding: 23px 0;
  }
  
  .sns_moji-title{
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 23px 20px;
  }

  .sns-links {
  margin-top: 0px;
  padding: 20px;
  border: solid 1px #B7B1B1;
  border-top-width: 0px;
  box-sizing: border-box;
  }

  .sns-links li {
  padding-bottom: 5px;
  }

  .sns-title {
  display: inline-block;
  width: 78px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  }

  .sns-button {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  }

}