@charset "UTF-8";

/* ------------------------
 for Wordpress styles
------------------------ */
/*************************
		nav-single
**************************/
.nav-single {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 2px solid #DDD;
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
}


/* --------------
 reset
-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
ol,ul{list-style:none}
caption,th{text-align:left}
img {max-width:100%!important; height:auto;vertical-align: bottom;}
iframe {max-width:100%!important;border:0;}

/* --------------
 clearfix
-------------- */
.cf:after,
div:after,ul:after,ol:after,dl:after,
header:after,footer:after,aside:after,
nav:after,section:after,article:after {
	content: ""; 
	display: block;
	clear: both;
}
.ulNews li:after {
	content: "";
	display: block;
	clear: both;
}

/* --------------
 base
-------------- */
html {
	-webkit-text-size-adjust:none;
	width: 100%;
	height: auto;
	background: url(../img/bg.jpg) repeat-y center top #FFF;
}
body {
	width: 100%;
	height: auto;
	color: #222;
	font: normal 15px/1.6 'Lucida Grande', Meiryo, sans-serif;
	/* font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; */
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.2;
}
h1 {font-size: 21px;clear:both;}
h2 {font-size: 18px;}

/* link */
a {
	color: #06F;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
}
.link {
	color: #03F !important;
	text-decoration: underline;
}
.link:hover {
	color: #000;
}

/* --------------
 common
-------------- */
.alignC {
	text-align: center;
}

.btnLink a {
	padding: 4px 10px;
	color: #FFF;
	border-radius: 3px;
	border: 1px solid #FFDFDF;
	background: #C00;
}
.btnLink a:hover {
	color: #C00;
	border: 1px solid #CCC;
	background: #FFDFDF;
}

.spsT15 {margin-top: 15px !important;}
.spsB5 {margin-bottom: 5px;}
.mb5 {margin-bottom: 5px;}

.yellow {color: yellow;}

/* ----- list */
.ulDisc li:before {
	content:"・";
}

/* ---------- pagination */
.pagination {
	clear: both;
	margin: 20px 25px 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	text-align:center;
}
.pagination i {
	margin: 2px;
	padding: 6px;
	color:#666;
	font-style: normal;
	font-weight: bold;
	display: inline-table;
}
.pagination span, .pagination a {
	width: auto;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	color:#fff;
	background: #999;
	display: inline-table;
}
.pagination a:hover{
	background: #3279bb;
	color: #fff;
}
.pagination .current{
	padding: 6px 9px 5px 9px;
	background: #3279bb;
	color: #fff;
}

/* --------------
 style
-------------- */

/* =siteHeader
-------------------------------------------------------------- */
#logo a {
	text-indent: -9999px;
	background: url(../img/logo.png?0610) no-repeat;
	display: block;
}

#minogashi {
	box-shadow: 0 0 10px #111;
	background: url(../img/bgMinogashi.gif);
}

#minogashi iframe {
	vertical-align: bottom;
}

#lead {
	text-align: center;
}

/* =globalNav
-------------------------------------------------------------- */
#globalNav li {
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#globalNav li a {
	display: block;
	background-repeat: no-repeat;
}
#globalNav li a:hover {
	opacity: 0.89;
}
#home #nav1 a, #home #nav1 a:hover,
#intro #nav2 a, #intro #nav2 a:hover,
#story #nav3 a, #story #nav3 a:hover,
#character #nav4 a, #character #nav4 a:hover,
#cast #nav5 a, #cast #nav5 a:hover,
#post #nav6 a, #post #nav6 a:hover,
#movie #nav7 a, #movie #nav7 a:hover {
	opacity: 0 !important;
}

#nav1 {
	width: 90px;
	background: url(../img/nav1_on.png);
}
#nav1 a {
	background: url(../img/nav1_off.png);
}

#nav2 {
	width: 225px;
	background: url(../img/nav2_on.png);
}
#nav2 a {
	background: url(../img/nav2_off.png);
}

#nav3 {
	width: 135px;
	background: url(../img/nav3_on.png);
}
#nav3 a {
	background: url(../img/nav3_off.png);
}

#nav4 {
	width: 210px;
	background: url(../img/nav4_on.png);
}
#nav4 a {
	background: url(../img/nav4_off.png);
}

#nav5 {
	width: 145px;
	background: url(../img/nav5_on.png?0603);
}
#nav5 a {
	background: url(../img/nav5_off.png?0603);
}

#nav6 {
	width: 145px;
	background: url(../img/nav6_on.png);
}
#nav6 a {
	background: url(../img/nav6_off.png);
}

/* spのみ */
#nav7 {
	width: 145px;
	background: url(../img/nav7_on.png);
}
#nav7 a {
	background: url(../img/nav7_off.png);
}


/* =container
-------------------------------------------------------------- */
#container {
	padding: 5px;
	border-radius: 5px;
	background: url(../img/bgContainer.png);
}

/* =contents
---------------------------------------------------- */
#contents {
	border: 3px solid #FFF;
	box-sizing: border-box;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 10px #FFF inset,  0 0 40px #FFF inset;
	background: url(../img/bgContents.gif) #FFF;
}

/* =main
------------------------------------------ */
.main h1 {
	margin-bottom: 2px;
	padding: 10px 10px 8px 15px;
	color: #FFF;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	border-radius: 5px;
	border: 1px solid #06F;
	box-shadow: 0 0 5px rgba(255,255,255,0.9) inset;
	background: url(../img/bgH1.gif);
}
.main h1 .pink {
	text-shadow: 1px 1px 3px rgba(255,255,255,0.7);
}

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

#mainHeader h1 {
}

/* =social button
-------------------------------- */
#social {
	text-align: center;
}

.twitter-share-button, .line-button {
	margin: 0 10px;
}

.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
	vertical-align: top !important;
}

.fb-like iframe {
	max-width: none !important;
}

.line-button {
  display: inline-table;
	vertical-align: top;
}


/* =siteFooter
---------------------------------------------------- */
#siteFooter {
	margin-top: 5px;
	padding: 20px 15px 5px;
	border-radius: 0 0 5px 5px;
	background: #AAA;
}
#siteFooter a {
	color: #000;
}
#siteFooter a:hover {
	color: #06F;
	text-decoration: none;
}

/* ------------------------------ footNav */
#footNav li {
	background: url(../img/arwF.png) no-repeat;
	display: inline-table;
}

/* ------------------------------ footBanner */
#footBanner {
	margin-top: 20px;
}
#footBanner li {
	margin-bottom: 5px;
	display: inline-table;
}

/* ------------------------------ copyright */
#copyright {
	margin-top: 20px;
	text-align: center;
}
#copyright a {
	color: #FFF;
}

/* =pageTop
-------------------------------------------------------------- */
#pageTop {
	display: block;
	position: fixed;
}

#pageTop a {
	text-indent: -9999px;
	background: url(../img/pageTop.png) no-repeat;
	display: block;
}


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

.ttlH2, #conts_page h2, .single h2, .cL h2 {
	margin-bottom: 10px;
	padding: 2px;
	color: #111;
	font-size: 18px;
	line-height: 1.2;
	border-radius: 4px;
	border: 1px outset #777;

	background: #EEE;/* fallback */
	background: -moz-linear-gradient(top center, #FFF 30%, #BBB 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.00, #FFF), color-stop(0.30, #FFF), color-stop(1.00, #BBB));/* Chrome & Safari */
	background: linear-gradient(to bottom, #FFF 30%, #BBB 100%);/* IE10+, W3C */
}
.ttlH2 b, #conts_page h2 b, .single h2 b, .cL h2 b {
	padding: 7px;
	border-radius: 2px;
	background: #DDD;/* fallback */
	background: -moz-linear-gradient(top center, #BBB 0%, #EEE 55%, #AAA 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.00, #BBB), color-stop(0.55, #EEE), color-stop(1.00, #AAA));/* Chrome & Safari */
	background: linear-gradient(to bottom, #BBB 0%, #EEE 55%, #AAA 100%);/* IE10+, W3C */
	display: block;
}

.ttlH2 {
	margin-top: -3px;
	margin-left: -3px;
	margin-right: -3px;
	margin-bottom: 15px;
}
.ttlH2 b, #conts_page h2 b, .single h2 b {
	padding: 10px;
}
.ttlH2 b small {
	float: right;
	padding: 3px 7px 2px;
	border-radius: 3px;
	background: #555;
}
.bgRed {background: #F00 !important;}

.ttlH2 b small a {
	color: #FFF;
}
.ttlH2 b small a:hover {
	color: #CF0;
}

#conts_page h3, .single h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	background: url(../img/ttlH3.png) no-repeat;
}

#conts_page h4, .single h4 {
	margin-top: 15px;
	margin-bottom: 3px;
	padding: 3px 5px;
	font-size: 105%;
	border-left: 5px solid #39F;
}


.boxA {
	padding: 9px;
	box-shadow: 0 0 10px rgba(153,153,153,0.2) inset;
	border: 1px solid #CCC;
	background: #FFF;
}
.boxA a {
	color: #333;
}
.boxA a:hover {
	color: #03F;
	text-decoration: none;
}
.single .boxA a {
	color: #03F;
}
.single .boxA a:hover {
	text-decoration: underline;
}

.single .boxA p {
	margin-bottom: 1em;
}

.boxB {
	margin-bottom: 20px;
	box-shadow: 0 0 23px rgba(188,168,150,0.7) inset;
	border: 5px double #bca896;
	background: #FFF;
}

.tblS th {
	text-align: right;
}
.tblS th, .tblS td {
	padding-bottom: 5px;
}

/* =home
-------------------------------------------------------------- */

/* added 2014.11.10 */
.clmBnrBox {
	padding-bottom: 15px;
}

.clmBnrBox .alignleft {
	margin-right: 0;
}

/* / */

.topArticle .boxA a {
	display: block;
}

.topArticle .boxA h2 {
	margin: 15px 0;
}

.topArticle .boxA time {
	color: #666;
}
.onair {
}

.overF {
	border: 1px solid #CCC;
}

/* -------------------- blog rss area */
.widgettitle {
	display: none;
}

.rsswidget {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
}

.rss-date {
	display: block;
}

/* -------------------- pickup area */
.ulBnr {
	margin-top: 10px;
}
.ulBnr li img {
	margin-top: 3px;
}


/* =story
-------------------------------------------------------------- */
.movie {
	padding-bottom: 10px;
	border: 3px solid #2b7394;
	border-top: none;
	border-radius: 14px 14px 0 0;
	background: #FFF;
}
#new {
	border: 3px solid #F00;
	border-top: none;
}

.movie h2 {
	margin-left: -3px;
}
#new h2 {
	position: relative;
}
#new mark {
	text-indent: -9999px;
	background: url(../img/new.png) no-repeat;
	position: absolute;
}

.mR {
	text-align: center;
}

/* =character
-------------------------------------------------------------- */
#mainChara {
	box-shadow: 0 0 10px #555;
	background: url(../img/bgChara.jpg) no-repeat #CCC;
}

/* slideshow */
.block {
	display: none;
}

.cL {
	background: transparent url(../img/cL.png);
}

.cR {
	padding: 10px;
	color: #FFF;
	background: url(../img/cR.png);
}

.cR p {
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 1.8;
}
.cR a {
	color: #0CF;
}
.cR a:hover {
	color: #FF0;
}

.cR p.fontS {
	font-size: 90%;
}

/* ---------- thumbnail */
.ulChara {
	display: inline;
}
.ulChara li {
	float: left;
	border-radius: 0 0 5px 5px;
	font-size: 13px;
}
.ulChara li b {
	text-align: center;
}

.ulChara li.s_hero {
	background: #09F;
}
.ulChara li.kaijyu {
	background: #0C6;
}
.ulChara li.s_gekijo {
	background: #C00;
}
/* .s_hero.ulChara li {
	background: #09F;
}
.kaijyu.ulChara li {
	background: #0C6;
}
.s_gekijo.ulChara li {
	background: #C00;
} */

.ulChara li a {
	color: #FFF;
	display: block;
}
.ulChara li a:hover {
	text-decoration: none;
}

.ulChara li b {
	margin-bottom: 5px;
	display: block;

	background: #EEE;/* fallback */
	background: -moz-linear-gradient(top center, #EEE 30%, #AAA 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0.30, #EEE), color-stop(1.00, #AAA));/* Chrome & Safari */
	background: linear-gradient(top center, #EEE 30%, #AAA 100%);/* common */
}

/* =cast
-------------------------------------------------------------- */
.boxCast {
	margin: 30px 0 20px;
	border: 3px solid #FFF;
	border-radius: 10px;
	background: url(../img/slash.gif) #FFE1D2;
	box-shadow: 0 0 3px #333, 0 0 5px #000 inset;
}

.txtCast h3 {
	margin-bottom: 15px;
	color: #00A;
}
.txtCast p {
	margin-bottom: 15px;
	font-size: 95%;
	line-height: 1.4;
}
.cast_name {
	margin-top: 20px;
	font-weight: bold;
}
.cast_name a {
	margin-right: 15px;
	color: #D50000;
}

.imgCast img {
	border: 2px solid #666;
}

/* other cast
.casts {
	padding-top: 20px;
	border-top: 3px solid #CCC;
}
.noBorder {
	border-top: none;
} */

/* other cast */
.casts {
	padding-top: 25px;
	background: url(../img/btmCasts.png) repeat-x top;
}
.noBorder {
	background: none;
}

/* =topics
-------------------------------------------------------------- */
#conts_post .archive {
	margin-bottom: 5px;
}

#conts_post h2 {
	padding: 5px 0 8px;
	border-bottom: 3px solid #DDD;
}
#conts_post a:hover h2 {
	border-bottom: 3px solid #6CF;
}

#conts_post time {
	color: #666;
	font-size: 90%;
}

.divTxt {
	background: url(../img/arwL.png) no-repeat right center;
}

/* =movie 2014.11.07
-------------------------------------------------------------- */

/* =movie_sche
---------------------------------------------------- */
#conts_movie_sche h3 {
	clear: both;
	margin-bottom: 3px;
	padding: 7px 0 5px 7px;
	color: #EEE;
	font-size: 16px;
	font-weight: bold;
	border: 3px double #CCC;
	background: #111;
}
#conts_movie_sche h3 b {
	margin: 0 2px;
	font-size: 18px;
}

.boxMvStory {
	margin: 30px 0 20px;
	border: 3px solid #FFF;
	border-radius: 10px;
	background: url(../img/boxMvStory.jpg) no-repeat center bottom #e9f3ff;
	box-shadow: 0 0 3px #333, 0 0 5px #000 inset;
	text-shadow: 0 0 1px #FFF, 0 0 2px #FFF;
}

.ulBnr3 li {
	float: left;
	margin-bottom: 5px;
}

.ulBnrM li {
	margin-bottom: 5px;
}
.ulBnr3 li img, .ulBnrM li img {
	box-shadow: 1px 1px 0.08em #555;
}

/* ---------- ginga → theater */
.movieLead {
	margin-bottom: 5px;
}
.movieLead b {
	margin: 0 1px;
	color: #FFF;
	text-align: center;
	display: inline-block;
	line-height: 1.0;
	border-radius: 50%;
	background: #000;
}

/* ----- eventDate */
/* 1/24に外す
.tblTheater th a {
	pointer-events: none;
	cursor: default;
}
 */
.vlm {vertical-align: middle;}
.caption,
.tblSpecial caption {
	padding-top: 5px;
	text-align: right;
	position: relative;
}

.tblSpecial {
	width: 100%;
}
.tblSpecial th {
	border: 1px solid #DCDCDC;
	color: #330000;
	background-color: #F5F5F5;
	background-position: left top;
	text-align: center;
}
.tblTheater th a[href="http://www.unitedcinemas.jp/canalcity/index.html"] {
	font-size: 90%;
}
.tblTheater td i {
	color: #F00;
	font-style: normal;
}

.tblSpecial thead th, .tblSpecial thead td {
	border: none;
	background: none;
}

.notes {
	padding: 0 0 3px 10px !important;
	color: #C00 !important;
	font-size: 13px !important;
	font-weight: bold;
	border: none !important;
	background: #FFFFEC;
}

.tblSpecial thead th,
.tblSpecial thead td.date {
	color: #963;
	font-size: 90%;
	text-align: center;
}

.tblSpecial tbody {
	background: #E8F8FF;
}
.tblSpecial td {
	font-size: 80%;
	text-align: center;
	border:1px solid #DCDCDC;
}
.gingaV {
	font-size: 75% !important;
	letter-spacing: -0.03em;
}

.tblSpecial td.tbd {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	text-indent: -9999px;
	background: url(../img/tbd.png) no-repeat center bottom;
}

.tblSpecial td.ginga {background-color: #ec2d70;}
.tblSpecial td.gingaS {background-color: #c7fe7c;}
.tblSpecial td.victory {background-color: #ffde53;}
.tblSpecial td.gingaV {background-color: #c4e3ff;}
.tblSpecial td.zero {background-color: #0794fe;}
.tblSpecial td.zeroL {background-color: #7cc9db;}
.tblSpecial td.zeroS {background-color: #ff8bba;}
.tblSpecial td.tiga {background-color: #adaeee;}
.tblSpecial td.mebius {background-color: #9edccd;}
.tblSpecial td.dyna {background-color: #ffb274;}
.tblSpecial td.cosmosL {background-color: #b7e4f7;}
.tblSpecial td.cosmosC {background-color: #f7c7f1;}
.tblSpecial td.max {background-color: #959aa0;}
.tblSpecial td.nexus {background-color: #cdb3a6;}
.tblSpecial td.nexusJB {background-color: #b59c7e;}
.tblSpecial td.gaia {background-color: #baebd5;}

.tblSpecial td.address {
	display: none;
}

.tblSpecial td.end {
	color: #666;
	font-size: 80%;
	text-align: center;
}


/* ---------- butai */
#butai h3 {
	position: relative;
}
#butai h3 i {
	width: 65px;
	height: 65px;
	text-indent: -9999px;
	background: url(./img/high5.gif) no-repeat;
	position: absolute;
	bottom: -15px;
	right: 75px;
}
#butai h3 q {
	width: 65px;
	display: inline-block;
}

.pButai {
	margin-top: 10px;
	font-size: 13px;
}

.tblSche, .tblEvent {
	width: 100%;
	background: #FFF;
}
.tblSche {
	margin: 10px 0 25px;
}

.tblSche th, .tblEvent th {
	padding: 5px 4px;
	color: #300;
	font-size: 90%;
	text-align: center;
	border:1px solid #DCDCDC;
	background: #F5F5F5;
}
.tblSche th span {
	color: #666;
	font-size: 10px;
	line-height: 130%;
}

.tblSche tbody th {
	width: 65px;
}

.tblSche td, .tblEvent td {
	padding: 6px 4px;
	font-size: 12px;
	border: 1px solid #DCDCDC;
}

/* ----- scheDate */

/* ----- eventDate */
.scheDate, .eventDate {
	margin-bottom: 20px;
	border: 1px solid #CCC;
	background: #FFF;
}

.eventDate h4 {
	color: #EEE;
	/* border: 2px solid #333; */
	background: #333;
}
.eventDate h4 a {
	color: #EEE;
}

/* 2015.4.22追加 */
.scheDate i {
	color: red;
	font-style: normal;	
}


/* tblEvent */
/* .tblEvent caption, */
.note {
	padding: 5px;
	color: #777;
	font-size: 70%;
	line-height: 1.2;
	/* caption-side: bottom;
	border:1px solid #DCDCDC; */
}

.wd50ftl {
	width: 50%;
	float: left;
}
.bdr {
	border-right: 1px solid #DCDCDC;
	box-sizing: border-box;
}

.tblEvent td .bdr {
	text-align: center;
}

/* .scheTime {
	text-align: right;
	border-right: 1px solid #FFF !important;
} */


/* comingsoon */
.link {
	color: #AAA;
	text-align: center;
	z-index: auto;
}
.link p {
	width: 60px;
	height: 20px;
	margin: 0 auto -20px !important;
	z-index: 100;
	position: relative;
}

.trAdd td {
	padding-bottom: 3px !important;
	border: none !important;
	background: #FFFFEC;
}
.trAdd .link {
	border-right: 1px solid #DCDCDC !important;
}

.red {color: red;}
.blue {color: blue;}
.pink {color: #F06;}