/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

.ui-dialog .ui-dialog-buttonpane:after {
display: table;
clear: both;
content: '';
}

/*!
* jQuery UI CSS Framework 1.11.2
* http://jqueryui.com
*
* Copyright 2014 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
display: none;
}

.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}

.ui-helper-clearfix:after {
clear: both;
}

.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ui-widget-overlay {
background: #000000;
opacity: 0.8;
}

.ui-dialog {
margin: 0 auto;
padding: 20px;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
cursor: move;
}

.ui-dialog .ui-dialog-titlebar {
display: table;
table-layout: auto;
width: 100%;
background: #eeeeee;
}

.ui-dialog .ui-dialog-title {
padding: 10px;
display: table-cell;
width: 100%;
color: #3a3a3a;
font-size: 14px;
font-size: 1.4rem;
vertical-align: top;
}

[data-font-size="large"] .ui-dialog .ui-dialog-title {
font-size: 16px;
font-size: 1.6rem;
}

.ui-dialog .ui-dialog-titlebar-close {
margin: 0;
padding: 10px 10px 10px 15px;
border: 0;
display: table-cell;
background: none;
color: #3a3a3a;
font-size: 14px;
font-size: 100%;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
}

[data-font-size="large"] .ui-dialog .ui-dialog-titlebar-close {
font-size: 16px;
font-size: 1.6rem;
}

.ui-dialog .ui-icon-closethick {
margin: 0 0.5em 0 0;
display: inline-block;
width: 10px;
height: 10px;
line-height: 10px;
background: url(/common_new/images/btn-dialog_01.png) 50% 50% no-repeat;
}

.ui-dialog .ui-button-text {
display: inline-block;
}

.ui-dialog .ui-dialog-content {
padding: 0 20px 20px 20px;
position: relative;
overflow: auto;
background: #eeeeee;
}

.ui-dialog .ui-dialog-content:first-child {
padding-top: 20px;
}

.ui-dialog .ui-dialog-buttonpane {
text-align: left;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}

.ui-dialog .ui-dialog-buttonpane .button {
cursor: pointer;
}

.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
}

.dialog { /*
* JavaScript 有効時のみ
*/
}

.dialog .dialog-list {
overflow: hidden;
}

.dialog .dialog-list .dialog-list-item {
margin: 0 0 10px;
padding: 10px;
background: #fff;
}

[data-script-enabled="true"] .dialog {
display: none;
}

[data-script-enabled="true"] .dialog .dialog-list .dialog-list-item {
margin: 0;
padding: 0;
background: transparent;
}

[data-script-enabled="true"] .dialog .dialog-list .dialog-list-item img {
margin: 0 auto;
}

.lyt-movie-player-scale-16_9 {
margin: 0 auto;
padding: 0;
display: block;
position: relative; /* 包含ブロック生成 */ /*
* プレイヤーの既定 width/height 値と一致させる
*/
max-width: 1024px;
max-height: 576px; /*
* 2x ピクセル密度用 CSS px 値
* 本来の推奨最小値は 480x270
*
* see also:
* https://developers.google.com/youtube/player_parameters?hl=ja#Overview
*/
min-width: 240px;
min-height: 135px;
}

.lyt-movie-player-scale-16_9 .content {
margin: 0 auto;
display: block;
width: 100%;
position: relative; /* 包含ブロック生成 */ /*
 * プレイヤー比率 16:9 用の高さ領域を確保
 * 100:56.25 = 16:9
 */
padding: 0 0 56.25% 0;
}

.lyt-movie-player-scale-16_9 .content .player {
margin: 0;
padding: 0;
border: 0;
display: block; /*
   * 包含ブロックにフィットさせる
   */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}






@media screen and (max-width: 767px) {


[data-dialog-opened="true"] .ui-dialog {
padding: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

[data-font-size="large"] .ui-dialog .ui-dialog-title {
font-size: 14px !important;
font-size: 1.4rem !important;
}

[data-font-size="large"] .ui-dialog .ui-dialog-titlebar-close {
font-size: 14px !important;
font-size: 1.4rem !important;
}

}

