@charset "utf-8";

/*
==============
base.css
==============
*/

/* -----------------
■ フォント
------------------- */
.tkMain {
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	-webkit-text-size-adjust: 100%; }

.tkMain .tk--oran {
	font-family: 'Oranienbaum', serif; }

.tkMain .tk--times {
	font-family: 'Times New Roman', Georgia, serif; }

.tkMain .tk--noto {
	font-family: 'Noto Sans JP', sans-serif; }

.tkMain .tk--notoSerif {
  font-family: 'Noto Serif', serif; }


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


/* -----------------
■ コンテンツ
------------------- */
.tkMain .tk--italic {
  font-style: italic; }


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

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

.tkMain .tk--fadein.tk--view {
  opacity: 1;
  transform: translateY(0); }