@charset "UTF-8";

[id^="modal-cont"]{
	width:80%;
	max-width:1000px;
	margin:1.5em auto 0;
	padding:10px 0;
	border:2px solid #aaa;
	background:#fff;
  z-index:9997;
	position:fixed;
  display: none;
	overflow: hidden;
}

/*#modal-cont1,#modal-cont2,#modal-cont3{
	width:80%;
	max-width:1000px;
	margin:1.5em auto 0;
	padding:10px 0;
	border:2px solid #aaa;
	background:#fff;
  z-index:9997;
	position:fixed;
  display: none;
	overflow: hidden;
}*/

[id^="modal-cont"] p{font-size:14px;line-height:100%;letter-spacing:1px;}
/*#modal-cont1,#modal-cont2,#modal-cont3 p{font-size:14px;line-height:100%;letter-spacing:1px;}*/

.btn-link{
	color:#00f;
	text-decoration:underline;
    margin-bottom:20px;
    }

.btn-link:hover{
	cursor:pointer;
	color:#f00;
}

#modal-overlay{
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}


.modal__slide{width:490px;height:682px;float:left;}
/*.modal__slide.slide1{background-color: red;}
.modal__slide.slide2{background-color: green;}
.modal__slide.slide3{background-color: blue;}
.modal__slide.slide4{background-color: #ccc}
.modal__slide.slide5{background-color: pink;}*/

.modal__slider_set:after{content:"";display: block;clear:both;}
.modal__slider_set{position: absolute;}
.modal__slider{width:490px;height:682px;overflow: hidden;position: relative;border: 1px solid #ccc;}

.modal_container:after{content:"";display: block;clear:both;}

.modal__right_container{position:absolute;padding-top:5%;right:0;z-index:9999;}
.right_cont{width: 190px;height:682px;background-color: #FFDBE4;float:left;max-width:190px;}
.right_cont_box{/*width: 150px;height:650px;*/background-color:#fff;margin:10px;padding:10px;}
.right_cont_box p{margin:1em 0; font-size: 12px;}
.right_cont_box .title{font-size:17px;font-family: Meiryo,'メイリオ';margin:5px;text-align:center;}
.name{font-weight:bold;margin-bottom:5px;}
.text{margin-top:0;}
.annotation{font-size:12px;padding-left:13px;text-indent:-13px;line-height:120%;}
.modal__right_btncont{float:left;}
.modal__right_btncont p{margin-top:0;}


.modal__left_container{float:left;padding:5% 10% 50px;position:relative;}
.modal__slider-prev{position:absolute;left:10%;bottom:47%;z-index:9998;}
.modal__slider-next{position:absolute;right:10%;bottom:47%;z-index:9998;}

.modal__right_btn.is-unactive{display: none;}
.modal-close{float:right;position: absolute;right: 10px;bottom: 0;}

@media (max-width:768px){
.modal__right_container{display:none;}
}
@media (max-width:600px){
.modal__slider-next img, .modal__slider-prev img{width:10px;height:26px;}
}