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

/* Web Font 変数宣言 */

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

/*  拡張子 .ttf, .otf, woff  */
/****************************/


/*  拡張子 .woff  */
/*****************/

/*
@font-face {
    font-family: 'rounded-mplus-1c';
    src: url('../css/woff2/rounded-mplus-1c-regular.woff2') format('woff');
    font-display: swap;
}
*/


/*  拡張子 .ttf  */
/****************/

/*
@font-face {
    font-family: 'GenJyuuGothic-Medium';
    src: url('../css/ttf/GenJyuuGothicX-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'crayon';
    src: url('crayon_1-1.ttf') format('truetype');
}

@font-face {
    font-family: 'Hannari';
    src: url('font_1_honokamin.ttf') format('truetype');
*/


/*  拡張子 .opentype  */
/*********************/

/*
@font-face {
    font-family: 'Utsukushi';
    src: url('UtsukushiFONT.otf') format('opentype');
}
*/


/*  ベースカラー設定 （サイトカラーは４色以内がベスト） */
/************************************************/

* {}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #454545;
    margin: 0px;

    font-family: YuGothic, 'Yu Gothic', sans-serif;

    /*
    font-family: 'ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
    */

    font-weight: 100;
    -webkit-text-size-adjust: 100%;
    margin: 0px;
    display: flex;
    flex-direction: column;
}


.wrap {
    background-color: #ffffff;
    overflow: hidden;
}



/* --テキスト選択時のオリジナルハイライト色設定-- */

/*
::-moz-selection {
    background-color: var(--text-hilight1);
    color: var(--text-hilight2);
}

::selection {
    background-color: var(--text-hilight1);
    color: var(--text-hilight2);
}
*/

/* --Firefox用-- */

/*
::-moz-selection {
    background-color: var(--text-hilight1);
    color: var(--text-hilight2);
}
*/


/* Text　基本設定 */
.c_b {
    color: #000000;
}

.c_0 {
    color: #ffffff;
}

.c_1 {
    color: #5dca74;
}

.c_2 {
    color: #306a3c;
}

.c_3 {
    /*color: #fd8300;*/
    color: #ffb47d;
}

.c_4 {
    color: #356ebc;
}

.c_5 {
    color: #ff0101;
}

.c_6 {
    color: #727272;
}


/* 画像保護 */
/**********/
img {
    pointer-events: none;
}


h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

.wsnw {
    white-space: nowrap;
}

/*  Link　設定  */
/***************/

a:link {
    text-decoration: none;
}

a:visited {}

a:hover {
    color: #fdbe74;

}

a:active {
    color: #fdbe74
}


/*  ポジション  */
/**************/

.rig_pog {
    /*-- 右寄り --*/
    display: flex;
    justify-content: flex-end;
}

.lef_pog {
    /*-- 左寄り --*/
    display: flex;
    justify-content: flex-start;
}

.flx_pog {
    display: flex;
}

.flx-eig {
    display: flex;
    /*
    flex-wrap: wrap;
    justify-content: flex-end;
    */
    flex-direction: column;
}

.w1 {
    flex-grow: 1;
    font-size: 2vw;
}

.w2 {
    flex-grow: 2;
}

.w3 {
    flex-grow: 3;
}

.w4 {
    flex-grow: 4;
}

/*  Flex設定  */
/*************/

.fl-v1 {}

.fl-v2 {}

.fl-h1 {}

.fl-h2 {}


/*  アニメ設定  */
/**************/

.ani1 {}

.ani2 {}

.ani3 {}


/*  下スペース設定  */
/******************/

.sp-1 {
    margin-bottom: 2vw;
}

.sp-2 {
    margin-bottom: 4vw;
}

.sp-3 {
    margin-bottom: 6vw;
}

.sp-4 {
    margin-bottom: 8vw;
}

.sp-5 {
    margin-bottom: 10vw;
}

.sp-6 {
    margin-bottom: 12vw;
}

.sp-7 {
    margin-bottom: 14vw;
}

.sp-8 {
    margin-bottom: 16vw;
}

.sp-9 {
    margin-bottom: 18vw;
}

.sp-10 {
    margin-bottom: 20vw;
}

.sp-15 {
    margin-bottom: 15vw;
}

.sp-20 {
    margin-bottom: 20vw;
}

.sp-25 {
    margin-bottom: 25vw;
}

.sp-30 {
    margin-bottom: 30vw;
}

.sp-35 {
    margin-bottom: 35vw;
}

.sp-40 {
    margin-bottom: 40vw;
}

.sp-45 {
    margin-bottom: 45vw;
}

.sp-50 {
    margin-bottom: 50vw;
}


/*  上スペース設定　（.bspはビフォアースペースの意味）  */
/************************************************/

.bsp-1 {
    margin-top: 2vw;
}

.bsp-2 {
    margin-top: 4vw;
}

.bsp-3 {
    margin-top: 6vw;
}

.bsp-4 {
    margin-top: 8vw;
}

.bsp-5 {
    margin-top: 10vw;
}

.bsp-6 {
    margin-top: 12vw;
}

.bsp-7 {
    margin-top: 7vw;
}

.bsp-8 {
    margin-top: 8vw;
}

.bsp-9 {
    margin-top: 9vw;
}

.bsp-10 {
    margin-top: 10vw;
}


/*  NEW 等のコメント文字表示  */
/***************************/

.new::before {
    content: 'NEW !!';
    color: #f0ffe0;
    background-color: #f5824f;
    font-weight: 900;
    font-size: 3.5vw;
    padding: 0px 1rem;
    border-radius: 6px;
    line-height: 3.5vw;
    display: block;
}



/*  リンク　オーダー順　等  */
/***************************/

.top_l {
    margin: 2vw 3vw;
}

.top_l2 {
    margin: 2vw 3vw;
}

.ord1 {
    order: 1;
}

.ord2 {
    order: 5;
}

.ord3 {
    order: 2;
}

.ord4 {
    order: 3;
}

.ord5 {
    order: 4;
}

.ord6 {
    order: 6;
}

a.go-top {
    position: fixed;
    opacity: 50%;
    display: none;
    bottom: 40px;
    right: 10px;
    z-index: 100;
}

.goto-img {
    width: 50px;
    height: 50px;
}

@media screen and (min-width: 660px) {

    .ord1 {
        order: 1;
    }

    .ord2 {
        order: 2;
    }

    .ord3 {
        order: 3;
    }

    .ord4 {
        order: 4;
    }

    .ord5 {
        order: 5;
    }

    .ord6 {
        order: 6;
    }


    .top_l {
        margin: 0vw 3vw;
    }

    .top_l2 {
        margin: 0vw 3vw;
    }

    a.go-top {
        padding: 0px 8px;
    }

    .flx-eig2 {
        display: flex;
        flex-direction: row;
    }

    @media screen and (min-width: 820px) {

        .goto-img {
            width: 70px;
            height: 70px;
        }

        .top_l {
            width: auto;
            margin: 0px 10px;
        }

        .top_l2 {
            width: auto;
            margin: 0px 10px;
        }

        .menu-link {
            flex-grow: 1;
            margin: 0px;
        }

    }

    @media screen and (min-width: 1920px) {
        a.go-top {
            right: calc(50vw - 950px);
            font-size: 20px;
            padding: 0px 9px;
        }
    }
}
a.fan-link {
      color: #40b242;
      text-decoration: underline;
}