@charset "utf-8";

/*

	*リセット
	*コンテンツ
	*clearfix

*/


/* リセット
---------------------------------------------------- */
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, label, fieldset, input, textarea, p, blockquote, pre, table th, td,button, address {
		padding: 0;
		margin: 0;
		font-style: normal;
		font-variant: normal;
		line-height: 1.8;
		text-decoration: none;
		font-size:14px;
		color: #41210f;
		font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN',  'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', sans-serif;
	}
	img {
		border: none;
	}
    .fin {
        position: absolute;
        right: 0;
        top: 40px;
        text-align: right;
        font-size: 14px;
        color: #ffffff;
        font-weight: bold;
        background: #B40003;
        padding: 6px 15px
    }
	li {
		list-style: none;
	}
	.imgRight {
		float: right
	}
	.imgLeft {
		float: left
	}
	.float_right {
		float: right;
		margin-left: 30px;
	}
	.float_left {
		float: left;
		margin-right: 30px;
	}
	* {
		box-sizing: border-box
	}
	header .unit,
	footer .unit{
		width: 960px;
		margin: 0 auto;
		position: relative
	}
	.main {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow-x: hidden; 
	}
	.main .unit {
		width: 960px;
		padding: 65px 0 100px 0;
		margin: 0 auto;
		position: relative;
		text-align: left
	}
	.main .unit .unit_inner {
		margin: 50px 30px 0 30px
	}
	.main .unit h2 {
		margin-bottom: 50px;
		line-height: 1
	}
	.main .unit h3 {
		text-align: center;
		margin: 50px 0 35px 0;
	}

	.center {
		text-align: center;
	}

	.fs16 {
		font-size:16px
	}
	.fs12 {
		font-size:12px
	}
	.strong {
		font-weight: bold
	}
	.fb_iframe_widget > span {
		vertical-align: baseline !important;
	}
	.mincho {
		font-family: "Hiragino Mincho ProN", "HG明朝E", YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	.cap {
		text-align: right
	}
	.red {
		color:#c0153e
	}
	.new {
		background: #c0153e;
		color: #ffffff;
		border-radius: 6px;
		padding: 2px 15px;
		margin-right: 5px;
	}
	.center {
		text-align: center
	}
	.right {
		text-align: right
	}
	.txt {
		text-align: left
	}
/*ボタン*/
	p.btn {
		margin:0 auto;
		font-size:24px;
		width:600px;
		text-align: center;
		display: inline-block;
	}
	p.btn a {
		color:#ffffff;
		padding: 10px;
		display: block;
		text-decoration: none;
	}
	p.btn a:hover {
		color:#000000;
	}
	/*緑*/
	p.btn01 a{
		background:#5eb08a
	}
	p.btn01 a:hover {
		background:#9ee8c6;
	}
	/*ゴールド*/
	p.btn02 a{
		background:#b99e77
	}
	p.btn02 a:hover {
		opacity: 0.6
	}
	p.btn-pdf {
		margin: 30px auto 0 auto;
		font-size: 18px;
		padding: 5px;
		width: 300px;
		text-align: center;
		display: inline-block;
		background: #b3a47f;
	}
	p.btn-pdf a {
		color:#ffffff;
		padding: 5px;
		display: block;
		text-decoration: none;
	}
	p.btn-pdf a:hover {
		color:#000000;
		background:#d8cbab;
	}
/*仕切り線*/
	p.divider-intro {
		position: relative;
		z-index: 10;
		padding-bottom: 40px;
		margin: -20px 0 20px 0;
	}
	p.divider-intro:before {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 0;
		border-top: 1px solid #e5b0ae;
		border-bottom: 1px solid #fff3f3;
	}
	p.divider-cast {
		position: relative;
		z-index: 10;
		margin: 50px 0;
		border-top: 2px dotted #e1d2a1;
	}

/*Colorbox*/
	div#colorbox {
		box-sizing: content-box ;
	}

/* Link
---------------------------------------------------- */
	a:link,
	a:visited {
		color: #7d6529;
		outline:none;
		text-decoration: underline
	}

	a:hover,
	a:active {
		color: #7d6529;
		text-decoration: none;
		outline:none;
	}

/*info, news link*/
	#top a:link,
	#top a:visited {
		color: #41210f;
		outline:none;
		text-decoration: underline
	}

	#top a:hover,
	#top a:active {
		color: #41210f;
		text-decoration: none;
		outline:none;
	}


/*　画像ハイライト　あり */
	a:hover img {
		-moz-opacity:0.6;
		opacity:0.6;
		filter: alpha(opacity=60);
	}
	a:hover img.over{
		-moz-opacity:1;
		opacity:1;
		filter: alpha(opacity=100);
	}
	#page-top {
		position: fixed;
		bottom: 30px;
		right: 30px;
	}


/* Float Clear Style
---------------------------------------------------- */
.clear {
	clear: both !important;
}

.clearfix {   
	overflow: hidden;   
}     

* html .clearfix {   
	height: 1%;   
}


/* コンテンツ
---------------------------------------------------- */
/* header */
	.header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999
	}
	header {
		background: url(../img/header/bg_header.jpg) repeat-x top #fffbf0;
		min-height: 103px;
		position: relative
	}
	header .unit .logo {
		position: absolute;
		top: 7px;
		left: 0;
		display: inline
	}
	header .unit .date {
		position: absolute;
		left: 225px;
		top: 30px
	}
	header .unit .btn-ticket {
		position: absolute;
		top: 45px;
		right: 0
	}
	header .unit .sns {
		position: absolute;
		right: 0;
		top: 10px
	}
	header .unit .sns li {
		display: inline-block;
        vertical-align: top;
	}
	header .unit p.sale {
		position: absolute;
		top: 35px;
		right: 0;
		color: #ffffff;
		font-weight: bold;
		font-size:15px;
		background: #8f0008;
		padding: 0 10px;
	}

	/* nav */
	nav {
		min-height: 66px;
		background: url(../img/nav/bg_nav.gif) repeat-x center top #0b8c89;
		border-top: #e3f3dc solid 1px;
	}
	nav .gnav {
		font-size: 0;
		width: 960px;
		margin: 0 auto;
	}
	nav .gnav li {
		display: inline-block;
		color: #000;
		font-size: 14px;
		line-height: 0
	}

/* top */
	#top {
		background: url(../img/top/bg_top.jpg) no-repeat center top #e3f3dc;
		min-height: 1010px;
	}
	#top .unit {
		padding:50px 0;
		position: relative
	}
	#top .top_right {
		float: right;
		width: 360px;
		margin-top:55px
	}
	#top .top_right_box {
		text-align: left;
		margin-bottom:10px
	}
	#top .info,
	#top .news {
		background: #ffffff;
		padding: 0 15px 15px 15px;
		min-height: 110px;
	}
	#top .top_right img {
		margin-bottom: -15px;
	}

	#top .info ul li {
		line-height: 1.4;
		color: #ff9993
	}
	#top .news .inner dt,
	#top .news .inner dd {
		line-height: 1.4;
	}
	#top .news .inner dd {
		margin-bottom: 8px
	}
	#top .news h3 {
		display: none
	}
	#top .news dt {
		font-weight: bold;
		color: #ff9993
	}
	#top .news a {
		text-decoration: none;
	}
	#top .news a dd {
		text-decoration: underline;
	}
	#top .news a:hover dd {
		text-decoration: none;
	}
	#top .news dt span {
		margin-left: 5px;
		background: #df4a7d;
		padding: 0px 5px;
		font-size: 11px;
		border-radius: 10px;
		color: #ffffff;
	}
	
	.scrollgeneric {
		line-height: 1px;
		font-size: 1px;
		position: absolute;
		top: 0; 
		left: 0;
	}
	.vscrollerbase {
		width: 12px;
		background-color: #f4f4f4;
	}
	.vscrollerbar {
		width: 12px;
		background-color: #e7d7ae;
	}
	.information {
		height: auto;
		/*min-height: 175px;*/
		padding-top: 10px
	}
	.information li{
		padding-bottom: 10px;
		text-indent:-1.2em;
		padding-left:1em;
	}
	.information li:before{
		content:"◆";
		margin-right:3px;
		color: #ff9993
	}
	.flexcroll {
		height: 110px;
		/*margin-top: 5px*/
	}
	.flexcroll li{
		padding-bottom: 10px;
		text-indent:-1em;
		padding-left:1em;
	}
	.flexcroll li:before{
		content:"◆";
		margin-right:3px;
		color: #e60012
	}

/* intro */
	#intro {
		background: #ffe1e0;
	}
/* story */
	#story {
		background:url(../img/story/bg_story.jpg) #fffef9;
	}
	/* stagepix */
	}
	#story .stagepix {
		}
	#story .stagepix h4.sttl {
		font-size:18px;
		font-weight: bold;
		text-align: center;
		margin: 20px 0 10px 0;
	}
	#story .stagepix ul.stagepix {
		font-size: 0;
		text-align: center
	}
	#story .stagepix ul.stagepix li {
		display: inline-block;
		font-size: 14px;
		margin: 0 10px 10px 0;
		line-height: 0
	}
	#story .stagepix ul.stagepix li:nth-child(3n) {
		margin-right: 0
	}
	#story .movie {
		text-align: center
	}
	#story .movie li {
		text-align: center;
		display: inline-block;
		margin-bottom: 20px
	}
	#story .movie ul.movie li p { 
		margin-bottom: 5px
	}
/* cast */
	#cast {
		background: #fffae8;
	}
	#cast .cast_box {
		padding: 0px 0 30px 0
	}
	#cast .cast_box ul {
		text-align: center;
		padding-bottom: 60px;
		font-size:0
	}

	#cast .cast_box ul li{
		display:inline-block;
		vertical-align: top;
		margin-right: 40px
		
	}
	#cast .cast_box ul li:last-child{
		margin-right: 0px;
		
	}
	#cast .cast-role {
		margin-bottom: 30px
	}
	#cast p.name {
		margin:5px 0;
		font-size:18px; 
		font-weight:bold;
		text-align:center;
	}

	#cast p.cast-other {
		font-size:16px;
		font-weight: bold;
		text-align: center
	}
	#cast p.ttl_comment {
		font-size:20px;
		font-weight: bold;
		padding: 5px 0 5px 20px;
		margin-bottom: 30px;
		border-bottom: #d6c17f solid 1px;
	}

/* プロフィール*/
	#prof {
		width: 800px;
		background:url(../img/footer/bg_footer.jpg) repeat-x top #fffbf0;
		border: #ED8699 solid 7px;
		border-radius: 5px;
		padding:20px;
		min-height: 330px;
		color:#ffffff;
	}

	#prof p.name {
		font-size:26px;
		font-weight:bold;
	}
	#prof p.name span {
		font-size:16px;
	}
	#prof dl {
		overflow: hidden;
		_zoom:1;
		padding: 0 10px;
	}
	#prof dl dt {
		float: left;
		padding: 10px 30px 0 0;
	}

	#prof dl dd {
		text-align: left;
		/*padding-top: 10px;*/
		color:#fff;
	}

	#prof dl dd .prof_txt {
		padding: 10px 0 0 0;
		/*border-top: #ba927f dotted 1px;*/
		/*border-top: #B3A47F dotted 1px*/
		border-top: #e3e2d0 solid 1px;
		margin-top: 10px;
	}

/*staff*/

	p.producer {
		font-size:18px; 
		margin-bottom: 30px
	}
	p.producer span {
		font-size:24px;
		font-weight: bold
	}

	dl.box_staff{
		width:70%;
		margin:50px auto 0 auto;
		display:block
	}
	dl.box_staff dt{
		float:left;
		background:url(../img/cast/dotline.gif) repeat-x center;
	}
	dl.box_staff dd{
		text-align:right;
		background:url(../img/cast/dotline.gif) repeat-x center;
	}
	dl.box_staff span {
		background-color:#fffae8;
		padding:0 10px;
	}

/* schedule */
	#schedule {
		background: #d2faed
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.schedule th {
		color:#ffffff;
		font-weight:bold;
		padding:4px;
		text-align:center;
		background: #b3a47f;
    	border: #807351 solid 1px;
	}

	table.schedule td {
		padding:1px;
		background: #ffffff;
		border:#b3a47f solid 1px;
		text-align: center
	}
	#schedule .info_box {
		background: #ffffff;
		margin: 50px 0;
		padding: 30px
	}
	#schedule .info_box dt {
		color: #df4a7d;
		font-weight: bold;
		width: 15%;
		display: inline-block;
		vertical-align: top
	}
	#schedule .info_box dd {
		display: inline-block;
		width: 84%
	}
	table.schedule th.sun {
		color:#fad2f9
	}
	table.schedule th.sat {
		color: #c3e1ff
	}
	#schedule p.time {
		/*background:#F7F1E4*/
		background: #ffffff
	}
	#schedule p.shizuki {
		width: 100%;
		color:#ac72ba;
		font-weight: bold
	}
	#schedule p.ayabuki {
		width: 100%;
		color:#338dd3;
		font-weight: bold
	}
	#schedule p.haruno {
		width: 100%;
		color:#f6515e;
		font-weight: bold
	}
	#schedule .p_under_diagram {
		padding: 20px 0;
	}
	#schedule p.ttl_schedule {
		font-weight: bold;
		font-size: 20px;
		text-align: center;
		margin-bottom:1em
	}
	#schedule p.ttl_ticket {
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		margin-bottom:1em
	}
	#schedule .senko_box {
		background: #f7f1e4;
		margin: 50px 0;
		padding: 30px;
		border: #b3a47f solid 1px
	}	
	#schedule p.ttl_senko {
		font-size: 25px;
		text-align: center;
		font-weight: bold;
		margin-bottom: 30px;
		padding: 5px 0;
		background: #e2d2ae;
	}
	#schedule .senko_box span {
		font-weight: bold;
		color:#df4a7d
	}
	#schedule .warn_box {
	    background: #fffcf4;
		padding: 20px;
		margin-top: 30px
	}
	#schedule img.event01 {
		margin-top: 30px
	}
	#schedule .sachet_box {
		background: #efe7d6;
		width: 560px;
		padding: 20px;
		margin: 50px auto 20px auto;
	}
	#schedule p.sachet_txt {
		margin-left:215px
	}
	.star {
		color: #e6a703
	}
	.spade {
		color: #4d48dc
	}
	.diamond{
		color: #2387d3
	}
	.club {
		color: #43926c
	}
	.heart {
		color: #dc4853
	}
	.circle {
		color: #a855a8
	}
	#schedule .notice {
		border-top: #000000 dashed 1px;
		border-bottom: #000000 dashed 1px;
		padding: 10px 0;
		margin-top: 30px;
	}
/* movie */
	#special {
		background: #e6fcfa;
	}
	#special .movie {
		text-align: center
	}
	#special .movie li {
		text-align: center;
		display: inline-block;
		margin-bottom: 20px
	}
	#special .movie ul.movie li p,
	#special .movie ul.movie2 li p,
	#special .movie ul.movie3 li p { 
		margin-bottom: 5px
	}
	#special .movie ul.movie2 li {
		text-align: center;
		display: inline-block;
		margin-bottom: 20px;
		width: 450px
	}
	#special .movie ul.movie3 li {
		text-align: center;
		display: inline-block;
		margin-bottom: 20px;
		width: 296px
	}
	#special h3 {
		font-size: 20px
	}
/*インタビュー*/
	#special .report {
		background: #ffffff;
		padding: 5px 40px 40px 40px;
		margin-bottom:40px
	}
	#special .report:last-child {
		margin-bottom:0
	}
	#special .report span{
		font-weight: bold;
		font-size:16px
	}
	#special .report .highlight{
		color: #e04a7e
	}
	#special .report .prof_txt {
		border: #a9d6d2 double 4px;
		padding: 20px;
	}
	#special .report .btn-int {
		margin: 20px auto 20px auto;
		width:400px;
		border: #76afaa solid 1px;
    	background: #a9d6d2;
	}
	#special .report .btn-int a {
		padding: 10px;
		font-size: 16px;
		display: block;
		text-decoration: none;
		color:#000000
	}
	#special .report .btn-int a:hover {
		background:#76afaa;
	}
	#special .report .int-box {
		text-align: center;
	    margin-top: 50px;
		padding-bottom: 20px;
	    border-bottom: #cacaca solid 1px;
}
	#special .report .up {
		color: #e54a7d;
	}
/*お得チケット*/
	#special .ticket_box {
		background: #ffffff;
		margin: 30px 0;
	}
	#special .ticket_box dt {
		color: #df4a7d;
		font-weight: bold;
		width: 20%;
		display: inline-block;
		vertical-align: top
	}
	#special .ticket_box dd {
		display: inline-block;
		width: 79%;
		margin-bottom: 1em;
	}
	#special .otoku_box {
	    border: #a9d6d2 double 4px;
   		padding: 20px;
		width: 750px;
   		margin: 0 auto;
}
	#special .sttl_otoku {
		font-size:20px;
		text-align: center;
		font-weight: bold
	}
	#special .event01_box {
		margin:20px 0
	}
	#special .ttl_event01 {
    font-size: 18px;
    font-weight: bold;
    background: #e6ddc8;
    padding: 5px 0 5px 15px;
    margin: 1em 0 10px 0;
	}
	#special .ttl_event01:first-child {
		margin-top:0
	}
	#special .frame01 {
		height: 165px;
		width: 285px;
		padding: 0.5em;
		margin: 1em 1em 0 0;
		background: #e2efda;
		box-shadow: 0px 0px 0px 10px #e2efda;
		border: dashed 2px white;
	}
	#special .frame01 p {
		margin: 0; 
		padding: 0;
		color: #3b502e;
	}
	#special .review_box {
		border: #a9d6d2 double 4px;
    	padding: 20px;
		margin-top:40px;
		width:100%;
		display: inline-table;
	}
	#special .review_txt {
		text-align: left;
		vertical-align: middle;
		display:table-cell;
		margin:0;
		width: 100%;
	}

	.close {
		margin-top:50px;
		text-align: center
	}
	.close a {
		background: #666 none repeat scroll 0% 0%;
		color: #FFF;
		border-radius: 20px;
		padding: 10px 30px;
		text-decoration:none;
	}
	.close a:hover {
		background:#b99e77 none repeat scroll 0% 0%;
		border-radius: 20px;
		padding: 10px 30px;
	}
/* footer */
	footer {
		background:url(../img/footer/bg_footer.jpg) repeat-x top #fffbf0;
		border-top: #ffffff solid 1px;
		padding: 30px 0 50px 0;
		min-height: 200px
	}
	footer ul {
		text-align: left
	}
	footer li {
		display: inline-block;
		margin-right: 10px
	}
	footer p.sponsor {
		float: right;
		font-size: 12px;
		text-align:left
	}