@charset "UTF-8";

/*-------------------------------------
 リセット・セット
-------------------------------------*/
html{
    color:#333;
    background:#FFF
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure{
    margin:0;
    padding:0
}

table{
    border-collapse:collapse;
    border-spacing:0
}

fieldset,img{
    border:0
}

address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal
}

ol,ul{
    list-style:none
}

caption,th{
    text-align:left
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal
}

q:before,q:after{
    content:''
}

abbr,acronym{
    border:0;font-variant:normal
}

input,textarea,select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
input,textarea,select{
    font-size:100%;
}

legend{
    color:#000;
}

a{
    text-decoration: none;
    color: inherit;
}






/*-------------------------------------
キャンペーン終了画面
-------------------------------------*/

/*ベース
-------------------------------------*/
#close{
    width: 90%;
    margin: 50px auto;
    font-family: "Aoto Gothic Medium", "あおとゴシック M", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic",  Verdana, sans-serif;
    line-height: 1.9;
    letter-spacing: 0.05em;
    text-align: center;
    font-feature-settings: "palt";
    color: #333;
    box-sizing: border-box;
}

@media (max-width: 540px){
    #close{
        margin: 20px auto;
    }
}



/*画面幅による表示・非表示
-------------------------------------*/
.display540{ display: none; }
@media (max-width: 540px){ .display540{ display: block; } }



/*ロゴ
-------------------------------------*/
#close .yashinomiLogo{
    width: 150px;
}

@media (max-width: 540px){ 
    #close .yashinomiLogo{
        width: 70px;
    }
}


/*テキスト
-------------------------------------*/
#close .closeTxtAre{
    margin-bottom: 150px;
    margin-top: 50px;
    font-weight: 500;
}

#close .closeTxtAre-title{
    font-size: 40px;
    margin-bottom: 30px;
    line-height: 1.4;
}

#close .closeTxtAre-sub{
    font-size: 24px;
}

#close .txtLink{
    text-decoration: underline;
}

#close .txtLink:hover{
    opacity: 0.8;
}


@media (max-width: 540px){
    #close .closeTxtAre{
        font-size: 35px;
        margin-top: 80px;
    }

    #close .closeTxtAre-title{
    font-size: 26px;
    margin-bottom: 20px;
}

    #close .closeTxtAre-sub{
        font-size: 16px;
    }
}



/*フッター
-------------------------------------*/
#close .footerCont-link{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    font-size: 16px;
}

#close .copyright{
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 540px){
    #close .footerCont-link{
        font-size: 14px;
    }
}