/* Reset */

body {
	font-family: Century Gothic, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 13px;
	background-color: #fef0f1;
	/* [disabled]line-height: 1.6; */
	overflow-x: hidden;
}

	h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dl dt,dl dd {
		margin: 0;
		padding: 0;
	}

	ul,ol {
		list-style-type: none;
	}

	img {
		border: 0;
		margin: 0;
		padding: 0;
		vertical-align:bottom;
	}

/*body:after {
	font-size: 12px;
	content: "Full";
	position: fixed;
	top: 0;
	left: 0;
	padding: 10px;
	background-color: rgba(255,255,255,0.8);
	z-index: 10000;
}

@media (max-width: 1199px) {
	body:after {
		content: "1200px";
	}
}
@media (max-width: 991px) {
	body:after {
		content: "992px";
	}
}
@media (max-width: 767px) {
	body:after {
		content: "768px";
	}
}
@media (max-width: 480px) {
	body:after {
		content: "480px";
	}
}
*/
.container {
	width: 100%;
	padding: 0;
	margin: 0;
}

.wrap {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

.img-responsive.unlimit {
	width: 100%;
}

@media (max-width: 1199px) {
  .wrap {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .wrap {
  }
}
@media (max-width: 767px) {
  .wrap {
	padding: 0 10px;
  }
}
@media (max-width: 480px) and (orientation: landscape) {
}

/* Reset */
a {
    color: #942344;
}
a:hover,
a:focus {
    color: #6E1A32;
}



/* ======================================
	Header
====================================== */
#global-header {
	background: url(../img/global/bg_header_sp.png) repeat 0 0;
	background-size: auto 60px;
	position: fixed;
	top: 0;
	z-index: 500;
	width: 100%;
	height: 60px;
}
	#global-header .inner {
		width: 100%;
	}
	#site-id {
		position: absolute;
		top: 3px;
		left: 12px;
		width: 55px;
		height: 55px;
		background: url(../img/global/site_id_sp.png) no-repeat 0 0;
		background-size: 55px 55px;
		text-indent: -9999px;
	}
	#btn-menu {
		display: block;
		position: absolute;
		top: 3px;
		right: 4px;
		text-indent: -9999px;
		background: url(../img/global/btn_menu.png) no-repeat 0 0;
		background-size: 55px 55px;
		width: 55px;
		height: 55px;
		cursor: pointer;
	}
	#btn-menu.active {
		top: 13px;
		right: 13px;
		width: 35px;
		height: 35px;
		background: #fa4c4e url(../img/global/btn_close.png) no-repeat center center;
		background-size: 33px 33px;
		cursor: pointer;
	}

	#global-navi {
		width:100%;
		padding: 0;
		position: absolute;
		top: 60px;
		left: 0;
		display: none;
	}
		#global-navi > ul {
			width:100%;
			background: url(../img/global/gnavi_line.png) no-repeat right top;
		}
			#global-navi > ul > li {
				background: url(../img/global/gnavi_line.png) no-repeat left top;
				width: 100%;
				vertical-align: middle;
			}
			#global-navi > ul > li a {
				width: 100%;
				height: 34px;
				background-color: #fa4c4e;
				border-bottom: dotted 1px #FFF;
				display: block;
				background-size: contain;
				background-position: 10px center;
				background-repeat: no-repeat;
				background-size: auto 30px;
				text-indent: -9999px;
				position: relative;
			}
			#global-navi > ul > li a:before {
				width: 24px;
				height: 24px;
				display: block;
				content: "";
				background:url(../img/global/menu_arrow_right.png) no-repeat 0 0;
				background-size: 24px 24px;
				position: absolute;
				top: 5px;
				right: 5px;
			}
			#global-navi > ul > li a.hasnavi:before {
				background:url(../img/global/menu_arrow_top.png) no-repeat 0 0;
				background-size: 24px 24px;
    			position: absolute;
    			top: 5px;
    			right: 5px;
			}

			#global-navi > ul > li.home {
				display: block;
			}
			#global-navi > ul > li.home > a {
				background-image: url(../img/global/menu_txt_home.png);
			}
			#global-navi > ul > li.games > a {
				background-image: url(../img/global/menu_txt_games.png);
			}
			#global-navi > ul > li.trailers > a {
				background-image: url(../img/global/menu_txt_trailers.png);
			}
			#global-navi > ul > li.howtoplay > a {
				background-image: url(../img/global/menu_txt_howtoplay.png);
			}
			#global-navi > ul > li.support  >a {
				background-image: url(../img/global/menu_txt_support.png);
			}
			#global-navi > ul > li.company > a {
				background-image: url(../img/global/menu_txt_company.png);
			}

			.cont-navi {
			}
				.cont-navi li.freeapps > a {
					background-image: url(../img/global/menu_txt_freeapps.png);
				}
				.cont-navi li.paidapps > a {
					background-image: url(../img/global/menu_txt_paidapps.png);
				}
				.cont-navi li.bundleapps > a {
					background-image: url(../img/global/menu_txt_bundle-apps.png);
				}
				.cont-navi li.maintenance > a {
					background-image: url(../img/global/menu_txt_maintenance.png);
				}
			.cont-navi-pc {
				display: none;
			}
			.cont-navi2 {
			}
				.cont-navi2 li.freeapps > a {
					background-image: url(../img/global/menu_txt_freeapps.png);
				}
				.cont-navi2 li.paidapps > a {
					background-image: url(../img/global/menu_txt_paidapps.png);
				}
				.cont-navi2 li.bundleapps > a {
					background-image: url(../img/global/menu_txt_bundle-apps.png);
				}
				.cont-navi2 li.maintenance > a {
					background-image: url(../img/global/menu_txt_maintenance.png);
				}
			.cont-navi2-pc {
				display: none;
			}


@media (min-width: 768px){
#global-header {
	background: #fa8d8e url(../img/global/bg_header.png) repeat-x 0 0;
	background-size: auto 73px;
	/*height: 73px;*/
	height: 122px;
	border-bottom: solid 1px #fef0f1;
}
	#global-header .inner {
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	#site-id {
		top: 10px;
		left: 15px;
		width: 165px;
		height: 33px;
		background: url(../img/global/site_id_pc.png) no-repeat 0 0;
		background-size: 165px 33px;
	}
	#site-id a {
		display: block;
	}
	#btn-menu {
		display: none;
	}

	#global-navi {
		padding: 0 15px 0 230px;
		position: static;
		display: block;
		height: 49px;
	}
		#global-navi > ul {
			margin-top: 10px;
			max-width: 835px;
			display: table;
			background: url(../img/global/gnavi_line.png) no-repeat right top;
		}
			#global-navi > ul > li {
				display: table-cell;
				background: url(../img/global/gnavi_line.png) no-repeat left top;
				width: 20%;
				position: relative;
			}
			#global-navi > ul > li a {
				background-color: transparent;
				background-size: contain;
				background-position: center center;
				height: 49px;
				border-bottom: none;
			}
			#global-navi > ul > li.home {
				display: none;
			}
			#global-navi > ul > li.games > a {
				background-image: url(../img/global/gnavi_games_off.png);
			}
			#global-navi > ul > li.trailers > a {
				background-image: url(../img/global/gnavi_trailers_off.png);
			}
			#global-navi > ul > li.howtoplay > a {
				background-image: url(../img/global/gnavi_howtoplay_off.png);
			}
			#global-navi > ul > li.support  >a {
				background-image: url(../img/global/gnavi_support_off.png);
			}
			#global-navi > ul > li.company > a {
				background-image: url(../img/global/gnavi_company_off.png);
			}

			#global-navi > ul > li.games.active > a {
				background-image: url(../img/global/gnavi_games_on.png);
			}
			#global-navi > ul > li.trailers.active > a {
				background-image: url(../img/global/gnavi_trailers_on.png);
			}
			#global-navi > ul > li.howtoplay.active > a {
				background-image: url(../img/global/gnavi_howtoplay_on.png);
			}
			#global-navi > ul > li.support.active > a {
				background-image: url(../img/global/gnavi_support_on.png);
			}
			#global-navi > ul > li.company.active > a {
				background-image: url(../img/global/gnavi_company_on.png);
			}
			#global-navi > ul > li a:before {
				display: none;
			}

			.cont-navi,
			.cont-navi-pc {
				position: absolute;
				bottom: 0;
				left: 0;
			}
			.active .cont-navi {
				top: 63px;
				left: 0;
				background-color: #fa8d8e;
				width: 300%;
				display: table;
			}
			.active .cont-navi li {
				width: 33.33%;
				display: table-cell;
			}
			.active .cont-navi li a {
				height: 48px !important;
				border-bottom: none !important;
				background-size: 70% auto !important;
				background-position: 15px center !important;
			}
			.active .cont-navi li a:before {
				display: none !important;
			}
			.active .cont-navi li.active a,.active .cont-navi li.activeLink a {
				background-color: #fa4c4e !important;
				position: relative;
			}
			.active .cont-navi li.freeapps a:after,
			.active .cont-navi li.freeapps a:after {
				position: absolute;
				content: "";
				display: block;
				background: url(../img/global/local_navi.png) no-repeat 0 0;
				width: 20px;
				height: 8px;
				top: -8px;
				right: 42%;
			}
			.active .cont-navi li.freeapps.active a:after,
			.active .cont-navi li.freeapps.activeLink a:after {
				background: url(../img/global/local_navi_active.png) no-repeat 0 0;
			}

			.active .cont-navi-pc {
				top: 63px;
				left: 0;
				background-color: #fa8d8e;
				width: 100%;
				display: table;
			}
			.active .cont-navi-pc li {
				width: 100%;
				display: table-cell;
			}
			.active .cont-navi-pc li a {
				background-color: #fa4c4e !important;
				position: relative;
			}
			.active .cont-navi-pc li a {
				height: 48px !important;
				border-bottom: none !important;
				background-size: 70% auto !important;
				background-position:center !important;
			}
				.active .cont-navi-pc li a:after {
					position: absolute;
					content: "";
					display: block;
					background: url(../img/global/local_navi_active.png) no-repeat 0 0;
					width: 20px;
					height: 8px;
					top: -8px;
					left: 50%;
					margin-left: -10px;
				}
			#global-navi > ul > li.trailers.active .cont-navi-pc li a {
				background-image: url(../img/global/ttl_trailer_pc.png);
			}
			#global-navi > ul > li.howtoplay.active .cont-navi-pc li a {
				background-image: url(../img/global/ttl_howto_pc.png);
			}
			#global-navi > ul > li.company.active .cont-navi-pc li a {
				background-image: url(../img/global/ttl_aboutus_pc.png);
			}

			.cont-navi2,
			.cont-navi2-pc {
				position: absolute;
				bottom: 0;
				left: 0;
			}
			.active .cont-navi2 {
				top: 63px;
				left: -200%;
				background-color: #fa8d8e;
				width: 400%;
				display: table;
				padding: 0;
			}
			.active .cont-navi2 li {
				width: 25%;
				display: table-cell;
			}
			.active .cont-navi2 li a {
				height: 48px !important;
				border-bottom: none !important;
				background-size: 70% auto !important;
				background-position:center !important;
			}
			.active .cont-navi2 li.active a,
			.active .cont-navi2 li.activeLink a {
				background-color: #fa4c4e !important;
				position: relative;
			}
			.active .cont-navi2 li.bundleapps a:after,
			.active .cont-navi2 li.bundleapps a:after {
				position: absolute;
				content: "";
				display: block;
				background: url(../img/global/local_navi.png) no-repeat 0 0;
				width: 20px;
				height: 8px;
				top: -8px;
				right: 42%;
			}
			.active .cont-navi2 li.bundleapps.active a:after,
			.active .cont-navi2 li.bundleapps.activeLink a:after {
				background: url(../img/global/local_navi_active.png) no-repeat 0 0;
			}


			.active .cont-navi2-pc {
				top: 63px;
				left: 0;
				background-color: #fa8d8e;
				width: 300%;
				display: table;
			}
			.active .cont-navi2-pc li {
				width: 50%;
				display: table-cell;
			}
			.active .cont-navi2-pc li a {
				background-color: #fa4c4e !important;
				position: relative;
			}
			.active .cont-navi2-pc li a {
				height: 48px !important;
				border-bottom: none !important;
				background-size: 70% auto !important;
				background-position: 10px center !important;
			}
				.active .cont-navi2-pc li a:after {
					position: absolute;
					content: "";
					display: block;
					background: url(../img/global/local_navi_active.png) no-repeat 0 0;
					width: 20px;
					height: 8px;
					top: -8px;
					left: 50%;
					margin-left: -10px;
				}
			#global-navi > ul > li.trailers.active .cont-navi2-pc li a {
				background-image: url(../img/global/ttl_trailer_pc.png);
			}
			#global-navi > ul > li.howtoplay.active .cont-navi2-pc li a {
				background-image: url(../img/global/ttl_howto_pc.png);
			}
			#global-navi > ul > li.company.active .cont-navi2-pc li a {
				background-image: url(../img/global/ttl_aboutus_pc.png);
			}


}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}



/* ======================================
	Content
====================================== */
#contents {
	width: 100%;
	padding-top: 60px;
	/*opacity: 0;*/
}

	#ttl-sp {
		margin: 10px auto 10px;
	}
#contents2 {
	width: 100%;
	padding-top: 0px;
	/*opacity: 0;*/
}
#contents003 {
	width: 100%;
	padding-top: 85px;
	/*opacity: 0;*/
}

@media (min-width: 768px){
	#contents {
		padding-top: 122px;
	}
		#ttl-sp {
			display: none;
		}
}

/* ======================================
	SideMenu
====================================== */
@media (max-width: 767px) {
}


/* ========================================

	pagetop

======================================== */

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #942344;
	color: #fff !important;
	font-size: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	border-radius: 100%;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.pagetop a i {
	margin: 0;
}
@media (max-width: 767px) {
.pagetop {
	display: block;
	position: static;
	padding: 10px
}
.pagetop a {
	width: 100%;;
	border-radius: 5px;
	box-shadow: none;
	background-color: #ccc;
}
}


/* ======================================
	Footer
====================================== */

	#global-footer {
		width: 100%;
		padding: 80px 15px 30px;
	}
		#global-footer .inner {
			width: 100%;
		}
			#copyright {
				vertical-align: bottom;
				padding-right: 15px;
			}
				#copyright img {
					margin: 0 auto;
				}
			#social-btns {
				margin: -70px auto 0;
				width: 190px;
			}
				#social-btns li {
					float: left;
					margin-left: 10px;
				}
				#social-btns li img {
					width: 35px;
					height: 35px;
				}


@media (min-width: 768px){
		#global-footer .inner {
			display: table;
			max-width: 796px;
			margin: 0 auto;
		}
			#copyright {
				display: table-cell;
				vertical-align: bottom;
			}
			#social-btns {
				display: table-cell;
				width: 195px;
				margin-top: 0;
			}
				#social-btns li {
					float: left;
					margin-left: 10px;
				}
}



/* module */

.fc-pink {
	color: #fa4c4e;
}
.fc-gold {
	color: #af8a59;
}

.righty {
	float: right;
}
.lefty {
	float: left;
}

/* padding */
.pd-top0 {
	padding-top: 0px !important;
}
.pd-top10 {
	padding-top: 10px !important;
}
.pd-top20 {
	padding-top: 20px !important;
}
.pd-top30 {
	padding-top: 30px !important;
}
.pd-btm0 {
	padding-bottom: 0px !important;
}
.pd-btm10 {
	padding-bottom: 10px !important;
}
.pd-btm20 {
	padding-bottom: 20px !important;
}
.pd-btm30 {
	padding-bottom: 30px !important;
}
.pd-btm40 {
	padding-bottom: 40px !important;
}
.pd-0 {
	padding: 0px !important;
}
.pd-left0 {
	padding-left: 0px !important;
}
.pd-right0 {
	padding-right: 0px !important;
}
/* margin */
.mg-top0 {
	margin-top: 0px !important;
}
.mg-top10 {
	margin-top: 10px !important;
}
.mg-top20 {
	margin-top: 20px !important;
}
.mg-top30 {
	margin-top: 30px !important;
}
.mg-btm0 {
	margin-bottom: 0px !important;
}
.mg-btm10 {
	margin-bottom: 10px !important;
}
.mg-btm20 {
	margin-bottom: 20px !important;
}
.mg-btm30 {
	margin-bottom: 30px !important;
}
.mg-left0 {
	margin-left: 0px !important;
}
.mg-right0 {
	margin-right: 0px !important;
}

.w-5em {
	width: 5em !important;;
}
.w-10em {
	width: 10em !important;;
}

.mw-5em {
	max-width: 5em !important;;
}
.mw-10em {
	max-width: 10em !important;;
}

.valign-middle {
  text-align: center;
}
	.valign-middle:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em; /* Adjusts for spacing */
	}
		.valign-middle > * {
			display: inline-block;
			vertical-align: middle;
		}

@media (min-width: 768px){
	.text-center-pc {
		text-align: center;
	}
}
