/* すべての要素の外側に罫線を表示する　開発時検証用
    *{
        outline: 2px solid gray;
    }
    */

    body {
        font-family: 'Noto Sans JP', sans-serif;
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;

        margin: 0;
        padding: 0;
    }

    .Wrapper{
        max-width: auto;
        height: auto;
        margin: 0 auto;
    }

    .logo_ceremony_position_adjust{
        display: flex;
        width: 1000px;
        height: 60px;
        align-items: center;
        margin: 0 auto;
    }

    .logo_ceremony{
        max-width: 190px;
        max-height: 30px;
    }

    .back_img{
        background-image: url(../images/back_img.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .content_area{
        width: 1000px;
        height: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .back_white_1{
        background-color: #FFFFFF;
        height: 100%;
        border-radius: 20px;
        padding-bottom: 40px;
        box-shadow: 0px 3px 6px #00000029;
        margin: 0 auto;
    }

    .triangle{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 39px 11px;
        border-color: transparent transparent #eae664 transparent;
    }

    .denomination{
        background: -moz-linear-gradient(top, #4E5180, #000548);
        background: -webkit-linear-gradient(top, #4E5180, #000548);
        background: linear-gradient(to bottom, #4E5180, #000548);
        border-radius: 10px;
        width: 93px;
        height: 40px;
        margin-right: 1px;

        /* 子DIVを上下左右中央に*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .back_white_2{
        background-color: #FFFFFF;
        height: 100%;
        border-radius: 20px;
        padding-bottom: 40px;
        box-shadow: 0px 3px 6px #00000029;
        margin: 0 auto;
    }


    .clrBlue{
        color: #001645;
    }
    .clrOrange{
        color: #CB6500;
    }
    .clrGold{
        color: #835F2B;
    }
    .clrCyan{
        color: #003288;
    }
    .clrWhite{
        color: #FFFFFF;
    }
    .clrRed{
        color: #DC000C;
    }

    .font11B{
        font-size: 11px;
        font-weight: 700; /*太字*/
    }
    .font12B{
        font-size: 12px;
        font-weight: 700; /*太字*/
    }
    .font13{
        font-size: 13px;
    }
    .font13B{
        font-size: 13px;
        font-weight: 700; /*太字*/
    }
    .font14B{
        font-size: 14px;
        font-weight: 700; /*太字*/
    }
    .font15{
        font-size: 15px;
        font-weight: 400; /*標準*/
    }
    .font15B{
        font-size: 15px;
        font-weight: 700; /*太字*/
    }
    .font16{
        font-size: 16px;
        font-weight: 400; /*標準*/
    }
    .font16B{
        font-size: 16px;
        font-weight: 700; /*太字*/
    }
    .font17{
        font-size: 17px;
        font-weight: 400; /*標準*/
    }
    .font17B{
        font-size: 17px;
        font-weight: 700; /*太字*/
    }
    .font18B{
        font-size: 18px;
        font-weight: 700; /*太字*/
    }
    .font18Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 18px;
        font-weight: bolder; /*一段階太字*/
    }
    .font19B{
        font-size: 19px;
        font-weight: 700; /*太字*/
    }
    .font20B{
        font-size: 20px;
        font-weight: 700; /*太字*/
    }
    .font20Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 20px;
        font-weight: bolder; /*一段階太字*/
    }
    .font22Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 22px;
        font-weight: bolder; /*一段階太字*/
    }
    .font25Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 25px;
        font-weight: bolder; /*一段階太字*/
    }
    .font27Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 27px;
        font-weight: bolder; /*一段階太字*/
    }
    .font29Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 29px;
        font-weight: bolder; /*一段階太字*/
    }
    .font33Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 33px;
        font-weight: bolder; /*一段階太字*/
    }
    .font35Ex{
        font-family: 'Noto Serif JP', serif;
        font-size: 35px;
        font-weight: bolder; /*一段階太字*/
    }
    .font52B{
        font-size: 52px;
        font-weight: 700; /*太字*/
    }


/*金額表示*/
    .fontCash1{
        font-size: 50px;
        font-weight: bolder; /*一段階太字*/
    }
    .fontYen1{
        font-size: 32px;
        font-weight: bolder; /*一段階太字*/
    }
    .fontKome1{
        font-size: 20px;
        font-weight: bolder; /*一段階太字*/
    }
    .fontCash2{
        font-size: 42px;
        font-weight: bolder; /*一段階太字*/
    }
    .fontYen2{
        font-size: 28px;
        font-weight: bolder; /*一段階太字*/
    }
    .fontKome2{
        font-size: 18px;
        font-weight: bolder; /*一段階太字*/
    }


    .dispAreaLine{
        border: 1px solid gray;
    }

/*レスポンシブ対応*/
    /*PCとスマホで表示するときの画面レイアウト変更値*/
    .dispFlex{
        display: flex;
    }
    .dispPc { display: block !important; }
    .dispSp { display: none !important; }

    /*PCで表示した際、ブラウザを拡大縮小するときの画面レイアウト変更値*/
    .dispTextOneLine { display: block !important; }
    .dispTextTwoLine { display: none !important; }

    @media screen and (max-width: 1020px){
        /*メインコンテンツエリアが1000pxなので直前に変動させる　1020以下*/

        .logo_ceremony_position_adjust{
            min-width: 370px;
            width: 95%;
        }

        .content_area{
            min-width: 370px;
            width: 95%;
        }

        .denomination{
            width: 85px;
            height: 40px;
            margin-top: 1px;
        }
        
        .dispPc { display: none !important; }
        .dispSp { display: block !important; }
    }
    @media screen and (min-width: 577px){
        /*横幅　577以上*/
        .brNone br{
            display: none;
        }
    }
    @media screen and (max-width: 880px){
        /*横幅　880以下*/
        img{
            width: 80%;
            height: auto;
        }

        .dispFlex{
            display: block;
        }

        .dispTextOneLine { display: none !important; }
        .dispTextTwoLine { display: block !important; }
    }