/* ■TOPへ戻る■http://chocobanditz.com/blog/side-dock_page-top_page-bottom_link-button */

#side-dock {
	display:block;
	list-style:none;
	margin: 0 0 0 0;
	position: fixed; /*�@←1*/
	bottom: 20px; /*←�A-1*/
	right: 10px;  /*←�A-2*/
	z-index: 99998; /*←�B*/
	
	text-decoration: none;
	overflow: hidden;	
}

#side-dock li {padding:0 0 0 10px 0;}

#side-dock li a img {
	margin: 0 0 0px 0px; /*←�D*/
	opacity: 0.6;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#side-dock li a img:hover {
	margin: 0 0 0px 0px; /*←�D*/
	opacity: 0.95;
}



/* ■フォントの指定■ */
body {
  /* body中身を画面サイズに左右されずに中央配置 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;


    font-size:		13px;
    font-family:	Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color:		#333;
    line-height:	1.7;
    margin-bottom:	0em;
    font-weight:	normal;
    letter-spacing:	2px;
}

.14 {    font-size:	15px;}

h3 {
   text-decoration:	none;
   border-bottom:	1px solid black;
   padding-bottom:	2px;
   width:		90%;
}

a {transition:color .3s;}

a:link { color: #0000b0; }
a:visited { color: #0000b0; }
a:hover { color: #999; }
a:active { color: #999; }



/* ■背景■ */
body {
   background-color: #ffffff;
   background-repeat: no-repeat;
   background-attachment: fixed;
   width:100vh;
 }
table td {background:rgba(255,255,255,1); opacity:1;}

.all {background:rgba(255,255,255,0.95);}
.all2 {background:rgba(255,255,255,0.95);}
.all3 {background:rgba(255,255,255,0);}

body {
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
      
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #ffffff;
}



/* ■ページ全体をフェードイン■ */

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* ■細い四角■ */
.left_border {
	font-size: 		16px;
	border-left: 	8px solid #333;
	letter-spacing:	0px;
	margin-bottom:	0em;
	line-height:	0;
}






/* ■閉じるボタン■ */
.toziru {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.toziru::before,
.toziru::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.toziru,
.toziru::before,
.toziru::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.toziru {
	background-color: #333;
	color: #fff;
}
.toziru:hover {
	background-color: #bbb;
}