@charset "utf-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*{
    background-image: url(url);
}

img{
    vertical-align: middle;
}

.u {
  text-decoration: underline;
}

a img {
    transition: filter 0.3s ease;
}

a:hover img {
    filter: brightness(1.1);
}


/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #333333;
	text-decoration: none;
	transition : all 0.5s;
 /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
    color: #333333;
    text-decoration: underline;
    text-align: center;
}


a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
    font-size: auto;
    color: #a07940;
    text-decoration: none;
    text-align: center;
}


body, html, main {
    height: 100px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 27px;
    border-bottom-style: none;
    width: 100%;
    color: #EEEEEE;
    background-color: #FFFFFF; /* 背景カラー */
    background-position: 0% 0%;
} 

/* ＝＝＝＝＝＝　ページ遷移時にフワッとフェイドイン・フェイドアウト　ここから　＝＝＝＝＝＝ */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#FFFFFF; /* 背景カラー */
  z-index: 9999; /* 一番手前に */
  pointer-events: none; /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0; /* 初期値では非表示 */
  -webkit-transition: opacity .8s ease; /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}
/*body要素に.fadeoutセレクタがある場合には、レイヤーが表示されるようにopacityを１に設定します。*/
body.fade::after {
  opacity: 1;
}
/* ＝＝＝＝＝＝　ページ遷移時にフワッとフェイドイン・フェイドアウト　ここまで　＝＝＝＝＝＝ */


/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}

p {
	padding-right: 0px;
	padding-left: 0px;
}

.gotop {
    width: 80px;
    opacity: 1;
    clear: right;
    float: right;
}	

#pagetop {
    position: fixed;
    bottom: 50px;
    width: 80px;
    overflow: auto;
    z-index: 10;
    height: 57px;
    text-align: center;
    float: right;
}