@charset "UTF-8";
@import url("../_common/basic.css");


/***** common settings *****/

.gd-copy {
	font-family: "Ryumin Bold KL", serif;
	font-style: italic;
}

.gd-surface-container {
	background: #ffffff none;
	margin-bottom: 1em;
}

.pickup {
	text-align: justify;
}

#gt-sugardropse, #gt-reengage, #gt-toaru, #gt-risingpurple, #gt-lielei {
	border-bottom: #bd7da8 1px solid;
}

#gt-migrantsa, #gt-migrantbox {
	border-bottom: #62ad40 1px solid;
}

#gt-angelproof {
	border-bottom: #62ad40 1px solid;
}

#gt-packetqueen {
	border-bottom: #98d7f5 1px solid;
}

#sugardropse .pickup, #reengage .pickup, #toaru .pickup, #risingpurple .pickup, #lielei .pickup {
	background-color: #bd7da8;
}

#migrantsa .pickup, #migrantbox .pickup {
	background-color: #62ad40;
}


/***** for Phones *****/

@media only screen and (max-width:767px)
{
	h2.internal {
		margin-bottom: 40px;
	}
	
	.game-title {
		font-weight: bold;
		margin-bottom: 5px;
		padding: 5px 24px;
	}
	
	.gt-shell {
		display: block;
	}
	
	.pickup {
		font-size: 14px;
		line-height: 160%;
		text-align: justify;
	}
	
	.game-genre {
		font-size: 14px;
		line-height: 150%;
		margin-bottom: 10px;
	}
	
	.game-detail {
		margin-bottom: 3em;
	}
	
	.game-detail img {
		max-width: 100%;
	}
	
	.gd-desc {
		padding-bottom: 12px;
	}
	
	.gd-copy {
		font-size: 18px;
		line-height: 100%;
		margin-bottom: 12px;
	}
}


/***** for Tablets *****/

@media only screen and (min-width:768px) and (max-width:1023px)
{
	h2.internal {
		margin-bottom: 40px;
	}
	
	.game-title {
		font-size: 150%;
		line-height: 150%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 5px 24px;
	}
	
	.gt-shell {
		display: block;
		width: 640px;
		margin: 0px auto;
	}
	
	.game-genre {
		margin-bottom: 10px;
	}
	
	.game-detail img {
		max-width: 100%;
	}
	
	.gd-desc {
		width: calc(100% - 112px);
		float: left;
	}
	
	.gd-copy {
		font-size: 32px;
		line-height: 100%;
		margin-bottom: 12px;
	}
	
	.pickup {
		margin-bottom: 3em;
	}
}


/***** for PC *****/

@media only screen and (min-width:1024px)
{
	h2.internal {
		margin-bottom: 40px;
	}
	
	.game-title {
		width: 814px;
		margin: 0px auto;
		font-size: 150%;
		line-height: 150%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 5px 0px;
	}
	
	.game-detail {
		width: 814px;
		margin: 0px auto;
	}
	
	.game-genre {
		text-align: right;
		margin-bottom: 10px;
	}
	
	.gd-desc {
		width: calc(100% - 300px);
		float: left;
	}
	
	.gd-copy {
		font-size: 36px;
		line-height: 100%;
		margin-bottom: 12px;
	}
	
	.pickup {
		margin-bottom: 3em;
	}
	
	#angelproof .gd-buttons, #reengage .gd-buttons, #risingpurple .gd-buttons, #migrantbox .gd-buttons, #lielei .gd-buttons {
		width: 192px;
	}
	
	#toaru .gd-buttons, #packetqueen .gd-buttons {
		width: 88px;
	}
}