@charset "UTF-8";
/* reset */
/* line 17, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.5/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* link */
/* line 41, ../sass/shop.scss */
a:link, a:visited {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/* line 46, ../sass/shop.scss */
a:hover {
  color: #efefef;
}
/* line 48, ../sass/shop.scss */
a:hover img {
  text-decoration: none;
}

/* line 52, ../sass/shop.scss */
img {
  vertical-align: top;
}

/****************************************
          utility
*****************************************/
/* line 60, ../sass/shop.scss */
.ta_C {
  text-align: center;
}

/* line 61, ../sass/shop.scss */
.ta_L {
  text-align: left;
}

/* line 62, ../sass/shop.scss */
.ta_R {
  text-align: right;
}

/* line 64, ../sass/shop.scss */
strong {
  font-weight: bold;
}

/* line 66, ../sass/shop.scss */
.alignleft {
  float: left;
}

/* line 69, ../sass/shop.scss */
.alignright {
  float: right;
}

/****************************************
          Layout
*****************************************/
/* line 76, ../sass/shop.scss */
body {
  color: white;
  background: black;
  font-size: 12px;
  line-height: 1.5;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/* line 84, ../sass/shop.scss */
#contents {
  margin: 0 auto;
  width: 950px;
  height: 600px;
}

/* line 93, ../sass/shop.scss */
.gallery {
  height: 600px;
}
/* line 95, ../sass/shop.scss */
.gallery.slick-slider {
  margin-bottom: 0;
  padding-top:100px;
}
/* line 96, ../sass/shop.scss */
.gallery .slick-slide {
  position: relative;
}
/* line 99, ../sass/shop.scss */
.gallery .slick-prev, .gallery .slick-next {
  top: 65px;
  z-index: 200;
}
/* line 102, ../sass/shop.scss */
.gallery .slick-prev.slick-disabled, .gallery .slick-next.slick-disabled {
  display: none !important;
}
/* line 106, ../sass/shop.scss */
.gallery .slick-prev {
  left: 0px;
  width: auto;
  height: auto;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 111, ../sass/shop.scss */
.gallery .slick-prev:hover {
  opacity: 0.7;
}
/* line 115, ../sass/shop.scss */
.gallery .slick-next {
  right: 0px;
  width: auto;
  height: auto;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 120, ../sass/shop.scss */
.gallery .slick-next:hover {
  opacity: 0.7;
}
/* line 124, ../sass/shop.scss */
.gallery .slick-dots {
  bottom: inherit;
  top: 50px;
}
/* line 127, ../sass/shop.scss */
.gallery .slick-dots li {
  height: 32px;
  width: 42px;
  margin: 0 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  background: #fff;
}
/* line 135, ../sass/shop.scss */
.gallery .slick-dots li img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
/* line 138, ../sass/shop.scss */
.gallery .slick-dots li.slick-active {
  border-color: #fff;
}
/* line 142, ../sass/shop.scss */
.gallery .slick-dots li:hover img {
  opacity: 0.7;
}

/* line 149, ../sass/shop.scss */
#social-btn {
  /* width: 300px; */
  margin-top: 5px;
  float: right;
  text-align: left;
}

/* line 155, ../sass/shop.scss */
#social-btn .google {
  width: 70px;
  padding-top: 3px;
  float: right;
}

/* line 160, ../sass/shop.scss */
#social-btn .twitter {
  width: 152px;
  padding-top: 3px;
  float: right;
}

/* line 165, ../sass/shop.scss */
#social-btn .facebook {
  width: 120px;
  padding-top: 3px;
  float: right;
}

/****************************************
          Clearfix
*****************************************/
/* line 178, ../sass/shop.scss */
#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
/* line 191, ../sass/shop.scss */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
  display: inline-block;
}

/* line 198, ../sass/shop.scss */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
  display: block;
}

/*add*/
.slick-initialized .slick-slide.movie{
	padding-top:80px;
}
.slick-initialized .slick-slide video{
	display:block;
	margin:0 auto;
}

.gallery .slick-dots li{
	position:relative;
}
.gallery .slick-dots li span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-size:cover;
	text-indent:-9999px;
}

a:focus,
a:active,
area:focus,
area:active,
*:focus
 {
outline: none;
}

