@charset "UTF-8";

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

/* --------------
 base
-------------- */
body {
	background: url(../img/bgBody.gif) repeat-x top;
}

input[type="submit"], label {
	cursor: pointer;
}
.ifsp {
	display: none;
}

.tblS th {
	width: 110px;
	padding-right: 10px;
}

.spsT10 {margin-top: 10px;}
.spsT20 {margin-top: 20px;}
.spsT30 {margin-top: 30px;}
.mb10 {margin-bottom: 15px;}

small.lh10 {display: inline-block;}
.lh10 {line-height: 1.4 !important;}
.lh16 {line-height: 1.6 !important;}

/* ----- list */
.ulHalf li {
	width: 50%;
	float: left;
}

/* --------------
 style
-------------- */
#wrapper {
	width: 980px;
	margin: 0 auto;
}

/* =tabNav
-------------------------------------------------------------- */
#tabNav td {
	width: 470px;
	height: 50px;
	padding-left: 20px;
}
#tabBlog {
	background: url(../img/bg_tab_blog.png) no-repeat;
}
#tabGinga {
	background: url(../img/bg_tab_ginga.png) no-repeat;
}

/* =siteHeader
-------------------------------------------------------------- */
#logo a {
	float: left;
	width: 515px;
	height: 350px;
}

#visualR {
	float: left;
	width: 420px;
	margin-top: 30px;
	margin-left: 5px;
}

#minogashi {
	padding: 8px;
}

.textwidget iframe {
	width: 420px;
	height: 237px;
}

#lead {
	margin-top: 5px;
}

/* =globalNav
-------------------------------------------------------------- */
#globalNav {
	width: 960px;
	height: 75px;
	padding: 5px 10px;
	background: url(../img/bgNav.png?0610) no-repeat;
}
#globalNav li {
	float: left;
	height: 75px;
}
#globalNav li a {
	height: 75px;
}

/* =container
-------------------------------------------------------------- */
#container {
	margin-bottom: 30px;
}

/* =contents
---------------------------------------------------- */
#contents {
	padding: 15px;
}

/* =main
------------------------------------------ */
.conts {
	padding-top: 30px;
}

.subpage .main h1 {
	width: 933px;
	margin-top: -13px;
	margin-left: -13px;
	margin-bottom: 10px;
}

/* =mainHeader
-------------------------------- */
#mainHeader h1 {
}

/* =social button
-------------------------------- */
#social {
	margin-top: 50px;
}

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

/* ------------------------------ footNav */
#footNav li {
	margin-right: 20px;
	padding-left: 17px;
	background-position: left 2px;
}

/* ------------------------------ footBanner */
#footBanner li {
	margin-right: 2px;
}

/* =pageTop
-------------------------------------------------------------- */
#pageTop {
	right: 60px;
	bottom: 100px;
}
#pageTop a {
	width: 46px;
	height: 46px;
}


/* --------------
 each pages
-------------- */
/* common */

#conts_page h3, .single h3 {
	padding: 7px 0 5px 37px;
	background-position: left top;
}

.boxB {
	padding: 20px 30px;
}

/* =home
-------------------------------------------------------------- */
.topArticle {
	float: left;
	width: 297px;
	margin-right: 21px;
}

.topArticle:nth-child(3) {
	margin-right: 0;
}

.topArticle h1 {
	white-space: nowrap;
	font-size: 19px;
}

.overF {
	overflow: hidden;
	height: 230px;
}
.imgWrap {
	overflow: hidden;
	height: 230px;
	display: table-cell;
	vertical-align: middle;
}

.uTubeWrap,.uTubeWrap iframe {
	height: 230px;
}

/* -------------------- pickup area */
.ulBnr {
	float: left;
	margin-top: 10px;
}

.ulBnr li {
	float: left;
	width: 280px;
	margin-right: 40px;
}

.twiTimeline {
	float: left;
	width: 280px;
	margin-top: 10px;
}

/* =intro
-------------------------------------------------------------- */
#intro .boxB {
	font-size: 16px;
}

/* =story
-------------------------------------------------------------- */
.movie h2 {
	width: 900px;
	height: 55px;
	margin-top: 30px;
	padding-left: 34px;
	line-height: 59px;
	font-size: 21px;
	background: url(../img/h2Movie.png) no-repeat;
}
#new h2 {
	background: url(../img/h2Movie_new.png) no-repeat;
}
#new mark {
	width: 110px;
	height: 36px;
	top: -20px;
	right: 10px;
}

.movie h2 time {
	margin-left: 15px;
	font-size: 85%;
}

.mL {
	float: left;
	padding: 25px;
	width: 400px;
}

.mR {
	float: right;
	padding: 25px 20px 25px 0;
	width: 450px;
}

.mR iframe {
	width: 450px;
	height: 253px;
}

/* =character
-------------------------------------------------------------- */
#mainChara {
	width: 906px;
	min-height: 400px;
	margin: 17px 2px;
	padding: 20px 12px;
}

.cL {
	float: left;
	width: 600px;
	position: relative;
}
.cL h2 {
	width: 200px;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 3px;
}

.cR {
	float: left;
	width: 275px;
	min-height: 380px;
	margin-left: 11px;
}

/* ---------- thumbnail */
.ulChara {
	float: left;
}

.ulChara li {
	width: 119px;
	min-height: 182px;
	margin: 2px;
	padding: 5px 5px 10px;
}
.ulChara li b {
	width: 119px;
	height: 135px;
}

/* hero */
#hero {
}

/* kaijyu */


/* =cast
-------------------------------------------------------------- */
.boxCast {
	padding: 20px;
}

.boxCast h2 {
	margin-top: -45px;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}

.txtCast h3 {
	letter-spacing: 0.05em;
}

/* main cast */
.castMain {
	width: 840px;
	margin: 15px auto 20px;
}
.castMain .txtCast {
	width: 550px;
	margin-top: 10px;
}
.castMain .imgCast {
	width: 290px;
}

/* other cast */
.casts {
	margin-bottom: 20px;
}

.casts .txtCast {
	width: 660px;
	margin-top: 10px;
	margin-left: 15px;
}
.casts .imgCast {
	width: 210px;
	text-align: center;
}
.casts .imgCast img {
	width: 190px;
	height: auto;
}

/* other cast
.casts {
	float: left;
	width: 49%;
	margin-bottom: 20px;
}
.casts:nth-child(2n+1) {
	margin-right: 2%;
}
.casts .txtCast {
	width: 230px;
}
.casts .imgCast {
	width: 200px;
}
.casts .imgCast img {
	width: 190px;
	height: auto;
} */

/* =topics
-------------------------------------------------------------- */
.divTxt {
	min-height: 80px;
	padding: 10px 100px 10px 5px;
}

/* single.php */
.single .boxA {
	padding: 20px 20px 30px;
}

/* =movie 2014.11.07
-------------------------------------------------------------- */
.wd430 {width: 430px;}
.wd440 {width: 440px;}
.wd450 {width: 450px;}
.wd460 {width: 460px;}

/* =movie_sche
---------------------------------------------------- */
.boxMvStory {
	padding: 20px;
}

.boxMvStory h2 {
	margin-top: -45px;
}
.boxMvStory {
	padding: 20px 10px;
}

.ulBnr3 li {
	width: 150px;
}

/* ---------- ginga → theater */
.movieLead {
	font-size: 120%;
}
.movieLead b {
	width: 28px;
	padding: 5px 0;
}
.ie .movieLead b {
	display: inline-block;
}

/* ----- eventDate */
.scheDate {
	padding: 0 15px 25px;
}
.scheDate h3 {
	float: left;
	width: 35%;
	margin-top: 30px;
	margin-bottom: 0 !important;
	padding: 0 0 0 5px !important;
	color: #333 !important;
	border: none !important;
	background: none !important;
}
.mt50 {
	margin-top: 50px !important;
}

.oneClm {
	clear: both;
}

.tblTheater {
	float: left;
	width: 385px;/* 40% */
	border: 1px solid #DCDCDC;
}
.tblTheater th, .tblTheater td {
	height: 38px;
	text-align: center;
}
.tblTheater th {
	/* width: 220px; */
	width: 100%;
	font-size: 90%;
	background: #F5F5F5;
}
.ie .tblTheater th {
	width: 287px;
}

.tblTheater td {
	width: 90px;
	height: 28px;
	padding: 10px 3px 0;
	font-size: 80%;
	letter-spacing: -0.02em;
	display: inline-block;
}
.tblTheater th.row2 {
	line-height: 1.2;
}

.tblSpecial {
	float: right;
	width: 517px;/* 60% */
}
.caption,
.tblSpecial caption {
	padding-right: 20px;
	text-align: right;
}

.tblSpecial th, .tblSpecial td {
	width: 85px;
	height: 38px;
}
.tblSpecial td img {
	width: 85px;
	height: 38px;
}

/* .tblSpecial .date, .tblSpecial .time {
	width: 95px;
} */

.hide_pc {display:none;}

/* ～1/24のテンプレート */
#scheComing .tblTheater th a {
	pointer-events : none;
	cursor: default;
}
#scheComing .tblTheater th a:hover {/* IE8 fallback */
	cursor: default;
	color: #06f;
	text-decoration: none;
}
#scheComing .tblTheater td {
	display: none;
}


/* ---------- campaign */
#campaign {
	margin-bottom: 25px;
}

#boxCamLead {
	background: url(../img/gingaVictory.png) no-repeat right top;
}

.camLead {
	font-size: 110%;
	line-height: 1.5;
}
.camLead i {
	border-bottom: 3px double #F60;
}
.camCaution {
	margin-top: 10px;
	font-size: 85%;
	line-height: 1.5;
}

.tblCam {
	width: 100%;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.tblCam tbody {
	font-size: 12px;
	line-height: 1.4;
}
.tblCam .clmOdd {
	border-top: 1px solid #999;
	background: #FFE6E6;
}
.tblCam .clmEven {
	border-top: 1px solid #999;
	background: #EEF7FF;
}
.tblCam .trMark {
	background: #FF9;
}
.tblCam .trMark td[rowspan="3"] {
	background: #EEF7FF;
}

.tblCam th {
	padding: 3px;
	font-size: 13px;
	text-align: center;
	border: 1px solid #999;
	background: #CAFFCA;
}
.tblCam td {
	padding: 3px;
	border-top: 1px dotted #CCC;
	border-left: 1px solid #999;
}
.tblCam td.tdTheater {
	width: 155px;
	border-right: 1px solid #999;
}
.tblCam td.tdTheater small {
	float: left;
	width: 20%;
}
.tblCam td.tdTheater span {
	float: left;
	width: 80%;
	font-size: 90%;
	text-align: center;
	letter-spacing: -0.07em;
}
.tblCam td.tdThumb {
	padding: 0;
	text-align: center;
	border-left: 1px dotted #CCC;
}

.tblCast {
	width: 100%;
	border: 3px solid #CCC;
	background: #FFF;
}
.wdC1 {width:50px;}
.wdC2 {width:155px;}
.wdC3 {width:243px;}
.wdC4 {width:85px;}
.wdC5 {width:75px;}
.wdC6 {width:75px;}
.wdC7 {width:200px;}

.tblCast th {
	padding: 3px;
}
.tblCast th[rowspan="2"] {
	width: 160px;
}
.tblCast td {
	padding: 3px 18px 3px 3px;
	font-size: 85%;
}
.tblCast td:first-letter {
	margin-left: 7px;
}


/* --------------------------
	jquery ToolTip
-------------------------- */
.preview {
	position: relative;
}
.preview span {
	display: block;
	position: absolute;
	visibility: hidden;
}
.preview:hover {
	/* スケジュール公開時に活かす
	cursor: pointer; */
}
.tbd:hover {
	cursor: auto;
}

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

	display: block;
	visibility: visible;
	z-index: 200;
	
	-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;
}


/* ----- eventDate */
.eventDate {
	padding: 0 15px 25px;
}
.eventDate h3 {
	margin: 0 -15px;
}
.eventDate h4 {
	margin-top: 15px;
	padding: 7px 10px 2px;
}

/* divTbl */
.divTbl h5 {
	width: 18%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	
	padding: 5px 1%;
	color: #300;
	font-size: 90%;
	text-align: center;
	border:1px solid #DCDCDC;
	background: #F5F5F5;
}

.wd50ftl_pc {
	width: 50%;
	float: left;
}

/* tblEvent */
.tblEvent {
	width: 80%;
	margin: 0 0 25px;
	display: table-cell;
}
.tblEvent th {
	width: 35%;
}
.tblEvent td {
	width: 380px;
}
.row2 {
	height: 38px;
}