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

#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;
}

#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, #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 {
  padding: 0.5em 1.8em;
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, lightgrey));
  background-image: -moz-linear-gradient(-90deg, white 0%, lightgrey 100%);
  background-image: linear-gradient(-90deg, #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;
}

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

a:link {
  color: orange;
}

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

a:visited {
  color: #ffc31e;
}

a:active {
  color: #ffe13c;
}

/*clearfix*/
section {
  zoom: 1;
}

section:after {
  content: "";
  display: block;
  clear: both;
}

.block {
  zoom: 1;
}

.block:after {
  content: "";
  display: block;
  clear: both;
}

#wrapper {
  background: url(../img/bg_tile.png);
  color: #fff;
  font-size: 16px;
  line-height: 1.8em;
}

#sb-container {
  display: none;
}

#main {
  background: url(../img/main.jpg) top center repeat-x;
}
#main a:hover img {
  padding-top: 1px;
  margin-bottom: -1px;
}

.mainVisual {
  width: 950px;
  height: 530px;
  margin: 0 auto;
  position: relative;
}

.mainVisual .mainlogo {
  padding-top: 80px;
  padding-left: 90px;
}
.mainVisual .maintitle {
  padding-top: 15px;
  padding-left: 76px;
}


.mainVisual #sns {
  padding-top: 40px;
}
.mainVisual .readimg {
  position: absolute;
  top: 520px;
  right: 0px;
  width: 503px;
}

.playbtn {
  text-align: center;
}

.block {
  width: 950px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.block2 {
  width: 860px;
  margin: 0 auto;
}

.block3 {
  width: 950px;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 60px;
}

.block4 {
  width: 950px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.aboutdiv {
  background: url(../img/bg_blackTop.png) repeat-x black;
  padding-top: 30px;
}

.imgsample {
  display: block;
  float: right;
}

.imgphone {  
  display: block;
  float:right;

}

section.catch{
  padding-bottom: 30px;
}

img.img100{
  display: block;
  float: left;
}

img.qr{
  float: right;
}


.textDiv {
  float: left;
}

.hl {
  display: block;
  margin: 0 0 12px -8px;
}

.textDiv1 {
  width: 520px;
}

.textDiv2 {
  width: 500px;
}

.textDiv3 {
  padding-top: 25px;
  width: 560px;
}

.textDiv4 {
  width: 520px;
}

.blacktop {
  display: block;
}

.howto {
  padding-bottom: 40px;
}

.hl0 {
  padding-top: 35px;
}

.shiyo {
  background: url(../img/bg_blackTop.png) repeat-x black;
}

.leftdiv {
  width: 560px;
  float: left;
}

.rightdiv {
  width: 355px;
  float: right;
  padding-bottom:70px;
}

.mintext {
  font-size: 12px;
}

.qrdiv {
  padding-top: 40px;
  text-align: center;
}
.qrdiv img {
  margin: 0 10px;
}

@media screen and (max-width: 770px) {
  #common-header,
  .init-ad-wrapper,
  .playbtn,
  .qr,
  .imgphone,
  .moyasecosmo,
  .copyrightDiv,
  #footer {
    display: none;
  }

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

  #main {
    background: none;
  }

  .aboutdiv,
  .shiyo,
  .howto,
  .os {
    background-image: none;
  }

  .textDiv1,
  .textDiv2,
  .textDiv3,
  .textDiv4 {
    width: auto;
    padding: 0px;
  }

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

  .mainVisual {
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
  }
  .mainVisual .maintitle {
    padding: 10px;
    text-align: center;
  }
  .mainVisual .maintitle img {
    width: 100%;
    max-width: 503px;
  }

  .mainVisual .mainlogo {
    padding: 10px;
    text-align: left;
  }
  .mainVisual .mainlogo img {
    width: 100%;
    max-width: 200px;
  }


  .mainVisual #sns {
    position: relative;
    text-align: left;
    padding-top: 0px;
    padding-left: 0px;
    top: 0;
  }
  .mainVisual #sns .sns {
    padding: 0px;
  }
  .mainVisual #sns .sns li.tweet_btn {
    width: 100px;
  }
  .mainVisual .readimg {
    position: relative;
    top: 0px;
    right: 0px;
    width: auto;
    text-align: center;
    padding: 10px;
  }


  .mainVisual .readimg img {
    width: 100%;
    max-width: 503px;
  }

  .spbtnread {
    width: auto;
    padding: 10px;
  }

  .block {
    width: auto;
    padding: 10px;
  }

  .block2 {
    width: auto;
    padding: 0px 10px 0px 10px;
  }  
  .block {
    width: auto;
    padding: 10px;
  }

  .block3 {
    width: auto;
    padding: 10px;
  }

  .block4 {
    width: auto;
    padding: 20px;
  }

  .hl {
    width: 100%;
    max-width: 500px;
  }

  .img100 {
    width: 100%;
    max-width: 500px;
    display: block;
  }

  .imgsample {
    width: 95%;
    max-width: 320px;
    float: none;
    margin: 0 auto;
    padding-top: 15px;
  }

  .imgsample2 {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;

  }

  .hl0 {
    padding-top: 0px;
    margin-left: 0px;
  }
  .hl0 img {
    height: 30px;
    padding-top: 12px;
  }

  .shiyo {
    padding-bottom: 20px;
  }

  .spbtn {
    padding: 5px 0px 15px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    width: 90%;
    margin: 10px auto 0px auto;
    border: 2px solid #FFF;
    text-shadow: 0px 2px 0px #000;
    color: #FFF !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5MDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e10000), color-stop(100%, #690000));
    background-image: -webkit-linear-gradient(top, #e10000, #690000);
    background-image: -moz-linear-gradient(top, #e10000, #690000);
    background-image: -o-linear-gradient(top, #e10000, #690000);
    background-image: linear-gradient(top, #e10000, #690000);
  }

  .exbtn {
    font-size: 16px;
    line-height: 1.1em;
    padding: 10px 0px 5px 0px;
    font-weight: normal;
    text-shadow: 0px 1px 0px #000;
  }
  .exbtn span {
    font-size: 10px;
    color: #FFF;
    text-shadow: none;
  }

  .leftdiv {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .rightdiv {
    width: 100%;
    float: none;
  }
}