/********** 動画は header.php に挿入している **********/


/* ドロップシャドウ */
.callout-container video {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
}

/* フローティングバナー */
#calloutElm {
  position: fixed;
  bottom: 25px;
  right: 20px;
  max-width: 300px;
  z-index: 999;
 opacity: 0;	
 transition: opacity 1.0s;
}


@media screen and (max-width: 767px){
#calloutElm {
  position: fixed;
  bottom: 15px;
  right: 10px;
  max-width: 200px;
  z-index: 999;}
}
.callout-container video {
    width: 100%;
		border-radius:8px;
}
.closebtn {
    position: absolute;
    top: -5px;
    right: 5px;
    color: white;
    font-size: 25px;
    padding: 5px;
    line-height: 1;
    cursor: pointer;
    z-index: 999;
}
/*.closebtn:hover {
  color: lightgrey;
}*/
#calloutElm:hover { 
	filter: brightness(1.03); 
transition: filter 0.2s;
}


/* 画像の場合のデザイン */
.top_floating img{
width: 300px !important;
height: 168.75px !important;
border-radius:5px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);	
}

@media only screen and (max-width: 976px){
.top_floating img{
width: 200px !important;
height: 112.5px !important;
border-radius:5px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);	}
}