HOT ! ＼6/7 10時〜 ポイント10倍／【レッドパイン】赤松集成材　1950×250×25ｍｍ　オーダーカット無料｜欧州赤松 パイン集成材 パイン材 木 木材 木板 板 平板 棚板 🎴 本棚 棚 テーブル カウンター パーツ 材料 木の板 DIY 日曜大工 工作 木工 フリー板 天板 free

/*題名の装飾*/ .daimei p{ font-size:20px; color:#666; font-family:'Century Gothic','Gothic','游ゴシック',sans-serif; text-align: left; border-bottom: solid 2px #999999; width:70%; margin-left:0px; padding-left:0px; } /*一番下の文字*/ .sitasetumei p { font-size:12px; color:#CCCCCC; font-family:'Century Gothic','Gothic','游ゴシック',sans-serif; text-align: left; } /*ボタンの装飾*/ .button { display: inline-block; width: 300px; height: 54px; text-align: center; text-decoration: none; line-height: 54px; outline: none; margin:0; padding:0; font-family:'Century Gothic','Gothic','游ゴシック',sans-serif; font-size:14px; } .button::before, .button::after { position: absolute; z-index: -1; display: block; content: ''; } .button, .button::before, .button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } /*インフォのボタン(上からパタンバージョン)*/ .information .button { position: relative; z-index: 2; border: 2px solid #999; color: #999; line-height: 54px; -webkit-perspective: 300px; perspective: 300px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .information .button:hover { color: #fff; } .information .button::after { top: 0; left: 0; width: 100%; height: 100%; background: #999; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; } .information .button:hover::after { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } /*ブランドリストの画像動き*/ .brandlist a:hover img { box-shadow:10px 10px 10px rgba(0,0,0,0.5); transform:translateY(-10px); transition:0.5s; }