Styleguide Template

BUTTON

Sass file: /_sass/_button.scss

      <a href="fake.html" class="button">Button text</a>
<a href="fake.html" class="button button_entry">Button text</a>
<div class="more_link">
	<a class="button_more" href="fake.html"><span>MORE</span></a>
</div>
      

MAINVISUAL

Sass file: /css/main.scss

つくって人を幸せにする

WE "CREATE"

YOUR HAPPINESS

      <div class="main_visual">
	<div class="main_img"></div>
	
	<p class="main_text_jp">つくって人を幸せにする</p>
	
	<div class="main_text_en_wrap">
		<p><span class="main_text_en1">WE "CREATE"</span></p>
		
		<p><span class="main_text_en2">YOUR HAPPINESS</span></p>
		
		
	</div>
	
</div>  
      

TITLE

Sass file: /css/main.scss

タイトルタイトルタイトル

タイトルレフトレフト

タイトルセンターセンター

タイトルライトライト

タイトルレフトスモールレフトスモールレフトスモールレフトスモール

タイトルセンターラージタイトルセンターラージタイトルセンターラージ

タイトルセンターシングル?

      <h1 class="page_title">タイトルタイトルタイトル</h1>
<h2 class="ttl_left">タイトルレフト<span>レフト</span></h2>
<h2 class="ttl_center">タイトルセンター<span>センター</span></h2>
<h2 class="ttl_right">タイトルライト<span>ライト</span></h2>
<h2 class="title_left_small">タイトルレフトスモール<span>レフトスモールレフトスモールレフトスモール</span></h2>
<h2 class="ttl_center_large">タイトルセンターラージ<span>タイトルセンターラージタイトルセンターラージ</span></h2>
<h2 class="ttl_center_s">タイトルセンターシングル?</h2>