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

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

  #wrapper {
	color: #333;
	font-size: 14px;
	line-height: 1.6em;
	position: relative;
  }

  .aboutdiv,
  .shiyo,
  .howto,
  .os {
    background-image: none;
  }
  .textDiv1,
  .textDiv2,
  .textDiv3,
  .textDiv4 {
    width: auto;
    padding: 0px;
  }


#sns {
    position: relative;
    text-align: left;
    padding-top: 0px;
    padding-left: 0px;
    top: 0;
}
#sns .sns {
    padding: 0px;
  }
#sns .sns li.tweet_btn {
    width: 100px;
  }
.sns {
  padding: 0 10px 0; 
}
  
  
  
#sphoneTit {
	width: 100%;
	background: url(../img/pc_menu_back.jpg) repeat-x Center Top;
	min-width: 320px;
	position:static;
	height:140px;
	text-align:center;
}
#sphoneTit img {
	margin: 0;
	padding:0;
	border:none;
	height:140px;
	width:220px;
}


#main {
	width: 100%;
	top: 140px;
	background: #FFF url(../img/pc_title_back.jpg) repeat-x Center Top;
	min-width: 100%;
	position:static;
}
#infoArea {
	width: 100%;
	height: 130px;
	margin: 0 0 0 0;
	background: url(../img/info_back.gif) repeat Center Top;
	min-width: 100%;
	position: static;
	top: 140px;
}
#infoMain {
	margin: 0 auto;
	padding: 20px 0px 0 0px;
}


#smeBnr {
	margin: 0 0 20px 20px;
	padding:0;
	float:none;
	height:45px;
	width:180px;
	line-height:1.3em;
	font-size:9px;
	color:#CCC;
}
#smeBnr p {
	margin: 2px 0 0 0;
	padding:0;
}
#smeBnr img {
	margin: 0;
	padding:0;
	height:45px;
	width:180px;
}


/* MENU AREA */
#menuArea {
	position: static;
	width: 100%;
	min-width: 100%;
	top: 0px;
	left: 0px;
	background: url(../img/sp_menu_back.jpg) repeat Center Top;
}
#menuArea ul {
	width: 100%;
	margin: 0 auto;
	padding:16px 0;
	position: static;
	height: auto;
}
#menuArea ul #menuLogo,
#menuArea ul #menuPapa,
#menuArea ul #menu1,
#menuArea ul #menu2,
#menuArea ul #menu3,
#menuArea ul #menu4,
#menuArea ul #menu5,
#menuArea ul #menu6,
#menuArea ul #menu7,
#menuArea ul #menu8,
#menuArea ul #menu_top,
#menuArea ul #menuMusuko {
	position: static;
	margin: 6px 10px;
	padding: 0;
	border: 2;
	line-height: 0px;
	background:url(../img/sp_menu_btn.jpg) repeat Right Center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.8),inset 1px 1px 2px rgba(255,255,255,0.8);
}
#menuArea ul li img {
padding:10px;
}

#menuArea ul #menuLogo{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menuPapa{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu1{
	
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu2{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu3{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu4{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu5{
	margin:16px 10px 6px 10px;
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu6{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu7{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu8{
	left: 0px;
	top: 0px;
	display: none;
}
#menuArea ul #menu_top{
	left: 0px;
	top: 0px;
	margin:16px auto 6px auto;
	width:200px;
	background:url(../img/sp_menu_btn.jpg) repeat Left Center;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.8),inset 1px 1px 2px rgba(255,255,255,0.8);
	text-align:Center;
}
#menuArea ul #menuMusuko{
	left: 0px;
	top: 0px;
	display: none;
}
.imgPc{
	display: none;
}
.imgSp{
	display: block;
}
}