@charset "UTF-8";
/* CSS Document */

/* ===================================
   DISCOGRAPHY
=================================== */

.disc-section{
    margin:0 0 60px;
}

hr.newhr{ border-color:#ccaa66; margin: 10px auto 70px!important;}

/* ---------- Category ---------- */

.disc-category{
    margin-bottom:30px;
    text-align:center;
    font-size:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; 
	letter-spacing:0.1em;
}

/* ---------- Introduction ---------- */

.disc-intro{
    max-width:900px;
    margin:0 auto 30px;
    font-size:16px;
    line-height:2;
    color:#666;
}

/* ---------- List ---------- */

.disc-list{
	
	     display:grid;
    grid-template-columns:repeat(auto-fit,260px);
    justify-content:center;
    gap:50px;
	
}

/* ---------- Card ---------- */

.disc-item{font-family: 'Roboto Condensed', sans-serif!important;
    background:#cfad63;
    border-radius:20px;
    padding:15px;
}

/* ---------- Image ---------- */

.disc-thumb{
    display:block;
    margin-bottom:12px;
}

.disc-thumb img{
    display:block;
    width:100%;
    height:auto;
}

/* ---------- Body ---------- */

h3.disc-title{
    margin:0 0 18px;
    font-size:17px!important;
    font-weight:bold;
    line-height:1.5;
    letter-spacing:.05em;font-family: 'Roboto Condensed', sans-serif !important;
}

.disc-artist{
    margin:0 0 15px;
    font-size:13px;
    line-height:1.2;
}

.disc-meta{
    margin:0;
    font-size:12px;
    line-height:1.2;
    color:#444;
}

/* ---------- Buttons ---------- */

.disc-links{
    display:flex;
    gap:12px;
    margin-top:30px;justify-content:center;
}

.buy-btn{
    flex:none;
    width:fit-content;
    min-width:110px;
    padding:12px 13px;
    display:block;
  
    border-radius:18px;
    background:#000;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    letter-spacing:.08em;
    transition:.3s;
}

.buy-btn:hover{
    opacity:.8;
}

/* ---------- Responsive ---------- */

@media (max-width:1100px){
}

@media (max-width:950px){
.disc-intro{ width: 90%;margin:0 auto 30px;}
}

@media (max-width:767px){
.disc-category{font-size:18px!important; line-height: 1.4;}
.disc-intro{line-height: 1.5;}

}