/*===============================
  Base
===============================*/



.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.modal__content {
    background: #fff;
    padding: 20px;
    max-width: 820px;
    width: 90%;
    position: relative;
}
.swiper-slide {
    display: none; /* 初期状態で非表示 */
}
.swiper-horizontal {
  	overflow: hidden;
}
.modal__content {
  	margin: 5VW auto 0 ;
}
.swiper-backface-hidden .swiper-slide img{
    width:100%;
    height:auto;
}





#inline-content iframe{
	margin-bottom:10px;
}

.modal__content .btn {
	text-align: center;
	width:60%;
	margin: 0px auto 0
}
.modal__content .btn a{
    color:#fff;
}



@media screen and (min-width: 769px) {
	.exhibition_list li:first-child button{
		width:382px;height:232px;background:url(../img/showroom/photo01_01.jpg) center top no-repeat;background-size: 100%;
	}
	.exhibition_list li:nth-child(2) button{
		width:382px;height:232px;background:url(../img/showroom/photo04_01.jpg) center top no-repeat;background-size: 100%;
	}
	.exhibition_list li:nth-child(3) button{
		width:382px;height:232px;background:url("../img/showroom/jingu.jpg") center top no-repeat;background-size: 100%;
	}
	.exhibition_list li:nth-child(4) button{
		width:382px;height:232px;background:url("../img/showroom/photo05_01.jpg") center top no-repeat;background-size: 100%;
	}
}

@media screen and (max-width: 684px){
	
	.exhibition_list li:first-child button{
		width:100%;height:56VW;background:url(../img/showroom/photo01_01.jpg) center top no-repeat;background-size: 100%;
	}
	.exhibition_list li:nth-child(2) button{
		width:100%;height:56VW;background:url(../img/showroom/photo04_01.jpg) center top no-repeat;background-size: 100%;
	}
	.exhibition_list li:nth-child(3) button{
		width:100%;height:56VW;background:url("../img/showroom/jingu.jpg") center top no-repeat;background-size: 100%;
	}
	.exhibition_list li:nth-child(4) button{
		width:100%;height:56VW;background:url("../img/showroom/photo05_01.jpg") center top no-repeat;background-size: 100%;
	}
	
	.modal__content {
  		max-width: 80VW!important;
	}
    .modal__content .btn {
        width:80%;
    }
	.modal__content .btn a {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
  	}
	
}

.btn {
    width:50%;
    height:100px;
	padding-top:30px;
    margin: 1em auto;
}
.btn a{
    display:block;
    width:100%;
    height:50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    text-align:center;
    color:#000;
    font-size:16px;
    line-height:50px;
    text-decoration: none;
    background-color: #f5e695;
}
.js-open-modal {
  	background-color: transparent;
  	border: 0;
	cursor:pointer;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  	right:20px!important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  	opacity: .20!important;
}
.swiper-slide img {
	max-width: 100%;
}
.swiper-pagination {
  	text-align: left!important;
  	padding-left: 20px!important;
	bottom: 18px!important;
}