/* ==========================================================================
   yokohama-musicstyle 専用スタイル
   Black Smoker Guitar - yokohama-musicstyle 記事ページ
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');

/* ==========================================================================
   1. 記事本文エリア
   ========================================================================== */
 
.article-body {
    padding: 48px 0;
}
 
/* ==========================================================================
   2. モデル共通
   ========================================================================== */
 
#models a {
    color: #FFFFFF;
    text-decoration: underline;
}
 
#models a:hover {
    color: #ffc107;
}
 
#models img {
    width: 100%;
    height: auto;
}
 
/* ==========================================================================
   3. テキスト・タイポグラフィ
   ========================================================================== */
 
.concept {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 2.6rem;
    line-height: 1.4;
    color: #FFFFFF;
    text-align: center;
}
 
.caption {
    font-size: 1.8rem;
    color: #FFFFFF;
    line-height: 1.8;
}

.charge {
    font-size: 1.6rem;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width:768px){
    .concept {
        text-align: left;
    }
    .charge {
        text-align: left;
    }
}

/* ==========================================================================
   4. 価格・スペック
   ========================================================================== */
 
.model-price {
    font-family: 'Oswald', sans-serif;
    font-size: 4.2rem;
    font-weight: bold;
    color: #FF4500;
    text-align: left;
    line-height: 1.8;
}
 
.model-specs {
    width: 100%;
    margin: 0 auto;
}

.model-spectitle {
    font-family: 'Oswald', sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
}
 
.model-spec {
    font-size: 1.6rem;
    color: #FFFFFF;
    text-align: left;
}

.model-spec strong {
    font-weight: 700!important;
}

.lineup {
    color:#ffffff;
    line-height: 1.6;
}

.lineup th {
    border-bottom: 1.6px solid #ffffff;
}

.lineup td {
    border-bottom: 1px dotted #ffffff;
    font-size: 1.4rem;
    font-weight: 400;
}

.and-more {
    font-family: 'Oswald', sans-serif;
    font-size: 4.8rem;
    font-weight: bold;
    color:#ffffff;
    text-align: left;
    line-height: 1.2;
}

.event-info{
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.6;
	color: #FFFFFF;
}

@media (max-width:768px){
    #product-link{
        width: 100%;
    }
    .bandmaid-pr{
        width: 100%;
    }
    .event-info{
        text-align: left!important;
    }
    .lineup th {
        font-size:0.8rem!important;
    }
    .lineup td {
        font-size:0.8rem!important;
    }
}

/* ==========================================================================
   5. PR エリア
   ========================================================================== */
 
.bandmaid-pr {
    width: 75%;
    border-top: 1px dotted #707070;
}

.bandmaid-pr .col-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bandmaid-pr .rounded-icon {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain;
}

.bandmaid-pr .sns {
    text-align: center;
}

@media (max-width: 768px) {
    .bandmaid-pr {
        width: 100%;
    }
}
 
.sns {
    font-size: 0.8rem !important;
    color: #FFFFFF;
}
 
.rounded-icon {
    border-radius: 30px;
}

/* ==========================================================================
   6. 商品リンクエリア
   ========================================================================== */

#product-link {
    width: 100%;
    margin: 0 auto;
}

.contact-info__dealers {
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 1.9;
    text-align: center;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .contact-info__dealers {
        text-align: left;
    }
}