/*========================================

　●　各要素の初期設定
　●　簡易定義
　●　上へ
　●　その他（googlemap等）

========================================*/


/*========================================
　●　各要素の初期設定
========================================*/
*{
 margin: 0; padding: 0;
 box-sizing: border-box;
}


/*------------------------------ 文字サイズの定義・基本文字色等 */
html,body{ width: 100%;}

html{
 overflow-y:scroll;
 font-size: 62.5%;
 overflow-x: hidden;
 line-height: 1;
}

body{
 line-height: 1;
 font-family: 'Noto Serif JP',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
 font-weight: normal;
}

h1,h2,h3,h4{ font-weight: normal;}

/*========================================
　●　簡易定義
========================================*/
/*------------------------------ 文字色 */
.c-red01{ color: #8c2e29;}

/*------------------------------ 文字サイズ */
/*------------------------------ 字下げ */
.c-indent{
 padding-left: 1em;
 text-indent: -1em;
}

/*------------------------------ position */
.c-relative{position: relative;}
.c-absolute{position: absolute;}
.c-fixed{position: fixed;}

/*------------------------------ inline-block */
.c-inlineB{ display: inline-block;}

/*------------------------------ overflow */
.c-hidden{ overflow: hidden;}
.c-hiddenX{ overflow-x: hidden;}

/*------------------------------ シンプルフェード */
/* animation: ani_fade 2.0s ease-out forwards; */
@keyframes ani_fade{
  0% {opacity: 0;}
100% {opacity: 1;}
}

/*------------------------------ テスト */
.test{border: 1px #666 solid;}