@charset "utf-8";

/*----------------------------------------------------------------*/
/* JOOX 杜の都 music SPACE：スタイルシート (2026/07/05 update)  */
/*----------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	}

body{

	}

a:link{   text-decoration:none;       color:#991100;}
a:visited{text-decoration:none;       color:#007700;}
a:hover{  text-decoration:underline;  color:#ee0000;}
a:focus  {text-decoration:underline;  color:#ee0000;}
a:active{ text-decoration:none;       color:#ff0000;}

footer#footer_area{
	background-color:#ffffff;
	}

.local_list{
	width:210px;
	margin:-15px 0px 0px 660px;
	padding:5px 50px 5px 50px;
	border:1px solid #999999;
	border-radius:6px;
	background-color:#ffffff;
	}

#wrapper{
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	background-image:url("../images/bg_fig.png");
	background-repeat:no-repeat;
	background-position:center top;
	}

.contents_box{
	width:900px;
	margin:0px auto 10px auto;
	padding:10px 10px 20px 10px;
	border-radius:8px;
	}

/*.movie_button{*/
.movie_button a:link,
.movie_button a:visited{
	width:360px;
	height:90px;
	position:absolute;
	margin:-130px 0px 0px 580px;
	opacity:1.0;
	filter:alpha(opacity=100);
	-webkit-transition: all .3s;
	transition: all .3s;
	}

.movie_button a:hover,
.movie_button a:active{
	width:360px;
	height:90px;
	position:absolute;
	margin:-125px 0px 0px 580px;
	opacity:0.70;
	filter:alpha(opacity=70);
	-webkit-transition: all .3s;
	transition: all .3s;
	}

table.layout{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	border-collaps:collapse;
	}

table.layout td{
	padding:0px 10px 0px 10px;
	}

.caption{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 20px;
	width:270px;
	color:#990000;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
	}

dl.comment{
	margin:30px 0px 0px 0px;
	padding:0px;
	}

dl.comment dt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	}

dl.comment dt.onair{
	margin:0px 0px 20px 0px;
	padding:20px 0px 0px 0px;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	border-top:5px dotted #ffaa00;
	}

dl.comment dd.sns{
	border-top:5px dotted #ffaa00;
	border-bottom:5px dotted #ffaa00;
	}

dl.comment dd{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	font-size:17px;
	line-height:26px;
	font-weight:normal;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	border-top:5px dotted #ffaa00;
	}

.repeat{
	margin:0px 0px 10px 50px;
	font-size:0.8em;
	font-weight:normal;
	}

ul.guest{
	width:600px;
	margin:0px 0px 20px 50px;
	padding:10px 20px 10px 20px;
	background:#ffeedd;
	border-radius:10px;
	}

ul.guest li{
	margin:5px 0px 5px 0px;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	}

.sns_name{
	padding:2px 20px 2px 20px;
	line-height:40px;
	background:#990055;
	border-radius:30px;
	color:#ffffff;
	}

/* 「z-index」の値はGlobal-Naviより下に ---------------*/
.fix_logo{
	position:absolute;
	z-index:2;
	width:420px;
	height:420px;
	margin:10px 0px 0px -80px;
	padding:0px 0px 0px 0px;
	}

ul.movie_list{
	width:1000px;
	margin:0px auto 30px auto;
	}

ul.movie_list li{
	margin:0px 5px 10px 5px;
	list-style:none;
	float:left;
	}


.slider{
	width:1000px;
	height:430px;
	margin:0px 0px 0px 220px;
	padding:14px 0px 0px 0px;
	overflow:hidden;
	}

.slider .img{
	margin:0px 0px 0px 0px;
	}



/* 画像_Swap-Image */
.switch{
	cursor:pointer;
	width:300px;
	height:500px;
	margin-inline:auto;
	margin:0px;
	position:relative;
	}

.switch img{
	height:auto;
	left:0;
	position:absolute;
	width:100%;
	}
/* 2枚目の画像は最初上に隠す */
.switch img:last-of-type{
	opacity:0;
	transition:opacity .7s;
	}
/* hoverすると2枚目の画像が下がる */
.switch:hover img{
	opacity:1;
	}


/*-------------------------------------*/
/* 汎用設定 */
/*-------------------------------------*/

.fc_red{color:#dd0000;}
.fc_blue{color:#0055dd;}
.fc_orange{
	font-size:20px;
	color:#ff9900;
	}

hr{
	color:#555555;
	background-color:#555555;
	border-style:none;
	height:1px;
	margin:5px 0px 5px 0px;
	}

b{
	color:#550000;
	font-size:1.2em;
	font-weight:bold;
	}