@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*
==================================================
Leda Group Holdings TOPページ カスタムスタイル
==================================================
*/

/* メインビジュアルセクション */
.main-mv {
    width: 100%;
    position: relative;
    top: -82px;
    overflow: hidden; /* はみ出しを隠す */
    display: none;
}
@media (max-width: 1000px) {
  .main-mv {
      top: -82px;
  }
  .main-mv video {
    width: 100vw;       /* 横幅を画面幅にフィット */
    height: 100%;
    top: -48px;
    object-fit: cover; /* 余白なく画面全体にフィット */
  }
}
@media (max-width: 430px) {
    .main-mv {
      top: -0px;
      margin-bottom: 30px;
    }
}
.home .main-mv {
    display: block;
}

.top #content {
    padding: 0!important;
}
.leda-hero-section {
    width: 100%;
    margin-bottom: 40px;
}

.leda-hero-content {
    text-align: center;
}

.leda-hero-image {
    width: 40%;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto 40px auto;
}

/* ロゴセクション */
.leda-logo-section {
    text-align: center;
    margin-bottom: 30px;
}

.leda-logo {
    max-width: 400px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* キャッチコピーセクション */
.leda-catchcopy-section {
    text-align: center;
    margin-bottom: 80px;
}

.leda-catchcopy {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #333;
    margin: 0 auto;
    max-width: 800px;
    padding: 0 20px;
}

/* コンテンツセクション */
.leda-content-section {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.leda-content-grid {
    width: 100%;
}

.leda-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 20px;
}

.leda-col-half {
    flex: 1;
    min-width: 300px;
}

.leda-col-full {
    flex: 1;
    width: 100%;
}

.leda-content-link {
    display: block;
    text-decoration: none;
}

.leda-content-link:hover {
    opacity: 0.7;
}

.leda-content-item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: auto; /* 高さを半分に */
    border-radius: 20px;
}

.leda-content-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}

.leda-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
}

.leda-content-title {
    color: #111;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.1em;
}

.leda-content-title.business-content {
    color: #fff;
}

.leda-top-under {
   padding-top: 20px;
   text-align: center;
}
.leda-top-under span {
    font-weight: bold;
}
.leda-top-under a:hover {
    opacity: 0.7;
}
/*
==================================================
グループ会社ページ カスタムスタイル
==================================================
*/

/* ヘッダーセクション */
.group-companies-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.group-companies-title {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.group-companies-intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

/* メイン画像セクション */
.group-main-image {
    text-align: center;
    margin-bottom: 50px;
    padding: 0 20px;
}

.main-group-image {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* グループ会社画像一覧 */
.group-companies-images {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.group-images-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-content: center;
}

.group-image-item {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.group-image-item:hover {
    opacity: 0.7;
}


.group-image-item img {
    height: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: block;
}

/*
==================================================
共通テンプレート カスタムスタイル（会社名・画像・事業概要）
==================================================
*/

/* 会社名セクション（共通） */
.company-title-section {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.company-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/* 画像セクション（共通） */
.company-image-section {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.company-hero-image {
    width: 60%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 事業概要セクション（共通） */
.company-overview-section {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.company-overview-text {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.8;
    color: #333;
    margin: 0 auto;
    max-width: 800px;
}

/*
==================================================
LGH - 株式会社レダグループホールディングス テンプレート カスタムスタイル
==================================================
*/

/* 会社名セクション */
.lgh-title-section {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.lgh-company-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/* 画像セクション */
.lgh-image-section {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.lgh-hero-image {
    width: 60%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 事業概要セクション */
.lgh-overview-section {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.lgh-overview-text {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.8;
    color: #333;
    margin: 0 auto;
    max-width: 800px;
}

/* 会社情報テーブル */
.lgh-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.lgh-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.lgh-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.lgh-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

.lgh-english-name {
    font-style: italic;
    color: #666;
    font-size: 0.9rem;
}

/* 沿革・変遷セクション */
.lgh-history-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.lgh-history-section p {
    max-width: 800px;
    margin: 0 auto 15px auto;
    line-height: 1.6;
    color: #333;
}

.lgh-highlight {
    background: linear-gradient(transparent 60%, #ffeb3b 60%);
    font-weight: bold;
}

/*
==================================================
LEDAX - 株式会社レダックス テンプレート カスタムスタイル
==================================================
*/

/* 会社名セクション */
.ledax-title-section {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.ledax-company-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/* 画像セクション */
.ledax-image-section {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 20px;
}

.ledax-hero-image {
    width: 60%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 事業概要セクション */
.ledax-overview-section {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.ledax-overview-text {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.8;
    color: #333;
    margin: 0 auto;
    max-width: 800px;
}

/* 会社情報テーブル */
.ledax-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.ledax-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.ledax-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.ledax-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

.ledax-english-name {
    font-style: italic;
    color: #666;
    font-size: 0.9rem;
}

.ledax-stock-info {
    font-weight: bold;
    color: #d32f2f;
}

/* 追加画像セクション */
.ledax-additional-image-section {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
    width: 200px;
    margin: 0 auto 40px auto;
}

.ledax-additional-image {
    width: 60%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 沿革・変遷セクション */
.ledax-history-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.ledax-history-section p {
    max-width: 800px;
    margin: 0 auto 15px auto;
    line-height: 1.6;
    color: #333;
}

.ledax-highlight {
    background: linear-gradient(transparent 60%, #ffeb3b 60%);
    font-weight: bold;
}

/*
==================================================
LEDA - 株式会社レダ テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.leda-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.leda-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.leda-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.leda-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/* 沿革・変遷セクション */
.leda-history-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.leda-history-section p {
    max-width: 800px;
    margin: 0 auto 15px auto;
    line-height: 1.6;
    color: #333;
}

/*
==================================================
VIVANT - 株式会社ヴィヴァン・アンド・カンパニー テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.vivant-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.vivant-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.vivant-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.vivant-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
SOKO - 株式会社創広 テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.soko-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.soko-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.soko-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.soko-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
GCM - グローバルキャピタルマネジメント株式会社 テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.gcm-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.gcm-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.gcm-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.gcm-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
CARCHS - 株式会社カーチス テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.carchs-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.carchs-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.carchs-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.carchs-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
CARCHS LOGITEC - 株式会社カーチスロジテック テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.carchs-logitec-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.carchs-logitec-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.carchs-logitec-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.carchs-logitec-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
CARCHS CAPITAL - 株式会社カーチスキャピタルマネジメント テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.carchs-capital-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.carchs-capital-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.carchs-capital-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.carchs-capital-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
SHINKOU - 新興自動車株式会社 テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.shinkou-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.shinkou-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.shinkou-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.shinkou-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
AGASTA - 株式会社アガスタ テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.agasta-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.agasta-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.agasta-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.agasta-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

/*
==================================================
TAKATOKU - 株式会社タカトク テンプレート カスタムスタイル
==================================================
*/

/* 会社情報テーブル */
.takatoku-info-section {
    margin-bottom: 40px;
    padding: 0 20px;
}

.takatoku-info-table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.takatoku-info-table th {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    border: 1px solid #ddd;
    width: 120px;
    vertical-align: top;
}

.takatoku-info-table td {
    padding: 15px;
    border: 1px solid #ddd;
    color: #333;
    line-height: 1.6;
}

.pc {
    display: block;
}
.sp {
    display: none;
}
/* レスポンシブ対応 */
@media (max-width: 768px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .leda-row {
        flex-direction: column;
        gap: 30px;
    }
    
    .leda-col-half {
        min-width: auto;
        width: 100%;
    }
    
    .leda-content-section {
        padding: 0 15px;
    }
    
    .leda-hero-section {
        margin-bottom: 30px;
    }
    
    .leda-hero-image {
        width: 60%;
    }
    
    .leda-logo {
        max-width: 300px;
    }
    
    .leda-catchcopy {
        font-size: 1.1rem;
        padding: 0 15px;
    }
    
    .leda-content-item {
        height: auto;
    }
    
    .leda-content-title {
        font-size: 2rem;
    }
    
    .leda-content-overlay {
        padding: 30px;
    }

    /* グループ会社ページ */
    .group-companies-title {
        font-size: 2rem;
    }
    
    .group-companies-intro {
        font-size: 1rem;
        padding: 0 15px;
    }
    
    .group-main-image {
        padding: 0 15px;
    }
    
    .main-group-image {
        max-width: 600px;
    }
    
    .group-companies-images {
        padding: 0 15px;
    }
    
    .group-images-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .group-image-item {
        width: 100%;
        max-width: 440px;
    }

    /* LGH */
    .lgh-title-section,
    .lgh-image-section,
    .lgh-overview-section,
    .lgh-info-section,
    .lgh-history-section {
        padding: 0 15px;
    }
    
    .lgh-company-title {
        font-size: 1.8rem;
    }
    
    .lgh-hero-image {
        width: 80%;
    }
    
    .lgh-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .lgh-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* LEDAX */
    .ledax-title-section,
    .ledax-image-section,
    .ledax-overview-section,
    .ledax-info-section,
    .ledax-additional-image-section,
    .ledax-history-section {
        padding: 0 15px;
    }
    
    .ledax-company-title {
        font-size: 1.8rem;
    }
    
    .ledax-hero-image,
    .ledax-additional-image {
        width: 50%;
    }
    
    .ledax-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .ledax-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* LEDA */
    .leda-info-section,
    .leda-history-section {
        padding: 0 15px;
    }
    
    .leda-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .leda-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* VIVANT */
    .vivant-info-section {
        padding: 0 15px;
    }
    
    .vivant-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .vivant-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* SOKO */
    .soko-info-section {
        padding: 0 15px;
    }
    
    .soko-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .soko-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* GCM */
    .gcm-info-section {
        padding: 0 15px;
    }
    
    .gcm-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .gcm-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* CARCHS */
    .carchs-info-section {
        padding: 0 15px;
    }
    
    .carchs-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .carchs-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* CARCHS LOGITEC */
    .carchs-logitec-info-section {
        padding: 0 15px;
    }
    
    .carchs-logitec-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .carchs-logitec-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* CARCHS CAPITAL */
    .carchs-capital-info-section {
        padding: 0 15px;
    }
    
    .carchs-capital-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .carchs-capital-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* SHINKOU */
    .shinkou-info-section {
        padding: 0 15px;
    }
    
    .shinkou-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .shinkou-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* AGASTA */
    .agasta-info-section {
        padding: 0 15px;
    }
    
    .agasta-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .agasta-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }

    /* TAKATOKU */
    .takatoku-info-section {
        padding: 0 15px;
    }
    
    .takatoku-info-table th {
        width: 100px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .takatoku-info-table td {
        padding: 10px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .leda-content-section {
        padding: 0 10px;
    }
    
    .leda-hero-image {
        width: 80%;
    }
    
    .leda-logo {
        max-width: 250px;
    }
    
    .leda-catchcopy {
        font-size: 1rem;
        padding: 0 10px;
    }

    .leda-row {
        margin-bottom: 15px;
        gap: 30px;
    }
    
    .leda-content-item {
        height: auto;
        border-radius: 20px;
    }
    
    .leda-content-title {
        font-size: 1.5rem;
    }
    
    .leda-content-overlay {
        padding: 20px;
    }

    /* グループ会社ページ */
    .group-companies-header {
        margin-bottom: 30px;
    }
    
    .group-companies-title {
        font-size: 1.8rem;
    }
    
    .group-main-image {
        padding: 0 10px;
        margin-bottom: 30px;
    }
    
    .main-group-image {
        max-width: 100%;
    }
    
    .group-companies-images {
        padding: 0 10px;
    }
    
    .group-images-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* 共通クラス */
    .company-title-section,
    .company-image-section,
    .company-overview-section {
        padding: 0 10px;
    }
    
    .company-title {
        font-size: 1.5rem;
    }
    
    .company-hero-image {
        width: 90%;
    }

    /* LGH */
    .lgh-title-section,
    .lgh-image-section,
    .lgh-overview-section,
    .lgh-info-section,
    .lgh-history-section {
        padding: 0 10px;
    }
    
    .lgh-company-title {
        font-size: 1.3rem;
    }
    
    .lgh-hero-image {
        width: 90%;
    }
    
    .lgh-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .lgh-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* LEDAX */
    .ledax-title-section,
    .ledax-image-section,
    .ledax-overview-section,
    .ledax-info-section,
    .ledax-additional-image-section,
    .ledax-history-section {
        padding: 0 10px;
    }
    
    .ledax-company-title {
        font-size: 1.5rem;
    }
    
    .ledax-hero-image,
    .ledax-additional-image {
        width: 50%;
    }
    
    .ledax-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .ledax-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* LEDA */
    .leda-info-section,
    .leda-history-section {
        padding: 0 10px;
    }
    
    .leda-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .leda-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* VIVANT */
    .vivant-info-section {
        padding: 0 10px;
    }
    
    .vivant-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .vivant-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* SOKO */
    .soko-info-section {
        padding: 0 10px;
    }
    
    .soko-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .soko-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* CARCHS */
    .carchs-info-section {
        padding: 0 10px;
    }
    
    .carchs-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .carchs-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* CARCHS LOGITEC */
    .carchs-logitec-info-section {
        padding: 0 10px;
    }
    
    .carchs-logitec-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .carchs-logitec-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* CARCHS CAPITAL */
    .carchs-capital-info-section {
        padding: 0 10px;
    }
    
    .carchs-capital-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .carchs-capital-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* SHINKOU */
    .shinkou-info-section {
        padding: 0 10px;
    }
    
    .shinkou-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .shinkou-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* AGASTA */
    .agasta-info-section {
        padding: 0 10px;
    }
    
    .agasta-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .agasta-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }

    /* TAKATOKU */
    .takatoku-info-section {
        padding: 0 10px;
    }
    
    .takatoku-info-table th {
        width: 80px;
        padding: 8px;
        font-size: 0.8rem;
    }
    
    .takatoku-info-table td {
        padding: 8px;
        font-size: 0.8rem;
    }
}

/*
==================================================
ABOUTUS - 会社概要ページ カスタムスタイル
==================================================
*/

/* ヘッダーセクション */
.aboutus-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.aboutus-intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
}

/* 会社基本情報セクション */
.aboutus-company-info {
    margin-bottom: 40px;
    padding: 0 20px;
}

.company-info-media {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.company-logo {
    flex: 0 0 20%;
    min-width: 150px;
}

.company-logo-img {
    width: 100%;
    height: auto;
    display: block;
}

.company-details {
    flex: 1;
}

.company-name {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.company-info-table {
    width: 100%;
}

.info-row {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.info-row:last-child {
    border-bottom: none;
}

.info-label {
    flex: 0 0 20%;
    min-width: 120px;
    font-weight: bold;
    color: #333;
    padding-right: 20px;
}

.info-content {
    flex: 1;
    color: #333;
    line-height: 1.6;
}

.info-content a {
    color: #0066cc;
    text-decoration: none;
}

.info-content a:hover {
    text-decoration: underline;
}

.timeline-image-award {
    position: relative;
}
.timeline-award {
    position: absolute;
    top: 96px;
    left: 550px;
    width: 200px;
}
.about_us_flex {
    display: flex;
    gap: 15px;
}
/* 役員テーブル */
.officers-table {
    width: 100%;
    border-collapse: collapse;
}

.officers-table td {
    border: none;
    vertical-align: top;
}

.officers-table .position {
    width: 20%;
    padding-right: 20px;
    font-weight: normal;
}

.officers-table .name {
    width: 40%;
    font-weight: normal;
}

/* 赤字テキスト */
.red-text {
    color: var(--color_htag);
    font-weight: normal;
}

/* 社名変更の注記 */
.aboutus-note {
    text-align: left;
    margin-bottom: 40px;
    padding: 0 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.company-note {
    font-size: 0.9rem;
    color: #666;
    max-width: 800px;
    margin: 0 0 10px 0;
    text-align: left;
}

/* セクション共通スタイル */
.aboutus-section {
    margin-bottom: 60px;
    padding: 0 20px;
}

.section-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    max-width: 800px;
}

/* トップメッセージセクション */
.top-message-media {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.top-message-image {
    flex: 0 0 24%;
    min-width: 200px;
}

.message-img {
    width: 85%;
    height: auto;
    display: block;
}

.top-message-content {
    flex: 1;
}

.president-info {
    margin-bottom: 20px;
    line-height: 1.6;
    color: #333;
}

.president-name {
    font-size: 1.2rem;
    font-weight: bold;
}

.message-text {
    line-height: 1.8;
    color: #333;
    font-size: 1rem;
}

/* Leda Historyセクション */
.history-title-bar {
    background: #e60013;
    color: white;
    padding: 15px 20px;
    margin-bottom: 40px;
}

.history-title {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
    text-align: left;
    border: none;
    padding: 0;
    color: white;
}

.history-timeline {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.timeline-item {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.timeline-item:last-child {
    border-bottom: none;
}

.timeline-year {
    flex: 0 0 120px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #e60013;
    line-height: 1;
    text-align: left;
}

.timeline-content {
    flex: 1;
}

.timeline-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 40px;
    line-height: 1.5;
}
.media-text-content .timeline-title {
  font-size: 1.1rem;
}
.timeline-title-sub {
  font-size: 0.8rem!important;
  letter-spacing: -0.2px !important;
}

.timeline-image {
    margin-top: 20px;
}

.timeline-img {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.timeline-margin30 {
  margin: 30px 0;
}
.timeline-shady-content {
  margin-top: 30px;
}
.timeline-images {
    margin-top: 20px;
}

.timeline-img.kouso {
    width: 60%;
}

/* 小さな画像グリッド用スタイル */
.timeline-images-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 15px;
}

.timeline-img-small {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4/3;
}

.timeline-special {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 30px;
}

.special-image {
    flex: 0 0 400px;
}

.special-img {
    width: 100%;
    height: auto;
}

.special-text {
    flex: 1;
    padding-top: 10px;
}

.special-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin: 0;
}

.timeline-description {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-top: 15px;
    margin-bottom: 0;
}

/* 中央揃えテキスト */
.timeline-center-text {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    margin: 30px 0 20px 0;
}

/* 有名人グリッド */
.timeline-celebrity-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.celebrity-item {
    text-align: center;
}

.celebrity-name {
    font-size: 0.8rem;
    color: #333;
    margin-top: 8px;
    margin-bottom: 0;
}

/* 政治家グリッド */
.timeline-politician-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.politician-item {
    text-align: center;
}

.politician-name {
    font-size: 0.9rem;
    color: #333;
    margin-top: 8px;
    margin-bottom: 0;
}

/* 相撲関連グリッド */
.timeline-sumo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.sumo-item {
    text-align: center;
}

/* メディアテキストレイアウト */
.timeline-media-text {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 30px;
}
.timeline-media-text-top {
   margin-top: 0px;
}

.media-text-content {
    flex: 1;
}

.media-text-image {
    flex: 0 0 49%;
}

/* 右寄せ画像 */
.timeline-image-right {
    float: right;
    width: 300px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.timeline-img-right {
    width: 100%;
    height: auto;
}

/* 画像キャプション */
.image-caption {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1.4;
}

/* CM受賞バッジ */
.cm-award-badge {
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

.award-badge {
    width: 150px;
    height: auto;
    border-radius: 50%;
}

/* シャディコラボレーション */
.timeline-shady-collaboration {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.shady-logo-section {
    flex: 0 0 300px;
}

.collaboration-logo {
    width: 100%;
    height: auto;
}

.gift-catalog-images {
    display: flex;
    gap: 15px;
    flex: 1;
}

.gift-item {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

/* 会社名変更 */
.timeline-company-change {
    text-align: center;
    margin: 0px 0;
}

.company-logo-change {
    max-width: 300px;
    height: auto;
}

/* グループ会社セクション */
.group-hero-image {
    text-align: center;
    margin-bottom: 40px;
}

.group-hero-img {
    width: 100%;
    max-width: 800px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.group-companies-list {
    max-width: 1000px;
    margin: 0 auto;
}

.group-company-item {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 40px;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 10px;
}

.company-logo-section {
    flex: 0 0 20%;
    min-width: 150px;
}

.group-company-logo {
    width: 100%;
    height: auto;
    display: block;
}

.company-info-section {
    flex: 1;
}

.group-company-name {
    font-size: 1.3rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.group-company-details {
    width: 100%;
}

.detail-row {
    display: flex;
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.detail-row:last-child {
    border-bottom: none;
}

.detail-label {
    flex: 0 0 20%;
    min-width: 100px;
    font-weight: bold;
    color: #333;
    padding-right: 15px;
}

.detail-content {
    flex: 1;
    color: #333;
    line-height: 1.6;
}

.detail-content a {
    color: #0066cc;
    text-decoration: none;
}

.detail-content a:hover {
    text-decoration: underline;
}
/*
==================================================
Business
==================================================
*/
.business h4 {
    font-size: 38px;
    text-align: center;
}
.business img {
    width: 50%;
}
.business-hero-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 80px auto;
}
.business-title h5 {
    font-size: 32px;
}
.business-title {
    position: relative;
    padding-left: 100px;
    font-size: 20px;
}
.business-title.one-row h5{
  top: 15px;
  position: relative;
  margin-bottom: 80px;
}
.business-title:before {
    content: "";
    background: url("images/business/business-icon.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 80px;
    height: 78px;
    left: 0px;
    padding-top: 3px;
}
.images-content {
    margin: 60px auto;
}
.business-flex .images-content{
    margin: 0px auto;
}
.finance .images-content {
    margin: 0 auto;
}
.images-content p {
    margin: 20px auto;
    display: block;
    text-align: center;
}
.business-center {
    text-align: center;
    margin: 60px auto 0;
}
.business-flex {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-items: center;
}
.kouso_title {
    font-family: "游明朝体";
    font-size: 36px;
    color: #e60013;
}
p.kouso_txt {
    text-align: left!important;
}
.business-center-bold {
    font-size: 32px;
    font-weight: bold;
}
.margin10 {
    margin: 10px;
}
.txt-bold {
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    margin: 60px 40px 0 40px;
}
.putishilma-image {
    width: 600px;
    margin: 30px auto;
    display: block;
}
.pickknbuy-image {
    width: 480px;
    margin:30px auto;
    display: block;
}
.wellness, .abroad, .kokunai {
    margin-bottom: 80px;
}
.abroad-kouso {
    width: 200px;
}
.gift-txt {
    width: 540px;
}
.gift-txt .txt-bold{
  text-align: left;
  margin: 0;
}
.image-harf {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.image-wide {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.left-subtitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.left-subtitle span {
    font-size: 32px;
}
.car .agasta, .car .shinkou, .car .takatoku{
    margin-bottom: 80px;
}
.belt-title {
    padding: 15px 30px;
    background-color: #006FC7;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.finance p{
    margin: 30px auto;
}
.business-title p {
    margin: 0;
}
.wellness-margin {
    margin: 50px auto;
}
.finance-content {
    margin-bottom: 60px;
}
.real-estate-content {
    margin-bottom:  100px;
}
.real-estate-sub {
    color: #016FC6;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin: 50px auto 10px;
}
.real-estate-sub span {
    font-size: 18px;
}
.real-estate-content p {
    text-align: center;
}
.real-estate .images-content {
    margin: 30px auto;
}
.ad-content {
    margin: 40px auto;
}
.copy {
   font-size: 24px;
   font-weight: bold;
}
.kokunai-margin {
    margin-bottom: 50px;
}
.finance-content-top {
    margin-top: 40px;
}
/* レスポンシブ対応 */
@media (max-width: 768px) {
    .aboutus-header,
    .aboutus-company-info,
    .aboutus-note,
    .aboutus-section {
        padding: 0 15px;
    }
    
    .company-info-media {
        flex-direction: column;
        gap: 20px;
    }
    
    .company-logo {
        flex: none;
        text-align: center;
    }
    
    .company-logo-img {
        max-width: 200px;
    }
    
    .info-row {
        flex-direction: column;
        gap: 10px;
    }
    
    .info-label {
        flex: none;
        padding-right: 0;
        margin-bottom: 5px;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
    .top-message-media {
        flex-direction: column;
        gap: 20px;
    }
    
    .top-message-image {
        flex: none;
        text-align: center;
    }
    
    .history-title-bar {
        padding: 10px 15px;
    }
    
    .history-title {
        font-size: 1.5rem;
    }
    
    .history-timeline {
        padding: 0 15px;
    }
    
    .timeline-item {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
        padding-bottom: 30px;
    }
    
    .timeline-year {
        flex: none;
        font-size: 2.5rem;
        text-align: center;
    }
    
    .timeline-content {
        padding-top: 0;
    }
    
    .timeline-images-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .timeline-special {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .special-image {
        flex: none;
    }
    
    .group-company-item {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }
    
    .company-logo-section {
        flex: none;
        text-align: center;
    }
    
    .detail-row {
        flex-direction: column;
        gap: 5px;
    }
    
    .detail-label {
        flex: none;
        padding-right: 0;
    }
    
    .timeline-celebrity-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .timeline-politician-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .timeline-sumo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .timeline-media-text {
        flex-direction: column;
        gap: 20px;
    }
    
    .media-text-image {
        flex: none;
    }
    
    .timeline-image-right {
        float: none;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    
    .timeline-shady-collaboration {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .shady-logo-section {
        flex: none;
    }
    
    .gift-catalog-images {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .gift-item {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 480px) {
    .aboutus-header,
    .aboutus-company-info,
    .aboutus-note,
    .aboutus-section {
        padding: 0 10px;
    }
    
    .section-title {
        font-size: 1.3rem;
    }
    
    .company-name {
        font-size: 1.3rem;
    }
    
    .group-company-name {
        font-size: 1.1rem;
    }
    
    .history-step {
        padding: 15px;
    }
    
    .step-title {
        font-size: 1rem;
    }
    
    .celebrity-gallery {
        grid-template-columns: 1fr;
    }
    
    .group-company-item {
        padding: 15px;
    }
    
    .timeline-images-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline-celebrity-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .timeline-politician-grid {
        grid-template-columns: 1fr;
    }
    
    .timeline-sumo-grid {
        grid-template-columns: 1fr;
    }
    
    .gift-catalog-images {
        flex-direction: column;
        align-items: center;
    }
    
    .gift-item {
        width: 100px;
        height: 100px;
    }
    .leda-logo {
        width: 90%;
        max-width: 90%;
    }
    .leda-content-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 5px;
    }
    .business-flex {
        display: block;
    }
    .copy {
        font-size: 19px;
    }
}
/*
==================================================
Business　レスポンシブ
==================================================
*/
@media (max-width: 768px) {
    .business-top img {
        width: 100%;
    }
    .business-hero-image {
        margin: 40px auto 60px;
    }
    .abroad .business-flex, .kokunai .business-flex {
        display: block;
    }
    .abroad-kouso {
        display: block;
        margin: 30px auto 0;
    }
    .kokunai .images-content {
        margin: 30px auto;
    }
    .gift-txt {
        width: 100%;
        text-align: center;
    }
    .gift-txt .txt-bold {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .business-title.one-row h5{
      top: 24px;
      position: relative;
      font-size: 25px;
      letter-spacing: -1.5px;
    }
    .belt-title {
        font-size: 20px;
    }
    .real-estate-sub {
        line-height: 1.25;
    }
    .business h4 {
       font-size: 34px;
    }
    .business-title p {
        font-size: 18px;
    }
}

/*
==================================================
ポップアップ
==================================================
*/
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-container {
  position: relative; /* 画像を基準にする */
}

.lb-close {
  position: absolute;
  top: -47px;       /* 画像の上端 */
  right: 0;     /* 画像の右端 */
  z-index: 10;  /* 画像より上にする */
  width: 30px;
  height: 30px;
  background: url("images/close.png") no-repeat center center;
  background-size: contain;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-close:hover {
  opacity: 1;
}

.lb-prev,
.lb-next {
  display: block;
  opacity: 1;
  visibility: visible;
}

/*
==================================================
翻訳css
==================================================
*/
.menu-item-gtranslate {
  position: relative;
  height: 100%;
}
.gt_selector.notranslate {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}