24時間フルメンテナンス対応

Bootstrap

Build fast, responsive sites with Bootstrap

Currently v5.0.0-alpha2

Link color & target="_blank"

<a href="https://v5.getbootstrap.com/" target="_blank" rel="noopener">https://v5.getbootstrap.com/</a>
<section class="">
<p class="title-cap">歴史と伝統が紡いだおもてなしで<br>お客様をお迎えいたします。</p>
</section>

Color

.text-default

.text-main

.text-accent

.bg-default
.bg-main
.bg-accent
.bg-type-01 $bg-type-01: #F0F5F8;
$default-text: #212121;
$mainColor: #2A2E74;

Font Family

.gothic Noto Sans JP

.mincyo 游明朝体

Web Font

Noto Sans JP (google)[Light 300・Regular 400・Medium 500・bold 700]

font-weight-light 300

font-weight-regular 400

font-weight-medium 500

font-weight-bold 700

Line Height

.lh-season fs-14 ホテルの一流シェフたちが自信をもって贈る多彩な料理。うれしい「飲み放題」の特典も付いたお得なプラン。

.lh-season fs-14 mincyo 熊本ホテルキャッスルでは、
おすすめご宿泊プランをご用意しております。

//フォントサイズ+10px
.lh-season{
line-height: calc(1em + #{10 / $font-size-root-num}rem);
}

Typography

fs-18 熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。

font-size: 18px; 熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。

Typography

事業内容


創業者

現場の誓い

私たちは 安全第一最優先と共に、コンプライアンスも守ります

- 昭和28年創立以来、死亡事故0(ゼロ)の記録更新に挑戦し、法遵守を徹底します。

<h4 class="section-title mb-40">事業内容</h4>
<h4 class="title-type-01">創業者</h4>
<h4 class="title-type-03">現場の誓い</h4>
<h4 class="title-type-02 mb-15">私たちは 安全第一最優先と共に、コンプライアンスも守ります</h4>
<p class="pl-30 pl-sm-40">- 昭和28年創立以来、死亡事故0(ゼロ)の記録更新に挑戦し、法遵守を徹底します。</p>

Btn

<a href="" class="btn-sankaku-b">詳しく見る</a>
<a href="" class="btn-sankaku-w">詳しく見る</a>

styleguide.php