
.owl-thumb-item img {
		width: 100px;
		height: auto;
}

@media screen and (max-width: 480px) {

.owl-thumbs {
		display: none;
}

.owl-thumb-item {
		display: none;
}
}

.owl-thumbs {
		text-align: center;
}

.owl-thumb-item {
		cursor: pointer;
		margin: 10px 5px 5px;
		background: none;
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 0.8;
		border: none;
}

.owl-thumb-item.active {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
		opacity: 0.3;
}

.owl-thumb-item:hover {
		opacity: 1.0;
}

.owl-carousel .animated {
		-webkit-animation-duration: 1000ms;
		animation-duration: 1000ms;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
		z-index: 0
}

.owl-carousel .owl-animated-out {
		z-index: 1
}

.owl-carousel .fadeOut {
		-webkit-animation-name: fadeOut;
		animation-name: fadeOut
}

.owl-prev {
		font-size: 2.0rem;
		position: absolute;
		left: -22px;
		top: 28%;
		margin: 0;
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
		color: #000000;
		font-weight: 600;
}

.owl-next {
		font-size: 2.0rem;
		position: absolute;
		right: -22px;
		top: 28%;
		margin: 0;
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
		color: #000000;
		font-weight: 600;
}

.owl-theme .owl-controls {
		margin-top: 0px;
		text-align: center;
		-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class * =owl-] {
		color: #fff;
		font-size: 14px;
		margin: 5px;
		padding: 4px 7px;
		background: #d6d6d6;
		display: inline-block;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px
}

.owl-theme .owl-controls .owl-nav [class * =owl-]:hover {
		color: #fff;
		text-decoration: none
}

.owl-theme .owl-controls .owl-nav .disabled {
		opacity: .5;
		cursor: default
}

.owl-theme .owl-dots .owl-dot {
		display: inline-block;
		zoom: 1;
 * display: inline;
}

.owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
		margin: 8px 7px 5px;
		background: #cccccc;
		display: block;
		-webkit-backface-visibility: visible;
		-webkit-transition: opacity 200ms ease;
		-moz-transition: opacity 200ms ease;
		-ms-transition: opacity 200ms ease;
		-o-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #333333;
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1
}
 100% {
 opacity: 0
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1
}
 100% {
 opacity: 0
}
}

.owl-height {
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out
}

.carouselArea {
		width: 100%;
		overflow: hidden;
}

.owl-carousel {
		display: none;
		-webkit-tap-highlight-color: transparent;
		position: relative;
		/*z-index: 1ログイン新規会員登録ボタンが隠れるためコメントアウト*/
}

.owl-carousel-2 {
		display: none;
		width: 80%;
		-webkit-tap-highlight-color: transparent;
		position: relative;
		z-index: 1
}

.owl-carousel .owl-stage, .owl-carousel-2 .owl-stage {
		position: relative;
		-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after, .owl-carousel-2 .owl-stage:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0
}

.owl-carousel .owl-stage-outer {
		overflow: inherit;
		/*overflow: hidden;*/
		-webkit-transform: translate3d(0px, 0, 0)
}

@media screen and (max-width: 765px) {

.owl-carousel .owl-stage-outer {
		overflow: hidden;
}

.owl-thumbs {
		display: none;
}
}

.owl-carousel-2 .owl-stage-outer {
		position: relative;
		overflow: hidden;
		-webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
		cursor: pointer;
		cursor: hand;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
}

.owl-carousel.owl-loaded {
		display: block
}

.owl-carousel.owl-loading {
		opacity: 0;
		display: block
}

.owl-carousel.owl-hidden {
		opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
		display: none
}

.owl-carousel .owl-item {
		position: relative;
		min-height: 1px;
		float: left;
		-webkit-backface-visibility: hidden;
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
}

.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		-webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
		-webkit-user-select: auto;
		-moz-user-select: auto;
		-ms-user-select: auto;
		user-select: auto
}

.owl-carousel .owl-grab {
		cursor: move;
		cursor: -webkit-grab;
		cursor: -o-grab;
		cursor: -ms-grab;
		cursor: grab
}

.owl-carousel.owl-rtl {
		direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
		float: right
}

.no-js .owl-carousel {
		display: block
}

.owl-carousel .owl-item .owl-lazy {
		opacity: 0;
		-webkit-transition: opacity 400ms ease;
		-moz-transition: opacity 400ms ease;
		-ms-transition: opacity 400ms ease;
		-o-transition: opacity 400ms ease;
		transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
		transform-style: preserve-3d
}

@media screen and (min-width:745px) {

.owl-prev {
		content: " ";
		font-size: 0px;
		width: 120px;
		height: 60px;
		background-image: url("/kyoto/images/icon-arrow-left.png");
		background-image: url("../images/icon-arrow-left.png");
		background-size: 100px 50px;
		background-position: left center;
		background-repeat: no-repeat;
		position: absolute;
		left: -120px;
		opacity: 1.0;
		top: 28%;
		margin: 0;
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
}

.owl-next {
		content: " ";
		font-size: 0px;
		width: 120px;
		height: 60px;
		background-image: url("/kyoto/images/icon-arrow-right.png");
		background-image: url("../images/icon-arrow-right.png");
		background-size: 100px 50px;
		background-position: left center;
		background-repeat: no-repeat;
		position: absolute;
		right: -120px;
		opacity: 1.0;
		top: 28%;
		margin: 0;
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
}
.carouselArea {
		margin-bottom:30px;
}

.owl-prev:hover, .owl-next:hover {
		opacity: 0.6;
}

.carouselArea .owl-item {
		opacity: 0.5;
		pointer-events: none;
}

.carouselArea .owl-item:hover {
		opacity: 0.7;
}

div.owl-item.active {
		opacity: 1.0;
		pointer-events: auto;
}

.carouselArea {
		background: #f1f1f1;
		padding-bottom: 5px;
}

.carouselArea .owl-carousel {
		max-width: 765px;
		margin: 0 auto;
}

.owl-carousel-2 {
		max-width: inherit;
}

.owl-carousel li img {
		width: 100%;
		height: auto;
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
		display: none
}
}
