/* CSS Document */

header {
	position:relative;
	height:600px;
	background-image:url(/image/header/header.jpg);
	background-size:cover;
	background-position:center;
}

header #logo {
	/*
	position:absolute;
	top:8px;
	left:12px;
	*/
	float:left;
	margin:9px 0 0 16px;
}

header #logo_image { width:226px }

header nav ul li a {
	/*
	font-weight:bold;
	text-shadow:0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 2px #fff;
	*/
	padding:4px 7px 3px 7px;
	background-color:rgba(255,255,255,0.7);
	border:0;
}

header #information {
	clear:both;
	width:33.3%;
	min-width:240px;
	position:absolute;
	bottom:0;
	left:0;
	padding:0px;
	box-sizing:border-box;
	text-shadow:0 0 6px #fff;
	background-color:rgba(255,255,255,0.6);
	/*
	border:1px solid rgba(255,255,255,0.50);
	border-width:1px 1px 0 0;
	*/
}
@media (max-width: 440px) {
	header #information {
		width:100%;
		/*
		bottom:40px;
		*/
	}
}

header #information #information_title {
	padding:0;
	margin:0 0 15px 0;

	background-color:rgba(255,255,255,0.70);
	padding:4px 10px;
	float:left;
}

header #information ul {
	clear:both;
	margin-right:10px;
}

header #information ul li {
	font-size:14px;
}

header #welcome {
	position:absolute;
	bottom:0;
	right:0;
	padding:20px;
	box-sizing:border-box;
	text-shadow:0 0 2px #fff , 0 0 2px #fff , 0 0 2px #fff ,0 0 2px #fff ;

}

@media (max-width: 440px) {
	header #welcome {
		padding:7px 10px;
	}
}

.title_products {
    text-align: center;
    margin: 0;
    padding: 46px 0 40px 0;
    font-size: 40px;
    font-weight: normal;
}
.title_products_jp {
    font-size: 14px;
    font-weight: normal;
	white-space:nowrap;
}
#categories .title_products a ,
#categories .title_products_jp a {
	color:rgba(66,66,66,1.00);
}

#categories {
	width:100%;
	width:calc(100% + 6px);
	margin:0 -3px;
}
#introduction {
	padding:30px;
	text-align:center;
}

#introduction .facebook_timeline {
	float:left;
	width:32%;	
}
#introduction .intro_body {
	float:left;
	width:64%;	
}

@media (max-width: 980px) {
	#introduction .facebook_timeline ,
	#introduction .intro_body {
		float:none;
		width:100%;
	}
}

#categories .sub_category .category_item ,
#categories .sub_category .post_item {
	border:1px solid #fff;
	border-width:2px;
	box-sizing:border-box;
	padding-bottom:10px;
}

