@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------その他のデバイス------------------------------------------------- */

html {
        -webkit-text-size-adjust: none; /* iPhoneフォントサイズの自動サイズを無効化 */
}

body {
	font-family: 'Inconsolata', sans-serif;
	color:#333333;
	font-weight:normal;
	font-size:12px; /*ブラウザフォントサイズ違いの解消*/
}


/* 画像を相対指定,縦横比を固定 */
img.awImg {
    max-width: 100%;
	width:100%;
    height: auto;
    width: auto\9; /* IE8 */
}
img.awImg50 {
    max-width: 50%;
	width:50%;
    height: auto;
    width: auto\9; /* IE8 */
}
img.awImg70 {
    max-width: 70%;
	width:70%;
    height: auto;
    width: auto\9; /* IE8 */
}


#wrapper {
	width:100%;
	margin-bottom: 5%;
}


/* HOMEナビ */
nav#homeNavi {
	margin:6% auto 20% auto;
	width:94%;
	font-size:22px;
	letter-spacing:0.05em;
	font-weight:400;
	word-spacing:-0.35em;
}
nav#homeNavi a {
	width:100%;
	color:#333;
	padding:2.5% 0;
	display:block;
	background-image:url(../images/arrow.gif);
	background-position:center right;
	background-repeat:no-repeat;
	text-decoration:none;
}
a.noLink {
	color:#CCC;
}


#content {
	width:94%;
	margin:0 auto;
}

/* HOMEバナー */
ul.bannerContent {
	width:97%;
	margin:0 auto 0 3%;
}
li.smallBanner {
	float:left;
	margin-right:3%;
	margin-bottom:1%;
	width:30.3333%;
	line-height:0;
	font-size:0;
}
li#girlBanner {
	float:left;
	width:47%;
	margin-right:3%;
}
li#webstoreBanner {
	float:left;
	width:47%;
	margin-bottom: 1%;
}


/* FOOTER要素 */
footer {
	width:100%;
	height:auto;
	margin:6% auto 0 auto;
	padding-top:2%;
	font-weight:300;
	letter-spacing:0.1em;
	color:#000;
	border-top:1px solid #EFEFEF;
}
	footer ul {
		margin-left:3%;
	}
	
footer a {
	text-decoration:none;
	font-size:12px;
	margin-right:2%;
	display:block;
}
.ENG_CHN {
	text-decoration:none;
	float:left;
	font-size:12px;
	margin-right:2%;
	display:block;
	color:#999;
}
.footerMark {
	color:#c6c6c6;
	font-size:8px;
}


ul#footMenu a {
	float:left;
	font-size:16px;
	letter-spacing: 0.1em;
}

.mark {
	color:#333;
	font-size:12px;
}

#copyright {
	float:right;
	font-size:8px;
	padding-top:5px;
	margin-right:3%;
	display:block;
	line-height: 1.2;
	padding-bottom:4%;
}

#copyright a {
	font-size:11px;
	display:inline;
	margin-right:-0.3%;
	text-decoration:underline;
}


/* HEADER要素 */
header#contentHead {
	margin:3% auto 16% auto;
	width:100%;
	height:auto;
	padding-bottom:2%;
	border-bottom:1px solid #EFEFEF;
}

h1#brandLogo {
	width:97px;
	float:left;
	margin-left:3%;
}

h2 {
	font-size:36px;
	font-weight:400;
	margin-bottom:1em;
	word-spacing:-0.35em;
}


/* ヘッダーPrev,Nextナビ */
ul#headNavi {
	float:right;
	width:170px;
	font-size:13px;
	margin-right:3%;
	letter-spacing:0.1em;
}
ul#headNavi a {
	text-decoration:none;
}
	#leftHeadNavi {
		background-image:url(../images/arrow_prev.gif);
		background-repeat:no-repeat;
		background-position:left center;
		float:right;
		padding-left:1em;
	}
	#rightHeadNavi {
		background-image:url(../images/arrow_next.gif);
		background-repeat:no-repeat;
		background-position:right center;
		float:right;
		margin-left:15%;
		padding-right:1em;
	}



/* 中ページのナビ */
ul#contentNavi {
	font-size:11px;
	line-height:3;
	font-weight:400;
	word-spacing:-0.35em;
}
	ul#contentNavi a {
		text-decoration:none;
		padding-right:2.5%;
		display:inline;
		float:left;
	}
	ul#contentNavi a.end {
		padding-right:0;
		display:inline;
	}



.caption {
	font-size:8px;
	font-weight:normal;
	color:#666;
	line-height: 1.7;
}


/* ----------------ニュース-------------------- */

section#newsContent {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 50%;
}
	#newsContent h3 {
		font-size:12px;
		margin-bottom:1em;
		font-weight:bold;
	}
	#newsContent p {
	margin-bottom:4em;
	padding-bottom:4em;
	border-bottom:1px dotted #CCC;
	line-height: 1.8;
	font-size: 10px;
	}



/* ----------------コンセプト-------------------- */
section#conceptContent {
	margin-bottom:50%;
}

#conceptContent h3 {
	letter-spacing: 0.06em;
	padding-bottom: 2.5em;
	font-family:'Lusitana',serif;
	font-size: 16px;	
}

p.conceptTxt {
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "メイリオ", "MS PGothic", sans-serif;
	font-size: 12px;
}

p.conceptTxt_en {
	line-height:1.8;
	letter-spacing: 0.06em;
	font-family:'Lusitana',serif;
	font-size: 13px;
}

p#conceptLogo {
	margin-bottom:4em;
}

#concept_line{
	border-top:1px solid #000;
	width:70px;
	padding-bottom:4em;
	}

/* ----------------コレクション-------------------- */
section#collectionContent  {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:50%;	
}
	#collectionContent h3 {
	font-size:20px;
	letter-spacing:0.05em;
	}
	#collectionContent h4 {
		font-size:11px;
		font-weight:normal;
		margin-bottom:2em;
	}

ul#collection {
	margin-bottom:20%;
}
ul#collection a {
	background-color:#FFF;
}
ul#collection li {
	font-size:0; /* 画像間の隙間解消 */
	line-height:0;
	float:left;
	margin-right:3%;
	margin-bottom:3%;
	width:30.3333%;
}

	#collectionContent dt {
	float:left;
	font-size:11px;
	background-color:#1E1E1E;
	text-align:center;
	color:#FFF;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	width:3em;
	line-height:1.4;
	margin-top:2px;
	font-weight:bold;
	}
	#collectionContent dd {
	margin-left:4em;
	margin-bottom:2em;
	font-size:10px;
	line-height:1.7;
	}


/* ----------------ショップリスト-------------------- */

section#shoplistContent {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 50%;
}
	section#japan {
		margin-bottom:20%;
	}
	#shoplistContent h3 {
	font-size:20px;
	margin-bottom:2em;
	font-weight: bold;
	border-bottom:1px solid #EFEFEF;
	letter-spacing:0.15em;
	}
	#shoplistContent h4 {
	font-size:12px;
	margin-bottom:1em;
	font-weight: bold;
	letter-spacing: 0.15em;
	}
	#shoplistContent p {
	font-style:normal;
	margin-bottom:8em;
	line-height: 1.8;
	font-size: 10px;
	letter-spacing: 0.1em;
	}



/* ----------------プレス-------------------- */
#content2 {
	width:97%;
	margin:0 auto 0 3%;
}
section#pressContent {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	margin-bottom:50%;
}
	#pressContent figure {
	float:left;
	margin-right:3%;
	margin-bottom:3%;
	width:30.3333%;
	line-height:1.5;
	font-size:10px;
	}



/* ----------------コンタクト-------------------- */
section#contactContent {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	margin-bottom: 50%;	
}
	section.contact {
		margin-bottom:6em;	
	}
	#contactContent h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom: 1em;
	}


/* ----------------リクルート-------------------- */

section#recruitContent {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	margin-bottom:50%;
}
section.recruit {
	margin-bottom:6em;
}
	#recruitContent dl {
		margin-bottom:6em;
		line-height:1.5;
	}
		#recruitContent dt {
			font-weight:bold;
			float:left;
		}
		#recruitContent dd {
	margin-left:5em;
	margin-bottom:2em;
		}
			#recruitContent dd li {
				list-style-type:disc;
				margin-left:1.5em;
			}
	#recruitContent h3 {
	margin-bottom:1em;
	font-size: 12px;
	}

#recruitInfo{
	width:95%;
	height:auto;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	padding:5px 0 5px 0;
	border: 1px solid #7A2029;
}



/* ----------------リンク-------------------- */
section#linkContent {
	font-size:0;
	line-height:0;
	margin-bottom:50%;
}
	#linkContent a {
		background-color:#FFF;
	}








/* ------------------------------------------------iPad CSS------------------------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


/*--------------------HOME-------------------------*/
#wrapper {
	margin-bottom: 7%;
}


/* HOMEナビ */
nav#homeNavi {
	font-size:34px;
	letter-spacing:0.1em;
	word-spacing:-0.35em;
}




/* FOOTER要素 */
footer a {
	font-size:18px;
	letter-spacing:0.1em;
}
footer ul {
	margin-left:3%;
}

.footerMark {
	font-size:13px;
}

#copyright {
	font-size:11px;
	padding-top:10px;
}

.ENG_CHN {
	font-size:18px;
}




/* HOMEバナー */
li.smallBanner {
	margin-bottom:1%;
	width:140px;
	height:30px;
}
li#girlBanner {
	width:210px;
	height:70px;
	margin-bottom:3%;
}
li#webstoreBanner {
	width:210px;
	height:70px;
	margin-bottom:3%;
}


/* ヘッダーPrev,Nextナビ */
ul#headNavi {
	width:18%;
	font-size:20px;
	margin-right:3%;
	letter-spacing:0.1em;
	line-height:1.2;
}
ul#headNavi a {
	text-decoration:none;
}
	#rightHeadNavi {
		margin-left:30%;
	}




/* ヘッダーPrev,Nextナビ */
ul#headNavi {
	width:20%;
	font-size:20px;
	line-height:0.8;
}
	#leftHeadNavi {
		padding-left:0.7em;
	}
	#rightHeadNavi {
		margin-left:18%;
		padding-right:0.5em;
	}





/* 中コンテンツタイトル */
h2 {
	font-size:82px;
	letter-spacing:0.1em;
}



/* 中ページのナビ */
ul#contentNavi {
	font-size:19px;
	letter-spacing:0.1em;
	line-height:2.3;
	word-spacing:-0.35em;
}
	ul#contentNavi a {
		padding-right:4%;
	}
	ul#contentNavi a.end {
		padding-right:0;
		display:inline;
	}


.caption {
	font-size:11px;
}

/* ----------------ニュース-------------------- */
#newsContent h3 {
	font-size:15px;
	letter-spacing:0.05em;

}
#newsContent p {
	font-size: 13px;
}




/* ----------------コンセプト-------------------- */
p#conceptTxt {
	font-size: 13px;
	line-height:2.8;
	letter-spacing:0.05em;
}



/* ----------------コレクション-------------------- */
#collectionContent h3 {
	font-size:25px;
	letter-spacing:0.05em;
}
	#collectionContent dt {
		font-size:13px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	#collectionContent dd {
		font-size:13px;
	}
	#collectionContent h4 {
		font-size:13px;
	}



/* ----------------ショップリスト-------------------- */
#shoplistContent h3 {
	font-size:25px;
	margin-bottom:2em;
	letter-spacing:0.1em;
}
#shoplistContent h4 {
	font-size:15px;
}
#shoplistContent p {
	line-height: 1.8;
	font-size: 13px;
}





/* ----------------プレス-------------------- */
#pressContent figure {
	width:140px;
	height:180px;
	font-size:12px;
}





/* ----------------コンタクト-------------------- */
section#contactContent {
	font-size:13px;	
}
#contactContent h3 {
	font-size:15px;
}



/* ----------------リクルート-------------------- */

section#recruitContent {
	font-size:13px;
}
	#recruitContent dl {
		margin-bottom:6em;
		line-height:1.5;	
	}
	#recruitContent h3 {
		font-size: 15px;
		letter-spacing:0.05em;
	}
	#recruitContent address {
		letter-spacing:0.05em;
		line-height:2;
	}




/* ----------------リンク-------------------- */
#linkContent p {
	float:left;
	width:440px;
	height:124px;
	margin-right:3%;
}




}