/* =========================================================
   Y-KAGU トップページ / PC専用
   ShopServe 安定版・最新版
========================================================= */

/* 1. ベース設定 */
#ykagu_top_custom {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px 40px 15px;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #333333;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    line-height: 1.8;
}

#ykagu_top_custom * {
    box-sizing: border-box;
}

#ykagu_top_custom a {
    text-decoration: none !important;
    color: inherit;
    transition: opacity 0.3s ease;
}

#ykagu_top_custom a:hover {
    opacity: 0.8;
}

#ykagu_top_custom img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}

#ykagu_top_custom ul,
#ykagu_top_custom li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

#ykagu_top_custom h2,
#ykagu_top_custom h3 {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
}

/* float解除 */
#ykagu_top_custom .ykagu_clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* 2. 大見出しのフォントサイズ */
#ykagu_top_custom .top_midashi {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
    color: #5c4d43;
    padding-top: 20px;
}
/* 2-2. 小見出しのフォントサイズ */
#ykagu_top_custom .top_midashi span {
    display: block;
    font-size: 20px;
    color: #888;
    margin-top: 10px;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
}

/* 3. ボタン */
#ykagu_top_custom .btn-radius-solid {
    display: inline-block;
    background-color: #b89497;
    color: #fff !important;
    padding: 15px 40px;
    border-radius: 30px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

#ykagu_top_custom .btn-radius-solid:hover {
    background-color: #c5a97a;
    transform: translateY(-2px);
}

#ykagu_top_custom #more_new {
    text-align: center;
    padding: 40px 0;
}

/* 4. ショールーム */
#ykagu_top_custom #showroom_hero {
    position: relative;
    width: 100%;
    padding: 80px 20px;
    text-align: center;
    background-color: #333;
    /* 実際のショールーム画像URLへ差し替え */
    background-image: url('https://images.unsplash.com/photo-1555041469-a586c61ea9bc?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    margin-bottom: 60px;
}

#ykagu_top_custom #showroom_hero::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 0;
}

#ykagu_top_custom .hero-content {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 90%;
    max-width: 500px;
    padding: 30px;
    text-align: center;
    color: #fff;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.3);
}

#ykagu_top_custom .hero-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

#ykagu_top_custom .hero-content p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

#ykagu_top_custom .btn-outline {
    display: inline-block;
    border: 2px solid #fff;
    color: #fff !important;
    padding: 10px 30px;
}

#ykagu_top_custom .btn-outline:hover {
    background-color: #fff;
    color: #5c4d43 !important;
}

/* 5. SOFA / DINING / ORIGINAL
   PC 50% / 50%、画像は縦中央 */
#ykagu_top_custom .top_sec {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #fff;
    margin-bottom: 50px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

#ykagu_top_custom .top_sec .sec_img,
#ykagu_top_custom .top_sec .sec_dc {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    float: none;
}

#ykagu_top_custom .top_sec .sec_img {
    text-align: center;
}

#ykagu_top_custom .top_sec .sec_img img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#ykagu_top_custom .top_sec .sec_dc {
    padding: 5%;
}

/* 説明文のフォントサイズ */
#ykagu_top_custom .sec_dc p {
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.9;
    color: #555;
}

#ykagu_top_custom .sec_dc > a {
    display: inline-block;
    margin-top: 15px;
    color: #c5a97a;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #c5a97a;
    padding-bottom: 5px;
}

/* 6. Original / Furniture / Interior / Brand：PC 3列固定 */
#ykagu_top_custom .ykagu_3col {
    margin-bottom: 60px;
}

#ykagu_top_custom .ykagu_3col .col_list li {
    float: left !important;
    width: 31% !important;
    margin-right: 3.5% !important;
    margin-bottom: 30px !important;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

#ykagu_top_custom .ykagu_3col .col_list li:nth-child(3n) {
    margin-right: 0 !important;
}

#ykagu_top_custom .ykagu_3col .col_list li:nth-child(3n+1) {
    clear: left !important;
}

/* Original Series */
#ykagu_top_custom .cat_table li a {
    display: block;
    padding: 15px;
    text-align: center;
}

#ykagu_top_custom .cat_table img {
    border-radius: 8px;
    margin-bottom: 15px;
}

#ykagu_top_custom .cat_table span {
    display: block;
    line-height: 1.4;
    color: #333;
}

#ykagu_top_custom .wakulink {
    display: block;
    text-align: center;
    margin-top: 30px;
    color: #5c4d43;
    text-decoration: underline !important;
}

/* 7. 差し込みバナー */
#ykagu_top_custom .sasi_bunner {
    margin-bottom: 60px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-radius: 8px;
}

/* 8. Furniture / Interior / Brand */
#ykagu_top_custom .top_3rd li a {
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

#ykagu_top_custom .top_3rd li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    z-index: 1;
}

#ykagu_top_custom .top_3rd li a span.cat_name {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff !important;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    z-index: 2;
}

#ykagu_top_custom .top_3rd li a span.sub_en {
    display: block;
    font-size: 11px;
    font-family: sans-serif;
    text-shadow: none;
}



/* 8-2. Brand：ロゴ＋ブランド名＋特徴 */
#ykagu_top_custom .brand_table {
    margin-bottom: 60px;
}

#ykagu_top_custom .brand_table li {
    background: #fff;
}

#ykagu_top_custom .brand_table li a {
    display: block;
    padding: 18px;
    text-align: center;
}

/* ロゴ表示エリア：横長・縦長ロゴどちらも中央配置 */
#ykagu_top_custom .brand_table .brand_logo {
    display: table;
    width: 100%;
    height: 180px;
    margin: 0 0 16px 0;
    background: #fff;
}

#ykagu_top_custom .brand_table .brand_logo_inner {
    display: table-cell;
    width: 100%;
    height: 180px;
    vertical-align: middle;
    text-align: center;
}

#ykagu_top_custom .brand_table .brand_logo img {
    display: inline-block;
    width: auto;
    max-width: 90%;
    max-height: 150px;
    height: auto;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
}

#ykagu_top_custom .brand_table .brand_name {
    display: block;
    margin: 0 0 9px 0;
    color: #5c4d43;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4;
}

#ykagu_top_custom .brand_table .brand_feature {
    display: block;
    min-height: 44px;
    margin: 0;
    color: #666;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.65;
}

/* 9. About */
#ykagu_top_custom #top_top {
    margin-bottom: 60px;
    text-align: center;
}

#ykagu_top_custom #top_top img {
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* 10. Case / Journal：1列ずつ大きく表示 */
#ykagu_top_custom .top_5th_wrap {
    margin-bottom: 60px;
}

#ykagu_top_custom .top_5th_wrap .top_5th {
    float: none !important;
    width: 100% !important;
    margin: 0 0 60px 0 !important;
    text-align: center;
}

#ykagu_top_custom .top_5th_wrap .top_5th:last-child {
    float: none !important;
    margin-bottom: 0 !important;
}

#ykagu_top_custom .top_5th img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* 11. Instagram：ページ最下部に大きく表示 */
#ykagu_top_custom .instagram_section {
    margin: 20px 0 20px 0;
    text-align: center;
}

#ykagu_top_custom .instagram_section a {
    display: block;
}

#ykagu_top_custom .instagram_section img {
    display: block;
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    border: none;
    box-shadow: none;
}

/* Instagram専用見出し */
#ykagu_top_custom .instagram_heading {
    margin: 0 0 35px 0;
    text-align: left;
}

#ykagu_top_custom .instagram_heading h2 {
    margin: 0 0 22px 0;
    padding: 0;
    color: #8d8883;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 42px;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

#ykagu_top_custom .instagram_heading h2 span {
    font-size: 22px;
    color: #8d8883;
    vertical-align: middle;
    margin-left: 10px;
}

#ykagu_top_custom .instagram_heading p {
    margin: 0;
    color: #555;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.05em;
}


/* =========================================================
   BRAND 改行・ShopServe干渉対策
========================================================= */
#ykagu_top_custom .brand_table .brand_name {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #5c4d43 !important;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif !important;
    font-size: 19px !important;
    font-weight: bold !important;
    line-height: 1.45 !important;
}

#ykagu_top_custom .brand_table .brand_name_break {
    display: block !important;
    clear: both !important;
    height: 0 !important;
    line-height: 0 !important;
}

#ykagu_top_custom .brand_table .brand_feature {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #666666 !important;
    font-family: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.7 !important;
}

#ykagu_top_custom .brand_table li a {
    display: block !important;
    padding: 18px !important;
    text-align: center !important;
}

#ykagu_top_custom .brand_table .brand_logo {
    display: table !important;
    width: 100% !important;
    height: 180px !important;
    margin: 0 0 16px 0 !important;
    background: #ffffff !important;
}








/* =========================================================
   ShopServe 見出し装飾の完全リセット
========================================================= */

#ykagu_top_custom .top_midashi {
    background: none !important;
    border: none !important;
}

#ykagu_top_custom .top_midashi span {
    display: block !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
}

#ykagu_top_custom .top_midashi::before,
#ykagu_top_custom .top_midashi::after,
#ykagu_top_custom .top_midashi span::before,
#ykagu_top_custom .top_midashi span::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
}



/* =========================================================
   ShopServe リンクの不要な枠線をリセット
========================================================= */

/* 新着アイテムボタン */
#ykagu_top_custom .btn-radius-solid {
    border: none !important;
    outline: none !important;
}

/* Sofa / Dining / Original の「このカテゴリを見る」 */
#ykagu_top_custom .sec_dc > a {
    border: none !important;
    border-bottom: 1px solid #c5a97a !important;
    outline: none !important;
    background: none !important;
}

/* 「オリジナル商品全てを見る」 */
#ykagu_top_custom .wakulink {
    border: none !important;
    outline: none !important;
    background: none !important;


/* =========================================================
   Showroom以降のグレー背景
========================================================= */

#ykagu_top_custom .ykagu_gray_area {
    background-color: #f5f5f5 !important;
    padding: 40px 15px 40px 15px;
}

/* 新着ボタンエリアは白 */
#ykagu_top_custom #more_new {
    background-color: #ffffff !important;
    padding: 40px 0 70px 0;
}
}