*{ margin:0; padding:0;}


#pcLinkBlockInSp {display:none;}


/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul,li {list-style: none;}
	
img {width: 100%;}

a,img {border-style: none;}

a:link,
a:visited {
	text-decoration: none;
	color:#000;
}

a:hover img {
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.8; /*FF*/
	opacity:0.8;
}

html, body {height: 100%; width:100%;} 

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	background-color:#FFE300;
	font-size: 80%;
}


.right {float: right;}
.textcenter { text-align:center;}


.hideAnchor {
	margin-top:-50px;
	padding-top:50px;
}


.clear {clear:both;}

h3 {
	text-align:center;
	font-size: 30px;
	padding: 5px;
	background: #000;
	color: #FFE300;	
}

.yellow {
	background-color:#FFE600 !important;
	color:#000 !important;
}


/** 
ヘッダー設定
----------------------------------------------------------------  **/


#FixHead {
	position: fixed;
	background-color: rgba( 255, 255, 255, 0.9 );
	width: 100%;
	z-index: 1000;	
	/* box-shadow */
	box-shadow:rgba(158, 158, 158, 0.5) 0px 0px 5px 2px;
	-webkit-box-shadow:rgba(158, 158, 158, 0.5) 0px 0px 5px 2px;
	-moz-box-shadow:rgba(158, 158, 158, 0.5) 0px 0px 5px 2px;
}

#HeadMenu {
	display: none;
	width: 100%;
	background: #666;
}


#HeadMenu li {
	width:100%;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#HeadMenu li a{
	display: block;
	margin-bottom:1px;
	padding: 12px 0 10px;
	background: #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#toggle{
	display: block;
	position: relative;
	width: 100%;
	background: #222;
	z-index: 900;
	font-size: 16px;
}
#toggle a{
	display: block;
	position: relative;
	padding: 12px 0 10px;
	border-bottom: 1px solid #444;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 4px;
	background: #222;
}
#toggle a:before{
	margin-top: -6px;
}
#toggle a:after{
	margin-top: 2px;
}

#facebook {
	position:fixed;
	top:7px;
	right: 50px;
	width:30px;
	height:30px;
	z-index: 1000;
}

#twitter {
	position:fixed;
	top:7px;
	right: 10px;
	width:30px;
	height:30px;
	z-index: 1000;
}

/** 
キャストスライドショー設定
----------------------------------------------------------------  **/

#MainBackCast {
	top:0px;/** --30px--  **/
	position: absolute;
	z-index:10;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
}


/** 
特報・予告エリア
----------------------------------------------------------------  **/

#tokuhou {
	background-color:#000;
	color:#FFF;
}


#tokuhou ul li {
	float:left;
	width:46%;
	margin: 2%;
}

.twitterBOX {
	margin:5%;
	width: 90%;
}


/** 
イントロダクション
----------------------------------------------------------------  **/


.Introduction {
	padding:20px;
	background-image: url(../images/introduction_back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/** 
プロダクションノート
----------------------------------------------------------------  **/
#Production p {
	width: 90%;
	padding:5%;
}

/** 
アドリブ満載
----------------------------------------------------------------  **/

#Adlib {
	background-image: url(../images/adlib_back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:100% auto;
	background-color:#000;
}

.adlib-BOX {
	width: 90%;
	color:#FFF;
	padding: 5%;
}


/** 
ストーリー
----------------------------------------------------------------  **/

.story01 {
	background-image:url(../images/story01_back.jpg);
	background-size:100% auto;
	background-color:#000;
	background-position: top center;
	background-repeat: no-repeat;
	color:#FFF;
}

.story01 p {
	padding:0 40% 5% 5%;
	width: 55%;
}

.story02 {
	background-image:url(../images/story02_back.jpg);
	background-size:100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}

.story02 p {
	padding:5% 5% 5% 40%;
	width: 55%;
}

.story03 {
	background-image:url(../images/story03_back.jpg);
	background-size:100% auto;
	background-color:#000;
	background-position: center center;
	background-repeat: no-repeat;
	color:#FFF;
}

.story03 p {
	padding:5% 40% 5% 5%;
	width: 55%;
}

.story04 {
	background-image:url(../images/story04_back.jpg);
	background-size:100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}

.story04 p {
	padding:5% 5% 5% 40%;
	width: 55%;
}



/** 
キャスト紹介
----------------------------------------------------------------  **/

#Cast {
	font-size: 80%;
}

.name {
	font-weight:bold;
}

.birth {
	color:#FF6800;
	font-size: 80%;
	font-weight: normal !important;
	padding-left: 2%;
}

#Cast .box-img {
	float:left;
	width: 40%;
}

#Cast img {
	margin-bottom:2%;
}

#Cast .box {
	padding: 2%;
	width: 56%;
	float: right;
}

.cast02,
.cast04 {
	background-color:#FFCF00;
}

#blackBOX {
	background-color: #000;
	color:#FFF;
}

#blackBOX p {
	margin: 5%;
}

.geinin {
	font-size: 80%;
}


/** 
チケット情報
----------------------------------------------------------------  **/

.Ticket {
	background-color: #FFD100;
	text-align: center;
	padding: 5%;
}





#END {
	text-align: center;
	background-image:url(../images/end_back.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

#END .cast {
	font-size: 150%;
	font-weight: bold;
	margin: 5%;
}


#END .puffy {
	font-size: 120%;
	font-weight: bold;
}

#END .EndCast {
	font-size: 70%;
	margin: 5%
}




/** モーダルウィンドー
 * ----------------------------------------------------------------------------- **/

#overlay,
#overlay1,
#overlay2 { 
	top:0; left:0; 
	width:100%; 
	height:100%; 
	display:none;
	background:#000;  
	position:fixed; 
	z-index:999;
	filter: alpha(opacity=60);
	-moz-opacity:0.8;
	opacity:0.8;
}

#window,
#window1,
#window2 { 
	width:90%; 
	height:70%;
	top:50%; 
	left:50%; 
	margin:-35% 0 0 -45%; 
	position:fixed; 
	z-index:1000; 
	display:none;
	text-align:center;
	color:#FFF;
}

#loading,
#loading1,
#loading2 {
	width:32px;
	height:32px;
	top:50%; 
	left:50%;
	margin:-16px 0 0 -16px;
	position:fixed;
	z-index:1000;
	display:none;
	background:URL(../images/loading.gif) no-repeat center center;
}

#window #YTWrap,
#window1 #WNWrap,
#window2 #YTWrap, { 
	width:90%; 
	height:70%; 
	position:relative;
}

#window #YTWrap .YTArea,
#window2 #YTWrap .YTArea {
	
}

#window1 #WNWrap .WNArea {
	width:90%;
	height:70%;
	position:absolute;
	top:0; left:0;
	background-color: #000;
	padding:20px;
	overflow: auto;
}

#window #YTWrap .CloseBtn,
#window2 #YTWrap .CloseBtn2,
#window1 #WNWrap .CloseBtn1 {
	width:40px; 
	height:40px;
	position:absolute;
	right:0;
	top:-40px;
}


.YTArea {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.YTArea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



#WNWrap dl dt {
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	padding: 5px;
	margin-bottom: 15px;
}

#WNWrap dl dd {
	margin-bottom: 40px;
}

#WNWrap dl dd a {
	color: #FFF;
	text-decoration: none;
}


ul.photo {
	list-style: none;
}

ul.photo li {
	display: table-cell;
	padding: 10px;
}


section#dvdbnr {
    padding-top: 30px;
    height: 200px;
    position: relative;
    background-image: url(../images/Uchisama_BNR_sp_bg.jpg);
}

section#dvdbnr img {
    z-index: 990;
    padding-top: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

section.blackBOX {
    position: absolute;
    top: 230px;
}