@charset "utf-8";
/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#bodyContents:before {content:'kyoto kimonomachi';color:#fff;font-size:x-large;line-height:1.5;display:block;background:#c00;}
#kimonomachi #bodyContents:before {content:none;}
#bodyContents:after {content:'copyright kyoto kimonomachi';color:#fff;font-size:x-large;line-height:1.5;display:block;background:#c00;padding:20px;}
#kimonomachi #bodyContents:after {content:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;
border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

/*
きもの町からのお願いです。
弊社webサイトを模倣するためか、弊社のCSS/HTML/JavaScriptを流用して使用されている同業他社様を何社かお見かけしております。
弊社webサイトは、試行錯誤して何年もかけて作成したものです。
流用をお考えのコンテンツの中には、流用が一切禁止されているものや、流用に際し注意が必要なものが含まれている可能性もございます。
流用をお考えの際はメールかお電話でご連絡いただけると幸いです。
※弊社コンテンツには弊社開発ではない、オープンソースのものも含まれております。それぞれのライセンスにつきましてはそれぞれの開発元でお調べください。
*/


/* General
***********************/

body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.2;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
em {
	color:#3C94A3;
	font-style:normal;
}

/* --Clearfix */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* Layout
***********************/
header {
	width: 630px;
	margin:0 auto;
}
#select {
	width: 630px;
	margin:0 auto;
}
.mainImageBox {
	float: left;
	width: 450px;
	margin-right:8px;
	overflow:hidden;
}
.thumbnailBox {
	float: left;
	width: 170px;
}

/* Header
***********************/
h1.title {
	padding:5px 0;
	text-align:center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:24px;
	font-weight:normal;
	letter-spacing:0.2em;
	color:#333;
	/*background: url(../parts/title-kimono.gif) no-repeat;
	height:45px;
	width:100%;
	text-indent:-9999px;
	overflow:hidden;*/
}
h1.title .en {
	font-size:12px;
	padding-right:1em;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1.title img {
	width:100%;
	max-width:600px;
}

/*-----------------------------------*/

.pc {
	display:inherit;
}
.sp {
	display:none;
}
.mouse {
	font-size:13px;
	color:#999;
	padding:5px;
	text-align:center;
}
.mouse .arrow {
	color:#3C94A3;
}

#select img {
	border:none;
}

.mainImage {
	width: 450px;
	height:750px;
	overflow:hidden;
}

nav ul {margin: 0; overflow: hidden;}
nav ul li {
	width: 50%;
	height:72px;
	float: left;
	margin: 0;
	overflow:hidden;
	background:#ccc;
}
nav ul li a {
	border:1px solid #fff;
	display:block;
	height:100%;
	margin: 0;
	text-shadow: 1px 1px 0px #000 , -1px -1px 0px #000 ,-1px 1px 0px #000 , 1px -1px 0px #000;
}
nav ul li a:link , nav ul li a:visited {
	color:#fff;
	text-decoration: none;
}
nav ul li a:hover {
	color:#cfc;
	text-decoration: none;
}
nav ul li a:active{
	color:#fcc;
	text-decoration: none;
}

nav ul li:hover {opacity: 0.8;}

/* Products
***********************/
ul.natsu li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.natsu .no01 {background-image:url(../kimonomachi-natsu/images2018/natsu01-thumbnail.jpg);}
ul.natsu .no02 {background-image:url(../kimonomachi-natsu/images2018/natsu02-thumbnail.jpg);}
ul.natsu .no03 {background-image:url(../kimonomachi-natsu/images2018/natsu03-thumbnail.jpg);}
ul.natsu .no04 {background-image:url(../kimonomachi-natsu/images2018/natsu04-thumbnail.jpg);}
ul.natsu .no05 {background-image:url(../kimonomachi-natsu/images2018/natsu05-thumbnail.jpg);}
ul.natsu .no06 {background-image:url(../kimonomachi-natsu/images2018/natsu06-thumbnail.jpg);}
ul.natsu .no07 {background-image:url(../kimonomachi-natsu/images2018/natsu07-thumbnail.jpg);}
ul.natsu .no08 {background-image:url(../kimonomachi-natsu/images2018/natsu08-thumbnail.jpg);}
ul.natsu .no09 {background-image:url(../kimonomachi-natsu/images2018/natsu09-thumbnail.jpg);}
ul.natsu .no10 {background-image:url(../kimonomachi-natsu/images2018/natsu10-thumbnail.jpg);}
ul.natsu .no11 {background-image:url(../kimonomachi-natsu/images2018/natsu11-thumbnail.jpg);}
ul.natsu .no12 {background-image:url(../kimonomachi-natsu/images2018/natsu12-thumbnail.jpg);}
ul.natsu .no13 {background-image:url(../kimonomachi-natsu/images2018/natsu13-thumbnail.jpg);}
ul.natsu .no14 {background-image:url(../kimonomachi-natsu/images2018/natsu14-thumbnail.jpg);}
ul.natsu .no15 {background-image:url(../kimonomachi-natsu/images2018/natsu15-thumbnail.jpg);}
ul.natsu .no16 {background-image:url(../kimonomachi-natsu/images2018/natsu16-thumbnail.jpg);}
ul.natsu .no17 {background-image:url(../kimonomachi-natsu/images2018/natsu17-thumbnail.jpg);}
ul.natsu .no18 {background-image:url(../kimonomachi-natsu/images2018/natsu18-thumbnail.jpg);}

ul.lady li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.lady .no01 {background-image:url(../kimonomachi-lady/images2018/lady01-thumbnail.jpg);}
ul.lady .no02 {background-image:url(../kimonomachi-lady/images2018/lady02-thumbnail.jpg);}
ul.lady .no03 {background-image:url(../kimonomachi-lady/images2018/lady03-thumbnail.jpg);}
ul.lady .no04 {background-image:url(../kimonomachi-lady/images2018/lady04-thumbnail.jpg);}
ul.lady .no05 {background-image:url(../kimonomachi-lady/images2018/lady05-thumbnail.jpg);}
ul.lady .no06 {background-image:url(../kimonomachi-lady/images2018/lady06-thumbnail.jpg);}
ul.lady .no07 {background-image:url(../kimonomachi-lady/images2018/lady07-thumbnail.jpg);}
ul.lady .no08 {background-image:url(../kimonomachi-lady/images2018/lady08-thumbnail.jpg);}
ul.lady .no09 {background-image:url(../kimonomachi-lady/images2018/lady09-thumbnail.jpg);}
ul.lady .no10 {background-image:url(../kimonomachi-lady/images2018/lady10-thumbnail.jpg);}
ul.lady .no11 {background-image:url(../kimonomachi-lady/images2018/lady11-thumbnail.jpg);}
ul.lady .no12 {background-image:url(../kimonomachi-lady/images2018/lady12-thumbnail.jpg);}
ul.lady .no13 {background-image:url(../kimonomachi-lady/images2018/lady13-thumbnail.jpg);}
ul.lady .no14 {background-image:url(../kimonomachi-lady/images2018/lady14-thumbnail.jpg);}
ul.lady .no15 {background-image:url(../kimonomachi-lady/images2018/lady15-thumbnail.jpg);}
ul.lady .no16 {background-image:url(../kimonomachi-lady/images2018/lady16-thumbnail.jpg);}
ul.lady .no17 {background-image:url(../kimonomachi-lady/images2018/lady17-thumbnail.jpg);}
ul.lady .no18 {background-image:url(../kimonomachi-lady/images2018/lady18-thumbnail.jpg);}
ul.lady .no19 {background-image:url(../kimonomachi-lady/images2018/lady19-thumbnail.jpg);}

ul.mode li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.mode .no01 {background-image:url(../kimonomachi-mode/images2017/thumbnail_01.jpg);}
ul.mode .no02 {background-image:url(../kimonomachi-mode/images2017/thumbnail_02.jpg);}
ul.mode .no03 {background-image:url(../kimonomachi-mode/images2017/thumbnail_03.jpg);}
ul.mode .no04 {background-image:url(../kimonomachi-mode/images2017/thumbnail_04.jpg);}
ul.mode .no05 {background-image:url(../kimonomachi-mode/images2017/thumbnail_05.jpg);}
ul.mode .no06 {background-image:url(../kimonomachi-mode/images2017/thumbnail_06.jpg);}
ul.mode .no07 {background-image:url(../kimonomachi-mode/images2017/thumbnail_07.jpg);}
ul.mode .no08 {background-image:url(../kimonomachi-mode/images2017/thumbnail_08.jpg);}
ul.mode .no09 {background-image:url(../kimonomachi-mode/images2017/thumbnail_09.jpg);}
ul.mode .no10 {background-image:url(../kimonomachi-mode/images2017/thumbnail_10.jpg);}
ul.mode .no11 {background-image:url(../kimonomachi-mode/images2017/thumbnail_11.jpg);}
ul.mode .no12 {background-image:url(../kimonomachi-mode/images2017/thumbnail_12.jpg);}
ul.mode .no13 {background-image:url(../kimonomachi-mode/images2017/thumbnail_13.jpg);}
ul.mode .no14 {background-image:url(../kimonomachi-mode/images2017/thumbnail_14.jpg);}
ul.mode .no15 {background-image:url(../kimonomachi-mode/images2017/thumbnail_15.jpg);}
ul.mode .no16 {background-image:url(../kimonomachi-mode/images2017/thumbnail_16.jpg);}
ul.mode .no17 {background-image:url(../kimonomachi-mode/images2017/thumbnail_17.jpg);}
ul.mode .no18 {background-image:url(../kimonomachi-mode/images2017/thumbnail_18.jpg);}
ul.mode .no19 {background-image:url(../kimonomachi-mode/images2017/thumbnail_19.jpg);}
ul.mode .no20 {background-image:url(../kimonomachi-mode/images2017/thumbnail_20.jpg);}



ul.pori li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.pori .no01 {background-image:url(../kimonomachi-pori/images2016/yukata01-thumbnail.jpg);}
ul.pori .no02 {background-image:url(../kimonomachi-pori/images2016/yukata02-thumbnail.jpg);}
ul.pori .no03 {background-image:url(../kimonomachi-pori/images2016/yukata03-thumbnail.jpg);}
ul.pori .no04 {background-image:url(../kimonomachi-pori/images2016/yukata04-thumbnail.jpg);}
ul.pori .no05 {background-image:url(../kimonomachi-pori/images2016/yukata05-thumbnail.jpg);}
ul.pori .no06 {background-image:url(../kimonomachi-pori/images2016/yukata06-thumbnail.jpg);}
ul.pori .no07 {background-image:url(../kimonomachi-pori/images2016/yukata07-thumbnail.jpg);}
ul.pori .no08 {background-image:url(../kimonomachi-pori/images2016/yukata08-thumbnail.jpg);}
ul.pori .no09 {background-image:url(../kimonomachi-pori/images2016/yukata09-thumbnail.jpg);}
ul.pori .no10 {background-image:url(../kimonomachi-pori/images2016/yukata10-thumbnail.jpg);}
ul.pori .no11 {background-image:url(../kimonomachi-pori/images2016/yukata11-thumbnail.jpg);}
ul.pori .no12 {background-image:url(../kimonomachi-pori/images2016/yukata12-thumbnail.jpg);}
ul.pori .no13 {background-image:url(../kimonomachi-pori/images2016/yukata13-thumbnail.jpg);}
ul.pori .no14 {background-image:url(../kimonomachi-pori/images2016/yukata14-thumbnail.jpg);}
ul.pori .no15 {background-image:url(../kimonomachi-pori/images2016/yukata15-thumbnail.jpg);}
ul.pori .no16 {background-image:url(../kimonomachi-pori/images2016/yukata16-thumbnail.jpg);}
ul.pori .no17 {background-image:url(../kimonomachi-pori/images2016/yukata17-thumbnail.jpg);}
ul.pori .no18 {background-image:url(../kimonomachi-pori/images2016/yukata18-thumbnail.jpg);}
ul.pori .no19 {background-image:url(../kimonomachi-pori/images2016/yukata19-thumbnail.jpg);}
ul.pori .no20 {background-image:url(../kimonomachi-pori/images2016/yukata20-thumbnail.jpg);}


ul.pori2 li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.pori2 .no01 {background-image:url(../kimonomachi-pori2/images2016/yukata01-thumbnail.jpg);}
ul.pori2 .no02 {background-image:url(../kimonomachi-pori2/images2016/yukata02-thumbnail.jpg);}
ul.pori2 .no03 {background-image:url(../kimonomachi-pori2/images2016/yukata03-thumbnail.jpg);}
ul.pori2 .no04 {background-image:url(../kimonomachi-pori2/images2016/yukata04-thumbnail.jpg);}
ul.pori2 .no05 {background-image:url(../kimonomachi-pori2/images2016/yukata05-thumbnail.jpg);}
ul.pori2 .no06 {background-image:url(../kimonomachi-pori2/images2016/yukata06-thumbnail.jpg);}
ul.pori2 .no07 {background-image:url(../kimonomachi-pori2/images2016/yukata07-thumbnail.jpg);}
ul.pori2 .no08 {background-image:url(../kimonomachi-pori2/images2016/yukata08-thumbnail.jpg);}
ul.pori2 .no09 {background-image:url(../kimonomachi-pori2/images2016/yukata09-thumbnail.jpg);}
ul.pori2 .no10 {background-image:url(../kimonomachi-pori2/images2016/yukata10-thumbnail.jpg);}
ul.pori2 .no11 {background-image:url(../kimonomachi-pori2/images2016/yukata11-thumbnail.jpg);}
ul.pori2 .no12 {background-image:url(../kimonomachi-pori2/images2016/yukata12-thumbnail.jpg);}
ul.pori2 .no13 {background-image:url(../kimonomachi-pori2/images2016/yukata13-thumbnail.jpg);}
ul.pori2 .no14 {background-image:url(../kimonomachi-pori2/images2016/yukata14-thumbnail.jpg);}
ul.pori2 .no15 {background-image:url(../kimonomachi-pori2/images2016/yukata15-thumbnail.jpg);}
ul.pori2 .no16 {background-image:url(../kimonomachi-pori2/images2016/yukata16-thumbnail.jpg);}
ul.pori2 .no17 {background-image:url(../kimonomachi-pori2/images2016/yukata17-thumbnail.jpg);}
ul.pori2 .no18 {background-image:url(../kimonomachi-pori2/images2016/yukata18-thumbnail.jpg);}
ul.pori2 .no19 {background-image:url(../kimonomachi-pori2/images2016/yukata19-thumbnail.jpg);}
ul.pori2 .no20 {background-image:url(../kimonomachi-pori2/images2016/yukata20-thumbnail.jpg);}


/*新商品・完売など*/
nav ul .label {
	color:#f00;
	font-size:0.9em;
	font-weight:bold;
	height:100%;
	margin: 0 0 0 5px;
}

/*完売*/
nav ul li.soldout {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	zoom:1;/*ie6/7 hack*/
}
nav ul li.soldout a {
	display:inline;
	height:auto;
}
nav ul li.soldout a:link , nav ul li.soldout a:visited ,
nav ul li.soldout a:hover , nav ul li.soldout a:active {
	color:#fff;
	text-decoration: none;
	border:none;
}

nav ul li.soldout:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	zoom:1;/*ie6/7 hack*/
}
nav ul li.soldout a:hover {
	font-weight:normal;
}

.calculo {
	max-width:630px;
	margin:10px auto 0 auto;
}
.calculo a {
	display: block;
	max-width:450px;
}

/* Media Queries
***********************/
@media screen and (max-width: 600px) {

	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
	
	/* Layout
	***********************/
	header {
		width:100%;
	}
	#select {
		width: 100%;
	}
	.mainImageBox {
		display:none;
	}
	.thumbnailBox {
		float: none;
		width: 100%;
	}

	nav ul li {
		width: 25%;
	height:150px;
		float: left;
		margin: 0;
	}
	nav ul li a {
		display:block;
		height:100%;
		margin: 0;
		text-shadow: 1px 1px 0px #000 , -1px -1px 0px #000 ,-1px 1px 0px #000 , 1px -1px 0px #000;
	}
	nav ul .label {
		text-shadow: 1px 1px 0px #fff , -1px -1px 0px #fff ,-1px 1px 0px #fff , 1px -1px 0px #fff;
	}
	nav ul li.soldout {
		margin: 0;
	}
	nav ul li.soldout a:link , nav ul li.soldout a:visited ,
	nav ul li.soldout a:hover , nav ul li.soldout a:active {
		color:#fff;
	}
	.calculo a {
		max-width:none;
	}

	/* Products
	***********************/
	ul.natsu li { background-repeat:no-repeat; background-position:center; background-size:cover; }
	ul.lady li { background-repeat:no-repeat; background-position:center; background-size:cover; }
	ul.pori li { background-repeat:no-repeat; background-position:center; background-size:cover; }
	ul.pori2 li { background-repeat:no-repeat; background-position:center; background-size:cover; }

}