






.eztop { 
}



.ezgure { 
    width: 100%; 
    height:auto;
    filter: grayscale(100%);

}




/* 右下トップ動き */



.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;


    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}




/* cssポイント */

/* classは何度も使える。 */
/* h1 { color: red; }　h1要素に対して指定 */
/* idは1回だけ。*/
/* h1 { color: red; }　h1要素に対して指定 */


* 例 */
/* h1 { color: red; }　h1要素に対して指定 */
/* h1, h2 { color: red; } h1 と h2要素に対して指定 */
/* ul li { color: red; } <ul>〜</ul> の中にある <li>要素(リスト）に対して指定 */
/* .sample { color: red; } class="sample" を持つ要素に対して指定 */
/* #sample { color: red; } id="sample" を持つ要素に対して指定 */
/* h1.sample { color: red; } class="sample" を持つ div要素に対して指定 */
/* a:link { color: red; } <a href="..."> のリンク(未訪問)に対して指定 */



/*  */
/* htmlにスタイル入れる時の方法１ */
/* <head> */
/* <style type="text/css"> */
/* .example1 { color: red; } */
/* </style> */
/* <head> */

/*  */
/* htmlにスタイル入れる時の方法２ */
/* <p style="color:blue; ">段落となります。</p> */

/*  */
/* htmlにスタイル入れる時の方法３ */
/*  <link rel="stylesheet" type="text/css" href="style.css" /> */
