@charset "UTF-8";

#details h3{
	font-size: 1.8em;text-align: center;font-weight: 600;
}
.red{
	color: red;
}
.ask{
	text-align: center;font-size: 1.5em;padding:5px; color: red;border: solid 1px red;width:20%;
}
.container {
    position: relative;
    margin:100px auto 60px auto;
    max-width: 1180px;
}
 
.swiper-container{
    text-align: center;
    cursor: grab;
}
.swiper-container:active{
    cursor: grabbing;
}
.swiper-container .swiper-slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
         
#thumbs {
    height: 10%;
    box-sizing: border-box;
    padding: 10px 0;
}
#thumbs .swiper-slide {
    width: 16%;
    height: auto;
    opacity: 0.3;
    cursor: grab;
}
#thumbs .swiper-slide:active {
    cursor: grabbing;
}
#thumbs .swiper-slide-active {
    opacity: 1;
}
         
 
.swiper-blind-left,
.swiper-blind-right {
    position: absolute;
    width: 11.55%;
    height: 100%;
    display: block;
    top: 0;
    background: rgba(255,255,255,.7);
    z-index: 5;
}
.swiper-blind-left {
    left: 0;
}
.swiper-blind-right {
    right: 0;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;   
    margin-top: -16px;
    z-index: 10;
     
}
 
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
 
.swiper-button-prev {
    background: url(../images/arrow01.png) no-repeat center center / contain;
}
 
.swiper-button-next {
    background: url(../images/arrow02.png) no-repeat center center / contain;
}
 
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto
}
 
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto
}
.swiper-button-next::after, .swiper-button-prev::after {
  content: none !important;
}

@media (max-width: 600px) {
    .swiper-blind-left,.swiper-blind-right {
    display: none;
    }
}