@charset "UTF-8";

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

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

/* --------------
 base
-------------- */
h1 {font-size: 30px;}
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;}
.wd58 {width: 58% !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 {
	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
-------------- */

body {
	min-width: 1000px;
}


/* =container
------------------------------------------------------------------------ **/

/* =header
-------------------------------------------------------------- **/
/*#headWrap {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 110px;
}

#header {
	position: absolute;
	left: 50%;
	top: 0;
}
#inHead {
	position: relative;
	height: 100px;
	left: -50%;
}
*/
#headWrap {
	width: 100%;
}

#inHead {
	height: 100px;
	/*border-radius: 0 0 20px 20px;*/
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	float: left;
	width: 300px;
}
#siteHeader #logo {
	width: 250px;
	margin:auto;
}
.movie #siteHeader {
	width: 250px;
}
.saga #siteHeader {
	width: 250px;
}
/* =globalNav
---------------------------------------------------- */
#globalNav {
	float: right;
	width: 700px;
	margin-top: 30px;
	
	text-align: center;
}
#globalNav li {
	display: block;
	float: left;
	
	padding-top: 8px;
	padding-bottom: 5px;
	border-right: #ccc 1px solid;
	
}
#globalNav li:last-child {
	border-right: none;
}
#globalNav a {
	padding: 0 20px;
}

#globalNav i {
	letter-spacing: -0.05em;
}

.movie #globalNav {
	width: 750px;
}
.movie #globalNav {
	font-size:0.85em;
}
.movie #globalNav a {
	padding: 0 10px;
}


.saga #globalNav {
	width: 750px;
}
.saga #globalNav {
	font-size:1.0em;
}
.saga #globalNav a {
	padding: 0 15px;
}


/* =visual
---------------------------------------------------- */
#visual {
	margin: auto;
	margin-bottom: 70px;
	min-width: 1000px;
	max-width: 1500px;
}
.slideBox {
	margin: auto;
}
#visual ul {
}

.slick-dots {
	bottom: -100px !important;
}
/* =contents
-------------------------------------------------------------- **/

#main {
	position: relative;
	padding-top: 130px;
	min-height: 450px;
}
#home #main,
#movie-movie #main,
#saga-saga #main,
#tv #main,
#saga-cp #main,
#saga-cp2 #main,
#saga-cp-test #main {
	/*padding-top: 0;*/
	padding-top: 100px;
}
#saga-cp2 #main #wideCont {
	position:relative;	
}
@media screen and (max-width: 1000px) { /*以下の時*/

#saga-cp2 #main #wideCont #wideInner {
	position:relative;	
	width: 1000px;
	height: 550px;
	overflow: hidden;
	
	
}
#saga-cp2 #main #wideCont #wideInner img {
	max-width: none !important;
	margin: auto;
	margin-left: -25%;
}
}
@media screen and (min-width: 1001px) { /*以上の時*/


#saga-cp2 #main #wideCont #wideInner {
	position:relative;	
	width: 200%;
	max-width: 1500px;
	margin: auto -25%;
	
}
}

.clm2 > .fll {
	width: 49.5%;
	margin-right: 1% !important;
}
.clm2 > .fll:nth-child(2n) {
	margin-right: 0 !important;
}
.clm2 > .fll:nth-child(2n+1) {
	clear: both;
}

.clm3 > .fll {
	width: 32%;
	margin-right: 1.9% !important;
}
.clm3 > .fll:nth-child(3n) {
	margin-right: 0 !important;
}
.clm3 > .fll:nth-child(3n+1) {
	clear: both;
}



.clm4 > .fll {
	width: 24%;
	margin-right: 1.33% !important;
}
.clm4 > .fll:nth-child(4n) {
	margin-right: 0 !important;
}
.clm4 > .fll:nth-child(4n+1) {
	clear: both;
}

.clm5 > .fll {
	width: 19.5%;
	margin-right: 0.625% !important;
}
.clm5 > .fll:nth-child(5n) {
	margin-right: 0 !important;
}
.clm5 > .fll:nth-child(5n+1) {
	clear: both;
}

.clm6 > .fll {
	width: 16.0%;
	margin-right: 0.8% !important;
}
.clm6 > .fll:nth-child(6n) {
	margin-right: 0 !important;
}
.clm6 > .fll:nth-child(6n+1) {
	clear: both;
}




/* =headline / titles
---------------------------------------------------- */
#post article h1 {
	font-size: 24px;
}

/* =list
---------------------------------------------------- */

.staffList {
}
.staffList dt,
.onairList dt {
	float: left;
	clear: both;
	width: 20%;
}
.staffList dd {
}
.musicList {
	margin: 0 55px;
}
.musicList dt {
	float: left;
	clear: both;
	width: 120px;
}
.musicList dd {
	float: left;
}

/* =footer
-------------------------------------------------------------- **/

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

/* =footList
------------------------------------------ */
.footList {
	margin-top: 10px;
}
/* =social button
-------------------------------- */



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

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

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

/* =pagePortal
---------------------------------------------------- */
#pagePortal {
	display: block;
	position: fixed;
	z-index: 1000;
	bottom: 120px;
	right: 0;
}
#pagePortal a {
	display: block;
	background: #342357;
	color: #fff;
	padding: 10px;
	border-radius: 10px 0 0 10px;
	text-decoration: none;
	font-size: 0.8em;
	text-align: right;
}

#pagePortal a:hover {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	opacity: 0.8;
}

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

/* =contents
---------------------------------------------------- */
#saga-saga #main .clm2 .fll ,
#movie-movie #main .clm2 .fll ,
#home #main .clm2 .fll ,
#tv #main .clm2 .fll {
	width: 550px;
	margin-right: 30px;
}
#saga-saga #main .clm2 .flr ,
#movie-movie #main .clm2 .flr ,
#home #main .clm2 .flr ,
#tv #main .clm2 .flr {
	width: 420px;
}
.homeHeroList.clm3 .fll{
	width: 300px;
	margin-right: 30px;
}
.homeHeroList.clm3 .fll:nth-child(3n) {
	width: 340px;
	margin: 0;
}


/* -------------------- homeYokoku/見逃し配信 */

#homeYokoku .bdrBtm.new b {
	max-width: 64%;
}


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

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

#homeBlog {
	margin-top: 30px;
}

/* -------------------- banner */




.homeHeroList {
}

.homeHeroList li {
	float: left;
	width: 302px;
	height: 302px;
	margin-right: 30px;
}
.homeHeroList li:nth-child(2n) {
	margin-right: 0;
}

.homeHeroList li h3 {
	position: absolute;
	top: 10px;
	left: 290px;
	
	width: 280px;


	-moz-transform-origin: 0 0;  
	-webkit-transform-origin: 0 0;  
	-o-transform-origin: 0 0;  
	-ms-transform-origin: 0 0; 
	transform-origin: 0 0; 

	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	
}

.homeHeroList.clm3 {
}

.homeHeroList.clm3 li {
	float: left;
	width: 302px;
	height: 302px;
	margin-right: 45px;
}
.homeHeroList.clm3 li:nth-child(2n) {
	margin-right: 45px;
}

.homeHeroList.clm3 li:nth-child(3n) {
	margin-right: 0;
}



/* -------------------- bnr */

.bnrAreaBtm li {
	width: 33.3%;
	float: left;
}
.bnrAreaBtm li:nth-child(3n-2) {
	text-align: left;
}
.bnrAreaBtm li:nth-child(3n) {
	text-align: right;
}

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

/* =page cast,character
---------------------------------------------------- */
#charaNav ul {
	border-bottom: #e8480f solid 3px;
}
#charaNav li {
	float: left;
	width: 33.3%;
	font-size: 1.5em;
}

.saga #charaNav li {
	width: 50%;
}

#charaNav li a {
	margin: 0 20px;
	margin-bottom: 2px;
	background: #aaa;
	border-radius: 10px 10px 0 0;
	
}

#charaNav li.active a {
	margin-bottom: 0;
	border-bottom: #e8480f solid 2px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff702a+0,e8480f+100 */
	background: rgb(255,112,42); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,112,42,1) 0%, rgba(232,72,15,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,112,42,1) 0%,rgba(232,72,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,112,42,1) 0%,rgba(232,72,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff702a', endColorstr='#e8480f',GradientType=0 ); /* IE6-9 */

	
}
/* hero
------------------------- */
#heroNav li {
	margin: auto 1%;
	margin-bottom: 5px;
}

.orbBox {
	margin-top: -130px;
	padding-top: 130px;
}

.orbMainBox {
	margin-top: -80px;
}

#orbsz .orbMainBox {	background: url(../img/bg-orb01.png) center top no-repeat;}
#orbbm .orbMainBox {	background: url(../img/bg-orb02.png) center top no-repeat;}
#orbhs .orbMainBox {	background: url(../img/bg-orb03.png) center top no-repeat;}
#orbtb .orbMainBox {	background: url(../img/bg-orb04.png@a) center top no-repeat;}
#orboo .orbMainBox {	background: url(../img/bg-orb05.png@a) center top no-repeat;}
#orbot .orbMainBox {	background: url(../img/bg-orb06.png) center top no-repeat;}

.orbMainBox > .fll{
	margin-top: 80px;
}
.phrase01 {
	margin-top: 15px;
	min-height: 110px;
}
#orbhs .phrase01 {
	margin-top: 25px;
	margin-left: -70px;
}

.orbCardBox .cardInner img {
	max-width: 190px !important;
}
#orbot .orbCardBox .cardInner img {
	max-width: 100% !important;
}


.orbSpec {
	font-size: 1.5em;
}

.orbSpec dt,
.orbSpec dd {
}
.orbSpec dt {
	width: 120px;
}
.heroImg1 {
	width: 363px;
}
.heroImg2 {
	width: auto !important;
	height: 300px !important;
}

#orboo .heroImg01{
	margin-top: -80px;
}



/* cast
------------------------- */

.sspInfoBox h2 {
	font-size: 1.8em;
}

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


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

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

/* FancyBox inline
------------------------- */
.fancyConts {
	width: 600px;
	padding: 10px;
}
.fancyConts h3 {
	margin-bottom: 15px;
}
/* .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;
}
.expandField .selfRepInner .secLeft {
	float: left;
	width: 49%;
	margin-top: 50px;
}

.expandField .selfRepInner .secLeft i {
	top: 40px;
	left: 105px;
}

.expandField .selfRepInner .secRight {
	float: right;
	width: 50%;
	min-height: 400px;
}

.expandField .selfRepInner .secRight h2 {
	padding: 20px;
	padding-bottom: 0;
}
.boxCF {
	padding: 10px 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;
}
.boxCF .cf_bnr {
	margin: 0 20px;
}


/* =page story
---------------------------------------------------- */
#clm_story {
	margin-bottom: 20px;
}

/* story contents
----------------------------------- */
#storyConts {
	margin-bottom: 20px;
}

#storyConts h2 {
}

#storyMovie {
	text-align: center;
}

#storyText {
	padding: 15px;
}

/* story navi
----------------------------------- */
#storyNav {
}

#storyNav ul {
	text-align: center;
}
#storyNav li {
	display: inline-block;
}
#storyNav li a {
}

#storyNav li a:hover,
#storyNav li.active a {
}



/* theater
----------------------------------- */

#movie-theater .greetingBox {
	min-height: 100px;
}

#movie-theater .greetingBox.bg-sz,
#movie-theater-test .greetingBox.bg-sz {
	background-position: 250px 0%;
}
#movie-theater .greetingBox.bg-bm,
#movie-theater-test .greetingBox.bg-bm {
	background-position: 250px 10%;
}
#movie-theater .greetingBox.bg-hs,
#movie-theater-test .greetingBox.bg-hs {
	background-position: 250px 10%;
}
#movie-theater .greetingBox.bg-tb,
#movie-theater-test .greetingBox.bg-tb {
	background-position: 240px 10%;
}
#movie-theater .greetingBox.bg-oo,
#movie-theater-test .greetingBox.bg-oo {
	background-position: 250px 0%;
}
#movie-theater .greetingBox.bg-ot,
#movie-theater-test .greetingBox.bg-ot {
	background-position: 260px 20%;
}


/* saga
----------------------------------- */


.flow .inner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 98%;
	bottom: 0;
	margin: auto;
	border: #fff solid 10px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	
	transform: rotate(45deg);
	
	width: 0;
	height: 0;
	
}

.flow .fll:last-child .inner:before {
	display: none;
}