.sphone-oubo,
#sphone-header,
#sphone-footer {
  display: none;
}

a:link {
  color: orange;
}

a:hover {
  color: orange;
  text-decoration: none;
}

a:visited {
  color: #ffc31e;
}

a:active {
  color: #ffe13c;
}

#wrapper {
  font-size: 16px;
  line-height: 1.8em;
}

#container {
  width: 100%;
  background: #fffefd;
}
#container h1 {
  background: #cc0000;
  background-size: auto 100%;
  width: 100%;
  text-align: center;
}
#container h1 img {
  width: 100%;
  max-width: 800px;
  height: auto;
  width: auto;
  /*IE8*/
}

.main {
  margin: 0 auto;
  padding-bottom: 20px;
  color: black;
  max-width: 800px;
}
.main p {
  padding: 10px 20px;
}
.main p.str {
  font-size: 110%;
  color: red;
  font-weight: bold;
}
.main p.image {
  text-align: center;
}
.main p.image img {
  width: 90%;
  max-width: 580px;
  height: auto;
  width: auto;
  /*IE8*/
}
.main p.oubo {
  float: right;
  width: 250px;
  text-align: center;
  background: #ff9595;
  border: 5px solid white;
  margin-right: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid #cc0000;
  margin-left: 10px;
}
.main p.oubo img {
  padding: 3px;
}
.main ul {
  padding: 10px 20px 10px 40px;
  list-style-type: circle;
}
.main .att {
  font-size: 80%;
}
.main .att span.tit {
  text-align: center;
  font-weight: normal;
  font-size: 120%;
  display: block;
  background: #EDC28C;
  padding: 5px;
  margin: 10px 0;
}
.main .sns {
  float: right;
  padding: 20px 20px 0 0;
}
.main .sns li {
  list-style-type: none;
}
.main .present {
  clear: both;
  text-align: center;
  width: 100%;
  background: #fff2f2;
  border: 5px #cc0000 solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.main .present h2 {
  background: #cc0000;
  font-size: 120%;
  color: #ffffff;
  padding: 3px;
  text-align: center;
}
.main .present h2 span {
  color: #ffff00;
}
.main .present ul {
  width: 100%;
  padding: 10px 0;
}
.main .present ul li {
  width: 40%;
  display: inline-block;
  list-style-type: none;
  font-size: 90%;
  line-height: 1.5em;
  padding: 2%;
}
.main .present ul li .tit {
  display: block;
  text-align: center;
  font-size: 120%;
  color: #ff0000;
  font-weight: bold;
}
.main .present ul li img {
  width: 100%;
}
.main .present ul li:first-child {
  margin-right: 5%;
}
.main .present ul li:nth-last-child(1) {
  border-right: none;
}

/*clearfix*/
.main .clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.main .clearfix {
  display: inline-block;
  clear: both;
}

.pc-footer {
  text-align: center;
  background: #fff;
  border: 1px solid #cccccc;
  font-weight: bold;
  padding: 20px 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.pc-footer img {
  vertical-align: middle;
}

@media screen and (max-width: 770px) {
  #common-header,
  .init-ad-wrapper,
  .oubo,
  .pc-footer,
  #footer {
    display: none;
  }

  .sphone-oubo,
  #sphone-header,
  #sphone-footer {
    display: block;
  }

  #wrapper {
    font-size: 14px;
    line-height: 1.7em;
  }

  #container h1 img, .main p.image img {
    width: 100%;
  }

  .att {
    line-height: 1.7em;
  }

  .sns {
    float: left;
    position: relative;
    text-align: left;
    padding-top: 0px;
    padding-left: 10px;
    top: 0;
  }
  .sns li#tweet_btn, .sns li#facebook_btn {
    width: 37%;
  }

  .present {
    text-align: center;
    width: 84%!important;
    background: #ffffff;
    border: 2px #7e5012 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: 7%;
  }
  .present h2 {
    background: #7e5012;
    font-size: 120%!important;
    color: #ffffff;
    padding: 3px;
    font-weight: bold;
  }
  .present ul {
    width: 100%;
    padding: 10px;
  }
  .present ul li {
    width: 90%!important;
    margin: 0 auto;
    padding: 5%;
    display: block;
    float: none!important;
    border-bottom: 1px red dotted;
    border-right: 0!important;
    list-style-type: none;
  }
  .present ul li .tit {
    display: block;
    font-size: 140%;
    color: #ff0000;
    font-weight: bold;
  }
  .present ul li img {
    width: 80%!important;
    margin-left: 10%;
  }
  .present ul li:nth-last-child(1) {
    border-bottom: none;
  }
}
/* sphone head foot default css */
#sphone-header {
  height: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.4, #f7f7f7));
  background-image: -moz-linear-gradient(-90deg, white 0%, #f7f7f7 40%);
  background-image: linear-gradient(-90deg, #ffffff 0%, #f7f7f7 40%);
  border-bottom: 1pa solid #979797;
  width: 100%;
}

#tvasahiLogo a {
  display: block;
  width: 114px;
  height: 40px;
  text-indent: -9999px;
  -moz-background-size: 114px 24px;
  -webkit-background-size: 114px 24px;
  -o-background-size: 114px 24px;
  -ms-background-size: 114px 24px;
  background-image: url(/sphone/images/logo_tvasahi_x2.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  float: left;
  margin-left: 5px;
}

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

#search #inputKeyword {
  width: 100px;
}

#inputKeyword {
  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, #fbfbfb), color-stop(1, #dfdede));
  background-image: -moz-linear-gradient(-90deg, #fbfbfb 0%, #dfdede 100%);
  background-image: linear-gradient(-90deg, #fbfbfb 0%, #dfdede 100%);
  float: left;
}

#submitKeyword {
  width: 25px;
  height: 25px;
  border: 0;
  text-indent: -9999px;
  cursor: pointer;
  background-image: url(/sphone/common_program/images/btn_submit.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #656d77), color-stop(1, #3a3e44));
  background-image: url(/sphone/common_program/images/btn_submit.png), -moz-linear-gradient(-90deg, #656d77 0%, #3a3e44 100%);
  background-image: url(/sphone/common_program/images/btn_submit.png), linear-gradient(-90deg, #656d77 0%, #3a3e44 100%);
  background-repeat: no-repeat, repeat;
  background-position: 50% 50%, 0 0;
  float: right;
}

#sphone-footer {
  background-color: #ffffff;
}

#sphone-footer p.txt {
  margin-top: 20px;
  text-align: center;
  font-size: 80%;
  line-height: 1.2em;
  color: #3b3b3b;
}

#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 #555555;
  -moz-box-shadow: inset 0px 0px 6px 0px #555555;
  box-shadow: inset 0px 0px 6px 0px #555555;
  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, #a5a4a4), color-stop(1, #787777));
  background-image: url(/sphone/images/btn_global_navi_x2.png), -moz-linear-gradient(-90deg, #a5a4a4 0%, #787777 100%);
  background-image: url(/sphone/images/btn_global_navi_x2.png), linear-gradient(-90deg, #a5a4a4 0%, #787777 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, #1ea1b5), color-stop(1, #147190));
  background-image: url(/sphone/images/btn_global_navi_x2.png), -moz-linear-gradient(-90deg, #1ea1b5 0%, #147190 100%);
  background-image: url(/sphone/images/btn_global_navi_x2.png), linear-gradient(-90deg, #1ea1b5 0%, #147190 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 {
  width: 80%;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  margin: 0.5em auto;
  padding: 0.5em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, lightgrey));
  background-image: -moz-linear-gradient(top, white 0%, lightgrey 100%);
  background-image: linear-gradient(top, #ffffff 0%, #d3d3d3 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0px 1px 0px white;
  -ms-box-shadow: -2px -2px 2px rgba(51, 51, 51, 0.5);
  color: #4c4c4c;
  border: solid 1px #a6a6a6;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  display: block;
}

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


.present_text{ font-weight: bold;}