@charset 'utf-8';
/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
margin: 0;
padding: 0;
}
html { height: 100%; font-size: 62.5%; }
body {
display: none;
width: 100%;
height: 100%;
background: #fff;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-family: 'Rounded M plus 1c';
font-size: 1rem;
line-height: 1.6;
color: #434343;
}
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
* { letter-spacing: .05em; }
ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
a { touch-action: manipulation; text-decoration: none; color: #434343; }
a:hover { text-decoration: none; }
button { -webkit-font-smoothing: antialiased; }
.device-click a,
.device-click button { transition: ease .4s; }
.device-click button:hover { opacity: .5; }
@media screen and (max-width: 768px) {
body {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.sp { display: inherit !important; }
.pc { display: none !important; }
}
@media screen and (min-width: 769px) {
.sp { display: none !important; }
.pc { display: inherit !important; }
*,
*:before,
*:after { letter-spacing: .08em; }
}
/* clearfix
------------------------------------------------ */
.clearfix { clear: both; *zoom: 1; }
.clearfix:before,.clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }
/*FOR HEADER AND FOOTER: CODING SP FIRST AND OVERWRITE IN PC*/
/* container
------------------------------------------------ */
#container {  }
.wrap { position: relative; }
/* HEADER
------------------------------------------------ */
#header { position: relative; width: 100%; height: 60px; z-index: 99; }
#header.active{ overflow: inherit; }
.header__top { position: fixed; display: flex; width: 100%; height: 60px; }
.header__top.change-color{ background: #fff; }
/* HEADER LOGO */
.header__top--logo{ width: 100%; display: flex; align-items: center; justify-content: flex-start; padding-left: 20px; }
.header__top--logo a{ height: 100%; display: flex; align-items: center; font-size: 1.2rem; }
.header__top--logo a img{ height: 40px; margin-right: 15px; object-fit: contain; }
/* header__top NAV BTN for sp only */
.header__top--menu { position: absolute; width: 20px; height: 20px; top: 50%; right: 20px; transform: translateY(-50%); z-index: 10; }
.header__top--menu span { text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.header__top--menu a, .header__top--menu span { position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
.header__top--menu a:after,
.header__top--menu span:before,
.header__top--menu span:after {content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #434343; border-radius: 2px; transition: ease 1s; }
.header__top--menu a:after { top: 0px; }
.header__top--menu span:before { top: 8px; }
.header__top--menu span:after { top:16px; }
.header__top--menu a.active:after { display: none; }
.header__top--menu a.active span:before,.header__top--menu a.active span:after { top: 8px; }
.header__top--menu a.active span:before { transform: rotate(45deg); }
.header__top--menu a.active span:after { transform: rotate(-45deg); }
/* HEADER NAVIGATOR for sp only */
#gnav {position: absolute; width: 100%; right: -100%; transition: ease 1s; z-index: 9; }
#gnav.active { right: 0; }
#gnav .frame{ position: relative; width: 100%; height: 100%; margin: 0 auto 0 0; padding: 0 20px; top: 60px; background: #fff; overflow: auto; }
/* GNAV link */
.gnav--links { width: 100%; height: fit-content; margin-top: 3px; padding-bottom: 19px; box-shadow: 0px 1px 5px 1px #F0F0F0; }
.gnav--links ul{ position: relative; display: flex; flex-wrap: wrap; padding: 0 7px; }
.gnav--links li{ position: relative; width: 50%; display: inline-flex; align-items: center; cursor: pointer; margin-bottom: 0; }
.gnav--links li a{ position: relative; width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; color: #606060; font-size: 1.5rem; line-height: 1; }
.gnav--links li:nth-child(n+3){ margin-bottom: 0; }
/* GNAV BORDER */
/*.gnav--links ul:before{ width: calc(100% - 8px); height: 1px; bottom: -1px; left: 4px; }
.gnav--links li:nth-child(2n):before{ width: 1px; height: calc(100% - 10px); top: 6px; left: 0; }
.gnav--links li:nth-child(n+3):after{ width: calc(100% - 10px); height: 1px; top: 0; left: 5px; }
.gnav--links ul:before,
.gnav--links li:nth-child(n+3):after,
.gnav--links li:nth-child(2n):before{ position: absolute; content: ''; background: #E2E2E2; border-radius: 0.5px; } */
@media screen and (max-width: 768px) {
.gnav--links ul:before { position: absolute; content: ''; background: #E2E2E2; border-radius: 0.5px; width: calc(100% - 24px); height: 1px; bottom: 0px; left: 12px; }
.gnav--links li:after { content: ''; width: calc(100% - 10px); height: 1px; bottom: 0; left: 5px; position: absolute; background: #E2E2E2; border-radius: 0.5px; }
.gnav--links li:nth-child(odd):before { content: ''; background: #E2E2E2; border-radius: 0.5px; position: absolute; width: 1px; height: calc(100% - 10px); top: 6px; right: 0; }
.gnav--links-listSub { display: none; }
}
/* REGISTER */
.gnav--register{ max-width: 250px; height: 45px; margin: 19px auto 0; background: linear-gradient(to right,#ef804e,#ef9e4e ); border-radius: 22.5px; }
.gnav--register a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.4rem; }
@media screen and (min-width: 769px) {
/* HEADER
------------------------------------------------ */
#header { height: 80px; }
.header__top{ width: 100%; height: 80px; margin: 0 auto; padding: 0 20px; background: transparent; transition: all 0.4s ease; }
/* HEADER LOGO */
.header__top--logo{ width: fit-content; justify-content: flex-start; margin: 0; padding: 0; z-index: 3; }
.header__top--logo a{ font-size: 1.8rem; }
.header__top--logo a img{ height: 54px; }
.header__top--menu{ display: none; }
/* HEADER NAVIGATOR for sp only */
#gnav { width: 100%; height: auto; left: 0%; z-index: 2; }
#gnav .frame{ position: inherit; width: 100%; height: auto; margin: 0 0 0 auto; top: 0; left: 0; overflow: unset; background: transparent; }
.gnav--links{ display: flex; align-items: center;  margin: 0; padding: 0; background: none; box-shadow: none; }
.gnav--links ul{ width: 100%; flex-wrap: unset; justify-content: flex-end; padding: 0; }
.gnav--links ul li{ width: fit-content; height: 80px; margin: 0 70px 0 0; transition: 0.6s ease-in-out;  }
.gnav--links ul li a{ font-size: 1.3rem; }
.gnav--links ul li:last-child{ margin-right: 50px; }
.gnav--links ul li:nth-child(n+3){ padding-bottom: 0px; }
.gnav--links ul li:hover{ transition: all 0.4s ease; }
.gnav--links ul li:hover a{ opacity: 0.7; }
.gnav--links ul li:after{ display: none; }
.gnav--links-listSub { position: absolute; top: 90px; left: 50%; transform: translate(-50%,0); min-width: 190px; width: 100%; transition: linear .3s; opacity: 0; pointer-events: none; }
.gnav--links-listSub ul { display: block; background: rgba(255,255,255); padding: 30px 25px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 25px rgb(232 232 232); box-shadow: 0 0 25px rgb(232 232 232); }
.gnav--links-listSub ul li { margin: 0; line-height: 1.2; height: auto; }
.gnav--links-listSub ul li a { line-height: inherit; height: auto; }
.gnav--links-listSub ul li:not(:last-child) { display: block; margin-bottom: 20px; }
.gnav--links-list:hover .gnav--links-listSub { top: 80px; opacity: 1; pointer-events: auto; }

@media screen and (max-width: 966px) {
.gnav--links ul li{ margin-right: 5%; }
.gnav--links ul li:last-child{ margin-right: 4%; }
@media screen and (max-width: 830px) { .gnav--links ul li{ margin-right: 2.8%; }.gnav--links ul li:last-child{ margin-right: 1.8%; } }
}
/* GNAV BORDER */
.gnav--links ul:before,
.gnav--links ul li:nth-child(n+3):after,
.gnav--links ul li:nth-child(2n):before{ display: none; }
/* REGISTER */
.gnav--register{ min-width: 130px; height: 39px; margin: 0; border-radius: 19.5px; }
.gnav--register a{ font-size: 1.6rem; }
}

@media screen and (max-width: 1366px) and (min-width: 1200px) {
.gnav--links ul li{ margin-right: 4vw; }
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
    .header__top--logo a{ font-size: 1.501vw; }
    .gnav--links ul li a{ font-size: 1.084vw; }
    .gnav--links ul li{ margin-right: 3vw; }
    .gnav--links ul li:nth-child(7){ margin-right: 0; }
}



/* main
------------------------------------------------ */
#main { display: block; position: relative; width: 100%; }
/* TOP BANNER
------------------------------------------------ */
.ffood__banner{ position: relative; top: -33px; left: 0;  }
.ffood__banner:before{ position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.6; }
.ffood__banner__opa{ position: relative; display: block; height: 0; padding-bottom: 45%; }
.ffood__banner__opa:after,
.ffood__banner__opa:before{ position: absolute; content: ''; width: 100%; left: 0; }
.ffood__banner__opa:after{ height: 50%; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,58,0) 100%); top: -1px; }
.ffood__banner__opa:before{ height: 12.5%; background: url(../img/share/weavyslide.png)no-repeat center center; background-size: 100%; bottom: -2px; }
.ffood__banner--title{ position: absolute; width: fit-content; left: 80%; top: 50%; transform: translate(0,-50%); transition: 1s ease-in-out; }
.ffood__banner--title-en{ color: #EF804E; font-size: 3.6rem; }
.ffood__banner--title-jp{ font-size: 1.6rem; font-weight: 500; }
/* next LINK */
.next__link{ position: absolute; z-index: 1; left: 50%; bottom: 8%; transform: translate(-50%,-50%) rotate(90deg); }
.next__link a{ position: relative; display: block; width: 86px; font-size: 1.2rem; }
.next__link a img{ position: absolute; left: 16px; top: 10px; }
/* PAGINATION
------------------------------------------------ */
/*#pagination{ width: 100%; margin: 50px 0 100px; padding: 0 15px; }
.pagination { display: flex; flex-wrap: wrap; justify-content: center; }
.pagination li{ width: 46px; height: 46px; margin-right: 10px; }
.pagination li a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border: 1px solid #4D4D4D; border-radius: 23px; color: #000; font-size: 1.4rem; }
.pagination li a:hover{ transition: 0.8s ease-in-out; background: #EF9E4E; border: transparent; color: #fff; }
.pagination .on a{ background: #4D4D4D; color: #fff; }
.pagination .on a:hover{ background: #4D4D4D; }*/
/* PREVIOUS AND NEXT */
/*.pagination .prev, .pagination .next{ width: 130px; }
.pagination .prev a, .pagination .next a{ background: #EF9E4E; border: transparent	; }
.pagination .prev a:hover, .pagination .next a:hover{ transition: 0.6s ease-in-out; opacity: 0.6; }
.prev.null,.next.null{ opacity: 0.22; }
.pagination .prev{ margin-left: 30px; }
.pagination .next{ margin-right: 30px; }*/
#pagination { font-size: 15px; font-size: 1.5rem; text-align: center; float: none; width: 100%; }
#pagination a { width: 46px; padding: 0.667em .5em; display: inline-block; overflow: hidden; color: #000 !important; margin: 0 .25em; background: none; border: 1px solid #000; box-shadow: none; -webkit-border-radius: 50%; border-radius: 50%; }
#pagination a.prev,
#pagination a.next { text-indent: -200px; border: none; min-width: 130px; -webkit-border-radius: 50px; border-radius: 50px; }
#pagination a.next { background: #EF9E4E url(../img/share/next1.png) no-repeat center; background-size: 12px; }
#pagination a.next:hover { background: #EF9E4E url(../img/share/next1.png) no-repeat center; background-size: 12px; }
#pagination a.prev { background: #EF9E4E url(../img/share/prev1.png) no-repeat center; background-size: 12px; }
#pagination a.prev:hover { background: #EF9E4E url(../img/share/prev1.png) no-repeat center; background-size: 12px; }
#pagination a.disabled { display: none; }
#pagination a.active { color: #fff !important; border: 1px solid #000; background: #000; }
#pagination a:hover { color: #fff !important; border: 1px solid #EF9E4E; background: #EF9E4E; }
@media screen and (max-width: 768px){
#pagination { font-size: 1.15rem; }
#pagination a { width: 38px; padding: 0.767em .5em; overflow: hidden; color: #000 !important; margin: 0 .25em; background: none; border: 1px solid #000; box-shadow: none; -webkit-border-radius: 50%; border-radius: 50%; }
#pagination a.prev,
#pagination a.next { text-indent: -200px; border: none; min-width: 65px; -webkit-border-radius: 50px; border-radius: 50px; }
#pagination a.next { background: #EF9E4E url(../img/share/next1.png) no-repeat center; background-size: 12px; }
#pagination a.next:hover { background: #EF9E4E url(../img/share/next1.png) no-repeat center; background-size: 12px; }
#pagination a.prev { background: #EF9E4E url(../img/share/prev1.png) no-repeat center; background-size: 12px; }
#pagination a.prev:hover { background: #EF9E4E url(../img/share/prev1.png) no-repeat center; background-size: 12px; }
#pagination a.disabled { display: none; }
#pagination a.active { color: #fff !important; border: 1px solid #000; background: #000; }
#pagination a:hover { color: #fff !important; border: 1px solid #EF9E4E; background: #EF9E4E; }
}
/* FOOD CONTENT
------------------------------------------------ */
/* CONTENT title  */
.food--title{width: 100%; text-align: center; padding-bottom: 22px; }
.food--title-jp{ font-size: 2.6rem; }
.food--title-en{ color: #EF804E; font-size: 1.4rem; }
/* CONTENT BLOCK */
.food__cont{ margin-top: 84px; padding: 0 25px; }
.food__cont--list{ display: flex; flex-wrap: wrap; }
.list__block{ width: 23.3913043%; margin:0 2.1449276% 27px 0; border: 1px; border-radius: 10px; overflow: hidden; }
.list__block a{ display: flex; flex-wrap: wrap; }
@media screen and (max-width: 1128px){ .list__block:first-child .list__block__desc--date span{ font-size: 1.5vw; } }
.list__block:nth-child(4n){ margin-right: 0; }
.list__block--img{ width: 100%; }
.list__block--img img{ width: 100%; height: auto; object-fit: cover; }
.list__block__desc{ width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; margin-top: 20px; padding: 0 22px; }
.list__block__desc--date{ width: 100%; margin-bottom: 2px; }
.list__block__desc--date.list__column-top { margin-top: 8px; margin-bottom: 2px; }
.list__block__desc--date span{ display: inline; width: 100%; color: #EF804E; font-size: 1.6rem; }
.list__block__desc--date span .letter{ font-size: 1.2rem; }
.list__block__desc--title{ margin-bottom: 10px; }
.list__block__desc--title-t{ color: #6A6A6A; font-size: 1.6rem; font-weight: 500; }
.list__block__desc--cont{ margin-bottom: 27px; }
.list__block__desc--cont p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #989898; font-size: 1.3rem; }
/* YOUTUBE */
.wp-block-video,.wp-block-embed__wrapper,.sub-title{ display: none; }
/* NEW */
.new{ position: relative; padding-right: 55px; }
.new:after{ position: absolute; content: 'NEW'; width: 55px; height: 21px; display: flex; justify-content: center; align-items: center; background: #F48080; border: transparent; border-radius: 10.5px; color: #FFF; font-size: 1rem; padding-top: 2px; top: 2px; right: 0; }
/* TRILINE ABOVE INTERVIEW */
.tri--line{ position: relative; width: 100%; height: 1px; display: block; background: #B7B7B7; }
.tri--line span{ position: absolute; width: 60px; height: 1px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; }
.tri--line:after,.tri--line:before{ position: absolute; content: ''; width: 1px; height: 37px; background: #B7B7B7; bottom: -29px; z-index: 2; }
.tri--line:before{ left: calc(50% + 15px); transform: translateX(-50%) rotate(55deg); }
.tri--line:after{ left: calc(50% - 15px); transform: translateX(-50%) rotate(-55deg); }
/* ... inside text */
.ellipse{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@media screen and (min-width: 769px){
/* PROGRESS BAR
------------------------------------------------ */
.progress { position: relative; display: flex; width: 80px; height: 8px; top: -37px; left: 100px; background: #EF804E; border-radius: 4px; transition: .4s ease-in-out; overflow: hidden; z-index: 3; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.list__block--img img { height: 164px; }
}
@media screen and (max-width: 768px){
/* main
------------------------------------------------ */
#main {  }
/* TOP BANNER
------------------------------------------------ */
.ffood__banner:before{ height: calc(100% + 33px); top: 0; }
.ffood__banner__opa{ padding-bottom: 67%; top: 32px; }
.ffood__banner__opa:after{ top: -33px; }
.ffood__banner__opa:before{ height: 25.5%; background: url(../img/share/weavyslide-sp.png)no-repeat center center; background-size: 100%; bottom: -1%;  }
.ffood__banner--title{ width: fit-content; left: calc(100% - 150px); text-align: center; }
.ffood__banner--title-en{font-size: 2.1rem; }
.ffood__banner--title-jp{ font-size: 1.4rem; font-weight: 500; }
/* next LINK */
.next__link{ display: none; }
/* PAGINATION
------------------------------------------------ */
#pagination{ margin: 35px 0; }
.pagination li{ width: 38px; height: 38px; margin-right: 7px; }
.pagination li:nth-child(n+5):nth-child(-n+6){ display: none; }
.pagination li a{ border-radius: 19px;font-size: 1.15rem; }
/* PREVIOUS AND NEXT */
.pagination .prev, .pagination .next{ width: 65px; }
.pagination .prev{ margin-left: 8px; }
.pagination .next{ margin-right: 8px; }
/* FOOD CONTENT
------------------------------------------------ */
/* CONTENT title  */
.food--title-jp{ font-size: 1.9rem; }
.food--title-en{ font-size: 1.1rem; }
/* CONTENT BLOCK */
.food__cont{ margin-top: 30px; padding: 0; }
/* .food__cont--list{ flex-direction: column-reverse; } */
.food__cont--detail { flex-direction: column; }
.list__block { width: 100%; margin: 0 0 0 0; padding: 15px 0 8px 0; }
.list__block.list__column-top { margin: 8px 0 0 10px; padding: 10px 12px; }
.list__block a{ flex-wrap: unset; }
.list__block:nth-child(4n){ margin-left: 0; }
.list__block--img{ width: 32.7586207%; }
.list__block--img img{ width: fit-content; }
.list__block__desc { width: 67.2413793%; margin-top: 0; }
.list__block__desc--date { width: fit-content; margin-bottom: 4px; }
.list__block__desc--date.list__column-top { margin-top: 14px; }
.list__block__desc--date span{ font-size: 1.1rem; }
.list__block:first-child .list__block__desc--date span { font-size: 1.1rem; }
.list__block__desc--title { margin-bottom: 3px; }
.list__block__desc--title.list__column-top { margin-bottom: 14px; }
.list__block__desc--title-t{ color: #6A6A6A; font-size: 1.2rem; font-weight: 500; }
.list__block__desc--cont{ margin-bottom: 13.5px; }
.list__block__desc--cont.list__column-top { margin-bottom: 13.5px; padding-right:10px; }
.list__block__desc--cont-p{ font-size: 1rem; }
/* NEW */
.new{ padding-right: 39px; }
.new:after{ width: 39px; height: 15px; background: #F09020; border-radius: 7.5px; top: 1px; right: -30px; font-size: 0.7rem; }
}
.grecaptcha-badge { opacity: 0; visibility: hidden; }
/* FOOTER
------------------------------------------------ */
#footer{ margin-top: 25px; }
.footer{ position: relative; margin-top: 20px; padding: 57.5px 20px 0; }
.footer:after{ position: absolute; content: ''; width: 100%; height: 30px; background: linear-gradient(to bottom, #F5F5F5, #fff); top: 0px; left: 0; }
.footer__fruit{position: relative; display: block; width: 140%; top: 0; left: -40%; overflow: hidden; direction: rtl; }
/* FOOTER LINK */
.footer__links{ position: relative; display: flex; flex-direction: column; margin-bottom: 35px; justify-content: space-between; }
.footer__links:after{ position: absolute; content: ''; width: 116px; height: 116px; background: url(../img/footer/footerbanner-pc.png) no-repeat center center; background-size: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.4s ease-in-out; }
.footer__sns { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 35px; }
.footer__sns li { display: inline-block; margin-right: 15px; }
.footer__sns li a { display: block; }
.footer__sns li a img { width: auto; height: 20px; }
@media screen and (max-width: 350px) { .footer__links:after{ left:55%; } }
.footer__links--list{ width: fit-content; display: inline-flex; margin-bottom: 20px; }
.footer__links--list a{ line-height: 1; }
/* FOOTER COPYRIGHT */
.footer__copyright{ width: 100%; height: 53px; display: flex; align-items: center; justify-content: center; background: #EF804E; }
.footer__copyright--p{ color: #fff; font-size: 1rem; font-weight: bold; }
/* FOOTER PAGE TO TOP */
.footer--pagetop { display: none; position: fixed; bottom: 10px; right: 10px; width: 94px; overflow: hidden; z-index: 10; }
.footer--pagetop > a { display: block; width: 100%; }
.footer--pagetop.staying { display: block; position: absolute; }
.device-click .footer--pagetop > a:hover { opacity: 1; }
@media screen and (max-width: 768px){ .footer--pagetop.staying { top: -80px; bottom: auto; } }
@media screen and (min-width: 769px){
/* FOOTER
------------------------------------------------ */
#footer{ position: relative; width: 100%; height: 350px; margin: 0; }
.footer{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; margin-top: 35px; padding-top: 0px; }
.footer__fruit{position: relative; display: block; width: 100%; top: 0; left: 0%; }
/*.footer__fruit img{ width: 100%; max-height: 196px; }*/
.footer__fruit img{ width: 100%; }
.footer .wrap{ width: 1040px; height: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.wrap__links{ display: flex; flex-wrap: wrap; width: 79%;  padding-left: 10%; transition: ease .4s; }
/* FOOTER LOGO */
.footer__logo{ width: 21.9%; height: 200px; display: flex; align-items: center; border-right: 1px solid #707070; }
.footer__logo img{ height: 120px; object-fit: contain; }
/* FOOTER LINK */
.footer__links{ width: 100%; height: 100%; margin-top: -20px; display: block; align-items: center; flex-direction: unset; margin-bottom: 0; }

@media screen and (max-width: 880px){
.wrap__links{ padding-left: 6%; }
}
.footer__links:before{ height: 40px; top: -75px; }
.footer__links:after{ display: none; }
.footer__links--list{ margin: 20px 20px 0 0; transition: ease .4s; display: inline-block; }
.footer__links--list:last-child{ margin-right: 0; }
.footer__links--list a{ font-size: 1.6rem; }
/* FOOTER COPYRIGHT */
.footer__copyright{ display: none; }
.footer__copyright--pc{ margin-top: 35px; }
.footer__copyright--p{ color: #A2A2A2; font-size: 1.2rem; font-weight: 500; }
.footer__btm{ margin-top: 35px; }
}
@media screen and (max-width: 1024px){
.footer__links--list a { font-size: 1.5625vw; }
.footer__copyright--p { font-size: 1.17vw; }
}
@media screen and (max-width: 768px){
.footer { padding-left: 32px; padding-right: 32px; }
.footer__links { margin-bottom: 20px; position: relative; }
.footer__links:after { width: 135px; height: 135px; right: 0; top: calc( 50% - 67.5px ); left: auto; transform: none; }
.footer__links--list a { font-size: 1.2rem; }
.footer__sns { margin: 0; margin-bottom: 20px; }
.footer__copyright--p { font-size: 1rem; }
.footer--pagetop { width: 60px; right: 5px; bottom: 5px; }
}