@charset "utf-8";
/* Image aspect ratio optimization last updated on 2021.04.05 by yasojima */

.htlPlnCsst .planThumb .htlPlnAddFavoriteBtn{
    position:static;
    display: block;
    text-align: right;
    z-index:1;
    margin-bottom: 8px;
    top:0px;
    right:0px;
}
.htlPlnCsst .planThumb .htlPlnAddFavoriteBtn a{
    font-size:85%;
    display:inline-block;
    border: 1px solid #cccccc;
    /* for IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', endColorStr='#eaeaea', GradientType=0);
    /* for IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#EAEAEA', GradientType=0)";
    background: -moz-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #eaeaea 100%);
    border-radius: 5px;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #333333!important;
    zoom: 1;
}

#htlCntntArea .htlPlnCsst .planThumb .htlPlnRmTyp.expanded{
    border-top: 1px solid #CCC;
    padding-top:10px!important;
}
.htlPlnCsst .planThumb .htlPlnRmTypPrc li{
    border-bottom:none;
    border-top: none;
    padding-top: 8px;
    border-bottom: 1px dotted #CCC;
}
.htlPlnCsst .planThumb .htlPlnPht li{
    margin-left: 0px;
    margin-right: 8px;
}
.htlPlnCsst .planThumb .htlPlnPht li:last-child{
    margin-right: 0;
}

.std-photo-video-thumbnail__item{
    display: flex;
    width: 110px;
    height: 62px;
    background-color: #FFF;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.std-photo-video-thumbnail__item span{
    position: relative;
    width: 110px;
    height: 62px;
    cursor: pointer;
}

.std-photo-video-thumbnail__item span:hover:before{
    display: inline-block;
    width: 110px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxNS43LjIz9a9AVgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEYSURBVHic7dHBCQAhEMDA81q2f9Ye/EhgpoJA1szsj5z/dQB3jIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOiDq3vBEwk0Hj4AAAAAElFTkSuQmCC);
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
}

.std-photo-video-thumbnail__item span.playing:after{
    display: inline-block;
    width: 110px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQAxNS43LjIz9a9AVgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEYSURBVHic7dHBCQAhEMDA81q2f9Ye/EhgpoJA1szsj5z/dQB3jIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOijIsyLsq4KOOiDq3vBEwk0Hj4AAAAAElFTkSuQmCC);
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
}

.std-photo-video-thumbnail__item span.play-button:after{
    display: inline-block;
    width: 57px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0;
    transform: translate(-50%,-50%);
    content: "";
    background-repeat:no-repeat;background-image:url(data:image/png;base64,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);
    overflow: hidden;
    cursor: pointer;
    z-index: 5;
}

.std-photo-video-thumbnail__item span{
    display: flex;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.std-photo-video-thumbnail__item span img{
    width: 100%;
}
