@charset "utf-8";

/*
==============
relume.css
==============
*/

/* -----------------
■ font
------------------- */
.relumeSgMain {
	font-family: 'Noto Serif JP', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;
	font-weight: 500;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.relumeSgMain .relumeSg--crimson {
	font-family: 'Crimson Pro', serif;
	font-feature-settings: "palt"; }

.relumeSgMain .relumeSg--notoserif {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500; }

.relumeSgMain .relumeSg--notosans {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300; }

.relumeSgMain .relumeSg--palt {
	font-feature-settings: "palt"; }


/* -----------------
■ 全体
------------------- */
.relumeSgMain img {
	max-width: 100%;
	vertical-align: middle; }


/* -----------------
■ 汎用
------------------- */
.relumeSgMain .relumeSg--clearfix:after{
	content: ".";
	display: block; 
	clear: both; 
	height: 0; 
	font-size:0;	
	visibility:hidden; }

.relumeSgMain .relumeSg--fadein {
  opacity: 0;
  transform: translateY(30px);
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform; }

.relumeSgMain .relumeSg--fadein.relumeSg--view {
  opacity: 1;
  transform: translateY(0); }