@charset "utf-8";


/*========= モーダル表示のためのCSS ===============*/

/*動画表示のモーダルの余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
  padding:0;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#fff;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

@media screen and (max-width: 640px) {
.modaal-video-wrap {
  margin: 0;
  top: -15%;
}
.modaal-video-container{
  height: 40vh;
}
}

/*========= レイアウトのためのCSS ===============*/
.modal-btn{
  display: block;
  width: fit-content;
  margin: 1.5rem auto 0;
}