@charset "UTF-8";

/******************************************************ResetCSS*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td ,figure ,article,section,header,footer,nav,aside{
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	-webkit-transform-origin: center top;
}
body {
	font-family:'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', sans-serif;
	text-align: left;
	width: 100%;
	line-height: 1.7;
	overflow-y: scroll;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-weight: bold;
	color: #767676;

}
input{
	font-family:'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-weight: bold;
}
input[type="submit"]{
	-webkit-appearance: none;
	line-height:1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1.0em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: middle;
	border: 0;
}
li {list-style-type: none;}
a {
	color: #767676;
	text-decoration: none;
	_zoom: 1;
}
a img {
	transition: 0.2s;
	opacity: 1;
}
address {font-style: normal;}

audio{width:0; height: 0;}
/******************************************************clearfix*/
.clearfix:after {
	content: " ";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*WrapperCSS::::::::::::::::::::::::::::::::::::::::::*/
article {
	width:320px;
	margin: 0 auto;
	padding:0px;
	overflow: hidden;
}
/*PC用の幁E��整*/
.win article,.mac article{
	zoom: 1.875;
	margin: -1px 0 0;
}
/*firefox用の幁E��整*/
.win.-moz- article,.mac.-moz- article{
	-moz-transform: scale(1.875);
	-moz-transform-origin: 0 0;
	overflow: hidden;
}

/*firefoxでPC用の方を読むようになったため対応*/
@-moz-document url-prefix() {
	.win article,.mac article{
		-moz-transform: scale(1.875);
		-moz-transform-origin: 0 0;
		overflow: hidden;
	}
}


/*Header and Footer menu CSS::::::::::::::::::::::::::::::::::::::::::::::::::*/

#mainmenu .menu_title{
	background-image: url(../img/parts/common/mainmenu_sprite2.png);
	text-indent: -999em;
	background-size: 236px auto;
	background-position: -19px 103px;
	width: 160px;
	margin: 15px auto;
	height: 35px;
}
#mainmenu .event_text{
	color: #fff;
	text-align: center;
	font-size: 11px;
	letter-spacing: -0.02em;
}
#mainmenu p{text-align: center;}
#mainmenu{
	position: absolute;
	z-index: 1000;
	left: 49.7%;
	top: 10px;
	background: rgba(184,51,98,0.82);
	display: none;
	margin: 0 auto;
	opacity: 1;
	width: 296px;
	margin: 0 0 0 -150px;
	border-radius: 8px;
	border: 2px solid pink;
	overflow: hidden;
	box-shadow: 0 1px 30px rgba(0,0,0,0.7);
	color: #fff;
}
.mac #mainmenu,.win #mainmenu{
	left: 50%;
}
#mainmenu ul{
	margin: 0 auto 5px;
	padding: 0;
	overflow:hidden;
	width: 268px;
}
#mainmenu ul:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#mainmenu li{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #fff, #f2f2f2);
	background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
	border-radius: 100px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	text-align: center;
	float: left;
	font-size:0px;
	width: 59px;
	height: 59px;
	margin: 0 10px 12px 0;
}
#mainmenu li:nth-child(4n){
	margin: 0 0 12px;
}
#mainmenu li a{
	display: block;
	height: 59px;
	position: relative;
	text-indent: -999em;
}
#mainmenu li a:before{
	content: "";
	position: absolute;
	display: block;
	background-image: url(../img/parts/common/mainmenu_sprite4.png);
	background-size: 236px auto;
	width: 59px;
	height: 64px;
}

#mainmenu #m_nav01 a:before {background-position: 0 0;}
#mainmenu #m_nav02 a:before {background-position: -59px 0;}
#mainmenu #m_nav03 a:before {background-position: -118px 0;}
#mainmenu #m_nav04 a:before {background-position: -177px 0;}
#mainmenu #m_nav05 a:before {background-position: 0 -64px;}
#mainmenu #m_nav06 a:before {background-position: -59px -64px;}
#mainmenu #m_nav07 a:before {background-position: -119px -64px;}
#mainmenu #m_nav08 a:before {background-position: -177px -64px;}
#mainmenu #m_nav09 a:before {background-position: 0 -128px;}
#mainmenu #m_nav10 a:before {background-position: -59px -128px;}
#mainmenu #m_nav11 a:before {background-position: -118px -128px;}
#mainmenu #m_nav12 a:before {background-position: -177px -128px;}
#mainmenu #m_nav13 a:before {background-position: 0 -192px;}
#mainmenu #m_nav14 a:before {background-position: -59px -192px;}
#mainmenu #m_nav15 a:before {background-position: -118px -192px;}
#mainmenu #m_nav16 a:before {background-position: -177px -192px;}
#mainmenu #m_nav16 a:before {background-position: -177px -192px;}
#mainmenu #m_nav17 a:before {background-position: 0 -256px;}
#mainmenu #m_nav18 a:before {background-position: -59px -256px;}
#mainmenu #m_nav19 a:before {background-position: -119px -256px;}
#mainmenu #m_nav20 a:before {background-position: -178px -256px;}
#mainmenu #m_nav21 a:before {background-position: -59px -381px;}
#mainmenu #m_nav22 a:before {background-position: -118px -381px;}
#mainmenu #m_nav23 a:before {background-position: -177px -381px;}

#mainmenu .close {
	text-align: center;
	margin: 15px 0 0;
	padding: 10px 0;
	box-shadow: 1px 0 5px rgba(0,0,0,0.3) inset;
	background-image: url(../img/parts/common/close_bg.png);
	background-size: 10px 10px;
}
#mainmenu .close02 {
	position: absolute;
	top: 0;
	right: 0;
	width: 58px;
	height: 54px;
	background-image: url(../img/parts/common/mainmenu_sprite2.png);
	background-size: 236px auto;
	background-position: -178px -325px;
}
#mainmenu .bg_pink{
	width:275px;
	margin:0 auto;
	padding: 9px 0 0;
	background: none!important;
	text-align: center;
}
#mainmenu .bg_pink img{
	width: 100%;
}
#mainmenu .event_area a{
	color:yellow;
	text-decoration: underline;
	font-size: 11px;
	padding: 0;
}
#index .g_nav {
	margin: 0 0 -4px;
	height: 58px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	position: relative;
}
#header .g_nav {
	height: 58px;
	position: relative;
}

#header .g_nav.sub_header li:nth-child(2){background-position: 0 0; background-image: url(../img/parts/common/tcboss_icon.png)!important; background-size: 64px;}
#header .g_nav.sub_header #tcboss_not{background: none!important;}
/*#header .g_nav li:nth-child(2){background-position: 0 -1000px;}*/
#header .g_nav li:nth-child(3){background-position: -128px 0;}
#header .g_nav #raid_not{background-position: 100px 0;}
#header .g_nav li:nth-child(4){background-position: -192px 0;}
#header .g_nav li:nth-child(5){background-position: -256px -108px;}

#header #index .g_nav li:nth-child(2){background-position: -64px -108px;}
#header #index .g_nav li:nth-child(3){background-position: -128px -108px;}
#header #index .g_nav li:nth-child(4){background-position: -194px -108px;}
#header #index .g_nav li:nth-child(5){background-position: -256px -108px;}

.g_nav{
	background: url(../img/parts/interface/g_nav_sprite.png) center 0 repeat-x;
	background-size: 320px 288px;
	background-position: 0 -167px;
	height: 60px;
	position: relative;
	top: 0;
	z-index: 50;
}

.g_nav ul{
	background-size: 320px 53px;
	width: 320px;
	margin: 0 auto;
	overflow: hidden;
}
.g_nav li {
	background-repeat: no-repeat;
	background-image: url(../img/parts/interface/g_nav_sprite.png);
	background-size: 320px 288px;
	float: left;
	height: 58px;
	width: 20%;
}
.g_nav li a{
	display: block;
	height: 100%;
	text-indent: -999em;
}
.g_nav li.voice_on{background-position: 0 -53px!important;}
.g_nav{position: static;}
#footer .g_nav li:nth-child(1){background-position: 0 -103px;}
#footer .g_nav {
	background-image: url(../img/parts/interface/g_nav_sprite.png);
	background-repeat: repeat-x;
	background-size: 320px 287px;
	background-position: 0 -226px;
	height: 58px!important;
	position: relative;
	z-index: 200;
	overflow: hidden;
}
#footer .g_nav li:nth-child(1){background-position: 0 -104px;}
#footer .g_nav li:nth-child(2){background-position: -64px -103px;}
#footer .g_nav li:nth-child(3){background-position: -128px -102px;}
#footer .g_nav li:nth-child(4){background-position: -192px -103px;}
#footer .g_nav li:nth-child(5){background-position: -256px -103px;}


.event_area a{
	display: block;
	color: #ff646c;
	text-align: center;
	padding:0 0 10px;
	text-decoration: underline;
	font-size: 13px;
}

/*チE��チE��ペ�Eジ用リンクのスタイル*/
.debug_area{
	padding: 12px 8px;
	text-align: center;
	margin-top: 0;
	background: #ededed;
	box-shadow: inset 0 1px 2px rgba(7,0,2,.4);
}
.debug_area .text_base{
	font-size: 13px;
	padding: 0!important;
	border: 1px solid #c5c5c5;
	border-radius: 6px;
	background-color: #ffffff;
	text-align: left;
}
.debug_area .text_base p{
	border-bottom: 1px solid #c5c5c5;
	padding: 5px 5px;
	line-height: 1.7;
	background: url(../img/parts/common/debug_icon.png) right center no-repeat;
	background-size: 19px;
}
.debug_area .text_base p a{display: block; color: #767676;}
.debug_area .text_base p:first-child{border-radius: 5px 5px 0 0;}
.debug_area .text_base p:last-child{border-radius: 0 0 5px 5px; border: none;}



/*Interrupt CSS::::::::::::::::::::::::::::::::::::::::::::::::::*/

#interrupt,
#gift {
	display: block;
	position: absolute;
	z-index: 8383;
	top: 0; bottom: 0; left: 0; right: 0;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	background-image: url(../img/parts/diary/l_evo_text02.png);
	background-size: 40px 65px;
	background-position: center 0;
	width: 100%;
	margin: 0 auto;
	height:100%;
	overflow-x: hidden;
}
#interrupt p,
#gift p {
	text-align: center;
}

/*メール*/


.slide_up{animation: slide_up ease .7s 1;}
.slide_down{animation: slide_down ease .7s 1;}
@keyframes slide_down {
 0%   { opacity:0; transform: translate(0,-15px);}
 100% { opacity:1; transform: translate(0,0);}
}
@keyframes slide_up {
 0%   { opacity:0; transform: translate(0,15px);}
 100% { opacity:1; transform: translate(0,0);}
}



.mail h2{
	margin: 0;
	text-align: left;
	padding: 8px 0 12px 10px;
}
.mail h2 span{
	font-size: 10px;
	vertical-align: bottom;
	padding: 0 0 0 15px;
}
.subject{
	color: #434343;
	font-size: 14px;
	padding: 8px 0 8px 10px;
}
.from{
	font-size: 12px;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
.from,.subject{
	background: #eaf1fa;
	border-bottom: 1px solid #c3d4e5;
	border-top: 1px solid #fff;
	position: relative;
}
.from:before{content: "From"}
.subject:before{content: "Sub"}

.from:before,.subject:before{
	width: 30px;
	display: inline-block;
	background: #7f8da5;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	padding: 3px 5px;
	margin: 0 10px 0 0;
	text-align: center;
	vertical-align: bottom;
}
.mail_text{
	color: #707070;
	font-size: 12px;
	line-height: 1.7;
	padding: 10px;
}
.mail_title{
	display: inline-block;
	width:131px;
	height: 17px;
	background-image:url(../img/parts/common/mail_title.png);
	background-repeat: no-repeat;
	background-size: 130px;
	position: relative;
	top: -3px;
	vertical-align: bottom;
	padding: 0!important;
}

.mail_image{text-align: center; margin: 0 0 10px }
.mail_image img{width: 300px;}
.return{
	width: 250px;
	margin:  15px  auto 0;
	padding: 5px 0;
	text-align: center;
}

.return a{
	color: #fff;
	vertical-align: middle;
}
.subject{
	color: #434343;
	font-size: 14px;
	padding: 8px 0 8px 10px;
}
.from{font-size: 12px;

	padding: 5px 0 5px 10px;
}
.from,.subject{
	background: #eaf1fa;
	border-bottom: 1px solid #c3d4e5;
	border-top: 1px solid #fff;
	position: relative;
}
.from:before{content: "From"}
.subject:before{content: "Sub"}

.from:before,.subject:before{
	width: 30px;
	display: inline-block;
	background: #7f8da5;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	padding: 3px 5px;
	margin: 0 10px 0 0;
	text-align: center;
	vertical-align: bottom;
}
.mail_image img{width: 200px;}
.interrupt{
	display: none;
	position: absolute;
	z-index: 8383;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	width: 320px;
	height: 100%;
	margin: 0 0 0 -160px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	background-image: url(../img/parts/diary/l_evo_text02.png);
	background-size: 40px 65px;
	background-position: center 0;
}
.mail_return{
	width: 250px;
	margin:  0 auto;
	padding: 9px 0;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}
.mail_return a{
	padding: 10px !important;}
,mail_image{
	background: url(img/parts/common/line05.png) repeat-x;
	background-size: 5px 3px;
	padding: 15px 0 0;
	text-align: center;
	position: relative;
}
,mail_image:before{
	content:"";
	position: absolute;
	right: 25px;
	top: -8px;
	display: block;
	width: 83px;
	height: 16px;
	background: url(img/parts/common/mail_image.png) 0 0 no-repeat;
	background-size: 83px 16px;
}

.mail_answer input{
	-webkit-appearance: none!important;
	border: 0!important;
	font-size: 13px;
	height: auto;
	color:#fff;
	white-space: normal;
	text-align: left;
	padding: 18px 8px 18px 56px;
	width: 280px;
}
.mail_answer{
	width: 100%;
	position: absolute;
	text-align: center;
	vertical-align: middle;
}
.mail_answer td{padding: 7px 0;}

.mail_answer_img{
	opacity: 0.8;
	 -webkit-filter: blur(10px);
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
}
.mail_answer td span{
	display: inline-block;
	color: #333;
	text-align: left;
	font-size: 17px;
	border-radius: 10px;
	color: #fff;
	border: 5px solid #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
.mail_answer .answer_a input{
	background: url(../img/parts/common/answer_a.png) 7px center no-repeat;
	background-size: 42px 45px;

}
.mail_answer .answer_b input{
	background: url(../img/parts/common/answer_b.png) 7px center no-repeat;
	background-size: 42px 45px;
}
.mail_answer .message{text-align: left;}
.mail_answer .message p{
	font-size: 13px;
	color: #fff;
	padding: 0 18px;
}
.mail_answer .message .notice{
	font-size: 21px;
	color: orange;
	text-align: center;
	background: url(../img/parts/common/line.png) bottom repeat-x;
	background-size: 8px auto;
	margin: 0 20px;
	padding: 0 0 8px;
}
.mail_answer .photo{
	width: 260px;
	margin: 0 auto;
}
.mail_answer .photo p{
	width: 50px;
	color: #fff;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 10px;
}
.mail_answer .photo .tl{
	width: 200px;
	padding: 0 0 0 10px;
}

.mail_area{
	background:	url(../img/parts/common/mail_bg.jpg) repeat-y #95b2de;
	background-size: 320px auto;
	overflow: hidden;
}
.mail_area .mail_header{
	background: url(../img/parts/common/mail_header.jpg) repeat-x;
	background-size: 2px 75px;
	height: 75px;
	line-height:70px;
	font-size: 22px;
	text-indent: 15px;
	color:#fff;
	margin: 0 0 20px;
}
.mail_area .mail_header .thumbnail{border-radius: 100px;}
.mail_area .mail_msg{
	position: relative;
	clear: both;
	width:  200px;
	padding: 7px 11px;
	border-radius: 10px;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.4;
}
.mail_area .mail_msg.image{padding: 11px;}
.mail_area .mail_msg:before{
	content:"";
	position: absolute;
	top: 10px;
	width: 0;
	height: 0;
	border-style: solid;
}
.mail_area .left:before{left: -9px; border-width: 0 10px 10px 0;}
.mail_area .right:before{	right: -9px; border-width: 10px 10px 0 0;}
.mail_area .white:before{border-color: transparent #ffffff transparent transparent;}
.mail_area .blue:before{border-color: #007ce9 transparent transparent transparent;}
.mail_area .fin:before{border-color: #00AD05 transparent transparent transparent;}
.mail_area .red:before{border-color: #ff4383 transparent transparent transparent;}
.mail_area .mail_msg.right{float: right; margin-right: 10px;}
.mail_area .mail_msg.left{float: left; margin-left: 10px;}
.mail_area .white{background: #fff; color: #2a2a2a;}

.mail_area .mail_msg:after{
	position: absolute;
	bottom: 0;
	font-size: 9px;
	color: #fff;
}

.mail_area .answerA:after,.mail_area .answerB:after{
	right: 227px;
	bottom: 0;
	width: 33px;
}
.mail_area .blue{background: #007de9; color: #fff;}
.mail_area .fin{background: #00AD05; color: #fff;}
.mail_area .red{background: #ff4383; color: #fff;}
.mail_area input[type="submit"]{
	background: none;
	outline: 0;
	border: none;
	color: #fff;
	cursor: pointer;
}

.mail_area .answerA:after{content:"回答A."}
.mail_area .answerB:after{content:"回答B."}
.mail_area .answerA a,.mail_area .answerB a{
	color: #fff;
}
.mail_area .back{
	padding: 15px 0;
	font-size: 22px;
	display: block;
	width: 100%;
	height: 100%;
	color:#fff;
	cursor: pointer;
	text-align: center;;
	text-decoration: underline;
}

/*電話返信画面*/

.mail_answer input{
	-webkit-appearance: none!important;
	border: 0!important;
	font-size: 13px;
	height: auto;
	color:#fff;
	white-space: normal;
	text-align: left;
	padding: 18px 8px 18px 56px;
	width: 280px;
}
.mail_answer{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	vertical-align: middle;
}
.mail_answer td{padding: 7px 0;}

.mail_answer_img{
	opacity: 0.8;
	filter: blur(10px);
	-webkit-filter: blur(10px);
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
}
.mail_answer td span{
	display: inline-block;
	color: #333;
	text-align: left;
	font-size: 17px;
	border-radius: 10px;
	color: #fff;
	border: 5px solid #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
.mail_answer .answer_a input{
	background: url(../img/parts/common/answer_a.png) 7px center no-repeat;
	background-size: 42px 45px;

}
.mail_answer .answer_b input{
	background: url(../img/parts/common/answer_b.png) 7px center no-repeat;
	background-size: 42px 45px;
}
.mail_answer .message{text-align: left;}
.mail_answer .message p{
	font-size: 13px;
	color: #fff;
	padding: 0 18px;
}
.mail_answer .message .notice{
	font-size: 21px;
	color: orange;
	text-align: center;
	background: url(../img/parts/common/line.png) bottom repeat-x;
	background-size: 8px auto;
	margin: 0 20px;
	padding: 0 0 8px;
}
.mail_answer .photo{
	width: 260px;
	margin: 0 auto;
}
.mail_answer .photo p{
	width: 50px;
	color: #fff;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 10px;
}
.mail_answer .photo .tl{
	width: 200px;
	padding: 0 0 0 10px;
}

.slide_up{animation: slide_up ease .7s 1;}
.slide_down{animation: slide_down ease .7s 1;}
@keyframes slide_down {
 0%   { opacity:0; transform: translate(0,-15px);}
 100% { opacity:1; transform: translate(0,0);}
}
@keyframes slide_up {
 0%   { opacity:0; transform: translate(0,15px);}
 100% { opacity:1; transform: translate(0,0);}
}
/*電話*/

#interrupt_trigger{
	display: block;
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0 0 0 0;
}
#interrupt{
	font-size: 15px;
	display: none;
}
.tel{
	width: 320px;
	height: 200px;
	margin: 75px auto 0;
}
.tel .name{
	font-size: 18px;
	padding: 2px 0 4px;
}
.tel .call{
	background: green;
	font-size: 11px;
	padding: 2px 6px;
}

.tel .text {
	position: relative;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #008aff;
	color: #008aff;
	font-size: 1.2rem;
	text-align: left;
	line-height: 1.4;
	margin: 0 10px 10px 20px;
	padding: 3.5% 3.5% 5% 3.5%;
	top: -27px;
	display: none;
}
.tel .text:before {
	border:10px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	bottom:auto;
	top: -9px;
	content:"";
	display:block;
	left:45px;
	position:absolute;
	width:0;
	z-index:1;
}
.tel .text:after {
	border:10px solid transparent;
	border-bottom-color:#008aff;
	border-top-width:0;
	bottom:auto;
	top: -11px;
	content:"";
	display:block;
	left:45px;
	position:absolute;
	width:0;
}
.tel .face{margin: 0 15px 0 0;}

.tel .number{
	font-size: 16px;
	position: relative;
	top: -6px;
	line-height:1.6;
}
.tel .btn_area a,.mail_answer .btn_area a{
	color: #fff;
	padding: 5px 30px!important;
	border-radius: 8px;
	font-size: 17px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.7);
	margin: 0 10px;
	display: block;
}

/*新しい電話着信画面*/
.call_area#interrupt{
	background: url(../img/parts/common/call_bg.png) center 0 rgba(0,0,0,.78)!important;
	background-size: 40px 65px!important;
}
.call_area .tel .btn_area a{
		background: none;
		width: auto!important;
		height: auto!important;
}
.call_area .call{
	background: url(../img/parts/common/call_header.jpg) 0 0 repeat-x #15c208;
	background-size: 320px;
	height:21px;
	line-height: 23px;
	color:#fff;
	font-size: 11px;
	text-align: center;
	animation: slide 1s infinite linear;
}
@keyframes slide{
	0%{	background-position:0 0;}
	100%{background-position: 320px 0;}
}
.call_area .info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 6px 0 ;
	text-align: center;
	background: url(../img/parts/common/call_mask1.png) 0 0 repeat-x;
	background-size: 320px 100%;
	color:#fff;
}
.call_area .info .name{font-size:26px;}
.call_area .info .number{font-size: 14px;}
.call_area .face{
	position: relative;
	top: 45px;
	height: 296px;
}
.call_area .btn_area{
	position: relative;
	background: url(../img/parts/common/call_mask2.png) 0 0 repeat-x;
	background-size: 320px 100%;
	padding: 10px 0;
}
.call_area .tel{margin: 0 auto;position: relative; height: auto; min-height: 425px;}
.call_area .face {margin: 0;}
.call_area .btn_area a{padding: 5px 44px!important; margin: 0;}

/*新しい電話着信画面ここまで*/



.mail_answer .btn_area i{
	display: block;
	background-position: 0 -2px;
	background-image: url(../img/parts/common/g_nav_sprite.png);
	background-repeat: no-repeat;
	background-size: 320px 288px;
	height: 47px;
	width: 53px;
}
.mail_answer #btn_play{line-height: 2.0;}
.mail_answer .btn_area i.voice_on{background-position: 0 -55px!important;}

.tel .answer,.mail_answer .answer{background: #409b31;}
.tel .reject{background: #ab302b;}
.call_ng{
	background:#000 url(../img/parts/index/card_bg04.png)!important;
	background-size: 320px auto!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}
.call_ng .btn_area a{border:2px solid #fff;}
.call_ok{background: none;}
.call_after{
	padding: 25px 0;
	background: url(../img/parts/common/y_body_bg.png),-webkit-gradient(linear, left top, right top, from(#0c0307), color-stop(0.5, #660067), to(#000));
	background: url(../img/parts/common/y_body_bg.png),-webkit-linear-gradient(right, #0c0307, #660067 50%, #000);
	background: url(../img/parts/common/y_body_bg.png),linear-gradient(to right, #0c0307, #660067 50%, #000);
	background-size: 28px 28px, 100% 100%;
}
.call_after .tel{
	position: static;
	margin: 0 auto;
	width: 300px;
	height: auto;
}
.call_after .text{
	margin: 0 10px 15px 10px;
	display: block;
}
.call_after .info{
	color:#fff;
	font-size: 13px;
}
h2{margin: 0;}

.page_title .mail_title + span{
	font-size: 10px;
	vertical-align: bottom;
	padding: 0 0 0 20px;
}

/*CommonTitleCSS::::::::::::::::::::::::::::::::::::::::::*/

.page_title{
	background: url(../img/parts/interface/h2_bg.png);
	background-size: 14px auto;
	border-bottom: 3px solid #fe72a0;
	box-shadow:  0 2px 3px rgba(0,0,0,0.2) inset;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding:  8px 0;
}

.common_title01,
.common_title02
{
	margin: 0px;
	padding: 0 4px;
	height: 38px;
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	color: #ffe400;
	border-radius:6px;
	box-shadow: 1px 1px 4px #903862;
	border: 1px solid #ffadd2;
	background: url(../img/parts/status/status_bg.png) repeat-x left center;
}
.common_title01 { text-align:left;}
.common_title02 { text-align:center;}
.common_title02 a { color: #ffe400; }

.common_title_bg {
	background-color:#ff66b6;
	padding:5px;
	margin:0px;
	clear:both;
}
.common_title03 {
	background: url(../img/parts/interface/title_bg.png);
	background-position: center 0!important;
	background-size: 39px 32px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	margin: 0 0 15px;
	text-align: center;
	text-shadow: none;
}

.select_area .common_title03:first-child{border-top: none;}

.common_title04 {
	background: #fff8d3;
	border-top: 1px solid #d6d6aa;
	border-bottom: 1px solid #d6d6aa;
	color: #008aff;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
}
.common_title05 {
	text-align: center;
	margin: 7px 7px 12px 7px;
	padding: 0px 4px;
	border: 1px solid rgb(255, 173, 210);
	background: url(../img/parts/status/status_bg.png) repeat-x scroll left center transparent;
	height: 38px;
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	color: rgb(255, 228, 0);
	border-radius: 12px;
	box-shadow: 4px 4px 4px rgb(144, 56, 98);
}
.common_title06 {
	background: #b6ddff;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	width: 260px;
	border-radius: 200px;
	margin: 5% auto 4%;
	padding: 1.5%;
}
.common_title06 span{color: #fff17e;}
.common_title07{
	background: url(../img/parts/common/title_bg02.png) 0 0 repeat-x;
	background-size: 39px 31px;
	color: #ff528c;
	font-size: 13px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	text-align: center;
	text-shadow: 1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.common_title08{
	background: url(../img/parts/common/check_bg.png);
	background-position: center 0!important;
	background-size: 90px;
	color: #ff528c;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	padding:6px;
	margin: 0 0 15px;
	text-align: center;
	text-shadow: 1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}

/*CommonAreaCSS::::::::::::::::::::::::::::::::::::::::::*/
.common_area01,
.common_area02,
.common_area03,
.common_area04,
.common_area05,
.common_area06 {
	text-align:left;
	width:100%;
}
.common_area01 {padding: 10px 0 0;}
.common_area02 {padding: 10px 0;}
.common_area03 {padding: 0 0 10px;}
.common_area04 {}
.common_area05 {}
.common_area06 {}

.common_area_notes {
	margin: 0px;
	padding: 10px;
	color: #0084f3;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-align:left;
}
.common_area_message {
	padding: 5px 11px;
	background-color: #ffd6eb;
}
.header_param {
	clear:both;
	margin: 0px;
	padding: 5px;
	background-color: #ffd9ca;
	color: #ffe400;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align:left;
}
.comments {
	clear:both;
	margin: 0px;
	padding: 5px;
	color: #ff4382;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background: #ffd8e4;
	text-align:center!important;
}
.comments2 {
	background: #ffd9ca;
	padding:5px;
	margin:0px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-align:left;
	clear:both;
}
.comments2 p { text-align: center; }
.comments2 p a { color: #36eaff;}

.comments3 {
	background:url(../img/parts/menu/menu02_bg.png) repeat left top;
	padding:10px;
	margin:0px;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	text-align:left;
	color:#fff;
	clear:both;
}
.comments4 {
	clear:both;
	margin: 0px;
	padding: 10px 9px;
	color:#008aff;
	font-size: 17px;
	line-height: 20px;
}
.comments4 p { text-align: center;}
.comments4 p a {color:#0083f3; }

.comments5 {
	clear:both;
	background:url(../img/parts/menu/menu02_bg.png) repeat left top;
	margin: 0px;
	padding: 5px;
	color: #ffe400;
	font-size: 14px;
	line-height: 20px;
}
.comments5 p { text-align:center; }
.comments5 p a { color: #ffe400; }

/* dark_frame: 背景が少し暗くなめE::::::::::::::::::::::::::::::::::::::::::*/
.dark_frame {
	overflow: hidden;
	border-radius: 7px;
	color: #fff;
	border: 3px solid #f592b3;
	padding: 4% 2.5%;
	padding: 10px 0 15px 0;
	margin: 0 11px;
	background: url(../img/parts/common/bg_slash.png);
	background-size: 10px 10px;
	box-shadow: 0 0 0 1px #fff inset;
}
.dark_frame p{
	text-align:center;
	color:#ffa800;
	line-height:20px;
	font-size:14px;
}

.dark_frame a{color:#fff;}

/* black_box_frame: 黒背景のボックス ::::::::::::::::::::::::::::::::::::::::::*/
.black_box_frame {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: 3px solid #f592b3;
	border-radius: 8px;
}
.black_box_frame p {
	font-size:14px;
	line-height:18px;
}
.black_box_frame p a{
	color:#36eaff;
}

.black_box_frame .text {
	margin: 0px;
	padding: 6px 10px 9px 10px;
	font-size:15px;
	line-height:20px;
}
.black_box_frame .text p {
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
}
.black_box_frame .text p a {
	color:#36eaff;
}

/* white_box_frame: 白背景のボックス ::::::::::::::::::::::::::::::::::::::::::
.white_box_frame {
	width: 300px;
	margin:7px auto 12px auto;
	padding:5px;
	border-radius: 0.5em;
	box-shadow:rgb(0, 0, 0) 0px 5px 0px -1px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 5px 0px -1px;
	position:relative;
	color:#dd0776;
}
.white_box_frame h1 {
	font-size: 18px;
	font-weight:bold;
	padding:5px;
	color:#df107b;
	display:block;
	height: 28px;
	margin: 0 7px;
	background-repeat: no-repeat;
	line-height: 28px;
	text-align: center;
	color:#dd0776 !important;
}
.white_box_frame p {
	font-size:14px;
	line-height:18px;
	color:#dd0776;
}
*/

/* black_notes_frame: 黒背景のボックス ::::::::::::::::::::::::::::::::::::::::::*/
.black_notes_frame {
	background-color:#000;
	border-radius: 5px;
	padding:10px 0;
	margin: 7px 0px;
	color:#fff;
}
.black_notes_frame p{
	text-align:center;
	line-height:18px;
	font-size:14px;
}
.black_notes_frame p span{
	font-weight:bold;
}

/* white_notes_frame: 白背景のボックス ::::::::::::::::::::::::::::::::::::::::::*/
.white_notes_frame {
	border-radius: 5px;
	margin: 7px 10px;
	border: solid 3px #ff568f;
	background-color: #ffffde;
	color: #ff568f;
}
.white_notes_frame table{
	width: 282px;
	margin: 5px auto;
}
.white_notes_frame .text_base{
	padding: 10px;
}
.white_notes_frame p{
	line-height:20px;
	font-size:13px;
	color:#09f;
	padding: 5px 0;
}
.white_notes_frame .text_base p{
	text-align: center!important;
}
.white_notes_frame p span{
	font-weight:bold;
}
.select_area .white_notes_frame {
	margin: 7px 10px;
}
.common_area_message .white_notes_frame{
	background-color: #fff;
}
/* gold_box_frame: 金枠のボックス ::::::::::::::::::::::::::::::::::::::::::*/
.gold_box_frame {
	background-color: #FFFFFF;
	border-radius: 6px;
	border: 3px solid #FFCC00;
	width: auto;
	margin:7px 5px 12px 5px;
	padding:5px;
	color:#811f1f !important;
}
.gold_box_frame .strong {
	font-size:14px;
	line-height:18px;
	color:#CC0000 !important;
}
.gold_box_frame h1 {
	font-size: 18px;
	font-weight:bold;
	padding:5px;
	color:#CC0000;
	display:block;
	height: 28px;
	margin: 0 7px;
	background-repeat: no-repeat;
	line-height: 28px;
	text-align: center;
}

/* result_text_box: 何らか�E結果斁E��を�Eれる ::::::::::::::::::::::::::::::::::::::::::*/
.result_text_box {
	padding:10px 0;
	margin:0px;
}
.result_text_box p {
	text-align:center;
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
}
.result_text_box p img {
	width:15px;
	height:auto;
	padding:0px;
	margin:0px;
}
.result_text_box p span { color:#ffff00;}


/* horizontal_item_list_frame: 何らか�E結果斁E��を�Eれる ::::::::::::::::::::::::::::::::::::::::::*/
.horizontal_item_list_frame {
	margin: 0 10px 10px 10px;
	padding: 10px;
	border: 3px solid #fff;
	background-color:#191d26;
	border-radius: 8px;
}
.horizontal_item_list_frame ul li {
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
}
.horizontal_item_list_frame ul li p {
	text-align:center;
}
.horizontal_item_list_frame ul li span {
	font-size:13px;
	font-weight:bold;
	line-height:30px;
}
.horizontal_item_list_frame ul li img {
	width:55px;
	height:auto;
	text-align:center;
}
.horizontal_item_list_frame > p {
	text-align:center;
	font-size:10px;
	line-height:20px;
}
.horizontal_item_list_frame.size1 ul li {
	width:100%;
}
.horizontal_item_list_frame.size2 ul li {
	width:50%;
}
.horizontal_item_list_frame.size3 ul li {
	width:33%;
}
.horizontal_item_list_frame.size4 ul li {
	width:25%;
}
/* ImgFrame ::::::::::::::::::::::::::::::::::::::::::*/
.img_frame {
	display:block;
}
.img_frame a {
	display:block;
}
.img_frame img {
	width:100%;
}

/* FullWidthImage ::::::::::::::::::::::::::::::::::::::::::*/
.full_width_image {
	padding:0px;
	margin:0px;
}
.full_width_image img {
	width:100%;
	height:auto;
}

/* DeckCardList ::::::::::::::::::::::::::::::::::::::::::*/
ul.deck_thumbnails {
	width:280px;
	margin:0px auto;
}
ul.deck_thumbnails li {
	border: solid 2px #fff;
	width:48px;
	padding:0px;
	margin:0px 2px;
}
.-moz- ul.deck_thumbnails li{display: inline-block;}
.-moz- ul.deck_thumbnails{height: 75px; width:280px;
}
ul.deck_thumbnails li img {
	width:100%;
	height:auto;
}

/* EventBanenr ::::::::::::::::::::::::::::::::::::::::::*/
.event_banner{
	padding:8px 5px 8px 5px;
	margin:0 auto;
}
.event_banner a{
	display:block;
	text-decoration:none;
}
.event_banner img{
	width:100%;
}


/* Status Bar ::::::::::::::::::::::::::::::::::::::::::*/
div.status_bar {
	padding:1px;
	margin:0px;
	border: solid 1px #fff;
	border-radius:3px;
	width:100%;
	height:15px !important;
	position:relative;
}
div.status_bar img {
	position:absolute; padding:0px; margin:0px; line-height:0; left:1px; top:1px; max-width:99%;
}
.status .title {
	background: url(../img/parts/interface/status_title.jpg) left center no-repeat;
	background-size: 100% auto;
	border-radius: 3px;
	color: #fff;
	text-shadow: none;
}




/*CommonBtnCSS::::::::::::::::::::::::::::::::::::::::::*/
.common_btn01, .common_btn02{}
.common_btn01 > a, .common_btn01 > input[type="submit"], .common_btn01 > span, .btn_area .active,.tab_header .active{
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 -1px 0 #c14a15 inset;
	color: #fff;
	display: block;
	padding:6px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	background: #ff6599;
}

.common_btn02 > a, .common_btn02 > input[type="submit"], .common_btn02 > label, .common_btn02 > span {
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	padding:6px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	background: -webkit-gradient(linear, left top, left bottom, from(#008aff), to(#0065ba));
	background: -webkit-linear-gradient(top, #008aff, #0065ba);
	background: linear-gradient(to bottom, #008aff,#0065ba );
	overflow:hidden;
}
.common_btn01 > label,.common_btn02 > label{vertical-align: top;}

.common_btn01 > .disabled, .common_btn02 > .disabled {
	color: #444 !important;
	background: #888!important;
	border-color: #444;
	text-shadow: none;
	box-shadow: 0 0 0;
}
.common_btn01 > .disabled01, .common_btn02 > .disabled02 {
	color: #d60808 !important;
	background: #888!important;
	border-color: #280443;
	text-shadow: none;
	box-shadow: 0 0 0:
}
.common_btn01 > label{
	background: #fbd3df;
	border-radius: 5px;
	color: #ff568f;
	display: block;
	padding: 10px;
	text-align: center;
}
.common_btn01 > .checked{background: #ff8db3!important;}
.common_btn03 a,.common_btn03 > input,.common_btn03 > span{
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	padding:6px;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#5e5e5e));
	background: -webkit-linear-gradient(top, #707070, #5e5e5e);
	background: linear-gradient(to bottom,#707070 ,#5e5e5e );
}
.common_btn04 a,.common_btn04 > input{
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 5px;
	font-size: 14px;
	background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#aeaeae));
	background: -webkit-linear-gradient(top, #d4d4d4,#aeaeae );
	background: linear-gradient(to bottom, #d4d4d4, #aeaeae);
}
.common_btn05 a,.common_btn05 > input{
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	display: block;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	padding:6px;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc09ff), to(#460c62));
	background: -webkit-linear-gradient(top, #cc09ff, #460c62);
	background: linear-gradient(to bottom, #cc09ff,#460c62 );
}
.common_btn06 a,.common_btn06 > input{
	border: 3px solid #f00;
	box-shadow: 0 1px 13px rgba(0,0,0,0.7);
	display: block;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	padding:6px;
	background: -webkit-gradient(linear, left top, left bottom, from(#D00001), to(#FF7D20));
	background: -webkit-linear-gradient(top, #D00001, #FF7D20);
	background: linear-gradient(to bottom, #D00001,#FF7D20 );
}
.more_btn{
	text-align: center;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color:#5c5c5c;
	margin: 8px 3px -9px 3px;
}
.more_btn a{
	font-size: 16px;
	display: block;
	color:#5c5c5c;
	padding: 5px 0;
	text-shadow: 0 1px 0 #ededed;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#b5b5b5));
	background: -webkit-linear-gradient(top, #d3d3d3, #b5b5b5);
	background: linear-gradient(to bottom, #d3d3d3,#b5b5b5);

}


/* filterButtons ::::::::::::::::::::::::::::::::::::::::::*/
.filter_btns{
	text-align:center;
	padding: 5px 0 0;
}
.filter_btns table{
	display:inline-block;
}

.filter_btns td {
	margin-right: 5px;
	display:inline-block;
	font-size:10px;
}
.common_area03 .mb15 .filter_btns td {
	margin-right: 2px;
	display:inline-block;
	font-size:10px;
}
.filter_btns td:last-child {
	margin-right: 0px;
	display:inline-block;
}

.filter_btns td.prev,
.filter_btns td.next { border: none }
.filter_btns td a {
	position: relative;
	display: block;
	margin: 0px;
	padding: 3px;
	border: 2px solid #ffadd2;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6a9c), to(#d33a6d))!important;
	background: -webkit-linear-gradient(top, #ff6a9c, #d33a6d)!important;
	background: linear-gradient(to bottom, #ff6a9c 0%,#d33a6d 100%)!important;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
	border-radius:4px;
	text-align:center;
}

.filter_btns td a:link,
.filter_btns td a:visited {
	text-decoration: none;
}

.filter_btns td a:hover,
.filter_btns td a:active {
	background-color: #ffff00;
	text-decoration: none;
}
.filter_btns td em {
	display: block;
	padding: 3px;
	height:24px;
	line-height:24px;
	text-align:center;
	background: #fff;
	color: #ea0887;
	font-style: normal;
	font-weight: bold;
	border: 2px solid #ffadd2;
	border-radius:4px;
}
.filter_size2 td { width:120px; font-size: 14px;}
.filter_size3 td { width:90px; font-size: 14px;}
.filter_size4 td { width:65px; font-size: 14px;}
.filter_size5 td { width:50px; font-size:10px; }

.btns{
	padding: 15px 10px;
	background: #ffcede;
}
.btns .common_btn01,.btns .common_btn02,.btns .common_btn03{
	margin: 0 0 10px;
}

/* TwinButton ::::::::::::::::::::::::::::::::::::::::::*/
dl.twin_btns  {
	padding:13px 0px;
	margin:0px auto;
	width:280px;
	overflow:hidden;
	clear:both;
}
dl.twin_btns dt {
	float:left;
	padding:0 5px;
	margin:0px;
	width:130px;
}
dl.twin_btns dt a, dl.twin_btns dt span {
	font-size:15px;
	height:36px;
	line-height:36px;
	padding:0px;
}
dl.twin_btns dd {
	float:right;
	padding:0 5px;
	margin:0px;
	width:130px;
}
dl.twin_btns dd a, dl.twin_btns dd span {
	font-size:15px;
	height:36px;
	line-height:36px;
	padding:0px;
}
dl.twin_btns p {
	line-height:16px;
	font-size:14px;
	text-align:center;
}
dl.confirm_btn{
	display:-webkit-box;
	display:-moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}
dl.confirm_btn dd{width: 170px; }
dl.confirm_btn dt{width: 80px;}
dl.confirm_btn dt,dl.confirm_btn dd{margin: 0 7px;}

/* ButtonListTable ::::::::::::::::::::::::::::::::::::::::::*/
table.btn_list {
	margin:10px auto 0; width:280px;
}
table.btn_list td{
	padding: 0px 3px;
}


/* raidButton ::::::::::::::::::::::::::::::::::::::::::*/
.submit_button{
	display:inline-block;
	padding:0px 10px;
	margin:0px 5px;
	border: solid 3px #fff;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07b99d), color-stop(100%,#088c78));
	background: -webkit-linear-gradient(top, #07b99d 0%,#088c78 100%);
	background: linear-gradient(to bottom, #07b99d 0%,#088c78 100%);
	border-radius:3px;
}

/* raidButton ::::::::::::::::::::::::::::::::::::::::::*/
a.raid_btn, input[type="submit"].raid_btn, a.red_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff !important;
	padding: 6px 12px;
	background: -moz-linear-gradient(
		top,
		#ff522f 0%,
		#ff4512 50%,
		#760000 50%,
		#f40000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff522f),
		color-stop(0.50, #ff4512),
		color-stop(0.50, #760000),
		to(#f40000));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 3px solid #860000;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 3px 11px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -2px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0);
	text-decoration:none;
	display:inline-block;
}

/* list:繰り返し表示されるBOXに使ぁE ::::::::::::::::::::::::::::::::::::::::::*/
.list_data {border-top: dotted 1px #f592b3;}
.list_data:first-child {border: none;}
.select_area .list_data {border-top: solid 1px #f592b3;}
.select_area .list_data:first-child {border: none;}

.bottom_line {
	background: url("../img/parts/common/line02.png") 0 bottom repeat-x;
	background-size: 10px 5px;
}

.bottom_line:only-child {background: none;}
.reward_data_box.bottom_line:last-child {background: none;}

.top_line {border-top: dotted 2px #ff646c;}

.strong{
	color:#ff568f;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.select_area .strong{color:#ff568f !important;}
.white_box_frame .strong{color:#ff568f !important;}
.black_box_frame .strong{color:#ff568f !important;}
.decoration_line01 {
	background-image: url(../img/parts/gbtl/gldbtl_line2.png);
	background-repeat: no-repeat;
	background-size:320px auto;
	height:23px;
	margin:0 0 5px 0;
}

/* RewardList ::::::::::::::::::::::::::::::::::::::::::*/
.reward_data_box {
	margin: 0 auto;
	width: 286px;
	padding: 9px 0;
	clear: both;
}
.reward_data_box .common_btn02{
	height: 33px!important;
}
.reward_data_box table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.reward_data_box table th {
	margin: 0;
	padding: 0 5px 0 5px;
	width: 52px;
	vertical-align:top;
	text-align:left;
}
.reward_data_box table th img {
	height: auto;
	width: 100%;
	min-width: 52px;
	border: 2px solid #fbd3df;
}
.reward_data_box table tr td {
	padding:5px;
	margin:0px;
	font-size:13px;
	vertical-align:middle;
	line-height:1.2em;
}
.reward_data_box span.strong{
	color:#ffa939!important;
	font-size: 14px;
	text-decoration: underline;
}
.reward_data_box table td span {
	font-weight:bold;
	color:#ff646c;
	font-size: 13px;
}
.common_area02 .limit_area .reward_data_box table td p {
	text-align:center;
}
.reward_data_box table td p{
	padding: 0 0 3px;
}
.reward_data_box table td p:last-child{
	padding: 0;
}
.reward_data_box.inblack table td span {
	font-weight:bold;
	color:#008aff;
}
.reward_data_box.inblack table td > a {
	color:#36eaff;
}
.ornament_list .explain{
	font-size: 13px;
	padding:0 0 10px 10px;
}
.ornament_list form{
	padding: 0 0 15px;
	overflow: hidden;
}
.ornament_list .common_btn02{
	padding: 0 10px 0 0;
}
.ornament_list .rewar_data_box{
	padding: 0 0 10px;
}
.ornament_list .warning_msg{
	margin: -10px 0 10px 0 ;
}

/* PlayerDataList:Battle ::::::::::::::::::::::::::::::::::::::::::*/
.player_box_battle {
	margin: 0px;
	padding: 5px 0;
	clear: both;
	width:286px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	font-size:13px;
}

.player_box_battle table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.player_box_battle table th {
	margin: 0px;
	padding: 0px;
	width: 55px;
	vertical-align:middle;
	text-align:center;
}

.player_box_battle table th img {
	height: auto;
	width: 100%;
}
.player_box_battle .face img{
	width: 62px;
}

.player_box_battle table td {
	padding:5px 5px 5px 5px;
	margin:0px;
	font-size:12px;
	vertical-align:middle;
	line-height:1.2em;
}



.player_box_battle table td span {
	font-weight:bold;
	color:#ff568f;
}

/* PlayerDataList:Friend ::::::::::::::::::::::::::::::::::::::::::*/
.player_box_friend {
	clear:both;
	overflow:hidden;
	width:280px;
	margin:0 auto;
	padding: 10px 0;
	border-bottom:1px solid pink;
}
#y_mode .player_box_friend{border-color: }
.player_box_friend:only-child {border: none;}
.player_box_friend:last-child {border: none;}

.player_box_friend > div {
	width:270px;
	margin:0 auto;
}
.player_box_friend .left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 55px;
}
.player_box_friend .left img {
	width: 100%;
}
.player_box_friend .right {
	padding: 0px 5px;
	float: right;
	width: 205px;
	line-height: 1.4em;
}
.player_box_friend .right a {
	color:#ff646c;
	text-decoration: underline;
	display: inline-block;
	min-width: 12px;
	height: 12px;
}

.player_box_friend .right table { width:100%;}
.player_box_friend .right table th {
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	text-align:left;
}
.player_box_friend .right table td {
	width:50%;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	text-align:left;
}
.player_box_friend .right table span{
	font-weight:bold;
	color:#008aff;
}

/* PlayerDataList:Comment ::::::::::::::::::::::::::::::::::::::::::*/
.player_box_comment {
	background:url(../img/parts/menu/menu02_bg.png) repeat left top;
	clear:both;
	overflow:hidden;
	padding:6px 10px;
	margin-bottom:5px;
}
.player_box_comment table {
	width:100%;
	margin:2px 0px;
}
.player_box_comment th{
	width: 55px;
}
.player_box_comment th img {
	width: 100%;
}
.player_box_comment td {
	font-size:16px;
	line-height:18px;
	text-align:left;
}
.player_box_comment .name a {
	color:#ffff00 !important;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
}
.player_box_comment .msg {
	min-height:36px;
	background-color:#FFFFFF;
	padding:5px;
	vertical-align:top;
	font-size:14px;
	line-height:16px;
}
.bp{
	position: relative;
	margin: 0 auto 8px;
	width: 90px;
	padding: 0 0 0 40px;
	line-height: 1.7;
	font-size: 10px!important;
}
.bp img,.bp_after img{
	width: 18px;
	height: 20px;
}
.bp:before{
	content: "";
	height: 20px;
	position: absolute;
	background: url(../img/parts/battle/icon_bp.png) 0 0 no-repeat;
	background-size: 36px 20px;
	width: 36px;
	margin: 0 0 0 -40px;
	top: 2px;
}
.bp_after{
	padding: 0 0 0 30px;
}
.bp_after:before{
	content: "";
	background: url(../img/parts/battle/icon_arrow.png) 0 1px no-repeat;
	background-size: 20px 18px;
	width: 20px;
	margin: 0 0 0 -25px;
	position: absolute;
	height: 20px;
}

/* CardDataList ::::::::::::::::::::::::::::::::::::::::::*/
.card_data_box {
	width:268px;
	margin:0 auto;
	padding: 15px 0 20px;
	overflow:hidden;
}

.card_data_box .left{
	margin: 0px;
	display: block;
	padding: 0px;
	float: left;
	width: 63px;
	height:225px;
	position: relative;
}
.card_data_box .left img{width: 63px;}
.card_data_box .isteam{
	position: absolute;
	bottom: 2px;
	left: 2px;
	line-height: 1;
}
.card_data_box .isteam img{width: 59px;}
.card_data_box .right {
	margin: 0px 2px 0 0;
	padding: 0px;
	float: right;
	width: 190px;
	height:225px;
	line-height: 1.5;
	font-size: 13px;
	position:relative;
}
.card_data_box .right {
	margin: 0px 2px 0 0;
	padding: 0px;
	float: right;
	width: 190px;
	height:225px;
	line-height: 1.5;
	font-size: 13px;
	position:relative;
}
.card_data_box .right i{
	position: relative;
	top: -2px;
}
.exp_status {
	width: 198px;
	/* display:inline-block; */
	padding:0px;
	margin:0px;
	position:relative;
}
.card_data_box .right figure {
	border: 1px solid #fbd3df;
	font-size: 0;
	position: relative;
	width: 94px;
	display: inline-block;
	margin: 0 0 0 13px;
	top: -2px;
}
.card_data_box .right figure:before{
	content: "";
	background: url("../img/parts/evolve/exp_status_title.png");
	width: 16px;
	background-size: 16px 12px;
	height: 12px;
	position: absolute;
	display: block;
	left: -19px;
	top: -2px;
}
.card_data_box .right figure span{
	background: #de4679;
	border: 1px solid #fff;
	display: inline-block;
	height: 8px;
	max-width: 90%;
	transition: 0.3s;
}

.card_data_box .right .icon01 { margin: 0 0 2px 0;}
.card_data_box .right .icon02 { margin:0 0 5px 0; width: 64px;}
.card_data_box .right .text01 {
	font-weight:bold;
	padding: 0 0 0 9px;
	color:#008aff;
}
.card_data_box .right .text03 {
	padding:3px 0 3px 0;
	margin:0px;
}
.card_data_box .right .text03 p{
	font-weight:bold;
}

.card_data_box .right .name { font-size: 15px;}
.card_data_box .attr { font-size: 11px; margin: 0 0 3px;}
.card_data_box .right .name a { color:#ff646c !important;text-decoration: underline;}
.card_data_box .right .name span { color: #ff646c; }

.card_data_box .team {
	border-top: 1px solid #f592b3;
	margin: 6px 0 5px;
	padding: 0 0 0;
	display: none;
}

.card_data_box .s_skill br{display: none;}
.card_data_box .skill_area{font-size: 11px;}

.card_data_box li.common_btn01{margin: 0 0 0 10px;}

.select_area .card_data_box .right{ width:190px; }

.select_area .card_data_box .right span,
.select_area02 .card_data_box .right span
 { color:#ff9000; }

.select_area .card_data_box .right .text01 {
	font-weight:bold;
	color:#008aff;
}
.card_link{
	padding: 0!important;
}
.card_link span{
	overflow: hidden;
	background:url(../img/parts/card/card_list_link.png) center 3px no-repeat!important;
	background-size: 20px 42px!important;
	padding: 18px 20px!important;
	display: block!important;
}

/* カード一覧表示用の小さぁE�� ::::::::::::::::::::::::::::::::::::::::::*/


.change_card_list{width: 280px; margin: 0 auto;}
.change_card_list li,.change_card_list li img{width: 54px; 	border-radius: 4px;}

.change_card_list li{
	float: left;
	background: #ccc;
	padding: 3px;
	margin:0 5px 10px;
	position: relative;
	background-size: 69px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.change_card_list li:after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px;
}
.change_card_list .level{
	position: absolute;
	top: -2px;
	right: 0;
	font-size: 10px;
	display: block;
	text-align: right;
}
.change_card_list .skill{
	position: absolute;
	bottom: -5px;
	right: 1px;
    font-size: 9px;
    display: block;
    text-align: right;
    letter-spacing: -0.09em;
}
.change_card_list .skill_level{bottom: 7px!important;}
.change_card_list a{
	display: block;
	position: relative;
}
.change_card_list .isteam{
	position: absolute;
	top: -7px;
	right: -3px ;
	display: block;
	width: 33px;
	height: 28px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 33px;
}
.change_card_list .isteam.ev{background-image: url(../img/parts/card/ev_team.png);}
.change_card_list .isteam.battle{background-image: url(../img/parts/card/battle_team.png);}
/*Nの枠*/

.change_card_list .rarity1{background-image: url(../img/parts/card/rarity1_bg.png);}
.change_card_list .rarity1 a{
color: #fff;
	text-shadow:1px 1px 1px #fca2bd,0px 1px 1px #fca2bd,1px 0px 1px #fca2bd,-1px -1px 1px #fca2bd,0px -1px 1px #fca2bd,-1px 0px 1px #fca2bd,-1px 1px 1px #fca2bd,1px -1px 1px #fca2bd;
}
.change_card_list .rarity1:after{background-image: url(../img/parts/card/team_icon_rarity1.png);}

/*Rの枠*/
.change_card_list .rarity2{background-image: url(../img/parts/card/rarity2_bg.png);}
.change_card_list .rarity2 a{
	color: #fff;
	text-shadow:1px 1px 1px #a1c6f8,0px 1px 1px #a1c6f8,1px 0px 1px #a1c6f8,-1px -1px 1px #a1c6f8,0px -1px 1px #a1c6f8,-1px 0px 1px #a1c6f8,-1px 1px 1px #a1c6f8,1px -1px 1px #a1c6f8;
}
.change_card_list .rarity2:after{background-image: url(../img/parts/card/team_icon_rarity2.png);}


/*HRの枠*/
.change_card_list .rarity3{background-image: url(../img/parts/card/rarity3_bg.png);}
.change_card_list .rarity3 a{
	color: #fff;
	text-shadow:1px 1px 1px #77c1ec,0px 1px 1px #77c1ec,1px 0px 1px #77c1ec,-1px -1px 1px #77c1ec,0px -1px 1px #77c1ec,-1px 0px 1px #77c1ec,-1px 1px 1px #77c1ec,1px -1px 1px #77c1ec;
}
.change_card_list .rarity3 .level{
	color: #fff;
	text-shadow:1px 1px 1px #F19FB6,0px 1px 1px #F19FB6,1px 0px 1px #F19FB6,-1px -1px 1px #F19FB6,0px -1px 1px #F19FB6,-1px 0px 1px #F19FB6,-1px 1px 1px #F19FB6,1px -1px 1px #F19FB6;
}
.change_card_list .rarity3:after{background-image: url(../img/parts/card/team_icon_rarity3.png);}

/*SRの枠*/
.change_card_list .rarity4{background-image: url(../img/parts/card/rarity4_bg.png);}
.change_card_list .rarity4 a{
	color: #f00;
	text-shadow:1px 1px 1px #000,0px 1px 1px #000,1px 0px 1px #000,-1px -1px 1px #000,0px -1px 1px #000,-1px 0px 1px #000,-1px 1px 1px #000,1px -1px 1px #000;
}
.change_card_list .rarity4:after{background-image: url(../img/parts/card/team_icon_rarity4.png);}



/* GuildDataList ::::::::::::::::::::::::::::::::::::::::::*/
.guild_info_box {
	padding: 10px 0 18px;
	margin: 0 auto;
	width: 268px;
	overflow:hidden;
	background:url(../img/parts/common/line07.png) 0 bottom repeat-x ;
	background-size: 10px 5px;
	font-size: 13px;
}

.select_area .guild_info_box:only-child {background: none;}
.guild_info_box:only-child {background: none;}
.guild_info_box:last-child {background: none;}
.guild_info_box p{line-height: 1.4;}
.guild_info_box .name{margin: 0 0 10px;}
.guild_info_box .name a {
	font-weight:bold;
	text-decoration: underline;
	color:#f84f73;
	font-size: 18px;
}
.guild_info_box .image img{width: 70px; border: 2px solid pink; border-radius: 4px;}
.guild_info_box .image {margin: 0 15px 0 0;}
.guild_info_box .master:before{
	content:"部長";
	display: inline-block;
	margin:0 5px 0 0;
	font-size: 10px;
	text-align: center;
	background: #1f5bc8;
	border-radius: 100px;
	padding: 0 10px;
	margin: 0 8px 0 0;
	color:#fff;
}
.guild_info_box .master{
	margin: 0 0 2px;
}
.guild_info_box .master a{
	text-decoration: underline;
	color:#2b9eff;
}
.guild_info_box span{
	color:#ffa938;
}

/* AllbumList ::::::::::::::::::::::::::::::::::::::::::*/

.album_list{
	width: 280px;
	margin:0 auto;
	padding: 20px 0 0;
}
.album_list li{
	display: inline-block;
	width:20%;
	text-align:center;
	margin:0 0 6px;
}
.album_list li img{
	width:89%;
}
.album_name{
	font-size:14px;
	color:
}
/* DeckList ::::::::::::::::::::::::::::::::::::::::::*/

.sum{
	background: #0081ef;
	border: #b6ddff 5px solid;
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 260px;
	border-radius: 100px;
	margin: 15px auto 5px;
	padding: 11px 0;
}
.sum  span{
	color: #fff17e;
}

/*PagerCSS::::::::::::::::::::::::::::::::::::::::::*/
#pagerCont {
	position: relative;
	overflow: hidden;
	padding: 15px 0 20px;
}
.above_pager #pagerCont{padding: 15px 0 5px;}

ul.pager {
	background: none;
	position: relative;
	left: 50%;
	float: left;
}
ul.pager li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 8px;
	font-weight: bold;
	border: none;
	padding: 0;
}

ul.pager li:after{
	display: none;
	background:none;
}
ul.pager li.prev,
ul.pager li.next { border: none; }

ul.pager li a {
	position: relative;
	display: block;
	margin: 0px;
	background: #fbd3df;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	color: #ff568f;
	border-radius: 3px;
	text-align:center;
}

ul.pager li a:link,
ul.pager li a:visited { text-decoration: none; }

ul.pager li a:hover,
ul.pager li a:active {
	background-color: #ff8db3;
	text-decoration: none;
}
ul.pager li em {
	display: block;
	height:24px;
	width:24px;
	line-height:24px;
	text-align:center;
	background: #0085f6;
	color: #fff;
	font-style: normal;
	border-radius:4px;
}
ul.wide li { font-size:12px;}
ul.wide li a { width:26px;}
ul.wide li.text { font-size:10px;}
ul.wide li.text a { font-size:10px;}

ul.wide2 li { font-size:10px;}
ul.wide2 li em {
	font-size:10px;
	width:46px;
	line-height:12px;
	padding:3px 0 !important;
}
ul.wide2 li a {
	font-size:10px;
	width:46px;
	line-height:12px;
	padding:3px 0 !important;
}

p.pager{
	border-bottom: 1px solid #f592b3;
	border-top: 1px solid #f592b3;
	color: #f592b3;
	font-size: 13px;
	text-align: center;
	padding: 2% 0;
	position: relative;
}
p.pager a{
	background-image: url(../img/parts/common/icon_pager.png);
	background-size: 68px 17px;
	background-repeat: no-repeat;
	height: 17px;
	position: absolute;
	text-indent: -999em;
	top: 7px;
	width: 17px;
}

p.pager .prev{
	background-position: 0 0;
	left: 0;
}
p.pager .next{
	background-position: -17px 0;
	right: 0;
}


.deck_status .info{
	background: url(../img/parts/common/deck_status_bg.jpg); background-size: 10px;
}
.deck_status li .number{
	background: #F299B7;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color:#fff;
	font-size: 11px;
	padding: 3px 0 2px;
}

/*SelectTabsCSS::::::::::::::::::::::::::::::::::::::::::*/
.select_area {
	clear: both;
	border: 2px solid #f592b3;
	border-radius: 5px;
	font-size: 13px;
	position: relative;
	margin: 0 10px 10px 10px;
	overflow: hidden;
}
.select_area02 {
	clear: both;
	border: 2px solid #269bff;
	border-radius: 5px;
	font-size: 13px;
	position: relative;
	margin: 0 auto 13px;
	width: 300px;

}
/*StatusAreaCSS::::::::::::::::::::::::::::::::::::::::::::::*/



/*main*/

.status{
	border: 2px solid #ff548c;
	border-radius: 5px;
	font-family:'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 13px;
	position: relative;
	margin: 0 auto 10px;
	width: 296px;
	line-height: 1.6;
	height: 273px;
}
.status .inner{
	margin: 0 0 0 105px;
	position: relative;
}
.status p{ text-shadow:2px 2px 2px #fff,0px 2px 2px #fff,2px 0px 2px #fff,-2px -2px 2px #fff,0px -2px 2px #fff,-2px 0px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff;}
.status .st_img{
	position: absolute;
	width: 296px;
	height: 273px;
	left: 0;
	bottom: 0;
}
.status .st_img2{
	position: absolute;
	z-index:20;
	width: 50px;
	height: 50px;
	left: 0;
	bottom: 0;
}
.status .inner td {
	padding: 0 8px 0 0;
}
.status h2{
	padding: 0 0 0 105px;
	text-align: left;
	font-size: 12px;
	margin: 0 0 5px
}
.status h2 span{
	position: relative;
	z-index: 3;
}

.status td img{
	border-radius: 2px;
	border: 2px solid #f592b3;
}
.status figure{
	margin: 2px 0 0 2px;
	border: 1px solid #f592b3;
	overflow: hidden;
	width: 94px;
}
.status figure span{
	background: #de4679;
	border: 1px solid #fff;
	display: block;
	height: 11px;
	transition: 0.3s;
	width: 40px;
}
.status .bd{
	border-bottom: 1px solid #f592b3;
	margin: 0 0 2%;
	width: 181px;
	padding: 0 0 2%;
}
.status .bd,.status .inner table{
	line-height: 1.65;
}
.status .clear p{
	width: auto;
	margin: 0 3% 0 0;
}
.status  .change{
	bottom: 4%;
	float: none;
	position: absolute;
	right: 5%;
	width: auto;
}
.status .change a{text-decoration: underline;}
.status .ornament_title {
	position: absolute;
	top: -20px;
	right:-15px;
	z-index:5;
	width: 75px;
	height: 200px;
}
.status .ornament_title img { width:100%; }
.c_blue{color: #008aff;}
.c_red{color: #ff646c;}
.leader{
	padding: 0 0 0 20px;
	position: relative;
}
.leader:before{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	background: url(../img/parts/common/leader.png) 0 0 no-repeat;
	background-size: 17px 17px ;
	height: 17px;
	width: 17px;
}
#profile  dl{
	overflow:hidden;
	padding: 0 10px 15px 10px;
}
#profile dt, #profile dd{
	float: left;
}
#profile dt{
	clear: both;
	color: #008aff;
}
#profile{padding: 12px 0 0;}

.status .change{ text-shadow: 0 0;}

.visit_profile .status .change{display: none;}

/*sub*/

.status_content {
	width: 300px;
	margin: 0 auto 8px;
	padding: 0px;
	border: 2px solid pink;
	background-color: #fff8d3;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	font-size:13px;
}
.status_title {
	margin: 0 0 10px;
	padding: 0px;
	background-color:#fff;
}
.status_title img {
	width:100%;
	height:auto;
}
.status_content .inner{
	color: #ff646c;;
	width: 286px;
	margin: 0 auto;
	padding: 4px 0 8px;;
}
.twice_line {
	padding:7px 0 7px 0;
	height:4px;
}
.twice_line img {
	vertical-align:top;
	width:100%;
	height:auto;
}
.status_table {
	padding:9px;
	margin:0px;
	background:#fff8d3;
}
.status_table table {
	width:100%;
	padding:0px;
	margin:0px;
}
.status_table table th,
.status_table table td
{
	padding:2px 0;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.status_table table td span { color:#ff7fc5;}
.status_table table th a,
.status_table table td a
 { color:#ff9000; text-decoration:underline;}

.status01 td,
.status03 td {width:50%;}
.status02 th {width:25%;}
.status03 td span { color:#fff600 !important;}
.status04 td {width:33%;}
.status05 th { width:60px;}
.status05 th img { width:50px; height:auto;}
.status05 td span { display:block; text-align:right;}
.status_icon01 {width:20px;height:auto;}
.status_icon02 {width:15px;height:auto;}

.status_bar01{
	margin: 2px 5px 0 2px;
	border: 1px solid #f592b3;
	overflow: hidden;
	width: 94px;
	display: inline-block;
}
.status_bar01 span {
	background: #de4679;
	border: 1px solid #fff;
	display: block;
	height: 11px;
	transition: 0.3s;
	max-width: 98%;
}

/*NewsAreaCSS::::::::::::::::::::::::::::::::::::::::::::::::::*/
.news_area {
	background:url(../img/parts/common/common_bg01.png) repeat-y left top;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
	padding:15px;
	margin:0px;
	border-bottom: 3px solid #fff;
	overflow:hidden;
}
.news_area .news_title {
	padding:0 55px 15px 55px;
	margin:0px;
}
.news_area .news_title img {
	width:100%;
	height:auto;
}
.news_content {
	margin: 0px;
	padding: 0 0 10px 10px;
	color:#fff;
}
.news_content a {
	color:#ffff00;
	text-decoration:underline;
}
.news_content dt {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	text-align:left;
}
.news_content dd {
	font-size: 16px;
	margin:0px;
	padding:0 0 10px 0;
	line-height:20px;
	text-align:left;
}
.news_content dd a {
	font-weight: bold;
}
.news_content dd span {
	display:block;
	padding:0px;
	margin:0px;
	text-align:right;
	font-size:13px;
}


/******************************************************common_parts*/

.title{
	background: url(../img/parts/common/title_bg.png) 0 0;
	background-size: 39px 32px;
	color: #ff528c;
	font-size: 13px;
	font-weight: bold;
	height:  31px;
	line-height: 31px;
	margin: 0 0 12px;
	text-align: center;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.reverse{
	text-shadow:1px 1px 1px #f677a1,0px 1px 1px #f677a1,1px 0px 1px #f677a1,-1px -1px 1px #f677a1,0px -1px 1px #f677a1,-1px 0px 1px #f677a1,-1px 1px 1px #f677a1,1px -1px 1px #f677a1!important;
	color: #fff!important;
}

.frame01{
	border: 2px solid #f592b3;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 0 5%;
	position: relative;
	margin: 0 4% 4% 4%;
}

/******************************************************btn*/

.btn{
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6a9c), to(#d33a6d));
	background: -webkit-linear-gradient(top, #ff6a9c, #d33a6d);
	background:linear-gradient(to bottom, #ff6a9c 0%,#d33a6d 100%);
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
}

.btn02{
	background: -webkit-gradient(linear, left top, left bottom, from(#008aff), to(#0065ba));
	background: -webkit-linear-gradient(top, # #008aff, #0065ba);
	background-image: linear-gradient(to bottom, #008aff, #0065ba);
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
}
.btn03{
	background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#aeaeae));
	background: -webkit-linear-gradient(top, #d4d4d4,#aeaeae );
	background:linear-gradient(to bottom, #d4d4d4,#aeaeae );
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
}



/*****************************************************news*/

.news{font-size: 11px;}
.title{
	background: url(../img/parts/common/title_bg.png) 0 0;
	background-size: 39px 32px;
	color: #ff528c;
	font-size: 13px;
	font-weight: bold;
	height:  31px;
	line-height: 31px;
	margin: 0 0 12px;
	text-align: center;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.reverse{
	text-shadow:1px 1px 1px #f677a1,0px 1px 1px #f677a1,1px 0px 1px #f677a1,-1px -1px 1px #f677a1,0px -1px 1px #f677a1,-1px 0px 1px #f677a1,-1px 1px 1px #f677a1,1px -1px 1px #f677a1!important;
	color: #fff!important;
}
.news .title{
	margin: 0;
}
.news .date{
	font-size: 10px;
	margin: 0 0 3px;
	color:#292929;
}
.news .date span {
	border-radius: 30px;
	padding: 0 2%;
	text-align: center;
	color: #fff;
	margin: 0 1% 0 0;
	display: inline-block;
	width: 65px;
}
.bgc-blue{background: #008aff;}

.news li{
	border-bottom: 1px solid #fbd4e0;
	padding: 6px 15px;
	background: #ffffde;
	position: relative;
}
.news li a{
	text-decoration: underline;
}
.news li.comment_message:after{
	top: 40%;
	background: none;
}
.news li.comment_message p{
	font-size: 13px;
	margin: 5px 0 0;
}
.news li.comment_message p:last-child{text-decoration:none; padding: 0;}

.news li:hover{
	background: #fafafa;
}
.news li:after{
	background-repeat: no-repeat;
	background-size: 12px 20px;
	background-image: url(../img/parts/common/news_bg.png);
	content: "";
	height: 20px;
	right: 6%;
	top: 29%;
	position: absolute;
	width: 12px;
}
.news a{ color: #ff2a71;}
.news li p:last-child{ text-decoration: underline; padding: 0 25px 0 0;}
.news .news_type01{background: #008aff;}
.news .news_type02{background: #ff4382;}
.news .news_type03{background: #565eff;}
.news .news_type04{background: #ff4343;}
.news .news_type05{background: #50cb53;}
.news .news_type06{background: #ffad43;}

.news .noread {
	color:#fff;
	background:#f00;
	font-style:normal;
	padding: 1px 6px;
	margin:0 0 0 5px;
	border-radius:2px;
}

/*****************************************************invite*/

.invite{
	background: url(../img/parts/common/check_bg.png);
	background-size:90px 90px;
	border: 2px solid #f592b3;
	box-shadow: 0 0 0 2px #fff inset;
	line-height: 1.3;
	margin: 0 4% 3% 4%;
	padding: 6% 0;
	text-align: center;
}
.invite strong{
	color: #ff2a71;
	display: block;
	font-size: 13px;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.iphone .invite strong{ font-weight: bold;}
.invite .btn{
	width: 50%;
	padding: 3% 2%;
	border-width: 3px;
	border-color: #fff!important;
	position: relative;
	left: 50%;
	margin: 2% 0 0 -27%;
}
.tag{
	text-align: center;
	margin:  8%;
}
.tag h2{
	color: #6e6e6e;



	font-size: 13px;
}
.tag input{
	border: 2px solid #d4d4d4;
	border-radius: 5px;
	box-shadow: 0;
	font-size: 12px;
	padding: 2% 0;
	text-align: center;
	width: 100%;
	-webkit-appearance:none;
}
#gacha h2,#girl h2,.evo-result h2{margin: 0;}

.recover{
	text-align: center;
	color:#ff7fc5;
	padding:3px 0;
	font-size: 12px;
}
.text_link{
	color: #008aff;
	font-size: 14px;
	margin: 3% 3% 4% 3%;
}
.text_link a{
	color: #008aff;
	font-size: 12px;
	text-decoration: underline;
}

.btn_area{
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}
.btn_area a{
	background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#aeaeae));
	background: -webkit-linear-gradient(top,#d4d4d4,#aeaeae);
	background:linear-gradient(to bottom, #d4d4d4, #aeaeae);
	margin: 0 1%;
	font-size: 14px
	padding: 9px;
	text-align: center;
}

/*TextCSS::::::::::::::::::::::::::::::::::::::::::*/

.text_field01 {
	text-align:center;
	color:#dd0776;
	font-size:16px;
	font-weight:bold;
	padding:7px 0;
	margin:0px;
}
.text_field01 p {
	text-align: center;
	color: #008aff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px;
}
.text_field01 p span {
	font-size: 18px;
	color: #ff6600;
}

.text_field02 {
	text-align:center;
	color:#f33067;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	padding:7px 0 0 0;
	margin:0px;
	text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.text_field03 {
	text-align:center;
	color:#dd0776;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	padding:7px 0 0 0;
	margin:0px;
}
.card_message_text{
	position: relative;
	bottom: 6px;
	background: #fff;
	border-radius: 5px;
	border: 2px solid #008aff;
	color: #008aff;
	font-size: 14px;
	line-height: 1.4;
	margin:10px 10px 0 10px;
	padding: 14px 8px;

}
#diary .card_message_text{
	padding: 14px 0 8px 8px;
	bottom: 10px;
	margin: 10px;
}
.card_message_text:before {
	border:10px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-9px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}
.card_message_text:after {
	border:10px solid transparent;
	border-bottom-color:#008aff;
	border-top-width:0;
	top:-12px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}

.history_line .msg{
	padding-left:16px;
	font-size:14px;
	line-height:18px;
}
.text{
	text-align: center;
	padding: 6px 0;
	color: #fff;
	font-size: 12px;
	background: #08D;
}

/*SystemCSS::::::::::::::::::::::::::::::::::::::::::*/

.submit_button.disabled{
	color: #444 !important;
	background: #888;
	border-color: #444;
	text-shadow: none;
}

.text_base{
	padding:6px 12px;
	line-height:20px;
	font-size:14px;
	text-align:left !important;
}
.text_base p{
	text-align:left !important;
}

.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}

.center_text{
	text-align:center;
	padding:7px;
	font-size:14px;
}
.center_text p{
	text-align:center;
	padding:1px;
	text-line:20px;
	font-size:14px;
}

.center_text span{
	font-weight:bold;
}

.right_text{
	text-align:right;
	padding:7px;
	text-line:20px;
	font-size:14px;
}

.bold_text{
	font-weight:bold;
}

.bold_text p{
	font-weight:bold;
}

.warning_msg{
	text-align:center;
	padding:10px;
	font-size:14px;
	color:#ff0056;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
.warning_msg02{
	text-align:left;
	padding:0px 10px 15px;
	font-size:12px;
	color:#ff0056;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
}
div.halfline{
	height: 7px;
	border: 0px;
}

div.dotline{
	padding: 5px 0;
	border-top: dotted 2px #ff0084;
}

.emoji{
	width:16px;
	height:auto;
	margin-bottom:2px;
}

.right_link{
	text-align:right;
	font-size:16px;
	line-height:18px;
	padding:2px 10px 10px 10px;
}
/* param_table ::::::::::::::::::::::::::::::::::::::::::*/
form .param_table{
	width: 270px;
	margin: 0 auto 10px;
}
.param_table th{
	margin: 10px 0;
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	color:#ff4382 !important;
	padding-right: 5px;
	text-shadow: text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
	text-align:left;
}
.album_text .param_table th {
	white-space: nowrap;
	vertical-align:top;
}
.param_table td{
	line-height:18px;
	font-size:14px;
	text-align:left;
}

/* btn_table ::::::::::::::::::::::::::::::::::::::::::*/
.btn_table{
	margin:4px auto;
	width:280px;
}

.btn_table th, .btn_table td{
	padding:4px;
}

/* SortSelectBtns ::::::::::::::::::::::::::::::::::::::::::*/
.select_btns {
	width:200px;
	margin: 0px auto;
}
.select_btns table {
	width:100%;
}
.select_btns table tr th {
	padding:5px 0 10px 0;
	margin:0px;
	text-align:center;
	vertical-align:middle;
}
.select_btns table tr td {
	padding:5px 0 10px 0;
	margin:0px;
	text-align:center;
	vertical-align:middle;
}

.select_btns .common_btn02 {
	width:80px;
	padding:0px;
	margin:0px;
}
.select_btns .common_btn02 input[type="submit"] {
	padding-right:10px;
	padding-left:10px;
}

#sortForm{
	background: #FFFBDF;
	padding: 10px 0 6px;
	border-bottom: #ccc solid 1px;
}
#sortForm_sortChange{
	line-height: 1;
	padding: 5px 10px;
}
#sortForm .common_btn04 a,#sortForm .common_btn04 > input{
	background: -webkit-gradient(linear, left top, left bottom, from(#008aff), to(#0065ba));
	background: -webkit-linear-gradient(top, #008aff, #0065ba);
	background: linear-gradient(to bottom, #008aff,#0065ba );
}

/* deck ::::::::::::::::::::::::::::::::::::::::::*/
.battle_member{
	padding: 0 0 10px;
}
.battle_member ul{
	-webkit-box-pack: center;
	color: #0083f3;
	display: -webkit-box;
	margin:10px auto 5px;
	font-size: 8px;
	text-align: center;
}

.battle_member li{
	line-height: 1.1;
	margin: 0 3px;
}
.battle_member li img{
	display: block;
	margin: 0 0 3px;
}



/* comment_input_textarea ::::::::::::::::::::::::::::::::::::::::::*/
.comment_input_textarea {
	width:270px;
	margin: 5px auto;
}
.comment_input_textarea textarea {
	width:262px;
	height:60px;
	font-size:12px;
	text-align:left;
	color:#000;
	padding: 3px;
}

/* frame parts ::::::::::::::::::::::::::::::::::::::::::*/
input[type="text"] {
	margin:0px;padding:5px;
}
select {
	margin:0px;padding:2px 4px; min-width:60px;
}

/* SortSelectBtnsC ::::::::::::::::::::::::::::::::::::::::::*/
.select_btns {
	width:200px;
	margin: 0px auto;
	padding: 5px 0 0;
}
.select_btns table {
	width:100%;
}
.select_btns table tr th {
	padding:5px 0 10px 0;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
.select_btns table tr td {
	padding:5px 0 10px 0;
	margin:0;
	text-align:center;
	vertical-align:middle;
}

.select_btns .common_btn02 {
	width:80px;
	padding:0;
	margin:0;
}
.select_btns .common_btn02 input[type="submit"] {
	padding-right:10px;
	padding-left:10px;
}

.pager02{
	border-bottom: 1px solid #f592b3;
	border-top: 1px solid #f592b3;
	color: #f592b3;
	font-size: 1.3rem;
	text-align: center;
	padding: 2% 0;
	position: relative;
	width: 268px;
	margin: 0 auto;
}
.pager02 a{
	background-image: url(../img/parts/common/icon_pager.png);
	background-size: 68px 17px;
	background-repeat: no-repeat;
	height: 17px;
	position: absolute;
	text-indent: -999em;
	top: 7px;
	width: 17px;
}
#y_mode .pager02 a{background-image: url(../img/parts/common/y_icon_pager.png);}

.pager02 .prev{
	background-position: 0 0;
	left: 0;
}
.pager02 .next{
	background-position: -17px 0;
	right: 0;
}
.form_btn{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	margin: 12px 0;
}
.form_btn .common_btn01,.form_btn .common_btn02{
	width: 135px;
	margin: 0 5px;
}
.form_btn .common_btn01 > input{
	width: 100%;
	margin: 0;
	line-height: 1.7;
}

#searchForm .select_btns{
	width: auto;
}
#searchForm input[type="text"]{
	width: 180px;
}
#searchForm .search_btn{
	width: 66px;
	margin: -10px 0 0;
	position: relative;
}

/* TabButton ::::::::::::::::::::::::::::::::::::::::::*/
.tab_header {
	padding: 7px 0 0 0;
	width: 320px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}
.tab_header li {
	margin: 0 4px 0 4px;
	padding: 5px 0 0 0;
	height:28px;
	text-align:center;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	border: 3px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	border-bottom:none;
	background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#aeaeae));
	background: -webkit-linear-gradient(top, #d4d4d4,#aeaeae );
	background:linear-gradient(to bottom, #d4d4d4,#aeaeae );
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}
.tab_header li.open {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6a9c), to(#d33a6d));
	background: -webkit-linear-gradient(top, #ff6a9c, #d33a6d);
	background:linear-gradient(to bottom, #ff6a9c 0%,#d33a6d 100%);
}
.tab_header li a,
.tab_header li span { display:block; text-decoration:none; color:#fff;}
.tab_header li.open a,
.tab_header li.open span { color:#ffffff!important;}
.tab_size2 li { width:126px !important; }
.tab_size3 li { width: 81px !important; }
.tab_size4 li { width: 58px !important; }
.tab_size5 li { width: 50px !important; }
.tab_size6 li { width: 40px !important; }
.tab_size7 li { min-width: 26px !important; padding:0 2px; }

/* DiaryList ::::::::::::::::::::::::::::::::::::::::::*/
.diary_point{
	background: url(../img/parts/diary/diary_point_box.png) center 0 no-repeat;
	background-size: 320px 112px;
	width: 320px;
	height: 112px;
	color: #008aff;
	margin: -15px 0 0;
	position: relative
}
.diary_point figure{
	text-align: right;
	font-size: 23px;
	text-shadow:3px 3px 3px #fff,0px 3px 3px #fff,3px 0px 3px #fff,-3px -3px 3px #fff,0px -3px 3px #fff,-3px 0px 3px #fff,-3px 3px 3px #fff,3px -3px 3px #fff;
	padding: 46px 30px 0 0;
}
.diary_point_btn a{
	margin: 0 15px;
	width: 105px;
	padding: ;
	height: 26px;
	line-height: 24px;
}
.diary_point_btn{
	margin: -15px 0 18px;
	position: relative;
}
.blue_check{background: url(../img/parts/common/title_bg04.png);}
.preview{
	position: absolute;
	width: 320px;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.75);
	text-align: center;
	display: none;
}

.preview_img{
	position: absolute;
	width: 320px;
	height: 455px;
	top: 50%;
	left: 50%;

	margin: -227px 0 0 -160px;
}

/*historyCSS::::::::::::::::::::::::::::::::::::::::::*/

.revenge_btn{
	position: absolute;
	right: 10px;
	top: 9px;
}
.revenge_btn a{
	color:#fff!important;
	font-size: 12px;
	text-decoration: none!important;
}




/*UtilityCSS::::::::::::::::::::::::::::::::::::::::::*/

.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.tl {text-align: left!important;}
.tr {text-align: right!important;}
.tc {text-align: center!important;}
.start{display: -webkit-box; -webkit-box-pack: start;display: -moz-box; -moz-box-pack: start; width: 100%;}
.center{display: -webkit-box; -webkit-box-pack: center; display: -moz-box; -moz-box-pack: center; width: 100%;}
.end{display: -webkit-box; -webkit-box-pack: end;display: -moz-box; -moz-box-pack:end; width: 100%;}

.mt5  {margin-top: 5px;}
.mtm4{margin-top:-4px}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb01{margin-bottom: -1px;}
.mh0 {margin: 0!important;}
.ml5{margin-left: 5px;}
.mh5 {margin: 5px 0;}
.mw5 {margin: 5px 0;}
.mh8 {margin: 8px 0;}
.mh10 {margin: 10px 0;}
.mh15 {margin: 15px 0;}
.mh20 {margin: 20px 0;}
.mh25 {margin: 25px 0;}
.pt5  {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pb5  {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.ph5{padding: 5px 0;}
.ph8{padding: 8px 0;}
.ph10{padding: 10px 0;}
.ph15{padding: 15px 0;}
.ph20{padding: 20px 0;}
.ph25{padding: 25px 0;}
.pw5{padding: 0 5px;}
.pw10{padding: 0 10px;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.bg_pink{ background-color: #fbd4e0;}
.bg_cream{ background-color: #ffffde;}
.bg_white{ background-color: #ffffff;}
.c_blue{color: #008aff;}
.c_pink{color: #f592b3;}
.c_pink02{color: #ff568f;}
.c_pink03{color: #e54e80;}
.c_orange{color: #ff6600;}
.c_yellow{color: #ffa800;}
.c_yellow2{color: yellow;}
.c_white{color: #fff!important;}
.c_red{color: #ff646c;}
.f18{font-size: 18px;}
.f17{font-size: 17px;}
.f16{font-size: 16px;}
.f15{font-size: 15px;}
.f14{font-size: 14px;}
.f13{font-size: 13px;}
.f12{font-size: 12px;}
.f11{font-size: 11px;}
.f10{font-size: 10px;}
.ts{text-shadow:1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff!important;}
.ts0{text-shadow: 0 0 0!important;}
.ts02{text-shadow:1px 1px 1px #000,0px 1px 1px #000,1px 0px 1px #000,-1px -1px 1px #000,0px -1px 1px #000,-1px 0px 1px #000,-1px 1px 1px #000,1px -1px 1px #000;}
.ts03{text-shadow:0 0 1px rgba(255,255,255,.7), 0 0 3px #fff;}
.w90{width: 90px; height: auto;}
.w200{width: 200px; margin: 0 auto;}
.w250{width: 250px; margin: 0 auto;}
.w260{width: 260px; margin: 0 auto;}
.w270{width: 270px; margin: 0 auto;}
.w280{width: 280px; margin: 0 auto;}
.w290{width: 290px; margin: 0 auto;}
.w300{width: 300px; margin: 0 auto;}
.em{background: linear-gradient(transparent 40%, #fffc00 40%); padding: 0 1% 0 0; }
.u_line{text-decoration: underline;}
.kill{text-decoration: line-through;}
.rel{position: relative;}
.z1{z-index: 1;}
.z2{z-index: 2;}
.z10{z-index: 10;}
.block{display: block!important;}
.none{display: none;}
.pe_none{pointer-events: none;}
.sphere{border-radius: 100px!important;}
.pink_rad{padding: 3px 0; border-radius: 6px; background: #ff3c82; color: #fff;text-align: center;font-size: 14px;}
.grayout{
	filter: saturate(0);
	-webkit-filter: saturate(0);
}
.love{
	background: url(../img/parts/diary/l_evo_text.png);
	background-size: 320px 198px;
}
.love02{
	background: url(../img/parts/diary/l_evo_text02.png);
	background-size: 40px 65px;
}
.bg_dot{
	background: url(../img/parts/common/dot_pattern.png);
	background-size: 22px 53px;
}
.ellip{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blue_grd{
	background: -webkit-gradient(linear, left top, left bottom, from(#008aff), to(#0065ba));
	background: -webkit-linear-gradient(top, #008aff, #0065ba);
	background: linear-gradient(to bottom, #008aff,#0065ba);
}
.pink_grd{
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6a9c), to(#d33a6d))!important;
	background: -webkit-linear-gradient(top, #ff6a9c, #d33a6d)!important;
	background: linear-gradient(to bottom, #ff6a9c 0%,#d33a6d 100%)!important;}
}
.purple_grd{
	background: -webkit-gradient(linear, left top, left bottom, from(#cc09ff), to(#460c62))!important;
	background: -webkit-linear-gradient(top, #cc09ff, #460c62)!important;
	background: linear-gradient(to bottom, #cc09ff,#460c62 )!important;
}

/*PC版用の記述*/
.flag_area .sp_content img{
	width: 1px;
	height: 1px;
}
.flag_area .sp_content{
	width: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

#action_enable,input[type="submit"],.check_button,input[name="filterOpen"]{
	cursor: pointer;
}

/*チュートリアルイベント用記述*/

.star01,.star03,.star05 {
	width:25px;
	height:auto;
	display:block;
	position:absolute;
	opacity:0;
}
.star02,.star04,.star06,.star07,.star08 {
	width:10px;
	height:auto;
	display:block;
	position:absolute;
	opacity:0;
}
.star01 {top:0px; left:5px; z-index:10100; animation:star01 2.5s infinite ease-in-out;}
.star02 {top:20px; left:0px; z-index:10101; animation:star02 2.5s infinite ease-in-out -0.3s;}
.star03 {top:30px; left:300px; z-index:10102; animation:star03 2.5s infinite ease-in-out -0.7s;}
.star04 {top:15px; left:310px; z-index:10103; animation:star04 2.5s infinite ease-in-out -0.9s;}
.star05 {top:45px; left:25px; z-index:10104; animation:star01 2.5s infinite ease-in-out -1.2s;}
.star06 {top:0px; left:0px; z-index:10105; animation:star02 2.5s infinite ease-in-out -1.1s;}
.star07 {top:5px; left:250px; z-index:10106; animation:star06 2.5s infinite ease-in-out -1.1s;}
.star08 {top:30px; left:28px; z-index:10107; animation:star07 2.5s infinite ease-in-out -1.1s;}

@keyframes star01 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star02 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star03 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star04 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star05 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star06 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star07 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
@keyframes star08 {
	0%   { opacity:0; transform:translate(0,0) scale(0) rotate(45deg);}
	50%  { opacity:1; transform:translate(0,-10px) scale(1.3) rotate(90deg);}
	100% { opacity:0; transform:translate(0,-20px) scale(0) rotate(135deg);}
}
.beginner_ev_notice{
	display: block;
	position: relative;
	background: url(../img/event/sugoroku9/beginner_ev_notice.jpg) center 0 no-repeat;
	background-size: 320px;
	height: 55px;
	overflow: hidden;
}
.beginner_ev_notice .rest_time{
		position: absolute;
		width: auto;
		left: 137px;
		top: 16px;
		text-align: center;
		color: #1684ff;
		text-shadow: 1px 1px 1px #fff,0px 1px 1px #fff,1px 0px 1px #fff,-1px -1px 1px #fff,0px -1px 1px #fff,-1px 0px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;
		font-size: 12px;
}

.login_bonus_list .bottom_line {margin:0 auto !important; width:90%}
.login_bonus_list .bottom_line .text_base.strong {padding:0px; font-size:12px;}
.login_bonus_list .reward_data_box {padding:4px 0 9px 0; margin:0 auto 10px auto}
.login_bonus_list .reward_data_box table th { padding:0 5px 0 0; width:46px}
.login_bonus_list .reward_data_box table th img { width:46px !important; min-width:inherit;}
.login_bonus_list .reward_data_box table td { font-size:10px}