@charset "UTF-8";

.inner,
.privacy_contents {
	max-width: 96%!important;
}
#logo-konami img {
    width: 130px;
    height: auto;
    float: left;
}
header {
    background: #fff;
    position: relative;
    width: 100%;
    height: 37px;
    -webkit-box-shadow: 0px 1px 2px;
    box-shadow: 0px 1px 2px;
}
.select-area {
	max-width: 96%!important;
	margin: 0 auto 10px;
	text-align: right;
}

section {
	margin-bottom: 50px;
}
section h1 {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
section h2 {
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
section h3 {
	font-weight: bold;
}
section .con {
	margin: 10px;
	padding: 10px;
	font-size: 87.5%;
}

.contents .text-box{
	padding: 0 10px 10px 10px;
	border: 1px solid #dae1e7;margin: 20px;
}
.contents section ul,
.contents section ol {
	counter-reset:num;

	margin: 10px;
	padding: 10px;
}
.contents section ul > li,
.contents section ol > li{
	position: relative;
	margin: 10px 0;
	padding: 0 0 0 1.4em;
}
.contents section ul > li:before {
	position: absolute;
	left: 0;
	content:"・";
}
.contents section ul.asterisk > li:before {
	content:"※";
}
.contents section ol > li{
	counter-increment: num;
}
.contents section ol > li:before {
	position: absolute;
	left: 0;
	content: counter(num, decimal) ".";
}
.contents section ol.lower-latin > li:before{
	content: counter(num, lower-latin) ".";
}
.contents section ol.lower-greek > li:before{
	content: counter(num, lower-greek) ".";
}
.contents section ol.parenthesis > li:before{
	content: "(" counter(num, decimal) ")";
}
.contents section ol.katakana > li:nth-child(1):before{
	/*content: counter(num, katakana) ".";*/
	content: "ア";
}
.contents section ol.katakana > li:nth-child(2):before{
	/*content: counter(num, katakana) ".";*/
	content: "イ";
}
.contents section ol.katakana > li:nth-child(3):before{
	/*content: counter(num, katakana) ".";*/
	content: "ウ";
}
.contents section ol.parenthesis > li {
	padding: 0 0 0 2.5em;
}
.contents section dl {
	font-size: 0.875rem;
	margin: 10px;
}
.contents section dd {
	padding: 0 0 0 10px;
}
.contents section dl.caption dt {
	width:1.2em;float: left;
}
@media screen and (min-width: 980px){
	.inner {
		width: 98% !important;
	}
}
@media screen and (max-width: 480px){
	.contents h1,
	.contents h2,
	.contents h3 {
		font-size: 1rem;
	}
	.contents p {
		font-size: 0.9rem;
	}
	.contents .text-box{
		padding: 0 5px 5px 5px;
		border: 1px solid #dae1e7;margin: 10px;
	}
	.contents section ul,
	.contents section ol {
		margin: 3px;
		padding: 3px;
		font-size: 0.875rem;
	}
	.contents section ul > li,
	.contents section ol > li{
		margin: 5px 0;
		padding: 0 0 0 1.0em;
	}
}
