@charset "utf-8";

@import '/shared/css/common.css';
@import '/shared/css/content.css';
@import '/shared/css/print.css';

#pageEn {
	display: none;
}

/* fonts ------------------------------------- */
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ　Ｐゴシック', 'MS P Gothic', sans-serif;
}
article #category_top h1 {
	font-size: 128%;
}
article h1 {
	font-size: 120%;
}
#pageTop header li,
article h4,
article h5,
article h6,
article p,
article li,
article caption,
article th,
article td,
article dt,
article dd,
#lNav li a,
#prArea {
	font-size: 78%;
	line-height: 1.4em;
}
article li *,
article th *,
article td *,
article dd * {
	font-size: 100% !important;
}
#tPath p,
#pageTop,
article figcaption,
footer {
	font-size: 78%;
}
article h3,
#gNav li,
#lNav h2 a,
#infoProduct h2 {
	font-size: 92%;
}
#menuBtn,
#closeBtn,
#spNav {
	font-size: 86%;
}
article #category_top h1 span {
	font-size: 50%;
}
#prArea li .textB {
	font-size: 150% !important;
}
@media only screen and (max-width: 600px) {
	#prArea li .textB {
		font-size: 120% !important;
	}
}
#gNav li span {
	font-size: 74%;
	margin-right: -0.5em;
}

i {
	font-style: italic;
}

/* header ------------------------------------ */
@media only screen and (max-width: 600px) {
	#pageTop header .utility {
		text-align: center;
	}
	#pageTop header li a[href*='en'] {
		margin-right: 0;
	}
}
@media only screen and (max-width: 380px) {
	#pageTop header .utility br {
		display: block;
	}
	#pageTop header .utility ul {
		display: table;
	}
	#pageTop header .utility li {
		display: table-cell;
		vertical-align: middle;
		line-height: 1;
	}
	#pageTop header .utility li:before {
		vertical-align: top;
		margin-bottom: -1em;
	}
}

/* grobalNavi -------------------------------- */
@media only screen and (max-width: 600px) {
	#gNav li:first-child,
	#spNav .gNav li:first-child {
		display: block;
		width: 50%;
	}
	#gNav li,
	#spNav .gNav li {
		width: 50%;
		white-space: nowrap;
	}
	#gNav li:first-child a {
		border-left: none;
		text-indent: 0;
		white-space: nowrap;
		overflow: hidden;
		background: transparent;
	}
	#gNav li span {
		margin-right: 0;
	}
}
@media only screen and (max-width: 480px) {
	#gNav li,
	#spNav .gNav li {
		width: 50%;
	}
}

/* home -------------------------------------- */
/*
#prArea li .textArea {
	background-image: url(/shared/images/bg_slide01.png);
}
*/