@charset "UTF-8";

/* base
--------------------------- */
html {
  font-size: 62.5%;
  min-width: 768px;
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
button { cursor: pointer; transition: all .2s ease-in-out;}

/* footer
--------------------------- */
footer {
  width: 100%;
  text-align: center;
  background: url(../images/bg.gif) center top;
}
footer p { line-height: 4rem;}

/* WebFontの呼び出し
--------------------------- */
@font-face {
   font-family: Roboto;
   src: url('../fonts/Roboto/Roboto-Light.ttf') format("truetype");
}

/* clearfix （Floatバグ回避用）
--------------------------- */
.clearfix:after { content: ""; display: block; clear: both; }

/* toTop
--------------------------- */
#dgToTop {
	position:fixed;
	right:5%;
	bottom:3%;
	opacity:0;
	z-index:9999;
	text-align:center;
	transition: all 0.4s ease-in-out;
}
.dg-totop #dgToTop {
	bottom:2%;
	opacity:1;
}
#dgToTop a {
	display:block;
	width:60px;
	height:60px;
  color:rgba(41,49,47,0.8);
	text-decoration:none;
	border-radius:50%;
	background-color:rgba(255,255,255,0.5);
	box-shadow:0 3px 5px rgba(0,0,0,0.2);
  cursor:default;
}
.to-top-on #toTop a { cursor:pointer;}
#dgToTop a:hover {background-color:rgba(255,255,255,0.8);}
#dgPos {
	position:absolute;
	left:-9999px;
	top:-9999px;
	height:0;
	visibility:hidden;
}


/*タブレットに適用するスタイル*/
@media screen and (min-width:960px) {
  
}
/*PCに適用するスタイル*/
@media screen and (min-width:1200px) {
  
}