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

/* 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');
}
*/


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

* {}

/* Text　基本設定 */
/****************/

h1 {
    font-size: 50px;
    color: #ffffff;
    margin: auto 0px auto 0px;
}

h2 {}

h3 {}

h4 {}

h5 {}


h2 {
    /* --メニューに使用-- */
    display: block;
    font-size: 24px;
    width: max-document;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

h3 {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #6a533c;
}

p {
    font-size: 18px;
    font-weight: 100;
    color: #636262;
    /*
    color: #000000;
    */
    word-wrap: break-word;
    word-break: break-all;
}

.leng-content {
    width: max-content;
}

.wsnw {
    white-space: nowrap;
}


/* ヘッダー
===========================================*/
.hed-tex {
    /*
    font-size: 1vw;
    */
    font-size: 3vw;
    font-weight: 100;
    /*
    color: #010101;
    padding: 5px 5px;
    */
    padding: 5px 10px;
}

.sub-logo {
    width: max-content;
    font-size: 18px;
    padding: 5px;
    margin: 0px auto;
}


/* リンク
===========================================*/
.menu-link {
    /*
    font-size: 24px;
    */
    font-size: 20px;
    letter-spacing: 0.3rem;
    width: max-content;
    color: #6e432d;
    /*
    height: 12vw;
    */
    height: 9vw;
    margin-left: 20px;
}

.sec-top-tex {
    font-size: 6vw;
    font-weight: 100;
    width: max-content;
    margin: 20px auto;
}


/* インフォメーション
===========================================*/
.ex-font1 {
    font-family: 'Noto Serif JP', serif;
}


/* ホームリンクの設定
===========================================*/
a.home:link {
    font-size: 14px;
    color: #4d412e;
    margin: 30px auto 10px 20px;
}

a.home:visited {
    color: #4d412e;
}

a.home:hover {
    color: #ff8900;
}

/*a.home:active {
    color: purple;
}*/

.menu-link:link {
    /*
    color: #000000;
    */

    /*
    margin-left: 20vw;
*/

}

.menu-link:visited {
    /*
    color: #000000;
    */
}

.menu-link:hover {
    color: #f8c180;
}

.menu-link:active {
    /*
    color: #000000;
    */
}

a.h-ten:link,
a.h-ten:visited {
    font-size: 17px;
    color: #636262;
}

a.h-ten:hover {
    color: #f8c180;
}


/*　サイト名　
===========================================*/


/* ドロップシャドウ設定
============================================*/

/* 未使用
@mixin text-shadow-white($opacity: 1) {
    text-shadow: 0 1px 0 rgda(#d4d4af, $opacity);
}
*/

/* メニュー設定
==============================================*/


/* メインコンテンツ
============================================*/

.mini-tex {
    font-size: 3vw;
    margin: 0px;
}

.txt-li1 {
    font-size: 4vw;
    margin-top: 4vw;
}

.shop-add {
    /*
    font-size: 4vw;
    */
    font-size: 18px;
    width: max-document;
}


/* 豆メニュー　ぱーと
*********************************************/
h3.mame {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    margin: 20px auto;
    /*
    border-bottom: solid 2px #6a533c;
    */
}

h3.mame0 {
    margin: 20px 0px 20px 0 px;
    /*
    border-bottom: solid 2px #6a533c;
    */
}

p.mame1 {
    font-size: 3.4vw;
    width: 40vw;
    display: block;
    margin: 0px 0px 1vw 5vw;
}

p.mame2 {
    font-size: 3.3vw;
    width: calc(100% - 40vw);
    line-height: 4.5vw;
    display: block;
    word-wrap: break-word;
}

p.sit-title {
    font-size: 15px;
    color: #524229;
    margin: 0px;
}



/* footer 設定
============================================*/

/* --企業名　連絡先　テキストスタイル-- */

.end-1 {
    font-size: 13px;
    text-align: center;
    color: #76093f;
    margin: 0px;
}

/* --コピーライト　スタイル-- */

.end {
    color: #5a5958;
    font-size: 14px;
    text-align: center;
    margin: 5px auto 20px auto;
    padding-top: 10px;
    border-top: 1px solid #000000;
}



/******************************************/
/* タブレット　設定 660px */
/******************************************/

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

    /* サイトネーム画像サイズ　設定 660px */
    /*********************************/


    .art-tex-colo {
        font-size: min(3vw, 18px);
    }


    /* 豆メニュー　ぱーと 660px
*********************************************/

    p.mame1 {
        font-size: 15px;
        width: 215px;
        display: block;
        margin: 0px 0px 10px 27px;
    }

    p.mame2 {
        font-size: 15px;
        line-height: 20px;
        width: calc(100% - 180px);
        margin: 0px;
        padding-right: 10px;
    }

    p.sit-title {
        font-size: 20px;
        color: #524229;
        margin: 0px;
    }



    /*********************/
    /* PC　設定 830px以上 */
    /*********************/

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

        .mini-tex {
            font-size: 14px;
        }

        .ex-font1 {
            font-family: 'Noto Serif JP', serif;
        }

        .hed-tex {
            font-size: min(0.75vw, 14px);
            font-weight: 100;
            padding: min(0.8vw, 16px) 20px 0px 20px;
        }


        .sub-logo {
            width: max-content;
            font-size: 18px;
            padding: 5px;
            margin: 0px auto;
        }

        .menu-link {
            /*
            font-size: 24px;
            */
            font-size: 20px;
            letter-spacing: 0.3rem;
            width: max-content;
            margin-left: 0px;
        }

        .sec-top-tex {
            font-size: 36px;
            font-weight: 100;
            width: max-content;
            margin: 20px auto;
        }

        .art-tex-colo {
            line-height: 28px;
            letter-spacing: 6px;
        }

        .art-tex-colo {
            font-size: min(1.5vw, 18px);
            line-height: min(2.5vw, 28px);
        }

        .sec-top-tex {
            font-size: 36px;
            font-weight: 100;
            width: max-content;
            margin: 20px auto;
        }

        .shop-add {
            font-size: 20px;
        }


        /**********************/
        /* PC　設定 1000px以上 */
        /**********************/

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

            p.foot-frexm {
                width: 400px;
                margin-left: calc(50vw - 500px);
            }

        }
    }
}