@charset "utf-8";
/*   
Theme Name: Vanguard Networks co,.ltd. 2011.04
Theme URI: http://www.mmk.co.jp
Description: 株式会社ヴァンガードネットワークス（http://vanguard.ne.jp）のホームページ用カスタマイズテーマです。
Author: VanguardNetworks co,. ltd.
Author URI:http://www.mmk.co.jp
Version: 1.0
*/

@media screen and (min-width:736px) {

html {
		background:#000000 url('images/back_photo.jpg') center 0 no-repeat;
		background-size:cover;
		background-attachment: fixed;
	}

body {
	line-height:0;
	font-size:14px;
	color:#333333;
	margin:0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:
		url('images/back_img.png') center 0 repeat-x,
		url('images/back_filter.png') center 0
	;
}

body div#MainConst {
	display:flex;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	-ms-flex-pack:center;
	-webkit-flex-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	letter-spacing:-.40em;
}

aside#SpDrawerMenu {
	display:none;
}

a {
	color:#00aaff;
	text-decoration:none;
}

a:hover {
	color:#00aaff;
	text-decoration:underline;
}

a img { border:none; }

/*　ヘッダー　*/

header {
	display:flex;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	-ms-flex-pack:center;
	-webkit-flex-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	letter-spacing:-.40em;
	width:100%;
	margin:0 auto 20px;
	padding:0;
	box-sizing:border-box;
}
	
	header div#HeaderArea {
		width:100%;
		margin:0 auto 20px;
		padding:0;
		box-sizing:border-box;
		background:rgba(0,0,0,0.75);
		letter-spacing:normal;
	}
	
	header #HeaderArea h1 {
		max-width:1000px;
		margin:0 auto;
		padding:10px 0;
		line-height:10px;
		font-size:10px;
		font-weight:normal;
		color:#ffffff;
		text-align:left;
	}
	
	header #HeaderArea p { display:none; }
	
	header div#LogoArea {
		width:280px;
		margin:0 20px 0 0;
		padding:0;
		letter-spacing:normal;
	}
		
		header div#LogoArea img { width:100%; }
		header div#LogoArea h2,
		header div#LogoArea p { background:rgba(0,0,0,0.75); }
		
		header div#LogoArea h2 {
			margin:0;
			padding:0 20px;
			box-sizing:border-box;
		}
		
		header div#LogoArea div#VolBloc img.attachment-full { display:none; }
		
		header div#LogoArea p {
			height:118px;
			margin:1px 0;
			padding:20px 30px;
			line-height:1.15;
			color:#ffffff;
			font-size:32px;
			font-weight:bold;
			text-align:center;
			box-sizing:border-box;
		}
		
		header div#LogoArea p.Small { font-size:24px; }
		
		header div#LogoArea p span {
			font-size:18px;
			color:#c3b696;
		}
		
		header div#LogoArea ul {
			display:flex;
			display:-ms-flexbox;
			display:-moz-flex;
			display:-webkit-flex;
			-ms-flex-pack:center;
			-webkit-flex-pack:center;
			justify-content:center;
			-ms-flex-wrap:wrap;
			-webkit-flex-wrap:wrap;
			flex-wrap:wrap;
			letter-spacing:-.40em;
			margin:0;
			padding:0;
			list-style:none;
			text-align:center;
		}
		
			header div#LogoArea ul li {
				width:50%;
				letter-spacing:normal;
			}
			
			header div#LogoArea ul li a {
				display:block;
				margin:0;
				padding:0;
				background:rgba(0,0,0,0.75);
				box-sizing:border-box;
				webkit-transition:0.3s ease-out;
				-moz-transition:0.3s ease-out;
				-o-transition:0.3s ease-out;
				transition:0.3s ease-out;
			}
			header div#LogoArea ul li:first-child a {margin-right:1px; }
			header div#LogoArea ul li a:hover { background:rgba(255,0,139,0.75); }
			header div#LogoArea ul li img { width:60px; }

/*　グローバルナビ　*/

nav {
	width:280px;
	margin:0 20px 40px 0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	letter-spacing:normal;
}

	nav .GlobalNavi {
		width:100%;
		margin:0 auto 20px;
		padding:0;
	}

		nav .GlobalNavi > dt {
			width:100%;
			margin:0;
			padding:0;
			box-sizing:border-box;
			border:#000000 1px solid;
			background:rgba(0,0,0,0.75);
			text-align:center;
		}
		
		nav .GlobalNavi > dt img { width:100%; }
		
		nav .GlobalNavi > dd {
			width:100%;
			/*height:60px;*/
			margin:2px 0 0;
			padding:0;
			box-sizing:border-box;
			background:rgba(255,255,255,0.9);
			border:#000000 1px solid;
			line-height:1;
		}
		
		nav #Category > dd.Eat { background:rgba(255,255,255,0.9) url('images/global/menu_cat_icon_eat.png') 0 0 no-repeat; }
		nav #Category > dd.Drink { background:rgba(255,255,255,0.9) url('images/global/menu_cat_icon_drink.png') 0 0 no-repeat; }
		nav #Category > dd.Play { background:rgba(255,255,255,0.9) url('images/global/menu_cat_icon_play.png') 0 0 no-repeat; }
		nav #Category > dd.Show { background:rgba(255,255,255,0.9) url('images/global/menu_cat_icon_show.png') 0 0 no-repeat; }
		
		nav #PickUp > dd:hover { background:rgba(255,235,0,0.9); }
		nav #Company > dd:hover { background:rgba(222,0,127,0.9); }
		
		nav #Category > dd.Eat:hover { background:rgba(0,170,255,0.9) url('images/global/menu_cat_icon_eat_on.png') 0 0 no-repeat; }
		nav #Category > dd.Drink:hover { background:rgba(0,170,255,0.9) url('images/global/menu_cat_icon_drink_on.png') 0 0 no-repeat; }
		nav #Category > dd.Play:hover { background:rgba(0,170,255,0.9) url('images/global/menu_cat_icon_play_on.png') 0 0 no-repeat; }
		nav #Category > dd.Show:hover { background:rgba(0,170,255,0.9) url('images/global/menu_cat_icon_show_on.png') 0 0 no-repeat; }
		
			nav .GlobalNavi > dd a {
				display:block;
				width:100%;
				margin:10px 15px 12px;
				padding:5px 15px 0px;
				box-sizing:border-box;
				font-size:18px;
				font-weight:bold;
				line-height:18px;
				text-align:left;
				color:#000000;
			}
			
			nav #PickUp > dd a { border-left:#ffeb00 5px solid; }
			nav #PickUp > dd a:hover {
				border-left:#ffffff 5px solid;
				text-decoration:none;
			}
			
			nav #Category > dd a { padding-left:50px; }
			nav #Category > dd a:hover {
				text-decoration:none;
				color:#ffffff;
			}
			
			nav #Company > dd a { border-left:#de007f 5px solid; }
			nav #Company > dd a:hover {
				border-left:#ffffff 5px solid;
				text-decoration:none;
				color:#ffffff;
			}
			
			nav .GlobalNavi > dd a span {
				display:block;
				margin:2px 0 0;
				padding:0;
				line-height:12px;
				font-size:12px;
				font-weight:normal;
				color:#c39a63;
			}
	
	#GlobalNavi > li.Head,
	#GlobalNavi > li.Mid { width:166px; }
	#GlobalNavi > li.Head { border-left:#e1d6be 1px solid; }
	
	#GlobalNavi > li:hover { background:rgba(238,147,0,1); }

nav#SpDrawerMenu { display:none; }

/*　メインコンテンツ　*/
	
	main {
		display:block;
		width:700px;
		margin:0 0 40px;
		padding:0;
		text-align:center;
	}
	
	hr {
		width:100%;
		border-top:#dddddd 1px solid;
		border-bottom:none;
		margin:0;
		padding:0;
	}
	
	hr.White {
		width:100%;
		border-top:#ffffff 1px solid;
		border-bottom:none;
		margin:0;
		padding:0;
	}
	
	main article {
		width:100%;
		margin:0 0 20px;
		letter-spacing:normal;
		box-sizing:border-box;
	}
	
	main article.Page {
		/*width:1000px;*/
		margin:0 auto;
		padding:0 0 50px;
		line-height:1.5;
	}
	
		main article.Page h1 {
			width:100%;
			height:150px;
			margin:0 auto 90px;
			padding:40px 0 0;
			text-align:center;
			background:#ffffff;
		}
		
		main article.Page p#Pankuzu {
			width:1000px;
			margin:30px auto;
			padding:0;
			text-align:left;
			font-size:10px;
		}
	
	main article.Contents {
		width:800px;
		margin:90px auto 0;
		padding:80px 100px 50px;
		background:#ffffff;
		text-align:left;
	}
	
	#ToContents {
		position:absolute;
		right:50px;
		width:1000px;
		margin:0 auto;
		padding:10px 0 0;
		text-align:right;
	}
	
	#ToTop {
		text-align:right;
		height:75px;
		position:fixed;
		right:25px;
		bottom:25px;
		/*cursor:pointer;*/
		z-index:5;
	}

/*　フッター　*/

footer {
	width:100%;
	display:flex;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	-ms-flex-pack:center;
	-webkit-flex-pack:center;
	justify-content:center;
	-ms-align-items:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	
	letter-spacing:-.40em;
	margin:0;
	padding:50px 0 0;
	text-align:center;
	color:#333333;
	background:#f2f3f3;
}

	footer div,
	footer dl {
		letter-spacing:normal;
		line-height:1.25;
	}
	
	footer div#Issue {
		width:310px;
		display:flex;
		display:-ms-flexbox;
		display:-moz-flex;
		display:-webkit-flex;
		-ms-flex-pack:center;
		-webkit-flex-pack:center;
		justify-content:center;
		-ms-align-items:flex-end;
		-webkit-align-items:flex-end;
		align-items:flex-end;
		-ms-flex-wrap:nowrap;
		-webkit-flex-wrap:nowrap;
		flex-wrap:nowrap;
		letter-spacing:-.40em;
		background:#000000;
		color:#ffffff;
	}
	
		footer div#Issue p {
			margin:0;
			letter-spacing:normal;
			box-sizing:border-box;
		}
		
		footer div#Issue p.Title {
			width:60px;
			padding:30px 0 0;
			background:#ffeb00;
		}
		
		footer div#Issue p.Img {
			width:150px;
			padding:0 15px 30px;
		}
		
		footer div#Issue p.Body {
			width:100px;
			padding:30px 10px 50px 0;
			font-size:12px;
			text-align:left;
		}
		
			footer div#Issue p.Title img { width:60px; }
			footer div#Issue p.Body strong {
				display:block;
				margin:0 0 10px;
				font-size:16px;
			}
			
			footer div#Issue p.Body a {
				display:block;
				margin:10px 0 0;
				padding:5px 5px 5px 20px;
				text-align:left;
				color:#40220f;
				background:#ffeb00 url(images/link_icon_issue.png) 2px center no-repeat;
			}
			
			footer div#Issue p.Body a:hover {
				background:#ffffff url(images/link_icon_issue.png) 2px center no-repeat;
				text-decoration:none;
			}
	
	footer dl.FooterNavi {
		width:190px;
		margin:0;
		padding:20px 0 40px 40px;
		box-sizing:border-box;
		text-align:left;
	}
		
		footer dl.FooterNavi dt {
			margin:0 0 15px;
			padding:0;
			font-size:18px;
			font-weight:bold;
		}
		
		footer dl.FooterNavi dd {
			margin:0 0 5px;
			padding:0;
		}
		
		footer dl.FooterNavi dd a {
			display:block;
			margin:0;
			padding:5px 0 5px 20px;
			background:url('images/link_icon.png') 0 center no-repeat;
			line-height:1;
			color:#333333;
		}
		footer dl.FooterNavi dd a:hover {
			color:#de007f;
			text-decoration:none;
			background:url('images/link_icon_latest.png') 0 center no-repeat;
		}
		
	footer div#FooterAddress {
		width:310px;
		margin:0;
		padding:20px 0 40px 40px;
		box-sizing:border-box;
		text-align:right;
	}
	
#Copy {
	width:100%;
	margin:30px 0 0;
	padding:9px 0;
	line-height:10px;
	font-size:10px;
	letter-spacing:normal;
	text-align:center;
	background:#000000;
	color:#ffffff;
}

}

.FtVol {
	margin:0 auto;
	padding:1.5em 0 0;
}