/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */



/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  width: 100%;
  display: block;
  display: inline-block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
  text-align: center;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** オンラインストア　商品詳細mv
===================================*/
#slider-item-mv .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
#slider-item-mv .bx-wrapper li {}
#slider-item-mv .bx-wrapper img {
	max-width: 100%;
	/*display: block;*/
}
#slider-item-mv .bx-viewport {
	padding-right: 10px;
}
#slider-item-mv .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#slider-item-mv .bx-controls-direction,
#slider-item-mv .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#slider-item-mv .bx-controls-direction a,
#slider-item-mv .bx-pager-item {
	display: inline-block;
}
#slider-item-mv .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
#slider-item-mv .bx-pager-item a.active {
	opacity: 0.3;
}
#slider-item-mv .bx-controls-direction a {
	width: 30px;
	height: 290px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
#slider-item-mv .bx-controls-direction a i {}
#slider-item-mv .bx-controls-direction .bx-prev {
	left: 10px;
}
#slider-item-mv .bx-controls-direction .bx-prev i {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
}
#slider-item-mv .bx-controls-direction .bx-next {
	right: 10px;
}
#slider-item-mv .bx-controls-direction .bx-next i {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
}
#slider-item-mv .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
}


/** トップページ bottom
===================================*/
.bottombar .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
.bottombar .bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bottombar .bx-viewport {
	padding-right: 10px;
}
.bottombar .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bottombar .bx-controls-direction,
.bottombar .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.bottombar .bx-controls-direction a,
.bottombar .bx-pager-item {
	display: inline-block;
}
.bottombar .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.bottombar .bx-pager-item a.active {
	opacity: 0.3;
}
.bottombar .bx-controls-direction a {
	width: 12px;
	height: 70px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
.bottombar .bx-controls-direction a i {}
.bottombar .bx-controls-direction .bx-prev {
	left: -15px;
	background: url(../img/btn_pager02_prev.png) no-repeat left;
}
.bottombar .bx-controls-direction .bx-prev i {}
.bottombar .bx-controls-direction .bx-next {
	right: -15px;
	background: url(../img/btn_pager02_next.png) no-repeat right;
}
.bottombar .bx-controls-direction .bx-next i {}
.bottombar .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
}
@media screen and (min-width: 769px) {

}

@media screen and (max-width: 768px) {

	.bottombar .bx-controls-direction .bx-prev {
		left: 10px;
	}
	.bottombar .bx-controls-direction .bx-next {
		right: 10px;
	}

}



/** コンテンツ bxslide-type01
===================================*/
.bxslide-type01 .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
.bxslide-type01 .bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslide-type01 .bx-viewport {
	padding: 8px;
}
.bxslide-type01 .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bxslide-type01 .bx-controls-direction,
.bxslide-type01 .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.bxslide-type01 .bx-controls-direction a,
.bxslide-type01 .bx-pager-item {
	display: inline-block;
}
.bxslide-type01 .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.bxslide-type01 .bx-pager-item a.active {
	opacity: 0.3;
}
.bxslide-type01 .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 40%;
}
.bxslide-type01 .bx-controls-direction a {
	width: 12px;
	height: 70px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
.bxslide-type01 .bx-controls-direction .bx-prev {
	position: absolute;
	top: 40%;
	left: -3%;
}
.bxslide-type01 .bx-controls-direction .bx-next {
	position: absolute;
	top: 40%;
	right: -2%;
}

@media (max-width: 991px) {

	.bxslide-type01 .bx-controls-direction .bx-prev {
		left: 4%;
	}
	.bxslide-type01 .bx-controls-direction .bx-next {
		right: 4%;
	}

}

@media screen and (max-width: 768px) {

}



/** コンテンツ bxslide-type02
===================================*/
.bxslide-type02 .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
.bxslide-type02 .bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslide-type02 .bx-viewport {
	padding: 8px;
}
.bxslide-type02 .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bxslide-type02 .bx-controls-direction,
.bxslide-type02 .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.bxslide-type02 .bx-controls-direction a,
.bxslide-type02 .bx-pager-item {
	display: inline-block;
}
.bxslide-type02 .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.bxslide-type02 .bx-pager-item a.active {
	opacity: 0.3;
}
.bxslide-type02 .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 40%;
}
.bxslide-type02 .bx-controls-direction a {
	width: 12px;
	height: 70px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
.bxslide-type02 .bx-controls-direction .bx-prev {
	position: absolute;
	top: 40%;
	left: 24.5%;
}
.bxslide-type02 .bx-controls-direction .bx-next {
	position: absolute;
	top: 40%;
	right: 23.5%;
}
.bxslide-type02 .slide-2col {
	margin-left: -25%;
}

@media (max-width: 991px) {

}

@media screen and (max-width: 768px) {

	.bxslide-type02 .slide-2col {
		margin-left: 28%;
	}
	.bxslide-type02 .bx-controls-direction .bx-prev {
		left: 22%;
	}
	.bxslide-type02 .bx-controls-direction .bx-next {
		right: 22%;
	}

}



/** コンテンツ bxslide-type03
===================================*/
.bxslide-type03 .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
.bxslide-type03 .bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslide-type03 .bx-viewport {
	padding: 8px;
}
.bxslide-type03 .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bxslide-type03 .bx-controls-direction,
.bxslide-type03 .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.bxslide-type03 .bx-controls-direction a,
.bxslide-type03 .bx-pager-item {
	display: inline-block;
}
.bxslide-type03 .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.bxslide-type03 .bx-pager-item a.active {
	opacity: 0.3;
}
.bxslide-type03 .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 40%;
}
.bxslide-type03 .bx-controls-direction a {
	width: 12px;
	height: 70px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
.bxslide-type03 .bx-controls-direction .bx-prev {
	position: absolute;
	top: 40%;
	left: 32.5%;
}
.bxslide-type03 .bx-controls-direction .bx-next {
	position: absolute;
	top: 40%;
	right: 32.7%;
}

@media (max-width: 991px) {

}

@media screen and (max-width: 768px) {

	.bxslide-type03 .slide-3col-wide {
		margin-left: 28%;
	}
	.bxslide-type03 .bx-controls-direction .bx-prev {
		left: 4%;
	}
	.bxslide-type03 .bx-controls-direction .bx-next {
		right: 4%;
	}

}


/** コンテンツ bxslide-type04
===================================*/
.bxslide-type04 .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
.bxslide-type04 .bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslide-type04 .bx-viewport {
	padding: 16px;
}
.bxslide-type04 .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.bxslide-type04 .bx-controls-direction,
.bxslide-type04 .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.bxslide-type04 .bx-controls-direction a,
.bxslide-type04 .bx-pager-item {
	display: inline-block;
}
.bxslide-type04 .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.bxslide-type04 .bx-pager-item a.active {
	opacity: 0.3;
}
.bxslide-type04 .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 40%;
}
.bxslide-type04 .bx-controls-direction a {
	width: 12px;
	height: 70px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
.bxslide-type04 .bx-controls-direction .bx-prev {
	position: absolute;
	top: 40%;
	left: -2%;
}
.bxslide-type04 .bx-controls-direction .bx-next {
	position: absolute;
	top: 40%;
	right: -2%;
}

@media (max-width: 991px) {

}

@media screen and (max-width: 768px) {

	.bxslide-type04 .slide-3col-wide {
		margin-left: 28%;
	}
	.bxslide-type04 .bx-controls-direction .bx-prev {
		left: 4%;
	}
	.bxslide-type04 .bx-controls-direction .bx-next {
		right: 4%;
	}

}


/** サイドバー
===================================*/
#sidebar .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
#sidebar .bx-wrapper img {
	max-width: 100%;
	display: block;
}
#sidebar .bx-viewport {
	padding-right: 10px;
}
#sidebar .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#sidebar .bx-controls-direction,
#sidebar .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#sidebar .bx-controls-direction a,
#sidebar .bx-pager-item {
	display: inline-block;
}
#sidebar .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
#sidebar .bx-pager-item a.active {
	opacity: 0.3;
}
#sidebar .bx-controls-direction a {
	width: 12px;
	height: 140px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
#sidebar .bx-controls-direction a i {}
#sidebar .bx-controls-direction .bx-prev {
	left: 10px;
	background: url(../img/btn_pager02_prev.png) no-repeat left;
}
#sidebar .bx-controls-direction .bx-prev i {}
#sidebar .bx-controls-direction .bx-next {
	right: 10px;
	background: url(../img/btn_pager02_next.png) no-repeat right;
}
#sidebar .bx-controls-direction .bx-next i {}
#sidebar .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
}


/** トップページ　(スマホ)
===================================*/
.mainvisual .bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	*zoom: 1;
}
.mainvisual .bx-wrapper img {
	max-width: 100%;
	display: block;
}
.mainvisual .bx-viewport {
	padding-right: 10px;
}
.mainvisual .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.mainvisual .bx-controls-direction,
.mainvisual .bx-pager {
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.mainvisual .bx-controls-direction a,
.mainvisual .bx-pager-item {
	display: inline-block;
}
.mainvisual .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
.mainvisual .bx-pager-item a.active {
	opacity: 0.3;
}
.mainvisual .bx-controls-direction a {
	width: 12px;
	height: 140px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
.mainvisual .bx-controls-direction a i {}
.mainvisual .bx-controls-direction .bx-prev {
	left: 10px;
	background: url(../img/btn_pager02_prev.png) no-repeat left;
}
.mainvisual .bx-controls-direction .bx-prev i {}
.mainvisual .bx-controls-direction .bx-next {
	right: 10px;
	background: url(../img/btn_pager02_next.png) no-repeat right;
}
.mainvisual .bx-controls-direction .bx-next i {}
.mainvisual .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/* ======================================================================================================================== */
/* mainvisual
/* ======================================================================================================================== */
@media screen and (min-width: 769px) {

#mainvisual .slide-all {
	position: relative;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
}
#mainvisual .slide-wrap {
	position: absolute;
	left: 50%;
	width: 3000px;
	margin-left: -1500px;
}
#mainvisual .slide-body {
	width: 100%;
}
#mainvisual .slide {
	width: 1080px;
}
#mainvisual .slide img {
	width: 100%;
	vertical-align: bottom;
}
/* 装飾 */
#mainvisual .bx-controls {
	width: 1000px;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
}
#mainvisual .bx-controls-direction,
#mainvisual .bx-pager {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
#mainvisual .bx-controls-direction a,
#mainvisual .bx-pager-item {
	display: inline-block;
}
#mainvisual .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
#mainvisual .bx-pager-item a.active {
	opacity: 0.3;
}
#mainvisual .bx-controls-direction a {
	width: 25px;
	height: 70vh;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
#mainvisual .bx-controls-direction a i {
	color: #fff;
	font-size: 3em;
}
#mainvisual .bx-controls-direction .bx-prev {
	left: 40px;
}
#mainvisual .bx-controls-direction .bx-prev i {}
#mainvisual .bx-controls-direction .bx-next {
	right: 40px;
}
#mainvisual .bx-controls-direction .bx-next i {}
#mainvisual .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
}

}/* @media min-width: 769px */

/* ======================================================================================================================== */
/* responsive
/* ======================================================================================================================== */

@media screen and (max-width: 768px) {

#mainvisual .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
#mainvisual .bx-wrapper img {
	width: 100%;
	display: block;
}
#mainvisual .bx-controls {
	width: 100%;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
}
#mainvisual .bx-controls-direction,
#mainvisual .bx-pager {
	display: none;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
#mainvisual .bx-controls-direction a,
#mainvisual .bx-pager-item {
	display: inline-block;
}
#mainvisual .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #000;
	border-radius: 10px;
	margin:10px 2px 0 2px;
}
#mainvisual .bx-pager-item a.active {}
#mainvisual .bx-controls-direction a {
	width: 30px;
	height: 140px;
	position: absolute;
	text-decoration: none;
	padding:0;
	vertical-align: middle;
}
#mainvisual .bx-controls-direction a i {}
#mainvisual .bx-controls-direction .bx-prev {
	left: 10px;
	background: url(../img/top/icon_arrow_l.png) no-repeat left;
}
#mainvisual .bx-controls-direction .bx-prev i {}
#mainvisual .bx-controls-direction .bx-next {
	right: 10px;
	background: url(../img/top/icon_arrow_r.png) no-repeat right;
}
#mainvisual .bx-controls-direction .bx-next i {}
#mainvisual .bx-controls { 
	position: absolute;
	z-index: 100;
	width: 100%;
}


}/* @media max-width: 768px */