@charset "utf-8";

/*-----------------------------------
NHKサービスセンター CSS
index.html
------------------------------------*/

.pc-none {display: block;}
span.pc-none {display: inline;}
/*--------
common
---------*/
#nav{width:auto; left: 0;top: 0;}

h1 img.menu-btn {
  display: block;
}

#nav nav{width:auto; padding-left:0;}

#nav nav .nav01 {
  padding-top: 0;
}

#nav nav .nav01 li {
  border-bottom: none;
}

#nav nav .nav01 li:last-child {
  border-bottom: none;
}

#nav nav .nav02 {
  padding-top: 0;
}

#nav nav .nav02 li {
  border-bottom: none;
  font-size: 100%;
}

#nav nav .nav02 li:last-child {
  border-bottom: none;
}

#nav nav .nav03 {
  margin-top: 0;
  width: auto;
}
#nav nav .nav03 a{display:block; height:auto; text-indent: 0; background: none;}

#nav nav .nav04 {
  padding-top: 0;
}

#nav nav .nav04 li{margin-bottom: 0;}



#contents{margin-left: 0; padding-top: 0; background: none;}

body.smt #contents{width: auto;}

#footer{background: none; color: #fff; font-size: 100%;  line-height: 120%; padding: 0;}
#footer .nav ul li{float:none; padding-right:0; margin-right:0; border-right:none;}
#footer .nav ul li:last-child{border-right:none;}
#footer #copyright{clear:both; padding-top:0; font-size:1em;}


/*--------
grid-content
---------*/
#grid-content .box{margin:0;line-height:1.3em; background:none; color:#666;  font-size:100%;}
#grid-content .box a{ font-size:100%; }
#grid-content #main,
#grid-content #topics{border:none; color:#666; text-decoration:none;}
#grid-content .contents a,
#grid-content .pickup a{border:none; color:#666; text-decoration:none; display:block;}

/* box-main */
#grid-content #main{
  width: auto;
  height: auto;
  overflow:hidden;
}

/* box-topics */
#grid-content #topics{width:auto !important; height:auto !important; overflow:hidden;}
#grid-content #topics h2{margin: 0; height: auto; overflow:hidden; font-size:0px; line-height:0;}
#grid-content #topics .inner{padding:0; margin:0; height: auto; overflow:auto;}
#grid-content #topics dl dt{width:auto;}
#grid-content #topics dl dd{padding-left:0; margin-top:0; padding-bottom:0; margin-right:0;}
#grid-content #topics dl dd a{color:#1a81aa; text-decoration:none;}
#grid-content #topics dl dd a:hover{text-decoration:underline;}

/* box-contents */
#grid-content .contents {
  width: auto;
  box-shadow: none;
}
#grid-content .contents a{width: auto;}
#grid-content .contents h2 {
  margin: 0;
  height: auto;
/*  overflow:hidden; */
  border-bottom: none;
  font-size: 100%;
  font-weight: bold;
}

#grid-content .contents .inner {
  width: auto;
  margin: 0;
}

#grid-content .contents .image {
  width: auto;
  float: none;
}

#grid-content .contents .text {
  width: auto;
  float: none;
}

/* box-pickup */
#grid-content .pickup a{width: auto; height: auto; position:relative;}
#grid-content .pickup h2{position:static; top:0; left:0;}
#grid-content .pickup .inner{width:auto; padding-top:0; margin:0;}
#grid-content .pickup .image{width:auto; height:auto; overflow:hidden;}


/* banner-content */
#banner-content{clear:both;}
#banner-content ul li{float:left; margin:0;}
#banner-content ul li a{display:block; padding:0; border:none; background:#fff;}
#banner-content ul li a:hover{border-color:#661C71;}
#banner-content ul li.sizeS{margin-top:0;}