/* ==========================================================================
   スマホメニュー　Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */
html.remodal-is-locked {overflow: hidden; -ms-touch-action: none; touch-action: none;}

/* Anti FOUC */
.remodal,[data-remodal-id] { display: none;}

/* Necessary styles of the overlay */
.remodal-overlay {position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none;}

/* Necessary styles of the wrapper */
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch;}
.remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: "";}

/* Fix iPad, iPhone glitches */
.remodal-overlay,.remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/* Necessary styles of the modal dialog */
.remodal { position: relative; outline: none;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
.remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block;}
.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px);}

/* Default theme styles of the overlay */
.remodal-overlay { background: rgba(248, 159, 162, 0.9);}
.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes;}
.remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes;}

/* Default theme styles of the wrapper */
.remodal-wrapper { padding: 10px 10px 0;}

/* Default theme styles of the modal dialog */
.remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 3rem;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background:url("../images/top/menu_bg.jpg") no-repeat 0 0/cover;}
.remodal.remodal-is-opening,.remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.remodal.remodal-is-opening {-webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes;}
.remodal.remodal-is-closing {  -webkit-animation-name: remodal-closing-keyframes;animation-name: remodal-closing-keyframes;}

/* Vertical align of the modal dialog */
.remodal,.remodal-wrapper:after { vertical-align: middle;}

/* Close button */
.remodal-close { position: absolute; top: 0; right: 0;display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent;}
.remodal-close:hover,.remodal-close:focus { color: #2b2e38;}
.remodal-close:before {font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 75px; line-height: 35px; position: absolute; top: 1rem; right: 1.2rem; display: block; width: 35px; content: "\00d7"; text-align: center;}

/* Dialog buttons */
.remodal-confirm,.remodal-cancel { font: inherit; display: inline-block; overflow: visible;  min-width: 220px; margin: 0; padding: 12px 0 8px; border-radius:5px; margin-top:12px;cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0;}
.remodal-confirm { color: #fff;background: #81c784;}
.remodal-confirm:hover,.remodal-confirm:focus { background: #66bb6a;}
.remodal-cancel { color: #7A2428; background: #F8A0A2; margin-top: 2rem; }
.remodal-cancel:hover,.remodal-cancel:focus { opacity: .7;}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner { padding: 0; border: 0;}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
}

@keyframes remodal-opening-keyframes {
  from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
}

@-webkit-keyframes remodal-closing-keyframes {
  from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0;  -webkit-filter: blur(0);  filter: blur(0); }
}

@keyframes remodal-closing-keyframes {
  from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes remodal-overlay-opening-keyframes {
  from { opacity: 0;}
  to { opacity: 1; }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes remodal-overlay-closing-keyframes {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 769px) {
  .remodal { max-width: 1200px; }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38;}
.lt-ie9 .remodal { width: 700px;}

@media only screen and (max-width: 768px) {
    .remodal-close{ top:5px; right: 5px;}
    .remodal-close:before{ font-size: 50px; top: 0; left: 0;}
    .remodal { padding: 20px 20px;}
    
}