.js-fade-up {
    opacity: 0;
    transform: translateY(80px);
    transition: opacity 2.6s, transform 1s;
}
.js-fade-in {
    opacity: 0;
    transition: opacity 1s;
}
.inview {
    opacity: 1;
    transform: translateY(0px);
}

.effect-btn__shadow {
    padding: 2px 10px;
    border: solid 1px #000;
    display: flex;
    transition: all .3s;
    width: 124px;
    color: #000;
    position: relative;
    z-index: 100;
    font-weight: 300;
    font-size: .12rem;
}
  
  /* .effect-btn__shadow:hover{
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.4);
    
  } */
  
  .effect-btn__shadow span{
    position: relative;
  }

.effect-btn__shadow span::after {
    content: '';
    position: absolute;
    width: 117px;
    height: 7px;
    left: 8px;
    top: 11px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: skew(45deg);
    transition: .3s;
  }
  
  .effect-btn__shadow:hover span::after{
    width: 150px;
  }


  .effect-animation-loop-wrapper{
    overflow: hidden;
    position: relative;
    width:100%;
  }
.effect-animation-loop {
    animation: loop 13s linear infinite;
    width: 100%;
    font-size: .79rem;
    color: #ede7e0;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    white-space: nowrap;
    letter-spacing: .3em;
    line-height: 1;
    margin-bottom: 22px;
}
  
  @keyframes loop {
    0%{
      transform: translateX(100%);
    }
    100%{
      transform: translateX(-230%);
    }
  }



  /* リンクコンテンツ */


.top-link {
    margin-bottom: 126px;
    margin-top: 130px;
}
.top-link-kawakamimura-contents >div a,
.top-link__contact > div a{
  width: 300px;
  max-width: 100%;
  position: relative;
  /* padding: 9px 18px; */
  padding: 6px 6px;
  color: #000;
  display: block;
}



.top-link-kawakamimura-contents{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1040px;
  max-width: 100%;
  margin: 0 auto 5px;
  align-items: center;
  padding:0 20px;
}

.top-link-kawakamimura-contents > div{
  margin-bottom: 50px;
}


.top-link-kawakamimura-contents >div a::before,
.top-link-kawakamimura-contents >div a::after,
.top-link__contact > div::after,
.top-link__contact > div::before {
  position: absolute;
  top: -3px;
  width: 28px;
  height: 100%;
  content: '';
  border-top: solid 1px;
  border-bottom: solid 1px;
  z-index: -1;
  margin:  auto;
}

.top-link-kawakamimura-contents >div a::before,
.top-link__contact > div::before {
  border-left: solid 1px;
  left: 0;
  top: 0;
  bottom: 0;
}

.top-link-kawakamimura-contents >div a::after,
.top-link__contact > div::after {
  border-right: solid 1px;
  right: 0;
  top: 0;
  bottom: 0;
}

.top-link__contact {
  width: 1000px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}

.top-link__contact > div{
  width: 300px;
  position: relative;
}

.top-link__contact > div a{
  background-color: #EDE6DF;
  text-align: center;
  margin-bottom: 20px;
  width: 285px;
  margin: 0 auto 0;
  font-size: .16rem;
  font-weight: 500;
  padding: 8px 0px;
}

.top-link__contact > div:nth-of-type(4){
  margin: 0 auto;
}

.top-link__contact > div::after,
.top-link__contact > div::before {
  height: 60px;
}

  @media screen and (max-width: 768px){
  	.effect-btn__shadow{
      padding: 3px 10px;
	}
    .effect-btn__shadow span::after {
      left: 12px;
      top: 8px;
  }

  .top-link-kawakamimura-contents{
    flex-wrap: wrap;
}
.top-link-kawakamimura-contents > div{
    margin: 0 auto 24px;
}

.top-link-kawakamimura-contents{
    margin: 0 auto 6px;
}

.top-link__contact{
    display: block;
}

.top-link__contact > div {
    margin: 0 auto 37px;
}
.top-products {
    margin: 0 auto 74px;
}

.top-link {
    margin-bottom: 95px;
    margin-top: 120px;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


@media screen and (max-width: 700px) {

	.fixfoot {
		opacity:0;
		pointer-events: none;
	    transition: 0.7s;
		bottom:0;
	}
	.fixfoot-scroll{
		opacity:1;
		pointer-events: auto;
	}
	.fixfoot-active{
		bottom:-47vw;
	    transition: 0.7s;
		opacity:0;
		pointer-events: none;
	}
	.is-campaign_banner-trasition{
	    transition: 0.7s;
	}

}

	
	
	
}