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

body {
	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;

background: #eaf6e1; /* Old browsers */
background: -moz-linear-gradient(top,  #eaf6e1 1%, #9dd9ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eaf6e1 1%,#9dd9ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eaf6e1 1%,#9dd9ff 100%);
background-attachment: fixed;

}

#head .cover,
#page img{
	padding:0;
	background:#FFF;
	margin:1em auto;
    border:solid 1px #ccc;
    display: block;
    width:90%; max-width: 640px;
    height:auto;
}

#page img.spread{max-width: 980px;}


h2{color:#ff6c8f; text-align: center; line-height: 1.5em; margin: 1em}

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

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

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






.link a img {
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


.link {
	text-align: center;
	padding-top:1em;
	margin:auto;
}

a:hover img{
	opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}

.link a:hover img  {
position:relative;
top: 3px;
}


#additional{display: flex}


.sns{
	text-align:right;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.sns span{ display:inline-block; width:82px;}
	

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


.bookstore {
	text-align: center;
	margin-top: 40px;
	max-width: 780px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.bookstore a{display: inline-block; padding:3px 6px; margin:5px; border:solid 1px #9fb5d4;}
.bookstore a:hover{background: #fff}

.bnr{width:80%; max-width:480px; height:auto; display: block; margin:1em auto;}

.owabi{width:90%; max-width:480px; margin:1em auto; border:solid 1px #f00; background:#fff; padding:1em }

@media screen and (max-width: 480px){

.owabi{width:90%; max-width:320px; font-size:10px; line-height:1.5em;}

}


footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #999;
	background-color: #FFF;
	width: 100%;
	text-align: center;
}
  @media screen and (min-width: 768px) {
    footer {
      width: 100%;
      margin: -2px auto 0; } }
  @media screen and (max-width: 767px) {
    footer {
      margin-top: -2px; } }
  footer .footer_nav {
	background-color: #CCC;
}
    footer .footer_nav ul {
      text-align: center;
      padding: 15px 0; }
      footer .footer_nav ul li {
        display: inline-block;
        font-size: 13px;
        padding: 0 10px;
        border-left: 1px solid #666; }
        footer .footer_nav ul li:last-child {
          border-right: 1px solid #666; }
        @media screen and (max-width: 767px) {
          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;
	cursor: pointer;
}

  footer .copyright {
    font-size: 9px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; }