/*三を×に変えるエフェクト*/
.slicknav_icon,
.slicknav_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.slicknav_icon {
    position: relative;
    width: 18px;
    height: 14px;
}
.slicknav_menu .slicknav_icon-bar{
    position: absolute;
    left: 0;
}
.slicknav_icon span:nth-of-type(1) {
    top: 0;
}
.slicknav_icon span:nth-of-type(2) {
    top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
    bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
    opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}
.slicknav_menu {
    width: 100%;
    /*position: fixed;*/
    top: 0;
    left: 0;
    z-index: 1000000;
}
#pc_menu_wrap .slicknav_menu{
  position: fixed;
}
#pc_menu_wrap .slicknav_menu:before {
    /*width: 180px;ロゴの幅*/
    /*height: 50px;ロゴの高さ*/
    float: left;/*左に寄せる*/
    margin-top: 6px;
    margin-bottom: 6px;
  content:"Mitsuoka Viewt & My Collection" !important;/*ロゴ*/
  color: rgb(119, 0, 0);
  font-family: 'Caveat', cursive;
}
#sp_submenu_wrap .slicknav_menu:before {
  float: left;/*左に寄せる*/
    margin-left: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
  content:"スタンプページ－サブメニュー" !important;/*サブメニュー*/
  color: #fff;
  font-size: large;
}
@media screen and (min-width: 641px) {
    .slicknav_menu:before {
        margin-left: 6px;
        font-size: x-large;
    }
}
@media screen and (max-width: 640px) {
    .slicknav_menu:before {
        margin-left: 3px;
        font-size: large;
    }
}
@media screen and (max-width: 330px) {
    .slicknav_menu:before {
        margin-left: 3px;
        font-size: medium;
    }
}