@charset "utf-8";
.clr:before,
.clr:after {
	content:"";
	display:table;
}
.clr:after {
    clear:both;
}
.pc_Non { display:none; }

.graphic_newIcon{ position: relative; }

.g_header .graphic_newIcon:before{
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 100%;
	height: 10px;
	z-index: 1;
	background: url('/alcohol/beer/nodogoshi/assets/images/common/nav_icon_new.png') no-repeat top center;
	background-size: contain;
}
.g_header .gnav {
	width:960px;
	margin:0 auto;
	position: relative;
}

.g_header .gnav li{
	box-sizing: border-box;
	padding: 3.3% 0 0;
	margin-left: 1.5%;
}
.g_header .gnav li.g_nav_beer.pro_strong{
	margin-left: 2%;
}
.g_header .gnav li a {
	position: relative;
	overflow: visible;
}
.g_header .gnav .g_nav_logo a {
	padding: 0;
}
.g_header .gnav li a {
	display: block;
	position: relative;
	z-index: 2;
}
.g_header .gnav li a:before {
	content: "";
	position: absolute;
	left: -13px;
	top: -2px;
	background: url('/alcohol/beer/nodogoshi/assets/images/common/nav_line.png') no-repeat;
	width: 11px;
	height: 20px;
}
.g_header .gnav li:nth-child(2) a:before,.g_header .gnav li.pro_strong a:before {
	content: none;
}
.g_header .gnav .pro_strong a:before{
	left: -13%;
}
.g_header .gnav .g_nav_product a:after {
	display: none;
}
.g_header .gnav .g_nav_logo a:before,
.g_header .gnav .g_nav_beer.pro_zero a:before,
.g_header .gnav .g_nav_beer.pro_live a:before,
.g_header .gnav .g_nav_beer.pro_chosoukai a:before {
	display: none;
}
.g_header .gnav .g_nav_beer a:before {
	bottom: -2px;
	display: block;
}
.g_header .gnav .g_nav_logo {
	width: auto;
	padding: 0.886% 0;
	margin: 0 0% 0 0;
	}
.g_header .gnav .g_nav_project { width: auto; }
.g_header .gnav .g_nav_topic { width: auto; }
.g_header .gnav .g_nav_campaign { width: auto; }
.g_header .gnav .g_nav_movie { width: auto; }
.g_header .gnav .g_nav_product { width: auto; }
.g_header .gnav .g_nav_beer { position: relative;
															float: left;}
.g_header .gnav .g_nav_beer img { width: auto !important; }

.g_header .gnav .g_nav_logo:hover,
.g_header .gnav .g_nav_beer:hover img {
	opacity: 0.7;
}
.g_header .gnav li.act { border-bottom: 4px solid #e60012; }

.g_header .gnav li a img {
	width: auto !important;
}
.g_header .gnav li .anim_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
}
.g_header .gnav .pro_strong a {
	width: 100%;
}
.g_header .gnav li {
	float: left;
	position: relative;
}
.g_header .gnav li.g_nav_beer {
	margin-left: 1.6%;
}
li.g_nav_beer.pro_strong {
	margin-left: 4%;
}
.g_header { position:relative; z-index:20; background:#fff; }
.g_header .gnav li.act { border-bottom: 3px solid #e60012; }
.g_header .gnav li a { display:block; position: relative; z-index: 2; }
.g_header .gnav li a img { width: auto !important; }
.g_header .gnav li .anim_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: block; }
.g_header .gnav li .anim_bg span { display: inline-block; width: 0%; height: 100%; border-bottom: 4px solid #e60012; }
.g_header.fixed { position:fixed;  top:0; width:100%; z-index: 99; }






@media only screen and (min-width: 641px) and  (max-width: 960px) {
	.g_area { height: auto !important; }

	.g_header .graphic_newIcon:before {
		top: 20%;
	}
	.g_header .gnav {
		width: 100%;
		 max-width:960px;
		 margin:0 auto;
	 }
	.g_header .gnav li {
		float:left;
		position: relative;
		margin-left: 1.5%;
		padding: 2% 0 0;
	 }

	.g_header .gnav li a:before {
		content: "";
		position: absolute;
		left: -12px;
		bottom: -2px;
		background: url('/alcohol/beer/nodogoshi/assets/images/common/nav_line.png') no-repeat;
		width: 11px;
		height: 20px;
	}
	.g_header .gnav .g_nav_topic a:before{
		left: -14px;
	}
	.g_header .gnav .g_nav_product a:after {
		content: "";
		position: absolute;
		right: -20px;
		bottom: -2px;
		background: url('/alcohol/beer/nodogoshi/assets/images/common/nav_line.png') no-repeat;
		width: 11px;
		height: 20px;
	}
	.g_header .gnav .g_nav_logo a:before,
	.g_header .gnav .g_nav_beer.pro_zero a:before {
		display: none;
	}
	.g_header .gnav .g_nav_beer a:before {
		display: none;
	}
	.g_header .gnav .g_nav_logo {
		width: 17.8%;
		margin: 0 0% 0 1%;
		padding: 0.5% 0;
	}
	.g_header .gnav .g_nav_project { width: 9.8%; }
	.g_header .gnav .g_nav_topic { width: 8.4%; }
	.g_header .gnav .g_nav_campaign { width: 9.8%; }
	.g_header .gnav .g_nav_movie { width: 6.67%; }
	.g_header .gnav .g_nav_product { width: 7.1%; }
	.g_header .gnav .g_nav_logo:hover,
	.g_header .gnav .g_nav_beer:hover img {
	    opacity: 0.7;
	}
	.g_header .gnav .pro_strong a {
	    width: 100%;
	}
	.g_header .gnav .pro_zero a {
	    width: 100%;
	}
	.g_header .gnav .pro_live a {
	    width: 100%;
	}
	.g_header .gnav li.g_nav_beer.pro_strong{
		margin-left: 2%;
	}
	.g_header .gnav li.g_nav_beer{
		margin-left: 1.6%;
	}
	.g_header.fixed .gnav .g_nav_beer.pro_strong:hover a:after {
	  background: url('/alcohol/beer/nodogoshi/assets/images/common/hover_strong_under.png') no-repeat;
	  background-size: 100%;
	}
	.g_header.fixed .gnav .g_nav_beer.pro_zero:hover a:after {
	  background: url('/alcohol/beer/nodogoshi/assets/images/common/hover_zero_under.png') no-repeat;
	  background-size: 100%;
	}
	.g_header.fixed .gnav .g_nav_beer.pro_live:hover a:after {
	  background: url('/alcohol/beer/nodogoshi/assets/images/common/hover_live_under.png') no-repeat;
	  background-size: 100%;
	}

	.g_header .gnav li a { display:block; position: relative; z-index: 2; }
	.g_header .gnav li a img { width: auto !important; }
	.g_header .gnav li .anim_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: block; }
	.g_header .gnav li .anim_bg span { display: inline-block; width: 0%; height: 100%; border-bottom: 4px solid #e60012; }
	.g_header.fixed { position:fixed;  top:0; width:100%; z-index: 99; }
	.g_header .graphic_newIcon:before{
		height: 10px;
		width: 100%;
		height: 1.05vw;
		background: url('/alcohol/beer/nodogoshi/assets/images/common/nav_icon_new.png') no-repeat top center;
		background-size: 37px;
		background-size: 3.86vw;
	}
	.g_header .gnav .g_nav_project a,
	.g_header .gnav .g_nav_topic a,
	.g_header .gnav .g_nav_campaign a,
	.g_header .gnav .g_nav_movie a,
	.g_header .gnav .g_nav_product a {
		margin-top: 6px;
	}
	.g_header .gnav .g_nav_beer {
		margin-left: 0;
		float: left;
		padding: 2.65% 0 0;
	}
	.g_header .gnav .g_nav_beer.pro_strong {
		width: 13.5%;
		margin-left: 5.6%;
	}
	.g_header .gnav .g_nav_beer.pro_zero {
		width: 11.9%;
	}
	.g_header .gnav .g_nav_beer.pro_chosoukai {
		width: 11%;
	}
	.g_header .gnav .g_nav_beer.pro_live {
		width: 11.2%;
	}
	.g_header .gnav .g_nav_beer a {
		width: 100%;
	}
	.g_header .gnav .g_nav_beer:hover a:after {
		top: -105%;
		left: -14%;
		width: 5vw;
		height: 6.5vw;
	}
	.g_header.fixed .gnav .g_nav_beer:hover a:after {
		bottom: -105%;
	}



}
@media only screen and (max-width: 640px) {
	.pc_Non { display:block; }
	.sp_Non { display:none !important; }
	.g_area { height: auto !important; }

	.g_header { width:100%; position:relative; top:0; left:0; z-index:1; background:#fff; z-index:999; border-bottom:1px solid #ddd; }
	.g_header.fixed { width:100%; position:relative; top:0; left:0; z-index:1; background:#fff; z-index:9999; border-bottom:1px solid #ddd; }
	.g_header .gnav { display:none; position:absolute; width:100%; z-index:10100;
		box-shadow:rgba(0, 0, 0, 0.65) 0px 2px 3px -3px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 2px 3px -3px;
		-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 2px 3px -3px;
	 }
 .g_header .gnav .g_nav_logo{
	 padding: 0;
	 margin: 0;
 }
 .g_header .gnav .g_nav_campaign img.pc_Non,
 .g_header .gnav .g_nav_movie img.pc_Non,
 .g_header .gnav .g_nav_product img.pc_Non{
	width: 100%!important;
}
	.g_header .gnav li,
	.g_header .gnav li.g_nav_beer.pro_strong,
	.g_header .gnav li.g_nav_beer{
		width:100%;
		position:relative;
		background:#ffffff;
		margin: 0 auto;
		padding: 0;
	}
	.g_header .gnav li a { display:block; overflow:hidden; }
	.g_header .gnav li a:before{
		display: none;
	}
	.g_header .title_logo_sp { width:100%; }

	.g_header .graphic_newIcon:before {
	  content: "";
	  position: absolute;
	  left: 30%;
	  top: 40%;
		width: 10%;
	  height: 17%;
	  z-index: 3;
	  background: url('/alcohol/beer/nodogoshi/assets/images/common/nav_icon_new_sp.png') no-repeat;
	  background-size: 100% auto;
	}
	.g_header .graphic_newIcon01:before {
    left: 29.5%;
	}
	.g_header .graphic_newIcon02:before {
    left: 23%;
	}
	.g_header .graphic_newIcon03:before {
    left: 25%;
	}










	#cover{
	  display: none;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  min-height: 100%;
	  background-color: #000;
	  z-index: 990;
	  opacity: 0.4;
	  filter: alpha(opacity=40);
	}
	#cover.active{ display: block;}










}