@charset "UTF-8";

/* ------------------------
 for Wordpress styles
------------------------ */

/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
h1 {font-size: 24px;}
h2 {font-size: 21px;}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.5;
}

.ifsp {display: none;}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc { margin-left: auto; margin-right: auto;}

/* ---------- font size */
.fs10 { font-size:77%;}
.fs11 { font-size:85%;}
.fs12 { font-size:93%;}
.fs13 { font-size:100%;}
.fs14 { font-size:108%;}
.fs15 { font-size:116%;}
.fs16 { font-size:123.1%;}
.fs17 { font-size:131%;}
.fs18 { font-size:138.5%;}
.fs19 { font-size:146.5%;}
.fs20 { font-size:153.9%;}
.fs21 { font-size:161.6%;}
.fs22 { font-size:167%;}
.fs23 { font-size:174%;}
.fs24 { font-size:182%;}
.fs25 { font-size:192.3%;}
.fs26 { font-size:197%;}
.fs30 { font-size:227.3%;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}

/* ---------- margin,padding */
.ml40 {	margin-left: 40px !important;}
.ml50 {	margin-left: 50px !important;}

.mt40 {	margin-top: 40px !important;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ----- base width */
.in, #container {
	width: 1000px;
	margin: 0 auto;
}

/* ----- table */

/* ----- text */
.textL {
	width: 200px;
	padding: 5px 0 3px;
	font-size: 130%;
	/* gekijyo */
	position: absolute;
	left: 0;
	top: 180px;
}
/* gekijyo */
.textR {
	position: absolute;
	left: 0;
	top: 140px;
}

/* --------------
 common
-------------- */
/* gekijyo */
html {
	background: url(../img/bg_gekijyo.jpg) no-repeat fixed center top / 100% auto #000;
}
#home #wrapper {
	background: url(../img/visual_gekijyo.png) no-repeat center 135px;/* 130px */
	z-index: 1000;
	position: relative;
}


/* =container
------------------------------------------------------------------------ **/
/* 
#home #container {
	background: url(../img/visual_new.png) no-repeat 100px 100px;
}
*/

/* =header
-------------------------------------------------------------- **/
/* 
#header {
	padding-top: 10px;
}
*/

/* ---------- home */
/* 
#home #header {
	float: left;
	width: 650px;
	padding-bottom: 20px;
	background: url(../img/visual.png) no-repeat left 100px;
}

#home #inHead {
	display: inline; homeでサイド部分の操作が出来なくなるのを回避
}
*/

/* 
#xLogo {
	width: 330px;
	height: 100px;
	position: absolute;
	right: 10px;
	bottom: 5px;
}
*/

/* gekijyo */
#rLogo {
	width: 660px;
	position: absolute;
	left: 0;
	bottom: -530px;
	/* 
	width: 600px;
	bottom: -560px; 
	*/
}

/* ---------- subpage */
/* 
.subpage #header {
	margin-bottom: 30px;
}
*/

/* ---------- gekijyo */
#header {
	margin-bottom: 30px;
	padding-top: 10px;
}
#inHead {
	width: 1000px;
}

/* =siteHeader
---------------------------------------------------- */
/* ---------- home */
#home #siteHeader {
	/* margin-bottom: 15px; gekijyo */
}

/* ---------- subpage */
/* 
.subpage #siteHeader {
	float: left;
	width: 330px;
	margin-top: 15px;
}
*/

/* ---------- gekijyo */
#siteHeader {
	float: left;
	/* width: 450px; */
	width: 330px;
}

/* =globalNav
---------------------------------------------------- */
/* ---------- home */
/* 
#home #globalNav {
	width: 200px;
	min-height: 465px;
	padding-top: 15px;
	background: url(../img/bgNav_new.png) no-repeat left top;
}
#home #globalNav li {
	padding-top: 20px;
	padding-left: 15px;
}
*/

/* ---------- subpage */
/* 
.subpage #globalNav {
	float: left;
	width: 640px;
	margin-left: 10px;
	min-height: 120px;
	background: url(../img/bgNav_sub_new.png) no-repeat;
}
.subpage #globalNav {
	margin-top: 3px;
	padding-top: 5px;
	text-align: center;
	letter-spacing: -.50em;
}
.subpage #globalNav li {
	margin: 10px 10px 0;
	display: inline-block;
	letter-spacing: normal;
}

.subpage #globalNav img {
	vertical-align: top;
}
.subpage #navGekijyo img {
	width: auto;
	height: 50px;
}
*/

/* ---------- gekijyo */
#globalNav {
	float: right;
	margin-left: 10px;
	min-height: 120px;

	/* width: 540px;
	background: url(../img/bgNav_sub.png) no-repeat; */
	width: 640px;
	background: url(../img/bgNav_sub_new.png) no-repeat;
}
#globalNav {
	margin-top: 3px;
	padding-top: 5px;
	text-align: center;
	letter-spacing: -.50em;
}
#globalNav li {
	margin: 10px 10px 0;
	display: inline-block;
	letter-spacing: normal;
}

#globalNav img {
	vertical-align: top;
}
/* #navGekijyo img {
	width: auto;
	height: 40px;
} */

/* =contents
-------------------------------------------------------------- **/
.column {
	padding: 10px 15px 5px;
}

.subpage .bgB {
	padding: 15px 20px 30px;
}

.lead {
	font-size: 110%;
}

/* =headline / titles
---------------------------------------------------- */
.ttlH1 {
	font-size: 30px;
}

.ttlH2 {
	margin: 30px 0 10px;
	padding-top: 5px;
	padding-left: 54px !important;
}

/* =footer
-------------------------------------------------------------- **/
#footer {
	padding-top: 40px;
}


/* =siteFooter
---------------------------------------------------- */

/* =social button
-------------------------------- */


/* =copyright
------------------------------------------ */

/* =pageTop
---------------------------------------------------- */
#pageTop {
	bottom: 100px;
}
@media screen and (max-width: 1100px) { /*以下の時*/
#pageTop {
	right: 10px;
}
}
@media screen and (min-width: 1101px) { /*以上の時*/
#pageTop {
	right: 60px;
}
}

#pageTop a {
	width: 60px;
	height: 60px;
}


/* --------------
 home container
-------------- */
/* =visual
---------------------------------------------------- */

/* =contents
---------------------------------------------------- */
#sideColumn {
	float: right;
	width: 350px;
	padding-top: 80px;
	/* padding-top: 10px; */
}

/* -------------------- homeYokoku/見逃し配信 */
#homeYokoku h2 {
	margin-left: 3px;
}
#homeYokoku h2 img {
	margin-top: -3px;
	vertical-align: middle;
}
#homeYokoku iframe {
	height: 197px;
}

.twitter-timeline {
	width: 310px !important;
	height: 250px !important;
}

/* -------------------- homeTwitter */
#homeTwitter {
	/* margin-top: 174px; */
}

/* -------------------- topics */
#homeTopics {
	float: left;
	width: 580px;
	/* gekijyo */
	margin-top: 500px;
}

.ulList li {
	padding: 5px 5px 0;
}
.ulList li p {
	float: left;
	width: 50px;
}
.ulList li div {
	float: right;
	width: 470px;
}


/* -------------------- banner */
.ulBnr {
	width: 600px;
}
.ulBnr li {
	width: 19%;
	margin-right: 1%;
}
.ulBnr img {
	margin-top: 10px;
}


/* --------------
 subpage container
-------------- */

/* =page intro
---------------------------------------------------- */
.tblS th {
	width: 150px;
	padding-bottom: 10px;
}

/* tab
------------------------- */
#tabL li a {
	height: 45px;
	padding-top: 25px;
}


/* =page cast,character
---------------------------------------------------- */

/* 強制的にXIO以下の人を改行、センタリング */
/* #id1326,
↑test */
#id1316 {
	margin-left: 150px;
}
#id1319,
/* ↑test */
#id1305 {
	margin-right: 150px;
}

#cast .listCover, #character .listCover {
	text-align: center;
}

/* .listCover
------------------------- */

/* .listItem
------------------------- */
.listCover .listItem {
	margin-left: 10px;
	margin-right: 10px;
}
.listCover .listItem img {
	width: 120px;
}

/* .expandField
------------------------- */
.expandField {
	min-height: 550px;
}
.expandField .selfRepInner {
	height: 450px;/* 550px */
	padding: 50px;
}
#clm_cast .expandField .selfRepInner {
	background-position: 305px -45px;
}
#clm_character .expandField .selfRepInner {
	background-position: -133px -45px;
}
.expandField .selfRepInner .secLeft {
	width: 49%;
}
#clm_cast .expandField .selfRepInner .secLeft {
	float: right;
}
#clm_character .expandField .selfRepInner .secLeft {
	float: left;
}

.expandField .selfRepInner .secLeft i {
	top: 40px;
	left: 105px;
}
.expandField .selfRepInner .secLeft p {
	width: 210px;
	height: 320px;
	overflow: hidden;
	margin-top: 40px;
	margin-left: 105px;
}

.expandField .selfRepInner .secRight {
	width: 51%;
	min-height: 400px;
}
#clm_cast .expandField .selfRepInner .secRight {
	float: left;
}
#clm_character .expandField .selfRepInner .secRight {
	float: right;
}

.boxCF {
	padding: 20px;
}
.boxCF .cf_bnr a {
	height: 60px;
	padding-right: 5px;
}
.boxCF .cf_bnr img {
	vertical-align: top;
}
.boxCF .cf_bnr b {
	width: 70px;
	height: 60px;
}
.boxCF .cf_bnr b img {
	width: 70px;
}


/* =page mechanic
---------------------------------------------------- */
#mechanic .ttlH2 {
	margin-top: 50px;
}

/* xio items
----------------------------------- */
#xioItems {
	margin-top: 20px;
	margin-right: 20px;
}
#xioItems #xi1 {
	margin-left: -150px;
}

#xioItems #xi3, #xioItems #xi4 {
	float: left;
	width: 50%;
}

.txtGoods {
	width: 280px;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

/* FancyBox
------------------------- */

/* FancyBox inline
------------------------- */
.fancyConts {
	width: 600px;
	padding: 10px;
}
.fancyConts h3 {
	margin-bottom: 15px;
}

/* cyberArmor
----------------------------------- */
/* jquery.imageBox */
#cyberArmor .listCover {
	text-align: center;
}
#cyberArmor .listCover .listItem {
	margin-left: 20px;
	margin-right: 20px;
}

#cyberArmor .expandField .selfRepInner .secLeft p {
	width: 300px;
	margin-top: 39px;
	margin-left: 50px;
}
.expandField .secLeft p.sizeL {
	width: 400px !important;
	margin-left: 0 !important;
}


/* =page story
---------------------------------------------------- */
#clm_story {
	margin: 30px 15px 0;
}

/* story contents
----------------------------------- */
#storyConts {
	float: right;
	width: 650px;
	margin-bottom: 20px;
}

#storyConts h2 {
	padding: 13px 20px 7px;
}

#storyMovie {
	text-align: center;
}

#storyText {
	padding: 15px;
}

/* story navi
----------------------------------- */
#storyNav {
	float: left;
	width: 270px;
}

#storyNav ul {
	float: left;
	width: 120px;
}

#storyNav li a {
	width: 100px;
	height: 31px;
	margin: 5px;
	padding: 8px 0 12px;
}

#storyNav li a:hover,
#storyNav li.active a {
	padding: 10px 0;
}

#storyNav p {
	top: 2px;
	left: 8px;
}
#storyNav li.active p, #storyNav li a:hover p {
	top: 5px;
}

/* ----- gekijyo */
#storyNav li a[href="#story1338"],
/* ↑test */
#storyNav li a[href="#story1282"] {
	width: 220px;
	height: 70px;
	background: url(../img/storyNav_gekijyo.png) no-repeat;
}

#storyNav li a[href="#story1338"]:hover,
#storyNav li.active a[href="#story1338"],
/* ↑test */
#storyNav li a[href="#story1282"]:hover,
#storyNav li.active a[href="#story1282"] {
	background: url(../img/storyNav_on_gekijyo.png) no-repeat;
}

#storyNav li a[href="#story1338"] p,
/* ↑test */
#storyNav li a[href="#story1282"] p {
	width: 220px;
	top: 7px;
	left: 0;
	opacity: 1.0;
}

#storyNav li.active a[href="#story1338"] p,
#storyNav li a[href="#story1338"]:hover p,
/* ↑test */
#storyNav li.active a[href="#story1282"] p,
#storyNav li a[href="#story1282"]:hover p {
	top: 10px;
}

#storyNav li a[href="#story1338"] p img,
/* ↑test */
#storyNav li a[href="#story1282"] p img {
	width: 180px;
}

.listCol2 {
	margin-top: 108px;
}

/* =page movie
---------------------------------------------------- */

/* theater
----------------------------------- */
#theater h3 {
	padding-top: 5px;
	padding-left: 5px;
}
/* 
#theater li {
	float: left;
	width: 470px;
	margin: 0 5px 20px 4px;
}

#theater table {
	width: 100%;
}
#theater th {
	width: 320px;
	padding-right: 20px;
}
#theater td {
	text-align: center;
}
#theater th, #theater td {
	padding-top: 5px;
	border-bottom: 1px dotted #AAA;
}
*/

/* theater 12/22
----------------------------------- */
#theater table {
	width: 100%;
	margin-bottom: 30px;
}
#theater table th {
	width: 6%;
	/* width: 9%; */
	font-size: 90%;
	padding: 5px 1% 3px;
	border: 2px solid #222;
}
#theater table td {
	width: 17%;
	padding: 5px 0.5% 3px;
	font-size: 110%;
	border: 1px solid #222;
}
#theater table td.wdS {
	width: 12%;
}
#theater table td.wdSS {
	width: 6%;
	text-align: center;
}

#theater table td.bnrX, #theater table td.bnrEX {
	width: 26%;
}
.bnrX, .bnrEX {
	background-size: 170px auto;
}

/* グリーティング2日 */
#theater table td.bnrX.wd13, #theater table td.bnrEX.wd13, #theater table td.bnrG.wd13 {
	width: 13%;
	padding-bottom: 70px;
}
.bnrX.wd13, .bnrEX.wd13, .bnrG.wd13 {
	background-size: 150px auto;
}
.bnrX.wd13 b, .bnrEX.wd13 b, .bnrG.wd13 b {
	text-align: center;
	display: block;
}

/* --------------------------
	jquery ToolTip
-------------------------- */
.preview {
	position: relative;
}
.preview span {
	display: block;
	position: absolute;
	visibility: hidden;
	font-size: 80%;
}
.preview:hover {
	cursor: pointer;
}
.tbd:hover {
	cursor: auto;
}

.preview:hover span {
	width: 150px;
	padding: 10px;
	border-radius: 10px;
	color: #EEE;
	background-color: #666;

	display: block;
	visibility: visible;
	z-index: 200;
	
	transition: all ease 0.3s;
	/* -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; */
}
/* / */

.preview span {
	top: -30px;
	left: 90px;
}