@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 {
	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;
}
a:link , a:visited {
	color:#8FAB32;
	text-decoration: none;
}
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;}

.slides .photo {display:none;}

/* 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: 1.5em;
	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:0.9em;
}
.close a {
	display:none;
/*	display:block;
	width: 25px;
	height: 120px;
	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;*/
}

/* Products
***********************/
ul.yukata li { background-repeat:no-repeat; background-position:center; background-size:100%; }

ul.cotton li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.cotton .no01 {background-image:url(../kimonomachi-cotton/images2016/yukata01-thumbnail.jpg);}
ul.cotton .no02 {background-image:url(../kimonomachi-cotton/images2016/yukata02-thumbnail.jpg);}
ul.cotton .no03 {background-image:url(../kimonomachi-cotton/images2016/yukata03-thumbnail.jpg);}
ul.cotton .no04 {background-image:url(../kimonomachi-cotton/images2016/yukata04-thumbnail.jpg);}
ul.cotton .no05 {background-image:url(../kimonomachi-cotton/images2016/yukata05-thumbnail.jpg);}
ul.cotton .no06 {background-image:url(../kimonomachi-cotton/images2016/yukata06-thumbnail.jpg);}
ul.cotton .no07 {background-image:url(../kimonomachi-cotton/images2016/yukata07-thumbnail.jpg);}
ul.cotton .no08 {background-image:url(../kimonomachi-cotton/images2016/yukata08-thumbnail.jpg);}
ul.cotton .no09 {background-image:url(../kimonomachi-cotton/images2016/yukata09-thumbnail.jpg);}
ul.cotton .no10 {background-image:url(../kimonomachi-cotton/images2016/yukata10-thumbnail.jpg);}
ul.cotton .no11 {background-image:url(../kimonomachi-cotton/images2016/yukata11-thumbnail.jpg);}
ul.cotton .no12 {background-image:url(../kimonomachi-cotton/images2016/yukata12-thumbnail.jpg);}
ul.cotton .no13 {background-image:url(../kimonomachi-cotton/images2016/yukata13-thumbnail.jpg);}
ul.cotton .no14 {background-image:url(../kimonomachi-cotton/images2016/yukata14-thumbnail.jpg);}
ul.cotton .no15 {background-image:url(../kimonomachi-cotton/images2016/yukata15-thumbnail.jpg);}
ul.cotton .no16 {background-image:url(../kimonomachi-cotton/images2016/yukata16-thumbnail.jpg);}
ul.cotton .no17 {background-image:url(../kimonomachi-cotton/images2016/yukata17-thumbnail.jpg);}
ul.cotton .no18 {background-image:url(../kimonomachi-cotton/images2016/yukata18-thumbnail.jpg);}
ul.cotton .no19 {background-image:url(../kimonomachi-cotton/images2016/yukata19-thumbnail.jpg);}
ul.cotton .no20 {background-image:url(../kimonomachi-cotton/images2016/yukata20-thumbnail.jpg);}
ul.cotton .no21 {background-image:url(../kimonomachi-cotton/images2016/yukata21-thumbnail.jpg);}
ul.cotton .no22 {background-image:url(../kimonomachi-cotton/images2016/yukata22-thumbnail.jpg);}

ul.cotton2 li { background-repeat:no-repeat; background-position:center; background-size:100%; }
ul.cotton2 .no01 {background-image:url(../kimonomachi-cotton2/images2016/yukata01-thumbnail.jpg);}
ul.cotton2 .no02 {background-image:url(../kimonomachi-cotton2/images2016/yukata02-thumbnail.jpg);}
ul.cotton2 .no03 {background-image:url(../kimonomachi-cotton2/images2016/yukata03-thumbnail.jpg);}
ul.cotton2 .no04 {background-image:url(../kimonomachi-cotton2/images2016/yukata04-thumbnail.jpg);}
ul.cotton2 .no05 {background-image:url(../kimonomachi-cotton2/images2016/yukata05-thumbnail.jpg);}
ul.cotton2 .no06 {background-image:url(../kimonomachi-cotton2/images2016/yukata06-thumbnail.jpg);}
ul.cotton2 .no07 {background-image:url(../kimonomachi-cotton2/images2016/yukata07-thumbnail.jpg);}
ul.cotton2 .no08 {background-image:url(../kimonomachi-cotton2/images2016/yukata08-thumbnail.jpg);}
ul.cotton2 .no09 {background-image:url(../kimonomachi-cotton2/images2016/yukata09-thumbnail.jpg);}
ul.cotton2 .no10 {background-image:url(../kimonomachi-cotton2/images2016/yukata10-thumbnail.jpg);}
ul.cotton2 .no11 {background-image:url(../kimonomachi-cotton2/images2016/yukata11-thumbnail.jpg);}
ul.cotton2 .no12 {background-image:url(../kimonomachi-cotton2/images2016/yukata12-thumbnail.jpg);}
ul.cotton2 .no13 {background-image:url(../kimonomachi-cotton2/images2016/yukata13-thumbnail.jpg);}
ul.cotton2 .no14 {background-image:url(../kimonomachi-cotton2/images2016/yukata14-thumbnail.jpg);}
ul.cotton2 .no15 {background-image:url(../kimonomachi-cotton2/images2016/yukata15-thumbnail.jpg);}
ul.cotton2 .no16 {background-image:url(../kimonomachi-cotton2/images2016/yukata16-thumbnail.jpg);}
ul.cotton2 .no17 {background-image:url(../kimonomachi-cotton2/images2016/yukata17-thumbnail.jpg);}
ul.cotton2 .no18 {background-image:url(../kimonomachi-cotton2/images2016/yukata18-thumbnail.jpg);}
ul.cotton2 .no19 {background-image:url(../kimonomachi-cotton2/images2016/yukata19-thumbnail.jpg);}
ul.cotton2 .no20 {background-image:url(../kimonomachi-cotton2/images2016/yukata20-thumbnail.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);}


ul.obi li { background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
ul.obi .no01 {background-image:url(../obi/images2016/obi01-b.png);}
ul.obi .no02 {background-image:url(../obi/images2016/obi02-b.png);}
ul.obi .no03 {background-image:url(../obi/images2016/obi03-b.png);}
ul.obi .no04 {background-image:url(../obi/images2016/obi04-b.png);}
ul.obi .no05 {background-image:url(../obi/images2016/obi05-b.png);}
ul.obi .no06 {background-image:url(../obi/images2016/obi06-b.png);}
ul.obi .no07 {background-image:url(../obi/images2016/obi07-b.png);}
ul.obi .no08 {background-image:url(../obi/images2016/obi08-b.png);}
ul.obi .no09 {background-image:url(../obi/images2016/obi09-b.png);}
ul.obi .no10 {background-image:url(../obi/images2016/obi10-b.png);}
ul.obi .no11 {background-image:url(../obi/images2016/obi11-b.png);}
ul.obi .no12 {background-image:url(../obi/images2016/obi12-b.png);}
ul.obi .no13 {background-image:url(../obi/images2016/obi13-b.png);}
ul.obi .no14 {background-image:url(../obi/images2016/obi14-b.png);}
ul.obi .no15 {background-image:url(../obi/images2016/obi15-b.png);}
ul.obi .no16 {background-image:url(../obi/images2016/obi16-b.png);}
ul.obi .no17 {background-image:url(../obi/images2016/obi17-b.png);}
ul.obi .no18 {background-image:url(../obi/images2016/obi18-b.png);}
ul.obi .no19 {background-image:url(../obi/images2016/obi19-b.png);}
ul.obi .no20 {background-image:url(../obi/images2016/obi20-b.png);}
ul.obi .no21 {background-image:url(../obi/images2016/obi21-b.png);}
ul.obi .no22 {background-image:url(../obi/images2016/obi22-b.png);}
ul.obi .no23 {background-image:url(../obi/images2016/obi23-b.png);}
ul.obi .no24 {background-image:url(../obi/images2016/obi24-b.png);}
ul.obi .no25 {background-image:url(../obi/images2016/obi25-b.png);}
ul.obi .no26 {background-image:url(../obi/images2016/obi26-b.png);}
ul.obi .no27 {background-image:url(../obi/images2016/obi27-b.png);}
ul.obi .no28 {background-image:url(../obi/images2016/obi28-b.png);}
ul.obi .no29 {background-image:url(../obi/images2016/obi29-b.png);}
ul.obi .no30 {background-image:url(../obi/images2016/obi30-b.png);}


ul.option li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.option li.ktk {background-image:url(../option/images2016/opt-ktk.jpg);}
ul.option li.gtkn {background-image:url(../option/images2016/opt-gtkn.jpg);}
ul.option li.gt {background-image:url(../option/images2016/opt-gt.jpg);}
ul.option li.bag {background-image:url(../option/images2016/thumbnail_opt-bag.jpg);}
ul.option li.geta {background-image:url(../option/images2016/thumbnail_opt-geta.jpg);}
ul.option li.dome {background-image:url(../option/images2016/thumbnail_opt-dome.jpg);}
ul.option li.ntk {background-image:url(../option/images2016/thumbnail_opt-ntk.jpg);}
ul.option li.kami {background-image:url(../option/images2016/thumbnail_opt-kami.jpg);}


ul.bag li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.bag li.no01 {background-image:url(../option/images2016/opt-bag01.jpg);}
ul.bag li.no02 {background-image:url(../option/images2016/opt-bag02.jpg);}
ul.bag li.no03 {background-image:url(../option/images2016/opt-bag03.jpg);}
ul.bag li.no04 {background-image:url(../option/images2016/opt-bag04.jpg);}
ul.bag li.no05 {background-image:url(../option/images2016/opt-bag05.jpg);}
ul.bag li.no06 {background-image:url(../option/images2016/opt-bag06.jpg);}
ul.bag li.no07 {background-image:url(../option/images2016/opt-bag07.jpg);}
ul.bag li.no08 {background-image:url(../option/images2016/opt-bag08.jpg);}
ul.bag li.no09 {background-image:url(../option/images2016/opt-bag09.jpg);}
ul.bag li.no10 {background-image:url(../option/images2016/opt-bag10.jpg);}


ul.geta li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.geta li.no01 {background-image:url(../option/images2016/opt-geta01.jpg);}
ul.geta li.no02 {background-image:url(../option/images2016/opt-geta02.jpg);}
ul.geta li.no03 {background-image:url(../option/images2016/opt-geta03.jpg);}
ul.geta li.no04 {background-image:url(../option/images2016/opt-geta04.jpg);}
ul.geta li.no05 {background-image:url(../option/images2016/opt-geta05.jpg);}
ul.geta li.no06 {background-image:url(../option/images2016/opt-geta06.jpg);}
ul.geta li.no07 {background-image:url(../option/images2016/opt-geta07.jpg);}
ul.geta li.no08 {background-image:url(../option/images2016/opt-geta08.jpg);}
ul.geta li.no09 {background-image:url(../option/images2016/opt-geta09.jpg);}
ul.geta li.no10 {background-image:url(../option/images2016/opt-geta10.jpg);}


ul.dome li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.dome li.no01 {background-image:url(../option/images2016/opt-dome01.jpg);}
ul.dome li.no02 {background-image:url(../option/images2016/opt-dome02.jpg);}
ul.dome li.no03 {background-image:url(../option/images2016/opt-dome03.jpg);}
ul.dome li.no04 {background-image:url(../option/images2016/opt-dome04.jpg);}
ul.dome li.no05 {background-image:url(../option/images2016/opt-dome05.jpg);}
ul.dome li.no06 {background-image:url(../option/images2016/opt-dome06.jpg);}
ul.dome li.no07 {background-image:url(../option/images2016/opt-dome07.jpg);}
ul.dome li.no08 {background-image:url(../option/images2016/opt-dome08.jpg);}
ul.dome li.no09 {background-image:url(../option/images2016/opt-dome09.jpg);}
ul.dome li.no10 {background-image:url(../option/images2016/opt-dome10.jpg);}


ul.ntk li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.ntk li.no01 {background-image:url(../option/images2016/opt-ntk01.jpg);}
ul.ntk li.no02 {background-image:url(../option/images2016/opt-ntk02.jpg);}
ul.ntk li.no03 {background-image:url(../option/images2016/opt-ntk03.jpg);}
ul.ntk li.no04 {background-image:url(../option/images2016/opt-ntk04.jpg);}
ul.ntk li.no05 {background-image:url(../option/images2016/opt-ntk05.jpg);}
ul.ntk li.no06 {background-image:url(../option/images2016/opt-ntk06.jpg);}
ul.ntk li.no07 {background-image:url(../option/images2016/opt-ntk07.jpg);}
ul.ntk li.no08 {background-image:url(../option/images2016/opt-ntk08.jpg);}
ul.ntk li.no09 {background-image:url(../option/images2016/opt-ntk09.jpg);}
ul.ntk li.no10 {background-image:url(../option/images2016/opt-ntk10.jpg);}


ul.kami li {background-position:center; background-repeat:no-repeat; background-size:100% auto;}
ul.kami li.no01 {background-image:url(../option/images2016/opt-kami01.jpg);}
ul.kami li.no02 {background-image:url(../option/images2016/opt-kami02.jpg);}
ul.kami li.no03 {background-image:url(../option/images2016/opt-kami03.jpg);}
ul.kami li.no04 {background-image:url(../option/images2016/opt-kami04.jpg);}
ul.kami li.no05 {background-image:url(../option/images2016/opt-kami05.jpg);}
ul.kami li.no06 {background-image:url(../option/images2016/opt-kami06.jpg);}
ul.kami li.no07 {background-image:url(../option/images2016/opt-kami07.jpg);}
ul.kami li.no08 {background-image:url(../option/images2016/opt-kami08.jpg);}
ul.kami li.no09 {background-image:url(../option/images2016/opt-kami09.jpg);}
ul.kami li.no10 {background-image:url(../option/images2016/opt-kami10.jpg);}



/*coodinate用*/
.coordinate ul li .optcont ul li { background-repeat:no-repeat; background-position: top left; background-size:40px;}

ul.betsu .item033784 {background-image:url(../parts/160x160_033784.jpg);}
ul.betsu .item035470 {background-image:url(../parts/160x160_035470.jpg);}
ul.betsu .item020966 {background-image:url(../parts/160x160_020966.jpg);}
ul.betsu .item019755 {background-image:url(../parts/160x160_019755.jpg);}
ul.betsu .item036135 {background-image:url(../parts/160x160_036135.jpg);}
ul.betsu .item013877 {background-image:url(../parts/160x160_013877.jpg);}
ul.betsu .item037842 {background-image:url(../parts/160x160_037842.jpg);}
ul.betsu .item006627 {background-image:url(../parts/160x160_006627.jpg);}
ul.betsu .item006624 {background-image:url(../parts/160x160_006624.jpg);}
ul.betsu .item024749 {background-image:url(../parts/160x160_024749.jpg);}
ul.betsu .item035604 {background-image:url(../parts/160x160_035604.jpg);}
ul.betsu .item038541 {background-image:url(../parts/160x160_038541.jpg);}
/*公開*/
ul.betsu .item039741 {background-image:url(../parts/160x160_039741.jpg);}
ul.betsu .item039742 {background-image:url(../parts/160x160_039742.jpg);}
ul.betsu .item039743 {background-image:url(../parts/160x160_039743.jpg);}


/*-----------------------------------*/

.data {
	line-height:1.5;
	background-color:#333;
	margin-bottom:10px;
}
.data .title {
	font-size: 1.2em;
	padding: 10px;
	color:#fff;
	border-bottom:2px dotted #999;
}
.data .text {
	font-size: 0.9em;
	padding: 10px;
}
.data .attention {
	margin-top:10px;
	font-size:0.8em;
	color:#dcc;
}
.data .notice {
	font-size:0.9em;
	margin-bottom:10px;
	color:#f33;
	padding:5px;
	background:#fff;
	border:1px solid #f33;
}

.coordinate , .optcont {
	padding:10px;
	margin-bottom:10px;
	border:1px dotted #999;
}

.coordinate .title , .optcont .title {
	font-size: 1.0em;
	color:fff;
	letter-spacing:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px solid #fff;
}

.coordinate ul , .optcont ul {
	display:inline;
}
.coordinate ul li , .optcont 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 , .optcont 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:hover , .optcont ul li:hover {opacity: 0.8;}

.coordinate ul li , .optcont ul li {background-position:left; background-repeat:no-repeat; background-size:auto 100%;}

.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;
}


.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;
}

.reco {
	border-top:1px dotted #fff;
	padding:10px;
	font-size:0.9em;
	margin-bottom:10px;
}
.reco .title {
	font-size: 1.0em;
	margin-bottom:0.5em;
}
.reco .link {
	font-size: 1em;
	list-style-type:circle;
	margin:0;
	padding: 0 10px 10px 1.5em;
}

.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 {float: left; margin: 0; width: 25%;}

.others ul li a {
	font-size: 1.3em;
	display:block;
	height:80px;
	margin: 0;
	border:1px solid #999;
	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:#C00;
	font-style:normal;
}

.soldout {
	display:none;
}

/*セット販売誘導*/
.set {
	border-top:1px dotted #999;
	padding:10px;
	font-size:0.9em;
	margin-bottom:10px;
}
.set .title {
	font-size: 1.0em;
	/*color:#fff;*//*pt-1*/
	margin-bottom:0.5em;
}
.set ul {margin: 5px 0 0; overflow: hidden;}
.set ul li {float: left; margin: 0;}

.set ul.dv6 li {width: 16%;}
.set ul.dv5 li {width: 20%;}
.set ul.dv4 li {width: 25%;}
.set ul.dv3 li {width: 33%;}

.set ul li a {
	display:block;
}
.set ul li a img {
	width:100%;
	max-width:180px;
}

/*シミュレータ誘導*/
.sim {
	border-top:1px dotted #999;
	padding:10px;
	font-size:0.9em;
	margin-bottom:10px;
}
.sim .title {
	font-size: 1.0em;
	/*color:#fff;*//*pt-1*/
	margin-bottom:0.5em;
}
.sim ul {margin: 5px 0 0; overflow: hidden;}
/*.sim ul li {width: 50%; float: left; margin: 0;}*/
.sim ul li a {
	display:block;
}
.sim ul li a img {
	width:100%;
	max-width:600px;
}

/*単品販売誘導*/
.tanpin 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;
}
.tanpin a:after {
	content:" >>";
}

.tanpin a:link , .tanpin a:visited {
	color:#fff;
	background:#999;
	text-decoration: none;
}
.tanpin a:hover {
	background:#bbb;
	text-decoration: none;
}
.tanpin a:active{
	background:#ccc;
	text-decoration: none;
}	

.spec {
	font-size:0.9em;
	padding:5px;
	border:1px dotted #fff;
	margin-top:5px;
}


/*後で公開*/
.movie {
	/*display:none;*/
	display:block;
}


/* 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;}

	.slides .photo {display:block;}

	.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 {
	}

	.reco {
		border-top:1px dotted #fff;
		padding:10px;
		font-size:0.9em;
		margin-bottom:10px;
	}
	.reco .title {
		font-size: 1.0em;
		color:#C0B3A7;/*pt-1*/
		margin-bottom:0.5em;
	}
	.reco .link {
		list-style-type:none;
		margin:0;
		padding: 0;
	}
	.reco .link li {
		display:block;
		margin-right:0;
	}
	.reco .link li:before {
		content:"";
	}

	.coordinate .link li a ,
	.reco .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 ,
	.reco .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 {
		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;
	}


	.reco .link li a:link , .reco .link li a:visited {
		color:#fff;
		background:#699;
		text-decoration: none;
	}
	.reco .link li a:hover {
		background:#5EC6C6;
		text-decoration: none;
	}
	.reco .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.yukata li a {
		height:150px;
	}
	.others ul.obi li a ,
	.others ul.option li a ,
	.others ul.ktk li a ,
	.others ul.gtkn li a ,
	.others ul.bag li a ,
	.others ul.geta li a
	.others ul.dome li a
	.others ul.ntk li a
	.others ul.kami li a
	 {
		height:100px;
	}
	
	.sim ul li {width: 100%; float:none; text-align:center;}
		
	footer .copyright {
		padding: 10px;
		margin-top:5px;
		clear:both;
		color:#999;
		float:none;
		text-align: center;
		/*font-size:12px;*/
		width:100%;
	}
	.close {
		display:none;
	}

/* Products
***********************/
	ul.cotton li { background-repeat:no-repeat; background-position:center; background-size:cover; }
	ul.cotton2 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; }
	.others ul.obi li { background-repeat:no-repeat; background-position:center; background-size:cover; }

}

