/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}
.member-archive-wrap {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

.member-title {
  text-align: center;
  margin-bottom: 30px;
}

.member-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}

.member-card {
  background: #fff;
  border: 1px solid #f3c4df;
  border-radius: 16px;
  padding: 18px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.member-card a {
  color: inherit;
  text-decoration: none;
}

.member-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 14px;
}

.member-card h2 {
  font-size: 20px;
  margin: 10px 0;
}

.member-card p {
  font-size: 14px;
  margin: 6px 0;
}

.member-link {
  display: inline-block;
  margin-top: 12px;
  background: #f8a7df;
  color: #fff;
  padding: 8px 18px;
  border-radius: 999px;
  font-weight: bold;
}
.member-card img{
    width:100% !important;
    height:220px !important;
    object-fit:cover !important;
    display:block;
}
.member-btn{
    display:block;
    width:100%;
    max-width:320px;
    margin:12px auto;
    padding:14px 20px;
    border-radius:12px;
    text-align:center;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:700;
    font-size:16px;
    box-shadow:0 3px 8px rgba(0,0,0,0.15);
    transition:all .3s;
}

.member-btn:hover{
    opacity:0.9;
    transform:translateY(-2px);
}

/* LINE */
.member-btn.line{
    background:#06C755;
}

/* Instagram */
.member-btn.instagram{
    background:#E1306C;
}

/* TikTok */
.member-btn.tiktok{
    background:#000000;
}
.member-btn.line{
    background:#06C755;
    color:#fff !important;
}

.member-btn.instagram{
    background:linear-gradient(
        135deg,
        #F58529,
        #DD2A7B,
        #8134AF,
        #515BD4
    );
    color:#fff !important;
}

.member-btn.tiktok{
    background:#000;
    color:#fff !important;
}