/* ----------------------------------------------- */
/* BASIC SETUP */
/* ----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    letter-spacing: 0.5px;
}

li {
    list-style: none;
}

a:link,
a:visited {
    text-decoration: none;
}

@font-face {
    font-family: 'poppin';
    src: url(../../vendors/fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: 'poppin-bold';
    src: url(../../vendors/fonts/Poppins/Poppins-Bold.ttf);
}

@font-face {
    font-family: 'zengothim';
    src: url(../../vendors/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.ttf);
}

@font-face {
    font-family: 'zengothib';
    src: url(../../vendors/fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.ttf);
}

/* ----------------------------------------------- */
/* HEADER */
/* ----------------------------------------------- */

.index-menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 3rem 4rem 0;
    z-index: 1;
}

.menu-logo {
    display: block;
    width: 28rem;
}

.menu-logo-under {
    display: none;
    width: 13rem;
}

.menu-logo-under img {
    width: 100%;
}

.menu-logo-under-active {
    display: block;
    position: fixed;
    top: 3rem;
    left: 4rem;
}

.menu-logo img {
    width: 100%;
}

.index-menu-right {
    display: flex;
    position: fixed;
    right: 4rem;
}

.index-menu__link {
    margin-right: 1.6rem;
    margin-top: 1.5rem;
}

.index-menu__link a {
    font-family: poppin;
    padding: 6px 2rem;
    border-radius: 2rem;
    background-color: #F6F1F3;
    font-size: 2rem;
    line-height: 3rem;
    color: #E05A79;
}

.index-menu__sns {
    display: flex;
    margin-left: 1.6rem;
}

.index-menu__sns a {
    width: 6rem;
    display: block;
}

.index-menu__sns a:first-child {
    margin-right: 1.2rem;
}

.index-menu__sns a img {
    width: 100%;
}

.index-mainimg {
    width: 100%;
    background-color: #FEC7D7;
}

.index-mainimg img {
    width: 100%;
}

/* ----------------------------------------------- */
/* MAIN */
/* ----------------------------------------------- */

.index-mainback {
    background-color: #FEC7D7;
}

.index-about {
    padding-top: 13.6rem;
}

.index-about__title {
    font-family: poppin;
    font-size: 5rem;
    letter-spacing: 2px;
    line-height: 7.6rem;
    color: #2A2F33;
    text-align: center;
    padding-bottom: 4.8rem;
}

.index-about__text {
    font-family: zengothim;
    font-size: 1.8rem;
    letter-spacing: 0.9px;
    line-height: 3.24rem;
    color: #2A2F33;
    text-align: center;
    padding-bottom: 11.7rem;
}

.index-about__main {
    display: flex;
    justify-content: center;
    padding-bottom: 8rem;
}

.index-about__main-text {
    margin-right: 3.2rem;
}

.index-about__main-text--one {
    font-size: 5.8rem;
    line-height: 8.7rem;
    color: rgba(224, 90, 121, 0.4);
    font-family: poppin-bold;
    padding-bottom: 4.8rem;
}

.index-about__main-text--two {
    font-family: zengothib;
    font-size: 2rem;
    letter-spacing: 0.4px;
    line-height: 3.6rem;
    color: #2A2F33;
}

.index-about__main-img {
    width: 58.8rem;
}

.index-about__main-img img {
    width: 100%;
}

.index-about__pic {
    width: 100%;
}

.index-about__pic img {
    width: 100%;
}

.index-main-menu {
    padding-top: 13.6rem;
}

.index-main-menu__title {
    font-family: poppin;
    font-size: 5rem;
    letter-spacing: 2px;
    line-height: 7.6rem;
    color: #2A2F33;
    text-align: center;
    padding-bottom: 4.8rem;
}

.index-main-menu__pic {
    width: 99rem;
    margin: 0 auto;
}

.index-main-menu__pic img {
    width: 100%;
}

.index-main-menu__text {
    padding: 3.2rem 0 10rem;
    font-family: zengothim;
    font-size: 1.6rem;
    text-align: center;
    letter-spacing: 0.8px;
    line-height: 2.88rem;
    color: #2A2F33;
}

.index-main-menu__takeout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 99rem;
    margin: 0 auto;
}

.index-main-menu__takeout-left--toptext {
    font-size: 5.8rem;
    line-height: 8.7rem;
    color: rgba(224, 90, 121, 0.4);
    font-family: poppin-bold;
    padding-bottom: 2.4rem;
}

.index-main-menu__takeout-left--bottomtext {
    font-family: zengothib;
    font-size: 1.8rem;
    letter-spacing: 0.36px;
    line-height: 3.24rem;
    color: #2A2F33;
}

.index-main-menu__takeout-right {
    width: 48.5rem;
}

.index-main-menu__takeout-right img {
    width: 100%;
}

.index-access {
    padding-top: 13.6rem;
    padding-bottom: 12rem;
}

.index-access__title {
    font-family: poppin;
    font-size: 5rem;
    letter-spacing: 2px;
    line-height: 7.6rem;
    color: #2A2F33;
    text-align: center;
    padding-bottom: 4.8rem;
}

.index-access__block {
    display: flex;
    align-items: flex-end;
    width: 99rem;
    margin: 0 auto;
    padding-bottom: 5.6rem;
}

.index-access__block-img {
    width: 56rem;
    margin-right: 3rem;
}

.index-access__block-img img {
    width: 100%;
}

.index-access__block-text--shop {
    font-family: poppin-bold;
    font-size: 2.4rem;
    letter-spacing: 0.48px;
    line-height: 3.24rem;
    color: #E05A79;
}

.index-access__block-text--shop-kana {
    font-family: zengothim;
    font-size: 1.6rem;
    letter-spacing: 0.32px;
    line-height: 3.24rem;
    color: #2A2F33;
}

.index-access__block-text--explanation {
    font-family: zengothim;
    font-size: 1.6rem;
    letter-spacing: 0.32px;
    line-height: 2.88rem;
    color: #2A2F33;
    padding: 2.4rem 0;
}

.index-access__block-text--access {
    font-family: zengothim;
    font-size: 1.6rem;
    letter-spacing: 0.64px;
    line-height: 2.88rem;
    color: #2A2F33;
    padding-bottom: 2.5rem;
}

.index-access__block-text--access div {
    display: flex;
}

.index-access__block-text--access div p:first-child {
    width: 9rem;
}

.index-access__block-text--access div a {
    color: #2A2F33;
}

.index-access__block-text--img {
    display: flex;
}

.index-access__block-text--img img {
    width: 19.2rem;
}

.index-access__block-text--img img:first-child {
    margin-right: 1.6rem;
}

.index-access__map {
    width: 99rem;
    height: 22.8rem;
    margin: 0 auto;
}

.index-access__map iframe {
    width: 100%;
    height: 100%;
}

.index-access__map-btn {
    width: 18rem;
    margin: 3.2rem auto 12rem;
    border-radius: 2.8rem;
    background-color: #E05A79;
    font-family: poppin;
    font-size: 2.1rem;
    line-height: 3.1rem;
    display: block;
    color: #F6F1F3;
    text-align: center;
    padding: 1.2rem 0;
}

.index-access__site-area {
    display: flex;
    width: 99rem;
    margin: 0 auto;
    justify-content: space-between;
}

.index-access__site-area a {
    display: block;
    width: 48rem;
    height: 100%;
}

.index-access__site-area a img {
    width: 100%;
}

/* ----------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------- */

.index-footer {
    background-color: #E05A79;
    width: 100%;
    padding: 6.4rem 0;
}

.index-footer-navi ul {
    display: flex;
    justify-content: center;
}

.index-footer-navi ul li {
    margin-right: 1.6rem;
}

.index-footer-navi ul li:last-child {
    margin-right: 0;
}

.index-footer-navi ul li a {
    font-family: poppin;
    padding: 6px 2rem;
    border-radius: 2rem;
    background-color: #F6F1F3;
    font-size: 2rem;
    line-height: 3rem;
    color: #E05A79;
}

.index-footer-snsarea {
    display: flex;
    justify-content: center;
    padding: 4.8rem 0 3.2rem;
}

.index-footer-snsarea a {
    display: block;
    width: 3.2rem;
}

.index-footer-snsarea a:first-child {
    margin-right: 3.2rem;
}

.index-footer-snsarea a img {
    width: 100%;
}

.index-footer-logo {
    display: block;
    width: 14.5rem;
    margin: 0 auto;
}

.index-footer-logo img {
    width: 100%;
}

/* ----------------------------------------------- */
/* RESPONSIVE */
/* ----------------------------------------------- */

.index-menu-sp {
    display: none;
}

.index-mainimg-sp {
    display: none;
}

.br-third-on {
    display: none;
}

.index-about__pic-sp {
    display: none;
}

.index-main-menu__pic-sp {
    display: none;
}

.index-access__block-sp {
    display: none;
}

.index-topback-btn {
    display: none;
}

.index-access__block-text-sp {
    display: none;
}

.index-main-menu__takeout-right-sp {
    display: none;
}

.br-fifth-on {
    display: none;
}