*{
margin:0px;
box-sizing: border-box;
}
html{
width:100%;
overflow-y:scroll;
line-height:1.4em;
}
/* -------------------------------------
ヘッダー
-------------------------------------- */
header {
margin:0px auto;
display:block;
position:relative;
width:100%;
}
header #top {
position:relative;
margin:0px auto;
z-index:100;
}
header .back-gradation {
position:absolute;
top:40px;
width:100%;
height:40px;
background-color:#777777;
background:-moz-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
background:-webkit-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
background:linear-gradient(to bottom, #777777 0%, #878787 28%, #666666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777',endColorstr='#666666',GradientType=0);
z-index:1;
}
header #corporate_name {
line-height:40px;
display:table-cell;
background-color:#990014;
text-align:center;
vertical-align:middle;
color:#ffffff;
position:absolute;
top:40px;
}
/*
KONAMI ロゴ
---------------------------------------------------------------------------------------------------- */
header #konami-logo {
height:26px;
width:275px;
background-image:URL(/ksc/common/img/da_logo_konamisport.gif);
top:8px;
}
header #konami-logo a {
border:none;
display:block;
height:100%;
width:100%;
}
/* -------------------------------------
ヘッダー・コンテンツメニュー
-------------------------------------- */
header nav.content-menu{
display:block;
width:100%;
}
header nav.content-menu ul{
list-style-type:none;
padding:0px;
}
header nav.content-menu ul li{
display:inline-block;
vertical-align:middle;
margin-left:30px;
position:relative;
padding-left:15px;
}
header nav.content-menu ul li:before{
content:"";
display:inline-block;
width:10px;
height:10px;
margin:auto;
position:absolute;
top:0px;
left:0px;
bottom:0px;
background-color:#990014;
border-radius:4px;
}
header nav.content-menu ul li:after{
content:"";
position:absolute;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
top:0px;
bottom:0px;
left:0px;
display:inline-block;
height:5px;
width:5px;
margin:auto;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
header nav.content-menu ul li a{
line-height:25px;
}
header nav.content-menu ul li a:hover{
text-decoration:none;
}
/* -------------------------------------
Body Font
-------------------------------------- */
body{
width:100%;
background-position:0;
background-repeat:repeat-x;
font-family:"I-OTF-UDゴ本文Pro R";
color:#333333;
font-size:0.9em;
}
/* -------------------------------------
ページスタイル
-------------------------------------- */
section#corporate p{
margin:20px 50px;
}
section h2{
display:block;
padding:20px 20px 3px;
border-bottom:1px solid #cccccc;
margin-bottom:10px;
font-size:1.2em;
font-weight:900;
}
section h2 small{
display:block;
line-height:1.2em;
font-size:0.7em;
font-weight:normal;
}
section h3{
display:block;
font-size:1.2em;
font-weight:900;
margin-bottom:10px;
}
section{
margin:0px auto 30px;
color:#666;
line-height:1.6em;
}
section#corporate a{
text-decoration:underline;
}
section#corporate a:hover {
text-decoration:none;
}
section#corporate ul{
margin:0px;
padding:0px;
list-style-type:none;
}
section#corporate ul li{
margin:0px;
margin-left:20px;
padding-left:10px;
background-image:url(/img/common/arrow-s.gif);
background-repeat:no-repeat;
background-position:left 8px;
}
section#corporate img{
width:100%;
}
section#corporate table{
margin-bottom:30px;
}
section#corporate table th{
vertical-align:top;
}
section#corporate-map{
position:absolute;
z-index:1000;
width:100%;
}
section#corporate div dl dt{
font-weight:900;
font-family:'I-OTF-UDゴ表示Pro M';
}
.dataTable{
padding:0px 15px;
border:none;
background-color:#F8F8F8;
display:table;
}
.dataTable dl{
display:table-row;
}
.dataTable dl dt, .dataTable dl dd{
padding-top:15px;
padding-bottom:15px;
display:table-cell;
border-bottom:1px solid #dddddd;
}
.dataTable dl:last-of-type dt, .dataTable dl:last-of-type dd{
border-bottom:none;
}
.dataTable dl dt{
font-weight:bold;
padding-left:10px;
width:150px;
font-family:'I-OTF-UDゴ表示Pro M';
}
p.mb20{
margin:10px;
margin-bottom:20px;
}
.businessList{
background-color:#f1f1f6;
list-style-type:none;
}
.businessList li{
padding:20px;
box-sizing:border-box;
background-color:#FFF;
border-bottom:2px solid #E1E1E6;
list-style-type:none;
position:relative;
}
.businessList li a{
text-decoration:none;
color:#666666;
}
.businessList li div.hover{
position:absolute;
top:0px;
left:0px;
display:block;
width:100%;
height:100%;
transition:all .3s ease-in-out;
}
.businessList li div.hover:hover{
background-color:rgba(255,255,255,0.6);
}
.businessList .bizImg img{
width:100%;
}
.businessList .bizName{
font-size:15px;
font-weight:bold;
margin:10px 0 4px;
font-family:'I-OTF-UDゴ表示Pro M';
}
.president span{
font-weight:900;
margin-left:10px;
font-size:1.4em;
vertical-align:baseline;
font-family:'I-OTF-UDゴ表示Pro M';
}
.message-box p{
margin-bottom:20px;
}
.message-box{
padding:20px;
}
#news-notice .news-table{
display:table;
width:100%;
padding:20px 30px;
}
#news-notice .news-table dl{
display:table-row;
}
#news-notice .news-table dl dt {
width: 18em;
}
#news-notice .news-table dl dt, #news-notice .news-table dl dd{
display:table-cell;
padding-bottom:0.5em;
vertical-align:top;
}
#news-notice .news-table dl dt span:after{
width: 150px;
height: 100%;
text-align: center;
background-color: #777777;
color: #fdfdfd;
margin-left:1em;
display: inline-block;
white-space: pre;
font-size: 12px;
font-weight: 900;
}
#news-notice .news-table dl dd a{
display:inline-block;
}
#news-notice .news-table dl[class*=ath-] dt span:after{
content:"アスリート";
}
#news-notice .news-table dl[class*=release] dt span:after{
content:"ニュースリリース";
}
#news-notice .news-table dl[class*=topics] dt span:after{
content:"トピックス";
}
#news-notice .news-table dl[class*=info] dt span:after{
content:"お知らせ";
}
@media (min-width:641px){
/* -------------------------------------
ヘッダー
-------------------------------------- */
header {
min-width:980px;
}
header #top {
width:980px;
}
header #corporate_name {
width:350px;
}
header nav.content-menu{
top:80px;
background:linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
background:-webkit-linear-gradient(top,#ffffff 0%, #f0f0f0 100%);
border-bottom:1px solid #e2e2e2;
}
header nav.content-menu ul{
list-style-type:none;
padding:5px 0px;
width:980px;
margin:0px auto;
}
/* -------------------------------------
KONAMI ロゴ
-------------------------------------- */
header #konami-logo {
top:8px;
}
/* -------------------------------------
ページスタイル
-------------------------------------- */
section#corporate{
background-position:98% 80px;
}
.dataTable dl dt{
width:150px;
}
.float-box.float_left{
padding-right:15px;
}
.float-box.float_right{
padding-left:15px;
}
.message-box img{
float:left;
margin-right:20px;
margin-bottom:20px;
}
.businessList{
padding:24px 0px 8px 24px;
}
.businessList li{
float:left;
width:300px;
height:20em;
margin:0 16px 16px 0;
}
#dial-box{
display:none;
}
/*
#news-notice .news-table dl dt{
width:10%;
}
*/
}
@media (max-width:640px){
/* -------------------------------------
KONAMI ロゴ
-------------------------------------- */
header #konami-logo {
background-size:80%;
top:14px;
}
/* -------------------------------------
ヘッダー
-------------------------------------- */
header{
height:195px;
}
header .home_button {
right:0px;
}
header #corporate_name {
width:100%;
}
.message-box img{
width:100%;
display:block;
margin:0px auto 20px;
text-align:center;
}
header nav.content-menu{
padding-top: 90px;
}
header nav.content-menu ul li {
float:left;
display: inline-block;
margin-left: 0px;
width:50%;
padding-left:0px;
background:linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
background:-webkit-linear-gradient(top,#ffffff 0%, #f0f0f0 100%);
border-bottom:1px solid #e2e2e2;
}
header nav.content-menu ul li:nth-of-type(even){
border-left:1px solid #e2e2e2;
}
header nav.content-menu ul li:after{
left:10px;
}
header nav.content-menu ul li:before{
left:10px;
}
header nav.content-menu ul li a{
padding:5px 0px 5px 30px;
display:block;
}
header #corporate_name {
top:50px;
z-index:10;
}
header .back-gradation {
position:absolute;
top:50px;
width:100%;
height:40px;
background-color:#777777;
background:-moz-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
background:-webkit-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
background:linear-gradient(to bottom, #777777 0%, #878787 28%, #666666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777',endColorstr='#666666',GradientType=0);
z-index:1;
}
header #sub_mn #site-nav {
display:table !important;
top:50px;
background:none;
padding:0px;
}
header #sub_mn #site-nav li:first-of-type {
width:250px;
height:40px;
padding-top:0px;
color:#ffffff;
}
header #sub_mn #site-nav li:first-of-type span{
display:table-cell;
width:250px;
height:40px;
background-color:#990014;
text-align:center;
vertical-align:middle;
}
header #sub_mn #site-nav li:nth-of-type(2) {
margin-left:30px;
}
header #sub_mn #site-nav li:nth-of-type(n+2) {
display:inline-block;
width:auto;
float:left;
margin-right:15px;
}
header #sub_mn #site-nav li a{
padding:0px;
padding-left:10px;
border:none;
background-image:url(/img/common/arrow-s.gif);
background-repeat:no-repeat;
background-position:left 5px;
font-size:0.8em;
}
.dataTable{
width:100%;
margin-bottom:30px;
}
.businessList{
padding:24px 0px 24px;
}
.businessList li{
max-width:420px;
display:block;
margin:auto;
}
#dial-box{
display:block;
background:#f5f5f5;
padding:20px 10px;
text-align:center;
}
#dial-box h2{
border:none;
padding:0px;
font-size:1.2em;
color:#000000;
}
#dial-box p:nth-of-type(n+2){
font-size:0.9em;
line-height:1.2em;
}
#dial-box .call{
font-size:1.8em;
color:#000000;
margin-bottom:10px;
}
#dial-box .call img{
width:33px;
height:33px;
margin-right:10px;
vertical-align:text-top;
}
#news-notice .news-table{
margin:2em 0;
}
#news-notice .news-table dl{
display:block;
margin-bottom:0.5em;
}
#news-notice .news-table dl dt, #news-notice .news-table dl dd{
display:block;
padding:0 0.5em;
}
/* 非表示にするもの */
div.menu_btn {
display:none;
}
#footer_lang{
display:none;
}
}