@charset "utf-8";
/* CSS Document */

body{background-image:url(../img/bg_color.png);
}


#wrapper{margin:0 auto;
          width:1210px;
}

/* Header */

header #tophead {height:106px;
          background-image:url(../img/top_bg.png);
          background-repeat:no-repeat;
}


header #tophead .newsbox{background-image:url(../img/top_news_bg.png);
background-repeat:no-repeat;
position:relative;
top:15px;
right:70px;
margin-left:auto;
width:558px;
height:73px;
}


header #tophead .twitterbox{
position:relative;
top:-55px;
left:1150px;
width:45px;
height:45px;
}

header #tophead .newsbox p{
	font-size:14px;
	padding-left:120px;
	padding-top:18px;
	line-height:20px;
}

header #tophead .newsbox p .news2line{
	font-size:14px;
	padding-left:84px;
	color:#000;
}





header #tophead .newsbox p a{
	text-decoration:none;
	color:#000;
}


header #tophead .newsbox p.sp-text {
		display:none;
}
header #tophead .newsbox p .newsbr{
		display:none;
}
header #tophead .newsbox .newstitle{
		display:none;
}

.mainVidual .newsbox2{display:none;}

header #tophead .newsbox p span{
	color:#90C;
	margin-right:5px;
}

header .logo{
position:absolute;
top:15px;
background-image:url(../img/top_logo_small.png);
margin-left:10px;
width:220px;
height:129px;
}


header .logo a{
position:absolute;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width:220px;
height:129px;}
	
/* navigation */

header .mainhead {background-image:url(../img/gnavi_bg_repeat.png);
height:67px;
}


header .mainhead .gnavi{margin-left:auto;
width:976px;
position:relative;
top:10px;
}


header .mainhead .gnavi li{float:left;
}

header .mainhead .gnavi li a{background-repeat:no-repeat;
transition: background-image 1.5s;
height:22px;
display:block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}


header .mainhead .gnavi li a:hover{
transition: background-image 1.5s;
}

	
	
header .mainhead .gnavi li.menu01 a{background-image:url(../img/gnavi01_news_off.png);
width:68px;
}

header .mainhead .gnavi li.menu02 a{background-image:url(../img/gnavi02_story_off.png);
width:73px;
}

header .mainhead .gnavi li.menu03 a{background-image:url(../img/gnavi03_staff_off.png);
width:128px;
}

header .mainhead .gnavi li.menu04 a{background-image:url(../img/gnavi04_character_off.png);
width:121px;
}

header .mainhead .gnavi li.menu05 a{background-image:url(../img/gnavi05_world_off.png);
width:82px;
}

header .mainhead .gnavi li.menu06 a{background-image:url(../img/gnavi06_themesong_off.png);
width:132px;
}

header .mainhead .gnavi li.menu07 a{background-image:url(../img/gnavi07_movie_off.png);
width:72px;
}

header .mainhead .gnavi li.menu08 a{background-image:url(../img/gnavi08_special_off.png);
width:82px;
}

header .mainhead .gnavi li.menu09 a{background-image:url(../img/gnavi09_onair_off.png);
width:80px;
}

header .mainhead .gnavi li.menu10 a{background-image:url(../img/gnavi10_blueray_off.png);
width:122px;
}



/* navigation hover */

header .mainhead .gnavi li.menu01 a:hover{background-image:url(../img/gnavi01_news_on.png);
width:68px;
}

header .mainhead .gnavi li.menu02 a:hover{background-image:url(../img/gnavi02_story_on.png);
width:73px;
}

header .mainhead .gnavi li.menu03 a:hover{background-image:url(../img/gnavi03_staff_on.png);
width:128px;
}

header .mainhead .gnavi li.menu04 a:hover{background-image:url(../img/gnavi04_character_on.png);
width:121px;
}

header .mainhead .gnavi li.menu05 a:hover{background-image:url(../img/gnavi05_world_on.png);
width:82px;
}

header .mainhead .gnavi li.menu06 a:hover{background-image:url(../img/gnavi06_themesong_on.png);
width:132px;
}

header .mainhead .gnavi li.menu07 a:hover{background-image:url(../img/gnavi07_movie_on.png);
width:72px;
}

header .mainhead .gnavi li.menu08 a:hover{background-image:url(../img/gnavi08_special_on.png);
width:82px;
}

header .mainhead .gnavi li.menu09 a:hover{background-image:url(../img/gnavi09_onair_on.png);
width:80px;
}

header .mainhead .gnavi li.menu10 a:hover{background-image:url(../img/gnavi10_blueray_on.png);
width:122px;
}



/* main */

.mainVidual{height:709px;
background-image:url(../img/main_view.png);
}


.mainVidual .mainVid-logo{position:relative;
top:450px;
left:50px;
}


/*.mainVidual .mainVid-title{position:relative;
top:225px;
left:133px;
}*/

		  
/* Global-nav */
#global-nav{
	display:none;
}


/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    left: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}



/* footer */

#footer{
background:#FFF;
padding: 20px;
}


#footer .caution-txt{font-size: 1.2em;
	width:800px;
}


#footer .twitter-btn{display:none;
}



#footer address{font-size: 1.0em;
font-style:normal;
}

#footer address a{text-decoration:none;
color:#000;
}


/* go top bottun */

.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;
	position:relative;
	bottom: 45px ;
	float:right;
}
 
.move-page-top
{
	display: block ;
	background-image:url(../img/sp/footer_totop_icon.png);
	width:53px;
	height:53px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}



.move-page-top:hover
{
	opacity: 0.85 ;
}







/*****


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  header #tophead {
    background-image: url(../img/sp/header.png);
	background-repeat:no-repeat;
	background-size: 16px 14px;
  }
}

*****/


@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}




#wrapper{
width:100%;
}



header #tophead {height:61px;
    background-image: url(../img/sp/header.png);
	background-repeat:no-repeat;
	background-size:100% ;
}

header .logo{
background-image:url(../img/sp/header_logo.png);
background-repeat:no-repeat;
width:67px;
height:39px;
background-size:100%;
position:absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}


header .logo a{
display:block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width:67px;
height:39px;}


/* MAIN Vidual */

.mainVidual{
height:838px;
background-image:url(../img/sp/main_bg.png);
background-repeat:no-repeat;
background-position:0px 61px;
background-size:100%;
}



.mainVidual .mainVid-logo{position:absolute;
top: 300px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width:300px;
}


.mainVidual .mainVid-title{position:absolute;
top: 480px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width:300px;
}




/* NEWSTOP */

header #tophead .newsbox{display:none;
}



/* NEWS */

.mainVidual .newsbox2{
display:block;
background-color: rgba(0,0,0,0.8);
position:relative;
top:580px;
margin:0 auto;
background-image:none;
width:85%;
height:auto;
padding:3%;
}

.mainVidual .newsbox2 p{
	background-color:#fff;
	color:#000;
	font-size:1.2em;
	padding:10px 0;
	line-height:60px;
	line-height:1.5em;
}


.mainVidual .spwhitesbox{
	background-color:#fff;
	padding: 0 3%;
}


.mainVidual .newsbox2 p.sp-text {
	display:block;
	border-top:#000 solid 1px;
}


.mainVidual .newsbox2 .newstitle{
		display:block;
		margin-bottom:10px;
}


.mainVidual .newsbox2 p span{
	color:#90C;
	margin-right:5px;
}



/* navigation */

    #global-nav{
	display:block;
    }

    .mainhead{
	display:none;
    }

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
		        z-index: 999;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        width: 100%;
        height: 51px;
        z-index: 999;
        position: relative;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
	
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
	
    #nav-toggle {
        display: block;
    }
	
	
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav { 
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(456px);
        -webkit-transform: translateY(456px);
        transform: translateY(456px);
    }



#global-nav .spnavi {
position: relative;
top:95px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: rgba(0,0,0,0.8);
}

/*clearfix*/
#global-nav .spnavi:after {
  content: "";
  clear: both;
  display: block;
}
#global-nav .spnavi li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px ;
}
/*奇数のli要素に適応*/
#global-nav .spnavi li:nth-child(odd) {
  border-right: 1px solid #000;
}
#global-nav .spnavi a {
  display: block;
  line-height: 12px;
  color: #000;
  text-decoration: none;
}
#global-nav .spnavi a:hover {
  color: #000;
    background-color: rgba(0,0,0,0.6);
}


#footer{
width:100%;
padding:20px;
position:relative;
bottom:0;
}


#footer .caution-txt{font-size: 1.0em;
margin:0 auto;
text-align:center;
width:100%;
}



#footer .twitter-btn{display:block;
margin:12px auto;
width:50px;
width:72px;
}

#footer .twitter-btn img{width:72px;
}



#footer address{font-size:1.0em;
margin:0 auto;
text-align:center;
font-style:normal;
width:100%;
}



/* go top bottun */

.page-top
{ display:block;
	margin: 50px auto 0 ;
	padding: 0 ;
	width:53px;
}
 

#footer .move-page-top
{
	display: block ;
	background-repeat:no-repeat;
	width:53px;
	height:53px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin:0 auto;
}



#footer .move-page-top:hover
{
	opacity: 0.85 ;
}



}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
01 news
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news-bodysize {
	height:100%
}


.mainVidual-news{background-image:url(../img/news_bg.png) ;
	background-repeat:no-repeat;
	height:100%;
	padding:0px 60px;
	color:#FFF;
}

.mainVidual-news .title-news{
	margin:0 auto 20px;
	width:145px;
	padding-left:5px;
}

.mainVidual-news .title-news2{
	margin:0 auto 20px;
	width:296px;
	padding-left:5px;
}


.mainVidual-news h2{
	font-size:24px;
}

.mainVidual-news small{
	font-size:14px;
}

.mainVidual-news p{
	display:block;
	margin-top:15px;
	line-height:1.5em;
	font-size:14px;
}

.mainVidual-news p2{
	display:block;
	margin-top:15px;
	line-height:1.5em;
	font-size:14px;
	text-align:center;
}

.mainVidual-news article{
	display:block;
	width:1065px;
	margin:30px auto;
	padding-bottom:35px;
	background-repeat:no-repeat;
	background-image:url(../img/line.png);
	background-position:bottom;

}


.mainVidual-news article2{
	display:block;
	width:1065px;
	margin:30px auto;
	padding-bottom:50px;
	background-repeat:no-repeat;
	background-image:url(../img/line.png);
	background-position:bottom;

}


@media screen and (max-width:640px){
	
.mainVidual-news{
	background-image:url(../img/sp/news_bg_sp.png);
	padding:0px 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	overflow:hidden;
}


.mainVidual-news .title-news img{
		height:50px;
		display:block;
		margin:5px auto 0;
}

.mainVidual-news .title-news2 img{
		height:50px;
		display:block;
		margin:5px auto 0;
}


.mainVidual-news h2{
	font-size:20px;
}

.mainVidual-news small{
	font-size:12px;
}

.mainVidual-news p{
	font-size:14px;
}

.mainVidual-news p2{
	font-size:14px;
}

.mainVidual-news article{
	display:block;
	padding-bottom:15px;
	background-repeat:no-repeat;
	background-image:url(../img/sp/line_sp.png);
	background-position:bottom;
    width:100%;
	
}

.mainVidual-news article2{
	display:block;
	padding-bottom:15px;
	background-repeat:no-repeat;
	background-image:url(../img/sp/line_sp.png);
	background-position:bottom;
    width:100%;
	
}

}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
11 DVD
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.dvd-bodysize {
	height:100%
}


.mainVidual-dvd {background-image:url(../img/dvd_bg.png) ;
	background-repeat:no-repeat;
	height:100%;
	padding:0px 60px;
	color:#FFF;
}

.mainVidual-dvd .title-dvd {
	margin:0 auto 20px;
	width:145px;
	padding-left:5px;
}

.mainVidual-dvd .title-dvd2 {
	margin:0 auto 20px;
	width:296px;
	padding-left:5px;
}


.mainVidual-dvd h2 {
	font-size:24px;
}

.mainVidual-dvd small {
	font-size:14px;
}

.mainVidual-dvd p {
	display:block;
	margin-top:15px;
	line-height:1.5em;
	font-size:14px;
}

.mainVidual-dvd article {
	display:block;
	width:1065px;
	margin:30px auto;
	padding-bottom:35px;
	background-repeat:no-repeat;
	background-image:url(../img/line.png);
	background-position:bottom;

}


.mainVidual-dvd ul{
font-size:14px;
}


.mainVidual-dvd ul li.dvd-txt01{
width:345px;
float:left;
text-align:center;
}

.mainVidual-dvd ul li.dvd-txt01 img{
max-width:100%;
}
/* 12/19 購入ボタン設置 */

.mainVidual-dvd ul li.dvd-buy{
width:345px;
clear:left;
float:left;
margin-top:-20px;
text-align:center;
}

/* ここまで */

.mainVidual-dvd ul li.dvd-txt02{
text-align:left;
margin-left:350px;
line-height:30px;
}

.mainVidual-dvd .dvd-txt02 li{
	font-size:14px;
}

.mainVidual-dvd .dvd-txt02 li a{
	font-size:14px;
	color:#fff;	
	}


.mainVidual-dvd ul li.dvd-txt02 .dvdsttl{
	color:#ff0a61;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
}






/*begin店舗オリジナル特典*/

.mainVidual-dvd{
	position:relative;
}

.mainVidual-dvd .original-link{
	position:absolute;
	top:0px;
	left:70px;
}

.original-page .original-head{
	background:none;
	padding-bottom:0;
}

.original-page h3{
	font-size:20px;
}

.original-page .foot-note{
	width:1065px;
	margin:-30px auto 30px;
}

.original-page .foot-note p{
	font-size:10px;
}

/*end店舗オリジナル特典*/


@media screen and (max-width:640px){
	
.mainVidual-dvd {
	background-image:url(../img/sp/dvd_bg_sp.png);
	padding:0px 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	overflow:hidden;
}


.mainVidual-dvd .title-dvd img {
		height:50px;
		display:block;
		margin:5px auto 0;
}

.mainVidual-dvd .title-dvd2 img{
		height:50px;
		display:block;
		margin:5px auto 0;
}


.mainVidual-dvd h2{
	font-size:20px;
}

.mainVidual-dvd small{
	font-size:12px;
}

.mainVidual-dvd p{
	font-size:14px;
}

.mainVidual-dvd article{
	display:block;
	padding-bottom:15px;
	background-repeat:no-repeat;
	background-image:url(../img/sp/line_sp.png);
	background-position:bottom;
    width:100%;
	
}

/* 12/19 購入ボタン設置 */

.mainVidual-dvd ul li.dvd-txt01{
width:auto;
float:none;
}

.mainVidual-dvd ul li.dvd-buy{
width:auto;
float:none;
}

.mainVidual-dvd ul li.dvd-txt02{
margin-left:0;
}
/* ここまで */

/*begin店舗オリジナル特典SP*/

.mainVidual-dvd .original-link{
	margin-top:-20px;
	position:static;
	text-align:center;
}

.mainVidual-dvd .original-link img{
	width:140px;
}

/*end店舗オリジナル特典SP*/


}
















/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
03 story
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-story{background-image:url(../img/story/story_bg.png);
	height:775px;
	background-repeat:no-repeat;
	padding:0px 60px;
	color:#FFF;
}

.mainVidual-story .title-story{
	display:block;
	margin:0 auto;
	width:365px;
	padding-left:5px;
}


.mainVidual-story .title-story{
	display:block;
	margin:0 auto 20px;
	width:365px;
	padding-left:5px;
}

.mainVidual-story .story-txt02{
	margin-top:340px;
	margin-left:440px;
}


@media screen and (max-width:640px){
	
	.mainVidual-story{
	background-image:url(../img/sp/story_bg_sp2.png);
	padding:0px 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	overflow:hidden;
}

.mainVidual-story .title-story{
	width:100%;
}



.mainVidual-story .title-story img{
		height:50px;
		display:block;
		margin:5px auto 0;
}


.mainVidual-story .story-txt01 {display:none;
}

.mainVidual-story .story-txt02 {display:none;
}

}






/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
04 staff
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.mainVidual-staff{background-image:url(../img/staffcast_bg.png);
	height:1210px;
	padding:0px 100px;;
	color:#FFF;
	text-align:center;
}

.mainVidual-staff .title-staff{
	display:block;
	margin:0 auto;
	width:289px;
	padding-left:5px;
}


/*box**/
.group-staff {
margin:0 auto;
}

.mainVidual-staff .group-staff .boxleft {
    float: left;
    width: 50%;
	text-align:left;

}

.mainVidual-staff .group-staff .boxright {
    float: right;
    width: 50%;
	padding-left:90px;
	text-align:left;
}

/*list**/
.mainVidual-staff .group-staff .boxleft ul{

}

.mainVidual-staff .group-staff .boxleft ul li{
}


.mainVidual-staff .group-staff .boxleft ul li.staff-list01{
	font-size:15px;
	width:200px;
	float:left;
	padding-top:5px;
	}
.mainVidual-staff .group-staff .boxleft ul li.staff-list02{
	font-size:20px;
	}

.mainVidual-staff .group-staff .boxright ul li.staff-list01{
	font-size:15px;
	width:200px;
	float:left;
	padding-top:5px;
	}
.mainVidual-staff .group-staff .boxright ul li.staff-list02{
	font-size:20px;
	}

.mainVidual-staff .group-staff .boxleft .staff-txt{
	font-size:20px; line-height:1.5em;
	margin-top:15px;
}

.mainVidual-staff .group-staff .boxleft .staff-txt span{
	color:#9CF;
	font-size:14px;
}

.mainVidual-staff .group-staff .boxleft .staff-txt span.smalltxt{
	color:#fff;
}

.mainVidual-staff .group-staff .boxleft .staffbr{
	display:none;
}

@media screen and (max-width:640px){
	
.mainVidual-staff{
	background-image:url(../img/sp/staffcast_bg_sp.png);
	padding:0 15px;
	margin-top:62px;
	background-size:100%;
	height:2200px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.mainVidual-staff .title-staff img{
		height:50px;
		display:block;
		margin:5px auto 0;
}


.mainVidual-staff .group-staff .boxleft, 
.mainVidual-staff .group-staff .boxright {
        float: none;
        width: 100%;
		padding-left:0px;
    }



.mainVidual-staff .group-staff h2{
	margin-top:30px;
text-align:center;
}

.mainVidual-staff .group-staff h2 img{height:50px;

}

	
.mainVidual-staff .group-staff{
	width:100%;
}
	
.mainVidual-staff .group-staff .boxleft ul li.staff-list01{
	font-size:11px;
	float:none;
	padding-top:10px;
	text-align:center !important;
	width:100%;
	color:#9CF;
	}
.mainVidual-staff .group-staff .boxleft ul li.staff-list02{
	font-size:16px;
	text-align:center !important;
	}
.mainVidual-staff .group-staff .boxright ul li.staff-list01{
	font-size:11px;
	float:none;
	padding-top:10px;
	text-align:center !important;
	width:100%;
	color:#9CF;
	}
.mainVidual-staff .group-staff .boxright ul li.staff-list02{
	font-size:16px;
	text-align:center !important;
	}



.mainVidual-staff .group-staff .boxleft .staff-txt{
	font-size:16px;
	 line-height:1.5em;
	 text-align:center;
	margin-top:15px;
}

.mainVidual-staff .group-staff .boxleft .staff-txt span{
	font-size:11px;
}

.mainVidual-staff .group-staff .boxleft .staffbr{
	display:block;
}


.mainVidual-staff .group-staff .boxright .hokabr{
	display:none;
}
	
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
05 Character
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-chara{height: auto;
background-image:url(../img/chara_all_bg.png);
background-repeat:no-repeat;
padding:0px 70px;
color:#FFF;
}


.mainVidual-chara .title-chara{
	position:relative;
	top:10px;
	display:block;
	margin:0 auto 25px;;
	width:289px;

}

.mainVidual-chara .charabox01{
	width:1000px;
	height:200px;
	margin:0 auto;
}

.mainVidual-chara .linebox{
	clear:both;
	width:1000px;
	height:20px;
	margin:0 auto 20px;
	background-image:url(../img/line.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
}


.mainVidual-chara .charabox01 .chara-gbox{
	width:220px;
	float:left;
}



.mainVidual-chara .charabox01 .chara-main{
	width:780px;
	float:right;
}



.mainVidual-chara .charabox01 .chara-main .characters-list li{
	display:inline-block;
	width:170px;
	text-align:center;
	height:195px;
}

.mainVidual-chara .charabox01 .chara-main .characters-list li p{
	font-size:13px;
	text-align:center;
}


.mainVidual-chara .charabox01 .chara-main .characters-list li.disno{
	display:none;

}



@media screen and (max-width:640px){
	
.mainVidual-chara{
	background-image:url(../img/sp/chara_all_bg_sp.png);
	padding:0px 5px;
	margin-top:62px;
	background-size:100%;
	height: auto;
	background-repeat:no-repeat;
	overflow:hidden;
}



.mainVidual-chara .title-chara img{
		width:140px;
		display:block;
		margin:5px auto 0;
}


.mainVidual-chara .linebox{
	display:none;
}

.mainVidual-chara .charabox01{
	width:100%;
	height:auto;
	margin:20px auto 50px;
	padding-bottom:20px;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;	
	background-image:url(../img/sp/line_sp.png);
}

.mainVidual-chara .charabox01 .chara-gbox img{
	display:block;
	width:120px;
	margin: 0 auto 20px;
}

.mainVidual-chara .charabox01 .chara-gbox{
	width:100%;
	float:none;
}

.mainVidual-chara .charabox01 .chara-main{
	width:100%;
	float:none;
	text-align:center;
}

.mainVidual-chara .charabox01 .chara-main .characters-list{
	text-align:center;
}


.mainVidual-chara .charabox01 .chara-main #leftline{
	width:100%;
	display:block;
	text-align:left !important;
	padding: 0 20px;
}

.mainVidual-chara .charabox01 .chara-main .characters-list li{
	display:inline-block;
	width:32%;
	text-align:center;
	height:145px !important;
}


.mainVidual-chara .charabox01 .chara-main .characters-list li p{
	padding-bottom:10px;
}


.mainVidual-chara .charabox01 .chara-main img{
		width:100%;}

.mainVidual-chara .charabox01 .chara-main .characters-list li.disno{
	display:inline-block;

}


}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
 characters
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-chara01{height:985px;
background-image:url(../img/charactors/character_pc/chara_dtl_bg.png);
background-repeat:no-repeat;
padding:0px 70px;
color:#FFF;
overflow:hidden;
}


.mainVidual-chara01 .title-chara{
	position:relative;
	top:10px;
	display:block;
	margin:0 auto 25px;;
	width:289px;

}







.mainVidual-chara01 .group-characters{
	margin: 0 auto;
	width:1060px;
}



.mainVidual-chara01 .group-characters .boxleft{ 
width:523px;
height:895px;
float: left;
}



.mainVidual-chara01 .group-characters .boxleft .botton-box{
height:70px;
width:523px;
position:absolute;
}


.mainVidual-chara01 .group-characters .boxleft .botton-box .botton-left{
height:70px;
width:50%;
float:left;
}


.mainVidual-chara01 .group-characters .boxleft .botton-box .botton-right{
height:70px;
width:50%;
float:right;
text-align:right;
}

.mainVidual-chara01 .group-characters .boxright{ 
	width:537px;
	height:895px;
	float: right;
	position:relative;
}

.mainVidual-chara01 .group-characters .boxright h1.chara-title{
	font-size:34px;
}

.mainVidual-chara01 .group-characters .boxright h3.chara-subtitle{
	font-size:22px;
}

.mainVidual-chara01 .group-characters .boxright .chara-specbox{
	font-size:14px;
	margin-top:30px;
	margin-bottom:30px;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}

.mainVidual-chara01 .group-characters .boxright .chara-specbox-2{
	font-size:14px;
	margin-top:30px;
	margin-bottom:30px;
	border-top:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}



.mainVidual-chara01 .group-characters .boxright #vartical01{
	background-image:url(../img/v-line.png);
	background-repeat:no-repeat;
	background-position:left;
}


.mainVidual-chara01 .group-characters .boxright #vartical02{
	background-image:url(../img/v-line2.png);
	background-repeat:no-repeat;
	background-position:left;
}


.mainVidual-chara01 .group-characters .boxright #vartical02-2{
	background-image:url(../img/v-line2.png);
	background-repeat:no-repeat;
	background-position:42px;
}


.mainVidual-chara01 .group-characters .boxright hr.charaline{
   border:solid #fff;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
   margin:26px 0;
} 




.mainVidual-chara01 .group-characters .boxright .chara-specbox .tabletitle{
width:107px;
padding:6px 0 3px;
}


.mainVidual-chara01 .group-characters .boxright .chara-specbox-2 .tabletitle{
width:140px;
padding:6px 0 3px;
}



.mainVidual-chara01 .group-characters .boxright p{
font-size:16px;	
}



.mainVidual-chara01 .group-characters .boxright .chara-botton{
	margin-top: 10px;
}


.mainVidual-chara01 .group-characters .boxright .chara-botton li{
	width:191px;
	display: inline-block;
	text-align:left;
	margin:0px;
	padding:0px;
}




.mainVidual-chara01 .group-characters .boxright .backboton{
	position: absolute;
	right:0px;
	bottom:0px;
	margin-bottom:30px;
}

.mainVidual-chara01 .group-characters .boxright .backboton img{
	width:190px;
}




.mainVidual-chara01 .group-characters .boxright .chara-botton2{
	margin-top: -30px;
	margin-left:90px;

}


.mainVidual-chara01 .group-characters .boxright .chara-botton2 li{
	width:191px;
	display: inline-block;
	text-align:left;
	padding:0px;
}








@media screen and (max-width:640px){
	


.mainVidual-chara01{
	background-image:url(../img/sp/chara_all_bg_sp.png);
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	overflow:hidden;
	widht:100px;
	height:auto;
	padding:0px;
}



.mainVidual-chara01 .title-chara img{
		width:130px;
		display:block;
		margin:5px auto 0;
}

.mainVidual-chara01 .group-characters{
width:100%;
margin:0 3px;
}
	
.mainVidual-chara01 .group-characters .boxleft,
.mainVidual-chara01 .group-characters .boxright{
	width:100%;
	height:auto;
	float:none;
	padding:0 12px 0 5px;
	position:relative;
}



.mainVidual-chara01 .group-characters .boxleft .botton-box{
	position: absolute;
	width: 100%;
	left: 2px;
}


.mainVidual-chara01 .group-characters .boxleft img.charaimage-main{
	width:auto;
}

.mainVidual-chara01 .group-characters .boxright h1.chara-title{
	font-size:23px;
}

.mainVidual-chara01 .group-characters .boxright h3.chara-subtitle{
	font-size:18px;
}

.mainVidual-chara01 .group-characters .boxright p{
width:100%;
font-size:14px;	
margin-bottom:20px;
}


.mainVidual-chara01 .group-characters .boxright .chara-specbox{
	font-size:12px;
	width:100%;
}


.mainVidual-chara01 .group-characters .boxright .chara-specbox-2{
	font-size:12px;
	width:100%;
}

.mainVidual-chara01 .group-characters .boxright .chara-botton {
	margin:0 auto;
	width:250px;
}

.mainVidual-chara01 .group-characters .boxright .chara-botton li{
	width:123px;
	display: inline-block;
	text-align:center;
}

.mainVidual-chara01 .group-characters .boxright .chara-botton img{
	width:150px;
}


.mainVidual-chara01 .group-characters .boxright .chara-botton2 {
	width:125px;
	margin:auto;
	margin-top:-20px;
}

.mainVidual-chara01 .group-characters .boxright .chara-botton2 li{
	width:123px;
	display: inline-block;
	text-align:center;
	}

.mainVidual-chara01 .group-characters .boxright .chara-botton2 img{
	width:150px;
}



.mainVidual-chara01 .group-characters .boxright .backboton{
	position:static;
	padding:50px auto;
	margin-bottom:30px;
	text-align:center;
}

.mainVidual-chara01 .group-characters .boxright .backboton img{
	width:170px;
}















}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
06 World
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-world{height:897px;
background-image:url(../img/world_bg.png);
padding:0px 70px;
color:#FFF;
}

.mainVidual-world h1.title-world{margin:0 auto;
width:186px;
padding-left:15px;
padding-top:10px;
}


.mainVidual-world ul{
	margin-top:15px;
}

.mainVidual-world .worldline{height:18px;
	margin-top:25px;
	background-image:url(../img/world-line.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:cover;
}

.mainVidual-world ul li.worid-txt01{
width:310px;
height:120px;
float:left;
font-size:14px;
}



.mainVidual-world ul li.worid-txt02{
font-size:15px;
padding-top:10px;
}



@media screen and (max-width:640px){

.mainVidual-world{
	background-image:url(../img/sp/world_bg_sp.png);
	padding:0 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	height:auto;
	overflow:hidden;
}

/*** title ***/

.mainVidual-world h1.title-world{margin:0 auto;
width:156px;
padding-left:5px;
}

.mainVidual-world .title-world img{
		height:40px;
		display:block;
		margin:0px auto;
}


/*** text ***/

.mainVidual-world ul{margin-bottom:30px;
}

.mainVidual-world ul li.worid-txt01{
	float:none;
	height:60px;
	width:100%;
}

.mainVidual-world ul li.worid-txt01 img{
	display:block;
	width:200px;
	margin:0 auto;
}





.mainVidual-world ul li.worid-txt02{
	font-size:12px;
}


}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
07 song
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-song{height:989px;
background-image:url(../img/song_bg.png);
padding:0px 30px;
color:#FFF;
}

.mainVidual-song .urlbox{height:150px;
}

.mainVidual-song h1.title-song{margin:0 auto;
width:330px;
padding-left:5px;
}


.mainVidual-song h2.title-song2{margin-left:20px;
margin-bottom:10px;
}


.mainVidual-song h2.title-song2 span{margin-left:-5px;
margi-top:0px;
font-size:14px;
}

.txt3list{
margin-left:10px;
}

.txt3list li{display:inline-block;	font-size:16px;}
.txt3list .songtxt01{width:125px;}
.txt3list .songtxt02{width:160px;}




.group-song {width:1000px;
margin:0 auto;
}

.mainVidual-song .boxleft {
    float: left;
    width: 50%;
}

.mainVidual-song .boxright {
    float: right;
    width: 50%;
}


.mainVidual-song .boxleft p.txtbox,
.mainVidual-song .boxright p.txtbox{
		line-height:0.8em;
		margin-top:10px;
}

.mainVidual-song .boxleft .txtbox a{
	font-size:16px;
	margin-left:20px;
	color:#FFF;
	text-decoration:none;
}


.mainVidual-song .boxright .txtbox a{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	margin-left:20px;
}



.mainVidual-song .boxright .txt3list{
margin-left:21px;
}

/* BEGIN: 限定版画像追加11/02 */
.mainVidual-song .info-area {
  position: relative;
}
.mainVidual-song .info-area .bonustrack {
  position: absolute;
  top: -50px;
  right: 10px;
}
/* END: 限定版画像追加11/02 */

/***BR***/

.mainVidual-song .boxright .txtbox .sp-ulr{display:none;
}


@media screen and (max-width:640px){
  /* BEGIN: (SP)限定版画像追加11/02 */
  .mainVidual-song .info-area {
    position: relative;
  }
  .mainVidual-song .info-area .bonustrack {
    position: absolute;
    top: 100px;
    right: 10px;
    width: 140px;
    height: 140px;
  }
  .mainVidual-song .boxright .info-area .txt3list {
    margin-top: 10px;
    margin-bottom: 90px;
  }
  /* END: (SP)限定版画像追加11/02 */
	
.mainVidual-song .group-song{
	width:270px;
}

    .mainVidual-song .group-song .boxleft{
        float: none;
        width: 100%;
		margin:0 auto 80px;
    }

 
    .mainVidual-song .group-song .boxright {
        float: none;
        width: 100%;
		margin:0 auto;
    }
	
	
	
	
	.mainVidual-song{height:1300px;
	background-image:url(../img/sp/song_bg_sp.png);
	padding:0px 30px 0px;
	margin-top:62px;
	color:#FFF;
	background-size:100%;
	background-repeat:no-repeat;
	overflow:hidden;
}


/***title***/

    .mainVidual-song h1.title-song {
		padding-top:10px;
		width:300px;
		display:block;
		margin:0 auto;
}
	

    .mainVidual-song .title-song img{
		height:50px;
		display:block;
		margin:0 auto;

}


/***Main photo***/
	
	.mainVidual-song .boxleft img{width:270px;
}

	.mainVidual-song .boxright img{width:270px;
}


/***title photo***/


	.mainVidual-song .boxleft .songimg01{width:200px;
	margin-left:-10px;
}


	.mainVidual-song .boxright .songimg01{width:200px;
	margin-left:-10px;
}


/***discription***/

	.mainVidual-song .txt3list{
		margin-bottom:20px;
}


	.mainVidual-song .txt3list li{
		display:list-item;
		font-size:13px;
}



/***discription***/


	.mainVidual-song .boxright .txt3list li{
		display:list-item;
		font-size:13px;
		margin-left:-10px;
}


/***BR***/

	.mainVidual-song .boxright .urlbox .txtbox .sp-ulr{display:block;
	}


/***link***/

.mainVidual-song .boxright .txtbox{
	width:270px;
    margin-top:0px;
}

.mainVidual-song .boxright .txtbox a,
.mainVidual-song .boxleft .txtbox a{
	display:block;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	margin-left:10px;

}

}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
08 movie
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-movie{background-image:url(../img/movie_bg.png);
	  height:1225px;
	padding:0px;
	color:#FFF;
	text-align:center;
	font-size:12px;
}


.mainVidual-movie .title-movie{
	display:block;
	margin:0 auto 20px;
	width:192px;
	padding-left:5px;
}

.mainVidual-movie .group-movie{
	margin: 0 auto;
	width:940px;
}


.mainVidual-movie .group-movie{text-align:center;
}


.mainVidual-movie .group-movie .boxleft{ 
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
width:448px;
height:320px;
    float: left;
    width: 50%;
}

.mainVidual-movie .group-movie .boxright{ 
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
width:448px;
height:320px;
    float: right;
    width: 50%;
}


.mainVidual-movie .group-movie .boxunderleft{ 
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
width:448px;
height:320px;
    float: left;
    width: 50%;
}


.mainVidual-movie .group-movie .boxunderright{ 
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
width:448px;
height:320px;
    float: right;
    width: 50%;
}


.mainVidual-movie .group-movie .boxleft .imgmovbox,
.mainVidual-movie .group-movie .boxright .imgmovbox,
.mainVidual-movie .group-movie .boxunderleft .imgmovbox,
.mainVidual-movie .group-movie .boxunderright .imgmovbox{
margin-top:25px; 
margin-left:28px;
width:418px;
height:240px;
}


.mainVidual-movie .group-movie .boxleft p,
.mainVidual-movie .group-movie .boxright p,
.mainVidual-movie .group-movie .boxunderleft p,
.mainVidual-movie .group-movie .boxunderright p{
text-align:center;
font-size: 14px;
margin-top:20px;
width:460px;
}



.mainVidual-movie .group-movie-single{width:448px;
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
height:374px;
margin:0 auto;
}


.mainVidual-movie .group-movie-single img{margin-top:25px;
}

.mainVidual-movie .group-movie-single p{
	font-size:14px;
	margin-top:25px;
	text-align:center;
}



.pcver{display:inherit;
}



#spver{display:none !important;
}




@media screen and (max-width:640px){


.pcver{display:none;
}

#spver{display:block;
}

	
.mainVidual-movie{
	background-image:url(../img/sp/vivid_sphone_movie11_02.png);
	padding:0 15px;
	margin-top:62px;
	background-size:cover;
	background-repeat:no-repeat;
	height:1350px;
	overflow:hidden;
}


/***title***/

    .mainVidual-movie h1.title-movie {
		padding-top:10px;
		width:300px;
		display:block;
		margin:0 auto;
}
	

    .mainVidual-movie .title-movie img{
		height:50px;
		display:block;
		margin:0 auto;

}
.mainVidual-movie .group-movie{width:100%;
margin-top:25px;
}


.mainVidual-movie .group-movie .boxleft,
.mainVidual-movie .group-movie .boxright,
.mainVidual-movie .group-movie .boxunderleft,
.mainVidual-movie .group-movie .boxunderright{
background-size: 100% ;
height:250px;
}



.mainVidual-movie .group-movie .boxleft .imgmovbox,
.mainVidual-movie .group-movie .boxright .imgmovbox,
.mainVidual-movie .group-movie .boxunderleft .imgmovbox,
.mainVidual-movie .group-movie .boxunderright .imgmovbox{
margin:0px auto;
width:290px;
height:170px;
}



.mainVidual-movie .group-movie .boxleft, 
.mainVidual-movie .group-movie .boxright,
.mainVidual-movie .group-movie .boxunderleft,
.mainVidual-movie .group-movie .boxunderright {
        float: none;
        width: 320px;
		margin: 0 auto;
		padding-top:15px;
    }

.mainVidual-movie .group-movie .boxleft p,
.mainVidual-movie .group-movie .boxright p,
.mainVidual-movie .group-movie .boxunderleft p,
.mainVidual-movie .group-movie .boxunderright p{
text-align:center;
font-size: 13px;
margin-top:20px;
width:100%;
}



/***single column***/

.mainVidual-movie .group-movie-single{
	background-size:cover;
margin:0px auto;
width:290px;
height:175px;
}


.mainVidual-movie .group-movie-single img{margin-top:15px;
width:260px;
}

.mainVidual-movie .group-movie-single p{
	font-size:13px;
	margin-top:25px;
	text-align:center;
}





}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
10 oneair
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/



.mainVidual-onair{background-image:url(../img/onair_bg.png);
	background-repeat:no-repeat;
	height: auto;
	padding:0px;
	color:#FFF;
	text-align:center;
	font-size:12px;
}


.mainVidual-onair .title-onair{
	display:block;
	margin:0 auto 20px;
	width:192px;
	padding-left:5px;
}


.mainVidual-onair h2{
	font-size:24px;
}

.mainVidual-onair .onairlist{
	margin:0 auto;	
	width:750px;
	text-align:left;
}

.mainVidual-onair .onairlist2{
	margin:0 auto;	
	width:750px;
	text-align:left;
}


.mainVidual-onair .onairlist li{
	display: inline-block;
	font-size:22px;
	border-bottom:#FFF solid 1px;
	padding:10px 0px;
}



.mainVidual-onair .onairlist li.onair01{
		font-size:22px;
		width:200px;
		font-weight:bold;
		margin-bottom:10px;
}



.mainVidual-onair p{
	margin-top:10px;
	padding:10px 0px;
	font-size:13px;
	text-align:center;
}


.mainVidual-onair .onairimg02{display:none;
}


/*-----------------9月24日追記-----------------*/

.mainVidual-onair .onairlist2 li{
	display: inline-block;
	font-size:22px;
	padding:10px 0px;
}


.mainVidual-onair .onairlist2 li.onair03{
		font-size:22px;
		width:200px;
		font-weight:bold;
}

.mainVidual-onair .onairlist2 li{
	display: inline-block;
	font-size:22px;
	padding:10px 0px;
}

.mainVidual-onair .subtxt {
	display: inline-block;
	margin-top:-50px;
	margin-left:-25px;
	border-bottom:#FFF solid 1px;
	font-size:14.3px;
	text-align:center;
}	

.mainVidual-onair .onairlist .subtxt2 {
	display: inline-block;
	border-bottom:#FFF solid 1px;
	font-size:20px;
	margin:0 auto;
	text-align:center;
	width:720px;
	font-weight:bold;
}	

.mainVidual-onair .onairlist .subtxt2 a{
	color:#FFF;
	font-size:17px;
	font-weight:100;
	display:inline-block;
	margin-top:20px;
}




.mainVidual-onair .onairimg03{display:none;
}


.mainVidual-onair .event-txt {
	font-size:18px;
	font-weight:bold;
	margin-top:0px;
}

.mainVidual-onair .onair-bur li{
	display:inline-block;
	width:auto;
	margin-top:10px;
	margin:10px;
	margin-bottom:30px;
	text-align:left;
	position:relative;
	left:-15px;
}



@media screen and (max-width:640px){
	
.mainVidual-onair{
	background-image:url(../img/sp/onair_bg_sp.png);
	padding:0 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	height:auto;
	overflow:hidden;
}

.mainVidual-onair .title-onair img{
		height:50px;
		display:block;
		margin:5px auto 0;
}

.mainVidual-onair .onairlist{
	width:100%;
}


.mainVidual-onair .onairlist li{
	padding:0px;
	font-size:14px;
	display:list-item;
	border:none;
}

.mainVidual-onair .onairlist li.onair01{
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
}

.mainVidual-onair p{
	font-size:10px;
	margin-bottom:20px;
}


.mainVidual-onair .onairlist li.onair02{
	padding-left:14px;
}

.mainVidual-onair .onairimg01{display:none;
}
.mainVidual-onair .onairimg02{display:block;
margin-top:10px;
}


/*-----------------9月24日追記-----------------*/
.mainVidual-onair .onairlist2{
	width:100%;
}

.mainVidual-onair .onairlist2 li{
	padding:0px;
	font-size:14px;
	display:list-item;
	border:none;
}
.mainVidual-onair .onairlist2 li.onair03{
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
}

.mainVidual-onair .subtxt{
	font-size:10px;
	margin-top:-10px;
	margin-left:10px;
	border:none;
}

.mainVidual-onair .onairlist2 li.onair02{
	padding-left:14px;
}


.mainVidual-onair .onairlist .subtxt2 {
	font-size:14.5px;
	margin:0 auto;
	margin-top:-20px;
	text-align:center;
	border-bottom: none;
	width:330px;
	font-weight:bold;
}	


.mainVidual-onair .onairlist .subtxt2 a{
	color:#FFF;
	font-size:10px;
}

mainVidual-onair .amazonlink {
	color:#FFF;
}



.mainVidual-onair .event-txt {
	font-size:14px;
}


}













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


.mainVidual-special{
background-image:url(../img/special_bg.png);
background-repeat:no-repeat;
height:auto;
padding:0px 70px;
color:#FFF;
}

.mainVidual-special h1.title-special{margin:0 auto;
width:186px;
}


.mainVidual-special h2.ctg-special{
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
	margin-left:30px;
	text-align:left;
}


.mainVidual-special ul{
	margin-top:-10px;
}

.mainVidual-special .specialline{height:18px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../img/world-line.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:cover;
}

.mainVidual-special ul li.special-txt01{
width:240px;
height:100px;
margin-top:15px;
padding-left:40px;
float:left;
font-size:14px;
}

.mainVidual-special ul li.special-txt01 .staffname{
font-size:20px;
}



.mainVidual-special ul li.special-txt02{
font-size:15px;
padding-top:15px;
}

.mainVidual-special .specialimg01{
	margin-bottom:-40px;
}


.mainVidual-special .specialimg02{display:none;
}


/*** 2017.4.26 UPDATE ***/
.margin-right {margin-right: 5%;}
.mainVidual-special .flex {
    display: flex;
    flex-wrap: wrap;
}
.mainVidual-special .special-lead {
    padding-bottom: 20px;
}
.mainVidual-special .special-lead img {width: 100%;}
.mainVidual-special .special-info p {
    font-size: 18px;
    display: block;
    padding-bottom: 20px;
}
.mainVidual-special .special-info li {font-size: 15px;}
.mainVidual-special .item {
    width: 48%;
}
.mainVidual-special .item-margin {margin-right: 4%;}
.mainVidual-special .item-ttl {padding-bottom: 10px;}
.mainVidual-special .item-ttl img {width: 100%;}
.mainVidual-special .item-txt p {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

/*** 2017.7.05 ADD UPDATE ***/
.mainVidual-special .image img {width: 500px;}
.mainVidual-special .image-length img {width: 350px;}
.special-maintxt {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .15em;
    line-height: 1.8;
    word-break: break-all;
    color: #fff;
    text-align: center;
    padding-bottom: 1em;
}

@media screen and (max-width:640px){

.mainVidual-special{
	background-image:url(../img/sp/news_bg_sp.png);
	padding:0 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	height:auto;
	overflow:hidden;
}

/*** title ***/

.mainVidual-special h1.title-special{margin:0 auto;
margin-top:12px;
width:156px;

}


.mainVidual-special h2.ctg-special{
	margin:0 auto;
	margin-top:60px;
	margin-bottom:30px;
	text-align:center;
}



/*** text ***/

.mainVidual-special ul{margin-bottom:30px;
}

.mainVidual-special ul li.special-txt01{
	float:none;
	height:50px;
	width:100%;
	text-align:center;
	margin-left:-20px
}

.mainVidual-special ul li.special-txt02{
	font-size:12px;
}

.mainVidual-special .specialimg01{display:none;
}

.mainVidual-special .specialimg02{
display:block;
margin-bottom:-40px;
}


.mainVidual-special .specialbr{
	display:none;
}

.mainVidual-special .item {width: 100%}
.mainVidual-special .item-margin {margin-right: 0;}
}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
03 STORY
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-story{
	background-image: url(../img/story/story_bg_pc.png);
	height:1563px;
	width:0 auto;
	padding:0px;
	color:#FFF;
	text-align:center;
	font-size:12px;
}

.intd{
	text-align:right;
	padding-right:70px;
	margin-top:-70px;
}

#story-staff{
	height:70px;
}


.mainVidual-story ul.story1-line{
	width:800px;
	margin:0 auto;
}



.mainVidual-story .story1-line li{
	display:inline-block;
	width:auto;
	margin-top:5px;
	margin-left:25px;
	margin-right:25px;
	text-align:center;
}

.mainVidual-story .story1-line .listbrank{
		display:none;
}
	



.mainVidual-story .story2-line .listbrank{
		display:none;
}
	


.mainVidual-story #story-ttl{
	text-align:center;
	margin-top:30px;
}


.mainVidual-story #story-ttl {
	display:inline-block;
	text-align:center;
}

.mainVidual-story #staffcast-txt{
	text-align:center;
	font-size:15px;
	margin-bottom:30px;
}


.story-maintxt{
	text-align:center;
	font-size:16px;
	margin:20px auto;
	width:790px;
}


#story-movie{
	background: url(../img/story/story-movie_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:auto;
	margin:auto;
	height:326px;
}

.group-story-single{
	margin-top:22px;
}



.pcver{display:inherit;
}



#spver{display:none !important;
}




@media screen and (max-width:640px){


.pcver{display:none;
}

#spver{display:block;
}

	
.mainVidual-story{
	background-image:url(../img/story/story_bg_sp.png);
	padding:0 15px;
	margin-top:62px;
	background-repeat:no-repeat;
	height:1260px;
	overflow:hidden;
}




/***title***/


	
.mainVidual-story .title-story img{
		height:40px;
		display:block;
		margin:15px auto 0;
}


#story-staff{		display:block;
height:auto;
position:relative;
}



.intd{
	text-align: center;
	margin-top:-15px;
	margin-left:105px;
	width:55%;
	}


.mainVidual-story ul.story1-line{
	width:320px;

}



.mainVidual-story .story1-line li{
	display:inline-block;
	width:auto;
	margin-left:10px;
	margin-right:10px;
	margin-top:-10px;
	text-align:center;
}

	


.mainVidual-story .story1-line .listbrank{
		display: inline;
}

.mainVidual-story .story2-line .listbrank{
		display: inline;
}

.mainVidual-story #staffcast-txt{
	text-align:center;
	font-size:13px;
	margin-bottom:20px;
}

.mainVidual-story .story-maintxt{
	font-size:13px;
	margin-top:10px;
	margin-bottom:30px;
	width:100%;
	}
	
.mainVidual-story .story-maintxt br{
	display:none;
}





.mainVidual-story .group-story .boxleft,
.mainVidual-story .group-story .boxright{
background-size: 100% ;
height:250px;
}



.mainVidual-story .group-story .boxleft .imgmovbox,
.mainVidual-story .group-story .boxright .imgmovbox{
margin:0px auto;
width:290px;
height:170px;
}



.mainVidual-story .group-story .boxleft, 
.mainVidual-story .group-story .boxright {
        float: none;
        width: 320px;
		margin: 0 auto;
		padding-top:15px;
    }

.mainVidual-story .group-story .boxleft p,
.mainVidual-story .group-story .boxright p{text-align:center;
font-size: 13px;
margin-top:20px;
width:100%;
}



/***single column***/

.mainVidual-story .group-story-single{
	background-size:cover;
margin:0px auto;
width:290px;
height:175px;
}


.mainVidual-story .group-story-single img{margin-top:15px;
width:260px;
}

.mainVidual-story .group-story-single p{
	font-size:13px;
	margin-top:25px;
	text-align:center;
}


#story-movie{
	background: url(../img/story/line_movie.png);
	background-repeat:no-repeat;
	background-position:top;

}


}


/***サンプルコード***/

#mainphoto{
	background-image:url(../img/story/bg-big.png);
	background-repeat:no-repeat;
	height:522px;
	width:860px;
	margin:0 auto;
	padding-top:25px;
	}
	
#photo img{
	position:absolute;
	display:block;
        margin-left:30px;
        margin-top:10px;
	 }

#navi{
	background-image:url(../img/story/bg-thm.png);
	background-repeat:no-repeat;
	width:auto;
	height:88px;
	padding-top:10px;
}


#navi li{
 	display:inline-block;
}


#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}
 




@media screen and (max-width:640px){
	
#navi {
	width:100%;
	text-align:center;
	background-image:url(../img/story/bg-line_sp.png);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:10px;
	height:125px;
}
	

#navi li{
 	display:inline-block;
	height:auto;
}

#navi li img{
	width:88px;	
	height:48px;
}

#mainphoto{
	background-image: url(../img/story/bg-big_sp.png);
	background-repeat:no-repeat;
	background-position:center;
	width:auto;
	height:212px;
	margin-bottom:10px;
	padding-top:12px;

}
	


#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}
 

#photo img{
	left:0;
	margin:0px;
	width:auto;
	vertical-align:middle;
	height:180px;
	margin-left:15px;
	padding-right:5px;
	padding-left:5px;
	  max-width: 100%;
  max-height: 100%;
	 }

}



@media only screen
and (max-device-width:320px)
and (orientation:portrait){

#photo img{
	width:290px;
	height:163px;
	margin-top:-6px;
	}

#mainphoto{
	background-image: url(../img/story/bg-big_sp2.png);
	background-repeat:no-repeat;
	background-position:center;
	width:auto;
	height:174px;
	margin-bottom:15px;

}




}






/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
03 intro
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-intro{background-image:url(../img/story2_bg.png);
	height:775px;
	background-repeat:no-repeat;
	padding:0px 60px;
	color:#FFF;
}

.mainVidual-intro .title-intro{
	display:block;
	margin:0 auto;
	width:365px;
	padding-left:5px;
}


.mainVidual-intro .title-intro{
	display:block;
	margin:0 auto 20px;
	width:365px;
	padding-left:5px;
}

.mainVidual-intro .intro-txt02{
	margin-top:340px;
	margin-left:440px;
}


@media screen and (max-width:640px){
	
	.mainVidual-intro{
	background-image:url(../img/sp/story_bg_sp2.png);
	padding:0px 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	overflow:hidden;
}

.mainVidual-intro .title-intro{
	width:100%;
}



.mainVidual-intro .title-intro img{
		height:50px;
		display:block;
		margin:5px auto 0;
}


.mainVidual-intro .intro-txt01 {display:none;
}

.mainVidual-intro .intro-txt02 {display:none;
}

}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
09 special top
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.mainVidual-specialtop {background-image:url(../img/movie_bg.png);
	  height:1225px;
	padding:0px;
	color:#FFF;
	text-align:center;
	font-size:12px;
}


.mainVidual-specialtop  .title-movie{
	display:block;
	margin:0 auto 20px;
	width:192px;
	padding-left:5px;
}

.mainVidual-specialtop  .group-specialtop{
	margin: 0 auto;
	width:940px;
}


.mainVidual-specialtop  .group-specialtop{text-align:center;
}


.mainVidual-specialtop  .group-specialtop .boxleft-specialtop{ 
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
width:448px;
height:300px;
    float: left;
    width: 50%;
}

.mainVidual-specialtop  .group-specialtop .boxright-specialtop{ 
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
width:448px;
height:300px;
    float: right;
    width: 50%;
}

/*1107*/
.mainVidual-specialtop  .group-specialtop .boxright-specialtop .group-story-single{
    margin-top: 27px;
}

.mainVidual-specialtop  .group-specialtop .boxleft-specialtop .imgbox-specialtop,
.mainVidual-specialtop  .group-specialtop .boxright-specialtop .imgbox-specialtop{
margin-top:25px; 
margin-left:28px;
width:418px;
height:240px;
}


.mainVidual-specialtop  .group-specialtop .boxleft-specialtop p,
.mainVidual-specialtop  .group-specialtop .boxright-specialtop p{text-align:center;
font-size: 14px;
width:460px;
}



.mainVidual-specialtop  .group-specialtop-single{width:448px;
background-image:url(../img/sp/vivid_sphone_movie_07.png);
background-repeat:no-repeat;
background-position:top center;
height:374px;
margin:0 auto;
}


.mainVidual-specialtop  .group-specialtop-single img{margin-top:25px;
}

.mainVidual-specialtop  .group-specialtop-single p{
	font-size:14px;
	margin-top:25px;
	text-align:center;
}



.pcver{display:inherit;
}



#spver{display:none !important;
}




@media screen and (max-width:640px){


.pcver{display:none;
}

#spver{display:block;
}

	
.mainVidual-specialtop {
	background-image:url(../img/sp/vivid_sphone_movie11_02.png);
	padding:0 15px;
	margin-top:62px;
	background-size:cover;
	background-repeat:no-repeat;
	height: auto;
	overflow:hidden;
}

/*1107*/
.mainVidual-specialtop  .group-specialtop .boxright-specialtop .group-story-single{
    margin-top: 0;
}
.mainVidual-specialtop  .group-specialtop .boxright-specialtop .group-story-single img{
    width: 290px;
}

/***title***/

    .mainVidual-specialtop  h1.title-movie {
		padding-top:10px;
		width:300px;
		display:block;
		margin:0 auto;
}
	

    .mainVidual-specialtop  .title-movie img{
		height:50px;
		display:block;
		margin:0 auto;

}
.mainVidual-specialtop  .group-specialtop{width:100%;
}


.mainVidual-specialtop  .group-specialtop .boxleft-specialtop,
.mainVidual-specialtop  .group-specialtop .boxright-specialtop{
background-size: 100% ;
height:230px;
}



.mainVidual-specialtop  .group-specialtop .boxleft-specialtop .imgbox-specialtop,
.mainVidual-specialtop  .group-specialtop .boxright-specialtop .imgbox-specialtop{
margin:0px auto;
width:290px;
height:170px;
}


.mainVidual-specialtop  .group-specialtop .boxleft-specialtop, 
.mainVidual-specialtop  .group-specialtop .boxright-specialtop {
        float: none;
        width: 320px;
		margin: 0 auto;
		padding-top:15px;
    }

.mainVidual-specialtop  .group-specialtop .boxleft-specialtop p,
.mainVidual-specialtop  .group-specialtop .boxright-specialtop p{text-align:center;
font-size: 13px;
margin-top:20px;
width:100%;
}






/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
09 special  03 AR漫画
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.special03 {
	background-image:url(../img/news_bg.png)
	}

.special03 {
	background-image:url(../img/special_bg.png);
	background-repeat:no-repeat;
	height:auto;
	width:auto;
	color:#FFF;
	text-align:center;
	}

.special03 h1.title-special{margin:0 auto;
width:186px;
}


#special03 h2.ctg-special{
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
	margin-left:30px;
	text-align:left;
}




@media screen and (max-width:640px){

.special03{
	background-image:url(../img/sp/news_bg_sp.png);
	padding:0 15px;
	margin-top:62px;
	background-size:100%;
	background-repeat:no-repeat;
	height:auto;
	overflow:hidden;
}

/*** title ***/

.special03 h1.title-special{margin:0 auto;
margin-top:12px;
width:156px;

}


.special03 h2.ctg-special{
	margin:0 auto;
	margin-top:60px;
	margin-bottom:30px;
	text-align:center;
}



/*** text ***/

.special03 ul{margin-bottom:30px;
}

.special03 ul li.special-txt01{
	float:none;
	height:50px;
	width:100%;
	text-align:center;
	margin-left:-20px
}

.special03 ul li.special-txt02{
	font-size:12px;
}

.special03 .specialimg01{display:none;
}

.special03 .specialimg02{
display:block;
margin-bottom:-40px;
}


.special03 .specialbr{
	display:none;
}

/*** 2017.7.05 ADD UPDATE ***/
.mainVidual-special .image img {width: 100%;}
.mainVidual-special .image-length img {width: 100%;}
.special-maintxt {
    font-size: 14px;
    text-align: left;
}
.special-maintxt > br {display: none;}

}