確認用スタイルガイド

STYLE GUIDE

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

font size

font size12

font size16

font size18

font size24

font size30

font size34

text color

color-blue

title

h1 title

h2 title

h2 title B

h3 title

h4 title

h5 title

background padding

bg-blue p-all20 color-white
bg-glay p-all20 color-white
bg-glayB p-all20 color-white
bg-black p-all20 color-white
bg-yellow p-all20 color-white

width

width 100%
width 40%
width 30%

pc/sp width

pc:width 40% sp:width 100%
pc:width 100% sp:width 50%

dl text

テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

ul list

  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
    • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
    • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
    • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
    • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
  • この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

table

テキスト この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dl table

テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
テキスト
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

column

3column

シームレスアッパー
前足部アッパーは、極力縫い目を減らし、一体成型にすることで縫い目からくる足へのストレスを軽減します。

EXO3
Tennis Racket 効率的エネルギー効果で、さらに高い能力を生みだす。 EXO3テクノロジー…

TCTグロメット
マイルドな打球感と鋭いショットの両立を可能にする。 反発力のあるカーボンファイバーに、アドバンスドサ…

4column

page nav

page nation

< 前の記事
次の記事 >

tag

NEW
重要

carousel


2017/08/30
お知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせお知らせ

2017/08/29
2017 prince チームテニストーナメント in Tokyo 大会要項&申込書（PDF）

2017/08/25
2017 兵庫県 Prince秋のチャレンジダブルス大会開催のお知らせ（PDF）

2017/07/28
2017 Prince Open Tennis Tournament in 軽井沢のお知らせ（PDF）

2017/05/17
「2017 SQUASHプリンスカップ 関東大会」結果（PDF）

2017/05/08
2017 SQUASH Prince Cup ドロー決定のお知らせ（修正がありました）（PDF）

2017/05/08
2017 SQUASH Prince Cup 大会当日案内（修正がありました）（PDF）

2017/04/24
2017 prince open tennis tournament in 峰の原高原　募集のお知らせ（外部サイト）

2017/04/05
ルーカス・プイユ選手とラケット使用契約締結（PDF）

2017/02/27
2017スカッシュPrinceCupのお知らせ（PDF）

jQuery(‘.regular’).slick({
slidesToShow: 4,
slidesToScroll: 4,
autoplay: true,
autoplaySpeed: 4000,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
infinite: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
}
// You can unslick at a given breakpoint now by adding:
// settings: “unslick”
// instead of a settings object
]
});