|
|
| (同じ利用者による、間の5版が非表示) |
| 110行目: |
110行目: |
| } | | } |
|
| |
|
| /*--------------------------------------------------
| |
| パネル
| |
| --------------------------------------------------*/
| |
| .bspanel{
| |
| border:1px solid;
| |
| border-radius:4px;
| |
| margin-bottom:10px;
| |
| }
| |
| .bspanel-heading{
| |
| font-size:14px;
| |
| padding: 10px 15px;
| |
| color:#fff;
| |
| }
| |
| .bspanel-heading2-b{
| |
| font-size:14px;
| |
| padding: 10px 15px;
| |
| color:#000;
| |
| font-weight: bold;
| |
| text-align:center;
| |
| }
| |
| .bspanel-heading2-w{
| |
| font-size:14px;
| |
| padding: 10px 15px;
| |
| color:#fff;
| |
| font-weight: bold;
| |
| text-align:center;
| |
| }
| |
| .bspanel-body{
| |
| padding:15px;
| |
| }
| |
| /*--------------------------------------------------
| |
| レスポンシブ
| |
| --------------------------------------------------*/
| |
| @media (min-width: 768px) {
| |
| .responsive-column-3{
| |
| column-count:3;
| |
| }
| |
| .responsive-column-3 > *, .responsive-column-3 > ul > li{
| |
| page-break-inside: avoid;
| |
| }
| |
| .responsive-block-33{
| |
| float:left;
| |
| width:33.33333333%;
| |
| }
| |
| .responsive-block-50{
| |
| float:left;
| |
| width:50%;
| |
| }
| |
| .padding-when-wide{
| |
| padding-right:10px;
| |
| padding-left:10px;
| |
| }
| |
| .float-when-wide{
| |
| float:left;
| |
| }
| |
| .nowide{
| |
| display:none;
| |
| }
| |
| }
| |
| /*-------------------------------------------------- | | /*-------------------------------------------------- |
| その他 | | その他 |