<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*繝｢繝ｼ繝繝ｫ繧ｦ繧｣繝ｳ繝峨え*/
#modal_content{
    position:fixed;
    display:none ;
    width:80%;
    margin:0;
    padding:0;
    background:#fff;
    z-index:9999 ;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#modal_content .inner{
    position:relative;
    overflow:hidden;
    width:100%;
	height: auto;              /*鬮倥＆縺ｯpadding縺ｧ謖�ｮ壹☆繧九◆繧∥uto縺ｫ*/
	padding-bottom: 56.25%;  /*鬮倥＆繧恥adding縺ｧ謖�ｮ�(16:9)*/
}

#modal_content .inner #player{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

#modal_overlay{
    z-index:9998 ;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba( 0,0,0, 0.75 );
}

/*繧ｿ繝悶さ繝ｳ繝�Φ繝�*/
div .tab_contents input {
	display: inline !important;
}

input {
    display: none;
}
input:checked ~ label .contents_left {
	left: 0 ;
	will-change: left;
}
label {
	display: block;
}
.contents_left {
	position: fixed;
	top: 13em;
	left: calc(-14em);
	width: 17.5em;
	will-change: left;
	align-items: center;
	z-index: 100000;
	-webkit-transition: .5s;
	transition: .5s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/*pointer-events: none;*/
}
.tab_icon {
	left: 14em;
	width: 3.5em;
	height: 3.5em;
	padding: 0.6em;
	align-items: center;
	background: rgba(0,0,0,.8);
	border-radius: 0 .6em .6em 0;
	position: absolute;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	cursor : pointer;
}
.tab_icon img {
	width: 2.2em;
}
.tab_contents {
	left: 0;
	width: 14em;
	will-change: left;
	padding: 2em;
	align-items: center;
	background: rgba(0,0,0,.8);
	border-radius: 0 0 .6em 0;
	position: absolute;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	pointer-events: none;
}
.tab_contents a {
	width: 100%;
	color: #fff;
	margin-bottom: 1em;
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 2;
	pointer-events: auto;
}
.tab_contents a:last-child {
	margin-bottom: 0em;
}
.tab_contents a img {
	width: 2.2em;
	float: left;
	margin-right: 0.5em;
}
a.none {
	pointer-events: none;
}
.tab_contents a p {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: -1em;
	margin-left: 1em;
}
@media only screen and (max-width: 1024px) {
/*繧ｿ繝悶さ繝ｳ繝�Φ繝�*/
.contents_left {
	top: 5em;
}
}
@media only screen and (max-width: 767px) {
/*繧ｿ繝悶さ繝ｳ繝�Φ繝�*/
.tab_icon {
	width: 3em;
	height: 3em;
	left: 14em;
	padding: 0.6em;
	border-radius: 0 .5em .5em 0;
}
.tab_icon img {
	width: 1.7em;
}
.tab_contents {
	left: 0;
	width: 14em;
	padding: 1.5em;
	border-radius: 0 0 .5em 0;
}
.tab_contents a {
	width: 100%;
	margin-bottom: 1em;
}
.tab_contents a img {
	width: 1.7em;
	margin-right: 0.3em;
}
.tab_contents a p {
	font-size: 80%;
}
}
</pre></body></html>