@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }

.mt10 {	margin-top: 10px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt40 {	margin-top: 40px; }
.mt90 {	margin-top: 90px; }

/* text-align */
.txt_al_c{text-align:center;}

/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* 幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.w_100p{
	width:100%;
	}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #fff;
	transition: 0.4s;
	-webkit−transition: 0.4s;
}
a:hover {
	color: #ccc;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}
.indent{
	margin-left:1em;
	text-indent:-1em;
	}
.fw_bold{
	font-weight:bold;
	}


/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #212121;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
	position:relative;
	background-color:#000;
}

	

/* table */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.table{
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
}
.table th{
	background-color:#fabf1b;
	color:#fff;
	padding:12px 20px 8px 20px;
	text-align:left;
	width:156px;
	box-sizing:border-box;
	font-weight:bold;
}
.table td{
	padding:12px 10px 10px 20px;
}
.table tr th,.table tr td{
	border-top:2px solid #e3e3e3;
}
.table tr:last-child th,.table tr:last-child td{
	border-bottom:2px solid #e3e3e3;
}

.orange{
	color:#ed6d1e;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	.sp {display: none !important;}
	
	html{
		height:100%;
		}
	body{
		min-width:1100px;
		height:100%;
		position:relative;
		overflow-y: scroll;
		}
	
	header{
		position: relative;
		z-index: 999;
		background-color:#1E1E1E;
		height:80px;
		}
		.main_menu{
			padding-left: 250px;
			}
			.main_menu .left{
				position:absolute;
				left:0;
				top:0px;
				}
			.main_menu .left h1{
				line-height:0;
				}
				.main_menu .left > div{
					margin-top:10px;
					font-size:0;
					margin-left:-15px;
					}
				.main_menu .left > div p{
					display:inline-block;
					vertical-align:middle;
					margin-left:15px;
					}
				.main_menu .left .brandsite{
					cursor:pointer;
					}
		.main_menu nav ul{
			display:table;
			width:100%;
			}
			.main_menu nav li{
				display:table-cell;
				table-layout: fixed;
				}
			.main_menu nav li img {
				width: 100px;
				height: auto;
				}
			.main_menu nav li.on a,
			.main_menu nav li a:hover{
				background-color:#323232;
				}
			.main_menu nav li a{
				display:table;
				width:100%;
				}
			.main_menu nav li a p{
				display:table-cell;
				vertical-align:middle;
				color:#fff;
				text-align:center;
				height:80px;
				padding:0 8px;
				box-sizing:border-box;
				}
			.main_menu nav li a p span{
				display:block;
				font-size:12px;
				letter-spacing:-0.02em;
				opacity: 0;
				}
				
			.main_menu nav li.on a p span,
			.main_menu nav li a:hover p span{
				opacity: 1;
				transition:500ms;
				}
				
	
	/* ヘッダー pc */
	#brand_menu_block{
		position:fixed;
		left:0;
		top:0;
		width:100%;
		background: rgba(0, 0, 0, 0.5);
		z-index:-1;
		opacity:0;
		transition:500ms;
		pointer-events: none;
		}
	.open #brand_menu_block{
		z-index:99;
		opacity:1;
		transition:500ms;
		pointer-events: auto;
		}
		#brand_menu_block > div{
			position: fixed;
			left:50%;
			top:50%;
			transform: translate(-50%, -50%);
			width:90%;
			max-width:950px;
			border:1px solid #808080;
			padding:70px;
			box-sizing:border-box;
			background-color: #000;
			}
		#brand_menu_block > div h1{
			text-align:center;
			padding-bottom:25px;
			}
		#brand_menu_block > div .close_btn{
			position:absolute;
			right:15px;
			top:15px;
			cursor:pointer;
			}
		/*
		#menu_block > div .menu_wrap{
			overflow-y:scroll;
			}
		*/
			#brand_menu_block > div .menu_wrap ul{
				margin-left:-5%;
				}
			#brand_menu_block > div .menu_wrap ul li{
				margin-left:5%;
				float:left;
				width:20%;
				margin-top:10px;
				}
			#brand_menu_block > div .menu_wrap ul li a{
				color:#fff;
				text-align:center;
				display:block;
				}
			#brand_menu_block > div .menu_wrap ul li a img{
				max-width:100%;
				}
			#brand_menu_block > div .menu_wrap ul li a > span{
				display:block;
				line-height:1.6em;
				font-size:13px;
				margin-top:3px;
				}
				#brand_menu_block > div .menu_wrap ul li a > span > span{
					font-size:0.8em;
					}
			#brand_menu_block > div .menu_wrap ul li.clear{
				clear:both;
				}
	/* ヘッダー pc end */
	
	
	/* フッター pc  */	
	footer {
		position:fixed;
		bottom: 0;
		width:100%;
		left:0;
		z-index:5;
		background: #1e1e1e;
		height: 40px;
	}
	.sns{
		}
		.sns .logo{
			position:absolute;
			width: 110px;
			height: auto;
			top: 12px;
			left:15px;
			}
		.sns .text{
			position:absolute;
			top: 12px;
			left: 50%;
			margin-left: -130px;
			color:#fff;
			line-height: 1.5em;
			font-size: 12px;
			}
		.sns .twitter{
			position:absolute;
			right:110px;
			top: 8px;
			width: 18px;
			height: auto;
			}
		.sns .facebook{
			position:absolute;
			right:150px;
			top: 8px;
			width: 10px;
			height: auto;
			}
		.sns .about{
			position:absolute;
			display:inline-block;
			border:1px solid #4b4b4b;
			top: 7px;
			color:#fff;
			right:20px;
			font-size:11px;
			padding:6px 20px 6px 5px;
			line-height:1;
			}
			.sns .about::after{
				position:absolute;
				right:5px;
				top:8px;
				content:"";
				width:10px;
				height:8px;
				background-image:url(../img/window.png);
				}
				
		.sns .brandsite{
			position:absolute;
			left:140px;
			top: 7px;
			}
				
				
				
	/* フッター pc end */
	
	
	/*  contents  */
	/* contents  end */

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	.pc {display: none !important;}
	
	
	/* ヘッダー sp */
	
	header{
		position: relative;
		z-index: 999;
		height:40px;
		}
		.main_menu{
			}
			.main_menu .left{
				position:absolute;
				left:5px;
				top:0px;
				}
			.main_menu .left h1{
				line-height:0;
				width:125px;
				}
				.main_menu .left h1 img{
					width:100%;
					}
				.main_menu .left > div{
					display:none;
					}
					
					
	.fat-nav li img {
		width: 32%;
		height:auto;
		}
					
	
	.fat-nav li.brand{
		border-bottom:none;
		}
		.fat-nav li.brand ul{
			display:block;
			}
		.fat-nav li.brand ul li{
			width:49%;
			border:none;
			box-sizing: border-box;
			text-align:center;
			}
		.fat-nav li.brand ul li img {
			width:100%;
			height: auto;
			}
		.fat-nav li.brand ul li:nth-of-type(odd){
			float:left;
			clear:both;
			}
		.fat-nav li.brand ul li:nth-of-type(even){
			float:right;
			}
			.fat-nav li.brand ul li img{
				max-width:100%;
				}
			.fat-nav li.brand ul li span{
				display:block;
				font-size:12px;
				letter-spacing:-0.02em;
				}
	/* ヘッダー sp end */
	
	
	
	/* フッター sp  */
	footer {
		margin-top: 15%;
	}
	.sns{
		position: relative;
		bottom:15px;
		width:100%;
		left:0;
		z-index:5;
		height:14px;
		}
		.sns .text{
			position:absolute;
			width:100%;
			text-align:center;
			color:#fff;
			line-height: 1.5em;
			font-size: 12px;
			}
		.sns .logo{
			position:absolute;
			width: 110px;
			height: auto;
			left:15px;
			bottom:25px;
			}
		.sns .twitter{
			position:absolute;
			right:110px;
			bottom:25px;
			width: 18px;
			height: auto;
			}
		.sns .facebook{
			position:absolute;
			right:150px;
			bottom:25px;
			width: 10px;
			height: auto;
			}
		.sns .about{
			position:absolute;
			display:inline-block;
			border:1px solid #808080;
			color:#fff;
			right:20px;
			font-size:11px;
			padding:2px 20px 3px 5px;
			line-height:1;
			bottom:23px;
			}
			.sns .about::after{
				position:absolute;
				right:5px;
				top:4px;
				content:"";
				width:10px;
				height:8px;
				background-image:url(../img/window.png);
				}
				
		.sns .brandsite{
			display: none;
			}
				
				
	/* フッター sp end */	
	
	
	
	/*  contents  */
	/* contents  end */
	

	
}