/* リンクボタン共通スタイル */ .ft-index ul li { float: none; width: 100%; margin-bottom: 10px; } /* アイコン共通スタイル */ .ft-index ul li a:before { width: 66px; } /* リンクリスト */ .ft-index ul { margin-bottom: 20px; } /* 本線リンクボタンスタイル */ /* アイコン */ .ft-index ul li:first-child a:before { background: url(https://daitetsu.jp/wordpress/wp-content/uploads/2024/03/icon_train.png) no-repeat center center; } /* 外側の線の色 */ .ft-index ul li:first-child { float: none; border-color: #2b3a60; } .ft-index ul li:first-child:hover { float: none; border-color: #42a4cf; } /* 内側の線・文字の色 */ .ft-index ul li:first-child a { border-color: #2b3a60; color: #2b3a60; } .ft-index ul li:first-child a:hover { border-color: #42a4cf; color: #42a4cf; } /* 井川線リンクボタンスタイル */ /* アイコン */ .ft-index ul li:nth-child(2) a:before { background: url(https://daitetsu.jp/wordpress/wp-content/uploads/2024/03/icon_abt.png) no-repeat center center; } /* 外側の線の色 */ .ft-index ul li:nth-child(2) { float: none; border-color: #AD4030; } .ft-index ul li:nth-child(2):hover { border-color: #eb4b9b; } /* 内側の線・文字の色 */ .ft-index ul li:nth-child(2) a { border-color: #AD4030; color: #AD4030; } .ft-index ul li:nth-child(2) a:hover { border-color: #eb4b9b; color: #eb4b9b; } /* バスリンクボタンスタイル */ /* アイコン */ .ft-index ul li:last-child a:before { background: url(https://daitetsu.jp/wordpress/wp-content/uploads/2024/03/icon_bus.png) no-repeat center center; } /* 外側の線の色 */ .ft-index ul li:last-child { float: none; border-color: #84AD45; } .ft-index ul li:last-child:hover { border-color: #74d927; } /* 内側の線・文字の色 */ .ft-index ul li:last-child a { border-color: #84AD45; color: #84AD45; } .ft-index ul li:last-child a:hover { border-color: #74d927; color: #74d927; }
▲ ページのトップへ戻る