@charset "UTF-8";



/* -------- wrapper --------  */
#wrapper{
	display:block;
	width:100%;
	min-width:1300px;
	height: 100%;
	margin:0;
	padding:0 0 20px 0;
	text-align: center;
	position:relative;
}

/* --------on air --------  */
#onAir{
	background:#000000 url("../img/onair/bg_city_yellow.png") center top / cover no-repeat fixed;
}

.onAir_contents{
	display:block;
	width:1200px;
	height: 810px;
	margin: 70px auto 0 auto;
	padding: 0 0 10px 0;
	position: relative;
	background: url("../img/onair/bg_onair_2.png") center top  no-repeat;
}

.onAir_pos{
	display:block;
	width:377px;
	height: 547px;
	top:170px;
	left:76px;
	position: absolute;
}

.onAir_inner{
	display:block;
	width:656px;
	height: 540px;
	margin: 170px auto 0 460px;
	padding: 0;
	text-align: left;
	position: relative;
}

.onAir_txtBox{
	display:block;
	width:620px;
	height: 380px;
	margin: 30px auto 0 20px;
	padding: 0;
	text-align:left;
	position: relative;
	background: rgba(255,250,194,0.7);
}

p.onair_text01{
	display:block;
	width:562px;
	height: auto;
	margin: 4px auto 15px 44px;
	padding: 0;
	text-align:left;
	font-weight:600;
	font-size:14px;
	line-height:22px;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.01em;
	position: relative;
}

p.onair_text02{
	display:block;
	width:570px;
	height: auto;
	margin: 15px auto 12px 30px;
	padding: 0;
	padding-left:13px;
	text-indent:-13px;
	text-align:left;
	font-size:13px;
	line-height:20px;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.01em;
	position: relative;
}

/* --------staffcast --------  */

#staffcast{
	background:#000000 url("../staffcast/img/bg_city_red.png") center top / cover no-repeat fixed;
}

.staff_inner{
	display:block;
	width:1200px;
	height: auto;
	min-height: 810px;
	margin: 0 auto;
	padding: 148px 0 20px 0;
	position: relative;
	background: url("../staffcast/img/bg_staff2.png") center 10px  no-repeat;
}

.staff_inner2{
	display:block;
	width:980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}
ul.stafflist{
	display:block;
	width:990px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 120px 0 0 0;
	text-align: left;
}

.stafflist  li{
	display: inline-block;
	width: 386px;
	height: auto;
	margin:20px auto 0 5px;
	vertical-align:top;
}

.stafflist_inner{
	display:block;
	width: 380px;
	height: auto;
	margin:10px auto 0 0;
	padding: 0;
	line-height:20px;
}

.stafflist_inner li{
	display:block;
	width: 380px;
	margin:0 0 3px 0;
	padding:0;
	font-weight:600;
	font-size:15px;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.01em;
}

/* --------character --------  */

#character{
	background:#000000 url("../character/img/bg_blue.png") center top / cover no-repeat fixed;
}

.characterBox{
	display:block;
	width: 1100px;
	height: auto;
	margin: 125px auto 0 auto;
	padding: 0;
	position: relative;
}

.characterBox h1.title{
	display:block;
	width:459px;
	height: 72px;
	margin: 0 20px 0 auto;
}

.chara_1{
	display:block;
	width: 1100px;
	height: 406px;
	padding: 0;
	background: url("../character/img/chara_1.png") center top no-repeat;
	background-size:100%;
	position: relative;
}

.chara_1 img.exon{
	display:block;
	width: 221px;
	height: 610px;
	left:50px;
	top:-140px;
	z-index: 5;
	position:absolute;
}

.chara_2{
	display:block;
	width: 1100px;
	height: 425px;
	margin-top:-100px;
	padding: 0;
	background: url("../character/img/chara_2.png") center top no-repeat;
	background-size:100%;
	position: relative;
}

.chara_2 img.iguy{
	display:block;
	width: 308px;
	height: 574px;
	right:44px;
	top:-110px;
	z-index: 5;
	position:absolute;
}

.chara_3{
	display:block;
	width: 1100px;
	height: 343px;
	margin-top:-50px;
	padding: 0;
	background: url("../character/img/chara_3.png") center top no-repeat;
	background-size:100%;
	position: relative;
}

.chara_4{
	display:block;
	width: 1100px;
	height: 314px;
	margin-top:-52px;
	padding: 0;
	background: url("../character/img/chara_4.png") center top no-repeat;
	background-size:100%;
	position: relative;
}

.chara_5{
	display:block;
	width: 1100px;
	height: 1855px;
	margin-top:-12px;
	padding: 0;
	background: url("../character/img/chara_5.png") center top no-repeat;
	background-size:100%;
	position: relative;
}

.chara5_txt1{
	display:block;
	width: 417px;
	height: 227px;
	left: 62px;
	top: 50px;
	background: url("../character/img/chara_5_txt1.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}

.chara5_txt2{
	display:block;
	width: 575px;
	height: 193px;
	left: 270px;
	top: 356px;
	background: url("../character/img/chara_5_txt2.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}

.chara5_txt3{
	display:block;
	width: 368px;
	height: 227px;
	left: 398px;
	top: 656px;
	background: url("../character/img/chara_5_txt3.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}

.chara5_txt4{
	display:block;
	width: 564px;
	height: 212px;
	left: 302px;
	top: 992px;
	background: url("../character/img/chara_5_txt4.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}

.chara5_txt5{
	display:block;
	width: 461px;
	height: 275px;
	left: 206px;
	top: 1518px;
	background: url("../character/img/chara_5_txt5.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}

.chara_6{
	display:block;
	width: 1100px;
	height: 445px;
	margin: -46px 0 40px 0;
	padding: 0;
	background: url("../character/img/chara_6.png") center top no-repeat;
	background-size:100%;
	position: relative;
}

.chara6_txt1{
	display:block;
	width: 994px;
	height: 198px;
	left: 60px;
	top: 120px;
	background: url("../character/img/chara_5_txt6.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}


/* --------story , keywords--------  */
#story{
	background:#000000 url("../story/img/bg_red.png") center top / cover no-repeat fixed;
}

.storyBox{
	display:block;
	width: 1100px;
	height: auto;
	margin: 145px auto 0 auto;
	padding: 0;
	position: relative;
}

.storyBox h1.title{
	display:block;
	width:239px;
	height: 72px;
	margin: 0 20px 0 auto;
}

.story_inner01{
	display:block;
	width: 1100px;
	height: 511px;
	margin: -10px 0 0 0;
	padding: 0;
	background: url("../story/img/bg_story_1.png") center top no-repeat;
	position: relative;
}

.story_inner01 img.exon{
	display:block;
	width: 777px;
	height: 773px;
	left:-140px;
	top:-220px;
	position: absolute;
	z-index:5;
}

.story_inner01 p.story_txt{
	display:block;
	width: 687px;
	height: 284px;
	right:60px;
	top:70px;
	margin: 0;
	padding: 0;
	background: url("../story/img/txt_story.png") center top no-repeat;
	background-size:100%;
	position: absolute;
}


.story_inner02{
	display:block;
	width: 1100px;
	height: 302px;
	margin: -80px 0 0 0;
	padding: 0;
	background: url("../story/img/bg_story_2.png") center top no-repeat;
	position: relative;
}

.story_inner02 h2.title{
	display:block;
	width: 444px;
	height:110px;
	right:50px;
	top:-40px;
	position:absolute;
}

ul.story_list{
	display: block;
	line-height:0;
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 120px 0 0 0;
	position:relative;
	text-align: center;
}

.story_list li{
	display: inline-block;
	width: 150px !important;
	height: 44px !important;
	margin: 3px 4px 8px 4px;
	padding: 0;
	text-align: center;
}

.story_list img{
	width: 100%;
	height: 44px !important;
	margin: 0;
	padding: 0;
}

.btn_cs{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-pacity: 0.7;
	opacity: 0.7;
}

.story_photo1{
	display:block;
	width: 1100px;
	height: 242px;
	margin: -34px auto 0 auto;
	padding: 0;
	position: relative;
}

#keytop{
	display:block;
	width: 1100px;
	height:1px;
	margin:-130px auto 130px auto;
	padding:0;
	position: relative;
}

#keywords{
	display:block;
	width: 1100px;
	height:697px;
	margin:-30px auto 0 auto;
	padding: 0;
	background: url("../story/img/bg_keyword.png") center top no-repeat;
	position: relative;
}

#keywords h1.title{
	display:block;
	width:393px;
	height: 72px;
	margin: 24px 48px 0 auto;
	position: relative;
}

.keywords_inner{
	display:block;
	width:932px;
	height: 550px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position:relative;
}

.key01{
	display:block;
	width:931px;
	height: 170px;
	margin: 20px auto 40px 0;
	text-indent:-9999px;
	overflow: hidden;
	background: url("../story/img/txt_key_1.png") center top no-repeat;
	background-size:100%;
	position:relative;
}

.key02{
	display:block;
	width:930px;
	height: 50px;
	margin: 20px auto 20px 0;
	text-indent:-9999px;
	overflow: hidden;
	background: url("../story/img/txt_key_2.png") center top no-repeat;
	background-size:100%;
	position:relative;
}

.key02c{
	display:block;
	width:927px;
	height: 79px;
	margin: 20px auto 20px 0;
	text-indent:-9999px;
	overflow: hidden;
	background: url("../story/img/txt_key_2c.png") center top no-repeat;
	background-size:100%;
	position:relative;
}


/* --------special --------  */

#special{
	background:#25b0b1 url("../special/img/bg_special.png") center top / cover no-repeat fixed;
}

.special_Box{
	display:block;
	width:1120px;
	height: auto;
	margin: 0 auto;
	padding: 90px 0 50px 0;
	position: relative;
}

.specialNav{
	display:block;
	width:270px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

ul.specialNavInner{
	display:block;
	width:252px;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}

.specialNavInner li{
	display: block;
	width: 270px;
	height: 90px;
	margin: 0 0 9px 0;
}


.specialNavInner a{
	display: block;
	width: 252px;
	height: 90px;
	background: url("../special/img/btn_off.png") left top no-repeat;
}

.specialNavInner a:hover{
	background: url("../special/img/btn_on.png") left top no-repeat;
}

li.comingsoon{
	background: url("../special/img/btn_cs.png") left top no-repeat;
}

.specialNavInner li.spCurrent{
	background: url("../special/img/btn_current.png") left top no-repeat;
}


div.special_Main{
	display:block;
	width:840px;
	height: auto;
	margin: 0;
	padding: 0 35px 50px 35px;
	background: rgba(255,255,255,0.6);
	border: 2px solid #000;
	text-align: left;
	font-size: 16px;
	line-height:24px;
	font-weight: 500;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.01em;
	float: right;
}


.sp_caption{
	display: block;
	width:720px;
	height: auto;
	margin-bottom: 50px;
	padding: 0 0 0 50px;
	font-size: 14px;
	font-weight: 500;
	line-height:18px;
	position: relative;
}

.celeb{
	display: block;
	width:100%;
	margin: 0;
	padding: 4%;
	background: rgba(255,255,255,1);
	border-radius:1.2em;
	-moz-border-radius:1.2em;
	-webkit-border-radius:1.2em;
	-ms-border-radius:1.2em;
	border:3px solid #000;
	text-align:left;
	color: #000;
	font-weight: 800;
	position:	relative;
	margin-bottom: 15px;
	z-index: 3;
}

.celeb p.celebName{
	display: block;
	color: #000;
	font-weight: 800;
	font-size:1.18em;
	text-align: right;
	margin-bottom: 0;
}

h3.prof_name{
	display: block;
	width: 96%;
	margin: 0 auto;
	font-weight: 700;
	font-size:0.96em;
	margin-bottom: 5px;
	border-bottom:1px solid #fff;
}

p.prof_text{
	display: block;
	width: 96%;
	margin: 0 auto;
	font-size:0.82em;
	line-height:1.4em;
	margin-bottom: 5px;
	font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.01em;
}

p.prof_text2{
	display: block;
	width: 96%;
	margin: 0 auto;
	font-size:0.82em;
	line-height:1.4em;
	margin-bottom: 60px;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.01em;
}

.spintv_txt{
	clear: both;
	font-style:oblique;
	color:#663000;
	font-weight:700;
	margin-top: 30px;
	margin-bottom:5px;
	text-indent: -15px;
	padding-left: -15px;
}

.spintv_ans{
	margin-bottom:10px;
}


/* --------Blu-ray--------  */

#bluray{
	background: #79bcd2 url("../bluray/img/bg_bluray.png") left top / cover no-repeat fixed;
}

.bd_Box{
	display: block;
	width:1050px;
	height: auto;
	margin: 100px auto 20px auto;
	padding: 0 15px 50px 15px;
	background:  rgba(255,255,255,0.8);
	border: 5px solid #000;
	position: relative;
}

.bd_Text{
	display: block;
	width:1000px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

.bd_Text_inner{
	display: block;
	width:980px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 60px 0;
	position: relative;
}

.pkg_photo{
	display: block;
	width:390px;
	height: auto;
	right:0px;
	top:0px;
	position: absolute;
}

.pkg_photo img{
	border: 1px solid #888;
}

.pkg_spec{
	display: block;
	width:590px;
	margin: 0 auto 0 0;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
	line-height:22px;
	text-align: left;
	position: relative;
}

.pkg_spec p.info{
	display: block;
	width:590px;
	margin:68px 0 0 0;
	padding: 12px;
	font-size: 13px;
	text-indent: -13px;
	padding-left: 26px;
	font-weight: 500;
	line-height:20px;
	text-align: left;
	background: #fff;
	border: 1px solid #888;
	position: relative;
}

.pkg_spec li{
	text-indent: -14px;
	padding-left: 14px;
}

.shop_list{
	display: block;
	width:990px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
	background: #fff68e url("../bluray/img/bg_dot.png") left top repeat-y;
	border: 5px solid #000;
	text-align: left;
	position: relative;
}

.shop_list_title{
	display: block;
	width: 229px;
	height: 204px;
	left: 6px;
	top:-60px;
	position:absolute;
}

.shop_list_inner{
	display: block;
	width: 700px;
	height: auto;
	margin: 0 auto 0 236px;
	padding: 0 0 20px 0;
	position: relative;
}

h3.shopname {
	clear: both;
	font-size:18px;
	text-align:left;
	margin-top:10px;
	margin-bottom:12px;
}

h3.shopname2 {
	clear: both;
	font-size:18px;
	text-align:left;
	margin-top:20px;
	margin-bottom:12px;
}
.star{
	color: #fe2356;
}

.shop_list_inner p{
	display: block;
	text-align:left;
	margin-bottom:20px;
	padding-left: 15px;
	font-size:15px;
	line-height: 20px;
}

.shop_list_inner div.hrline{
	height: 1px;
	background: #bbb;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

p.tokutenName{
	display: block;
	text-align:left;
	margin-bottom:20px;
	padding-left: 15px;
	font-size:18px;
	font-weight:700;
	line-height: 22px;
}


.shop_list_inner img.tokuten{
	display: block;
	margin-left:10px;
	margin-top:-25px;
	margin-bottom:20px;
	float:right;
}

.shop_list_inner p.indent{
	display: block;
	text-align:left;
	margin-top:-14px;
	margin-bottom:15px;
	padding-left: 28px;
	text-indent: -14px;
	font-size:14px;
	line-height: 18px;
}