@charset "UTF-8";

/* megami PC
===========================================*/

/* head
===========================================*/
#contentAll #contentHeadMain{
	width:980px;
	height:290px;
	background:transparent url(img/3ds_megami_header_bg.png) no-repeat 0px 0px;
	margin:0px auto 12px;
	position:relative;
	padding: 0!important;
}

#contentAll #contentHeadMain:before{
	background: none;
}

/* hdrLogo */
#contentAll #contentHeadMain p.hdrLogo,
#contentAll #contentHeadMain h1.hdrLogo{
	position:absolute;
	top:21px;
	left:9px;
	width:224px;
	height:144px;
	background: none;
}

#contentAll #contentHeadMain p.hdrLogo a,
#contentAll #contentHeadMain h1.hdrLogo a {
	background: none;
}

/* hdr3dsLogo */
#contentAll #contentHeadMain p.hdr3dsLogo{
	position:absolute;
	top:170px;
	right:778px;
	width:157px;
	height:15px;
	font-size:0px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	padding: 5px 0;
}

#contentAll #contentHeadMain p.hdr3dsLogo img{width: 114px;}

#contentAll #contentHeadMain p.hdr3dsTop{
	position:absolute;
	top:213px;
	left:84px;
	width:82px;
	height:34px;
}

/* hdrSpBtn */
#contentAll #contentHeadMain p.hdrSpBtn{display:none;}

/* hdrGnavList */
#contentAll div.hdrGnavBox ul#hdrGnavList{
	position:absolute; top:0px; left:230px;
	width: 740px;
	height: 244px;
	}
#contentAll div.hdrGnavBox ul#hdrGnavList li{display: inline-block!important; *display: inline; *zoom: 1;margin: 8px 15px 0px 0px;text-indent:-9999px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li:nth-child(9),
#contentAll div.hdrGnavBox ul#hdrGnavList li a:nth-child(9){ margin: 15px 20px 0 5px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li:nth-child(10),
#contentAll div.hdrGnavBox ul#hdrGnavList li a:nth-child(10){ margin-top: 15px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li span.noLink{display:block; overflow:hidden;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav01 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat 0px 0px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav02 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -183px 0px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav03 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -365px 0px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav04 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -547px 0px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav05 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat 0px -88px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav06 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -183px -88px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav07 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -367px -88px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav08 a{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -547px -88px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav09 a{width:349px; height:64px; background:transparent url(img/3ds_megami_nav.png) no-repeat -2px -181px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav10 a{width:349px; height:64px; background:transparent url(img/3ds_megami_nav.png) no-repeat -368px -181px;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav01 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat 0px -244px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav02 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -183px -244px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav03 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -365px -244px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav04 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -547px -244px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav05 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat 0px -332px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav06 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -183px -332px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav07 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -367px -332px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav08 a:hover{width:170px; height:80px; background:transparent url(img/3ds_megami_nav.png) no-repeat -547px -332px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav09 a:hover{width:349px; height:64px; background:transparent url(img/3ds_megami_nav.png) no-repeat -2px -425px;}
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav10 a:hover{width:349px; height:64px; background:transparent url(img/3ds_megami_nav.png) no-repeat -368px -425px;}


#contentAll .sp_2jigenNewArea{
	width:870px;
	margin:20px auto 30px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border:#cccccc 2px solid;
	background:#fff url(../img/3ds_megami/sp_2jigen_newbg.png) repeat-x left top;
	box-sizing:border-box;
}

#contentAll .sp_2jigenNewArea .sp2jgnHdrBox{
	height:68px;
	position:relative; 
	padding:0px;
}

#contentAll .sp_2jigenNewArea .sp2jgnHdrBox h2{ text-align: center; margin-top: 15px!important;}

#contentAll .sp_2jigenNewArea .sp2jgnNewBox{
	/*height:300px;
	overflow:auto;*/
	padding:25px 16px 0px;
	margin-bottom:20px;
	word-wrap:break-word;
}

#contentAll .sp_2jigenNewArea .sp2jgnNewBox:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* sp_2jigen_list
====================================*/

#contentAll #contentBodyMain .sp2jigenCodeList{
	width:896px;
	margin:0px auto 15px;
	padding-top:10px;
}
#contentAll #contentBodyMain .sp2jigenCodeList li{
	display:inline-block;
	vertical-align:top;
	width:420px;
	margin:5px 14px 0px;
}

#contentBody table.sp2jigenTbl{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	empty-cells:show;
	text-align:left;
	border-bottom:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}

#contentBody table.sp2jigenTbl th{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px 5px;
	vertical-align:middle;
	background:#ffeff8;
	color:#ff2cb0;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	width:110px;
	box-sizing:border-box;
}

#contentBody table.sp2jigenTbl td{
	border-top:1px solid #ccc;
	border-right:2px solid #ccc;
	padding:10px 5px;
	vertical-align:top;
	background:#fff;
	font-size:16px;
	color:#666666;
}

#contentBody table.sp2jigenTbl td span{display:block;}
#contentBody table.sp2jigenTbl td .sp2jgnTblSt01{padding:0px 10px;}
#contentBody table.sp2jigenTbl td .sp2jgnTblSt02{padding:5px 0px 0px 10px;}
#contentBody table.sp2jigenTbl td .sp2jgnTblImg01,
#contentBody table.sp2jigenTbl td .sp2jgnTblImg02{text-align:center;}
#contentBody table.sp2jigenTbl td .sp2jgnTblImg01 img{height:232px;}
#contentBody table.sp2jigenTbl td .sp2jgnTblImg02 img{height:150px;}
#contentBody table.sp2jigenTbl td ul.list li{
	padding-left: 1.0em;
	text-indent: -1.0em;
	width: 250px!important;
}

#contentBody table.sp2jigenTbl .fst{border-top:2px solid #ccc;}

#contentBody table.sp2jigenTbl tr:first-child th:first-child,
#contentBody table.sp2jigenTbl tr:first-child td:first-child {
    -webkit-border-radius: 10px 0 0 0;
       -moz-border-radius: 10px 0 0 0;
         -o-border-radius: 10px 0 0 0;
            border-radius: 10px 0 0 0;
}

#contentBody table.sp2jigenTbl tr:first-child th:last-child,
#contentBody table.sp2jigenTbl tr:first-child td:last-child {
    -webkit-border-radius: 0 10px 0 0;
       -moz-border-radius: 0 10px 0 0;
         -o-border-radius: 0 10px 0 0;
            border-radius: 0 10px 0 0;
}

#contentBody table.sp2jigenTbl tr:last-child th:first-child,
#contentBody table.sp2jigenTbl tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 10px;
       -moz-border-radius: 0 0 0 10px;
         -o-border-radius: 0 0 0 10px;
            border-radius: 0 0 0 10px;
}

#contentBody table.sp2jigenTbl tr:last-child th:last-child,
#contentBody table.sp2jigenTbl tr:last-child td:last-child {
    -webkit-border-radius: 0 0 10px 0;
       -moz-border-radius: 0 0 10px 0;
         -o-border-radius: 0 0 10px 0;
            border-radius: 0 0 10px 0;
}




/* bscListA */
#contentAll .sp_2jigenNewArea dl.sp2jgnBscListA dt{color:#999999;}
#contentAll .sp_2jigenNewArea dl.sp2jgnBscListA dd{
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
	padding-bottom:15px;
}

#contentAll .sp_2jigenNewArea dl.sp2jgnBscListA dd span{
	display:block;
	background:transparent url(../img/3ds_megami/sp_2jigen_arrow01.png) no-repeat 0px 0.2em;
	padding-left:25px;
}
#contentAll .sp_2jigenNewArea dl.sp2jgnBscListA dd{background:transparent url(../img/3ds_megami/sp_2jigen_dotline01.png) repeat-x left bottom;}
#contentAll .sp_2jigenNewArea dl.sp2jgnBscListA dd:last-child{background:none;}



/* footer
===========================================*/
#content3dsFoot{
	width: 980px;
	margin:0px auto!important;
	background-color: #f9338b;
	padding: 10px 0 0px!important;
	border-top: 1px solid #fff;
}

#content3dsFoot ul{
	width: 900px;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
	font-size: 14px;
}

#content3dsFoot ul li{
	display: inline-block;
	padding-right: 5px;
	border-right: 1px solid #ccc;
	margin: 0 10px 5px 0px;
}

#content3dsFoot ul li span{
	padding-right: 5px;
}

#content3dsFoot ul li span.brNone{
	border-right: none;
}


#content3dsFoot ul li span.lstEnd{
		border-right: none;
}
	


#content3dsFoot ul li a{
	text-decoration: underline;
	color: #fff!important;
}

/* contentBodyFootWrap */
#contentAll #contentBodyFootWrap{
	background:#fecde4;
	padding:0 20px 14px;
}

#contentAll #contentBodyFoot{
	width:980px;
	margin:0px auto;
}


/* main
===========================================*/

/* contentBodyMain */
#contentAll{
	background: url(/img/3ds_megami/tds_megami_bg.jpg) 0 0 repeat;
}

#contentAll #contentBodyMain{
	background:none;
	border:none;
	padding-bottom:10px;
}

/* mainArea */
#contentAll #contentBodyMain div.mainArea{padding:20px 0px 0px;}

#contentAll #contentBodyMain h1{ margin:0 0 30px;}
#contentAll #contentBodyMain p{margin:0px;}

#contentAll #contentBodyMain div.mainArea2{padding:0px; margin:60px auto 80px;}
#contentAll #contentBodyMain div.mainArea2:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.mainArea2             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.mainArea2 { zoom: 1; } /* IE7 */


/* newsArea || movie || basicArea */
#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.movieArea,
#contentAll #contentBodyMain div.twterArea,
#contentAll #contentBodyMain div.charaArea{
	width:480px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
	border:#f7dc1d 8px solid;
	box-sizing:border-box;
}
#contentAll #contentBodyMain div.basicArea{
	width:980px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
	border:#f7dc1d 8px solid;
	box-sizing:border-box;
	margin-bottom: 30px;
}



#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.movieArea,
#contentAll #contentBodyMain div.twterArea,
#contentAll #contentBodyMain div.charaArea{
	background:#ffeefc url(../img/3ds_megami/tds_megami_h2_bg01.png) repeat-x left top;
}
#contentAll #contentBodyMain div.basicArea{
	background:#e9f9ff url(../img/3ds_megami/tds_megami_h2_bg02.png) repeat-x left top;
}
	
#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.twterArea{float:left;}
#contentAll #contentBodyMain div.movieArea,
#contentAll #contentBodyMain div.charaArea{float:right;}

#contentAll #contentBodyMain div.newsArea:before,
#contentAll #contentBodyMain div.basicArea:before,
#contentAll #contentBodyMain div.movieArea:before,
#contentAll #contentBodyMain div.twterArea:before,
#contentAll #contentBodyMain div.charaArea:before{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_top.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 64px;
	margin-top: -50px;
}
/*
#contentAll #contentBodyMain div.newsArea:after,
#contentAll #contentBodyMain div.basicArea:after,
#contentAll #contentBodyMain div.movieArea:after,
#contentAll #contentBodyMain div.twterArea:after,
#contentAll #contentBodyMain div.charaArea:after{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_btm.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 64px;
	margin-bottom: -50px;
}
*/

#contentAll #contentBodyMain div.newsArea div.topHdrBox,
#contentAll #contentBodyMain div.basicArea div.topHdrBox,
#contentAll #contentBodyMain div.movieArea div.topHdrBox,
#contentAll #contentBodyMain div.twterArea div.topHdrBox,
#contentAll #contentBodyMain div.charaArea div.topHdrBox{height:146px; position:relative; }

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2,
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2,
#contentAll #contentBodyMain div.movieArea div.topHdrBox h2,
#contentAll #contentBodyMain div.twterArea div.topHdrBox h2,
#contentAll #contentBodyMain div.charaArea div.topHdrBox h2{
	text-align: center;
	padding-top: 10px;
}

/* topLstBox */
#contentAll #contentBodyMain div.newsArea div.topLstBox,
#contentAll #contentBodyMain div.basicArea div.topLstBox,
#contentAll #contentBodyMain div.movieArea div.topLstBox,
#contentAll #contentBodyMain div.twterArea div.topLstBox,
#contentAll #contentBodyMain div.charaArea div.topLstBox{
	overflow:auto;
	padding:0px 16px 0px;
	margin-bottom:10px;
	word-wrap:break-word;
}

#contentAll #contentBodyMain div.basicArea div.topLstBox{
	padding: 0 40px 0;
}
	

#contentAll #contentBodyMain div.newsArea div.topLstBox,
#contentAll #contentBodyMain div.movieArea div.topLstBox,
#contentAll #contentBodyMain div.twterArea div.topLstBox,
#contentAll #contentBodyMain div.charaArea div.topLstBox{
	height: 280px;
}

#contentAll #contentBodyMain .topLstBoxWrap,
#contentAll #contentBodyMain .topLstBoxWrap02{
	padding: 10px;
	overflow:auto; 
	height: auto;
	min-height: 300px;
	margin-bottom: 0px;
}

#contentAll #contentBodyMain div.basicArea div.topLstBox:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentAll #contentBodyMain div.basicArea div.topLstBox            { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.basicArea div.topLstBox { zoom: 1; } /* IE7 */



/* bscListA */
#contentAll #contentBodyMain div.newsArea dl.bscListA dt{color:#999999;}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd{
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
	padding-bottom:15px;
}

#contentAll #contentBodyMain div.newsArea dl.bscListA dd span{
	display:block;
	background:transparent url(/img/3ds_megami/tds_arrow01.png) no-repeat 0px 0.2em;
	padding-left:25px;
}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd{background:transparent url(/img/3ds_megami/tds_dotline01.png) repeat-x left bottom;}
#contentAll #contentBodyMain span.kindIcon02{background:transparent url(/img/3ds_megami/tds_megami_kind_icon01.png) no-repeat left top; width:116px;}

/* basicArea */
#contentAll #contentBodyMain div.basicArea p{
	text-align: center;
	margin-bottom: 20px;
}

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst{
	width:670px;
	float:right;
}

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.basicArea dl.tdsBscLst             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.basicArea dl.tdsBscLst { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dt{
	font-size:14px;
	line-height:1.5;
	float:left;
	clear:left;
}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst01{padding:0px 0px 0px 5em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst02{padding:0px 0px 0px 4em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst03{padding:0px 0px 0px 5em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst04{padding:0px 0px 0px 3em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst05{padding:0px 0px 0px 11em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst06{padding:0px 0px 0px 7em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst07{padding:0px 0px 0px 3.5em;}

#contentAll #contentBodyMain div.bannerArea {
	margin-top: 20px;
}
#contentAll #contentBodyMain div.bannerArea ul {
    margin: 0 auto;
    text-align: center;
}
#contentAll #contentBodyMain div.bannerArea ul li {
    display: inline-block;
    height: 98px;
    margin: 0 10px 12px;
    width: 364px;
}

/* movie */
#contentAll #contentBodyMain .movieBox{padding:0px 0px 10px 14px;}

/* chara */
#contentAll #contentBodyMain .charaArea ul{ margin: 10px auto;}
#contentAll #contentBodyMain .charaArea ul li{ margin-bottom: 10px; text-align: center;}


/* gorgeouspack.html */
/* gorgeousArea*/
#contentAll #contentBodyMain div.gorgeousArea,
#contentAll #contentBodyMain div.specialArea,
#contentAll #contentBodyMain div.storycaraArea,
#contentAll #contentBodyMain div.mydressArea,
#contentAll #contentBodyMain div.priparaArea,
#contentAll #contentBodyMain div.mycharaArea,
#contentAll #contentBodyMain div.exchangeArea,
#contentAll #contentBodyMain div.arcadeArea,
#contentAll #contentBodyMain div.sp_2jigenArea,
#contentAll #contentBodyMain div.trialArea{
	width: 980px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
	border:#f7dc1d 8px solid;
	box-sizing:border-box;
}
#contentAll #contentBodyMain div.gorgeousArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg03.png) repeat-x left top;
}
#contentAll #contentBodyMain div.specialArea{
	background:#fff7e3 url(../img/3ds_megami/tds_megami_h2_bg04.png) repeat-x left top;
}

#contentAll #contentBodyMain div.storycaraArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg05.png) repeat-x left top;
}
#contentAll #contentBodyMain div.mydressArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg06.png) repeat-x left top;
}
#contentAll #contentBodyMain div.priparaArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg07.png) repeat-x left top;
}
#contentAll #contentBodyMain div.mycharaArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg08.png) repeat-x left top;
}
#contentAll #contentBodyMain div.exchangeArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg09.png) repeat-x left top;
}
#contentAll #contentBodyMain div.arcadeArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg10.png) repeat-x left top;
}
#contentAll #contentBodyMain div.sp_2jigenArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg11.png) repeat-x left top;
}

#contentAll #contentBodyMain div.trialArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg12.png) repeat-x left top;
}

#contentAll #contentBodyMain div.gorgeousArea:before,
#contentAll #contentBodyMain div.specialArea:before,
#contentAll #contentBodyMain div.storycaraArea:before,
#contentAll #contentBodyMain div.mydressArea:before,
#contentAll #contentBodyMain div.priparaArea:before,
#contentAll #contentBodyMain div.mycharaArea:before,
#contentAll #contentBodyMain div.exchangeArea:before,
#contentAll #contentBodyMain div.arcadeArea:before,
#contentAll #contentBodyMain div.sp_2jigenArea:before,
#contentAll #contentBodyMain div.trialArea:before{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_top.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 64px;
	margin-top: -50px;
}
/*
#contentAll #contentBodyMain div.gorgeousArea:after,
#contentAll #contentBodyMain div.specialArea:after,
#contentAll #contentBodyMain div.storycaraArea:after,
#contentAll #contentBodyMain div.mydressArea:after,
#contentAll #contentBodyMain div.priparaArea:before{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_btm.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 64px;
	margin-bottom: -50px;
}
*/

#contentAll #contentBodyMain div.gorgeousArea div.topHdrBox,
#contentAll #contentBodyMain div.specialArea div.topHdrBox,
#contentAll #contentBodyMain div.mydressArea div.topHdrBox,
#contentAll #contentBodyMain div.priparaArea div.topHdrBox,
#contentAll #contentBodyMain div.mycharaArea div.topHdrBox,
#contentAll #contentBodyMain div.exchangeArea div.topHdrBox,
#contentAll #contentBodyMain div.arcadeArea div.topHdrBox,
#contentAll #contentBodyMain div.sp_2jigenArea div.topHdrBox,
#contentAll #contentBodyMain div.trialArea div.topHdrBox{height:146px; position:relative; }
#contentAll #contentBodyMain div.storycaraArea div.topHdrBox{height:146px; position:relative; }

#contentAll #contentBodyMain div.gorgeousArea div.topHdrBox h2,
#contentAll #contentBodyMain div.specialArea div.topHdrBox h2,
#contentAll #contentBodyMain div.storycaraArea div.topHdrBox h2,
#contentAll #contentBodyMain div.mydressArea div.topHdrBox h2,
#contentAll #contentBodyMain div.priparaArea div.topHdrBox h2,
#contentAll #contentBodyMain div.mycharaArea div.topHdrBox h2,
#contentAll #contentBodyMain div.exchangeArea div.topHdrBox h2,
#contentAll #contentBodyMain div.arcadeArea div.topHdrBox h2,
#contentAll #contentBodyMain div.sp_2jigenArea div.topHdrBox h2,
#contentAll #contentBodyMain div.trialArea div.topHdrBox h2{
	text-align: center;
}

#contentAll #contentBodyMain div.gorgeousArea div.topHdrBox h2 img{width: auto; height: auto;}


/* updMainBox2 */
#contentAll #contentBodyMain .updMainBox2{
	border:#49cdff 2px solid;
	padding:12px 18px 0px 18px;
	box-sizing:border-box;
	width:870px;
	margin:0px auto 15px;
}

#contentAll #contentBodyMain .updMainBox2 dl dt{
	color:#49cdff;
	border-bottom:#49cdff 2px solid;
	font-size:18px;
	line-height:1.1;
	font-weight:bold;
	padding:0px 10px 6px 10px;
	margin-bottom:15px;
}

#contentAll #contentBodyMain .updMainBox2 dl dd{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:20px;
	font-weight:bold;
}
#contentAll #contentBodyMain .updMainBox2 dl dd img{margin:0px 2px 2px; vertical-align:middle;}
#contentAll #contentBodyMain .updMainBox2 dl dd .updSubNote{font-weight:normal; font-size:12px;}

#contentAll #contentBodyMain .updCol{color:#ff5a00;}
#contentAll #contentBodyMain .updTxt02{width:870px; margin:0px auto 10px;}



/* arcadeArea Btn */
.arcadeArea .btnBlock01{
	width: 870px;
	position: relative;
	margin: 0 auto!important;
}

.arcadeArea .btnBlock01 .arcadebtn{
	position: absolute;
	bottom: 0;
	left: 28%;
}
	

.arcadeArea .btnBlock02{
	width: 870px;
	position: relative;
	margin: 0 auto!important;
}

.arcadeArea .btnBlock02 .arcadebtn{
	position: absolute;
	bottom: 1%;
	left: 6%;
}


.spNone{ display: block;}
.spNone02{ display: inline-block;}
.pcNone{ display: none;}

/* megami SP
===========================================*/
@media only screen and (max-width: 767px){
	
/* head
===========================================*/
#contentAll #contentHeadMain{
	width:100%;
	height:72px;
	background:transparent url(img/3ds_megami_header_bg.png) repeat 0px 0px;
	-webkit-background-size: 320px 72px;
	background-size: 320px 72px;
	margin:0px auto 0px;
	position:relative;
	padding: 0!important;
}

#contentAll #contentBodyMain{
	overflow:visible;
}

/* hdrLogo */
#contentAll #contentHeadMain p.hdrLogo,
#contentAll #contentHeadMain h1.hdrLogo{
	background: url(img/3ds_hdr_logo_sp.png) 0 0 no-repeat;
	-webkit-background-size: 132px 55px;
	background-size: 132px 55px;
	position:absolute;
	top:7px;
	left:10px;
	width:132px;
	height:55px;
}

#contentAll #contentHeadMain p.hdrLogo img,
#contentAll #contentHeadMain h1.hdrLogo img{ width:89px;}

#contentAll #contentHeadMain p.hdrLogo a,
#contentAll #contentHeadMain h1.hdrLogo a{
	display: block;
}


/* hdr3dsLogo */
#contentAll #contentHeadMain p.hdr3dsLogo{
	position:absolute;
	top:2px;
	right:10px;
	width:86px;
	height:13px;
	font-size:0px;
	background: none;
	border: none;
	padding: 5px 0;
	display: block;
}

#contentAll #contentHeadMain p.hdr3dsLogo img{width: 86px;}

#contentAll #contentHeadMain p.hdr3dsTop{
	display: none;
}

/* hdrSpBtn */
#contentAll #contentHeadMain p.hdrSpBtn{
	display:block;
	width:45px;
	height:48px;
	position:absolute;
	top:24px;
	right:13px;
	z-index:101;
}
#contentAll #contentHeadMain p.hdrSpBtn a{
	display:block;
	width:45px;
	height:48px;
	background:transparent url(img/3ds_megami_gnav_btn_sp.png) no-repeat left top;
	background-size:45px 96px;
	text-indent:-9999px;
}
#contentAll #contentHeadMain p.hdrSpBtn a.on{background-position:0px -48px;}

/* hdrGnavBox */
#contentAll div.hdrGnavBox{display: none; margin-bottom:10px;}

/* hdrGnavList */
#contentAll div.hdrGnavBox ul#hdrGnavList{
	width:100%;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:100;
	padding-top:0px;
	margin-top: 20px;
	}
#contentAll div.hdrGnavBox ul#hdrGnavList li{width:100%; float:none; font-size:18px; background:#ffd9fd !important; color: #e4007f; display:block!important;}

#contentAll div.hdrGnavBox ul#hdrGnavList li span{
	display:block;
	background:transparent url(img/3ds_gnav_arrow_sp.png) no-repeat right;
	background-size:10px 12px;
	padding-right:30px;
}

#contentAll div.hdrGnavBox ul#hdrGnavListSP li a,
#contentAll div.hdrGnavBox ul#hdrGnavListSP li span.noLink{
	border-bottom:#ffffff 1px solid;
	padding:9px 7px;
	text-indent:0px;
	margin:0px;
	background: none!important;
	color: #999;
}
#contentAll div.hdrGnavBox ul#hdrGnavList li a         {text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:link    {color:#ff3399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:visited {color:#ff3399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:hover   {color:#ff3399;text-decoration:none;}
#contentAll div.hdrGnavBox ul#hdrGnavList li a:active,
#contentAll div.hdrGnavBox ul#hdrGnavList li a:focus   {color:#ff3399;text-decoration:none;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav01,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav02,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav03,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav04,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav05,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav06,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav07,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav08,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav09,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav10{width:100%; height:auto; margin: 0; background: none;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav01 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav02 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav03 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav04 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav05 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav06 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav07 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav08 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav09 .noLink,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav10 .noLink{width:auto; height:auto; background: none; color:#ccc;}

#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav01 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav02 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav03 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav04 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav05 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav06 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav07 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav08 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav09 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav10 a,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav01 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav02 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav03 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav04 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav05 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav06 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav07 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav08 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav09 a:hover,
#contentAll div.hdrGnavBox ul#hdrGnavList li#gNav10 a:hover{ margin:0px; color: #e4007f; background: none; width: auto; height: auto;}


/* footer
===========================================*/
#content3dsFoot{
	width: 100%;
	background-color: #f9338b;
	padding: 0!important;
	border-top: 1px solid #fff;
	border-bottom: none;
	border-right: none;
	border-left: none;
}


#content3dsFoot ul{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
	font-size: 14px;
}

#content3dsFoot ul li{
	display: inline-block;
	padding-right: 5px;
	width: 50%;
	padding: 3px 0px 2px;
	border-bottom: 1px solid #fff;
	line-height: 1;
	vertical-align: top;
	height: 43px;
	position: relative;
	margin: 0;
}

#content3dsFoot ul li:nth-child(2n+2){
	border-right: none;
	width: 49.5%
}

#content3dsFoot ul li span.footBdr{
	border-right: none;
}

#content3dsFoot ul li span.footBdr01{
	border-right: none;
	padding-right: 0px;
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	bottom: 0;
	line-height:1.2em;
	text-align:center;
}

#content3dsFoot ul li span.footBdr02{
	border-right: none;
	padding-right: 0px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height:45px;
	text-align:center;
}

#content3dsFoot ul li span.brNone{
	border-right: none;
}

#content3dsFoot ul li a{
	text-decoration: underline;
	color: #fff!important;
	display: block;
	width: 100%;
	height: 43px;	
}

/* contentBodyFootWrap */
#contentAll #contentBodyFootWrap{padding:10px 10px 20px;}

#contentAll #contentBodyFoot{
	width:100%;
	margin:0px auto;
}



/* contentFootMain */
#contentAll #contentFootMain{
	width:auto;
	overflow:hidden;
	padding:0px;
	margin:0px auto;
	height:42px;
}

#contentAll #contentFootMain p{
	padding:5px 0px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(img/ftr_logo_sp.png) no-repeat right;
	background-size:114px 32px;
}
	
	/* main
===========================================*/
#contentAll{
	background: url(/img/3ds_megami/tds_megami_bg.jpg) 0 0 repeat;
	-webkit-background-size: 299px auto;
	background-size: 299px auto;
}	


/* contentBodyMain */
#contentAll #contentBodyMain{
	background:none;
	border:none;
}

#contentAll #contentBodyMain h1{ margin:0 0 10px;}

/* mainArea */
#contentAll #contentBodyMain div.mainArea{padding:10px 0px 0px;}
#contentAll #contentBodyMain div.mainArea2{padding:0px; margin:0px auto 0px;}

#contentAll #contentBodyMain h1 img{height:auto;}

/* newsArea || movieArea || basicArea */
#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.basicArea,
#contentAll #contentBodyMain div.movieArea,
#contentAll #contentBodyMain div.twterArea,
#contentAll #contentBodyMain div.charaArea{
	width:auto;
	float:none;
	margin-right:0px;
	margin-bottom:10px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
}

#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.movieArea,
#contentAll #contentBodyMain div.twterArea,
#contentAll #contentBodyMain div.charaArea{
	background:#ffeefc url(../img/3ds_megami/tds_megami_h2_bg01.png) repeat-x left top;
	background-size:auto 80px;
	border:#f7dc1d 4px solid;
	margin:30px 0 40px;
}

#contentAll #contentBodyMain div.basicArea{
	background:#e9f9ff url(../img/3ds_megami/tds_megami_h2_bg02.png) repeat-x left top;
	background-size:auto 80px;
	border:#f7dc1d 4px solid;
	margin:30px 0;
}

#contentAll #contentBodyMain div.newsArea:before,
#contentAll #contentBodyMain div.basicArea:before,
#contentAll #contentBodyMain div.movieArea:before,
#contentAll #contentBodyMain div.twterArea:before,
#contentAll #contentBodyMain div.charaArea:before{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_top.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 32px;
	margin-top: -27px;
	-webkit-background-size: auto 32px;
	background-size: auto 32px;
}
/*
#contentAll #contentBodyMain div.newsArea:after,
#contentAll #contentBodyMain div.basicArea:after,
#contentAll #contentBodyMain div.movieArea:after,
#contentAll #contentBodyMain div.twterArea:after,
#contentAll #contentBodyMain div.charaArea:after{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_btm.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 32px;
	margin-bottom: -27px;
	-webkit-background-size: auto 32px;
	background-size: auto 32px;
}
*/

#contentAll #contentBodyMain div.newsArea div.topHdrBox,
#contentAll #contentBodyMain div.basicArea div.topHdrBox,
#contentAll #contentBodyMain div.movieArea div.topHdrBox,
#contentAll #contentBodyMain div.twterArea div.topHdrBox,
#contentAll #contentBodyMain div.charaArea div.topHdrBox{
	height:auto;
}

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2{background:transparent url(../img/3ds_megami/tds_top_news_ttl_sp.png) no-repeat left top; padding-top: 0px;}
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2{background:transparent url(../img/3ds_megami/tds_top_basic_ttl_sp.png) no-repeat left top; padding-top: 0px;}
#contentAll #contentBodyMain div.movieArea div.topHdrBox h2{background:transparent url(../img/3ds_megami/tds_top_movie_ttl_sp.png) no-repeat left top; padding-top: 0px;}

#contentAll #contentBodyMain div.charaArea div.topHdrBox h2{
	padding: 0;
}

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.twterArea div.topHdrBox h2 img{
	width: 160px;
}

#contentAll #contentBodyMain div.movieArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.charaArea div.topHdrBox h2 img{
	width: 260px;
}

#contentAll #contentBodyMain .topLstBoxWrap,
#contentAll #contentBodyMain .topLstBoxWrap02{
    padding: 10px;
    overflow: auto;
    height: auto;
    min-height: 0px;
    margin-bottom: 0px;
}

#contentAll #contentBodyMain .topLstBoxWrap02 p img{
	width: 200px;
}

/* topLstBox */
#contentAll #contentBodyMain div.newsArea div.topLstBox{
	height:auto;
	overflow:visible;
	padding:15px 10px 10px;
	margin-bottom:0px;
}

#contentAll #contentBodyMain div.basicArea div.topLstBox{
	height:auto;
	overflow:visible;
	padding:30px 10px 20px;
	margin-bottom:0px;
}

/* bscListA */
#contentAll #contentBodyMain div.newsArea dl.bscListA dt{color:#999999;}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd:last-child{background:none; padding-bottom:0px;}

#contentAll #contentBodyMain div.newsArea dl.bscListA dd{
	background:transparent url(/img/3ds_megami/tds_dotline01.png) repeat-x left bottom;
	background-size:auto 1px;
}

#contentAll #contentBodyMain div.newsArea dl.bscListA dd span{
	background:transparent url(/img/3ds_megami/tds_arrow01_sp.png) no-repeat 0px 0.3em;
	background-size:15px 15px;
	width:auto;
}
#contentAll #contentBodyMain span.kindIcon02{background:transparent url(/img/3ds_megami/tds_megami_kind_icon01_sp.png) no-repeat left top; background-size:115px 20px;}

/* basicArea */
#contentAll #contentBodyMain div.basicArea p{
	width:100%;
	float:none;
	margin:0px 0px 20px;
	text-align:center;
}
#contentAll #contentBodyMain div.basicArea p img{width:141px; height:auto;}

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst{
	width:auto;
	float:none;
	margin:0px auto;
}

#contentAll #contentBodyMain .attend img{ width: 235px;  margin: 0 auto; }

/* bannerArea */
#contentAll #contentBodyMain div.bannerArea{margin-top: 15px;}
#contentAll #contentBodyMain div.bannerArea ul{margin:0 auto;}
#contentAll #contentBodyMain div.bannerArea ul li{
	margin:0px 5px;
	width:182px;
	height:49px;
}
#contentAll #contentBodyMain div.bannerArea ul li img{ width:182px;}

/* movie */
#contentAll #contentBodyMain .movieBox{ padding: 5px 10px;}
#contentAll #contentBodyMain .movieBoxInner{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height: 0;
	overflow:hidden;
	}

#contentAll #contentBodyMain .movieBoxInner iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	}



/* gorgeouspack.html */
/* gorgeousArea*/
#contentAll #contentBodyMain div.gorgeousArea,
#contentAll #contentBodyMain div.specialArea,
#contentAll #contentBodyMain div.storycaraArea,
#contentAll #contentBodyMain div.mydressArea,
#contentAll #contentBodyMain div.priparaArea,
#contentAll #contentBodyMain div.mycharaArea,
#contentAll #contentBodyMain div.exchangeArea,
#contentAll #contentBodyMain div.arcadeArea,
#contentAll #contentBodyMain div.sp_2jigenArea,
#contentAll #contentBodyMain div.trialArea{
	width:auto;
	float:none;
	margin-right:0px;
	margin-bottom:10px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
}

#contentAll #contentBodyMain div.gorgeousArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg03.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}
#contentAll #contentBodyMain div.specialArea{
	background:#fff7e3 url(../img/3ds_megami/tds_megami_h2_bg04.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}

#contentAll #contentBodyMain div.storycaraArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg05_sp.png) repeat-x left top;
	background-size:auto 90px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}

#contentAll #contentBodyMain div.mydressArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg06.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}

#contentAll #contentBodyMain div.priparaArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg07_sp.png) repeat-x left top;
	background-size:auto 90px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}

#contentAll #contentBodyMain div.mycharaArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg08.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}
#contentAll #contentBodyMain div.exchangeArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg09.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}

#contentAll #contentBodyMain div.arcadeArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg10.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}
#contentAll #contentBodyMain div.sp_2jigenArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg11.png) repeat-x left top;
	background-size:auto 72px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}

#contentAll #contentBodyMain div.trialArea{
	background:#fffce1 url(../img/3ds_megami/tds_megami_h2_bg12_sp.png) repeat-x left top;
	background-size:auto 90px;
	border:#f7dc1d 4px solid;
	margin:30px 0 10px;
	padding: 0 5px;
}



#contentAll #contentBodyMain div.gorgeousArea:before,
#contentAll #contentBodyMain div.specialArea:before,
#contentAll #contentBodyMain div.storycaraArea:before,
#contentAll #contentBodyMain div.mydressArea:before,
#contentAll #contentBodyMain div.priparaArea:before,
#contentAll #contentBodyMain div.mycharaArea:before,
#contentAll #contentBodyMain div.exchangeArea:before,
#contentAll #contentBodyMain div.arcadeArea:before,
#contentAll #contentBodyMain div.sp_2jigenArea:before,
#contentAll #contentBodyMain div.trialArea:before{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_top.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 32px;
	margin-top: -27px;
	-webkit-background-size: auto 32px;
	background-size: auto 32px;
}
/*
#contentAll #contentBodyMain div.gorgeousArea:after,
#contentAll #contentBodyMain div.specialArea:after,
#contentAll #contentBodyMain div.storycaraArea:after,
#contentAll #contentBodyMain div.mydressArea:after,
#contentAll #contentBodyMain div.priparaArea:after{
	content: "";
	background:url(/img/3ds_megami/tds_megami_deco_btm.png) top center no-repeat;
	text-align: center;
	display: block;
	height: 32px;
	margin-bottom: -27px;
	-webkit-background-size: auto 32px;
	background-size: auto 32px;
}
*/

#contentAll #contentBodyMain div.gorgeousArea div.topHdrBox,
#contentAll #contentBodyMain div.specialArea div.topHdrBox,
#contentAll #contentBodyMain div.mydressArea div.topHdrBox,
#contentAll #contentBodyMain div.mycharaArea div.topHdrBox,
#contentAll #contentBodyMain div.exchangeArea div.topHdrBox,
#contentAll #contentBodyMain div.arcadeArea div.topHdrBox,
#contentAll #contentBodyMain div.sp_2jigenArea div.topHdrBox{
	height:auto;
	min-height: 60px;
}

#contentAll #contentBodyMain div.storycaraArea div.topHdrBox,
#contentAll #contentBodyMain div.priparaArea div.topHdrBox,
#contentAll #contentBodyMain div.trialArea div.topHdrBox{
	height:auto;
	min-height: 90px;
}

#contentAll #contentBodyMain div.gorgeousArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.specialArea div.topHdrBox h2 img{
	width: 186px;
	height: auto;
}

#contentAll #contentBodyMain div.storycaraArea div.topHdrBox h2 img{
	width: 277px;
	height: auto;
	margin: 0 auto;
}

#contentAll #contentBodyMain div.priparaArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.trialArea div.topHdrBox h2 img{
	width: 251px;
	height: auto;
	margin: 0 auto;
	padding: 0px 0 0;
}

#contentAll #contentBodyMain div.mydressArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.mycharaArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.exchangeArea div.topHdrBox h2 img{
	width: 212px;
	height: auto;
	margin: 0 auto;
}
#contentAll #contentBodyMain div.arcadeArea div.topHdrBox h2 img,
#contentAll #contentBodyMain div.sp_2jigenArea div.topHdrBox h2 img{
	width: 320px;
	height: auto;
	margin: 0 auto;
}
#contentAll #contentBodyMain div.sp_2jigenArea div.topHdrBox h2 img{ margin-top: 6px;}


/* arcadeArea Btn */
.arcadeArea .btnBlock01{
	width: auto;
	position: relative;
	margin: 0 auto!important;
}

.arcadeArea .btnBlock01 .arcadebtn{
	position: absolute;
	bottom: 0;
	left: 30%;
}
	
.arcadeArea .btnBlock01 .arcadebtn img,
.arcadeArea .btnBlock02 .arcadebtn img{
	width: 50%;
}

.arcadeArea .btnBlock02{
	width: auto;
	position: relative;
	margin: 0 auto!important;
}

.arcadeArea .btnBlock02 .arcadebtn{
	position: absolute;
	bottom: 2%;
	left: 6%;
}


/* sp_2jigen
====================================*/

#contentAll .sp_2jigenNewArea{
	width:auto;
	float:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background:#fff url(../img/3ds_no1/3ds_no1_sp_2jigen_newbg1.png) repeat-x left top;
	background-size:40px 37px;
	border:#cccccc 1px solid;
	margin:20px 5px 0px;
}


#contentAll .sp2jigenAtt{
	width:auto;
	margin:10px 3% 0px;
	font-size:12px;
}

#contentAll .sp_2jigenNewArea{
	width:auto;
	float:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background:#fff url(../img/3ds_megami/sp_2jigen_newbg.png) repeat-x left top;
	background-size:40px 37px;
	border:#cccccc 1px solid;
	margin:10px 5px 20px;
}

#contentAll #contentBodyMain .sp_2jigenNewArea .sp2jgnHdrBox{height:34px; background:none;}

#contentAll #contentBodyMain .sp_2jigenNewArea .sp2jgnHdrBox h2{ margin-top: 10px!important; font-size: 10px;}
#contentAll #contentBodyMain .sp_2jigenNewArea .sp2jgnHdrBox h2 img{ width: 320px;}

#contentAll #contentBodyMain .sp_2jigenNewArea .sp2jgnNewBox{
	height:auto;
	overflow:visible;
	padding:15px 10px 10px;
	margin-bottom:0px;
}

#contentAll #contentBodyMain .sp_2jigenNewArea dl.sp2jgnBscListA dd:last-child{background:none; padding-bottom:0px;}

#contentAll #contentBodyMain .sp_2jigenNewArea dl.sp2jgnBscListA dd{
	background:transparent url(../img/3ds_megami/sp_2jigen_dotline01.png) repeat-x left bottom;
	background-size:220px 1px;
}

#contentAll #contentBodyMain .sp_2jigenNewArea dl.sp2jgnBscListA span{
	background:transparent url(../img/3ds_megami/sp_2jigen_arrow01_sp.png) no-repeat 0px 0.3em;
	background-size:15px 15px;
	width:auto;
}


/* sp_2jigen_list
====================================*/

#contentAll #contentBodyMain .sp2jigenCodeList{
	width:auto;
	margin:0px auto 20px;
	padding-top:0px;
}
#contentAll #contentBodyMain .sp2jigenCodeList li{
	display:block;
	width:auto;
	margin:20px 4px 0px;
}

#contentBody table.sp2jigenTbl{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	empty-cells:show;
	text-align:left;
	border-bottom:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}

#contentBody table.sp2jigenTbl th{


	padding:5px 5px;
	font-size:12px;
	width:76px;
	box-sizing:border-box;
}

#contentBody table.sp2jigenTbl td{

	padding:5px 5px;

	font-size:12px;
}

#contentBody table.sp2jigenTbl td span{display:block;}
#contentBody table.sp2jigenTbl td .sp2jgnTblSt01{padding:0px 5px;}
#contentBody table.sp2jigenTbl td .sp2jgnTblSt02{padding:5px 5px 0px;}
#contentBody table.sp2jigenTbl td .sp2jgnTblImg01,
#contentBody table.sp2jigenTbl td .sp2jgnTblImg02{text-align:center;}
#contentBody table.sp2jigenTbl td .sp2jgnTblImg01 img{height:146px;}
#contentBody table.sp2jigenTbl td .sp2jgnTblImg02 img{height:100px;}
#contentBody table.sp2jigenTbl td ul.list li{
    width: 90%!important;
    margin-top: 5px!important;
}
#contentBody table.sp2jigenTbl .fst{border-top:2px solid #ccc;}

#contentBody table.sp2jigenTbl tr:first-child th:first-child,
#contentBody table.sp2jigenTbl tr:first-child td:first-child {
    -webkit-border-radius: 10px 0 0 0;
       -moz-border-radius: 10px 0 0 0;
         -o-border-radius: 10px 0 0 0;
            border-radius: 10px 0 0 0;
}

#contentBody table.sp2jigenTbl tr:first-child th:last-child,
#contentBody table.sp2jigenTbl tr:first-child td:last-child {
    -webkit-border-radius: 0 10px 0 0;
       -moz-border-radius: 0 10px 0 0;
         -o-border-radius: 0 10px 0 0;
            border-radius: 0 10px 0 0;
}

#contentBody table.sp2jigenTbl tr:last-child th:first-child,
#contentBody table.sp2jigenTbl tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 10px;
       -moz-border-radius: 0 0 0 10px;
         -o-border-radius: 0 0 0 10px;
            border-radius: 0 0 0 10px;
}

#contentBody table.sp2jigenTbl tr:last-child th:last-child,
#contentBody table.sp2jigenTbl tr:last-child td:last-child {
    -webkit-border-radius: 0 0 10px 0;
       -moz-border-radius: 0 0 10px 0;
         -o-border-radius: 0 0 10px 0;
            border-radius: 0 0 10px 0;
}

/* updMainBox2 */
#contentAll #contentBodyMain .updMainBox2{
	width:auto;
	border:#49cdff 1px solid;
	padding:12px 9px 0px 9px;
	margin-bottom:10px;
}

#contentAll #contentBodyMain .updMainBox2 dl dt{
	font-size:14px;
	line-height:1.1;
	border-bottom:#49cdff 1px solid;
	padding:0px 10px 6px 10px;
	margin-bottom:5px;
}

#contentAll #contentBodyMain .updMainBox2 dl dd{
	margin-bottom:15px;
	font-size:12px;
}
#contentAll #contentBodyMain .updMainBox2 dl dd img{width:15px; height:auto;}
#contentAll #contentBodyMain .updMainBox2 dl dd .updSubNote{font-size:11px;}

#contentAll #contentBodyMain .updTxt01{margin:0px 12% 10px;}
#contentAll #contentBodyMain .updTxt02{width:auto; font-size:12px;}




.spNone,.spNone02{display: none;}
.pcNone{display: block;}

#contentAll .margB30{margin-bottom: 15px!important;}



}