@charset "UTF-8";

html {
	height: 100%;
	width: 100%;
	font-size: 41.6875%;
}

body {
	position:relative;
	width: 100%;
	color:#ffffff;
	font-size:3.6rem;
	line-height:1.2;
	word-wrap: break-word;
    overflow-wrap: break-word;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Helvetica , sans-serif;
	/*background-image: url(../image/topbg.png);
	background-repeat       : no-repeat;
        background-size         : 100% auto;*/
        background-color        : #000000;
}
#bg0, #bg1, #bg2, #bg3, #bg4,
#ov-bg{
    z-index                 : -1;
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}
#bg0 {
    background: #000;
/*	background-image: url(../image/topbg.png);*/
}
#bg1 {
	background-image: url(../image/gaiyoubg.jpg);
}
#bg2 {
	background-image: url(../image/systembg.jpg);
}
#bg3 {
	background-image: url(../image/devilbg.jpg);
}
#bg4 {
	background-image: url(../image/charabg.jpg);
}
#ov-bg {
	background-image: url(../image/system/systembg.jpg);
}
#chara #ov-bg {
	background-image: url(../image/chara/charabg.jpg);
}
#devil #ov-bg {
	background-image: url(../image/devil/devilbg.jpg);
}
#news #ov-bg {
	background-image: url(../image/news/newsbg.jpg);
}
#wrap-ot-bgbox {
	background-image: url(../image/ot-bg.png);
	background-repeat       : no-repeat;
    background-size         : 100% auto;
	background-position: top center;
}
#system #wrap-ot-bgbox {
	background-image: url(../image/system/otsystem-bg.png);
}
#chara #wrap-ot-bgbox {
	background-image: url(../image/chara/otchara-bg.png);
}
	#chara.chara-oth #wrap-ot-bgbox {
	background-image: url(../image/chara/otchara-oth-bg.png);
	}
	#chara.chara-ac #wrap-ot-bgbox {
	background-image: url(../image/chara/otchara-ac-bg.png);
	}
#devil #wrap-ot-bgbox {
	background-image: url(../image/devil/otdevil-bg.png);
}
#news #wrap-ot-bgbox {
	background-image: url(../image/news/otnews-bg.png);
	background-repeat       : repeat-y;
        background-size         : 640px auto;
}
@media screen and (min-width:640px) {
#wrap-ot-bgbox {
	background-repeat       : no-repeat;
        background-size         : 706px auto;
}
#system #wrap-ot-bgbox {
	background-image: url(../image/system/otsystem-bg2.png);
}
#chara #wrap-ot-bgbox {
	background-image: url(../image/chara/otchara-bg2.png);
}
	#chara.chara-oth #wrap-ot-bgbox {
		background-image: url(../image/chara/otchara-oth-bg2.png);
	}
	#chara.chara-ac #wrap-ot-bgbox {
		background-image: url(../image/chara/otchara-ac-bg2.png);
	}
#devil #wrap-ot-bgbox {
	background-image: url(../image/devil/otdevil-bg2.png);
}
}
@media screen and (max-width:640px) {
#news #wrap-ot-bgbox {
    background-size: 99% auto;
}
}

/**/
img {
	max-width: 100%; 
	height:auto;
	vertical-align: top;
	border-style:none;
}
li {list-style: none;}
a {text-decoration:none;}
a:link, a:hover, a:active {color:#ffffff;}
a:visited  {color: #ffffff;}
a:focus {outline: none;}

/*clearfix*/
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after,.clear{clear:both;}

cf::after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0;
	line-height: 0;
}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.pos-fix {position: fixed;}
.pos-inhe {position:inherit;}

*{
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,
ul,li{
padding: 0;
margin: 0;
}
a {
	display: inline-block;

}

#page-topbt {
	position: fixed;
	width: 16%;
	bottom: 20%;
	right:0;
	z-index: 200;
	text-align: right;
}
@media screen and (min-width:641px) {
#page-topbt {
        width:100px;
        height:auto;
}

}

#wrap {
	width: 100%;
	min-width: 320px;
	margin:0 auto;
}

/*==================================
ALL
===================================*/
header#header > .inner-box,
footer#footer #fot-main > .inner-box,
#main > .inner-box,
#top-maintxt > .inner-box{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
#hed-main.inner-box2,
#top-hed.inner-box2{
	max-width: 600px;
	margin: 0 auto;
}

@media screen and (max-width:320px) {
header#header > .inner-box,
footer#footer > .inner-box,
#main > .inner-box,
#top-maintxt > .inner-box{
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
}
#hed-main.inner-box2,
#top-hed.inner-box2{
	min-width: 300px;
	margin: 0 auto;
}
}



/*==================================
header
===================================*/
header#header {
	position: relative;
	width:100%;
	text-align: left;
	background: #000000;
	z-index: 100;

}
#header h1{
	font-size:2.2rem;
	font-weight: normal;
}
#hed-main {

}
#hed-main h1 {
	padding:1% 2%;
}
.langLinkbox {
        top:0.5%;
        left:1%;
        z-index:149;
        color: #000000;
font-size: 2.2rem;
}
#fot-main .langLinkbox {
        top:0;
        left:auto;
        right:0;
        z-index:149;
        color: #cfcfcf;
        padding-top:5%;
}
.langLinkbox {
        width: 15em;
}
.langLink {
        padding:3% 0;
        border:1px solid #000000;
        text-align:center;
}
body:not(#index) .langLink {
        color:#cfcfcf;
        border:1px solid #cfcfcf;
}
#fot-main .langLink {
        border:1px solid #cfcfcf;
}
.langLink a { color:#000000;text-decoration:underline;display:inline;}
body:not(#index) .langLink a,#fot-main .langLink a { color:#cfcfcf;}



.logoimg {
    top: 12.2%;
    left: 38%;
    width: 22.7%;
    z-index: 5;
}
.side-cont {
	z-index: 10;
}
.top-bunlist {
	z-index:10;
}

#topmenubox {
	position: fixed;
	top:0;
	right: 0;
	left: 0;
	margin: 0 aut;
	z-index: 150;
	man-width:640px;
	min-width:320px;
}
#topmenu-innner {
	position: relative;
	margin: 0 auto;
}
#topmenu {
	position: absolute;
        width: 160px;
	top:0;
	right: 1%;
        text-align: center;
	background: url(../image/menuli-bg.png) bottom center no-repeat;
        background-size: 100% auto;
}
#topmenu-bt {
		cursor: pointer;
}
#topmenu-li {
}
#topmenu-li ul {
        height: 250px;
	margin-top:-14%;
        padding-top:17px;
}
#topmenu-li li {
        text-indent: -999999px;
	margin-bottom: 12%;
	font-size: 4.0rem;
-webkit-transform: rotate(-30deg);
-moz-transform   : rotate(-30deg);
-ms-transform    : rotate(-30deg);
-o-transform     : rotate(-30deg);
transform        : rotate(-30deg);
}
        #topmenu-li li:nth-child(2) {
        	margin-bottom: 14%;
        }
#topmenu-li li a {
	display:block;
}
#topmenu-li .close {
        cursor: pointer;
	position: absolute;
        top: 5%;
        right: 10%;
	text-indent: -9999px;
	display: block;
	width:80%;
	height:10%;
        z-index:155;
}

@media screen and (max-width:560px) {
#topmenu {
    width: 160px;
}
#topmenu-li {
        padding-top: 15%;
}
        #topmenu-li li:nth-child(2) {
        	margin-bottom: 16%;
        }
#topmenu-li ul {
    height:227px;
    margin-top: -12%;
}
}
@media screen and (max-width:480px) {
#topmenu {
        width: 120px;
}
#topmenu-li {
        padding-top: 22%;
}
#topmenu-li ul {
        height:170px;
	margin-top: -16%;
        padding-top:0;
}
}
@media screen and (max-width:414px) {
#topmenu-li {
        padding-top: 22%;
}
}
@media screen and (max-width:375px) {
#topmenu-li {
        padding-top: 17%;
}
        #topmenu-li li:nth-child(2) {
        	margin-bottom: 18%;
        }
}
@media screen and (max-width:320px) {
#topmenu {
    width: 80px;
}
#topmenu-li {
        padding-top: 10%;
}
#topmenu-li ul {
    height:116px;
	margin-top: -12%;
}
}
/*
#topmenu-li li,
#topmenu-li .close {
        background:rgba(255,255,255,0.3);
}*/


/*==================================
main
===================================*/
#main-cont {
	width:100%;
	max-width: 640px;
	min-width: 320px;
	margin:0 auto;
}

/*tophed*/
#top-hed {
	width:100%;
	max-width: 640px;
	min-width: 320px;
	margin:0 auto;
background: url(../image/main-kvbgm.png?20191227) top center no-repeat;
background-size:100% auto;
    padding-top: 128%;
}
@media screen and (min-width:640px) {
#top-hed {
background: url(../image/main-kvbgm.png?20191227) top center no-repeat;
background-size:100% auto;
padding-top: 800px;
}
}

.top-bun,.top-movie,.plmdl-app,.top-prmAppdl,.top-bunlist,.top-mainbun {
	width: 96%;
	margin: 0 auto;
}

.top-bunlist ul {
	padding: 0 16px;
}
.top-bunlist li {
	display: inline-block;
	width: 48%;
	margin-top: 5px;
	margin-right: 5px;
	box-sizing: border-box;
}
.top-bunlist li:nth-child(4n) {
	margin-right: 0px;
}

/* slider */
.top-bun {
    text-align: center;
	width: 84%;
	margin:0 auto;
	padding-bottom: 5%;
}
.top-bun .bx-wrapper{
	position: relative;
}
.top-bun .bx-viewport {

	z-index: 50;
}

.top-bun .bx-controls{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 49;
}
.top-bun .bx-controls .bx-controls-direction,
.top-bun .bx-controls .bx-pager{
	position: absolute;
	width: 100%;
	height: 100%;
}
.top-bun .bx-controls .bx-controls-direction a {
	position: absolute;
	top:10px;
	width: 5%;
	height: 18%;
}
.top-bun .bx-controls .bx-controls-direction a.bx-prev {
	top: 40%;
    left: -6%;
}
.top-bun .bx-controls .bx-controls-direction a.bx-next {
	top: 40%;
	right: -6%;
}
.top-bun .bx-controls .bx-pager {
	height: auto;
	bottom: -16%;
	text-align: center;
}
.top-bun .bx-pager-item {
	display: inline-block;
	margin-right: 2%;
        width: 6%;
        height: auto;
}
.top-bun .bx-pager-item:last-child {
	margin-right: 0;
}
.top-bun .bx-pager-item a {
        position: relative;
        display:inline-block;
	width: 100%;
	height: 100%;
}
a.bx-pager-link.active:before {
        content: "";
        background-image: url(../image/slider-pager-on.png);
        background-size: 100%;
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
}


.top-movie a {
	display:block;
}
.top-prmAppdl {
	text-align: center;
}
.top-prmAppdl ul.top-prmAppdlul {
	margin: 0 auto;
	top:0;
	right:0;
	left: 0;
	z-index: 55;
}
.top-prmAppdl img.prmapp-infonbg{
	z-index: 50;
}
@media screen and (min-width:765px) {
.top-prmAppdl ul.top-prmAppdlul li img{
width: 245px;
height:auto;
}
}

.top-prmAppdl li {
	display: inline-block;
	width:40%;
}
.top-prmAppdl li img,
.top-prmAppdl li img[src$=".svg"] {
	width:100%;
}
.top-prmAppdl ul {
	padding: 17% 0 3.5%;
}


.top-newslist {
	width: 92%;
	margin: 0 auto;
	padding: 0 0 5% 0;
        /*background: url(../image/topnews-bg.png) top center no-repeat;
        background-size: 100% auto;*/
        font-size: 2.8rem;
}
        .top-newslist .top-newslist-inner {
                top:0;
                right:0;
                left:0;
                z-index:50;
        }
        .top-newslist .topnews-bg {
                top:0;
                right:0;
                left:0;
                z-index:10;
        }
.top-newslist p.m-topnews {
	padding:6% 5% 1%;
}
.top-newslist ul {
	padding:2% 3% 3.5%;
}
.top-newslist li {
	margin-bottom: 3.0%;
	padding-bottom: 1.0%;
	font-size: 3.6rem;
	line-height: 1.2;
	border-bottom:1px solid #ffffff;
}
	.top-newslist li:last-child{
		margin-bottom: 0;
	}
.top-newslist .newslist-txt a {
display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
vertical-align: middle;
}
.top-newslist li span.topnews-day {
	float:right;
	margin-bottom: 1%;
	padding-top:4.5%;
	text-align: right;
	color: #8a448a;
	font-weight: bold;
	line-height: 1;
	font-size: 3.0rem;
}
.top-newslist .icon-new {
	top:0;
	right: 0;
}
.top-newslist .topmews-btlist {
        padding:1% 0 1%;
}
.top-snsbtlist {
	text-align: center;
}
.ft-snsbtlist {
	margin-top:2%;
	text-align: center;
}
.top-snsbtlist li,
.ft-snsbtlist li{
	width:14%;
	display: inline-block;
	margin-left: 5%;
}
.top-snsbtlist li:first-child,
.ft-snsbtlist li:first-child{
	margin:0;
	width:35%;
}

.side-cont-mgbt {
	margin-bottom:3%;
}
.top-bun li {
        margin-bottom:3%;
}
.top-bun li:last-child {
        margin-bottom:0%;
}

/**/
.section-inner {
	position: relative;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	box-sizing: inherit;
}
#top-system span.bt-detaillink{
    bottom: -10%;
	display: inline-block;
}
#top-devil span.bt-detaillink{
    bottom: 6%;
	display: inline-block;
}
#top-charastory span.bt-detaillink{
        bottom: 17%;
	display: inline-block;
}
#top-charastory .topcharatxtimg {
	display: inline-block;
	margin-bottom:8%;
}
.top-bun.bun-prelink {
    right: 0;
    left: 0;
	bottom:-22%;
}
div#top-hedbox.section {
	height:1164px;
}
div.section{margin-bottom: 3%;}
div#top-systembox.section{margin-bottom: 5%;}

div#top-hed.section {
	min-height: 1250px;/*bun2*/
	min-height: 1130px;
	max-height: 2400px;/*bun2*/
	max-height: 2210px;
}
div#top-overviewbox.section {
	min-height:480px;
	max-height:1000px;
}
div#top-overviewboxbg {
        background:url(../image/topgaiyou-bgm.png) center 5% no-repeat;
        background-size: 100% auto;
}
div#top-systembox.section {
	min-height:421px;
	max-height:784px;
}
div#top-systemboxbg {
        background:url(../image/topsystem-bgm.png) center 5% no-repeat;
        background-size: 100% auto;
}
div#top-devilbox.section {
	min-height:458px;
	max-height:915px;
}
div#top-devilboxbg {
        background:url(../image/topdevil-bgm.png) center 5% no-repeat;
        background-size: 100% auto;
}
div#top-charastorybox.section {
	min-height:820px;
	min-height:710px;/*bun2*/
	max-height:1660px;
	max-height:1660px;
}
div#top-charastoryboxbg {
        background:url(../image/topchara-bgm.png) center 5% no-repeat;
        background-size: 100% auto;
}

@media screen and (min-width:640px) {
div#top-overviewboxbg {
	background-image:url(../image/topgaiyou-bg.png);
	background-size: 846px auto;
}
div#top-systemboxbg {
	background-image:url(../image/topsystem-bg.png);
	background-size: 846px auto;
}
div#top-devilboxbg {
	background-image:url(../image/topdevil-bg.png);
	background-size: 846px auto;
}
div#top-charastoryboxbg {
	background-image:url(../image/topchara-bg.png);
	background-size: 846px auto;
}

div#top-hed.section,
div#top-overviewbox.section,
div#top-systembox.section,
div#top-devilbox.section,
div#top-charastorybox.section
 {
        min-height: inherit;
        max-height: inherit;
}
div#top-hed.section {
        height: 2400px;/*bun2*/
        height: 2210px;
}
div#top-overviewbox.section {
	height:1000px;
}
div#top-systembox.section {
	height:810px;
}
div#top-devilbox.section {
	height:920px;
}
div#top-charastorybox.section {
	height:1870px;/*bun3*/
        height:1660px;/*bun2*/
        height:1440px;
}
        div#top-overviewboxbg,
        div#top-systemboxbg,
        div#top-devilboxbg,
        div#top-charastoryboxbg
         {
                background-position: center 10px;
                padding-top: 20px;
        }



}

/*==================================
footer
===================================*/
#footer {
	z-index: 100;
    width: 100%;
	background: url(../image/endbg.png) top center no-repeat;
	background-size: 100% auto;
    margin-top: 12%;
    padding-top: 36%;
}
#index #footer {
	background: url(../image/endbgm.png) top center no-repeat;
	background-size: 100% auto;
	margin-top: 0%;
    padding-top: 12%;
}
#system #footer {
	margin-top: 0;
}
#chara #footer {
        margin-top: -10%;
}
#devil #footer {
	margin-top: 0;
}
.ft-btrebox {
    width: 100%;
	min-width: 320px;
	top:0;
	/*min-height: 580px;*/
}
.ft-btreinner {
	margin: 0 auto;
}
.ft-btreinner .ft-btreimg {
	top:0;
	right:0;
	width: 30%;
	height: auto;
}
@media screen and (min-width:641px) {
.ft-btreinner .ft-btreimg {
	width: 185px;
        height:auto;
}
}

@media screen and (min-width:780px) {
.ft-btrebox {
    top: 10%;
}
}
@media screen and (min-width:1024px) {
.ft-btrebox {
    top: 20%;
}
}

.footer-txtinner {
	background: #000000;
}
.footer-inner {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding-top: 2%;
}
.plform-txt,
.ft-snsbtlist{
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
	.ft-snsbtlist {
		margin-top:2%;
	}
.plform-txt img {
	width: 80%;
}
#fot-main {
	padding: 4% 2% 3%;
	width: 100%;
	min-width: 320px;
	text-align: left;
	background:#000000;
	font-size: 2.2rem;
line-height: 130%;
	}
#fot-main .fot-main-inner {
	margin: 0 auto;
	min-width: 300px;
	max-width: 600px;
}
#fot-main .logo-copy {
	margin-bottom: 15px;
}
#fot-main .logo-copy img.segalogo {
	display: inline-block;
	margin-right:3%;
	width: 40%;
}
#fot-main .logo-copy .logo-copy-txt {
	display: inline-block;
	padding-top:11%;
}
#fot-main .ft-txtlink {
	margin-top: 2%;
}
#fot-main .ft-txtlink li a {
	text-decoration: underline;
}
#fot-main .ft-txtlink li {
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 2%;
}
#fot-main .ft-txtlink li:last-child {
	margin-right: 0;
}
#system #footer {

}


/*==================================
system
===================================*/
#system-inner2,p.endtxt {
	max-width: 600px;
	min-width: 300px;
	padding: 32px 0 0;
	margin:0 auto;
}
#system h2 {
	margin-bottom:11%;
}
#system h3 {
	margin-top:3%;
}
.system-02 {
	margin-top:9%;	
}
.system-03 {
	margin-top:6%;	
}

#system .system-01 .popupbt0101 {
	top:5.0%;
	right:13.2%;
}
#system .system-01 .popupbt0102 {
	top:5.0%;
	right: 38.3%;
}
#system .system-01 .popupbt0103 {
	top:5.0%;
	right: 64.5%;
}
#system .system-02 .popupbt0201 {
	top:5.0%;
    left: 26.2%;
}
#system .system-02 .popupbt0202 {
	top:5.0%;
	left:51.5%;
}
#system .system-03 .popupbt0301 {
	top:5.0%;
	right:13.2%;
}
#system .system-03 .popupbt0302 {
	top:5.0%;
	right: 38.3%;
}
#system .system-03 .popupbt0303 {
	top:5.0%;
	right: 64.5%;
}
#system .systemimg-box {
	text-align: center;
}
#system .systemimg-box a {
	display: inline;
}
#system .systemimg-box img {
	width: 26%;
}

@media screen and (max-width:639px) {
#chara-inner2,p.endtxt {
	padding: 5% 0 0;
}
}

/*==================================
chara
===================================*/
#chara h2 {
    margin-bottom: 0;
}
#chara-inner2,p.endtxt {
	max-width: 640px;
	min-width: 320px;
	margin:0 auto;
	padding: 32px 0 0;
}
#chara ul.type-menu {
	text-align: center;
	padding:40px 0 70px;
}
#chara ul.type-menu li {
        display: inline-block;
	width: 33%;
}
#chara #chara-listbox {
	margin-top: 44px;
	padding: 0 0;
}
	#chara.chara-ac #chara-listbox {
		margin-top: 103px;
	}
	#chara.chara-oth #chara-listbox {
		margin-top: 67px;
	}
#chara .chara-detail .charaimg  {
	z-index: 30;
	top:0;
}
	#chara-lbhero.chara-detail .charaimg img {
		width: 53.5%;
	}
	#chara-lbtf.chara-detail .charaimg img {
		width: 41.3%;
	}
	#chara-lbrr.chara-detail .charaimg img {
		width: 34.7%;
	}
	#chara-lbru.chara-detail .charaimg img {
		width: 41.8%;
	}
	#chara-lbss.chara-detail .charaimg img {
		width: 37.5%;
	}
	#chara-lbst.chara-detail .charaimg img {
		width: 44.7%;
	}
	#chara-lbjt.chara-detail .charaimg img {
		width: 52.7%;
	}
	#chara-lbki.chara-detail .charaimg img {
		width: 52.7%;
	}

	#chara-acsm.chara-detail .charaimg img {
		width: 47.2%;
	}
	#chara-aclf.chara-detail .charaimg img {
		width: 47.8%;
	}
	#chara-achy.chara-detail .charaimg img {
		width: 50.9%;
	}
	#chara-acjh.chara-detail .charaimg img {
		width: 48.8%;
	}
	#chara-acjk.chara-detail .charaimg img {
		width: 55.0%;
	}

	#chara-other.chara-detail .charaimg img {
		width: 41.8%;
	}
	#chara-othvc.chara-detail .charaimg img {
		width: 44.7%;
	}
	#chara-othss.chara-detail .charaimg img {
		width: 43.9%;
	}
	#chara-othhh.chara-detail .charaimg img {
		width: 56.4%;
	}
	#chara-othah.chara-detail .charaimg img {
		width: 44.7%;
	}
	#chara-othkf.chara-detail .charaimg img {
		width: 52.8%;
	}
#chara .chara-detail .charaimg img.sp-img  {
        display:none;
}
#chara .chara-detail .charaimg img.pc-img  {
        display:inline-block;
}
@media screen and (max-width:640px) { 
#chara .chara-detail .charaimg img.pc-img  {
        display:none;
}
#chara .chara-detail .charaimg img.sp-img  {
        display:inline-block;
}
}

.chara-detail .charatxt {
	width: 63.5%;
	top:4%;
	z-index: 50;
}
	#chara-lbtf.chara-detail .charatxt{
		top:65%;
	}
	#chara-lbrr.chara-detail .charatxt {
		top:35%;
	}
	#chara-lbru.chara-detail .charatxt {
		top:60%;
	}
	#chara-lbss.chara-detail .charatxt {
		top:6%;
	}
	#chara-lbst.chara-detail .charatxt{
		top:53%;
	}
	#chara-lbjt.chara-detail .charatxt {
		top:6%;
	}
	#chara-lbki.chara-detail .charatxt {
		top:52%;
	}

	#chara-acsm.chara-detail .charatxt{
		top:20.5%;
	}
	#chara-aclf.chara-detail .charatxt{
		top:65.5%;
	}
	#chara-achy.chara-detail .charatxt{
		top:33.0%;
	}
	#chara-acjh.chara-detail .charatxt{
		top:56%;
	}
	#chara-acjk.chara-detail .charatxt{
		top:12%;
	}
	
	#chara-other.chara-detail .charatxt{
		top:21.5%;
	}
	#chara-othvc.chara-detail .charatxt{
		top:59%;
	}
	#chara-othss.chara-detail .charatxt{
		top:23%;
	}
	#chara-othhh.chara-detail .charatxt{
		top:58%;
	}
	#chara-othah.chara-detail .charatxt{
		top:15%;
	}
	#chara-othkf.chara-detail .charatxt{
		top:58%;
	}


.chara-oth .charatxt {
	width: 61.8%;
}
.chara-ac .charatxt {
	width: 61.5%;
}
	.chara-oth .chara-detail-even .charatxt {
		width: 69.1%;
	}
	.chara-ac .chara-detail-even .charatxt {
		width: 66.4%;
	}
.chara-detail.chara-detail-odd .charatxt {
	text-align: right;
	right: 0;
	z-index: 50;
}
.chara-detail.chara-detail-odd .charaimg {
	text-align: left;
	left: 0;
}
.chara-detail.chara-detail-even .charatxt {
	text-align: left;
	left: 0;
}
.chara-detail.chara-detail-even .charaimg {
	text-align: right;
	right: 0;
}
#chara-lbrr.chara-detail.chara-detail-odd .charaimg {
	padding-left: 6px;
}
#chara-lbtf {
	margin-top: -280px;
}
#chara-lbrr {
	margin-top: 131px;
}
#chara-lbru {
	margin-top: -144px;
}
#chara-lbss {
	margin-top: 168px;
}
#chara-lbst {
	margin-top: -213px;
}
#chara-lbjt {
	margin-top: 194px;
}
#chara-lbki {
	margin-top: -181px;
}

#chara-aclf {
	margin-top: -222px;
}
#chara-achy {
	margin-top: 101px;
}
#chara-acjh {
	margin-top: -128px;
}
#chara-acjk {
	margin-top: 78px;
}

#chara-othvc {
	margin-top: -156px;
}
#chara-othss {
	margin-top: 131px;
}
#chara-othhh {
	margin-top: -82px;
}
#chara-othah {
	margin-top: 115px;
}
#chara-othkf {
	margin-top: -133px;
}

ul.voicelist {
	font-size:2.0rem;
        top:32%;
        left:22%;
        width:40%;
        margin-left:23%;
}
/*#chara-lbhero ul.voicelist {
        width:51%;
        left:12%;
}*/
ul.voicelist.voicelist-m {
        top:15%;
        margin-left:36%;
}
ul.voicelist.voicelist-l {
        top:34%;
        margin-left:36%;
}
#chara-lbrr ul.voicelist {
        margin-left:15%;
}
#chara-lbrr ul.voicelist {
        margin-left:15%;
}
#chara-lbru ul.voicelist {
        top:33%;
}
#chara-lbss ul.voicelist {
        top:30%;
        margin-left:21%;
}
#chara-lbst ul.voicelist {
        margin-left:24%;
}
#chara-lbjt ul.voicelist {
        top:38%;
        margin-left:20%;
}

#chara-acsm ul.voicelist {
        top:22.2%;
        left:30.5%;
}
#chara-aclf ul.voicelist {
        top:25.5%;
        left:23%;
}
#chara-achy ul.voicelist {
        top:18.5%;
        left:32%;
}
#chara-acjh ul.voicelist {
        top:21.5%;
        left:19%;
}
#chara-acjk ul.voicelist {
        top:28.0%;
        left:19%;
}

#chara-other ul.voicelist {
        top:16.2%;
        left:25.5%;
}
#chara-othvc ul.voicelist {
        top:22.5%;
        left:25%;
}
#chara-othss ul.voicelist {
        top:25%;
        left:32%;
}
#chara-othhh ul.voicelist {
        top:25.5%;
        left:21%;
}
#chara-othah ul.voicelist {
        top:33.5%;
        left:19%;
}
#chara-othkf ul.voicelist {
        top:28%;
        left:16.5%;
}



ul.voicelist li {
	display:inline-block;
        width:30%;
	margin-right:5px;
}
ul.voicelist li .jp-play {
    cursor: pointer;
}
ul.voicelist li:last-child {
	margin-right:0px;
}

@media screen and (min-width:1060px) {
#chara-inner2,p.endtxt {
	max-width: auto;
	min-width: auto;
	width: 1060px;
	margin:0 auto;
}
}

@media screen and (max-width:639px) {
#chara h2 {
        margin-bottom: 4.6%;
}
#chara #chara-listbox {
	margin-top: 6.1%;
}
	#chara.chara-ac #chara-listbox {
		margin-top: 15.3%;
	}
	#chara.chara-oth #chara-listbox {
		margin-top: 9.6%;
	}
#chara-inner2,p.endtxt {
	padding: 5% 0 0;
}

#chara ul.type-menu {
	text-align: center;
	padding:4% 0 9.5%;
}
#chara-lbrr.chara-detail.chara-detail-odd .charaimg {
	padding-left: 1%;
}
#chara-lbtf {
	margin-top: -43.4%;
}
#chara-lbrr {
	margin-top: 20.5%;
}
#chara-lbru {
	margin-top: -22.6%;
}
#chara-lbki {
	margin-top: -28.4%;
}
#chara-lbss {
	margin-top: 26.4%;
}
#chara-lbst {
	margin-top: -33.0%;
}
#chara-lbjt {
	margin-top: 30.3%;
}

#chara-aclf {
	margin-top: -34.5%;
}
#chara-achy {
	margin-top: 15.5%;
}
#chara-acjh {
	margin-top: -19.6%;
}
#chara-acjk {
	margin-top: 12.2%;
}

#chara-othvc {
	margin-top: -24.4%;
}
#chara-othss {
	margin-top: 20.5%;
}
#chara-othhh {
	margin-top: -13%;
}
#chara-othah {
	margin-top: 18.0%;
}
#chara-othkf {
	margin-top: -20.8%;
}
}

@media screen and (max-width:414px) { /*iPoneplus*/

#chara #chara-listbox {
	margin-top: 6.7%;
}
        #chara.chara-ac #chara-listbox {
                margin-top: 15.6%;
        }
	#chara.chara-oth #chara-listbox {
		margin-top: 10.1%;
	}
}

@media screen and (max-width:410px) { /*max-width:639px と同じ*/
#chara h2 {
    margin-bottom: 4.6%;
}
#chara #chara-listbox {
	margin-top: 6.1%;
}
	#chara.chara-ac #chara-listbox {
		margin-top: 15.3%;
	}
	#chara.chara-oth #chara-listbox {
		margin-top: 9.6%;
	}
#chara-inner2,p.endtxt {
	padding: 5% 0 0;
}

ul.type-menu {
	text-align: center;
	padding:4% 0 9.5%;
}
#chara-lbrr.chara-detail.chara-detail-odd .charaimg {
	padding-left: 1%;
}
#chara-lbtf {
	margin-top: -43.4%;
}
#chara-lbrr {
	margin-top: 20.5%;
}
#chara-lbru {
	margin-top: -22.6%;
}
#chara-lbss {
	margin-top: 26.4%;
}
#chara-lbst {
	margin-top: -33.0%;
}
#chara-lbjt {
	margin-top: 30.3%;
}
#chara-othvc {
	margin-top: -24.6%;
}
}
@media screen and (max-width:392px) {
ul.voicelist li {
        width:29%;
}

#chara-lbss ul.voicelist {
        top:29%;
}
}
@media screen and (max-width:320px) {

#chara #chara-listbox {
    margin-top: 6.5%;
}
        #chara.chara-ac #chara-listbox {
                margin-top: 15.6%;
        }
        #chara.chara-oth #chara-listbox {
                margin-top: 9.7%;
        }
#chara-lbrr {
	margin-top: 20.3%;
}
#chara-lbru {
    margin-top: -22.8%;
}
#chara-lbjt {
	margin-top: 30.5%;
}



}

/*==================================
devil
===================================*/
#devil h2 {
    margin-bottom: 5.5%;
}


#devil-inner2,p.endtxt {
	max-width: 640px;
	min-width: 320px;
	margin:0 auto;
	padding: 32px 0 0;
}
#devil .devil-devillist{
	padding: 0 3%;
	margin-top: -20%;
}
#devil .devil-devillist li {
	width: 22%;
	display: inline-block;
	margin-right: 3%;
	margin-bottom: 3%;
	text-align: center;
}
#devil .devil-devillist li figure img {
	border:2px solid #000000;
	box-shadow: 0px 0px 20px #ffffff;
}
#devil .devil-devillist li figcaption img {
	margin-top: 4%;
	box-shadow: none;
	border:none;
}
#devil .devil-devillist li:nth-child(4n) {
	margin-right: 0px;
}

#devil .intro-txt img.sp-img  {
        display:none;
}
#devil .intro-txt img.pc-img  {
        display:inline-block;
}
@media screen and (max-width:640px) { 
#devil .intro-txt img.pc-img  {
        display:none;
}
#devil .intro-txt img.sp-img  {
        display:inline-block;
}
}


@media screen and (max-width:414px) { /*iPoneplus*/
#devil h2 {
    margin-bottom: 3.2%;
}
}
@media screen and (max-width:375px) { /*iPone6*/
#devil h2 {
    margin-bottom: 2.6%;
}
}

@media screen and (max-width:360px) {
#devil .devil-devillist li {
	margin-right: 2.9%;
}
}
@media screen and (max-width:327px) {
#devil .devil-devillist li {
	margin-right: 2.8%;
}
}
@media screen and (max-width:320px) { /*iPone5*/
#devil h2 {
    margin-bottom: 0.5%;
}
}


/*==================================
news
===================================*/
#news-inner2 {
	max-width: 620px;
	min-width: 320px;
	padding: 32px 0 0;
	margin:0 auto;
}
.news-mainbox {
	padding:4%;
	font-size:2.6rem;
}
.news-list li {
	border-bottom:1px solid #ffffff;
	padding: 2% 0 1%;
}
.news-list li > a {
        display:block;
}
.news-mainbox table {
    border-collapse: inherit;
    border-spacing: inherit;
}
.news-mainbox .news-detailtxt-box em {
    font-style: oblique;
}

.news-mainbox .news-detailtxt-box {
	background-color:rgba(0,0,0,0.3);
	padding: 4%;
}

.newslist-hed,
.newsdetail-hed {
        margin-bottom:2%;
}

.newslist-hed img.cateimg,
.newsdetail-hed img.cateimg{
	float:left;
}
.newslist-hed p.news-daytxt,
.newsdetail-hed p.news-daytxt {
	/*float:right;*/
	text-align: right;
	line-height: 1;
	padding-top: 2%;
}
.newslist-hed p.news-daytxt .icon-new,
.newsdetail-hed p.news-daytxt .icon-new {
	display: inline-block;
	margin-top: -0.8%;
	margin-right:2%;
        width:17%;
}
@media screen and (min-width:641px) {
.newsdetail-hed p.news-daytxt .icon-new {
	margin-top: -1.0%;
}
}
.news-list-title h3,
.news-detail-title h3 {
        font-weight:normal;
        font-size: 3.0rem;
}
.news-detail-title h3 {
        margin-bottom:2%;
}
.news-detail-title .img_newsgraphbox {
	text-align: center;
	padding:1% 0 0 0;
}
.news-list-title .img_newslist_graph,
.news-detail-title .img_newslist_graph {
	display: inline-block;
        margin-bottom: 2%;
}
.news-sharebox {
	border-top:1px solid #bbbbbb;
	padding: 2% 0 2.5%;
}
.news-sharebox ul {
	text-align: right;
}
.news-sharebox li {
	display: inline-block;
}
#twitter-widget-0,
.news-sharebox .fb-share-button > span,
.line-it-button {
    vertical-align: top !important;
}
.bt-renewslist {
        text-align:center;
	padding: 3% 0 0;
}

.news-pagerbox {
	margin-top: 2%;
        text-align:center;
}
.news-pagerbox .count {
        margin:0 auto;
        font-size: 3.0rem;
}
.news-pagerbox .count span {
        display:inline-block;
        width: 1.5em;
}
.news-pagerbox .count span.no {
        color:#adadad;
        font-weight:bold;
}
        .news-pagerbox .count span:last-child {
                margin-right:0;
        }
.news-pagerbox .prev {
        top:2%;
        left:26%;
}
.news-pagerbox .next {
        top:2%;
        right:26%;
}
.news #footer {
        margin-top:0;
}
@media screen and (max-width:640px) {
.news-mainbox {
	padding:6%;
}
}

/*==================================
special-banner
===================================*/

.special-banner {
    width: 54%;
    max-width: 312px;
    top: 0.5%;
    left: 3%;
}

/*==================================
font
===================================*/
@media screen and (max-width:768px) {
.top-newslist li span.topnews-day {
        font-size: 3.2rem;
}
}
@media screen and (max-width:530px) {
.top-newslist ,
#fot-main {
        font-size: 2.1rem;
}

}
@media screen and (max-width:375px) {
.top-newslist,
#fot-main {
        font-size: 2.0rem;
}

}


/*==================================
respo
===================================*/

@media screen and (max-width:768px) {
.top-newslist {
    padding-bottom: 10%;
}
.top-newslist ul {
	padding-bottom:4.5%;
}
}
@media screen and (max-width:700px) {
#fot-main .logo-copy .logo-copy-txt {
	padding-top:11.6%;
}
}
@media screen and (max-width:640px) {
.top-newslist {
    padding-bottom: 7%;
}
}
@media screen and (max-width:600px) {
#fot-main .logo-copy .logo-copy-txt {
	padding-top:11.5%;
}
}
@media screen and (max-width:500px) {
.top-newslist .icon-new {
        width:48%;
}
.bt-renewslist img {
        width:80%;
}
.news-pagerbox .prev img,
.news-pagerbox .next img{
        width:26%;
}
#fot-main .logo-copy .logo-copy-txt {
	padding-top:11%;
}
}
@media screen and (max-width:450px) {
#fot-main .logo-copy .logo-copy-txt {
	padding-top:10%;
}
}
@media screen and (max-width:375px) {
.top-newslist .icon-new {
        width:40%;
}
.news-list-title h3,
.news-detail-title h3 {
        font-size: 3.4rem;
}
.news-pagerbox .prev img,
.news-pagerbox .next img{
        width:24%;
}
}
@media screen and (max-width:320px) {
.top-newslist ul {
    padding-top: 1%;
}
}