/*
Theme Name: Mercury Child
Theme URI: https://mercury.is/
Description: Child theme for Mercury theme
Author: Space-Themes.com
Author URI: https://space-themes.com/
Template: mercury
Version: 3.4.3
*/
@import url("../mercury/style.css");

/*!動画の最大幅を指定する*/
.video-container{
  max-width:820px;
}

/*!動画の大きさを調整*/
.video-container .video {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 15px auto;
  overflow: hidden;
  max-width: 100%;
height: 100%;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-click {
  cursor: pointer;
}

.video-click:hover .video-play {
    background: url("youtube-play.png") no-repeat scroll -101px -13px rgba(0, 0, 0, 0);
}

.video-play {
  background: url("youtube-play.png") no-repeat scroll 2px -13px rgba(0, 0, 0, 0);
  height: 62px;
  left: 50%;
  margin-left: -45px;
  margin-top: -33px;
  position: absolute;
  top: 50%;
  width: 100px;
  opacity: 0.8;
}

.video-title-grad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII=");
  background-position: center top;
}

.video-title-text {
  color: #eeeeee;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 17px;
  overflow: hidden;
  padding: 12px 16px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!specialtable*/
.oncasi_tab dl {
    display: flex;
    flex-wrap: wrap;
  margin-bottom: 5px;
}

.oncasi_tab dl dt.lft{
    width: 16%;
}
.oncasi_tab dl dd.lft{
    width: 34%;
}

.oncasi_tab dl dt.yellow {
    background: #feffad !important;
	font-weight: 600;
}
.oncasi_tab dl dd.grey {
    background: #FBFCFC !important;
}

.oncasi_tab dl dt {
    padding: 7px 10px;
    margin-bottom: 1px;
    background: #ffb42a;
    width: 100%;
}
.slot_tab dl {
    display: flex;
    flex-wrap: wrap;
  margin-bottom: 5px;
}

.slot_tab dl dt.lft{
   display: table-cell;  
	width: 24%;
	 vertical-align: middle;
    text-align: center;
	font-weight:bold;
}
.slot_tab dl dd.lft{
	 display: table-cell;
	vertical-align: middle;
    width: 24%;
	 text-align: left;
}


.slot_tab dl dt {
    padding: 5px 10px;
    margin-bottom: 1px;
    width: 100%;
}
.slot_tab dl dd {
    padding: 20px 10px;
    margin-bottom: 1px;
    width: 100%;
}