/*
Theme Name: 賢威8.0（子テーマ）
Theme URI: https://rider-store.jp/keni/
Author: 株式会社ウェブライダー
Author URI: https://web-rider.jp/
Description: 賢威8.0 子テーマです。
Version: 8.0.0.0
Template: keni8
*/

span,ul,li {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
	background:transparent;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-text-size-adjust:100%
}

ul {
	list-style:none
}
a {
	color:#0c0c0c;
	text-decoration:none;
}

body{
  background:#f4f4f4;
  color:#0c0c0c;
}

.siteFooter__main {
	z-index:50
}
.siteFooter__main__nav::after {
	z-index:-1
}

.siteFooter {
	position:relative;
	background-color:#0c0c0c
}
@media screen and (min-width: 769px){
	.siteFooter {
		padding-top:45px;
		padding-bottom:50px
	}
}
@media screen and (max-width: 768px){
	.siteFooter {
		padding-top:45px;
		padding-bottom:46px
	}
}

.siteFooter__mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	background:url(https://grove.tokyo/media/wp-content/themes/keni8/images/digitalMask.png);
	background-repeat:repeat
}

.siteFooter__main {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
@media screen and (min-width: 769px){
	.siteFooter__main>.logoPC {
		margin-bottom:40px;
		width:120px;
		height:105px
	}
	.siteFooter__main>.logoPC svg {
		width:120px;
		height:105px
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main>.logoPC {
		display:none
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main>.logoSP {
		display:none
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main>.logoSP {
		margin-bottom:31px;
		width:170px;
		height:28px
	}
	.siteFooter__main>.logoSP svg {
		width:170px;
		height:28px
	}
}

@media screen and (min-width: 769px){
	.siteFooter__main__nav {
		overflow:hidden;
		position:relative;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		width:280px;
		margin-bottom:48px
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__nav {
		display:none
	}
}

.siteFooter__main__nav__list:nth-child(1) {
	margin-right:auto
}
.siteFooter__main__nav__list:nth-child(2) {
	margin-right:auto
}

.siteFooter__main__nav__list__link {
	padding-top:14px;
	padding-bottom:14px;
	border-bottom:1px solid transparent;
	font-weight:700;
	letter-spacing:0.125em;
	font-family:"Roboto Condensed",sans-serif;
	color:#fff;
	text-decoration:none;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-image:-webkit-gradient(linear, left top, right top, from(#c8161d), color-stop(50%, #c8161d), color-stop(50%, #fff));
	background-image:linear-gradient(to right, #c8161d, #c8161d 50%, #fff 50%);
	background-size:200% 100%;
	background-position:100%
}
@media screen and (min-width: 769px){
	.siteFooter__main__nav__list__link {
		font-size:15px;
		font-size:1.5rem
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__nav__list__link {
		font-size:25px;
		font-size:2.5rem
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main__nav__list__link {
		-webkit-transition:.3s;
		transition:.3s
	}
}

.siteFooter__main__nav__list__link__line,
.siteFooter__main__nav__list__link__line-01,
.siteFooter__main__nav__list__link__line-02,
.siteFooter__main__nav__list__link__line-03 {
	position:relative;
	display:block;
	width:150%;
	height:1px;
	background-color:#acacac;
	margin-top:14px
}
.siteFooter__main__nav__list__link__line::after,
.siteFooter__main__nav__list__link__line-01::after,
.siteFooter__main__nav__list__link__line-02::after,
.siteFooter__main__nav__list__link__line-03::after {
	content:'';
	position:absolute;
	left:0;
	width:0;
	height:1px;
	background-color:#c8161d;
	-webkit-transition:.3s;
	transition:.3s
}

.siteFooter__main__info {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
@media screen and (min-width: 769px){
	.siteFooter__main__info {
		margin-bottom:20px
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__info {
		margin-bottom:33px
	}
}

.siteFooter__main__info__link {
	font-family:"Roboto Condensed",sans-serif;
	color:#fff
}
@media screen and (min-width: 769px){
	.siteFooter__main__info__link {
		font-size:14px;
		font-size:1.4rem
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__info__link {
		font-size:10px;
		font-size:1rem
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main__info__link {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		letter-spacing:0.05em
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	.siteFooter__main__info__link {
		-webkit-transition:.3s;
		transition:.3s
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__info__link {
		color:#868686;
		letter-spacing:0.15em
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main__info__link::before {
		content:'';
		display:block;
		width:0;
		height:0;
		margin-right:4px;
		border-style:solid;
		border-width:3px 0 3px 4px;
		border-color:transparent transparent transparent #fff
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	.siteFooter__main__info__link::before {
		-webkit-transition:.3s;
		transition:.3s
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__info__link::before {
		display:none
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main__info__link:first-child {
		margin-right:20px
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__info__link:first-child {
		margin-right:16px
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main__info__link:hover {
		color:#c8161d
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	.siteFooter__main__info__link:hover {
		-webkit-transition:.3s;
		transition:.3s
	}
}
@media screen and (min-width: 769px){
	.siteFooter__main__info__link:hover::before {
		border-color:transparent transparent transparent #c8161d
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	.siteFooter__main__info__link:hover::before {
		-webkit-transition:.3s;
		transition:.3s
	}
}

.siteFooter__main__copyRight {
	font-family:"Roboto Condensed",sans-serif;
	color:#fff
}
@media screen and (min-width: 769px){
	.siteFooter__main__copyRight {
		font-size:13px;
		font-size:1.3rem
	}
}
@media screen and (max-width: 768px){
	.siteFooter__main__copyRight {
		font-size:9px;
		font-size:.9rem
	}
}
@media screen and (max-width: 768px){
		.siteFooter__main__copyRight {
		letter-spacing:0.05em
		font-weight:700;
		}
}
@media screen and (max-width: 768px){
		.siteFooter__main__copyRight {
		letter-spacing:0.2em
	}
}

_:-ms-lang(x)::-ms-backdrop,.siteFooter__main__nav__list__link {
	position:relative;
	padding-top:14px;
	padding-bottom:14px;
	border-bottom:2px solid transparent;
	font-weight:700;
	letter-spacing:0.125em;
	background-image:none;
	font-family:"Roboto Condensed",sans-serif;
	color:#fff
}
@media screen and (min-width: 769px){
	_:-ms-lang(x)::-ms-backdrop,.siteFooter__main__nav__list__link {
		font-size:15px;
		font-size:1.5rem
	}
}
@media screen and (max-width: 768px){
	_:-ms-lang(x)::-ms-backdrop,.siteFooter__main__nav__list__link {
		font-size:25px;
		font-size:2.5rem
	}
}
_:-ms-lang(x)::-ms-backdrop,.siteFooter__main__nav__list__link:hover {
	color:#c8161d
}
@media screen and (min-width: 769px){
	_:-ms-lang(x)::-ms-backdrop,.siteFooter__main__nav__list__link:hover {
		-webkit-transition:.3s;
		transition:.3s
	}
}
@media screen and (min-width: 769px){
	html.no-touch .siteFooter__main__nav__list__link:hover {
		-webkit-transition:all 0.3s cubic-bezier(0, 0, 0.23, 1);
		transition:all 0.3s cubic-bezier(0, 0, 0.23, 1);
		background-position:0%
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	html.no-touch .siteFooter__main__nav__list__link:hover {
		-webkit-transition:.3s;
		transition:.3s
	}
}
@media screen and (min-width: 769px){
	html.no-touch .siteFooter__main__nav__list__link:hover .siteFooter__main__nav__list__link__line-01::after {
		width:64%
	}
	html.no-touch .siteFooter__main__nav__list__link:hover .siteFooter__main__nav__list__link__line-02::after {
		width:65%
	}
	html.no-touch .siteFooter__main__nav__list__link:hover .siteFooter__main__nav__list__link__line-03::after	{
		width:75%
	}
	html.no-touch .siteFooter__main__info__link:hover {
		color:#c8161d
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	html.no-touch .siteFooter__main__info__link:hover {
		-webkit-transition:.3s;
		transition:.3s
	}
}
@media screen and (min-width: 769px){
	html.no-touch .siteFooter__main__info__link:hover::before {
		border-color:transparent transparent transparent #c8161d
	}
}
@media screen and (min-width: 769px) and (min-width: 769px){
	html.no-touch .siteFooter__main__info__link:hover::before {
		-webkit-transition:.3s;
		transition:.3s
	}
}