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

●　各要素の初期設定
●　横幅・マージン定義
●　文字装飾等の定義
●　clearfixハック

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


/*========================================
　●　各要素の初期設定
========================================*/
*{
 margin: 0; padding: 0;
 font-weight: normal;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/*------------------------------ 文字サイズの定義・基本文字色等 */
html,body{ width: 100%;}
html{overflow-y:scroll; font-size: 62.5%; color: #666; overflow-x:hidden;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

body{}

/*------------------------------ 画像枠 */
img {
 border-style: none;
}

/*------------------------------ position: relative; */
.relative{position: relative;}

/*------------------------------ display: flex; */
.flex{display: flex;}

/*------------------------------ table */
table{
 margin: 0 auto;
/*
 border-collapse: collapse;
 border-spacing: 0;
*/
}

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

/*========================================
　●　横幅・マージン定義
========================================*/



/*========================================
　●　文字装飾等の定義
========================================*/
/*------------------------------ 明朝 */
.mincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .gc{
      text-shadow: 0px 0px 0px #402f0e;
  }
}


/*------------------------------ ゴシック */
.gothic{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}

.gothic2{font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo,"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, gothic;}


/*------------------------------ 等幅 */
.monospace{
font-family: "ＭＳ ゴシック", "Osaka－等幅",monospace;
}

/*------------------------------ 強調 */

/*------------------------------ 文字色 */
.khaki{color: #9b7f33;}

/*------------------------------ 文字サイズ */

.f15{font-size: 1.5rem;}
.f16{font-size: 1.6rem;}
.f18{font-size: 1.8rem;}
.f20{font-size: 2.0rem;}
.f22{font-size: 2.2rem;}
.f24{font-size: 2.4rem;}
.f26{font-size: 2.6rem;}
.f27{font-size: 2.7rem;}
.f30{font-size: 3.0rem;}


/*------------------------------ 文字揃え */
.center{text-align: center;}
.right{text-align: right;}


/*========================================
　●　clearfixハック
========================================*/
.clearfix:before,
.clearfix:after {
 display: table;
 content: " ";
}
.clearfix:after {
 clear: both;
}


.fLeft{float: left;}
.fRight{float: right;}


.footer_banner{text-align: center; margin:2rem 0; display:flex; flex-wrap: wrap; justify-content:center;}
.footer_banner a{margin: 0 1rem;}