@charset "UTF-8";
/*======================================================
	Reset Html5Doctor
=========================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul, li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
    border: none;
}

input[type="submit"],
input[type="button"],
button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  padding:0;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus,
button::focus {
  outline-offset: -2px;
}

img {vertical-align: top;}



/*======================================================
 Common
=========================================================*/
html {height:100%;}
body {
	background: url("../img/common/bg.jpg") repeat-y left top;
	background-size: 100%;
/*	font-family: "Sawarabi Mincho", serif;*/
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-size: 26px;
	word-break: break-all;
	color: #5b5951;
	width: 750px;
	-webkit-text-size-adjust: 100%;
	line-height:120%;
	position:relative;
    height:100%;
}
h2{font-size:35px;}
/*input[type=submit]{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Sawarabi Mincho", serif;}*/
input[type=submit]{font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';}
dl dt, dl dd{float:left; padding:10px;}
dl dt{clear:left;}
select{background:#FFF; padding:8px; border:1px solid #c28b5c; border-radius:5px; font-size:26px;}



/*======================================================
 text design
=========================================================*/
.btn a, .btn input[type=submit], #ctn-popup .title{
	letter-spacing:-1px;
	color: #ed4870;
	text-decoration:none;
	font-size: 32px;
	font-weight:bold;
	font-family: "Sawarabi Mincho", serif;
}
#ctn-popup .title{color: #a66c22;}
#ctn-popup .title{
	text-shadow: 
		0px 4px 1px #FFF, 1px 3px 1px #FFF, 2px 3px 1px #FFF, 2px 2px 1px #FFF, 3px 2px 1px #FFF, 3px 1px 1px #FFF,
		4px 0px 1px #FFF, 3px -1px 1px #FFF, 3px -2px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF,
		0px -4px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -2px -2px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF,
		-4px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -2px 3px 1px #FFF, -1px 3px 1px #FFF,
		-2px 4px 1px #a66c22, 0px 4px 1px #a66c22, 2px 4px 1px #a66c22,
		-2px 5px 1px #a66c22, 0px 5px 1px #a66c22, 2px 5px 1px #a66c22,
		-2px 6px 1px #a66c22, 0px 6px 1px #a66c22, 2px 6px 1px #a66c22;
}

.btn.natural a, .btn.natural input[type=submit]{color: #a5681a;}
.btn.orange a, .btn.orange input[type=submit]{color: #f25d2f;}
.btn.gray a, .btn.gray input[type=submit]{color: #868686;}
.btn a, .btn input[type=submit]{
	text-shadow: 
		0px 4px 1px #FFF, 1px 3px 1px #FFF, 2px 3px 1px #FFF, 2px 2px 1px #FFF, 3px 2px 1px #FFF, 3px 1px 1px #FFF,
		4px 0px 1px #FFF, 3px -1px 1px #FFF, 3px -2px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF,
		0px -4px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -2px -2px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF,
		-4px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -2px 3px 1px #FFF, -1px 3px 1px #FFF;
}
h1.header, section h2{
	letter-spacing:-1px;
	color: #a66c22;
	text-shadow: 
		0px 4px 1px #FFF, 1px 3px 1px #FFF, 2px 3px 1px #FFF, 2px 2px 1px #FFF, 3px 2px 1px #FFF, 3px 1px 1px #FFF,
		4px 0px 1px #FFF, 3px -1px 1px #FFF, 3px -2px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF,
		0px -4px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -2px -2px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF,
		-4px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -2px 3px 1px #FFF, -1px 3px 1px #FFF,
		-2px 4px 1px #a66c22, 0px 4px 1px #a66c22, 2px 4px 1px #a66c22,
		-2px 5px 1px #a66c22, 0px 5px 1px #a66c22, 2px 5px 1px #a66c22,
		-2px 6px 1px #a66c22, 0px 6px 1px #a66c22, 2px 6px 1px #a66c22;
	text-decoration:none;
	font-family: "Sawarabi Mincho", serif;
}
.txt-shadow-1{
	letter-spacing:-1px;
	color: #b39165;
	font-weight:bold;
	text-decoration:none;
}
.txt-shadow-1{
	text-shadow: 
       3px  3px 2px #FFF,-3px  3px 2px #FFF,3px -3px 2px #FFF,-3px -3px 2px #FFF,
       3px  0px 2px #FFF,0px  3px 2px #FFF,-3px  0px 2px #FFF,0px -3px 2px #FFF,
	   0px 4px 1px #9a6900,-2px 4px 1px #9a6900,2px 4px 1px #9a6900,4px 0px 1px #9a6900;
}
.txt-shadow-2{
	text-shadow: 
       3px  3px 2px #888,-3px  3px 2px #888,3px -3px 2px #888,-3px -3px 2px #888,
       3px  0px 2px #888,0px  3px 2px #888,-3px  0px 2px #888,0px -3px 2px #888,
	   0px 4px 1px #888,-2px 4px 1px #888 4px 1px #888 0px 1px #888;
}
.txt-white-outline{
	text-shadow: 
		0px 4px 1px #FFF, 1px 3px 1px #FFF, 2px 3px 1px #FFF, 2px 2px 1px #FFF, 3px 2px 1px #FFF, 3px 1px 1px #FFF,
		4px 0px 1px #FFF, 3px -1px 1px #FFF, 3px -2px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF,
		0px -4px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -2px -2px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF,
		-4px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -2px 3px 1px #FFF, -1px 3px 1px #FFF;
}
.btn-simple a, .btn-simple input[type=submit]{
	color:#ff0054;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 
		0px 4px 1px #FFF, 1px 3px 1px #FFF, 2px 3px 1px #FFF, 2px 2px 1px #FFF, 3px 2px 1px #FFF, 3px 1px 1px #FFF,
		4px 0px 1px #FFF, 3px -1px 1px #FFF, 3px -2px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF,
		0px -4px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -2px -2px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF,
		-4px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -2px 3px 1px #FFF, -1px 3px 1px #FFF;
	    /*0px 5px 1px #9a6900,-2px 5px 1px #9a6900, 2px 5px 1px #9a6900, 0px 5px 0px #9a6900*/
	font-family: "Sawarabi Mincho", serif;
}
.btn-simple.blue a{color:#007a8c;}
.btn-simple.gray a{color:#757575;}



/*======================================================
 header
=========================================================*/
#p-top h1{
	background: url("../img/common/maintitle-2025.png") no-repeat left top;
	width:100%;
	height:768px;
	text-indent: -9999px;
}

h1.header {
	background: url("../img/common/header-bg.png") repeat-x left top;
	width:100%;
	height:83px;
	line-height:83px;
	font-size:38px;
	text-align:center;
}


/*======================================================
 overlay menu
=========================================================*/
#menu-wrapper{
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    z-index: 100;
}
#menu-container{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    overflow-y: scroll;
    overflow-x: hidden;
}
#menu-content{
	width: 750px;
    height: 1030px;
    background: url(../img/common/menu-20240501.png) no-repeat left top;
    margin: 50px auto;
    position: relative;
    box-sizing: border-box;
    padding: 135px 84px 20px 84px;
}
#menu-content .close-menu{
    background: url(../img/common/dialog.png) no-repeat 0 -66px;
    width: 62px;
    height: 62px;
    position: absolute;
    top: -22px;
    right: 2px;
    text-indent: -9999px;
    z-index: 100;
}
#menu-content .menu-col{overflow:hidden;}
#menu-content .menu-col li{
	display: block;
    width: 265px;
    height: 85px;
    margin-bottom: 15px;
    float: left;
}
#menu-content .menu-col li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#menu-content .menu-col.col2 li:nth-child(even){margin-left: 50px;}
#menu-content .menu-col.col1 li{margin: 0 auto; float: none; margin-bottom: 22px;}
#menu-content .menu-col.col3 li{
    width: 176px;
    height: 135px;
    margin-right: 25px;
    margin-bottom: 13px;
}
#menu-content .menu-col.col3 li:nth-child(3n){margin-right:0;}
#menu-content .menu-btn li.top a{
	display:block;
	width:336px;
	height:78px;
	background: url(../img/common/menu-btn.png) no-repeat left top;
	float:left;
	text-indent:-9999px;
	margin-left:10px;
}
#menu-content .menu-btn li.help a{
	width:203px;
	height:78px;
	background: url(../img/common/menu-btn.png) no-repeat left -90px;
	float:left;
	text-indent:-9999px;
	margin-left:10px;
}
#menu-content .menu-top-btn a{width:345px; height:78px; display:block; text-indent:-9999px;}


/*======================================================
 floating menu
=========================================================*/
#floating-menu{
	position:fixed;
	z-index:10;
	bottom:0;
	width:100%;
	background: url("../img/common/floating-menu-3.png") no-repeat left top;
}
#floating-menu ul{overflow:hidden;}
#floating-menu ul li{
	display:block;
	float:left;
	width:130px;
	height:295px;
	position:relative;
}
#floating-menu ul li a{
	position:absolute;
	width:100%;
	height:170px;
	bottom:34px;
	text-indent:-9999px;
}
#floating-menu ul li.story{width:230px;}
#floating-menu ul li.story a{height:290px;}
#floating-menu ul li.story span.ticket{
	width:230px;
	height:60px;
	font-size:40px;
	line-height:60px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	bottom:80px;
}
#floating-menu ul li.battle span.stamina{
	width:141px;
	height:45px;
	font-size:25px;
	color:#ff4b8c;
	line-height:55px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	bottom:45px;
	left:-5px;
	background: url(../img/mypage/btn-parts.png) no-repeat left top;
	background-position:0 -420px;
}
#floating-menu.normal{background: url("../img/common/floating-menu-4.png") no-repeat left top;}
#floating-menu.normal ul li{height:241px;}
#floating-menu ul li.mypage{width:230px;}
#floating-menu ul li.mypage a{height:165px;}
/*#floating-menu.relative{position:relative;}*/
#floating-menu-static{height:290px;}
#floating-menu-static.normal{height:236px;}
#floating-menu p.early-clear-popup{
	width:242px;
	height:97px;
	position:absolute;
    top: -15px;
    left: 60px;
    	background: url(../img/mypage/early-clear-popup.png) no-repeat left top;
	line-height:34px;
	padding-top:3px;
}
#floating-menu p.battle-fever-time{
    width: 130px;
    height: 114px;
    position: absolute;
    top: 60px;
    left: 130px;
    background: url(../img/mypage/fever-popup.gif) no-repeat left top;
    text-indent: -9999px;
}


/*======================================================
 message-balloon
=========================================================*/
#message-balloon{
	width:693px;
	height:265px;
	background: url("../img/common/message-balloon-1-2025.png") no-repeat left top;
	margin:0 auto;
	position: relative;
}
#message-balloon.type1{background: url("../img/common/message-balloon-1-2025.png") no-repeat left top;}
#message-balloon.type2{background: url("../img/common/message-balloon-2-2025.png") no-repeat left top;}
#message-balloon.type3{background: url("../img/common/message-balloon-3-2025.png") no-repeat left top;}
#message-balloon.type4{background: url("../img/common/message-balloon-4-2025.png") no-repeat left top;}
#message-balloon.type-sad{background: url("../img/common/message-balloon-5-2025.png") no-repeat left top;}
#message-balloon .message{
	position: absolute;
	right:15px;
	top:35px;
	width:390px;
	height:190px;
	box-sizing:border-box;
	padding:20px;
}


/*======================================================
 line-separate-block
=========================================================*/
.line-separate-block, .line-separate-block-2{
	position:relative;
}
.line-separate-block:before, .line-separate-block:after, .line-separate-block-2:after{
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:13px;
	z-index:10;
}
.line-separate-block:before{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANBAMAAACa+RnBAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAJ1BMVEUAAAAAAAAAAAD/4en/9vf/7e3/9PX/9vb/9Pb/8fT/3ef/ydj/7vJtFwqgAAAAA3RSTlNmTBoXgoo/AAAAIklEQVQI12MIYChgSGBwYGhgmMBwgMGAYQHDBgYGBgEGBQBGGgTh1CyMngAAAABJRU5ErkJggg==);
}
.line-separate-block:after, .line-separate-block-2:after{
	top:auto;
	bottom:-2px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANBAMAAACa+RnBAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAJ1BMVEUAAAAAAAAAAAD/ydj/9vf/7vL/9PX/9vb/9Pb/8fT/////3ef/4enlQYwMAAAAA3RSTlNmTBoXgoo/AAAAIklEQVQI12NQYBBgYGAwYNjAcIAhgGECQwODA0MCQwHDAgAzegTheBiEwAAAAABJRU5ErkJggg==);
}
.line-separate-block-3, .line-separate-block-4{
	position:relative;
	padding:50px;
	background-color:#FFF;
	margin-bottom:40px;
}
.line-separate-block-3 .title, .line-separate-block-4 .title{
	position:absolute;
	top:-40px;
	width:610px;
	height:80px;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	width:610px;
}
.line-separate-block-3 .title{top:-60px;}
.line-separate-block-4{padding:30px 50px 20px 50px;}
.line-separate-block-3 .inner, .line-separate-block-4 .inner{
	position:relative;
	z-index:1;
	padding:20px;
}
.line-separate-block-3:before, .line-separate-block-3:after, .line-separate-block-4:before, .line-separate-block-4:after{
	content:' ';
	position:absolute;
	top:-50px;
	left:0;
	width:100%;
	height:110px;
	z-index:0;
}
.line-separate-block-3:before{
	background: url("../img/common/frame-decoration-3-2019.png") no-repeat left top;
}
.line-separate-block-3:after{
	height:240px;
	top:auto;
	bottom:-40px;
	background: url("../img/common/frame-decoration-4-2019.png") no-repeat left top;
}
.line-separate-block-4:before{
	height:90px;
	background: url("../img/common/frame-decoration-5.png") no-repeat left top;
}
.line-separate-block-4:after{
	height:90px;
	top:auto;
	bottom:-40px;
	background: url("../img/common/frame-decoration-6.png") no-repeat left top;
}
/* mypage separate line */
.line-separate-block-5{
	position:relative;
	margin-bottom:50px;
}
.line-separate-block-5:before{
	content:' ';
	position:absolute;
	top:-52px;
	height:120px;
	width:100%;
	background: url("../img/mypage/separate-line.png") no-repeat left top;
	background-size:contain;
	z-index:5;
}
.line-separate-block-5:after{
	content:' ';
	position:absolute;
	width:100%;
	height:10px;
	z-index:5;
	left:0;
	bottom:-8px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKBAMAAACH/Cl5AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAElBMVEW+kUH///++kEC9kED////y6dmuVA/UAAAABHRSTlMzEaby5wdwzQAAABRJREFUCNdjEGBwgMMABgMGBQYGABUEAfGIRl9CAAAAAElFTkSuQmCC);
}





/*======================================================
 item-list
=========================================================*/
.item-list-wrap{overflow:auto;}
.item-list-wrap.visible{overflow:visible;}
.item-list{
	width:100%;
	background-color:rgba(255, 255, 255, 0.8);
	border-radius:20px;
	margin-bottom:40px;
	box-sizing:border-box;
	padding:10px;
	position:relative;
}
.item-list h3{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #b39165; font-size:32px; text-align:center;}
.item-list .content{overflow:hidden;}
.item-list:after{
	width:628px;
	height:17px;
	background: url(../img/common/separate-line-1.png) no-repeat center top;
	content:"";
	position:absolute;
	bottom:-30px;
	left:20px;
	display:block;
}
.item-list.no-line:after, .item-list:last-child:after{
	background:none;
}
.tab-content .item-list:after, #ctn-popup .item-list:after{left:0;}
.item-list .image{float:left; width:35%; padding:10px; box-sizing:border-box;}
.item-list .image img{width:100%;}
.item-list .info{float:left; width:65%; padding:10px; box-sizing:border-box;}
.item-list .info .name{font-weight:bold; color:#007a8c; font-size:28px;}
.item-list .info .action{text-align:right;}
.item-list input[type=checkbox]{width:40px; height:40px;}
.item-list:last-child{margin-bottom:0;}
.item-list.list2 .expiration-date{
	position:absolute;
	width:378px;
	height:63px;
	top:-31px;
	right:10px;
	line-height:63px;
	text-align:center;
	box-sizing:border-box;
	padding:0 10px 0 170px;
	background: url(../img/itembox/parts.png) no-repeat left top;
}
.item-list.list2:last-child{margin-bottom:0;} 
.item-list.list2:after{content:none;}
.item-list.list2 .info{margin-top:15px;}
.item-list.list2 .check-action{
	width:43px;
	height:43px;
	position:absolute;
    top: -22px;
    left: -13px;
	background: url(../img/itembox/parts.png) no-repeat left -120px;
	display:block;
}
.item-list.list2 .check-action.on{
	background: url(../img/itembox/parts.png) no-repeat left -70px;
}
.item-list.list2 .tutorial-msg{
    position: absolute;
    top: -5px;
    left: -5px;
    width: 640px;
    height: 275px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    font-size: 30px;
    text-align: center;
    line-height: 285px;
    z-index: 10;
    border-radius: 20px;
}




/*======================================================
 tab
=========================================================*/
.tab-block{
	width:710px;
	margin:0 auto;
}
.tab-block ul.tab-list{
	overflow:hidden;
}
.tab-block ul.tab-list li{
	float:left;
	height:130px;
	position:relative;
}
.tab-block ul.tab-list a{
	display:block;
	text-decoration:none;
	text-align:center;
	height:100%;
	font-size:28px;
	font-weight:bold;
	line-height:80px;
	color:#a9532e;
	border-radius: 30px 30px 0 0 / 30px 30px 0 0;
	box-sizing:border-box;
	border:1px solid #d8c29c;
	background-image:linear-gradient(to bottom, #d5bc98, #d0b386);
}
.tab-block ul.tab-list a:before, .tab-block ul.tab-list a:after{
	content:' ';
	position:absolute;
	top:10px;
	left:10px;
	width:48px;
	height:37px;
	z-index:10;
	background-image:url("../img/common/frame-decoration-1.png");
}
.tab-block ul.tab-list a.on{
	background-image:linear-gradient(to bottom, #fff3d8, #f1d6a1);
}
.tab-block ul.tab-list a:after{
	left:auto;
	right:10px;
	background-position:48px 0;
}
.tab-block ul.tab-list.col3 li{width:30%;}
.tab-block ul.tab-list.col2 li{width:45%;}
.tab-block ul.tab-list.col3 li:nth-child(2){margin:0 5%;}
.tab-block ul.tab-list.col2 li:first-child{margin-right:10%;}
.tab-content{
	width:100%;
	padding:0 40px;
	box-sizing:border-box;
	margin-top:-20px;
	z-index:5;
	position:relative;
	border:1px solid #d8c29c;
	border-top:0;
	background-color:#fff3d8;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAMBAMAAABl3At4AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAJ1BMVEX/89js06z77M/x3Ljx27fu17L979Lt1K3t1a/s1K398NTw2bTw2rXBWFHxAAAAJ0lEQVQI12NgoClYgMxRFVVA4h0U3IDEKxScgMRzFHRA4iU3JzAAALWNBWdde5N3AAAAAElFTkSuQmCC),
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAMBAMAAABl3At4AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAJ1BMVEX/89js06z77M/x3Ljx27fu17L979Lt1K3t1a/s1K398NTw2bTw2rXBWFHxAAAAJ0lEQVQI12NgoA1YgMxRFVVA4m0UPIDEmyhYgMRzFHRA4iU3J8CYANt3BWd22k43AAAAAElFTkSuQmCC);
	background-repeat:
		repeat-y,
		repeat-y;
	background-position:
		left top,
		right top;
}
.tab-content:before, .tab-content:after{
	position: absolute;
    top: -41px;
    left: -1px;
    width: 710px;
    height: 42px;
    background: url(../img/common/frame-decoration-2.png) no-repeat left top;
    content: '';
    border-radius: 30px 30px 0 0 / 30px 30px 0 0;
    border: 0;
    border:1px solid #d8c29c;
    box-sizing:border-box;
}
.tab-content:before{
    border: 0;
    width: 708px;
    left: 0px;
}
.tab-content:after{
    border-radius: 0 0 30px 30px / 0 0 30px 30px;
    background-position: 0 -48px;
    top:auto;
    bottom:-40px;    
    border-top:0;
}




/*======================================================
 section
=========================================================*/
section.content-block-1{
	width:710px;
	margin: 0 auto;
	background-color: rgba(255, 243, 216, 0.6);
	border-radius:20px;
	border:1px solid #b18f71;
	box-sizing:border-box;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
section.content-block-1.gradient{
	background: linear-gradient(to bottom, #fdfbfa, #dfd1ba);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}
section h2{
	background-image: url("../img/common/content-block-header-1.png");
	background-size:contain;
	width:710px;
	height:84px;
	line-height:84px;
	text-align:center;
	box-sizing:border-box;
	border-radius: 20px 20px 0 0 / 20px 20px 0 0;
	border-bottom:1px solid #b18f71;
	box-shadow: 0px 1px 5px rgba(177, 143, 113, 1);
}
section .inner{padding:30px 20px;}
section.content-block-1.short{width:550px;}
section.short h2{width:550px;}


/*======================================================
 table
=========================================================*/
.bonus-table{width:100%;}
.bonus-table tr td, .bonus-table tr th{
	padding:15px 10px;
	background-color:rgba(255, 255, 255, 0.8);
	border:1px solid #b18f71;
}



/*======================================================
 textbox
=========================================================*/
.textbox{margin:0 auto;}
dl.textbox-1{
    width: 500px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 0 20px 130px;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
dl.textbox-1 dt.w20p{width:20%;}
dl.textbox-1 dt.w40p{width:40%;}
dl.textbox-1.pl60{padding-left:60px;}
.textbox-2{
	max-width:500px;
    margin: 0 auto;
    padding:30px 50px;
    background: rgba(255, 255, 255, 0.9);
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 0 30px 12px rgba(255,200,210,0.4) inset;
}
.textbox-2 span.label, .textbox-2 span.value{
	display:block;
	float:left;
}
.textbox-2 span.label{width:40%;text-align:right;}
.textbox-2 span.value{width:55%;text-align:left;}
.textbox-3, .textbox-4{
	max-width:550px;
	margin:0 auto;
	padding: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #FFF;
	box-shadow: 0 0 15px rgba(255, 107, 127, 0.7);
}
.textbox-4{
	max-width:650px;
}


/*======================================================
 hr
=========================================================*/
hr.separate-line-1{
	margin:20px auto;
	height:17px;
	width:603px;
	background: url("../img/common/separate-line-1.png") no-repeat left top;
	border:0;
}


/*======================================================
 input
=========================================================*/
.input-form input[type=text],
.input-form input[type=password]{
	height: 60px;
    line-height: 60px;
    padding: 0 12px;
    border-radius: 7px;
    border: 1px solid #ae8622;
    box-sizing: border-box;
    font-size:26px;
}

/*======================================================
 input
=========================================================*/
.input-form textarea{
	height: 60px;
    line-height: 60px;
    padding: 0 12px;
    border-radius: 7px;
    border: 1px solid #ae8622;
    box-sizing: border-box;
    font-size:26px;
}



/*======================================================
 Button
=========================================================*/
.btn{display:inline-block;}
.btn a, .btn input[type=submit]{
	display:block;
	text-align:center;
	line-height:82px;
}

.btn.w0 a, .btn.w1 input[type=submit]{background: url("../img/common/btn/w0.png") no-repeat left top; width:160px;}
.btn.w1 a, .btn.w1 input[type=submit]{background: url("../img/common/btn/w1.png") no-repeat left top; width:210px;}
.btn.w2 a, .btn.w2 input[type=submit]{background: url("../img/common/btn/w2.png") no-repeat left top; width:260px;}
.btn.w3 a, .btn.w3 input[type=submit]{background: url("../img/common/btn/w3.png") no-repeat left top; width:371px;}
.btn.w4 a, .btn.w4 input[type=submit]{background: url("../img/common/btn/w4.png") no-repeat left top; width:400px;}
.btn.w5 a, .btn.w5 input[type=submit]{background: url("../img/common/btn/w5.png") no-repeat left top; width:490px;}
.btn.w6 a, .btn.w6 input[type=submit]{background: url("../img/common/btn/w6.png") no-repeat left top; width:581px;}
.btn.w7 a, .btn.w7 input[type=submit]{background: url("../img/common/btn/w7.png") no-repeat left top; width:331px;}
.btn.natural.w0 a, .btn.natural.w0 input[type=submit]{background: url("../img/common/btn/w0.png") no-repeat left -90px;}
.btn.natural.w1 a, .btn.natural.w1 input[type=submit]{background: url("../img/common/btn/w1.png") no-repeat left -90px;}
.btn.natural.w2 a, .btn.natural.w2 input[type=submit]{background: url("../img/common/btn/w2.png") no-repeat left -90px;}
.btn.natural.w3 a, .btn.natural.w3 input[type=submit]{background: url("../img/common/btn/w3.png") no-repeat left -90px;}
.btn.natural.w4 a, .btn.natural.w4 input[type=submit]{background: url("../img/common/btn/w4.png") no-repeat left -90px;}
.btn.natural.w5 a, .btn.natural.w5 input[type=submit]{background: url("../img/common/btn/w5.png") no-repeat left -90px;}
.btn.natural.w6 a, .btn.natural.w6 input[type=submit]{background: url("../img/common/btn/w6.png") no-repeat left -90px;}
.btn.natural.w7 a, .btn.natural.w7 input[type=submit]{background: url("../img/common/btn/w7.png") no-repeat left -90px;}
.btn.orange.w0 a, .btn.orange.w0 input[type=submit]{background: url("../img/common/btn/w0.png") no-repeat left -180px;}
.btn.orange.w1 a, .btn.orange.w1 input[type=submit]{background: url("../img/common/btn/w1.png") no-repeat left -180px;}
.btn.orange.w2 a, .btn.orange.w2 input[type=submit]{background: url("../img/common/btn/w2.png") no-repeat left -180px;}
.btn.orange.w3 a, .btn.orange.w3 input[type=submit]{background: url("../img/common/btn/w3.png") no-repeat left -180px;}
.btn.orange.w4 a, .btn.orange.w4 input[type=submit]{background: url("../img/common/btn/w4.png") no-repeat left -180px;}
.btn.orange.w5 a, .btn.orange.w5 input[type=submit]{background: url("../img/common/btn/w5.png") no-repeat left -180px;}
.btn.orange.w6 a, .btn.orange.w6 input[type=submit]{background: url("../img/common/btn/w6.png") no-repeat left -180px;}
.btn.orange.w7 a, .btn.orange.w7 input[type=submit]{background: url("../img/common/btn/w7.png") no-repeat left -180px;}
.btn.gray.w0 a, .btn.gray.w0 input[type=submit]{background: url("../img/common/btn/w0.png") no-repeat left -270px;}
.btn.gray.w1 a, .btn.gray.w1 input[type=submit]{background: url("../img/common/btn/w1.png") no-repeat left -270px;}
.btn.gray.w2 a, .btn.gray.w2 input[type=submit]{background: url("../img/common/btn/w2.png") no-repeat left -270px;}
.btn.gray.w3 a, .btn.gray.w3 input[type=submit]{background: url("../img/common/btn/w3.png") no-repeat left -270px;}
.btn.gray.w4 a, .btn.gray.w4 input[type=submit]{background: url("../img/common/btn/w4.png") no-repeat left -270px;}
.btn.gray.w5 a, .btn.gray.w5 input[type=submit]{background: url("../img/common/btn/w5.png") no-repeat left -270px;}
.btn.gray.w6 a, .btn.gray.w6 input[type=submit]{background: url("../img/common/btn/w6.png") no-repeat left -270px;}
.btn.gray.w7 a, .btn.gray.w7 input[type=submit]{background: url("../img/common/btn/w7.png") no-repeat left -270px;}

.btn-simple a, .btn-simple input[type=submit]{
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    padding: 13px 20px;
    background-image: linear-gradient(to bottom, #ffe3e3, #ffacac);
    border-radius: 10px;
    box-shadow: 1px 3px 6px rgba(0,0,0,0.4);
    margin: 0;
}
.btn-simple.default a{
    background-image: linear-gradient(to bottom, #f3ecdc, #e5d9be);
    color:#a66c22;
}
.btn-simple.gray a{
    background-image: linear-gradient(to bottom, #eee, #aaa);
    color:#757575;
}


/*======================================================
 Icon
=========================================================*/
.icon-present-box{
	background: url("../img/common/icon/icon-present-box.png") no-repeat left top;
	width:53px;
	height:58px;
	display:block;
	margin:0 auto;
	line-height:77px;
	color:#FFF;
}



/*=========================================================
	paging
=========================================================*/
#paging {
	font-size:24px;
	display: table;
	margin: 0 auto;
	border: 1px solid #cfcfcf;
	padding: 0 6px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 50%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#e4e4e4 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#e4e4e4 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 50%,#e4e4e4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 50%,#e4e4e4 100%);
}
#paging li {
	display: table-cell;
	padding: 8px 20px;
	border-left: 1px solid #cacaca;
}
#paging li a {
	text-decoration: none;
	color: #5b5851;
}
#paging li.current {background: #ff7ca0;}
#paging li.current a {color: #ffffff;}
#paging li.current-rank {background: #bda967;}
#paging li.current-rank a {color: #ffffff;}
#paging li:first-child {border-left: none;}



/*======================================================
 Popup Dialog
=========================================================*/
#dialog-wrapper, #dialog-wrapper-simple {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.85);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
#dialog-wrapper.overlay-none, #dialog-wrapper-simple.overlay-none {
	background: none;
}
#dialog-wrapper.overlay-visible, #dialog-wrapper-simple.overlay-visible {
	background: #000;
}
#dialog-container, #dialog-container-simple {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	left: 0;
}
#dialog, #dialog-simple {
	padding: 80px 0;
	position: absolute;
}
#dialog.fullscreen, #dialog-simple.fullscreen {
	padding: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
#dialog.fullscreen > div, #dialog-simple.fullscreen > div {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.disable-scroll {
	overflow: hidden; height: 100%;
}

#ctn-popup:before, #ctn-popup:after{
	width: 704px;
	height:22px;
	background-image: url("../img/common/dialog.png");
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute;
	top:0;
	content:' ';
}
#ctn-popup:after{
	background-position: 0 -32px;
    bottom: 0;
    top: auto;
}
#ctn-popup {
	width: 704px;
	margin: 0 auto;
	position:relative;
	background-color:#FFF;
	background-image: 
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAgMAAACXhaeqAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAACVBMVEX////MuZOyi1TY8q2uAAAADElEQVQI12MIZeACAAENAGDAaUwPAAAAAElFTkSuQmCC),
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAgMAAACXhaeqAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAACVBMVEX////MuZOyi1TY8q2uAAAADElEQVQI12NYwBAKAAI5APbwAIj2AAAAAElFTkSuQmCC);
	background-repeat: 
		repeat-y,
		repeat-y;
	background-position: 
		0 0, 
		right 0;
	border-radius: 20px;
}
#ctn-popup .title {
	background: url("../img/common/dialog.png") no-repeat 0 -137px;
	width:680px;
	height:78px;
    font-size: 35px;
    line-height: 78px;
    	position: absolute;
	text-align:center;
	top: 12px;
    left: 12px;
}
#ctn-popup .title .btn-close{
    background: url(../img/common/dialog.png) no-repeat 0 -66px;
    width: 62px;
    height: 62px;
    position: absolute;
    top: -20px;
    right: -20px;
    text-indent: -9999px;
    z-index: 100;
}
#ctn-popup .title:before, #ctn-popup .title:after{
    background: url(../img/common/dialog.png) no-repeat 0 -225px;
    width:71px;
    height:71px;
    content:' ';
    position:absolute;
    left:-12px;
    top:-12px;
}
#ctn-popup .title:after{
    background: url(../img/common/dialog.png) no-repeat -81px -225px;
    left:auto;
    right:-12px;
}
#ctn-popup .inner {
	padding:120px 40px 40px 40px;
	overflow:hidden;
}
#ctn-popup .inner:before, #ctn-popup .inner:after{
    background: url(../img/common/dialog.png) no-repeat -240px -225px;
    width: 71px;
    height: 71px;
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}
#ctn-popup .inner:after{
    background: url(../img/common/dialog.png) no-repeat -164px -225px;
    left: auto;
    right: 0;
}

/*======================================================
 tutorial
=========================================================*/
#tutorial-overlay{
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    background:rgba(0, 0, 0, 0.6);
    z-index: 100;
    box-sizing: content-box;
}


/*======================================================
 news
=========================================================*/
#ctn-popup.news .inner{padding:90px 10px 10px 10px;}
#ctn-popup.news .inner:before, #ctn-popup.news .inner:after{background:none;}
#ctn-popup.news .news-list li{
	height:90px;
	position:relative;
	background-image:linear-gradient(to bottom, #FFFFFF, #f9ebd3);
	border-right: 1px solid #c09f72;
	border-left: 1px solid #c09f72;
}
#ctn-popup.news .news-list li:nth-child(2n){background-image:linear-gradient(to bottom, #fff8f7, #f9dad3);}
.news-list li:last-child{border:0;}
.news-list li a{
	text-decoration:none;
	display:block;
	padding:0px 30px;	
	height:90px;
	line-height:90px;
	color:#c28b5c;
	color:#a15b00;
}
.news-list li i{
	position:absolute;
    right: 20px;
    top: 30px;
    	width:22px;
	height:31px;
	text-indent:-9999px;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAfCAMAAADUZc3BAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAACKFBMVEUAAADi0rT////////////////28ejMrHfatm3OrXf////Mq3jKr3v////////////////////////////////LrXbMq3W/v3////+qqlX/////////f3/////////OrHjOq3jNrnjMqnfNq3XNrnbQrXP/+vr59u/07ODUqn/NrXbw5tXMrXfNsHXdyKTw6Nj////////////Pq3bt4s/Nrnjl1rzKrHjMsn/MrXfNq3fMrXfVu4/NrXby7N7q3cfMrXjx6tv/////hYP/i4jmUE3/kY7mUk//l5XmVVL/nZznWlf/pKLoX13/q6npZWP/sa//u7r/5ubuhoT//f3qbGn/rqz/wL//v77/trX/ycf/srDuiIb/0dD/t7b/qqjujIr/1NPvj47/+/v//PzscnDyoZ/zpaTwmJb/oqH/+fn/0tHuhYP//v7/r67/9/f/1dP/5+f/zs3/x8b/mZf/paP/ubf/xsX/9vX/p6b/6en/2Nf/ubj/xMP/zczwlJL/wsD/mZb/0dH/vbv/9PT/19f/29v/zcvoXlv0tLP4yMf0qaj++fnteXbuhIH1srHynZv4y8r85+fxlJPwlZP/jovmWFX52tn++PjvlZPqb2znVFH/09L2vLvrcW//m5n/r63/yMf/oZ7/7Oz74eD99PT86+v0sK7tdnTwkI70sK/oY2DoYF75z87509Psenjyn53qbWr98PDqa2nvjIvxmZfrc3Hzrq3tThVLAAAAQnRSTlMAj3c7P6jMaQdelEYdS14Ui5EBgm5FPQSfAyo2ApV7RFk5DzRSFjq2wQZnsmQagrUhpCIrqmiWIgpCXEt1Yb+harsopFIQAAABWElEQVQoz2NgYGBhZWHAAliDUuSwCDu1trXISmEKJ7YnBoWIYAjHNjfEVlcI8qMJ18XF1ZQXBeXyIQmKcjhFBQBBWVRBvoAQXJid06nWDwTCwosLnXjhwuxOET5gUJoXkZ0ljBAO9IKCzMDwKglpmHCkBwyUVEY2JTNBhaPdEKAxOnAxlwFYOMwFCUxdtGBOCDNION4ZBcyPX2gIEs5xRQKz5wXPTQGrDnZHgI7gKUu4jMBmx3jCwLRZMZ0zYC5J8IaC1Qkzp6urwdyd5AsGa7YlrVqqzy4PE673B4HNW7auczIzVZSECWeEhoZuXJ+xfZOjg5UuIkwmpKauWLlhbYg9u6UmUgim9falLV9mZ2NrjogGoHD65PSJySbs1hYMKMLd/ZM09HSMUWKSnZ2tq0ebXUWJAU2YkY1RS1mGAV2YnV1BFSPxAEXFxDGTGjsnD7aEyc2BTRQAo+Bxlqg1wwcAAAAASUVORK5CYII=');
}
.news-item-list{
	position:relative;
	min-height:100px;
	margin-bottom:40px;
}
.news-item-list:after{
	content:' ';
	position:absolute;
	bottom:-20px;
	height:17px;
	width:600px;
	background: url("../img/common/separate-line-1.png") no-repeat left top;
	background-size:contain;
	z-index:5;
}
.news-item-list a{color:#5b5951;}
.news-item-list:last-child{margin-bottom:0;}
.news-item-list:last-child:after{content:none;}



/*======================================================
	closet
=========================================================*/
#canvas-wrap{position:relative;}
#closet-wrapper{height:520px;}
.closet-arrange #closet-wrapper{height:630px;}
#closet-bxslider li.closet-page{height:460px;margin-top:6px;}
.closet-arrange #closet-bxslider li.closet-page{height:550px;}
#closet-bxslider .thumb{
	float:left;
	width:167px;
	padding:8px;
	position:relative;
	box-sizing:border-box;
}
#closet-bxslider .thumb a{display:block;background-color:#CCC;}
#closet-pager .pager li a{white-space: nowrap; display:block;}
.closet-page .on:before, .closet-page .default:before, #p-closet .kare-avatar-list li .on:before{
	width:101px;
	height:103px;
	position:absolute;
	top:8px;
	left:8px;
	content: " ";
	background: url(../img/closet/wear-icon.png) no-repeat left -103px;
}
.closet-page .default:before, #p-closet .kare-avatar-list li .on:before{
	background: url(../img/closet/wear-icon.png) no-repeat left top;
}
.closet-page .notify {
	display: block;
	background: #ff7ca0;
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: -8px;
	right: -2px;
	border: 3px solid #ffffff;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	box-shadow: -1px 0 2px rgba(120,120,120,.9);
}
#canvas-wrap .info-box{
	display:none;
	position:absolute;
	background-color:rgba(255,255,255,0.9);
	height:50px;
	width:710px;
	line-height:50px;
	font-size:22px;
	color:#000;
	bottom:20px;
	left:20px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
}
#canvas-wrap .info-box p.name{float:left;padding-left:10px;}
#canvas-wrap .info-box p.charm{float:right;padding-right:10px;}
#canvas-wrap .fixed-message{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:750px;
	height:930px;
	background-color:rgba(255,255,255,0.8);
}
#canvas-wrap .fixed-message .msg{
	margin:400px auto 0 auto;
	width:514px;
	height:59px;
	background:url(../img/closet/fixed-message.png) no-repeat left top;
	text-indent:-9999px;
}
ul.closet-action{width:100%;}
#closet-order-change{margin-top:10px; overflow:hidden;}
#closet-order-change li{
	width:25%;
	height:53px;
	float:left;
	border:1px solid #b29855;
	border-right:0;
	box-sizing:border-box;
	background-color:#FFF;
	font-size:24px;
	line-height:50px;
	text-align:center;
}
#closet-order-change li:last-child{border-right:1px solid #b29855;}
#closet-order-change li a{display:block;}
#closet-order-change li.current{background-color:#fcefcc; font-weight:bold;}

#p-closet .filter span{
	width:160px;
	height:60px;
	display:inline-block;
}
#p-closet .filter span a{
	width:160px;
	height:60px;
	display:block;
	background:url(../img/closet/buttons.png) no-repeat left top;
	text-indent:-9999px;
}
#p-closet .filter span a.on{background:url(../img/closet/buttons.png) no-repeat left -60px;}
#p-closet .filter span.own a{background-position: -680px top;}
#p-closet .filter span.own a.on{background-position: -680px -60px;}
#p-closet .filter span.kare a{background-position: -338px top;}
#p-closet .filter span.kare a.on{background-position: -338px -60px;}
#p-closet .filter span.on a{background-position: -510px top;}
#p-closet .filter span.on a.on{background-position: -510px -60px;}
#p-closet .filter span.off a{background-position: -170px top;}
#p-closet .filter span.off a.on{background-position: -170px -60px;}
#p-closet .closet-action{position:relative; width:750px; height:230px;}
#p-closet .closet-action li.reset{
	width:137px;
	height:134px;
	position:absolute;
	top:60px;
	left:20px;
	background:url(../img/closet/btn-reset.png) no-repeat left top;
}
#p-closet .closet-action li.fix{
	width:476px;
	height:100px;
	position:absolute;
	top:0;
	left:140px;
	background:url(../img/closet/btn-fix.png) no-repeat left top;
}
#p-closet .closet-action li.arrange{
	width:137px;
	height:134px;
	position:absolute;
	top:60px;
	right:20px;
	background:url(../img/closet/btn-arrange.png) no-repeat left top;
}
#p-closet .closet-action li.status{
	width:400px;
	height:100px;
	position:absolute;
	top:120px;
	left:180px;
}#p-closet .closet-action li.btn-howto{
	top:-10px;
	right:60px;
}
#p-closet .closet-action .textbox-2{padding:30px;text-align:center;}
#p-closet .closet-action li a, #p-closet .closet-action li.btn-howto span{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:100%;
}
#p-closet .kare-avatar-list{width:500px; overflow:hidden; margin:0 auto;}
#p-closet .kare-avatar-list li{width:200px;text-align:center;float:left;margin:0 25px;}
#p-closet .kare-avatar-list li p{position:relative;}
#p-closet .kare-avatar-list li .on:before{left:-2px; top:-5px;}



/*======================================================
 others
=========================================================*/
#testmode-bar{
	width:100%;
	height:50px;
	background:rgba(0,0,0,0.6);
	color:#FFF;
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	font-size:24px;
	line-height:40px;
	box-sizing:border-box;
	padding:5px;
}

.btn-howto{
	position:absolute;
	width:57px;
	height:57px;
	background: url(../img/battle/parts.png) no-repeat left -470px;
	bottom:-20px;
	right:-20px;
	text-indent:-9999px;
}

/*--------------------------------------------------*/

#p-register .input-form table, .edit_profile .input-form table{width:100%;}
#p-register .input-form th, .edit_profile .input-form th{padding:10px;}
#p-register .input-form th, #p-register .input-form td, .edit_profile .input-form th, .edit_profile .input-form td{width:50%; text-align:center;}
#p-register .input-form input[type=text], .edit_profile .input-form input[type=text]{width:90%; box-sizing:border-box;}
#p-register.edit .profile, .edit_profile textarea.profile{
	width:100%;
	height:170px;
	box-sizing:border-box;
	padding:10px;
    border-radius: 7px;
    border: 1px solid #ae8622;
    font-size:26px;
}
#p-register.edit .textbox-1{width:600px;}
#p-register.edit .confirm dl dt{width:30%;box-sizing:border-box;}
#p-register.edit .confirm dl dd{width:70%;box-sizing:border-box;}
#p-register-avatar #avatarImage{width:750px; height:659px;}
#p-register-avatar #avatarImage.bg1{background: url(../img/createavatar/bg1.png) no-repeat left top;}
#p-register-avatar #avatarImage.bg2{background: url(../img/createavatar/bg2.png) no-repeat left top;}
#p-register-avatar .avatar-list{overflow:hidden;}
#p-register-avatar .avatar-list li{
	float:left;
	width:31.3%;
	margin:0 1%;
	text-align:center;
	position:relative;
}
#p-register-avatar .avatar-list li .on:before{
	width:101px;
	height:103px;
	position:absolute;
	top:0;
	left:0;
	content: " ";
	background: url(../img/closet/wear-icon.png) no-repeat left top;
}
#p-register-avatar .avatar-confirm{
	width:600px;
	height:527px;
	margin:0 auto;
}
#p-register-avatar .avatar-confirm.bg1{background: url(../img/createavatar/bg1.png) no-repeat left top;background-size:contain;}
#p-register-avatar .avatar-confirm.bg2{background: url(../img/createavatar/bg2.png) no-repeat left top;background-size:contain;}
#p-register-avatar .avatar-confirm.bg1 img{width:100%;}
#p-route .slick-list li{width:750px;height:710px; position:relative;}
#p-route .slick-list li p.new-icon{position:absolute;width:750px;height:710px;left:0;top:0;background: url(../img/routeselect/new-icon.png) no-repeat left top;}
#p-route button.slick-prev, #p-route button.slick-next{
	position:absolute;
	top:160px;
	left:10px;
	width:64px;
	height:113px;
	background: url(../img/routeselect/select.png) no-repeat 0 -208px;
	text-indent:-9999px;
	z-index:10;
}
#p-route button.slick-next{
	background: url(../img/routeselect/select.png) no-repeat -77px -208px;
	left:auto;
	right:10px;
	z-index:10;
}
#p-route .intro-text{
	position:absolute;
	bottom:30px;
	left:45px;
	width:660px;
	height:196px;
	box-sizing:border-box;
	padding:30px 55px 40px 55px;
	background: url(../img/routeselect/select.png) no-repeat left top;
}
#p-route .detail-wrap{width:750px; height:1050px; position:relative;}
#p-route .detail-wrap .detail{width:100%; height:100%; position:relative;}
#p-route .detail-wrap .season001.route01{background: url(../img/routeselect/001/detail-01.jpg) no-repeat left top;}
#p-route .detail-wrap .season001.route02{background: url(../img/routeselect/001/detail-02.jpg) no-repeat left top;}
#p-route .detail-wrap .season001.route03{background: url(../img/routeselect/001/detail-03.jpg) no-repeat left top;}
#p-route .detail-wrap .season001.route04{background: url(../img/routeselect/001/detail-04.jpg) no-repeat left top;}
#p-route .detail-wrap .season002.route01{background: url(../img/routeselect/002/detail-01.jpg) no-repeat left top;}
#p-route .detail-wrap .season002.route02{background: url(../img/routeselect/002/detail-02.jpg) no-repeat left top;}
#p-route .detail-wrap .season002.route03{background: url(../img/routeselect/002/detail-03.jpg) no-repeat left top;}
#p-route .detail-wrap .season002.route04{background: url(../img/routeselect/002/detail-04.jpg) no-repeat left top;}
#p-route .detail-wrap .season003.route01{background: url(../img/routeselect/003/detail-01.jpg) no-repeat left top;}
#p-route .detail-wrap .season003.route02{background: url(../img/routeselect/003/detail-02.jpg) no-repeat left top;}
#p-route .detail-wrap .season003.route03{background: url(../img/routeselect/003/detail-03.jpg) no-repeat left top;}
#p-route .detail-wrap .season003.route04{background: url(../img/routeselect/003/detail-04.jpg) no-repeat left top;}
#p-route .detail-wrap .season003.route05{background: url(../img/routeselect/003/detail-05.jpg) no-repeat left top;}
#p-route .detail-wrap .season003.route06{background: url(../img/routeselect/003/detail-06.jpg) no-repeat left top;}
#p-route .detail-wrap .clear-bonus{
	position:absolute;
	bottom:30px;
	left:20px;
	width:154px;
	height:155px;
	background: url(../img/routeselect/detail-clear-bonus.png) no-repeat left top;
	z-index:3;
}
#p-route .detail-wrap .clear-bonus a{display:block; text-indent:-9999px; width:100%; height:100%;}

/*--------------------------------------------------*/

#p-story-mission .textbox-1, #p-battle .textbox-1{padding-left:20px;}
#p-story .ending-point-gauge-wrap{
	width:452px;
	height:477px;
	margin:0 auto;
	position:relative;
	background: url(../img/user/heart-gauge-wrap.png) no-repeat left top;
	padding-top:110px;
	box-sizing:border-box;
}
#p-story .ending-point-gauge-wrap .ending-point-gauge{
	float:none;
	margin:0 auto;
}
#p-battle .battle-detail{background: url(../img/battle/main-bg.png) no-repeat left top; width:750px; height:828px; position:relative;}
#p-battle .battle-detail .avatar{overflow:hidden;}
#p-battle .battle-detail .avatar dl{float:left}
#p-battle .battle-detail .avatar dl dt, #p-battle .battle-detail .avatar dl dd{width:100%; text-align:center;} 
#p-battle .battle-detail .status li{text-align:center;}
#p-battle .user-block{width:259px; height:370px; position:absolute; top:70px; left:50px;}
#p-battle .user-block.target{left:auto; right:50px;}
#p-battle .user-block .name{
	width:259px;
	height:68px;
	background: url(../img/battle/parts.png) no-repeat left -210px;
	margin-bottom:30px;
	text-align:center;
	line-height:68px;
	font-weight:bold;
	color:#e4485d;
}
#p-battle .user-block.target .name{color:#007a8c;}
#p-battle .user-block.target .name{background-position:left -290px;}
#p-battle .user-block .image{width:259px; height:268px; background: url(../img/battle/parts.png) no-repeat left -540px; box-sizing:border-box; padding:18px 28px 6px 20px;}
#p-battle .user-status{
	width:661px;
	height:180px;
	background: url(../img/battle/parts.png) no-repeat left top;
	box-sizing:border-box;
	position:absolute;
    top: 530px;
    left: 43px;
    box-sizing:border-box;
    padding:40px 50px;
}
#p-battle .user-status ul{overflow:hidden; margin-bottom:10px; height:50px;}
#p-battle .user-status ul li{float:left; line-height:50px; width:200px; text-align:center;}
#p-battle .user-status ul li:nth-child(2){width:160px;}
#p-battle p.refresh{
	position:absolute;
	width:93px;
	height:62px;
	background: url(../img/battle/parts.png) no-repeat left -390px;
	top: 390px;
    right: 20px;
    	text-indent:-9999px;
}
#p-battle p.refresh a{display:block; width:100%; height:100%;}
#p-battle.finish .user-status{position:relative; margin:0 auto; top:auto; left:auto;}
#p-battle.finish .user-status li.label{width:220px; text-align:right;}
#p-battle.finish .user-status li.value{width:340px; text-align:left;}

/*--------------------------------------------------*/

#p-item-box .tab-block ul.tab-list{overflow:visible;}
#p-item-box.history .tab-block ul.tab-list{overflow:hidden;}
#p-item-box .tab-content{margin-top:0;}
#p-item-box .tab-block ul.tab-list li{height:110px;}
#p-item-box .filter{overflow:hidden; width:460px; margin:0 auto;}
#p-item-box .filter li{float:left; width:190px; margin:0 20px;}
#p-item-box .filter li a{
	text-indent:-9999px;
	display:block;
	height:60px;
	background: url(../img/itembox/parts.png) no-repeat left -180px;
}
#p-item-box .filter li a.item{background-position:left -250px;}
#p-item-box .filter li a.other{background-position:left -320px;}
#p-item-box .filter li a.avatar.current{background-position:-200px -180px;}
#p-item-box .filter li a.item.current{background-position:-200px -250px;}
#p-item-box .filter li a.other.current{background-position:-200px -320px;}
#p-item-box .tap-here-guide, #p-item .tap-here-guide{
	top: auto;
    right: 150px;
    left: auto;
    bottom: -75px;
    z-index: 20;
}
#p-item-box .actions p a{
	background: url(../img/itembox/parts2.png) no-repeat left top;
	height:92px;
	text-indent:-9999px;
	display:block;
}
#p-item-box .actions p.checkall a{width:203px;}
#p-item-box .actions p.moveall a{width:280px;background-position:-220px top;margin-left:20px;}
#p-item-box .actions p.moveall a.ptr-none{background-position:-220px -100px;}
#p-item-box .actions p.history a{width:98px;background-position:-515px top;}

/*--------------------------------------------------*/

#p-mypage .line-separate-block-5{width:100%; height:930px; }
#p-mypage .slide-area{position:relative;}
#p-mypage .panel-menu{
	position:absolute;
	bottom:0;
	right:10px;
}
#p-mypage .panel-menu li{
	background: url(../img/mypage/btn-parts.png) no-repeat left top;
	width:121px;
	height:121px;
	background-position:0 0;
	margin-bottom:20px;
	position:relative;
}
#p-mypage .panel-menu li.menu-popup{background-position:0 -140px;}
#p-mypage .panel-menu li.beginner-mission{background-position:0 -280px;}
#p-mypage .panel-menu li a{display:block; width:100%; height:100%; text-indent:-9999px;}
#p-mypage .mypage-menu-list{width:600px;height:84px;margin:0 auto;}
#p-mypage .mypage-menu-list li{
	width:284px;
	height:84px;
	float:left;
	position:relative;
}
#p-mypage .mypage-menu-list li:first-child{margin-right:32px;}
#p-mypage .mypage-menu-list li .notice-count{left:auto !important; right:-5px !important;}

#p-mypage.tutorial .panel-menu li.beginner-mission.mask, #p-mypage.tutorial .panel-menu li.news-popup.mask{position:relative; z-index:101;}
.tap-here-guide{
	position:absolute;
    top: 90px;
    left: -70px;
    	width:107px;
	height:115px;
	text-indent:-9999px;
	background:url(../img/common/tap-arrow.png) no-repeat left top;
}
#p-mypage.tutorial .news-popup-notice{
	top:auto;
	bottom:-70px;
}
#p-mypage .early-clear-bonus-status{
    width: 250px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 70px;
}
#p-mypage .status-area{
	background:url(../img/mypage/status-area.png) no-repeat left top;
	width:679px;
	height:108px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
}
#p-mypage .status-area table{width:100%}
#p-mypage .status-area table td{vertical-align:middle;}
#p-mypage .status-area.new{
	background:url(../img/mypage/status-area-new.png) no-repeat left top;
	width:679px;
	height:129px;
}
#p-mypage .status-area .route{
	width:468px;
	height:108px;
	margin-left:25px;
	line-height:108px;
	float:left;
}
#p-mypage .status-area.new .route{
	margin-top: 20px;
}
#p-mypage .status-area.new table{height:90px;}
#p-mypage .status-area.new table td{line-height:normal;}
#p-mypage .status-area .status{
	margin:20px 0 0 20px;
	float:left;
}
#p-mypage .status-area .status a{
	width:146px;
	height:73px;
	text-indent:-9999px;
	display:block;
}
#p-mypage .status-area.new .status a{
	height:94px;
}
#p-mypage .slick-initialized { visibility: visible !important; }
ul.slick-dots{
    position: absolute;
    width: 100%;
    bottom: -40px;
	text-align: center;
}
ul.slick-dots li{
	background: #FFF;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;	
	display: inline-block;
	box-shadow:0px 5px 5px 0px #888 inset;
}
ul.slick-dots li.slick-active{
	background-color:#666;
}
#slide-panel li.jj-wallpaper{position:relative;}
#slide-panel li.jj-wallpaper .seal{position:absolute;width:375px;height:300px;top:0;}
#slide-panel li.jj-wallpaper .seal.a{top:30px;}
#slide-panel li.jj-wallpaper .seal.b{top:330px;}
#slide-panel li.jj-wallpaper .seal.c{top:630px;}
#slide-panel li.jj-wallpaper .seal.d{top:30px;right:0;}
#slide-panel li.jj-wallpaper .seal.e{top:330px;right:0;}
#slide-panel li.jj-wallpaper .seal.f{top:630px;right:0;}
#slide-panel li.jj-wallpaper .seal.g{top:30px;}
#slide-panel li.jj-wallpaper .seal.h{top:330px;}
#slide-panel li.jj-wallpaper .seal.i{top:630px;}
#slide-panel li.jj-wallpaper .seal.j{top:30px;right:0;}
#slide-panel li.jj-wallpaper .seal.k{top:330px;right:0;}
#slide-panel li.jj-wallpaper .seal.l{top:630px;right:0;}

#p-mypage li.news-popup .notice-count, #p-mypage li.beginner-mission .notice-count{
	display: block;
    background: #ff7ca0;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    width: 33px;
    height: 33px;
    line-height: 33px;
    position: absolute;
    top: -10px;
    left: -10px;
    border: 3px solid #ffffff;
    -webkit-border-radius: 33px;
    border-radius: 33px;
    box-shadow: -1px 0 2px rgba(120,120,120,.9);
}

/*--------------------------------------------------*/

#p-top .line-separate-block-3 .title span{
	background:url(../img/top/parts.png) no-repeat left top;
	width:125px;
	height:49px;
	text-indent:-9999px;
	display:inline-block;
}
#p-top .ranking-block{
	background:url(../img/top/parts.png) no-repeat left top;
	width:750px;
	height:582px;
	background-position:0 -54px;
}
#p-top .ranking-block .inner{padding:240px 130px 100px 130px;}
#p-top .profile-block{
	background:url(../img/top/bg-profile-2025.png) no-repeat left top;
	width:750px;
	height:884px;
	position:relative;
}
#p-top .profile-block .profile-btn a{
    position: absolute;
    width: 430px;
    height: 120px;
    right: 25px;
    top: 550px;
    display: block;
    text-indent: -9999px;
}
#p-top .game-outline{
	width:750px;
	height:1996px;
	background:url(../img/top/bg-nonmember.png) no-repeat left top;
	position:relative;
}
#p-top .game-outline .btn-bottom{
	position:absolute;
	height:125px;
	width:750px;
	bottom:120px;
}


/*--------------------------------------------------*/

#ctn-popup.login-bonus {
	background-image: 
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAgMAAACXhaeqAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAACVBMVEX////MuZOyi1TY8q2uAAAADElEQVQI12MIZeACAAENAGDAaUwPAAAAAElFTkSuQmCC),
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAgMAAACXhaeqAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAACVBMVEX////MuZOyi1TY8q2uAAAADElEQVQI12NYwBAKAAI5APbwAIj2AAAAAElFTkSuQmCC),
		url(../img/login_bonus/bg.png);
	background-repeat:
		repeat-y,
		repeat-y,
		repeat-x;
	background-position:
		0 0, 
		right 0,
		left bottom;
}
#ctn-popup.login-total-bonus {
	background-position:
		0 0, 
		right 0,
		left top;
}
#ctn-popup.login-bonus .title{background:none;}
#ctn-popup.login-bonus .ribbon {
	background:url(../img/login_bonus/parts.png) no-repeat left top;
	width:630px;
	height:165px;
    text-indent:-9999px;
    	position: absolute;
    top: -40px;
    left: 30px;
}
#ctn-popup.login-total-bonus .ribbon {
	background:url(../img/login_bonus/parts2.png) no-repeat left top;
	width:660px;
	left:0;
}
#ctn-popup.login-bonus .inner{
	padding:145px 30px 40px 30px;
	min-height:1180px;
	box-sizing:border-box;
	position:relative;
}
#ctn-popup.login-total-bonus .inner{min-height:500px;}
#ctn-popup.login-bonus .bonus-group-1{background:url(../img/login_bonus/jj-1-2025.png) no-repeat 12px bottom;}
#ctn-popup.login-bonus .bonus-group-2{background:url(../img/login_bonus/jj-2-2025.png) no-repeat 12px bottom;}
#ctn-popup.login-bonus .bonus-group-3{background:url(../img/login_bonus/jj-3-2025.png) no-repeat 12px bottom;}
#ctn-popup.login-bonus .todays-bonus{
	width:375px;
	height:245px;
	margin-left:255px;
	position:relative;
	background:url(../img/login_bonus/parts.png) no-repeat 0 -170px;
}
#ctn-popup.login-bonus .todays-bonus .day{
	position:absolute;
    top: -45px;
    left: 95px;
    	width:180px;
	height:90px;
	background:url(../img/login_bonus/parts.png) no-repeat right -170px;
	text-indent:-9999px;
}
#ctn-popup.login-bonus .todays-bonus .day.day2{background-position: right -275px;}
#ctn-popup.login-bonus .todays-bonus .day.day3{background-position: right -380px;}
#ctn-popup.login-bonus .todays-bonus .day.day4{background-position: right -485px;}
#ctn-popup.login-bonus .todays-bonus .day.day5{background-position: right -585px;}
#ctn-popup.login-bonus .todays-bonus .day.day6{background-position: right -685px;}
#ctn-popup.login-bonus .todays-bonus .day.day7{background-position: right -790px;}
#ctn-popup.login-bonus .todays-bonus .item-image{
	position:absolute;
	top:40px;
	left:111px;
	width:132px;
	padding:10px;
}
#ctn-popup.login-bonus .todays-bonus .item-image img{width:100%;}
#ctn-popup.login-bonus .todays-bonus .item-name{
	position: absolute;
    bottom: 5px;
    left: 35px;
    width: 305px;
    height: 40px;
    text-align: center;
    line-height:40px;
    color:#ff7199;
    font-weight:bold;
    font-size:30px;
    letter-spacing:-1px;
}
#ctn-popup.login-bonus .message{
	width:470px;
	height:175px;
	margin-left:175px;
	background:url(../img/login_bonus/parts.png) no-repeat 0 -433px;
	padding:20px;
	box-sizing:border-box;
	padding:20px 30px 20px 70px;
}
#ctn-popup.login-bonus .bonus-list{
	width:650px;
	height:380px;
	background:url(../img/login_bonus/parts.png) no-repeat 0 -964px;
	box-sizing:border-box;
	padding:50px 51px 30px 51px;
	overflow:hidden;
}
#ctn-popup.login-bonus .bonus-list li{
	float:left;
	width:137px;
	height:140px;
	margin-bottom:20px;
	background:url(../img/login_bonus/parts.png) no-repeat 0 -756px;
	position:relative;
}
#ctn-popup.login-bonus .bonus-list-wrap{position:relative;}
#ctn-popup.login-bonus .bonus-list-wrap h3{
	width:435px;
	height:65px;
	background:url(../img/login_bonus/parts.png) no-repeat left -1370px;
	position:absolute;
    top: -25px;
    left: 115px;
    	text-indent:-9999px;
}
#ctn-popup.login-bonus .bonus-list li:nth-child(5){margin-left:68px;}
#ctn-popup.login-bonus .bonus-list .item-image{width:113px; height:113px; box-sizing:border-box; margin-top:12px; margin-left:12px;}
#ctn-popup.login-bonus .bonus-list .item-image img{width:100%;}
#ctn-popup.login-bonus .bonus-list .no{
	width:38px;
	height:42px;
	background:url(../img/login_bonus/parts.png) no-repeat 0 -910px;
	position:absolute;
	top:-5px;
	left:5px;
	z-index:5;	
}
#ctn-popup.login-bonus .bonus-list .no.n1{background-position:0 -910px;}
#ctn-popup.login-bonus .bonus-list .no.n2{background-position:-37px -910px;}
#ctn-popup.login-bonus .bonus-list .no.n3{background-position:-79px -910px;}
#ctn-popup.login-bonus .bonus-list .no.n4{background-position:-123px -910px;}
#ctn-popup.login-bonus .bonus-list .no.n5{background-position:-166px -910px;}
#ctn-popup.login-bonus .bonus-list .no.n6{background-position:-209px -910px;}
#ctn-popup.login-bonus .bonus-list .no.n7{background-position:-251px -910px;}
#ctn-popup.login-bonus .bonus-list li.next .no{background-position:-293px -910px; width:86px; height:41px; left:-10px;}
#ctn-popup.login-bonus .bonus-list .mask{
	position:absolute;
	width:113px;
	height:113px;
	top:12px;
	left:12px;
	background:url(../img/login_bonus/parts.png) no-repeat 0 -619px;
	z-index:4;
}
#ctn-popup.login-bonus .notice{
	letter-spacing:-1px;
	background-color:rgba(255, 255, 255, 0.8);
	padding:10px;
	border-radius:10px;
}
#ctn-popup.login-total-bonus .bonus-detail{
	width:644px;
	height:320px;
	background:url(../img/login_bonus/parts2.png) no-repeat -18px -186px;
	position:relative;
}
#ctn-popup.login-total-bonus .bonus-detail .item-image{
	position:absolute;
	width:136px;
	height:136px;
    top: 58px;
    left: 258px;
}
#ctn-popup.login-total-bonus .bonus-detail .item-name{
	position:absolute;
	width:400px;
	height:55px;
	top: 220px;
    left: 125px;
    font-size:35px;
    line-height:55px;
    font-weight:bold;
}

/*--------------------------------------------------*/

#p-beginner-mission .list{
	width:703px;
	height:260px;
	margin:20px auto;
	background:url(../img/beginner_mission/parts.png) no-repeat left top;
	box-sizing:border-box;
	padding:50px;
}
#p-beginner-mission .tap-here-guide{
    top: 90px;
    right: 75px;
    left: auto;
}
#p-beginner-mission .inner{position:relative;}
#p-beginner-mission .inner .image{
	float:left;
	width:120px;
}
#p-beginner-mission .inner .image img{
	width:109px;
	height:109px;
	margin-left:2px;
	margin-top:20px;
}
#p-beginner-mission .inner .info{
	float:left;
	width:360px;
}
#p-beginner-mission .inner h3{
	width:360px;
	height:56px;
	margin:15px auto 0 auto;
	text-indent:-9999px;
}
#p-beginner-mission .inner h3.mission1{background:url(../img/beginner_mission/parts.png) no-repeat left -263px; width:350px;}
#p-beginner-mission .inner h3.mission2{background:url(../img/beginner_mission/parts.png) no-repeat left -320px; width:350px;}
#p-beginner-mission .inner h3.mission3{background:url(../img/beginner_mission/parts.png) no-repeat left -465px; width:310px;}
#p-beginner-mission .inner h3.mission4{
	background: url(../img/beginner_mission/parts.png) no-repeat -390px -525px;
    width: 355px;
    margin-top: -15px;
    height: 88px;
}
#p-beginner-mission .inner h3.mission5{background:url(../img/beginner_mission/parts.png) no-repeat left -585px; width:270px;}
#p-beginner-mission .inner h3.mission6{
    background: url(../img/beginner_mission/parts.png) no-repeat left -380px;
    width: 310px;
    height: 80px;
    margin-top: -15px;
}
#p-beginner-mission .inner h3.mission7{background:url(../img/beginner_mission/parts.png) no-repeat left -645px; width:300px;}
#p-beginner-mission .inner .name{
	margin-top:10px;
	background:url(../img/beginner_mission/parts.png) no-repeat 5px -705px;
	width:360px;
	box-sizing:border-box;
	padding-left:50px;
	height:50px;
	line-height:50px;
}
#p-beginner-mission .inner .receive a, #p-beginner-mission .inner .try a{
	display:block;
	width:132px;
	height:128px;
	background:url(../img/beginner_mission/get-bonus.gif) no-repeat left top;
	position:absolute;
	top:10px;
	right:-10px;
	text-indent:-9999px;
}
#p-beginner-mission .inner .try a{
	background:url(../img/beginner_mission/parts.png) no-repeat left -765px;
}
#p-beginner-mission .inner .tutorial-msg{
	position:absolute;
	top:-40px;
	left:-40px;
	width:685px;
	height:235px;
	background:url(../img/beginner_mission/parts.png) no-repeat left -1145px;
	color:#FFF;
	font-size:30px;
	text-align:center;
	line-height:235px;
	z-index:10;
}
#p-beginner-mission .inner .received{
	position:absolute;
	top:-40px;
	left:-40px;
	width:685px;
	height:235px;
	background:url(../img/beginner_mission/parts.png) no-repeat left -905px;
	text-indent:-9999px;
	z-index:10;
}

/*--------------------------------------------------*/

#p-clear-status .route-list div{
	width:628px;
	height:246px;
	margin:0 auto;
	position:relative;
}
#p-clear-status .route-list .route01{background:url(../img/user/clear-status-01.png) no-repeat left top;background-size:contain;}
#p-clear-status .route-list .route02{background:url(../img/user/clear-status-02.png) no-repeat left top;background-size:contain;}
#p-clear-status .route-list .route03{background:url(../img/user/clear-status-03.png) no-repeat left top;background-size:contain;}
#p-clear-status .route-list .route04{background:url(../img/user/clear-status-04.png) no-repeat left top;background-size:contain;}
#p-clear-status .route-list .route03.nonactive{background:url(../img/user/clear-status-03-off.png) no-repeat left top;background-size:contain;}
#p-clear-status .route-list .route04.nonactive{background:url(../img/user/clear-status-04-off.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route01{background:url(../img/user/002/clear-status-01.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route02{background:url(../img/user/002/clear-status-02.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route03{background:url(../img/user/002/clear-status-03.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route04{background:url(../img/user/002/clear-status-04.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route01.nonactive{background:url(../img/user/002/clear-status-01-off.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route03.nonactive{background:url(../img/user/002/clear-status-03-off.png) no-repeat left top;background-size:contain;}
#p-clear-status .season002.route-list .route04.nonactive{background:url(../img/user/002/clear-status-04-off.png) no-repeat left top;background-size:contain;}
#p-clear-status .season003.route-list .route01{background:url(../img/user/003/clear-status-01.png) no-repeat left top;background-size:contain;}
#p-clear-status .season003.route-list .route02{background:url(../img/user/003/clear-status-02.png) no-repeat left top;background-size:contain;}
#p-clear-status .season003.route-list .route03{background:url(../img/user/003/clear-status-03.png) no-repeat left top;background-size:contain;}
#p-clear-status .season003.route-list .route04{background:url(../img/user/003/clear-status-04.png) no-repeat left top;background-size:contain;}
#p-clear-status .season003.route-list .route05{background:url(../img/user/003/clear-status-05.png) no-repeat left top;background-size:contain;}
#p-clear-status .season003.route-list .route06{background:url(../img/user/003/clear-status-06.png) no-repeat left top;background-size:contain;}

#p-clear-status .route-list div a{
	width:628px;
	height:246px;
	display:block;
	text-indent:-9999px;
}
.route-clear-status .ending, .route-clear-status .secret-story{
	width:746px;
	height:315px;
	margin:0 auto;
	background:url(../img/user/clear-status-detail-bg-2019.png) no-repeat left top;
	overflow:hidden;
}
.route-clear-status .ending ul, .route-clear-status .secret-story ul{
	width:600px;
	height:137px;
	margin:0 auto;
	margin-top:90px;
	overflow:hidden;
}
.route-clear-status .ending ul li{
	width:188px;
	height:137px;
	float:left;
	background:url(../img/user/clear-status-detail-bg-2019.png) no-repeat left -640px;
	text-indent:-9999px;
}
.route-clear-status .ending ul li.he{margin:0 18px; background-position: -210px -640px;}
.route-clear-status .ending ul li.ne{background-position: -420px -640px;}
.route-clear-status .ending ul li.sh.off{background-position: 0px -780px;}
.route-clear-status .ending ul li.he.off{background-position: -210px -780px;}
.route-clear-status .ending ul li.ne.off{background-position: -420px -780px;}
.route-clear-status .secret-story{background:url(../img/user/clear-status-detail-bg-2019.png) no-repeat left -312px;}
.season002.route-clear-status .secret-story{background:url(../img/user/clear-status-detail-bg-2019-sequel.png) no-repeat 100px -312px;}
.route-clear-status .secret-story ul li{
	width:130px;
	height:140px;
	float:left;
	background:url(../img/user/clear-status-detail-bg-2019.png) no-repeat left -930px;
	text-indent:-9999px;
	margin-right:26.66px;
}
.route-clear-status .season002.secret-story ul li:nth-child(1){margin-left:160px;}
.route-clear-status .secret-story ul li:nth-child(4){margin-right:0;}
.route-clear-status .secret-story ul li.ep2{background-position:-150px -930px;}
.route-clear-status .secret-story ul li.ep3{background-position:-300px -930px;}
.route-clear-status .secret-story ul li.ep4{background-position:-450px -930px;}
.route-clear-status .secret-story ul li.ep1.off{background-position:0 -1070px;}
.route-clear-status .secret-story ul li.ep2.off{background-position:-150px -1070px;}
.route-clear-status .secret-story ul li.ep3.off{background-position:-300px -1070px;}
.route-clear-status .secret-story ul li.ep4.off{background-position:-450px -1070px;}
.route-clear-status .epilogue{
	width:585px;
	height:305px;
	background:url(../img/user/clear-status-detail-bg-2019.png) no-repeat left -1215px;
	margin:0 auto;
	overflow:hidden;
}
.route-clear-status .epilogue .status{
	width:188px;
	height:137px;
	background:url(../img/user/clear-status-detail-bg-2019.png) no-repeat -600px -1070px;
	margin:80px auto 0 auto;
}
.route-clear-status .epilogue .available{
	background-position:-600px -930px;
}

/*--------------------------------------------------*/

#p-top .news-list .news a{color:#5b5951;}

/*--------------------------------------------------*/

.user-list{margin-bottom:20px;}
.user-list .image{float:left; width:170px;}
.user-list .info{
	padding-left:20px;
	float:left;
	width:450px;
	box-sizing:border-box;
}
#p-top .user-list .info{width:310px;}
#p-ranking .user-list{
	margin-bottom:60px;
	min-height:280px;
	position:relative;
}
#p-ranking .user-list .image{width:240px;margin-left:20px;}
#p-ranking .user-list .info{width:380px;}
#p-ranking .user-list:after{
	content:' ';
	position:absolute;
	bottom:-35px;
	left:30px;
	height:17px;
	width:603px;
	background: url("../img/common/separate-line-1.png") no-repeat left top;
	background-size:contain;
	z-index:5;
}
#p-ranking .user-list:last-child{margin-bottom:30px;}
#p-ranking .user-list:last-child:after{content:none;}

/*--------------------------------------------------*/

#p-avatar-gacha .gacha-list{
	width:640px;
	margin:0 auto 30px auto;
}
#p-avatar-gacha .tab-content{padding: 0 20px;}
#p-avatar-gacha .gacha-list img{width:100%;}
#p-avatar-gacha .avatar-list ul{overflow:hidden; margin-bottom:30px;}
#p-avatar-gacha .avatar-list ul li{float:left;}
#p-avatar-gacha .avatar-list ul li img{width:100%;}



#p-avatar-gacha .avatar-list ul.col1{
	background-image: url("../img/avatar_gacha/bg-superrare.png");
	background-size:658px;
	background-repeat:no-repeat;
	background-position: 0 50px;
	padding-top:40px;
}
#p-avatar-gacha .avatar-list ul.col1 li{width:250px;margin-left:210px;}
#p-avatar-gacha .avatar-list .item-count-9 ul.col1 li{width:210px;margin-left:20px;}
#p-avatar-gacha .avatar-list .item-count-9 ul.col1 li:nth-child(1){margin-left:115px;}
#p-avatar-gacha .avatar-list .item-count-12 ul.col1 li{width:200px;margin:0 10px;}
#p-avatar-gacha .avatar-list .item-count-12 ul.col1 li:nth-child(1){margin-left:14px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col1 li{width:200px;margin:10px 10px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col1 li:nth-child(1){margin-left:125px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col1 li:nth-child(3){margin-left:125px;}



#p-avatar-gacha .avatar-list ul.col2{
	background-image: url("../img/avatar_gacha/bg-rare.png");
	background-size:658px;
	background-repeat:no-repeat;
	padding: 40px 0 30px 0;
	margin-bottom:10px;
}
#p-avatar-gacha .avatar-list ul.col2 li{width:200px;margin:0 15px;}
#p-avatar-gacha .avatar-list .item-count-9 ul.col2 li{width:155px;margin:0 8px;}
#p-avatar-gacha .avatar-list .item-count-12 ul.col2 li{width:200px;margin:0 10px;}
#p-avatar-gacha .avatar-list ul.col2 li:nth-child(1){margin-left:120px;}
#p-avatar-gacha .avatar-list .item-count-9 ul.col2 li:nth-child(1){margin-left:85px;}
#p-avatar-gacha .avatar-list .item-count-12 ul.col2 li:nth-child(1){margin-left:14px;}
#p-avatar-gacha .avatar-list .item-count-14 ul.col2 li{margin: 0 10px 10px 10px;width:200px;}
#p-avatar-gacha .avatar-list .item-count-14 ul.col2 li:nth-child(1){margin-left:126px;}
#p-avatar-gacha .avatar-list .item-count-14 .col2.col5 li:nth-child(3){margin-left:14px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col2 li{margin: 0 10px 10px 10px;width:200px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col2 li:nth-child(1){margin-left:126px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col2 li:nth-child(3){margin-left:14px;}
#p-avatar-gacha .avatar-list .item-count-16 .col2.col5 li:nth-child(3){margin-left:14px;}

#p-avatar-gacha .avatar-list ul.col3{
	background-image: url("../img/avatar_gacha/bg-normal.png");
	background-size:658px;
	background-repeat:no-repeat;
	padding: 20px 0 30px 0;
	margin-bottom:10px;
}
#p-avatar-gacha .avatar-list ul.col3 li{width: 200px;margin: 10px 11px;}
#p-avatar-gacha .avatar-list .item-count-9 ul.col3 li{width: 135px;margin: 10px 5px;}
#p-avatar-gacha .avatar-list .item-count-12 ul.col3 li{width: 200px;margin: 0 10px 10px 10px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col3 li{width: 200px;margin: 0 10px 10px 10px;}
#p-avatar-gacha .avatar-list ul.col3 li:nth-child(1){/*margin-left:85px;*/}
#p-avatar-gacha .avatar-list .item-count-9 ul.col3 li:nth-child(1){margin-left:50px;}
#p-avatar-gacha .avatar-list .item-count-12 ul.col3 li:nth-child(3n+1){margin-left:14px;}
#p-avatar-gacha .avatar-list .item-count-15 ul.col3 li:nth-child(3n+1){margin-left:14px;}


#p-avatar-gacha .avatar-list ul.col4 li{width:250px;margin-left:210px;}
#p-avatar-gacha .avatar-list ul.col4 li{width:200px;margin:10px 10px;}
#p-avatar-gacha .avatar-list ul.col4 li:nth-child(1){margin-left:125px;}
#p-avatar-gacha .avatar-list ul.col4 li:nth-child(3){margin-left:125px;}
#p-avatar-gacha .avatar-list ul.col5 li{margin: 10px 10px}
#p-avatar-gacha .avatar-list ul.col6 li{width: 150px;margin: 10px 13px;}
#p-avatar-gacha .avatar-list ul.col6 li{width: 200px;margin: 0 10px 10px 10px;}
#p-avatar-gacha .avatar-list ul.col6 li:nth-child(3n+1){margin-left:14px;}


#p-avatar-gacha .avatar-list h4{width:668px;height:90px;margin:0 auto;text-indent:-9999px;margin-bottom:-30px;position:relative;}
#p-avatar-gacha .avatar-list h4.superrare{background: url("../img/avatar_gacha/raretype-2019.png") no-repeat left top;background-size:cover;}
#p-avatar-gacha .avatar-list h4.rare{background: url("../img/avatar_gacha/raretype-2019.png") no-repeat left -100px;background-size:cover;}
#p-avatar-gacha .avatar-list h4.normal{background: url("../img/avatar_gacha/raretype-2019.png") no-repeat left -210px; height:80px;background-size:cover;margin-bottom:-10px;}
#p-avatar-gacha.result .get-avatar-image{position:relative; width:250px; height:349px; margin:0 auto;}
#p-avatar-gacha.result .new{
	position:absolute;
	top:-20px;
	left:-20px;
	background: url("../img/avatar_gacha/new-icon.png") no-repeat left top;
	width:138px;
	height:140px;
	text-indent:-9999px;
}

/*--------------------------------------------------*/

.card-gacha .gacha-button-frame{
	width:727px;
	height:459px;
	background: url("../img/card_gacha/frame.png") no-repeat left top;
	margin:0 auto;
	padding-top:125px;
	box-sizing:border-box;
}
.card-gacha.result .gacha-button-frame{background:none;padding-top:0;height:300px;}
.card-gacha .gacha-button-frame ul{width:634px;height:310px;overflow:hidden;margin:0 auto;}
.card-gacha .gacha-button-frame li.buttons{float:left;width:317px;}
.card-gacha .gacha-button-frame li.buttons .msg{line-height:110%;}
.card-gacha .gacha-list{width:640px; margin:0 auto 30px auto;}
.card-gacha .gacha-list img{width:100%;}
.card-gacha .card-list ul{overflow:hidden;}
.card-gacha .card-list ul li{float:left;}
.card-gacha .card-list ul li img{width:100%;}
.card-gacha .card-list ul.col li{width:200px;margin:0 4.5px 10px 4.5px;}
.card-gacha .card-list ul.col1 li{width:300px;margin:0 auto 10px auto; float:none;}
.card-gacha .card-list ul.col2 li{width:300px;margin:0 6px 10px 6px;}
.card-gacha .card-list ul.num6{width:450px;margin:0 auto;}
.card-gacha.result .card-list{padding:20px;}
.card-gacha.result .card{position:relative; width:250px; height:445px; margin:0 auto;}
.card-gacha.result .card .new{
	position:absolute;
	top:-20px;
	left:-20px;
	background: url("../img/card_gacha/new-icon.png") no-repeat left top;
	width:138px;
	height:140px;
	text-indent:-9999px;
}
.card-gacha.result .card .badge{
	width: 200px;
	height: 300px;
	position: absolute;
	top: 140px;
	right: 10px;
	z-index: 1;
}
.card-gacha.result .card .normal{background: url(../img/card_gacha/n.png) no-repeat left top;}
.card-gacha.result .card .rare{background: url(../img/card_gacha/r.png) no-repeat left top;}
.card-gacha.result .card .superrare{background: url(../img/card_gacha/sr.png) no-repeat left top;}
.wallpaper-seal .card-list li{position:relative;background-color:#CCC;}
.wallpaper-seal .card-list li span.selected{
	position:absolute;
	left: 0;
	right: 0;
	bottom: 80px;
	margin:auto;
	display:block;
	width:120px;
	height:40px;
	line-height:40px;
	font-size:35px;
	font-weight:bold;
	color:#ed4870;
	text-align:center;
}



/*--------------------------------------------------*/

#p-friend .friend-total{
	width:368px;
	height:65px;
	background: url("../img/friend/parts-2019.png") no-repeat left top;
	line-height:65px;
	margin:0 auto;
}
#p-friend .search-form .search-type{overflow:hidden;}
#p-friend .search-form .search-type li{display:inline-block;margin:0 20px;}
#p-friend .search-form .search-type input[type=radio]{width:26px; height:26px;}
#p-friend-profile .btn-list{overflow:hidden; width:700px; margin:20px auto;}
#p-friend-profile .btn-list li{
	float:left;
	margin:0 5px;
	box-sizing:border-box;
	width:340px;
}
#p-friend-profile .status-block{
	width:713px;
	height:593px;
	background: url("../img/friend/parts-2019.png") no-repeat left -80px;
	margin:0 auto;
	padding: 35px 50px;
	box-sizing:border-box;
}
#p-friend-profile .status-block .profile h5, #p-friend-profile .status-block .status h5{
	height:50px;
	line-height:50px;
	letter-spacing: -2px;
}
#p-friend-profile .status-block .profile p{padding:10px; box-sizing:border-box; height:120px; letter-spacing:-1px;}
#p-friend-profile .status-block .status ul{
	box-sizing:border-box;
	padding: 35px 50px;
	overflow:hidden;
	padding: 20px 11px;
}
#p-friend-profile .status-block .status li{
	float:left;
	width:278px;
	height:53px;
	background: url("../img/friend/parts-2019.png") no-repeat left -740px;
	margin:0 6px 15px 10px;
	font-size:24px;
}
#p-friend-profile .status-block .status li span{
	width:120px;
	line-height:53px;
	display:inline-block;
	text-align:center;
	letter-spacing:-1px;
}
#p-friend-profile .status-block .status li span.value{width:155px;}
#p-friend-profile .status-block .status li:first-child{
	width:525px;
	height:53px;
	background: url("../img/friend/parts-2019.png") no-repeat left -680px;
	margin-left:25px;
}
#p-friend-profile .status-block .status li:first-child span.label{width:145px;}
#p-friend-profile .status-block .status li:first-child span.value{width:370px;}

#p-friend.search .btn-simple input[type=submit]{padding:5px 20px;}
.friend-message-form .message-textarea{
	width:100%;
	height:170px;
	box-sizing:border-box;
	padding:10px;
    border-radius: 7px;
    border: 1px solid #ae8622;
    font-size:26px;	
}
.friend-message-confirm form{display:inline-block;}

/*--------------------------------------------------*/

.message-list{width:630px; margin:0 auto;}
.message-list .f-left{width:140px;}
.message-list .f-left .image{
	height:150px;
	box-sizing:border-box;
	border:5px solid #007a8c;
	border-radius:10px;
	background-color:#FFF;
	padding:5px;
}
.message-list .f-left .image img{width:100%;}
.message-list.no-rf{background: url("../img/friend/parts-2019.png") no-repeat 100px -803px;}
.message-list .destination{position:relative;}
.message-list .destination .name{
	position:absolute;
	z-index:100;
	top:-60px;
	left:30px;
}
.message-list.no-rf .destination .name{
	height:140px;
	line-height:150px;
	padding-left:50px;
	position:relative;
	top:auto;
	left:auto;
}
.message-list .destination .name a{
	text-decoration:none;
}
.message-list .rf-message{
	width:482px;
	position:relative;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeIAAAABCAMAAAA1kF0JAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAb1BMVEUAAAB19P929P+Vn6OGyc2c9/+D0NaampqKwcZ39/+bm5t///+ZmZnE8vacnJyNuLt08v+B1t6ampp58v+ampqSqKjI+/+cnJx///+ZmZmampqc5euZmZmamppz8//g/P+Ym5t16//e+fqRrrH///9Mj+AtAAAAJHRSTlMATF9Lcol+R2cgKQJG0hpeO4w4FUJQwDEGRD2qFCEs4kgN6laAraQBAAAANklEQVQY02NgQALcEorCnHICjEysYvIqo2BIASVeaUE2Fg5+ZVFmBXZ2HkkRKSFxLlk+GQYGABmsPz4BJZ1eAAAAAElFTkSuQmCC');
	background-repeat:repeat-y;
	margin-top:70px;
	margin-bottom:100px;	
}
.message-list .destination .date{
	position:absolute;
	bottom:20px;
	right:0;
	width:90px;
	text-align:left;
	line-height:120%;
}
.message-list .destination .reply-button{
	width:60px;
	height:60px;
	position:absolute;
	right:-5px;
	bottom:-30px;
	background: url("../img/friend/message-frame.png") no-repeat left -180px;
	text-indent:-9999px;
}
.message-list .destination .reply-button a{
	width:60px;
	height:60px;
	display:block;
}
.message-list .comment{
	min-height:140px;
	box-sizing:border-box;
	padding:0 50px 40px 50px;
	background:rgba(255, 255, 255, 0.8);
	border-radius:10px;
	position:relative;
}
.message-list .my-message{
	width:482px;
	position:relative;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeIAAAABCAMAAAA1kF0JAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAARnQU1BAACxjwv8YQUAAAABc1JHQgCuzhzpAAAAM1BMVEUAAAD/qqr/////2t3/k57/tr3/kZr/lJv/mZn/f6r/k5z/kZ3/kpr/6+7/j53/mZn///8ygVY0AAAAEHRSTlMAAwGuLXQcJA8GThVC1TcKvGzlFwAAADFJREFUGNNjYEAAJkZOfg5uNnYWPh4uVmZegVEwhAAvMysXDx8LOxs3Bz8nIxNStAIAQCEb0TyFpH0AAAAASUVORK5CYII=');
	background-repeat:repeat-y;
	margin-top:70px;
	margin-bottom:40px;
}
.message-list .my-message:before, .message-list .my-message:after,
.message-list .rf-message:before, .message-list .rf-message:after {
    content: "";
    position: absolute;
    top: -44px; 
    width:482px;
    height:45px;
    background: url("../img/friend/message-frame.png") no-repeat left -90px;
}
.message-list .rf-message:before{
    background-position:left 0px;
}
.message-list .my-message:after{
    content: "";
    position: absolute;
    top:auto;
    bottom: -25px; 
    height:25px;
    background-position:left -150px;
}
.message-list .rf-message:after{
	top:auto;
	bottom:-30px;
	height:30px;
    background-position:left -60px;
}
.message-list .my-message .comment, .message-list .rf-message .comment{background:none;}
.message-list .my-message .date, .message-list .rf-message .date{
	position: absolute;
    bottom: 0;
    left: 50px;
    width: 200px;
    line-height: 120%;
    color:#f98f9e;
}
.message-list .rf-message .date{
	color:#3994a2;
}

/*--------------------------------------------------*/

#p-user-detail .content-wrap{
	width:725px;
	height:1007px;
	background: url("../img/user/profile-bg.png") no-repeat left top;
	margin:0 auto;
	overflow:hidden;
}
#p-user-detail .content{
	width:650px;
	margin:60px auto 0 auto;
	padding:24px;
	box-sizing:border-box;
}
#p-user-detail .avatar-thumbnail, #p-user-detail .status1{float:left;}
#p-user-detail .avatar-thumbnail{
	width:215px;
	height:228px;
	background: url("../img/user/profile-parts.png") no-repeat left top;
	padding: 13px 15px;
	box-sizing:border-box;
}
#p-user-detail .avatar-thumbnail img{width:184px;}
#p-user-detail .status1{width:362px;float:right;}
#p-user-detail .status1 div{
	height:53px;
	width:362px;
	background: url("../img/user/profile-parts.png") no-repeat left -240px;
	margin: 17px 0;
}
#p-user-detail .status1 div.name{line-height:53px; text-align:center; position:relative;}
#p-user-detail .status1 div.name .modify, #p-user-detail .block3 .profile .modify{
	position:absolute;
	width:78px;
	height:55px;
	top:-25px;
	right:-10px;
	background: url("../img/user/profile-parts.png") no-repeat left -520px;
	text-indent:-9999px;
}
#p-user-detail .status1 div.name .modify a, #p-user-detail .block3 .profile .modify a{
	display:block;
	width:100%;
	height:100%;
}
#p-user-detail .status1 div.coin, #p-user-detail .status1 div.cash{background: url("../img/user/profile-parts.png") no-repeat left -310px;}
#p-user-detail .status1 div span{float:left;display:block;height:53px;text-align:center;line-height:53px;}
#p-user-detail .status1 div span.label{width:145px;}
#p-user-detail .status1 div span.value{text-align:right;width:216px;box-sizing:border-box;padding-right:20px;}
#p-user-detail .status2{width:280px; float:left; margin-bottom:110px;}
#p-user-detail .status2 div{
	width:283px;
	height:43px;
	line-height:43px;
	background: url("../img/user/profile-parts.png") no-repeat left -470px;
	margin: 13px 0;
}
#p-user-detail .status2 .route-now{
	height:93px;
	background: url("../img/user/profile-parts.png") no-repeat left -370px;
	box-sizing:border-box;
    padding: 10px;
    margin: 0;
    line-height: 120%;
}
#p-user-detail .status2 .route-now table{width:100%;height:73px;}
#p-user-detail .status2 .route-now table td{vertical-align:middle;}
#p-user-detail .status2 div span{float:left;display:block;height:40px;text-align:center;line-height:40px;}
#p-user-detail .status2 div span.label{width:120px;}
#p-user-detail .status2 div span.value{width:155px;text-align:right;box-sizing:border-box;padding-right:20px;}
#p-user-detail .block3 .profile{position:relative;}
#p-user-detail .block3 .profile .modify{top:-60px;}

/*--------------------------------------------------*/

.ending-point-gauge{width:309px; height:313px; position:relative; float:right;}
.ending-point-gauge .heart-base, .ending-point-gauge .heart-gauge{
	position:absolute;
	width:309px;
	height:313px;
	top:0;
	left:0;
	z-index:10;
	background: url("../img/user/heart-base.png") no-repeat left top;
}
.ending-point-gauge .heart-gauge{
	z-index:30;
	background: url("../img/user/heart-gauge.png") no-repeat left top;
}
.ending-point-gauge .heart-mask{
	position:absolute;
	width:309px;
	height:192px;
	top:80px;
	left:0;
	z-index:20;
	background: url("../img/user/heart-mask.png") no-repeat left top;
}
.ending-point-gauge .status-text{
	position:absolute;
	top:0;
	left:0;
	z-index:40;
	width:309px;
	height:48px;
	line-height:48px;
}
.ending-point-gauge-wrap .btn-howto{
	top: -15px;
	bottom:auto;
    right: -15px;
}

/*--------------------------------------------------*/

#p-help ul.list li{
	list-style-type: disc;
	margin:0 0 30px 30px;
	color:#e4485d;
}
#p-help ul.list a{
	text-decoration:none;
	font-size:28px;
	line-height:30px;
	color:#e4485d;
}

/*--------------------------------------------------*/

#p-news .textbox-2{
	max-width:600px;
	padding:40px 50px;
}

/*--------------------------------------------------*/

.bonus-list-simple{overflow:hidden; margin-bottom:20px;}
.bonus-list-simple .image{width:30%; float:left;}
.bonus-list-simple .image img{width:100%;}
.bonus-list-simple .info{width:65%; float:right;}
.all-chapter-end .bonus-list-simple{width:600px; margin:0 auto 30px auto;}
.all-chapter-end .bonus-list-simple .image img{width:90%;}

/*--------------------------------------------------*/

.banner-area{width:100%; margin:0 auto;}

/*--------------------------------------------------*/

#p-item-box .tab-list li .count-icon{
	display: block;
    background: #ff7ca0;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    width:40px;
    height:40px;
    line-height:40px;
    position: absolute;
	top:-20px;
	right:-10px;
    border: 3px solid #ffffff;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    box-shadow: -1px 0 2px rgba(120,120,120,.9);
	z-index:50;
}

/*--------------------------------------------------*/

ul.contents-list{overflow:hidden;}
ul.contents-list li{float:left; width:200px; margin:0 4px 20px 4px;}
ul.contents-list li img{width:100%;}
#p-collection ul.category-list{width:738px; overflow:hidden; margin:0 auto;}
#p-collection ul.category-list li a{
	float:left;
	width:369px;
	height:192px;
	background: url("../img/collection/buttons_20190208.png") no-repeat left top;
	text-indent:-9999px;
	display:block;
}
#p-collection ul.category-list li.wallpaper a{background-position:0 -192px;}
#p-collection ul.category-list li.card a{background-position:0 -386px;}
#p-collection ul.category-list li.event_card a{background-position:0 -578px;}
#p-collection ul.category-list li.wallpaper_seal a{background-position:0 -768px;}
#p-collection ul.category-list li.movie a{background-position:0 -960px;}
#p-collection.event-card-gacha .card-list ul{overflow:hidden;}
#p-collection.event-card-gacha .card-list ul.num6{width:450px;margin:0 auto;}
#p-collection.event-card-gacha .card-list ul li{float:left;width:150px;}
#p-collection.event-card-gacha .card-list ul li:nth-child(4n+1){margin-left:15px;}
#p-collection.event-card-gacha .card-list ul.num6 li:nth-child(4n+1){margin-left:0;}
#p-collection.event-card-gacha .card-list ul li img{width:100%;}
.play-off{opacity: 0.5;pointer-events: none;}

/*--------------------------------------------------*/

#p-gacha-select ul.category-list{width:738px; overflow:hidden; margin:0 auto;}
#p-gacha-select ul.category-list li a{
	float:left;
	width:369px;
	height:180px;
	background: url("../img/gacha/buttons.png") no-repeat left top;
	text-indent:-9999px;
	display:block;
}
#p-gacha-select ul.category-list li.avatar-gacha a{background-position:0 0;}
#p-gacha-select ul.category-list li.event-card-gacha a{background-position:0 -180px;}

/*--------------------------------------------------*/

/*#p-fes{background: url("../img/fes/bg.jpg") repeat-y left top;}*/
#p-fes{background: url("../img/fes/bg-20250814.jpg") repeat-y left top;}
#p-fes h1.fes-header{background: url("../img/fes/header.png") no-repeat left top; width:750px; height:406px; text-indent:-9999px;}
#p-fes .content-block-1{position:relative;}
#p-fes section.bonus-ribbon:before{
	content:" ";
/*	background: url("../img/fes/ribbon-bonus.png") no-repeat;*/
	background: url("../img/fes/ribbon-bonus-20250814.png") no-repeat;
	width:740px;
	height:194px;
	position:absolute;
    left: -20px;
    top: -130px;
}
#p-fes section.limited-ribbon:before{
	content:" ";
	background: url("../img/fes/ribbon-limited.png") no-repeat;
	width:740px;
	height:194px;
	position:absolute;
    left: -20px;
    top: -120px;
}
#p-fes table.bonus-list td.multiple div.block{margin-bottom:10px;border-bottom:1px solid #b18f71;padding-bottom:10px;}
#p-fes table.bonus-list td.multiple div.block:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0;}
#p-fes ul.present-list{overflow:hidden;}
#p-fes ul.present-list li{width:222px;float:left;margin-bottom:10px;}
#p-fes ul.present-list li img{width:96%;text-align:center;}

/*--------------------------------------------------*/

#p-battle-event{background: url("../img/battle_event/bg.png") repeat-y left top;}
#p-battle-event h1.big-header{background: url("../img/battle_event/header.png") no-repeat left top; width:750px; height:530px; text-indent:-9999px;}
#p-battle-event section.content-block-1{background-color:rgba(255, 243, 216);}
#p-battle-event textarea{width:100%;padding:10px;box-sizing:border-box;border:1px solid #c28b5c;border-radius:10px;}
#p-battle-event .user-list .info{width:480px;}
#p-battle-event.ranking .user-list .info{width:auto;}
#p-battle-event.ranking .user-list .image{width:200px;}
#p-battle-event .member-list.cnt2 li{float:left;margin:0 20px;}
#p-battle-event .member-list.cnt2 li:first-child{margin-left:100px;}
#p-battle-event .member-list.cnt3 li{float:left;margin:0 4px;}
#p-battle-event ul.contents-list li{width:214px;}
#p-battle-event.daily-mission section{position:relative;}
#p-battle-event.daily-mission section .block{
	padding:10px;
	background-color:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid #b18f71;
	position:relative;
}
#p-battle-event.daily-mission section .past{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);border-radius:10px;}
#p-battle-event.daily-mission section .inner .block:last-child{margin-bottom:0 !important;}
#p-battle-event.daily-mission section .inner span.rest{background-color:#f98f9e;color:#FFF;border-radius:5px;padding:2px 5px;}
#p-battle-event.daily-mission section .inner span.cleard{background-color:#e4485d;color:#FFF;border-radius:5px;padding:3px 8px;font-size:22px;}
#p-battle-event.daily-mission section .inner span.not-cleard{background-color:#888;color:#FFF;border-radius:5px;padding:3px 8px;font-size:22px;}
#p-battle-event.daily-mission section.today{border:5px solid #f98f9e;}
#p-battle-event .user-status{
	width:661px;
	height:auto;
	box-sizing:border-box;
	position:absolute;
    top: 530px;
    left: 43px;
    box-sizing:border-box;
    padding:40px 50px;
}
#p-battle-event .user-status ul{overflow:hidden; margin-bottom:10px; height:50px;}
#p-battle-event .user-status ul li{float:left; line-height:50px; width:200px; text-align:center;}
#p-battle-event .user-status ul li:nth-child(2){width:160px;}
#p-battle-event.battle-finish dl.textbox-1{padding-left:30px;}
#p-battle-event .card-list li{margin-bottom:10px;}
#p-battle-event .card-list li.cnt5:nth-child(4){margin-left:110px;}
#p-battle-event .notice-list li{margin:10px 0;}
#p-battle-event .notice-list li a{text-decoration:none; color:#e4485d; text-decoration:underline;}

#p-battle-event .animation-skip-wrap{overflow:hidden;width:350px;margin:0 auto;}
#p-battle-event .animation-skip-wrap a{line-height:30px;color:#000;font-weight:bold;}
#p-battle-event .animation-skip-wrap .check-off, #p-battle-event .animation-skip-wrap .check-on{
	width:30px;
	height:30px;
	background:url(../img/battle_event/checkbox_off.png) no-repeat;
	background-size:cover;
	display:block;
	float:left;
	text-decoration:none;
}
#p-battle-event .animation-skip-wrap .check-on{
	background:url(../img/battle_event/checkbox_on.png) no-repeat;
	background-size:cover;
}


/*--------------------------------------------------*/

.story-event section.content-block-1{background-color: rgba(255, 243, 216, 1);position:relative;}
.story-event section.content-block-1 .btn-howto{top:15px;right:30px;}
.story-event .textbox-2{background: rgba(255, 255, 255, 1);box-shadow: 0 0 30px 12px rgba(255,200,210,0.8) inset;}
#p-story-event{/*background: url("../img/battle_event/bg.png") repeat-y left top;*/}
#p-story-event .top-header-area{width:750px; height:1195px; position:relative; background-repeat:no-repeat;}
#p-story-event .top-header-area .content{width:750px; height:375px; position:absolute; bottom:0;}
#p-story-event .top-header-area .content a.btn{background:url("../img/event/btn/top-buttons.png");}
#p-story-event .top-header-area .entry a.btn{
	width:620px;
	height:170px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	text-indent:-9999px;
}
#p-story-event .top-header-area ul.links{margin-top:20px;}
#p-story-event .top-header-area ul.links li{float:left; width:50%;}
#p-story-event .top-header-area .howto a.btn, #p-story-event .top-header-area .bonus a.btn{
	width:320px;
	height:110px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
	background-position: 5px -210px;
}
#p-story-event .top-header-area .bonus a.btn{background-position: -25px -360px;}
#p-story-event.daily-mission section{position:relative;}
#p-story-event.daily-mission section .block{
	padding:10px;
	background-color:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid #b18f71;
	position:relative;
}
#p-story-event.daily-mission section .past{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);border-radius:10px;}
#p-story-event.daily-mission section .inner .block:last-child{margin-bottom:0 !important;}
#p-story-event.daily-mission section .inner span.rest{background-color:#f98f9e;color:#FFF;border-radius:5px;padding:2px 5px;}
#p-story-event.daily-mission section .inner span.cleard{background-color:#e4485d;color:#FFF;border-radius:5px;padding:3px 8px;font-size:22px;}
#p-story-event.daily-mission section .inner span.not-cleard{background-color:#888;color:#FFF;border-radius:5px;padding:3px 8px;font-size:22px;}
#p-story-event.daily-mission section.today{border:5px solid #f98f9e;}

.event-separate-line{width:750px; height:22px; position:absolute; background:url("../img/event/parts/separate-line.png")}
.event-separate-line.top{top:0;}
.event-separate-line.bottom{bottom:0;}
#p-mypage.story-event .panel-menu{
	top:50px;
	bottom:auto;
}
#p-mypage.story-event .mypage-header-area{width:750px; height:1045px; position:relative; background-repeat:no-repeat;}
#p-mypage.story-event .event-line{
	width:339px;
	height:266px;
	background:url("../img/event/parts/event-line.png");
	position:absolute;
	top:0;
	left:0;
}
#p-mypage.story-event .jj-image{
	width:750px;
	height:1000px;
	position:absolute;
	bottom:0;
}
#p-mypage.story-event .panel-button{
	width:750px;
	height:350px;
	position:absolute;
	bottom:20px;
	background:url(../img/event/btn/mypage-buttons-2.png) no-repeat left -583px;
}
#p-mypage.story-event .panel-button .battle{
	width:260px;
	height:210px;
	position:absolute;
	bottom:20px;
}
#p-mypage.story-event .panel-button .battle .stamina{
    position: absolute;
    display: block;
    height: 40px;
    width: 140px;
    bottom: 25px;
    left: 55px;
    font-weight: bold;
    text-align: center;
}
#p-mypage.story-event .panel-button .story{
	width:320px;
	height:250px;
	position:absolute;
    top: 10px;
    left: 215px;
}
#p-mypage.story-event .panel-button .bonus{
	width:260px;
	height:210px;
	position:absolute;
    bottom:20px;
    right: 0;
}
#p-mypage.story-event .panel-button a{display:block;width:100%;height:100%;text-indent:-9999px;}
#p-mypage.story-event .route-status-area{
    background: url(../img/event/btn/mypage-buttons-2.png) no-repeat left -485px;
    width: 625px;
    height: 90px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}
#p-mypage.story-event .route-status-area .route{width:625px;height:90px;line-height:90px;margin:0;}
#p-mypage.story-event .status-area-wrap{width:690px;margin:0 auto;}
#p-mypage.story-event .status-info{
    background: url(../img/event/btn/mypage-buttons-2.png) no-repeat left -258px;
    width: 497px;
    height: 209px;
}
#p-mypage.story-event .status-info{padding:20px 20px 30px 20px;box-sizing:border-box;}
#p-mypage.story-event .status-info dt{width:300px;}
#p-mypage.story-event .status-info dd{width:140px;}
#p-mypage.story-event .status-info dt, #p-mypage.story-event .status-info dd{
	text-align:center;
	padding:13px 0;
	font-size:28px;
}
#p-mypage.story-event .status-area-wrap .buttons li a{
	width:180px; 
	height:100px;
	display:block;
	background: url(../img/event/btn/mypage-buttons-2.png) no-repeat -8px -135px;
	text-indent:-9999px;
}
#p-mypage.story-event .status-area-wrap .buttons li.album a{
	background-position:-8px -11px;
}
#p-battle.story-event .battle-detail{
	background:url(../img/event/parts/event-battle-bg-2.jpg) no-repeat left top;
}
#p-mypage.story-event p.early-clear-popup{
	width:242px;
	height:127px;
	position:absolute;
    top: -30px;
    left: -200px;
    	background: url(../img/mypage/early-clear-popup-2.png) no-repeat left top;
    line-height: 30px;
    padding-top: 7px;	
}
#p-route.event-album .slick-list li{width:750px;height:1100px; position:relative;}
#p-route.event-album button.slick-prev, #p-route.event-album button.slick-next{top:250px;}

#p-friend-profile.story-event .status-block{
	background: url("../img/friend/parts-201909.png") no-repeat left -80px;
}
#p-friend-profile.story-event .status-block .status li:first-child{
	background: url("../img/friend/parts-201909.png") no-repeat left -680px;
}
#p-friend-profile.story-event .status-block .status li:first-child span.value{width:500px;}

.story-event .route-clear-status .ending{
	width:746px;
	height:315px;
	margin:0 auto;
	background:url(../img/event/parts/clear-status-detail-bg.png) no-repeat left top;
	overflow:hidden;
}
.story-event .route-clear-status .ending ul{width:610px;}
.story-event .route-clear-status .ending ul li{
	width:290px !important;
	height:137px !important;
	float:left;
	background:url(../img/event/parts/clear-status-detail-bg.png) no-repeat left -320px;
	text-indent:-9999px;
}
.story-event .route-clear-status .ending ul li.romantic_off{background-position:left -460px;}
.story-event .route-clear-status .ending ul li.heaven{background-position:-300px -320px;}
.story-event .route-clear-status .ending ul li.heaven_off{background-position:-300px -460px;}

/*--------------------------------------------------*/

#p-event-card-gacha .card-list ul li{width:150px;}
#p-event-card-gacha .card-list ul li:nth-child(4n+1){margin-left:15px;}
#p-event-card-gacha .card-list ul.num6 li:nth-child(4n+1){margin-left:0;}
#p-event-card-gacha .card-list ul li img{width:100%;}

/*--------------------------------------------------*/

#voice_avatar_overlayer{width:100%;height:100%;z-index:200;position:absolute;top:0;left:0;background:rgba(0,0,0,0.01);}
#voice_avatar_overlayer_sub{position: fixed;top: 750px;width: 100%;background-color: rgba(0,0,0,0.8);height: 100%;z-index:250;}
#voice_avatar_overlayer .box{position:fixed;top:770px;width:100%;z-index:300;}
#voice_avatar_overlayer .voice_not_play{font-size:12px; background-color:#E57A9C; color:#FFF; width:60%;margin:0 auto;padding:15px 30px;text-align:center;}
.play-off{opacity: 0.5;pointer-events: none;}

/*--------------------------------------------------*/
#p-night-gacha .bonus-avatar ul.contents-list{width: 440px; margin: 0 auto;}
#p-night-gacha .bonus-avatar ul.contents-list li{width:200px;margin:0 10px 20px 10px;}
#p-night-gacha ul.contents-list.col1 li{width:100%;}
#p-night-gacha ul.contents-story-list.col1 li{width:300px;margin:0 auto;float:none;}

/*--------------------------------------------------*/
#p-sequel-story-daily-mission.daily-mission section{position:relative;}
#p-sequel-story-daily-mission.daily-mission section .block{
	padding:10px;
	background-color:rgba(255,255,255,0.7);
	border-radius:10px;
	border:1px solid #b18f71;
	position:relative;
}
#p-sequel-story-daily-mission.daily-mission section .past{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);border-radius:10px;}
#p-sequel-story-daily-mission.daily-mission section .inner .block:last-child{margin-bottom:0 !important;}
#p-sequel-story-daily-mission.daily-mission section .inner span.rest{background-color:#f98f9e;color:#FFF;border-radius:5px;padding:2px 5px;}
#p-sequel-story-daily-mission.daily-mission section .inner span.cleard{background-color:#e4485d;color:#FFF;border-radius:5px;padding:3px 8px;font-size:22px;}
#p-sequel-story-daily-mission.daily-mission section .inner span.not-cleard{background-color:#888;color:#FFF;border-radius:5px;padding:3px 8px;font-size:22px;}
#p-sequel-story-daily-mission.daily-mission section.today{border:5px solid #f98f9e;}

/*--------------------------------------------------*/

.item-exchange-point-status{
	width:500px;
	height:91px;
	background:url(../img/item_exchange/point-status.png) no-repeat;
	margin:0 auto;
	position:relative;
}
.item-exchange-point-status .point{
	position:absolute;
	height:91px;
	width:250px;
	line-height:91px;
	top:0;
	right:0;	
}

/*--------------------------------------------------*/

#copyright{height:70px;line-height:70px;}








/*======= Global-Footer ==========*/
li a.icon_isky{height:80px; line-height:80px;}
nav.iskyFooterMenu{background-color:#F0F0F0; display:block; text-align:center;}
nav p.iskyFooterMenu{
	font-family: 'HiraKakuProN-W3',monospace;
	line-height: 140%;
	color: #FFF;
	padding: 1px;
	text-align: center;
	margin: 0;
	font-size: 24px;
	background: -webkit-gradient(linear, left top, left bottom, from(#15155C), to(#0C0C38));
}
nav ul.iskyFooterMenu{margin: 0 auto; padding: 20px; width: 552px; font-size: 100%; font-weight:normal;}
nav li.iskyFooterMenu_01{list-style-type: none; display: table-cell; padding-left: 0px; width: 182px;}
nav li.iskyFooterMenu_02{list-style-type: none; display: table-cell; padding-left: 4px; width: 182px;}
nav li.iskyFooterMenu_03{list-style-type: none; display: table-cell; padding-left: 4px; width: 182px;}
nav li.iskyFooterMenu_04{list-style-type: none; display: table-cell; padding-left: 4px; width: 182px;}
nav a.iskyFooterMenu{list-style-type: none; color:#000; text-decoration:none;}
nav img.iskyFooterMenu{border: medium none; vertical-align: bottom; width: 130px; height: 111px;}



/*======================================================
=========================================================
	 Untilities
=========================================================
=========================================================*/

/*======= テキスト帯共通クラス  ==========*/
.txt-pink {color: #e4485d !important;}
.txt-violet {color: #5a49dc !important;}
.txt-cyan {color: #007a8c !important;}
.txt-red { color: #f03a51 !important;}
.txt-orange {color: #eb6833 !important;}
.txt-green { color: #3fb25d !important;}
.txt-brown {color: #a66c22 !important;}
.txt-gold { color: #b88b00 !important;}
.txt-gold-02 { color: #85752c !important;}
.txt-black { color: #000 !important;}
.txt-white { color: #fff !important;}
.txt-blue { color: #36f !important; }

/*======= テキスト帯共通クラス  ==========*/
.txt-border{
	padding: 2%;
	margin: 0 auto;
	color: #FFF;
	width: 96%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.txt-border.violet{background-color:#b93ed3;}
.txt-border.pink{background-color:#f98f9e;}
.txt-border.red{background-color:#f03a51;}
.txt-border.blue{background-color:#82c1f6;}
.txt-border.cyan{background-color:#78d6dc;}
.txt-border.gold{background-color:#c29d43;}
.txt-border.white{background-color:#FFF;color:#FFFFFF;}
.txt-border.bg{
	width:633px;
	height:70px;
	margin:0 auto;
	background: url("../img/common/txt-border-bg.png") no-repeat left top;
	line-height:90px;
	font-size:28px;
	text-align:center;
	padding:0;
}
.txt-line-through{text-decoration:line-through;}

/*======= Width ==========*/
.w100{width:100px !important;}
.w130{width:130px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w260{width:260px !important;}
.w280{width:280px !important;}
.w320{width:320px !important;}
.w360{width:360px !important;}
.w370{width:370px !important;}
.w380{width:380px !important;}
.w390{width:390px !important;}
.w400{width:400px !important;}
.w410{width:410px !important;}
.w420{width:420px !important;}
.w430{width:430px !important;}
.w440{width:440px !important;}
.w450{width:450px !important;}
.w640{width:640px !important;}

/*======= Margin-top ==========*/
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt200 {margin-top: 200px !important;}
.mt300 {margin-top: 300px !important;}

/*======= Margin-left ==========*/
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml40{margin-left: 40px !important;}
.ml60 {margin-left: 60px !important;}
.ml150 {margin-left: 150px !important;}

/*======= Margin-right ==========*/
.mr0 {margin-right: 0px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr60 {margin-right: 60px !important;}

/*======= Margin-bottom ==========*/
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb200 {margin-bottom: 200px !important;}

/*======= Margin-auto ==========*/
.mauto {margin: 0 auto;}

/*======= padding-left ==========*/
.pl0 {padding-left: 0px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}

/*======= padding-top ==========*/
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}

/*======= padding-bottom ==========*/
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb100 {padding-bottom: 100px !important;}

/*======= reset ==========*/
.no-bg { background: none !important;}
.no-bd { border: none !important;}
.no-bd-rad {-webkit-border-radius: 0px !important; border-radius: 0px !important;}
.no-mg { margin: 0 !important;}
.no-pd { padding: 0 !important;}
.no-wid { width: auto !important;}
.no-bold { font-weight: normal !important;}

/*======= Float ==========*/
.f-left { float: left !important;}
.f-right { float: right !important;}

/*======= text align ==========*/
.txt-l { text-align: left !important;}
.txt-c { text-align: center !important;}
.txt-r { text-align: right !important;}

/*======= vertical align ==========*/
.va-t { vertical-align: top;}
.va-m { vertical-align: middle;}
.va-b { vertical-align: bottom;}

/*======= font family ==========*/
.ff-min{font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Sawarabi Mincho", serif;}

/*======= font size ==========*/
.fs14 { font-size: 14px !important;}
.fs16 { font-size: 16px !important;}
.fs18 { font-size: 18px !important;}
.fs20 { font-size: 20px !important;}
.fs22 { font-size: 22px !important;}
.fs24 { font-size: 24px !important;}
.fs25 { font-size: 25px !important;}
.fs26 { font-size: 26px !important;}
.fs28 { font-size: 28px !important;}
.fs30 { font-size: 30px !important;}
.fs32 { font-size: 32px !important;}
.fs34 { font-size: 34px !important;}
.fs36 { font-size: 36px !important;}

/*======= font weight ==========*/
.fwn { font-weight: normal !important;}
.fwb { font-weight: bold !important;}

/*======= lign height ==========*/
.lh1 { line-height: 1; }
.lh15 { line-height: 1.5; }

/*======= border radius ==========*/
.no-radius{border-radius: 0;}

/*======= pointer-events ==========*/
.ptr-none {pointer-events: none;}

/*======= display ==========*/
.blk{display:block !important;}
.iblk{display:inline-block !important;}

/*======= clear fix ==========*/
.cf:after{
	position: relative;
	display: block;
	content: " ";
	clear: both;
	line-height: 0;
	visibility: visible;
}