/****************************************

          modal navi - SP

*****************************************/
#navi-all{
	width:100%;
	height:100vh;
	position:relative;
	z-index:9999999;
	text-align:center;
}
#gnav {
	width:100%;
	height:100vh;
}
#navi-all a{
	color:#ffffff;
	text-decoration:none;
	font-family:'anzu';
	font-size:24px;
	letter-spacing:0.6px;
	font-weight:700;
}
#gnav ul.main-navi{
	height:70%;
	/*overflow:hidden;*/
}
#gnav ul.main-navi li.theme{
	width:100%;
	height:12%;
	position:relative;
	padding-top:2%;
}
#gnav ul.main-navi li.theme a span{
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
}
#gnav ul.main-navi li.theme img{
	width:4%;
	height:auto;
	margin-bottom:1px;
	margin-right:8px;
}
#gnav ul.main-navi li.navi-close{
	height:20%;
	margin-bottom:10%;
	position:relative;
}
#gnav ul.main-navi li.navi-close{
	height:20%;
}
#gnav ul.main-navi li.navi-close img.logo{
	width:60%;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#gnav ul.main-navi li.navi-close  > *:first-child +*{
	width:8%;
	height:auto;
	position:absolute;
	right:5%;
	top:20%;
}
#gnav div.share {
	width:100%;
	height:20%;
	text-align:center;
	margin-top:5%;
}
#gnav div.share .sns-icon-first{
	padding-left: 21%;
}
#gnav div.share p{
	margin-bottom:4%;
}
#gnav div.share img{
	width:10%;
	height:auto;
	margin-right:20px;
	float:left;
}
#gnav div.share img > *:first-child +* +* +* {
	margin-right:0 !important;
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
}

/* 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: 999999;
  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 {
  backface-visibility: hidden;
}

/* SP - menu */

.remodal {
  position: fixed;
  left:0;
  top:0;

  outline: none;
 
  text-size-adjust: 100%;
  width:100%;
  height:100%;
  z-index:9999;
}
  .remodal_sp {
	/*background-color: #ffc0ce;*/
	background-image:url(../img/common/bg_kokuban.jpg);
	background-size:cover;
	filter: alpha(opacity=50);
	-moz-opacity: 5;
	opacity: 5;
}
.remodal_sp .menu_close{
	margin: 40px 0 160px 507px;
}



.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}