@charset "utf-8";

/*====================================================================================================

  Layout

====================================================================================================*/

body {
  background:url(../image/pattern/bg.jpg) repeat center top;
}

.lo {
  min-height:100vh;
  position:relative;
}


/*----------------------------------------------------------------------------------------------------

  1. Header
  
----------------------------------------------------------------------------------------------------*/

header {
  background:url(../image/pattern/bg_dgreen.jpg) repeat center top;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:#fff;
  box-shadow:0 -5px 10px 5px rgba(28,24,20,0.15);
}

header a,
header a:visited,
header a:hover,
.ua-pc header a:hover { color:#fff; text-decoration:none; }

header ul {
  list-style:none;
}


@media print,screen and (min-width:641px) {
  header { height:65px; }
  
  header.slide {
    width:100%;
    min-width:1000px;
    position:fixed;
    left:0;
    top:0;
    z-index:100;
  }
  
  header.slide.set-ani {
    transform:translateY(-100%);
  }
  
  header.slide.set-ani.is-in {
    animation:slideHd-in 0.4s forwards;
  }
  
  header.slide.is-out {
    animation:slideHd-out 0.4s forwards;
  }
}

@media screen and (max-width:640px) {
  header.slide { display:none; }
}

@keyframes slideHd-in {
  0% {
    transform:translateY(-100%);
  }
  100% {
    transform:translateY(0);
  }
}

@keyframes slideHd-out {
  0% {
    transform:translateY(0);
  }
  100% {
    transform:translateY(-100%);
  }
}


/*--------------------------------------------------------------------------------
  logo
--------------------------------------------------------------------------------*/

.l-hdLogo {  
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:auto;
  line-height:1;
  padding:0 1.5rem;
}

.l-hdLogo a {
  font-size:1.22em;
  height:100%;
  display:block;
  background:url(../image/logo.svg) no-repeat left center;
  background-size:contain;
}

.l-hdLogo a span {
  display:block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

.l-hdLogo .est {
  text-align:left;
  display:inline-block;
  margin-left:0.75em;
  margin-top:0.75em;
  font-size:0.7em;
  font-weight:400;
}

@media screen and (max-width:640px) {
  .l-hdLogo a {
    font-size:1.11em;
  }
}

@media screen and (max-width:480px) {
  .l-hdLogo .est {
    font-size:2.2vw;
  }
  
  .l-hdLogo a {
    font-size:1em;
  }
}


/*--------------------------------------------------------------------------------
  nav
--------------------------------------------------------------------------------*/

.l-hdNav li a {
  transition:opacity 0.2s ease-out;
  line-height:1.2;
}
  
.ua-pc .l-hdNav li a:hover {
  opacity:0.6;
}

@media print,screen and (min-width:641px) {
  .l-hdNav-wrap,
  .l-hdNav,
  .l-gNav-item,
  .l-hdNav ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  
  .l-gNav-item,
  .l-hdNav,
  .l-hdNav ul,
  .l-hdNav li {
    height:100%;
  }

  .l-hdNav ul {
    padding-right:1rem;
  }
  
  .l-hdNav li {
    height:100%;
    position:relative;
    display:table;
  }
  
  .l-hdNav li a {
    height:100%;
    padding:0.5em 0.75em;
    display:table-cell;
    vertical-align:middle;
  }
  
  .l-hdNav li a.tokutei {
    font-size:0.88em;
  }
}

@media print,screen and (min-width:1400px) {
  .l-hdNav li a.tokutei br {
    display:none;
  }
}

@media screen and (max-width:640px) {
  html.is-gNavOpen {
    overflow-y:hidden;
  }
  
  .l-hdNav-wrap {
    background:url(../image/pattern/bg_dgreen.jpg) repeat center top;
    display:none;
    pointer-events:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:199;
    padding-top:3.5em; /* .gNavBtn の分 */
  }
  
  .l-hdNav {
    pointer-events:auto;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:1.1em;
  }
  
  .l-gNav-item {
    display:none;
    width:100%;
    overflow-y:auto;
  }
  
  .l-gNav-item:after {
    content:"";
    width:100%;
    height:3.5em;
    display:block;
  }
  
  .l-hdNav ul {
    padding-bottom:1.5em;
    font-size:1.1em;
  }
  
  .l-hdNav li a {
    display:block;
    padding:0.75em;
  }
}


/*--------------------------------------------------------------------------------
  tel
--------------------------------------------------------------------------------*/

.l-hdNav-tel {
  line-height:1.4;
}
  
.l-hdNav-tel .p-icon {
  font-size:1.2em;
}

.l-hdTel__open {
  display:block;
  font-size:0.625em;
  padding-bottom:0.5em;
}

@media print,screen and (min-width:641px) {
  .l-hdNav-tel {
    height:100%;
    border-left:1px solid rgba(255,255,255,0.15);
    padding-left:1.4rem;
    padding-right:1.4rem;
  }
  
  .l-hdNav-tel,
  .l-hdNav-tel a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .l-hdNav-tel a {
    width:100%;
    height:100%;
    flex-direction:column;
  }
}

@media screen and (max-width:640px) {
  .l-hdNav-tel {
    font-size:1.44em;
  }
  
  .l-hdTel__open {
    padding-top:0.5em;
  }
}


/*--------------------------------------------------------------------------------
  SP nav button
--------------------------------------------------------------------------------*/

.l-gNavBtn-wrap {
  width:100%;
  pointer-events:none;
  position:fixed;
  top:0;
  left:0;
  z-index:200;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}

.l-gNavBtn {
  pointer-events:auto;
  cursor:pointer;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

@media print,screen and (min-width:641px) {
  .l-gNavBtn {
    display:none;
  }
}

@media screen and (max-width:640px) {
  .l-gNavBtn-wrap {
    min-width:320px;
  }
  
  html.is-gNavOpen .l-gNavBtn-wrap {
    pointer-events:auto;
  }
}

.l-gNavBtn {
  width:3.5em;
  height:3.5em;
  background-color:#fff;
}

html.is-gNavOpen .l-gNavBtn {
  background-color:transparent;
}

.l-gNavBtn__icon,
.l-gNavBtn__icon span,
.l-gNavBtn__icon span:before,
.l-gNavBtn__icon span:after {
  display:inline-block;
}
  
.l-gNavBtn__icon {
  position:relative;
  width:20px;
  height:16px;
  transition:all 0.3s ease-out;
}
      
.l-gNavBtn__icon span {
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  transition:all 0.3s ease-out;
}

.l-gNavBtn__icon span,
.l-gNavBtn.is-close .l-gNavBtn__icon span {
  background-color:#50823c;
}

html.is-gNavOpen .l-gNavBtn__icon span,
html.is-gNavOpen .l-gNavBtn.is-close .l-gNavBtn__icon span {
  background-color:#fff;
}
  
.l-gNavBtn__icon span:nth-of-type(1) {
  top:0;
}
.l-gNavBtn__icon span:nth-of-type(2) {
  top:7px;
}
.l-gNavBtn__icon span:nth-of-type(3) {
  bottom:0;
}

.l-gNavBtn.is-aniSet .l-gNavBtn__icon span:nth-of-type(1) {
  -webkit-animation:navBtn01 0.4s forwards;
  animation:navBtn01 0.4s forwards;
}
  
.l-gNavBtn.is-aniSet .l-gNavBtn__icon span:nth-of-type(2) {
  transition:opacity 0.2s 0.2s;
  opacity:1;
} 
    
.l-gNavBtn.is-aniSet .l-gNavBtn__icon span:nth-of-type(3) {
  -webkit-animation:navBtn02 0.4s forwards;
  animation:navBtn02 0.4s forwards;
}
    
.l-gNavBtn.is-close .l-gNavBtn__icon span:nth-of-type(1) {
  -webkit-animation:active-navBtn01 0.4s forwards;
  animation:active-navBtn01 0.4s forwards;
}
 
.l-gNavBtn.is-close .l-gNavBtn__icon span:nth-of-type(2) {
  opacity:0;
}
    
.l-gNavBtn.is-close .l-gNavBtn__icon span:nth-of-type(3) {
  -webkit-animation:active-navBtn03 0.4s forwards;
  animation:active-navBtn03 0.4s forwards;
}

html.is-gNavOpen .l-gNavBtn:not(.is-aniSet) .l-gNavBtn__icon span:nth-of-type(1) {
  transform:translateY(7px) rotate(45deg);
  animation:none;
}
      
html.is-gNavOpen .l-gNavBtn:not(.is-aniSet) .l-gNavBtn__icon span:nth-of-type(3) {
  transform:translateY(-7px) rotate(-45deg);
  animation:none;
}

@media screen and (max-width:400px) {
  .l-gNavBtn__icon {
    position:relative;
    width:16px;
    height:14px;
  }
  
  .l-gNavBtn__icon span:nth-of-type(2) {
    top:6px;
  }

  .l-gNavBtn.is-aniSet .l-gNavBtn__icon span:nth-of-type(1) {
    animation:navBtn01--s 0.4s forwards;
  }
      
  .l-gNavBtn.is-aniSet .l-gNavBtn__icon span:nth-of-type(3) {
    animation:navBtn02--s 0.4s forwards;
  }
      
  .l-gNavBtn.is-close .l-gNavBtn__icon span:nth-of-type(1) {
    animation:active-navBtn01--s 0.4s forwards;
  }
      
  .l-gNavBtn.is-close .l-gNavBtn__icon span:nth-of-type(3) {
    animation:active-navBtn03--s 0.4s forwards;
  }
  
  html.is-gNavOpen .l-gNavBtn:not(.is-aniSet) .l-gNavBtn__icon span:nth-of-type(1) {
    transform:translateY(6px) rotate(45deg);
    animation:none;
  }
      
  html.is-gNavOpen .l-gNavBtn:not(.is-aniSet) .l-gNavBtn__icon span:nth-of-type(3) {
    transform:translateY(-6px) rotate(-45deg);
    animation:none;
  }
}

@keyframes navBtn01 {
  0% {
    transform:translateY(7px) rotate(45deg);
  }
  50% {
    transform:translateY(7px) rotate(0);
  }
  100% {
    transform:translateY(0) rotate(0);
  }
}
@keyframes navBtn02 {
  0% {
    transform:translateY(-7px) rotate(-45deg);
  }
  50% {
    transform:translateY(-7px) rotate(0);
  }
  100% {
    transform:translateY(0) rotate(0);
  }
}
@keyframes active-navBtn01 {
  0% {
    transform:translateY(0) rotate(0);
  }
  50% {
    transform:translateY(7px) rotate(0);
  }
  100% {
    transform:translateY(7px) rotate(45deg);
  }
}
@keyframes active-navBtn03 {
  0% {
    transform:translateY(0) rotate(0);
  }
  50% {
    transform:translateY(-7px) rotate(0);
  }
  100% {
    transform:translateY(-7px) rotate(-45deg);
  }
}

@keyframes navBtn01--s {
  0% {
    transform:translateY(6px) rotate(45deg);
  }
  50% {
    transform:translateY(6px) rotate(0);
  }
  100% {
    transform:translateY(0) rotate(0);
  }
}
@keyframes navBtn02--s {
  0% {
    transform:translateY(-6px) rotate(-45deg);
  }
  50% {
    transform:translateY(-6px) rotate(0);
  }
  100% {
    transform:translateY(0) rotate(0);
  }
}
@keyframes active-navBtn01--s {
  0% {
    transform:translateY(0) rotate(0);
  }
  50% {
    transform:translateY(6px) rotate(0);
  }
  100% {
    transform:translateY(6px) rotate(45deg);
  }
}
@keyframes active-navBtn03--s {
  0% {
    transform:translateY(0) rotate(0);
  }
  50% {
    transform:translateY(-6px) rotate(0);
  }
  100% {
    transform:translateY(-6px) rotate(-45deg);
  }
}


/*--------------------------------------------------------------------------------
  cart
--------------------------------------------------------------------------------*/

.l-hdCart {
  background:url(../image/pattern/bg_gold.jpg) repeat center top;
  line-height:1;
  position:relative;
}

.l-hdCart a {
  width:100%;
  height:100%;
  transition:background 0.2s ease-out;
}
  
.ua-pc .l-hdCart a:hover {
  background-color:#d7b94b;
}

.l-hdCart,
.l-hdCart a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.l-hdCart__txt {
  display:block;
  font-size:0.5em;
}

.l-hdCart__itemsu {
  position:absolute;
  right:0.75rem;
  top:0.75rem;
  text-align:center;
  background-color:#bf2845;
  padding:0 0.5em;
  font-size:0.6em;
  min-width:1.6em;
  min-height:1.6em;
  line-height:1.5em;
  border-radius:0.8em;
}

@media print,screen and (min-width:641px) {
  .l-hdCart a {
    padding:0.8rem 1.6rem 1.4rem 1.6rem;
    flex-direction:column;
  }
  
  .l-hdCart .p-icon {
    font-size:1.3em;
  }
  
  .l-hdCart .p-icon:before {
    margin-bottom:0.2em;
  }
}

@media screen and (max-width:640px) {
  .l-hdCart {
    width:3.5em;
    height:3.5em;
    margin-right:3.5em; /* .gNavBtn の分*/
  }
  
  .l-hdCart a {
    padding-top:0.15em;
  }
  
  .l-hdCart .p-icon {
    font-size:1.5em;
  }
  
  .l-hdCart__txt {
    display:none;
  }
}


/*----------------------------------------------------------------------------------------------------

  2. Contents
  
----------------------------------------------------------------------------------------------------*/

.l-contBlock {
  max-width:1260px;
  margin-left:auto;
  margin-right:auto;
}

@media print,screen and (min-width:641px) {
  .l-contBlock {
    padding-left:40px;
    padding-right:40px;
  }
}

@media screen and (max-width:640px) {
  .l-contBlock {
    padding-left:1.5em;
    padding-right:1.5em;
  }
}


/*--------------------------------------------------------------------------------
  ページ見出し
--------------------------------------------------------------------------------*/

.l-pgTtl {
  position:relative;
}

.l-pgTtl__txt {
  width:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}

.l-pgTtl:after {
  content:"";
  display:block;
  width:100%;
  background:url(../image/icon/sayagata.svg) no-repeat center center;
  background-size:contain;
}

@media print,screen and (min-width:641px) {
  .l-pgTtl {
    margin-top:90px;
    margin-bottom:80px;
  }
  
  .l-pgTtl__txt {
    margin-bottom:40px;
    height:2.2em;
  }
  
  .l-pgTtl:after {
    height:35px;
  }
}

@media screen and (max-width:640px) {
  .l-pgTtl {
    margin-top:3.5em;
    margin-bottom:3em;
  }
  
  .l-pgTtl__txt {
    margin-bottom:1.5em;
    height:1.8em;
  }
  
  .l-pgTtl:after {
    height:1.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  3. Footer
  
----------------------------------------------------------------------------------------------------*/

footer {
  width:100%;
  background:url(../image/pattern/bg_black.jpg) repeat center top;
  color:#fff;
  position:absolute;
  bottom:0;
}

footer a,
footer a:visited,
footer a:hover,
.ua-pc footer a:hover { color:#fff; text-decoration:none; }

footer ul {
  list-style:none;
}

.l-ftLo {
  position:relative;
}

@media print,screen and (min-width:641px) {
  .l-ftLo {
    padding-top:80px;
    padding-bottom:80px;
    padding-left:40px;
    padding-right:40px;
  }
  
  .l-ft {
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:left;
    position:relative;
  }
}

@media screen and (max-width:640px) {
  .l-ftLo {
    padding:3.5em 1.5em;
  }
}


/*--------------------------------------------------------------------------------
  logo
--------------------------------------------------------------------------------*/

.l-ftLogo {
  line-height:1;
  text-align:center;
}

.l-ftLogo a {
  display:inline-block;
  background:url(../image/logo2.svg) no-repeat left center;
  background-size:contain;
}

.l-ftLogo span {
  display:block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

@media print,screen and (min-width:641px) {
  .l-ftLogo a {
    width:240px;
    height:70px;
  }
}

@media screen and (min-width:561px) and (max-width:640px) {
  .l-ftLogo a {
    width:220px;
    height:60px;
  }
}

@media screen and (max-width:560px) {
  .l-ftLogo a {
    width:-webkit-calc(220 / 560 *100vw);
    height:-webkit-calc(60 / 560 *100vw);
    width:calc(220 / 560 *100vw);
    height:calc(60 / 560 *100vw);
    min-width:180px;
    min-height:50px;
  }
}


/*--------------------------------------------------------------------------------
  nav
--------------------------------------------------------------------------------*/

.l-ftNavList li a {
  transition:opacity 0.2s ease-out;
}
  
.ua-pc .l-ftNavList li a:hover {
  opacity:0.6;
}

@media print,screen and (min-width:641px) {
  .l-ftNavList li a {
    display:inline-block;
    padding:0.5em 0;
  }
}

@media screen and (max-width:640px) {
  .l-ftNavList {
    padding-top:2.75em;
  }

  .l-ftNavList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-1.5em;
    margin-right:-1.5em;
  }
  
  .l-ftNavList li {
    width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  
  .l-ftNavList li:nth-child(n+3) {
    margin-top:1.5em;
  }
  
  .l-ftNavList li:nth-child(even) {
    border-left:1px solid rgba(255,255,255,0.15);
  }
  
  .l-ftNavList li a {
    display:block;
    line-height:1.4;
    padding:0 1.5em;
  }
}


/*--------------------------------------------------------------------------------
  shop info
--------------------------------------------------------------------------------*/

.l-ftShopinfo-tel {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.l-ftShopinfo address {
  font-size:0.88em;
}

@media print,screen and (min-width:641px) {
  .l-ftShopinfo {
    padding-top:0.5em;
  }

  .l-ftShopinfo-tel li:not(:first-child) {
    padding-left:1.5em;
  }
  
  .l-ftShopinfo-open {
    font-size:0.77em;
  }
  
  .l-ftShopinfo address {
    padding-top:3em;
  }
  
  .l-ftShopinfo-addressBtn {
    display:inline-block;
    margin-left:2em;
    font-size:0.88em;
  }
}

@media screen and (max-width:640px) {
  .l-ftShopinfo {
    padding-top:2.25em;
  }
  
  .l-ftShopinfo-tel {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-0.5em;
    margin-right:-0.5em;
  }
  
  .l-ftShopinfo-tel li {
    padding:0 0.5em;
  }
  
  .l-ftShopinfo-open {
    font-size:0.88em;
  }
  
  .l-ftShopinfo address {
    padding-top:2em;
  }
  
  .l-ftShopinfo-addressBtn {
    display:block;
    padding-top:2em;
  }
}

/* SNS */
.l-ftShopinfo-sns {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  list-style:none;
  padding-top:2.5em;
}

.l-ftShopinfo-sns li a {
  transition:opacity 0.2s ease-out;
}
  
.ua-pc .l-ftShopinfo-sns li a:hover {
  opacity:0.6;
}

@media print,screen and (min-width:641px) {
  .l-ftShopinfo-sns {
    font-size:0.9em;
  }
  
  .l-ftShopinfo-sns li:not(:first-child) {
    padding-left:2.5em;
  }
}

@media screen and (max-width:640px) {
  .l-ftShopinfo-sns {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  .l-ftShopinfo-sns li {
    padding-left:1.25em;
    padding-right:1.25em;
  }
}


/*--------------------------------------------------------------------------------
  copyright
--------------------------------------------------------------------------------*/

.l-ft-copy { opacity:0.4; }

@media print,screen and (min-width:641px) {
  .l-ft-copy {
    display:inline-block;
    position:absolute;
    left:0;
    bottom:0;
  }
}

@media screen and (max-width:640px) {
  .l-ft-copy {
    padding-top:2.5em;
  }
}


/*--------------------------------------------------------------------------------
  back to top
--------------------------------------------------------------------------------*/

.l-backtoTop-wrap {
  display:none;
  position:fixed;
  left:0;
  bottom:0;
  z-index:90;
  width:100%;
  min-width:1000px;
  pointer-events:none;
  text-align:right;
}

.l-backtoTop {
  display:inline-block;
  pointer-events:auto;
  width:88px;
  height:88px;
  cursor:pointer;
}

.l-backtoTop-wrap.is-noFix {
  position:absolute;
  bottom:inherit;
  left:0 !important;
}

.l-backtoTop__icon {
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.l-backtoTop__icon:after {
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  margin-top:7px;
  border-top:1px solid #1c1814;
  border-right:1px solid #1c1814;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.l-backtoTop__icon:after {
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  margin-top:7px;
  border-top:1px solid #1c1814;
  border-right:1px solid #1c1814;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  transition:border 0.2s ease-out;
}

.l-backtoTop-wrap.is-scrFt .l-backtoTop__icon:after {
  border-top-color:#fff;
  border-right-color:#fff;
}

@media screen and (max-width:640px) {
  .l-backtoTop-wrap {
    display:none !important;
  }
}