/* Scss Document */
.is-resize #global-nav, .is-resize #global-nav #main-nav > li > a::after { transition: none; }

@media print, screen and (min-width: 1024px) { .menu_btn { display: none; } }
@media only screen and (max-width: 1023.8px) { .menu_btn { width: 60px; height: 60px; box-sizing: border-box; background-color: #962240; cursor: pointer; display: flex; flex-wrap: wrap; align-content: center; }
  .menu_btn .ham { width: 30px; height: 24px; margin: 0 auto; position: relative; }
  .menu_btn .ham > span { position: absolute; width: 100%; height: 2px; background: #fff; display: block; transform: rotate(0deg); transition: .25s ease-in-out; }
  .menu_btn .ham > span:nth-child(1) { top: 0; }
  .menu_btn .ham > span:nth-child(2) { top: 11px; }
  .menu_btn .ham > span:nth-child(3) { bottom: 0; }
  .menu_btn.opensesame .ham > span:nth-child(1) { transform: rotate(45deg); top: 10px; left: 0px; }
  .menu_btn.opensesame .ham > span:nth-child(2) { width: 0%; opacity: 0; }
  .menu_btn.opensesame .ham > span:nth-child(3) { transform: rotate(-45deg); top: 10px; left: 0px; } }
@media print, screen and (min-width: 1024px) { #global-nav { padding: 0; font-size: 1.8rem; flex: 1; display: flex; align-items: center; justify-content: flex-end; }
  #global-nav #main-nav { display: flex; }
  #global-nav #main-nav > li > a { position: relative; color: #333; font-weight: 700; text-decoration: none; padding: 0 22px; font-size: 2.0rem; }
  #global-nav #main-nav > li > a::after { content: ''; position: absolute; bottom: -3px; left: 10%; width: 80%; height: 2px; background: #962240; transition: all .3s; transform: scale(0, 1); transform-origin: center top; }
  #global-nav #main-nav > li:hover > a::after { transform: scale(1, 1); } }
@media screen and (min-width: 1024px) and (max-width: 1200px) { #main-nav { margin-right: 15px; }
  #global-nav #main-nav > li > a { font-size: calc(1.6rem + 4 * (100vw - 1024px)/176); padding: 0 10px; } }
@media only screen and (max-width: 1023.8px) { #global-nav { position: fixed; overflow: auto; z-index: 10; right: 0; bottom: 0; background: rgba(185, 2, 68, 0.9); opacity: 0; visibility: hidden; color: #fff; padding: 0; transform: translateX(400px); transition: all 0.7s cubic-bezier(0.8, 0, 0.1, 1); box-sizing: border-box; width: 100%; top: 60px; font-size: 1.6rem; }
  #global-nav::-webkit-scrollbar { width: 10px; height: 10px; }
  #global-nav::-webkit-scrollbar-track { border-radius: 5px; background: #ccc; }
  #global-nav::-webkit-scrollbar-thumb { border-radius: 5px; background: #4D8526; }
  #global-nav.opensesame { opacity: 1; visibility: visible; transform: translateX(0); }
  #global-nav ul { list-style: none; }
  #global-nav #main-nav > li { border-bottom: solid 1px #fff; }
  #global-nav #main-nav a { position: relative; text-decoration: none; display: block; padding: 15px 20px; }
  #global-nav #main-nav a::after { content: ""; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 8px; height: 14px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath fill='%23fff' d='M9.5,10.2l-7.1,7.6c-0.3,0.3-0.8,0.3-1.1,0c0,0,0,0,0,0l-1.1-1.1c-0.3-0.3-0.3-0.8,0-1.1	l5.4-5.9c0.3-0.3,0.3-0.8,0-1.1L0.2,2.5c-0.3-0.3-0.3-0.8,0-1.1l1.1-1.1c0.3-0.3,0.8-0.3,1.1,0c0,0,0,0,0,0l7.1,7.6	C10.2,8.5,10.2,9.5,9.5,10.2z'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat; background-size: contain; transition: all .3s; } }