@charset "UTF-8";
/*------------------------------------------------------------
	アコーディオン
------------------------------------------------------------*/
#conts > section > h2 {
	padding: 21px 0 17px 41px;
	background: url(../img/common/texture.png),
					-webkit-gradient(
					linear, left top, left bottom, 
					from(#FF7D46),
					color-stop(0.49, #FF7D46),
					color-stop(0.50, #FF5C17),
					to(#FF5C17));
	background:  url(../img/common/texture.png),
					-moz-linear-gradient(
					#FF7D46 0%,
					#FF7D46 50%,
					#FF5C17 50%,
					#FF5C17 100%);
	background:  url(../img/common/texture.png),
					linear-gradient(
					#FF7D46 0%,
					#FF7D46 50%,
					#FF5C17 50%,
					#FF5C17 100%);
	border: 1px solid #cda518;
	border-right: none;
	border-left: none;
	position: relative;
}

#conts > section > h2:before,
#conts > section > h2:after {
	margin-top: -5px;
	width: 20px;
	height: 20px;
	background: no-repeat;
	-webkit-background-size: 60px 40px;
	-moz-background-size: 60px 40px;
	background-size: 60px 40px;
	position: absolute;
	top: 50%;
	left: 16px;
	content: "";
}

#conts > section > h2:before {
	margin-top: -10px;
}

#conts > section > h2:after {
	height: 10px;
	left: auto;
	right: 15px;
}

#conts > section > h2.open {
	background: url(../img/common/texture.png),
				-webkit-gradient(
					linear, left top, left bottom, 
					from(#EB8600),
					to(#EB8600));
	background: url(../img/common/texture.png),
				-moz-linear-gradient(
					#EB8600,
					#EB8600);
	background: url(../img/common/texture.png),
				linear-gradient(
					#EB8600,
					#EB8600);
}

#conts > section > h2.close:before {
	background-position: -40px 0;
}

#conts > section > h2.close:after {
	background-position: -20px -30px;
}

#conts > section > h2.open:before {
	background-position: -40px -20px;
}

#conts > section > h2.open:after {
	background-position: -20px -20px;
}

#conts > section > h2 img {
	display: block;
}

#conts > section > .accordionBox {
	padding: 15px;
	background: #dddddd;
	display: none;
}

/*------------------------------------------------------------
	DRESS SELECT
------------------------------------------------------------*/
#conts #dressSelect {
	padding-left: 0;
	padding-right: 0;
}

#conts #dressSelect .menus {
	margin: 0 auto;
	width: 298px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#conts #dressSelect .menus .tabMenu {
	margin-right: 2px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	float: left;
	position: relative;
}

#conts #dressSelect .menus .tabMenu:last-child {
	margin-right: 0;
}

#conts #dressSelect .menus a {
	width: 96px;
	height: 48px;
	background: url(../img/common/texture.png),
				-webkit-gradient(linear, left top, left bottom, 
					from(#e5cb7e),
					color-stop(0.50, #be9326),
					color-stop(0.50, #b27f00),
					to(#996600));
	background: url(../img/common/texture.png),
				-moz-linear-gradient( 
					#e5cb7e,
					#be9326 50%,
					#b27f00 50%,
					#996600);
	background: url(../img/common/texture.png),
				linear-gradient( 
					#e5cb7e,
					#be9326 50%,
					#b27f00 50%,
					#996600);
	border: 1px solid #8D6A2F;
	border-bottom: none;
	display: table-cell;
	vertical-align: middle;
}

#conts #dressSelect .menus .current {
	background: -webkit-gradient(linear, left top, left bottom, 
					from(#dddddd),
					to(#ffffff));
	background: -moz-linear-gradient(
					#dddddd,
					#ffffff);
	background: linear-gradient(
					#dddddd,
					#ffffff);
	position: relative;
	z-index: 11;
}

#conts #dressSelect .menus .current img {
	visibility: hidden;
}

#conts #dressSelect .menus a:before {
	width: 100%;
	height: 3px;
	background: -webkit-gradient(linear, left top, left bottom, 
					from(rgba(0,0,0,0)),
					to(#000000));
	background: -moz-linear-gradient(
					rgba(0,0,0,0),
					#000000);
	background: linear-gradient(
					rgba(0,0,0,0),
					#000000);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

#conts #dressSelect .menus .current:before {
	display: none;
}

#conts #dressSelect .menus a span {
	margin: 0 auto;
	display: block;
}

#conts #dressSelect .menus .dress a span {
	width: 88px;
	height: 24px;
	background: url(../img/top/tab_zutsu_over.png) no-repeat;
	-webkit-background-size: 88px 24px;
	background-size: 88px 24px;
}

#conts #dressSelect .menus .color a span {
	width: 88px;
	height: 24px;
	background: url(../img/top/tab_memai_over.png) no-repeat;
	-webkit-background-size: 88px 24px;
	background-size: 88px 24px;
}

#conts #dressSelect .menus .kimono a span {
	width: 88px;
	height: 24px;
	background: url(../img/top/tab_sisyubyou_over.png) no-repeat;
	-webkit-background-size: 88px 24px;
	background-size: 88px 24px;
}

#conts #dressSelect .menus img {
	margin: 0 auto;
	display: block;
}

#conts #dressSelect .boxes {
	margin: -1px auto 0;
	width: 268px;
	padding: 14px;
	background: #fff;
	border: 1px solid #8D6A2F;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	position: relative;
}

#conts #dressSelect .gallery {
	text-align: center;
}

#conts #dressSelect .gallery > .images {
	display: inline-block;
}

#conts #dressSelect .gallery > .images li {
	margin-right: 10px;
	border: 1px solid #8D6A2F;
	float: left;
}

#conts #dressSelect .gallery > .images li:last-child {
	margin-right: 0;
}

#conts #dressSelect .gallery > .images li img {
	display: block;
}

#conts #dressSelect .gallery > .navbar {
	margin: 15px auto 0;
	width: 263px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
}

#conts #dressSelect .gallery > .navbar .prev,
#conts #dressSelect .gallery > .navbar .next {
	width: 10px;
}

#conts #dressSelect .gallery > .navbar .prev a,
#conts #dressSelect .gallery > .navbar .next a {
	width: 10px;
	height: 20px;
	background: url(../img/common/sprite_icon.png) no-repeat 0 -20px;
	-webkit-background-size: 60px 40px;
	background-size: 60px 40px;
	display: block;
	text-indent: -9999px;
	content: "";
}

#conts #dressSelect .gallery > .navbar .next a {
	background-position: -10px -20px;
}

#conts #dressSelect .gallery > .navbar .numbers {
	width: 243px;
	text-align: center;
}

#conts #dressSelect .gallery > .navbar .numbers ul li {
	margin: 0 7px;
	width: 7px;
	height: 7px;
	background: #eee;
	-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.3);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.3);
	display: inline-block;
	text-align: left;
	text-indent: -9999px;
	-webkit-transform: rotate(45deg);	
	-moz-transform: rotate(45deg);	
	transform: rotate(45deg);	
}

#conts #dressSelect .gallery > .navbar .numbers ul .current {
	background: #600;
}

/*------------------------------------------------------------
	About us
------------------------------------------------------------*/
#conts #aboutUs .planeBox {
	color: #333;
}

/*------------------------------------------------------------
	SNS
------------------------------------------------------------*/
#conts > .sns {
	padding: 14px 14px;
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.5);
}

#conts > .sns li {
	width: 50%;
	float: left;
}
#conts > .sns1 li {
	width: 33%;
	float: left;
}

#conts > .sns .twitter {
	float: right;
}

#conts > .sns img {
	margin: 0 auto;
	display: block;
}

#conts > .sns a {
	padding: 22px 24px 22px 0;
	position: relative;
	display: block;
}

#conts > .sns .fb a {
	margin-right: 5px;
	background: url(../img/common/texture.png),
				-webkit-gradient(
				linear, left top, left bottom, 
				from(#FFB96E),
				color-stop(0.49, #FFB96E),
				color-stop(0.50, #FFA637),
				to(#FFA637));
	background: url(../img/common/texture.png),
				-moz-linear-gradient(
				#FFB96E,
				#FFB96E 50%,
				#FFA637 50%,
				#FFA637);
	background: url(../img/common/texture.png),
				linear-gradient(
				#FFB96E,
				#FFB96E 50%,
				#FFA637 50%,
				#FFA637);
	border: 1px solid #669;
}

#conts > .sns .twitter a {
	margin-left: 5px;
	background: url(../img/common/texture.png),
				-webkit-gradient(
				linear, left top, left bottom, 
				from(#FFB96E),
				color-stop(0.49, #FFB96E),
				color-stop(0.50, #FFA637),
				to(#FFA637));
	background: url(../img/common/texture.png),
				-moz-linear-gradient(
				#FFB96E,
				#FFB96E 50%,
				#FFA637 50%,
				#FFA637);
	background: url(../img/common/texture.png),
				linear-gradient(
				#FFB96E,
				#FFB96E 50%,
				#FFA637 50%,
				#FFA637);
	border: 1px solid #39c;
}

#conts > .sns a:before {
	margin-top: -10px;
	width: 10px;
	height: 20px;
	background: url(../img/common/sprite_icon.png) no-repeat -10px 0;
	background-size: 60px 40px;
	-webkit-background-size: 60px 40px;
	-moz-background-size: 60px 40px;
	position: absolute;
	top: 50%;
	right: 14px;
	content: "";
}