@charset "utf-8";

@import url(animate.css);
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');

/* ---------------------------------------------------------------- *
		リセット
* ---------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, fsss, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0}
*,*::before,*::after {box-sizing:border-box;}

/* ---------------------------------------------------------------- *
    初期設定
 * ---------------------------------------------------------------- */

/* リンク色の設定 */
a:link {color:#e9b496;text-decoration:none;}
a:visited {color:#e9b496;text-decoration:none;}
a:hover {color:#e9b496;text-decoration:none;}
a:active {color:#e9b496;text-decoration:none;}

/* リンクマウスオーバー設定 */
a, a img  {opacity:1;transition:all .2s ease-in-out;}
a:hover, a img:hover {opacity:0.7;transition:all .1s ease-in-out;}

/* 明朝 */
.serif {font-family:'Noto Serif JP',"游明朝体","Yu Mincho",YuMincho,Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:600;}

/* 両端揃え */
.justify {text-align:justify;text-justify:inter-ideograph;}

.image {display:block;width:100%;}

.flex {display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-js-display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.hide {display:none;}
.pc_hide {display:none;}
.sp_hide {display:block;}
.hide {display:none;}
.clear {clear:both;}

/* フォント */
.ff1 {font-family:'Michroma',sans-serif;}

.red {color:#cf0e19;}
.small {font-size:10px;line-height:140%;letter-spacing:0;}

/* ---------------------------------------------------------------- *
    共通設定
 * ---------------------------------------------------------------- */

body {
    font-family:
        'Roboto',
        'Kosugi',
        'Noto Sans JP',
        'ヒラギノ角ゴ Pro W3',
        'Hiragino Kaku Gothic Pro',
        "游ゴシック体",
        YuGothic,
        'メイリオ',
        Meiryo,
        'ＭＳ Ｐゴシック',
        'MS PGothic',
        Helvetica,
        Osaka,
        sans-serif;color:#fff;
    background-color:#000;
    background-image: linear-gradient(30deg, rgba(51, 51, 51, 1), rgba(0, 0, 0, 1));
    font-feature-settings:"palt";
}

/* 共通-アニメ */
.fadeIn {opacity:0;}
.fadeIn_anime {opacity:1;transition:1.5s ease-out;}

.fadeIn_slow {opacity:0;}
.fadeIn_slow_anime {opacity:1;transition:2s ease-out;}

.slideUp {opacity:0;transform:translate(0,80px);-webkit-transform:translate(0,80px);}
.slideUp_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1.2s ease-out;transition-delay:0s;}

.slideUp1 {opacity:0;transform:translate(0,80px);-webkit-transform:translate(0,80px);}
.slideUp1_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:2s ease-out;transition-delay:0s;}

.slideUpBg {opacity:0;transform:translate(0,-350px);-webkit-transform:translate(0,-350px);}
.slideUpBg_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:3.5s ease-out;transition-delay:0s;}

.zoomIn {opacity:0;transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);}
.zoomIn_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:1.5s ease-out;transition-delay:0s;}

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{animation:text_anime_on 1s ease-out forwards;}
@keyframes text_anime_on {0% {opacity:0;}100% {opacity:1;}}

/* 共通-ボタン */
.btn1 {display:block;width:300px;height:60px;line-height:55px;margin:0 auto;border:solid 2px;text-align:center;font-size:16px;font-weight:bold;border-radius:4px;}

/* ---------------------------------------------------------------- *
    TOPページ(PC)
 * ---------------------------------------------------------------- */

/* HOME ヘッダー(PC) */
.header .logo {width:30%;padding:5%;margin:2% auto 0 auto;}
.header .text {font-size:20px;text-align: center;line-height:190%;margin-bottom:3%;}

.news {width:90%; max-width:900px; margin: 0 auto 4% auto;background:#222;border: solid 1px #555;border-radius:5px;padding:20px;justify-content:center;align-items:center;}
.news .title {font-size:14px;width:11%;text-align: left;}
.newstext {width:89%;}
.news .text .date {margin-right:20px;font-weight:bold;}
.news .text {font-size:15px;width:87%;line-height:200%;border-left:#555 solid 2px;padding-left:3.5%;margin-bottom:3%;}
.news .text:last-of-type {margin-bottom:0;}

.race_logo .logo1 {display:block;width:240px;margin: 0 auto 3% auto;}
.race_logo .logo2 {display:block;width:300px;margin: 0 auto 5% auto;background: #fff; padding:20px;border-radius:5px;}
.race_logo .logo2 .image1 {width:40%;}
.race_logo .logo2 .image2 {width:30%;}

/* pagetop(PC) */
#pagetop {display:none;position:fixed;bottom:50px;right:30px;z-index:100000;}
#pagetop li {list-style:none;font-family:'Roboto',sans-serif;font-weight:400;font-size:10px;line-height:130px;text-align:center;}
#pagetop a {color:#fff;display:block;width:50px;height:50px;text-decoration:none;background-image:url("../image/pagetop.png");background-repeat:no-repeat;opacity:1;transition:all .2s ease-in-out;}
#pagetop a:hover {opacity:0.8;transition:all .2s ease-in-out;}

/* footer(PC) */
.footer {position:relative;padding:50px 0;background: #000;border-top: solid 1px #555;text-align:center;}
.footer .logo {display:block;width:120px;margin: 0 auto 30px;}
.footer .text {font-size:13px;line-height:200%;margin-bottom:30px;}
.footer .text a {color: #fff;}
.footer .copyright {font-size:10px;}
















/* 以下、画面の横幅が920px以下の場合に適用されるCSS（SP） */
@media screen and (max-width:920px) {

.pc_hide {display:block;}
.sp_hide {display:none;}

/* ---------------------------------------------------------------- *
    TOPページ(SP)
 * ---------------------------------------------------------------- */

/* HOME ヘッダー(SP) */
.header .logo {width:50%;padding:0;margin:18% auto 15% auto;}
.header .text {font-size:15px;text-align:left;line-height:170%;margin-bottom:3%;width:90%;margin: 0 auto 10% auto;}
.header .text br {display:none;}

.news {width:90%;margin: 0 auto 10% auto;padding:20px;}
.news .title {width:100%;font-size:12px;text-align: center;margin-bottom:5%;}
.news .text .date {margin-right:15px;font-weight:bold;}
.news .text {width:100%;font-size:13px;line-height:180%;border-left:none;padding-left:0;margin-bottom:8%;}

.race_logo .logo1 {display:block;width:45%;margin: 0 auto 10% auto;}
.race_logo .logo2 {display:block;width:60%;margin: 0 auto 10% auto;background: #fff; padding:20px;border-radius:5px;}
.race_logo .logo2 .image1 {width:40%;}
.race_logo .logo2 .image2 {width:30%;}

#pagetop {display:block;position:inherit;background-color:#111;padding:20px 0;border-top: solid 1px #555;}
#pagetop li {list-style:none;width:110px;font-family:'Roboto',sans-serif;font-weight:400;font-size:12px;text-indent:40px;line-height:30px;margin:0 auto;}
#pagetop a {display:block;color:#fff;width:30px;height:30px;text-decoration:none;background-image: url("../image/pagetop.png");background-repeat:no-repeat;opacity:1;background-size:30px 30px;}

/* footer(SP) */
.footer {position:relative;padding:10% 0;background: #000;border-top: solid 1px #555;text-align:center;}
.footer .logo {display:block;width:90px;margin: 0 auto 8%;}
.footer .text {font-size:12px;line-height:200%;margin-bottom:8%;}
.footer .copyright {font-size:10px;}

}