@charset "utf-8";
/* CSS Document */
html{
height:100%;
width:100%;
margin: 0px;

}

@font-face {
	font-family: 'MyFont';
    src: url('../font/HGKyokashotai-01.ttf');
    font-weight: normal;
    font-style: normal;

}

body{
width:100%;
display: block;
margin: 0px;
	background-color: #000;
/*background-size:100% auto;
background-repeat: repeat;
background-attachment: fixed;*/
font-family:"小塚明朝 Pr6N";
	/*background-image: url("../img/back.jpg");*/
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
}

a{
border:none;
text-decoration:none;
}


img {
border-style:none;
}

#main {
	width:100%;
}

.box1{
  width:100%;
  height:80px;
  background:white;
  border-radius:50px;
   box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	
}

#pagetop{
    position:fixed;
    right:20px;
    bottom:5px;
    cursor:pointer;
}

p.menu{
	font-size:22px;
	color:#D93957;
 font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 900;
}

#head {
	width:100%;
	text-align:right;
	background-color:rgba(255,255,255,0.50)

}

#head_left {
	width:30%;
	height:300px;
	float:right;
	margin-top:10px;
	z-index:9999;
}

#head_right {
	width:70%;
	height:330px;
	float:right;
}

#main_center {
	width:100%;
	margin-top:0px;
/* 	background-image: url("../img/tv.png"); */
	background-size:100% 100%;
	background-repeat: no-repeat;
	z-index:100;
}

#tv_contents {
	width:100%;
	z-index:10;
}

#main_contents {
	width:900px;
	margin-top:20px;
}

#main_news_contents {
	width:100%;
}

table.newrelease {
BORDER-TOP: #747474 1px dotted;
BORDER-BOTTOM: #747474 1px dotted;
BORDER-RIGHT: #CCCCCC 0px dotted;
BORDER-LEFT: #CCCCCC 0px dotted;
border-collapse:collapse;
width:60%;
margin-left:20%;
text-align:left;
}

td.newrelease {
BORDER-TOP: #747474 1px dotted;
BORDER-BOTTOM: #747474 1px dotted;
BORDER-RIGHT: #CCCCCC 0px dotted;
BORDER-LEFT: #CCCCCC 0px dotted;
border-collapse:collapse;
vertical-align:top;
width:60%;
}

th.newrelease {
BORDER-TOP: #747474 1px dotted;
BORDER-BOTTOM: #747474 1px dotted;
BORDER-RIGHT: #CCCCCC 0px dotted;
BORDER-LEFT: #CCCCCC 0px dotted;
border-collapse:collapse;
vertical-align:top;
width:40%;
text-align:right;
font-family:"小塚明朝 Pro";
font-size:14px;
color:#EB4996;
}

#footer {
	width:100%;
	height:250px;
	background-color:#747474;
	margin-top:100px;
}

#footer_main {
	width:100%;
	vertical-align:top;
}

p.news_title{
font-family: "小塚明朝 Pr6N";
font-size:27px;
color:#EB4996;
margin-left:25%;
font-weight: bold;
line-height: 80%;
}

p.commentname {
	
	color:#FE5255;
	line-height: 100%;
	font-size:24px;
	text-align: center;
}

p.comment {
	color:white;
	font-size:14px;
	text-align: left;
}

p.title{
font-family:"小塚明朝 Pro";
margin-top:5%;
font-size:38px;
color:#555555;
font-weight: bold;

}

p.title1_bg_white{
font-family: "小塚明朝 Pr6N";
font-size:42px;
color:#7C8588;
font-weight: bold;
line-height: 110%;
}

p.title1_white{
font-family:"小塚明朝 Pro";
font-size:20px;
color:#7C8588;
width:70%;
}

p.title2_bg_white{
font-family: "小塚明朝 Pr6N";
font-size:42px;
color:#7C8588;

font-weight: bold;
line-height: 100%;
}

p.title2_white{
font-family:"小塚明朝 Pro";
font-size:20px;
color:#7C8588;
width:70%;
}


p.footer{
font-family: 'MyFont';
font-size:15px;
line-height:100%;
margin-top:10%;
margin-bottom:3%;
color:white;
}

p.castname {
	color:#FFCA00;
	line-height: 0.5em;
	font-size:18px;
	text-align: center;
}

p.castprof {
	color:white;
	text-align: left;
	font-size:12px;
}

p.contact {
font-family: 'MyFont';
font-size:15px;
line-height:100%;
margin-top:10px;
color:#00A3D9;

}


a.footer {
	color:white;
	border:none;
	text-decoration:none;

}


#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 1
 }

#modalWindow {
  width: 350px;
  height: 150px;
  position: fixed;
  border: 2px solid #D04255;
  background-color: #FFF;
  display: none;
  z-index: 2
}



button {

}

button:hover {

}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.section {
  max-width: 825px;
  margin: 0 auto;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}


/*--もっと見るボタン--*/
.showmore {
	border: solid 1px #ccc;
	padding: 1em;
	margin-bottom: 3em;
	box-sizing: border-box;
}


.showmore p + p {margin-top: 1em;}

/*--コンテンツ 非表示 ↓必須-*/
.showmore_content {
	position: relative;
	overflow: hidden;
}
.showmore_trigger {margin-top: 1em;}

/*--「もっと見る」ボタン--*/
.more {
	color: #fff;
	cursor: pointer;
	background-color: #FFCA00;
	padding: .8em 2em;
}

/*--「閉じる」ボタン--*/
.less {
	color: #fff;
	cursor: pointer;
	background-color: #1ECE50;
	padding: .8em 2em;
}


.contents_footer {
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 100%; /* フッターの横幅を指定する */
height: 35px; /* フッターの高さを指定する */
padding:10px; /* フッター内側の余白を指定する(上下左右) */
background-color: #FF4043; /* フッターの背景色を指定する */
color: #FFFFFF; /* フッターのフォントの色を指定する */
text-align:center;
font-size: 22px;
line-height: 0%;
}