@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FF0;
	margin:0;
	padding:0;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height:1.5em;
}

#head, #btn, #sns, #story, #bookstore{
	width:100%;
	max-width:845px;
	margin: 0 auto;
}



#head img, #btn img, #sns img, #story img{
	display:block;
	width:100%;
	height:auto;
	}
	
	
#btn {
}



a{
	text-decoration: none;
	border:none;
	
}


a:hover {
	position:relative;
    top:2px;
    left:1px;}




#sns{
	
}


#bookstore{padding:1em 0;}
	

.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
}


#home {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
}

#home a {
	color: #666;
	text-decoration: none;
}





footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	background-color: #666;
	width: 100%;
	text-align: center;
}
  @media screen and (min-width: 720px) {
	  
    footer {
      width: 100%;
      margin: -2px auto 0; } }
	  
  @media screen and (max-width: 720px) {
	  
	 #head, #btn, #story, .sns{
	width:100%;
}
   
	  
    footer {
      margin-top: -2px; } }
  footer .footer_nav {
	background-color: #fff;
}
    footer .footer_nav ul {
      text-align: center;
      padding: 10px 0; }
      footer .footer_nav ul li {
        display: inline-block;
        font-size: 12px;
        padding: 0 10px;
        border-left: 1px solid #ccc; }
        footer .footer_nav ul li:last-child {
          border-right: 1px solid #ccc; }


@media screen and (max-width: 720px) {
          footer .footer_nav ul li:nth-child(1) {
            margin-bottom: 10px; }
          footer .footer_nav ul li:nth-child(2) {
            margin-bottom: 10px;
            border-right: 1px solid #666; } }
        footer .footer_nav ul li a {
	color: #666;
	text-decoration: none;
}

footer .copyright {
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px; }
	
@media screen and (max-width: 700px) {
	
.sns a img {
	display:block;
	width: 180px;
	height: auto;
	margin:10px auto;
}
}