#wrapper {
	color: #5d656e;
	font-family: 'Century Gothic','Futura','Book Antiqua';
}
#wrapper.ja {
	font-family: 'Century Gothic','Futura','Book Antiqua',"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}
::selection {
	background:#6592a0;
}
::-moz-selection {
	background:#6592a0;
}
#topNavAlert {
	position:absolute;
	/*top: 180px;*/
	top: 100px;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#topNavAlert.self {
	top: 100px;
}
#topNavAlert.self.readyACLink {
	top: 130px;
}
#topNavAlert .navApplyBtn {
	width: auto;
	margin: 0;
	border: none;
	background-image: none;
	background: none;
	box-shadow: none;
}
#topNavAlert input[type="submit"].navApplyBlkBtn {
	float: none;
	position: absolute;
	/*top:50px;*/
	top: 30px;
	right: 0;
	width: auto;
	min-width: 120px;
	margin: 0;
	padding: 0 10px;
	border-radius: 0;
	border: 1px solid #5c93a8;
	background: url(../../pc/img/common/arrow_titlebtn.png) no-repeat 99% 1px #000;
	color: #5c93a8;
	font-size: 10px;
	text-align: center;
	text-shadow:none;
	line-height: 24px;
	transition: all 0.5s;
}
#topNavAlert input[type="submit"].navApplyBlkBtn:hover {
	background: url(../../pc/img/common/arrow_titlebtn.png) no-repeat 99% 1px rgb(11,45,53);
	background: url(../../pc/img/common/arrow_titlebtn.png) no-repeat 99% 1px -moz-linear-gradient(top, rgba(11,45,53,1) 1%, rgba(17,64,74,1) 50%, rgba(11,36,43,1) 100%);
	background: url(../../pc/img/common/arrow_titlebtn.png) no-repeat 99% 1px -webkit-linear-gradient(top, rgba(11,45,53,1) 1%,rgba(17,64,74,1) 50%,rgba(11,36,43,1) 100%);
	background: url(../../pc/img/common/arrow_titlebtn.png) no-repeat 99% 1px linear-gradient(to bottom, rgba(11,45,53,1) 1%,rgba(17,64,74,1) 50%,rgba(11,36,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2d35', endColorstr='#0b242b',GradientType=0 );
	transition: all 0.5s;
}
#revHead {
	position: relative;
	clear: both;
	min-height: 55px;
	background: url(../img/common/bg_gnav.png) repeat center top;
	z-index: 100;
}
#revHead .logo {
	float: left;
	height: 55px;
	margin: 0 0 0 10px;
}
#revHead .logo img {
	width: auto;
	height: 100%;
}
#revHead .ovLink a {
	float: right;
	width: 90px;
	margin: 10px;
	padding: 0 10px;
	border-radius: 4px;
	border: 1px solid #5d8a89;
	background: url(../../pc/img/common/bdr_grn20.png) repeat;
	line-height: 30px;
}
/*navBtn*/
#revHead .btnNav {
	position:relative;
	float:right;
	width:27px;
	height:37px;
	padding:9px;
	margin: 0 20px 0 0;
	cursor: pointer;
}
#revHead .btnNav.active {
	background:url(../img/common/bg_btnNav.png) repeat left bottom;
}
#revHead .btnNav,
#revHead .btnNav .hmb span {
	transition:all 0.5s;
}
#revHead .btnNav .hmb {
	position:relative;
	width:27px;
	height:27px;
	margin:0 auto;
	pointer-events: none;
}
#revHead .btnNav .hmb span {
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	background:#719bad;
	pointer-events: none;
}
#revHead .btnNav .top {
	top:0;
}
#revHead .btnNav .mid {
	top:8px;
}
#revHead .btnNav .btm {
	bottom:7px;
}
#revHead .btnNav.active .top {
	-webkit-transform: translateY(5px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
#revHead .btnNav.active .mid {
	opacity: 0;
}
#revHead .btnNav.active .btm{
	-webkit-transform: translateY(-11px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg);
}
#revHead .btnNav span.txt {
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	color:#719bad;
	font-size:10px;
	text-align:center;
}
/*sync*/
.syncArea {
	float: right;
	width: 53px;
	height: 53px;
}
.syncArea a {
	display: block;
	width: 53px;
	height: 53px;
	background: url(../img/common/btn_sync.png) no-repeat center center;
	background-size: 40px;
}
.syncArea.syncing a {
	background: url(../img/common/btn_syncing.png) no-repeat center center;
	background-size: 40px;
}
.syncArea.nosync a,
.syncArea.synced {
	background: url(../img/common/btn_synced.png) no-repeat center center;
	background-size: 40px;
}
.syncTxt {
	padding: 0 10px;
	background: rgba(38,68,73,0.5);
	color: #788b8e;
	font-size: 11px;
	line-height: 26px;
}
.syncTxt span {
	float: right;
	color:#a5c9c1;
	text-shadow:0 0 7px #47a7c4;
}
.syncTxt.nosync {
	text-shodow:none;
}
/*gNav*/
#revGnav {
	display: none;
	position: absolute;
	top:142px;
	left: 0;
	width: 100%;
	font-family: 'Century Gothic','Futura','Book Antiqua';
	z-index: 100;
}
.mb #revGnav {
	/*top:82px;*/
}
#revGnav dl {
	border-bottom: 1px solid #264449;
	background: #142326;
	transition: all 0.5s;
}
#revGnav dt {
	width: 96%;
	padding: 0 2%;
	background: url(../img/common/icon_plus.png) no-repeat 96% center #142326;
	color:#719bad;
	font-size: 14px;
	line-height: 45px;
}
#revGnav dl:nth-of-type(1) dt {
	background: #142326;
}
#revGnav dl.open {
	background: #264449;
}
#revGnav dl.open dt {
	background: url(../img/common/icon_minus.png) no-repeat 96% center;
}
#revGnav dt a {
	display: block;
	color:#719bad;
	font-size: 14px;
}
#revGnav dd {
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
}
#revGnav dl.open dd {
}
#revGnav dd ul {
	margin: 0 0 10px 0;
}
#revGnav dd li {
	width: 96%;
	margin: 0 auto 1px auto;
	background: #142326;
	font-size: 12px;
	line-height: 45px;
}
#revGnav dd li a {
	display: block;
	padding: 0 2%;
	color: #418b89;
}
.titleArea {
	padding: 60px 0;
	text-align: center;
}
.titleArea h2 {
	color: #80d8d1;
	font-size: 48px;
	font-family: 'Oswald';
	font-weight: normal;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 10px rgba(210, 226, 234, 0.9);
}
.titleArea h2 span {
	display: block;
	margin:10px auto 0;
	color:#80d8d1;
	font-size:18px;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-shadow: 0px 0px 10px rgba(210, 226, 234, 0.9);
	letter-spacing: 1px;
}
/*sitebuddy*/
.sitebuddy {
	margin: 10px 2% 0 2%;
	background: rgba(48,67,73,0.5);
	text-align: center;
}
.sitebuddy p {
	padding: 10px 2%;
	color: #a5c9c1;
	font-size: 12px;
	font-weight: bold;
}
.sitebuddy p span {
	color: #adc164;
}
.sitebuddy a.btn {
	display: inline-block;
	margin: 10px;
	padding: 0 20px;
	border: 1px solid #adc164;
	background: rgba(173,193,100,0.4);
	color: #fff;
	text-align: center;
	line-height: 27px;
}
/*accountlink*/
#dataStatus {
	width: 92%;
	margin: 45px auto 0 auto;
	padding: 30px 2%;
	border: 1px solid #a7bf60;
	background: rgba(0,0,0,0.5);
	text-align: left;
}
#dataStatus h3 {
	margin: 0 0 20px 0;
	color: #a7bf60;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
#dataStatus dt {
	margin: 0 0 25px 0;
	color: #bdb6af;
	font-size: 14px;
	font-weight: bold;
}
#dataStatus dd.attention {
	color: #a0968c;
	font-size: 12px;
}
#dataStatus dd.btnArea {
	margin:0;
	text-align:center;
}
#dataStatus dd.btnArea a,
#dataStatus dd.btnArea input {
	display:inline-block;
	width: 96%;
	margin:20px 0 0 0;
	padding: 0 2% 0 2%;
	border-radius: 0;
	border:1px solid #a7bf60;
	background: rgba(167,191,96,0.4);
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	-webkit-appearance:none;
}
#dataStatus dd.btnArea a:hover,
#dataStatus dd.btnArea input:hover {
	background:rgba(208,239,114,0.4);
}
/*contents*/
#contents {
	width: 100%;
	height: auto!important;
}
#contents.cntGameRev {
	background: none;
}
/*characters*/
.characterlist .selectLangArea,
.weaponstatus .selectLangArea,
.gameitem .selectLangArea,
.item .selectLangArea,
.itemrewards .selectLangArea {
	padding: 0;
}
.characterlist #selectCollection,
.weaponstatus #selectCollection,
.gameitem #selectCollection,
.item #selectCollection,
.itemrewards #selectCollection {
	display: block;
	width: 96%;
	height: 43px;
	margin: 0 auto 15px auto;
	padding: 0 2%;
	border-radius: 0;
	border: 1px solid #264449;
	background: url(../img/common/icon_plus.png) no-repeat 96% center,url(../../pc/img/common/bdr_grn.png) repeat center top;
	color: #80d8d1;
	line-height: 43px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.tabarea p.useNum {
	position: absolute;
	top: 0;
	right:15px;
	color: #788b8e;
	font-size: 12px;
	line-height: 34px;
	
}
/*titles*/
#sysMes {
	margin: 0 10px 10px 10px;
}
#sysMes p {
	display: block;
	width: 100%;
	padding:10px 25px;
	border: 1px solid #a7bf60;
	box-sizing: border-box;
	color:#a5c9c1;
	font-size: 14px;
}
#titlesList {
	padding: 10px 2% 25px 2%;
	background: rgba(0,0,0,0.8);
}
#titlesList li {
	float: left;
	width: 16%;
	list-style: none;
}
#titlesList li span {
	display: table-cell;
	height: 24px;
	padding: 0 0 0 42px;
	color: #a5c9c1;
	font-family: 'Oswald';
	font-size: 10px;
	vertical-align: middle;
}
#titlesList li.sss span {
	background: url(../../pc/img/titles/icon_rank_1.png) no-repeat left top,url(../../pc/img/overview/icon_cross.png) no-repeat 30px center;
	background-size: auto 100%,6px;
}
#titlesList li.ss span {
	background: url(../../pc/img/titles/icon_rank_2.png) no-repeat left top,url(../../pc/img/overview/icon_cross.png) no-repeat 30px center;
	background-size: auto 100%,6px;
}
#titlesList li.s span {
	background: url(../../pc/img/titles/icon_rank_3.png) no-repeat left top,url(../../pc/img/overview/icon_cross.png) no-repeat 30px center;
	background-size: auto 100%,6px;
}
#titlesList li.a span {
	background: url(../../pc/img/titles/icon_rank_4.png) no-repeat left bottom,url(../../pc/img/overview/icon_cross.png) no-repeat 30px center;
	background-size: auto 100%,6px;
}
#titlesList li.b span {
	background: url(../../pc/img/titles/icon_rank_5.png) no-repeat left bottom,url(../../pc/img/overview/icon_cross.png) no-repeat 30px center;
	background-size: auto 100%,6px;
}
#titlesList li.c span {
	background: url(../../pc/img/titles/icon_rank_6.png) no-repeat left bottom,url(../../pc/img/overview/icon_cross.png) no-repeat 30px center;
	background-size: auto 100%,6px;
}
#rankFilter {
	padding: 0 2% 10px 2%;
	background: rgba(0,0,0,0.8);
	color: #5d656e;
	font-size: 14px;
	font-weight: bold;
}
#rankFilter h3 {
	margin: 0 0 10px 0;
	padding: 0 15px;
	background: #0e1115;
	color: #788b8e;
	font-size: 14px;
	line-height: 30px;
}
#rankFilter dl {
	margin: 10px 0 15px 0;
}
#rankFilter dt {
	display: inline-block;
}
#rankFilter dd {
	display: inline-block;
}
#rankFilter dd li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 7px;
	list-style: none;
}
#rankFilter dd li input {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	opacity: 0;
}
#rankFilter dd li label {
	padding: 0 0 0 20px;
	background: url(../../pc/img/titles/ftr_radio.png) no-repeat left center;
	background-size: 16px;
	cursor: pointer;
}
#rankFilter dd li input:checked + label {
	background: url(../../pc/img/titles/ftr_radio_on.png) no-repeat left center;
	background-size: 16px;
}
.ctRevListBox td {
	position: relative;
}
.customTitle .ctRevListBox td:nth-of-type(1) {
	width: 11%;
}
.customTitle .ctRevListBox td:nth-of-type(2) {
	width: 89%;
}
.ctRevListName {
	float: left;
	width: calc(100% - 110px);
	height: 26px;
	font-size: 10px;
}
.ctRevListName span {
	display: table-cell;
	height: 26px;
	padding: 0;
	color: #5d656e;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
}
.ctRevListBox b {
	position: absolute;
	top:-11px;
	left: -36px;
}
/*#ctRevListAbout input {
	float: right;
	width: 20px;
	height: 20px;
	margin: 7px 0 0 0;
	padding: 0;
	border-radius: 50px;
	border: 1px solid #5d656e;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}*/
.ctRevSetTitle {
	float: right;
	margin: 7px 5px 0 10px;
}
.ctRevSetTitle input {
	width: 64px;
	padding: 0 0 0 10px;
	border: 1px solid #264449;
	background: url(../../pc/img/common/arrow_btn.png) no-repeat 5px center #000;
	background-size: 5px;
	color: #a9a9a9;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}
.ja .ctRevSetTitle input {
	font-size: 10px;
}
#ctRevListAbout .info-toggle ~ label {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin: 7px 0 0 0;
	padding: 0;
	border-radius: 50px;
	border: 1px solid #5d656e;
	background: #000;
}
#ctRevListAbout .info-toggle ~ label:before {
	display: block;
	content: 'i';
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#ctRevListAbout .info-toggle:checked ~ label {
	position:fixed;
	top:0;
	left:0;
	float: none;
	width:100%;
	height:100%;
	margin: 0;
	border-radius: 0;
	border: none;
	background: rgba(0,0,0,0.7);
	z-index:2000;
}
#ctRevListAbout .info-toggle:checked ~ label:before {
	display: inline;
	content: '';
}
#ctRevListAbout span {
	display: none;
	position: fixed;
	top: 50vh;
	left: 50%;
	width: 289px;
	margin: -66px 0 0 -160px;
	padding: 20px 15px 10px 15px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/nav_arrow_bott_a.png) no-repeat center 3px rgba(0,0,0,0.8);
	box-shadow: 1px 1px 5px #000;
	color: #c0c0c0;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 1px 1px 2px #000000;
	text-align: left;
	z-index: 100;
}
#ctRevListAbout .info-toggle:checked ~ label span {
	display: block;
}
/*#ctRevListAbout:hover, #ctRevListAbout:hover span {
	z-index: 100;
	display: block;
}*/

.ctRevListInfo {
	margin: 5px 0px;
	padding: 5px 10px;
	font-size: 12px;
	background: #000000;
}
.ctRevListDes {
	padding: 5px 10px;
	color: #5d656e;
	font-size: 85%;
	line-height: 20px;
	background: #0d0d0d;
}
.ctRevListDes em {
	padding: 0px 5px;
	font-size: 12px;
	font-style: normal;
}





/*weapon*/
.weal_detail dl dd p {
	width: 75px;
}
/*mdl*/
#mdlbg,
#bgmdl_error,
#bgmdl_menu,
#bgmdl_loading,
#bgmdl_update,
#bgmdl_events {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
	z-index:20000;
}
#bgmdl_menu {
	z-index: 90;
}
#bgmdl_error,
#bgmdl_update,
#bgmdl_events {
	display: none;
}
.mdl {
	display: none;
	position:fixed;
	top:10px;
	left:2%;
	width: 92%;
	height: 450px;
	padding:10px 2%;
	border-radius: 4px;
	border: 1px solid #264449;
	background: #000;
	z-index:30000;
}
.mdl.events {
	position: absolute;
/*	top:10px!important;*/
}
.mdl .close {
	width: 220px;
	margin: 0 auto;
	border: 1px solid #418b89;
	background: rgba(38,68,73,0.2);
	color: #a5c9c1;
	font-size: 14px;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
}
.mdl .close:hover {
	
}
/*mdl_update*/
.mdl.update h3 {
	margin: 0 0 30px 0;
	background: url(../../pc/img/common/bg_mdltitle.png) no-repeat center top;
	background-size: 100% 34px;
	color: #a5c9c1;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-shadow:0 0 10px #418b89;
	line-height: 34px;
}
.mdl.update .list {
	height: 300px;
	margin: 0 0 20px 0;
	overflow: auto;
}
.mdl.update dl {
	margin: 0 0 20px 0;
}
.mdl.update dl::after {
	display: block;
	content: '';
	clear: both;
}
.mdl.update dt {
	float: left;
	width: 76px;
	color: #a5c9c1;
	font-size: 12px;
}
.mdl.update dd {
	float: left;
	width: 260px;
}
/*mdl_event*/
.mdl.events {
	display: none;
	width: 92%;
	height: auto;
	padding: 0 2% 20px 2%;
}
.mdl.events .event {
	display: none;
}
.mdl.events .img img {
	width: 100%;
	height: auto;
}
.mdl.events h3 {
	margin: 0 auto 15px auto;
	background: url(../../pc/img/common/bg_mdltitle.png) no-repeat center top;
	background-size: 100% 34px;
	color: #a5c9c1;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-shadow:0 0 10px #418b89;
	line-height: 34px;
}
.mdl.events .ex {
	margin: 0 0 10px 0;
	color: #788b8e;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
}
.mdl.events .period {
	margin: 0 0 25px 0;
}
.mdl.events .period:after {
	display: block;
	content: '';
	clear: both;
}
.mdl.events .period li {
	margin: 0 8px 10px 0;
	color: #a5c9c1;
	font-size: 14px;
	list-style: none;
}
.mdl.events .period li span {
	display: inline-block;
	width: 60px;
	margin: 0 6px 0 0;
	padding: 5px 0;
	border-radius: 4px;
	background: url(../../pc/img/common/bdr_grn.png) repeat center top;
	color: #a5c9c1;
	font-size: 14px;
	text-align: center;
}
.mdl.events .time {
	margin: 0 0 30px 0;
	padding: 13px 0;
	background: url(../../pc/img/common/line_eventtime.png) no-repeat center top,url(../../pc/img/common/line_eventtime.png) no-repeat center bottom;
	color: #9dbfb7;
	font-size: 16px;
	text-align: center;
}
.mdl.events .time span {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 2px 0 2px 30px;
	background: url(../../pc/img/common/icon_time.png) no-repeat left center;
	color: #a7bf60;
	font-size: 28px;
}
.mdl.events .time_aggregate {
	margin: 0 0 30px 0;
	background: url(../../pc/img/common/line_eventtime.png) no-repeat center top,url(../../pc/img/common/line_eventtime.png) no-repeat center bottom;
	color: #a7bf60;
	font-size: 16px;
	text-align: center;
	line-height: 64px;
}
.mdl.events .time_start {
	margin: 0 0 30px 0;
	padding: 13px 0;
	background: url(../img/common/line_eventtime.png) no-repeat center top,url(../img/common/line_eventtime.png) no-repeat center bottom;
	color:#a7bf60;
	font-size: 28px;
	text-align: center;
}
.mdl.events .time_start span {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 10px 0 2px 30px;
	background: url(../../pc/img/common/icon_time.png) no-repeat left center;
	color: #9dbfb7;
	font-size: 16px;
}
.mdl.events .btnLink {
	text-align: center;
}
.mdl.events .btnLink li {}
.mdl.events .btnLink li a {
	display: block;
	width: 220px;
	margin: 0 auto 10px auto;
	border: 1px solid #264449;
	background: #000 url(../../pc/img/common/arrow_btn.png) no-repeat 94% center;
	color: #a5c9c1;
	font-size: 16px;
	text-align: center;
	text-shadow:0 0 10px #418b89;
	line-height: 50px;
}
@media screen  and (min-width:800px){

}
/*loader*/
.loader {
	position:fixed;
	top:50%;
	left:50%;
	margin:-2.5em 0 0 -2.5em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	font-size: 10px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	z-index:25000;
}
.loader,
.loader:after {
	width: 5em;
	height: 5em;
	border-radius: 50%;
}
@-webkit-keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}


/*guide*/
#contents.guidePage {
	width: 100%;
	margin: 0;
	padding: 0 0 100px 0;
	background: #000;
}
.game.rev #globalFooter.normalFooter {
	margin: 0;
}
#bgmdl_guide {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	z-index: 20000;
}
#guide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20000;
}
#contents.guidePage #guide {
	display: block;
	z-index: 1;
}
.guidePage #guide {
	position: relative;
}
#guide .closeGuide {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	border: 1px solid #304349;
	background: url(../../pc/img/guide/btn_close_guide.png) no-repeat center center #000;
	background-size: 18px;
	cursor: pointer;
	transition: all 0.5s;
}
#guide .guideBtn {
	width: 270px;
	padding: 2px;
	border: 1px solid #5e696c;
	transition: all 0.5s;
}
#guide .guideBtn:hover {
	opacity: 0.8;
}
#guide .guideBtn a {
	display: block;
	border: 1px solid #5d8a89;
	background: url(../../pc/img/common/bdr_grn.png) repeat;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
}
#guide .guideCol01 {
	padding: calc(100% * 0.72) 0 30px 0;
	background: url(../img/guide/bg_col01.png) no-repeat right top;
	background-size: 100%;
	text-align: center;
}
#guide .guideCol01 h2.logo img {
	width: 100%;
	height: auto;
}
#guide .guideCol01 .text {
	width: 80%;
	margin: 0 10% 25px 10%;
	color: #fefefe;
	font-size: 12px;
	text-shadow: 0 0 10px #c5f8ef,0 0 10px #c5f8ef;
	line-height: 1.5;
	text-align: left;
}
#contents.guidePage #guide .guideCol01 .text.play,
#contents.guidePage #guide .text.play {
	width: 100%;
	margin:40px 0 20px 0;
	text-align:center;
	color: #fefefe;
	font-size: 14px;
	text-shadow: 0 0 10px #c5f8ef,0 0 10px #c5f8ef;
}
#guide .guideCol01 .guideBtn {
	margin: 0 auto 35px auto;
}
#guide .guideBtn.ptf {
	display: inline-block;
	width: 27%;
	margin: 0 1%;
	opacity: 0.5;
}
#guide .guideBtn.ptf.ps4 a {
	background: url(../../../pc/img/common/ftr_ps4.png) no-repeat center center,url(../../pc/img/common/bdr_grn.png);
	background-size: auto 18px,auto;
	text-indent: -9999px;
}
#guide .guideBtn.ptf.xone a {
	background: url(../../../pc/img/common/ftr_xone.png) no-repeat center center,url(../../pc/img/common/bdr_grn.png);
	background-size: auto 18px,auto;
	text-indent: -9999px;
}
#guide .guideBtn.ptf.nsw a {
	background: url(../../../pc/img/common/ftr_nsw.png) no-repeat center center,url(../../pc/img/common/bdr_grn.png);
	background-size: auto 18px,auto;
	text-indent: -9999px;
}
#guide .guideBtn.ptf.active {
	opacity: 1;
}
#guide .line_text {
	margin: 0 0 25px 0;
}
#guide .line_text img {
	width: 100%;
	height: auto;
}
#guide .colBox {
	position: relative;
	margin: 0 0 50px 0;
	padding: 0 4%;
}
#guide .colBox h3 {
	margin: 0 0 20px 0;
	text-align: center;
}
#guide .colBox h3 img {
}
#guide .colBox .img {
	margin: 0 0 15px 0;
}
#guide .colBox .img img {
	width: 100%;
	height: auto;
}
#guide .colBox .text {
	color: #fff;
	font-size: 12px;
	line-height: 2;
}
#guide .guideCol05 h3 {
	background: url(../../pc/img/guide/icon_new.png) no-repeat calc(50% - 100px) center;
	background-size: 40px;
	line-height: 40px;
}
#guide .guideCol05 h3 img {
	vertical-align: middle;
}
#guide > .guideBtn {
	margin: 0 auto 100px auto;
}
.guidePage #guide > .guideBtn {
	margin: 0 auto;
}
.guidePage #guide > .guideBtn.ptf {
	margin: 0 2%;
}
#guide .closeGuide.btm {
	position: relative;
	top: auto;
	bottom: 0;
	right: auto;
	left: 50%;
	width: 270px;
	height: auto;
	margin:0 0 0 -135px;
	border: 1px solid #555;
	background: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
	transition: all 0.5s;
}