@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

//カラー指定
$color-main: #000000;

//共通
.inner {
	width: 83%;
	margin: 0 auto;
	@include md {
		width: 90%;
	}
	@include sm {
		width: 100%;
	}
}

//header
.site-header {
}

//footer
.site-footer {
}

//ul-header
#ul-header {
}

/* トップへ戻るボタン */
#page-top {
    position: fixed;
    bottom: 0;
    right: 0;
	margin-bottom: 0;
	background-color: #fff;
	a {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #A0A0A0;
		text-decoration: none;
		color: #fff;
		width: 65px;
		height: 65px;
		transition: 0.3s;
		&:hover {
			opacity: 0.7;
		}
		img {
			width: 22px;
			height: 14px;
		}
	}
}