@import url("/ips/css/sphone.css");


#footer {
  display: block;
  margin-top: 20px;
  padding: 20px 0;
  background: #2d2d2d;
  color: #fff;
}
#footer p {
  text-align: center;
}
footer {
  display: none;
}

#sphone{ display:none;}



@media (max-width: 900px) {
  body {
    font-size: 12pt;
  }

  .container {
    padding:0px 10px;
  }

  #triLevelHeaderSuperBanner,
  #triLevelHeaderGlovalnavi01,
  #triLevelHeaderGlovalnavi02,
  #triLevelHeaderGlovalnavi03,
  #triLevelHeaderGlovalnavi04 {
    display: none;
  }

  #triLevelHeader #triLevelHeaderCnt {
    width: 100%;
  }
  
  #triLevelHeader {
    height: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(0.4, rgb(247, 247, 247)));
    background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(247, 247, 247) 40%);
    background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(247, 247, 247) 40%);
    border-bottom: 1pa solid #979797; 
  }
  
  #triLevelHeaderLogo a {
    display: block;
    width: 114px;
    height: 40px;
    text-indent: -9999px;
    background: url(/sphone/images/logo_tvasahi_x2.png) no-repeat 0 50%;
    -moz-background-size   : 114px 24px;
    -webkit-background-size: 114px 24px;
    -o-background-size     : 114px 24px;
    -ms-background-size    : 114px 24px;
    float: left;
    margin-left: 5px;
  }

  #triLevelHeader input.triLevelHeaderTxtField,
  #triLevelHeader input.triLevelHeaderSearchBtn {
    position: static;
  }


  #triLevelHeader form {
    margin: 6px 5px 0 0;
    float: right;
  }

  #triLevelHeader input.triLevelHeaderTxtField {
    width: 100px;
  }

  #triLevelHeader input.triLevelHeaderTxtField {
    height: 25px;
    padding: 0 5px;
    border: 0;
    -webkit-box-shadow: inset 1px 1px 2px 0px #b2b2b2;
    -moz-box-shadow   : inset 1px 1px 2px 0px #b2b2b2;
    box-shadow        : inset 1px 1px 2px 0px #b2b2b2;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(251, 251, 251)),color-stop(1, rgb(223, 222, 222)));
    background-image: -moz-linear-gradient(-90deg,rgb(251, 251, 251) 0%,rgb(223, 222, 222) 100%);
    background-image: linear-gradient(-90deg,rgb(251, 251, 251) 0%,rgb(223, 222, 222) 100%);
    float: left;
  }

  #triLevelHeader input.triLevelHeaderSearchBtn {
    width : 25px;
    height: 25px;
    border: 0;
    text-indent: -9999px;
    cursor: pointer;
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%, 0 0;
    float: right;
  }


  #footer {
    display: none;
  }

  .title3 {
    border-top: 2px solid #B0B4B5;
    padding:0.5em;
  }

  footer {
    display: block;
    background-color: #ffffff;
  }

  #globalNavi {
    background-color: #b0b4b5;
    padding: 2px 3px;
  }

  #globalNavi li {
    float: left;
    width: 25%;
  }
  #globalNavi li a {
    display: block;
    height: 44px;
    text-indent: -9999px;
    margin: 1px;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    -webkit-box-shadow: inset 0px 0px 6px 0px #555;
    -moz-box-shadow   : inset 0px 0px 6px 0px #555;
    box-shadow        : inset 0px 0px 6px 0px #555;
    border-top   : solid 1px #505151;
    border-right : solid 1px #C8CBCB;
    border-bottom: solid 1px #D2D4D4;
    border-left  : solid 1px #747777;
    background-repeat: no-repeat, repeat;
    -moz-background-size   : 100px 400px, auto;
    -webkit-background-size: 100px 400px, auto;
    -o-background-size     : 100px 400px, auto;
    -ms-background-size    : 100px 400px, auto;
    background-image: url(/sphone/images/btn_global_navi_x2.png), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(165, 164, 164)),color-stop(1, rgb(120, 119, 119)));
    background-image: url(/sphone/images/btn_global_navi_x2.png), -moz-linear-gradient(-90deg,rgb(165, 164, 164) 0%,rgb(120, 119, 119) 100%);
    background-image: url(/sphone/images/btn_global_navi_x2.png), linear-gradient(-90deg,rgb(165, 164, 164) 0%,rgb(120, 119, 119) 100%);
  }

  #globalNavi li a:hover,
  #globalNavi li a:active {
    background-image: url(/sphone/images/btn_global_navi_x2.png), -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(30, 161, 181)),color-stop(1, rgb(20, 113, 144)));
    background-image: url(/sphone/images/btn_global_navi_x2.png), -moz-linear-gradient(-90deg,rgb(30, 161, 181) 0%,rgb(20, 113, 144) 100%);
    background-image: url(/sphone/images/btn_global_navi_x2.png), linear-gradient(-90deg,rgb(30, 161, 181) 0%,rgb(20, 113, 144) 100%);
  }


  a.gNaviBangumi { background-position: 50%   -3px, top left;}
  a.gNaviNews    { background-position: 50%  -53px, top left;}
  a.gNaviDrama   { background-position: 50% -103px, top left;}
  a.gNaviVariety { background-position: 50% -153px, top left;}
  a.gNaviMusic   { background-position: 50% -203px, top left;}
  a.gNaviSports  { background-position: 50% -253px, top left;}
  a.gNaviAnime   { background-position: 50% -303px, top left;}
  a.gNaviCooking { background-position: 50% -353px, top left;}


  #toRoot {
    padding: 20px 0;
    text-align: center;
  }

  #toRoot a:link,
  #toRoot a:visited {
    padding: 0.3em 1em;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(211, 211, 211)));
    background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
    background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    text-shadow   : 0px 1px 0px rgb(255, 255, 255);
    -ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
    color: #4c4c4c;
    border: solid 1px #a6a6a6;
  }

  #copyright {
    margin-top: 10px;
    text-align: center;
    font-size: 0.5em;
    background: #434343;
    padding: 10px;
    color: #fff;
  }
  
  #switchSphone2PC {
    text-align: center;
  }
  #switchSphone2PC a {
    color: #01b1d3;
  }


/*ips*/
  #wapper{ display:none;}
	#copy{display:none;}
	body{ background-image:none; overflow:auto;}
	#sphone{ display:block;}
	#sphonemenu li{ border-bottom:2px dotted #ccc; padding:5px 0 0 0;}


}