@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; }
/* 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 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.2;
	color: #ddd;
	margin: 0px;
	padding: 0px;
	height: auto;
	background:#000;
/*	background:#E9E0CB url(../images2014/bg_smartphonetest.png) no-repeat scroll top left;*/
}
a:link, a:visited {
	color: #5EC6C6;
	text-decoration: none;
}
a:hover {
    color: #699;
}
a:active {
    color: #F66;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

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

.slider { margin: 0;}

#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}

/* Layout
***********************/
#container {
	padding: 5px;
	overflow:hidden;
}
header {}
#main {margin:10px 0;overflow: hidden;}
.slider {width:66%;min-width: 620px;overflow: hidden; float: left;}
.about {width:33%;min-width: 320px; float: right;}

/* Header
***********************/
header {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
header h1 , header h2 {
	display:inline;
	font-size: 24px;
	letter-spacing:2px;
	color:#fff;
}

/* Footer
***********************/
footer {
	padding: 10px;
	clear:both;
	border-top: 1px solid #fff;
	color:#999;
}
footer:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
footer .copyright {
	text-align: right;
	font-size:12px;
}
.close a {
/*	display:block;*/
	width: 25px;
	height: 120px;
	background-color:#fff;
	background-image:url(../parts/closewin.gif);
	overflow:hidden;
	color:rgba(255,255,255,0);
	font-size:1px;
	overflow:hidden;
	position:fixed;
	right:0;
	bottom:5px;
	display:none;
}


/* Products
***********************/
ul.kimono li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.kimono li.no01 {background-image:url(../images2017/01-kiji.jpg);}
ul.kimono li.no02 {background-image:url(../images2017/02-kiji.jpg);}
ul.kimono li.no03 {background-image:url(../images2017/03-kiji.jpg);}
ul.kimono li.no04 {background-image:url(../images2017/04-kiji.jpg);}
ul.kimono li.no05 {background-image:url(../images2017/05-kiji.jpg);}
ul.kimono li.no06 {background-image:url(../images2017/06-kiji.jpg);}
ul.kimono li.no07 {background-image:url(../images2017/07-kiji.jpg);}
ul.kimono li.no08 {background-image:url(../images2017/08-kiji.jpg);}
ul.kimono li.no09 {background-image:url(../images2017/09-kiji.jpg);}
ul.kimono li.no10 {background-image:url(../images2017/10-kiji.jpg);}
ul.kimono li.no11 {background-image:url(../images2017/11-kiji.jpg);}
ul.kimono li.no12 {background-image:url(../images2017/12-kiji.jpg);}
ul.kimono li.no13 {background-image:url(../images2017/13-kiji.jpg);}
ul.kimono li.no14 {background-image:url(../images2017/14-kiji.jpg);}
ul.kimono li.no15 {background-image:url(../images2017/15-kiji.jpg);}
ul.kimono li.no16 {background-image:url(../images2017/16-kiji.jpg);}
ul.kimono li.no17 {background-image:url(../images2017/17-kiji.jpg);}
ul.kimono li.no18 {background-image:url(../images2017/18-kiji.jpg);}
ul.kimono li.no19 {background-image:url(../images2017/19-kiji.jpg);}
ul.kimono li.no20 {background-image:url(../images2017/20-kiji.jpg);}

/*coodinate用*/
.coordinate ul li .optcont ul li { background-repeat:no-repeat; background-position: top left; background-size:40px;}

ul.betsu .item022704 {background-image:url(../parts/160x160_022704.jpg);}
ul.betsu .item022705 {background-image:url(../parts/160x160_022705.jpg);}
ul.betsu .item022706 {background-image:url(../parts/160x160_022706.jpg);}
ul.betsu .item022707 {background-image:url(../parts/160x160_022707.jpg);}
ul.betsu .item033104 {background-image:url(../parts/160x160_033104.jpg);}
ul.betsu .item039521 {background-image:url(../parts/160x160_039521.jpg);}
ul.betsu .item039523 {background-image:url(../parts/160x160_039523.jpg);}

ul.betsu .item006627 {background-image:url(../parts/160x160_006627.jpg);}

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

.data {
	line-height:1.5;
	background-color:#333;/*pt-2*/
/*	background-color:rgba(51,51,51,0.5);*/
	margin-bottom:10px;
}
.data .title {
	font-size: 16px;
	padding: 10px;
	color:#fff;/*pt-1*/
	border-bottom:2px dotted #999;/*pt-3*/
}
.data .text {
	font-size: 12px;
	padding: 10px;
}
.data .text img {
	display:block;
	margin:5px auto;
	width:100%;
	max-width:265px;
}

.spec {
	font-size:0.9em;
	padding:5px;
	border:1px dotted #fff;
	margin-top:5px;
}

.data .attention {
	margin-top:10px;
	font-size:11px;
	color:#fcc;/*pt-1*/
}

.data .notice {
	margin-bottom:10px;
	color:#f33;/*pt-1*/
	padding:5px;
	background:#fff;
	border:1px soli #f33;
}

.coordinate {
	padding:10px;
	margin-bottom:10px;
	border:1px dotted #999;
}
.coordinate .title {
	font-size: 1.0em;
	color:#fff;/*pt-1*/
	letter-spacing:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px solid #fff;
}
/*.coordinate ul {
	margin: 5px 0 0; overflow: hidden;
	float:left;
	width:33%;
}
.coordinate ul li {
	margin: 0;
	padding:0;
}*/
.coordinate ul {
	display:inline;
}
.coordinate ul li {
	width:32%;
	float:left;
	margin-right: 1%;
	margin-bottom: 2px;
	padding:0;
	font-size: 0.8em;
	line-height:1;
}
.coordinate ul li a {
	display:block;
	margin: 0;
	height:40px;
	padding:0px 5px 0px 45px;
	text-shadow: 1px 1px 0px #000 , -1px -1px 0px #000 ,-1px 1px 0px #000 , 1px -1px 0px #000;
	overflow:hidden;
}
/*.coordinate ul li a:link , .coordinate ul li a:visited {
	color:#fff;
	text-decoration: none;
}
.coordinate ul li a:hover {
	color:#ccc;
	text-decoration: none;
}
.coordinate ul li a:active{
	color:#866224;
	text-decoration: none;
}
*/

.coordinate ul li:hover {opacity: 0.8;}

.coordinate ul li {background-position:left; background-repeat:no-repeat; background-size:auto 100%;}


.sale {
/*	padding:10px;
	border:1px dotted #999;*/
	font-size:0.9em;
	margin-bottom:10px;
}
.sale .title {
	clear:both;
	float:left;
	font-size: 1.0em;
	color:#fff;/*pt-1*/
/*	letter-spacing:0.5em;*/
	margin-right:0.5em;
}
.sale .link {
	list-style-type:none;
	font-size: 0.9em;
}
.sale .link li {
	display:inline;
	margin-right:3px;
}
.sale .link li:before {
	content: " | ";
	color:#fff;
}

.others {
	border-top:1px dotted #999;
	padding:10px;
	font-size:0.9em;
	margin-bottom:10px;
}
.others .title {
	font-size: 1.0em;
	color:#fff;/*pt-1*/
	margin-bottom:0.5em;
}
.others ul {margin: 5px 0 0; overflow: hidden;}
.others ul li {width: 25%; float: left; margin: 0;}
.others ul li a {
	display:block;
	height:60px;
	margin: 0;
	border:1px solid #000;
	text-shadow: 1px 1px 0px #000 , -1px -1px 0px #000 ,-1px 1px 0px #000 , 1px -1px 0px #000;
}
.others ul.obi li a {
	height:80px;
}
.others ul li a:link , .others ul li a:visited {
	color:#fff;
	text-decoration: none;
}
.others ul li a:hover {
	color:#ccc;
	text-decoration: none;
}
.others ul li a:active{
	color:#866224;
	text-decoration: none;
}
.others ul li:hover {opacity: 0.8;}

em {
	color:#f00;
	font-style:normal;
}

.soldout {
	display:none;
	opacity:0.2;
}

.movieBox {
	text-align:center;
	max-width:320px;
	max-height:240px;
	margin:0 auto;
}

.flex-caption {
	color:#333;
}
.flex-caption a:link , .flex-caption a:visited {
	color:#333;
}
.flex-caption a:hover {
	color:#666;
}
.flex-caption a:active{
	color:#999;
}

.movie a {
	display:block;
	text-align:center;
	border:1px solid #fff;
	padding:10px;
	margin-bottom:1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.movie a:after {
	content:" >>";
}

.movie a:link , .movie a:visited {
	color:#fff;
	background:#999;
	text-decoration: none;
}
.movie a:hover {
	background:#bbb;
	text-decoration: none;
}
.movie a:active{
	background:#ccc;
	text-decoration: none;
}

/*販売ページ誘導*/
.purchase {
	border-top:1px dotted #999;
	padding:10px;
	font-size:0.9em;
	margin-bottom:10px;
}
.purchase .title {
	font-size: 1.0em;
	/*color:#fff;*//*pt-1*/
	margin-bottom:0.5em;
}
.purchase ul {margin: 5px 0; overflow: hidden;}
.purchase ul li {float: left; margin: 0;}

.purchase ul.dv6 li {width: 16%;}
.purchase ul.dv5 li {width: 20%;}
.purchase ul.dv4 li {width: 25%;}
.purchase ul.dv3 li {width: 33%;}
.purchase ul.dv2 li {width: 50%;}

.purchase ul li a {
	display:block;
}
.purchase ul li a img {
	width:100%;
	/*max-width:600px;*/
}

/* Media Queries
***********************/

@media screen and (max-width: 960px) {
	.flex-direction-nav a  {
		top: 40%!important;
	}
	.flex-control-thumbs li {
		width: 20%!important;
	}
	#container {padding: 5px;}
	header {}
	#main {}
	.slider {width:58%; min-width:0px; overflow: hidden; float: left;}
	.about {min-width:41%;overflow: hidden; float: right;}
}
@media screen and (max-width: 768px) {
	#container {padding: 5px;}
	header {
		border: none;
		padding:0;
		text-align:center;
	}
	#main {margin: 0;}

	header h1 {
		display:block;
		font-size: 24px;
		color:#fff;
		padding:5px;
	}
	header h2 {
		display:block;
		font-size: 16px;
		color:#fff;
		background-color:#333;
		padding:5px;
	}

	.slider {margin-top:10px;width:100%;float:none;}
	.about {margin-top:10px;width:100%;float:none;}

	.coordinate .link li {
		display:block;
		margin-right:0;
		font-size: 1.0em;
	}
	.coordinate .link li:after {
		content:"";
	}
	.coordinate ul li a {
	}

	.sale {
		border-top:1px dotted #999;
		padding:10px;
		font-size:0.9em;
		margin-bottom:10px;
	}
	.sale .title {
		float:none;
		font-size: 1.0em;
		color:#fff;/*pt-1*/
		margin-bottom:0.5em;
	}
	.sale .link {
		list-style-type:none;
		margin:0;
		padding: 0;
	}
	.sale .link li {
		display:block;
		margin-right:0;
	}
	.sale .link li:before {
		content:"";
	}

	.coordinate .link li a ,
	.sale .link li a {
		display:block;
		text-align:center;
		border:1px solid #fff;
		padding:1em 10px;
		margin-bottom:1px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
	.coordinate .link li a:after ,
	.sale .link li a:after {
		content:" >>";
	}

	.coordinate .link li a:link , .coordinate .link li a:visited {
		color:#fff;
		background:#666;
		text-decoration: none;
	}
	.coordinate .link li a:hover {
		background:#f66;
		text-decoration: none;
	}
	.coordinate .link li a:active{
		background:#699;
		text-decoration: none;
	}

	.sale .link li a:link , .sale .link li a:visited {
		color:#fff;
		background:#699;
		text-decoration: none;
	}
	.sale .link li a:hover {
		background:#5EC6C6;
		text-decoration: none;
	}
	.sale .link li a:active{
		background:#F66;
		text-decoration: none;
	}

	/*.others ul.kimono li {background-size:auto auto;}
	.others ul.obi li {background-size:auto auto;}
	.others ul.option li {background-size:auto 100%;}
	.others ul.haori li {background-size:auto auto;}
	.others ul.kami li {background-size:100% auto;}
	.others ul.dome li {background-size:100% auto;}
	.others ul.juban li {background-size:100% auto;}*/

	/*.others ul.kimono li {background-position:center; background-repeat:no-repeat; background-size:auto;}*/
	.others ul.kimono li a {
		height:100px;
	}
	.others ul.obi li a ,
	.others ul.option li a ,
	.others ul.haori li a ,
	.others ul.kami li a ,
	.others ul.dome li a ,
	.others ul.juban li a
	 {
		height:100px;
	}
	
	.others ul.option li a
	 {
		height:100px;
	}
	

	footer nav {
		float:none;
		font-size:14px;
		width:100%;
		padding:0;
		margin:0 0 10px;
	}
	footer nav .title {
		float:none;
		display:block;
		font-size: 1.0em;
		color:#fff;/*pt-1*/
	/*	margin-bottom:0.5em;*/
	}
	footer nav li {
		display:block;
		margin-right:0;
	}
	footer nav ul {margin: 5px 0 0; overflow: hidden;}
	footer nav ul li {width: 25%; float: left; margin: 0;}
	footer nav ul li a {
		display:block;
		height:150px;
		margin: 0;
		border:1px solid #000;
		text-shadow: 1px 1px 0px #000 , -1px -1px 0px #000 ,-1px 1px 0px #000 , 1px -1px 0px #000;
	}
	footer nav ul li a:link , footer nav ul li a:visited {
		color:#fff;
		text-decoration: none;
	}
	footer nav ul li a:hover {
		color:#ccc;
		text-decoration: none;
	}
	footer nav ul li a:active{
		color:#866224;
		text-decoration: none;
	}
	footer nav ul li:hover {opacity: 0.8;}
	footer nav ul li.soldout:hover {opacity: 0.2;}
	
	footer .copyright {
		padding: 10px;
		margin-top:5px;
		clear:both;
		border-top: 1px solid #fff;
		color:#999;
		float:none;
		text-align: center;
		font-size:12px;
	}
	
}