@charset 'utf-8';

/* reset */
* { margin:0; padding:0;}

/* clearfix */
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:'';
clear: both;
height:0;
}
img { border:0;}
body {
position:relative;
background-image: url( ../image/haikei.gif );
background-repeat: repeat;
font-size:14px; line-height:1.2;
color:#666;
padding:0; margin:0;
}
a:link, a:visited { color:#06C;}
a:hover, a:active { color:#39F;}

.container {
width:1000px;
background:#FFF;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
box-shadow:0 0 30px #666;
padding:0; margin:auto;
}

#bluebar {
position:absolute; left:0; right:0; top:0; z-index:1000;
width:100%; height:25px;
background:#144b7f;
}

/* heaer */
.index_header { position:relative; padding-top:29px; margin:0 30px 2px;}

h1.d4logo {
width:450px; height:112px; overflow:hidden;
background:url(/image/d4logo.gif) no-repeat left center;
line-height:300px;
}

.index_header img { display:block; margin-bottom:8px;}

ul#nav { list-style:none;}
ul#nav li {
float:left;
width:24%; /* menu_4 */
margin:0 1% 10px 0; /* menu_4 */
border:1px solid #808080;
box-shadow:1px 1px 1px #999;
border-radius:2px;
background: linear-gradient(to top, rgb(154, 154, 154) 0%, rgb(187, 187, 187) 50%, rgb(220, 220, 220) 100%);
}

ul#nav li:last-child { margin:0 0 10px;}
ul#nav li a {
display:block;
height:46px;
background:url(/image/top_menu_bg.png) repeat-x top center;
color:#fff; font-size:18px; line-height:48px; font-weight:bold; text-decoration:none; text-align:center;
text-shadow:1px 1px 1px rgba(255,255,255,50%),-1px -1px 1px rgba(0,0,0,50%);
font-family:"Meiryo";
border:1px solid #fff;
margin:2px;
}
ul#nav li a:hover { background-image:url(/image/top_menu_bg_hover.png);}
ul#nav li:active { box-shadow:none;}

/* hero */
.hero,
.hero * {
box-sizing:border-box;
margin:0; padding:0;
outline:none;
}
.hero .item { position:relative; min-width:400px; overflow:hidden;}
.hero .item img.main { position:relative; height:300px;}
.hero .item img.blur {
position:absolute; left:50%; top:50%;
display:block; width:105%; height:105%;
transform:translate(-50%,-50%); filter:blur(4px) brightness(50%);
}
.hero .item.out img.main { filter:brightness(50%);}
.hero .item.out img.blur {  filter:blur(4px) brightness(25%);}
.hero .slick { background:#000; overflow:hidden; line-height:1; text-align:center;}
.hero .item a { position:relative; display:block; height:100%; text-decoration:none !important;}
.hero .item p {
position:relative;
height:2em; overflow:hidden;
background:rgb(0,0,0,75%);
font-size:14px; color:#FFF; white-space:nowrap; text-overflow:ellipsis;
padding:0.5em 1em;
}
@media screen and ( max-width:768px ){ .hero .item p { font-size:12px;}}
@media screen and ( max-width:599px ){ .hero .item img.main { height:50vw;}}
/* hero */

/*　最新情報　*/
.info { margin:16px;}
.info a:first-child { text-decoration:none;}

h3 {
padding:5px 15px;
color:#FFF;
font-weight:bold;
background-image:url(../image/info_bg.gif);
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}

.info_article {
margin:0;
padding:5px 5px 5px 10px;
border:#486e95 1px solid;
background:#FFF;
position:relative;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

.info_article ul {
list-style:none;
line-height:1.5em;
}

a.rss {
position:absolute; right:5px; top:5px;
overflow:hidden;
display: block;
width:12px; height:12px;
background-image:url(../image/feed-icon-12x12.gif);
line-height:300px;
padding:0; margin:0;
}

a:hover.rss { background-position: 0px 12px;}
a.all { position:absolute; right: 5px; bottom:5px; display:block;}

h4 { display:none;}

.service_list{
width:866px;
margin:20px auto 0;
}

#list1 {
width:276px;
background:#CCC;
border-radius:6px;
padding:3px 0 0 4px;
float:left;
}

#list1 a {
display:block;
line-height:250px;
overflow:hidden;
width:134px;
height:64px;
background-position:top center;
margin:0 4px 10px 0;
float:left;
border-radius:5px;
}

#list1 a:hover { background-position:bottom;}

#ac { text-align: center; padding-right: 3px;}
#ac img{
width:272px;
border-radius:6px;
margin-bottom:10px;
}

#egg a      { background-image:url('../img/home/btn/egg.gif');}
#eggmusic a { background-image:url('../img/home/btn/emusic.gif');}
#acmall a   { background-image:url('../img/home/btn/acmall.gif');}
#falcom a   { background-image:url('../img/home/btn/falcom.gif');}
#compile a  { background-image:url('../img/home/btn/compile.gif'); margin-bottom:3px;}
#com_mall a { background-image:url('../img/home/btn/com_mall.gif');
background-repeat:no-repeat;
width:272px;
margin:0 4px 4px 0;
}

#list2,#list3 {
width:280px;
margin-left:13px;
float:left;
}

#list2 a,#list3 a {
display:block;
line-height:250px;
overflow:hidden;
width:280px;
height:70px;
margin-top:0;
margin-bottom:4px;
}

#list2 a:hover,
#list3 a:hover { background-position:0 70px;}

#wiiumsx a { background-image:url('../img/home/btn/wiiuvc_msx.gif');}
#vca a     { background-image:url('../img/home/btn/vc_arcade.gif');}
#neogeo a  { background-image:url('../img/home/btn/vc_neogeo.gif');}
#vcmsx a   { background-image:url('../img/home/btn/vc_msx.gif');}

.gurucopy { font-size: 10px; line-height:9px; text-align:right;}

#msxiphone a { background-image:url('../img/home/btn/msxiphone.jpg');}
#picopico a  { background-image:url('../img/home/btn/picopico.jpg');}

#p_msx { clear:both; padding:0px 0 20px;}

#p_msx a {
display:block;
line-height:250px;
overflow:hidden;
width:280px;
height:70px;
background-image:url('../img/home/btn/projectegg.gif');
margin:0px auto;
}

#p_msx a:hover { background-position:0 70px;}

a.service {
display:block;
overflow:hidden;
line-height:150px;
width:90px;
height:20px;
background-image:url('../img/home/sarv_goto_button.gif');
margin:0px auto 20px;
}

a:hover.service { background-position:0 20px;}
.service_list .text{ display:none;}

/*　フッター　*/

h2.teikei {
visibility:visible;
text-align:center;
font-size:10px; height:1.4; text-decoration:none; font-weight:100;
}
.pagetop { display:none;}

.index_footer {
margin:0;
clear:both;
padding-bottom:40px;
text-align:center;
}

.footer {
background-image: url(../image/index_footer.gif);
position:relative;
width:100%;
height:37px;
overflow:hidden;
margin-bottom:10px;
}

.footer ul {
list-style: none;
position:relative;
left:50%;
float:left;
}

.footer li {
float:left;
position:relative; left:-50%;
padding:0;
}

.footer li a {
display: block;
width:74px; height:37px; overflow:hidden;
line-height:300px;
margin:0 22px;
}

li#tieupnint a { background-image: url(../image/index_footer_nintendo.gif);}
li#tieupkotobukiya a { background-image: url(../image/index_footer_kotobukiya.gif);}

li#tieupaccs a {
display:block;
width:67px; height:37px; overflow:hidden;
background-image: url(../image/index_footer_accs.gif);
line-height:300px;
margin-left:350px;
}

a.support { text-decoration:none;}
a.support:hover { text-decoration:underline;}

.copy {
width:1000px;
font-size: 10px; text-align: center;
margin:10px 0 0;
}

.bluebar2 {
width:100%; height:25px;
background:#144b7f;
position:absolute; left:0; right:0; bottom:0;
z-index:900;
text-align:center;
color:#FFF;
padding-top:5px;
font-size:12px;
}


@media screen and (max-width: 1000px) {
.container { width: 100%; border:none;}
h1.d4logo { width:45%; background-size:contain;}
ul.slides li img { width:auto; height:auto;}
.info_article { padding:5px 35px 5px 10px;}
ul#nav li a { font-size:16px;}
}

@media screen and ( max-width: 926px ){
.index_header { margin:0 20px 10px;}
.info { margin:20px;}
.service_list { width:auto; margin:20px 20px 0;}
}

@media screen and ( max-width: 921px ){
.service_list { width:570px; margin:20px auto 0;}
#list1 { float:none; margin:0 auto 10px;}
#list2 { margin-left:0;}
#list3 { margin-left:10px;}
}

@media screen and ( max-width:900px ){
h1.d4logo { position:static; width:450px; float:none;}
}

@media screen and ( max-width: 850px ){
ul#nav { max-width:400px; margin:10px auto 0;}
ul#nav li { width:100%; margin:0 0 4px;}
ul#nav li a { font-size:18px;}
}

@media screen and ( max-width:640px ){
.index_header {
margin:0 3% 10px;
padding-top:35px;
}
h1.d4logo {
width:auto;
max-width:450px;
height:90px;
background-position:center center;
margin-bottom:5px;
}
h4 {
border-left:5px solid #036;
padding-left:5px;
color:#036;
font-weight:bold;
font-size:1.3em;
margin-bottom:10px;
}
.info { margin:10px 3%;}
.info_article { padding:5px 15px 5px 10px;}
.service_list { width:auto; margin:0 3%;}

#list1,#list2,#list3{
width:auto;
background:none;
float:none;
}
#list2 a,#list3 a { margin:0 auto 3px;}
.mb_list {
width:100%;
border-bottom:1px dashed #CCC;
margin-bottom:15px;
}

#list1 a {
float:none;
width:280px;
margin:0 auto;
}
#ac a{ background-image:url(../image/iphonebtn_ac.gif);}
#egg a { background-image:url(../image/iphonebtn_egg.gif);}
#eggmusic a {background-image:url(../image/iphonebtn_emusic.gif);}
#acmall a { background-image:url(../image/iphonebtn_acmall.gif);}
#falcom a { background-image:url(../image/iphonebtn_falcom.gif);}
#compile a { background-image:url(../image/iphonebtn_compile.gif);}
#p_msx { padding-top:0px;}

.service_list h5{
text-align:center;
font-weight:bold;
font-size:1.2em;
margin-bottom:5px;
color:#0168CC;
}

.service_list .text {
display:block;
width:94%;
text-align:center;
padding:7px 0;
}

.gurucopy { display:none;}

a.service { display:none;}

}