@charset "UTF-8"; /* CSS Document */ /* ----------------------------------------------------------- 店舗ボタン ----------------------------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } .btn, a.btn, button.btn { font-size: 2rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem; margin-bottom: 20px; } a.btn--yellow { color: #000; background-color: #fff100; border-bottom: 5px solid #ccc100; } a.btn--yellow:hover { margin-top: 3px; color: #000; background: #fff20a; border-bottom: 2px solid #ccc100; } .btn-copy { font-size: 1.5rem; font-weight: bold; position: relative; margin-bottom: .2em; margin-left: 50px; } .btn-copy:before { margin-right: 1rem; content: '\'; } .btn-copy:after { margin-left: 1rem; content: '/'; }