/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
モーダル

以下3点のクラス名はJS挙動用のclass

modalOpen => モーダルを開く<a>タグにclass追加
modalClose => モーダルを閉じる<a>タグにclass追加
is-modal-active => アクティブで背景のスクロールを禁止

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*モーダル 基盤*/
body.is-modal-active {overflow: hidden;position:fixed;width: 100%;left:0;}
.modal {position: fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:200;}
.modal-guide {position: fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:200;}
.overLay {position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:300;}
.overLay_guide {position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);width:100%;height:100%;z-index:300;}

/*モーダル 中身 画像*/
.modal__inner_img {width: 80%;margin: 10vh auto 10vh auto;height: 80vh;position: relative;z-index: 400;text-align: center;}
.modal__inner_img img{width: auto;height: 100%}
.img-modalclose{color: #FFF;position: absolute;bottom:-40px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);font-size: 18px;cursor: pointer;transition: 0.5s}
.img-modalclose:hover {opacity: 0.7}