@charset "UTF-8";
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6,
p, img, small, strong, b,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, tbody, tfoot, thead, tr, th, td,
footer, header, menu, nav, section, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: bottom;
    background: transparent;
}

body {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
    width: 100%;
    min-width: 750px;
    overflow-x: hidden;
}

ul li {
    list-style: none;
}

a {
    margin: 0;
    padding: 0;
    color: #333333;
    text-decoration: none;
    vertical-align: baseline;
}

a:hover {
    opacity: 0.8;
}

table {
    border-spacing: 0;
}

img {
    width: 100%;
}

/* ===================================================================================
  resetここまで
=================================================================================== */
body * {
    color: #333333;
    font-size: 16px;
    line-height: 1;
}

.wrap {
    max-width: 2000px;
    min-width: 750px;
    margin: 0 auto;
}

.inner {
    width: 750px;
    margin: 0 auto;
}

.txt {
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.08em;
}

/* ======================
  fv_area
========================= */
.fv_area {
    position: relative;
}

.fv-bg {
    background: url("../img/fv_bg01.jpg") no-repeat center 0;
    background-size: 2000px 900px;
    width: 100%;
    min-width: 750px;
    max-width: 2000px;
    height: 900px;
}

.fv-bg.fv-bg02 {
    background: url("../img/fv_bg_02.jpg") no-repeat center 0;
}

.fv-bg.fv-bg03 {
    background: url("../img/fv_bg_03.jpg") no-repeat center 0;
}

.fv_area .inner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 999;
}

.slick-dots {
    bottom: 25px;
    z-index: 3;
}

.slick-dots li, .slick-dots li li button, .slick-dots li button:before {
    width: 15px;
    height: 15px;
}

.slick-dots li {
    margin: 0 12px;
}

.slick-prev, .slick-next, .slick-prev::before, .slick-next::before {
    width: 30px;
    height: 52.5px;
    -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
    -ms-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}

.slick-next {
    right: 30px;
    z-index: 4;
}

.slick-prev {
    left: 30px;
    z-index: 4;
}

/* fv_area */

.language {
    background: url("../img/about_bg.jpg") repeat-y center 0;
    background-size: 2000px 1405px;
    padding: 60px 0 0;
}

.language_btn p {
    text-align: center;
    font-size: 30px;
    color: #333333;
    text-decoration: underline;
    letter-spacing: 3px;
    text-decoration-color: #333333;
    text-decoration-thickness: 2px;
}

/* ======================
  about
========================= */
.about {
    background: url("../img/about_bg.jpg") repeat-y center 0;
    background-size: 2000px 1405px;
    padding-top: 60px;
    box-sizing: border-box;
    padding-bottom: 85px;
}

.about .about_reserve_btn {
    width: 670px;
    margin: 0 auto 32px;
    display: block;
}

.about .about_last_btn {
    margin: 0 auto 53px;
}


.about h2 {
    margin-bottom: 19px;
}

/* about */

/* ======================
  menu
========================= */
.menu {
    background: url("../img/memu_bg.jpg") no-repeat center 0, #EAE7E5;
    background-size: 2000px 530px, 100%;
    padding-top: 295px;
    padding-bottom: 39px;
}

.menu .menu_arashiyama_area {
    background: url("../img/menu_arashiyama_area_bg.png") no-repeat center 0;
    width: 670px;
    height: 1415px;
    margin: 0 auto 70px;
    background-size: 670px 1415px;
}

.menu .menu_arashiyama_area_tit {
    padding-top: 75px;
    width: 388px;
    margin: 0 auto 34px;
}

.menu_arashiyama_area_txt {
    margin-bottom: 26px;
}

.menu_arashiyama_area_happy {
    width: 372px;
    margin: 501px auto 0;
}


.menu_img_arashiyama_txt {
    margin: 59px auto 23px;
}

.menu_img_special_txt {
    margin: 55px auto 64px;
}

.menu .menu_wish_area {
    background: url(../img/menu_wish_area_bg.png) no-repeat center -370px;
    width: 750px;
    height: 757px;
    margin: 0 auto 20px;
    background-size: 750px 1117px;
}

.menu .menu_wish_area_tit {
    padding-top: 68px;
    width: 519px;
    margin: 0 auto 30px;
}

/* menu */

/* ======================
  tamatebako
========================= */
.tamatebako {
    background: url("../img/arashiyama_pic2.jpg") no-repeat center center;
    background-size: 2000px 1336px;
    height: 900px;
    padding-top: 2px;
    box-sizing: border-box;
}

.tamatebako h2 {
    width: 250px;
    margin-left: auto;
    margin-right: 35px;
}

/* tamatebako */



/* ======================
  arashiyam
========================= */
.arashiyama_under {
    background: url("../img/inari_under_bg.jpg") repeat-y center 0;
    background-size: 2000px 3441px;
    box-sizing: border-box;
    padding-top: 1px;
    padding-bottom: 50px;
}
.kafe_arashiyama {
    background: url("../img/kafe_inari_bg_01.jpg") no-repeat center 0;
    background-size: 670px 673px;
    height: 673px;
    padding-top: 47px;
    position: relative;
    z-index: 1;
}

.kafe_arashiyama_logo {
    width: 122px;
    margin: 0 auto 40px;
}

.kafe_arashiyama_tit {
    width: 289px;
    margin: 0 auto 36px;
}

.kafe_arashiyama_txt {
    margin-bottom: 32px;
}

.kafe_arashiyama_note {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.04em;
}

.kafe_arashiyama_img {
    background: url("../img/kafe_arashiyama_bg.jpg") repeat-y center 0;
    background-size: 670px 622px;
    width: 670px;
    margin: -50px auto 0;
    position: relative;
}

.kafe_arashiyama_img::before {
    content: "";
    display: block;
    width: 100px;
    height: 98px;
    background: url("../img/kafe_inari_kaede_red.png") no-repeat center/100%;
    position: absolute;
    left: 526px;
    top: -74px;
    z-index: 2;
}

.kafe_arashiyama_img::after {
    content: "";
    display: block;
    width: 73px;
    height: 65px;
    background: url("../img/kafe_inari_kaede.png") no-repeat center/100%;
    position: absolute;
    left: 25px;
    top: -50px;
    z-index: 2;
}


.arashiyama_last_txt_area {
    background: url("../img/inari_last_txt_bg.jpg") repeat-y center 0;
    background-size: 670px 261px;
    min-height: 261px;
    padding-top: 48px;
    position: relative;
}

.arashiyama_last_txt_area::after {
    content: "";
    display: block;
    width: 98px;
    height: 91px;
    background: url("../img/inari_last_txt_kaede.png") no-repeat center/100%;
    position: absolute;
    right: 71px;
    top: -2px;
}

.arashiyama_last_txt {
    padding-left: 20px;
    padding-top: 20px;
}


/* ======================
  Kiyomizu
========================= */
.kiyomizu_top {
    background: url("../img/kiyomizu_top_bg02.png") no-repeat center 0, url("../img/inari_top_bg01.jpg") repeat-y center 0;
    background-size: 2000px 753px, 2000px 1015px;
    padding-top: 103px;
    padding-bottom: 1px;
    box-sizing: border-box;
}

.kiyomizu_top h2 {
    width: 194px;
    margin: 0 auto 56px;
}

.kiyomizu_top_txt {
    margin-bottom: 50px;
}

.kiyomizu_middle {
    background: url("../img/kiyomizu_middle_bg.jpg") repeat-y center 0;
    min-height: 804px;
    box-sizing: border-box;
}


.kiyomizu_under {
    background: url("../img/inari_under_bg.jpg") repeat-y center 0;
    background-size: 2000px 3441px;
    box-sizing: border-box;
    padding-top: 1px;
    padding-bottom: 50px;
}

.kiyomizu_under_txt_box {
    width: 670px;
    min-height: 635px;
    margin: -100px auto 338px;
    position: relative;
    padding-top: 78px;
    background: linear-gradient(135deg, transparent 20px, #fff 0) top left,
    linear-gradient(-135deg, transparent 20px, #fff 0) top right,
    linear-gradient(-45deg, transparent 20px, #fff 0) bottom right,
    linear-gradient(45deg, transparent 20px, #fff 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.kiyomizu_under_txt_box::after {
    content: "";
    display: block;
    width: 524px;
    height: 476px;
    background: url("../img/kiyomizu_img.png") no-repeat center/100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: -285px;
}

.kiyomizu_eng {
    width: 327px;
    margin: 0 auto 45px;
}


.kafe_kiyomizu {
    background: url("../img/kafe_inari_bg_01.jpg") no-repeat center 0;
    background-size: 670px 673px;
    height: 673px;
    padding-top: 47px;
    position: relative;
    z-index: 1;
}

.kafe_kiyomizu_logo {
    width: 122px;
    margin: 0 auto 40px;
}

.kafe_kiyomizu_tit {
    width: 241px;
    margin: 0 auto 36px;
}

.kafe_kiyomizu_txt {
    margin-bottom: 32px;
}

.kafe_kiyomizu_img {
    background: url("../img/kafe_img_bg.jpg") repeat-y center 0;
    background-size: 670px 536px;
    width: 670px;
    margin: -78px auto 0;
    position: relative;
}

.kafe_kiyomizu_img::before {
    content: "";
    display: block;
    width: 100px;
    height: 98px;
    background: url("../img/kafe_inari_kaede_red.png") no-repeat center/100%;
    position: absolute;
    left: 526px;
    top: -74px;
    z-index: 2;
}

.kafe_kiyomizu_img::after {
    content: "";
    display: block;
    width: 73px;
    height: 65px;
    background: url("../img/kafe_inari_kaede.png") no-repeat center/100%;
    position: absolute;
    left: 25px;
    top: -50px;
    z-index: 2;
}


.kiyomizu_last_txt_area {
    background: url("../img/inari_last_txt_bg.jpg") repeat-y center 0;
    background-size: 670px 261px;
    min-height: 261px;
    padding-top: 48px;
    position: relative;
}

.kiyomizu_last_txt_area::after {
    content: "";
    display: block;
    width: 98px;
    height: 91px;
    background: url("../img/inari_last_txt_kaede.png") no-repeat center/100%;
    position: absolute;
    right: 71px;
    top: -2px;
}

.kiyomizu_last_txt {
    padding-left: 20px;
    padding-top: 20px;
}



/* ======================
  ponto
========================= */

.ponto_top {
    background: url("../img/ponto_top_bg02.png") no-repeat center 0, url("../img/inari_top_bg01.jpg") repeat-y center 0;
    background-size: 2000px 823px, 2000px 1015px;
    padding-top: 103px;
    padding-bottom: 46px;
    box-sizing: border-box;
}

.ponto_top h2 {
    width: 258px;
    margin: 0 auto 40px;
}

.ponto_top_txt {
    margin-bottom: 50px;
}

.ponto_middle {
    min-height: 804px;
    box-sizing: border-box;
}

.ponto-bg {
    background: url("../img/ponto_bg01.jpg") no-repeat center 0;
    background-size: 2000px 806px;
    width: 100%;
    min-width: 750px;
    max-width: 2000px;
    height: 806px;
}

.ponto-bg.ponto-bg02 {
    background: url("../img/ponto_bg_02.jpg") no-repeat center 0;
}

.ponto-bg.ponto-bg03 {
    background: url("../img/ponto_bg_03.jpg") no-repeat center 0;
}

.ponto_under {
    background: url("../img/inari_under_bg.jpg") repeat-y center 0;
    background-size: 2000px 3441px;
    box-sizing: border-box;
    padding-top: 1px;
    padding-bottom: 50px;
}

.ponto_under_txt_box {
    width: 670px;
    min-height: 635px;
    margin: -100px auto 338px;
    position: relative;
    padding-top: 78px;
    background: linear-gradient(135deg, transparent 20px, #fff 0) top left,
    linear-gradient(-135deg, transparent 20px, #fff 0) top right,
    linear-gradient(-45deg, transparent 20px, #fff 0) bottom right,
    linear-gradient(45deg, transparent 20px, #fff 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.ponto_under_txt_box::after {
    content: "";
    display: block;
    width: 501px;
    height: 451px;
    background: url("../img/ponto_img.png") no-repeat center/100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: -285px;
}

.ponto_eng {
    width: 333px;
    margin: 0 auto 34px;
}


.kafe_ponto {
    background: url("../img/kafe_inari_bg_01.jpg") no-repeat center 0;
    background-size: 670px 673px;
    height: 673px;
    padding-top: 47px;
    position: relative;
    z-index: 1;
}

.kafe_ponto_logo {
    width: 122px;
    margin: 0 auto 40px;
}

.kafe_ponto_tit {
    width: 288px;
    margin: 0 auto 36px;
}

.kafe_ponto_txt {
    margin-bottom: 32px;
}

.kafe_ponto_note {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.04em;
}

.kafe_ponto_img {
    background: url("../img/kafe_img_bg.jpg") repeat-y center 0;
    background-size: 670px 536px;
    width: 670px;
    margin: -66px auto 0;
    position: relative;
}

.kafe_ponto_img::before {
    content: "";
    display: block;
    width: 100px;
    height: 98px;
    background: url("../img/kafe_inari_kaede_red.png") no-repeat center/100%;
    position: absolute;
    left: 604px;
    top: -172px;
    z-index: 2;
}

.kafe_ponto_img::after {
    content: "";
    display: block;
    width: 73px;
    height: 65px;
    background: url("../img/kafe_inari_kaede.png") no-repeat center/100%;
    position: absolute;
    left: 25px;
    top: -50px;
    z-index: 2;
}


.ponto_last_txt_area {
    background: url("../img/inari_last_txt_bg.jpg") repeat-y center 0;
    background-size: 670px 261px;
    min-height: 261px;
    padding-top: 48px;
    position: relative;
}

.ponto_last_txt_area::after {
    content: "";
    display: block;
    width: 98px;
    height: 91px;
    background: url("../img/inari_last_txt_kaede.png") no-repeat center/100%;
    position: absolute;
    right: 71px;
    top: -2px;
}

.ponto_last_txt {
    padding-left: 20px;
    padding-top: 20px;
}




/* ======================
  inari
========================= */

.inari_top {
    background: url("../img/inari_top_bg02.png") no-repeat center 0, url("../img/inari_top_bg01.jpg") repeat-y center 0;
    background-size: 2000px 1014px, 2000px 1015px;
    padding-top: 103px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.inari_top h2 {
    width: 330px;
    margin: 0 auto 70px;
}

.inari_top_txt {
    margin-bottom: 50px;
    line-height: 53px;
}

.inari_middle {
    min-height: 804px;
    box-sizing: border-box;
}

.inari-bg {
    background: url("../img/inari_bg01.jpg") no-repeat center 0;
    background-size: 2000px 806px;
    width: 100%;
    min-width: 750px;
    max-width: 2000px;
    height: 806px;
}

.inari-bg.inari-bg02 {
    background: url("../img/inari_bg_02.jpg") no-repeat center 0;
}

.inari-bg.inari-bg03 {
    background: url("../img/inari_bg_03.jpg") no-repeat center 0;
}


.inari_under {
    background: url("../img/inari_under_bg.jpg") repeat-y center 0;
    background-size: 2000px 3441px;
    box-sizing: border-box;
    padding-top: 1px;
    padding-bottom: 50px;
}

.inari_under_txt_box {
    width: 670px;
    min-height: 635px;
    margin: -100px auto 338px;
    position: relative;
    padding-top: 78px;
    background: linear-gradient(135deg, transparent 20px, #fff 0) top left,
    linear-gradient(-135deg, transparent 20px, #fff 0) top right,
    linear-gradient(-45deg, transparent 20px, #fff 0) bottom right,
    linear-gradient(45deg, transparent 20px, #fff 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.inari_under_txt_box::after {
    content: "";
    display: block;
    width: 662px;
    height: 547px;
    background: url("../img/inari_img.png") no-repeat center/100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: -352px;
}


.inari_eng {
    width: 399px;
    margin: 0 auto 34px;
}

.inari_pic {
    /*margin-bottom: 60px;*/
}

.kafe_inari {
    background: url("../img/kafe_inari_bg_01.jpg") no-repeat center 0;
    background-size: 670px 673px;
    height: 673px;
    padding-top: 47px;
    position: relative;
    z-index: 1;
}

.kafe_inari_logo {
    width: 122px;
    margin: 0 auto 40px;
}

.kafe_inari_tit {
    width: 339px;
    margin: 0 auto 36px;
}

.kafe_inari_txt {
    margin-bottom: 32px;
}

.kafe_inari_note {
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.04em;
}

.kafe_inari_img {
    background: url("../img/kafe_img_bg.jpg") repeat-y center 0;
    background-size: 670px 536px;
    width: 670px;
    margin: -78px auto 0;
    position: relative;
}

.kafe_inari_img::before {
    content: "";
    display: block;
    width: 100px;
    height: 98px;
    background: url("../img/kafe_inari_kaede_red.png") no-repeat center/100%;
    position: absolute;
    left: 545px;
    top: -49px;
    z-index: 2;
}

.kafe_inari_img::after {
    content: "";
    display: block;
    width: 73px;
    height: 65px;
    background: url("../img/kafe_inari_kaede.png") no-repeat center/100%;
    position: absolute;
    left: 25px;
    top: -50px;
    z-index: 2;
}


.inari_last_txt_area {
    background: url("../img/inari_last_txt_bg.jpg") repeat-y center 0;
    background-size: 670px 261px;
    min-height: 261px;
    padding-top: 48px;
    position: relative;
}

.inari_last_txt_area::after {
    content: "";
    display: block;
    width: 98px;
    height: 91px;
    background: url("../img/inari_last_txt_kaede.png") no-repeat center/100%;
    position: absolute;
    right: 71px;
    top: -2px;
}

.inari_last_txt {
    padding-left: 20px;
    padding-top: 20px;
}

/* inari */

/* ======================
  owner
========================= */
.owner {
    background: url("../img/owner_bg.jpg") no-repeat center 0;
    background-size: 2000px 1420px;
    height: 1420px;
    padding-top: 128px;
    box-sizing: border-box;
}

.owner_img_area {
    width: 670px;
    margin: 0 auto 54px;
    position: relative;
}

.owner_img_area a {
    width: 130px;
    position: absolute;
    bottom: -62px;
    right: 27px;
}

.owner_img_area a:hover {
    opacity: 1;
    filter: brightness(120%);
}

.owner h2 {
    width: 344px;
    margin: 0 auto 48px;
}

.owner_txt {
    text-align: left;
    width: 670px;
    margin: 0 auto;
    line-height: 58px;
}

/* owner */

/* ======================
  insta
========================= */
.insta {
    background: #EAE7E5;
    padding-top: 97px;
    padding-bottom: 109px;
    box-sizing: border-box;
}

.insta h2 {
    width: 583px;
    margin: 0 auto 38px;
}

.insta_wrap {
    display: flex;
    align-items: center;
    margin-left: 84px;
    margin-bottom: 57px;
}

.insta_img_icon {
    width: 204px;
    margin-right: 26px;
}

.insta_txt {
    padding-top: 7px;
    width: 394px;
    margin-bottom: 24px;
}

.insta_wrap_r a {
    display: block;
    width: 329px;
}

.insta ul {
    width: 670px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.insta li {
    width: 215px;
    margin-bottom: 12px;
    margin-right: 12px;
}

.insta li:nth-of-type(3n) {
    margin-right: 0;
}

.insta_media {
    width: 670px;
    margin: 40px auto 0;
}

/* insta */

/* ======================
  shop
========================= */
.shop {
    background: url("../img/shop_bg.jpg") no-repeat center 0;
    background-size: 2000px 400px;
    padding-top: 497px;
    padding-bottom: 93px;
    box-sizing: border-box;
}

.shop h2 {
    width: 670px;
    margin: 0 auto 50px;
}

.shop h3 {
    font-size: 24px;
    line-height: 60px;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #000;
    width: 670px;
    margin: 0 auto 40px;
}

.shop .shop_inari_tit {
    margin-top: 67px;
}

.shop .shop_inari_tit#kiyomizu {
    margin-top: -15px;
    padding-top: 82px;
}

.shop_list {
    margin-left: 26px;
}

.shop_list li {
    margin-bottom: 43px;
    display: flex;
}

.item_tit {
    font-size: 24px;
    line-height: 46px;
    width: 162px;
    letter-spacing: 0.08em;
}

.item_txt {
    font-size: 25.5px;
    line-height: 46px;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
}

.item_txt01 {
    margin-bottom: 24px;
}

.item_txt a {
    font-size: 25.5px;
    line-height: 46px;
}

.item_note {
    font-size: 21px;
    line-height: 39px;
    padding-left: 1em;
    text-indent: -1em;
    letter-spacing: 0.06em;
}

.shop_map {
    width: 670px;
    height: 500px;
    margin: 0 auto;
}

.shop_map iframe {
    width: 100%;
    height: 100%;
}

/* shop */


/* ======================
  footer
========================= */
footer {
    background-color: #EAE7E5;
    padding-top: 35px;
    padding-bottom: 43px;
    margin-bottom: 160px;
}

.footer_logo {
    width: 226px;
    margin: 0 auto 26px;
}

.link_wrap {
    width: 750px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.link_wrap a {
    display: block;
    width: 75px;
}

.link_wrap a + a {
    margin-left: 25px;
}

/* ======================
  fixed_link
========================= */
.fixed_link {
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 160px;
    z-index: 4;
    display: none;
}

.fixed_link .fixed_link_warp {
    width: 750px;
    height: 160px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fixed_link a {
    display: block;
    width: 170px;
}

.fixed_link a + a {
    margin-left: 10px;
}

/* ======================
  fixed_menu
========================= */
.fixed_menu {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 6;
}

.clip_shadow {
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5));
}

.fixed_menu_inner {
    position: relative;
    background: url(../img/about_bg.jpg) top center;
    margin: auto;
    width: 500px;
    clip-path: polygon(100% 0, 100% calc(100% - 1em), 96% 100%, 4% 100%, 0 calc(100% - 1em), 0 0);
}

.fixed_menu_wrap {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.fixed_menu_title {
    position: relative;
    top: -2px;
    width: 145px;
}

.fixed_menu_hamburger {
    width: 60px;
    height: 34px;
    position: absolute;
    float: left;
    top: 20px;
    left: 20px;
    cursor: pointer;
}

.fixed_menu_hamburger span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    background: #666666;
    width: 60px;
    height: 6px;
}

.fixed_menu_hamburger span:nth-of-type(1) {
    top: 0;
}

.fixed_menu_hamburger span:nth-of-type(2) {
    top: 15px;
}

.fixed_menu_hamburger span:nth-of-type(3) {
    top: 30px;
}

.fixed_menu_hamburger.active span:nth-of-type(1) {
    top: 0vw;
    transform: translateY(0.8vw) rotate(-45deg);
    width: 100%;
}

.fixed_menu_hamburger.active span:nth-of-type(2) {
    opacity: 0;
}

.fixed_menu_hamburger.active span:nth-of-type(3) {
    top: 1.6vw;
    transform: translateY(-0.8vw) rotate(45deg);
    width: 100%;
}

.fixed_menu_content {
    position: relative;
    height: 100%;
    display: none;
}


.fixed_menu_logo {
    width: 202px;
    padding: 30px 0 60px;
    margin: auto;
}

.fixed_menu_content ul {
    position: relative;
    width: 400px;
    border-top: 1px solid #808080;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    margin: auto;
}

.fixed_menu_content ul:after {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url("../img/fixed_leaf_bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 369px;
    height: 442px;
    left: -50px;
    bottom: 64px;
    z-index: 1;
}


.fixed_menu_content ul a {
    position: relative;
    display: inline-block;
    padding: 40px 0;
    text-align: center;
    z-index: 2;
}


.overlay {
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    transition: all 0.3s ease;
    width: 100%;
    z-index: 4;
}

.overlay.active {
    visibility: visible;
}