/* $jg_l_purple:rgba(230,204,246,1); */
/* $jg_gray:#3E3A39; */
/* $form_button:rgba(179,102,227,1); */
#main_menu_mobile { width: 100%; height: 19vmin; position: fixed; top: 0px; left: 0px; z-index: 1500; background-color: white; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; border-bottom: 1px solid rgba(255, 255, 255, 0.1); /*     .bg_box{ position:absolute; width:60vmin; height: 19vmin; top:0; left:0; background-image: url(../images/parts/bg_red_triangle.svg); background-repeat: no-repeat; background-size: cover; background-position: center left; z-index:-1; } */ }
#main_menu_mobile .logo_box { width: 70vmin; height: 19vmin; float: left; }
#main_menu_mobile .logo_box a { display: block; width: 100%; height: 19vmin; /* padding:4.5vmin 0vmin 4.5vmin 4vmin; */ /* box-sizing: border-box; */ cursor: pointer; /* padding:5.55vmin 0px 5.55vmin 5vmin; */ /* padding:3vmin 0px 3vmin 0vmin; */ /*            border:1px solid red;*/ }
#main_menu_mobile .logo_box a .img_wrap { width: 100%; height: inherit; position: relative; }
#main_menu_mobile .logo_box a .img_wrap .logo_mark { position: absolute; width: 80%; top: 22%; left: 5%; z-index: 10; opacity: 1; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#main_menu_mobile .logo_box a .img_wrap .logo_mark img { display: block; width: 100%; }
#main_menu_mobile .logo_box a .img_wrap .logo_mark.logo_mark_menu { opacity: 0; }
#main_menu_mobile .menu_button_mobile { width: 20vmin; cursor: pointer; float: right; }
#main_menu_mobile .menu_button_mobile .menu_button_mobile_in { padding: 6vmin; }
#main_menu_mobile .menu_button_mobile .menu_button_mobile_in span { width: 100%; display: block; border-top: 2px solid #fff; border-top: 2px solid #b366e3; /* border-top:2px solid $cana_red; */ margin: 0vmin auto 2.3vmin; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#main_menu_mobile .menu_button_mobile .menu_button_mobile_in span:nth-child(1) { -webkit-transform-origin: left center; transform-origin: left center; }
#main_menu_mobile .menu_button_mobile .menu_button_mobile_in span:nth-child(3) { -webkit-transform-origin: left center; transform-origin: left center; margin: 0vmin auto 0vmin; }
#main_menu_mobile.active { /* background-color:rgba(0,0,0,1); */ background-color: #b366e3; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#main_menu_mobile.active .logo_box a .img_wrap .logo_mark.logo_mark_base { opacity: 0; }
#main_menu_mobile.active .logo_box a .img_wrap .logo_mark.logo_mark_menu { opacity: 1; }
#main_menu_mobile.active .menu_button_mobile .menu_button_mobile_in span { border-top: 2px solid #fff; }
#main_menu_mobile.active .menu_button_mobile .menu_button_mobile_in span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#main_menu_mobile.active .menu_button_mobile .menu_button_mobile_in span:nth-child(2) { opacity: 0; }
#main_menu_mobile.active .menu_button_mobile .menu_button_mobile_in span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#menu_menu_list_mobile { width: 100%; position: fixed; top: 19vmin; /*         top:-19vmin; top:0px; */ left: 0px; height: 100vh; min-height: 100vh; z-index: 1400; background-color: #b366e3; padding-bottom: 15vmin; overflow-y: scroll; opacity: 1; -webkit-transform: translate(0px, -150%); transform: translate(0px, -150%); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#menu_menu_list_mobile ul { width: 100%; }
#menu_menu_list_mobile ul li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
#menu_menu_list_mobile ul li a { color: white; text-decoration: none; font-size: 4vmin; line-height: 1.0em; padding: 4vmin 3vmin 4vmin 5vmin; padding: 2.5vmin 3vmin 2.5vmin 5vmin; box-sizing: border-box; font-weight: bold; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#menu_menu_list_mobile ul li a .left_box_menu { width: 80%; }
#menu_menu_list_mobile ul li a .left_box_menu b { font-size: 4vmin; line-height: 1.1em; display: block; font-weight: bold; font-weight: 400; color: white; font-family: 'Noto Sans JP'; }
#menu_menu_list_mobile ul li a .left_box_menu span { display: block; color: rgba(255, 255, 255, 0.8); font-weight: normal; font-size: 3vmin; line-height: 1.1em; }
#menu_menu_list_mobile ul li a .right_box_menu { width: 10%; }
#menu_menu_list_mobile ul li a .right_box_menu i { font-size: 3vmin; color: white; display: block; }
#menu_menu_list_mobile ul li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
#menu_menu_list_mobile ul li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#menu_menu_list_mobile ul li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
#menu_menu_list_mobile ul li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
#menu_menu_list_mobile ul li:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
#menu_menu_list_mobile ul li:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
#menu_menu_list_mobile ul li:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
#menu_menu_list_mobile ul li:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
#menu_menu_list_mobile ul li:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
#menu_menu_list_mobile ul li:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s; }
#menu_menu_list_mobile ul li:nth-child(11) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
#menu_menu_list_mobile ul li:nth-child(12) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
#menu_menu_list_mobile ul li:nth-child(13) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
#menu_menu_list_mobile ul li:nth-child(14) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
#menu_menu_list_mobile ul li:nth-child(15) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
#menu_menu_list_mobile .aside ul.xoxo li .title_wrap { padding: 8% 0 2%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#menu_menu_list_mobile .aside ul.xoxo li .title_wrap h3 { text-align: center; color: white; font-size: 5vmin; }
#menu_menu_list_mobile .aside ul.xoxo li .title_wrap .right { text-align: center; }
#menu_menu_list_mobile .aside ul.xoxo li .title_wrap .right span { text-align: center; font-size: 3vmin; color: white; display: block; line-height: 1.3em; }
#menu_menu_list_mobile .aside ul.xoxo li ul li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#menu_menu_list_mobile .aside ul.xoxo li ul li a { padding: 4% 15% 4% 5%; font-size: 4vmin; position: relative; display: block; color: white; text-decoration: none; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
#menu_menu_list_mobile .aside ul.xoxo li ul li a .right { position: absolute; right: 5%; top: calc(50% - 2.5vmin); }
#menu_menu_list_mobile .aside ul.xoxo li ul li a .right .right_in i { color: white; }
#menu_menu_list_mobile.active { -webkit-transform: translate(0px, 0%); transform: translate(0px, 0%); }
#menu_menu_list_mobile.active ul li { -webkit-transform: translate(0px, 0); transform: translate(0px, 0); }

#main { /* display:none; */ }

/*# sourceMappingURL=jgppa_sp.css.map */