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

body {
	margin:0;
	padding:0;
    
font-size:16px; 
font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
line-height:1.5em;

background: #FFFFF3;


color:#FFFFF3;

}



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

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




.pc{display: block;}
.smp{display:none;}

#head,#contents{margin:0 auto; width:95%; max-width: 960px;}

#head img{margin:0 auto;}
#head .pc{width:100%; max-width: 814px; height:auto}
#head .smp{width:100%; max-width: 640px; height:auto}
#head p{max-width:680px; margin:auto;}


#contents{
    margin:0 auto;
    width:98%;
    max-width: 980px;
    background-color: #5D070C;
    background-image:url(image/bg.png),url(image/bg.png),url(image/bg_btm.png);
    background-repeat:repeat-y,repeat-y,repeat-x;
    background-position:
        left,
        right,
        bottom;
     padding:2em 0;
}

#contents img{display: block; margin:auto;}
.title{width:96%; max-width: 860px; height:auto; padding-bottom:1em;}
.main_ill{width:80%; max-width: 420px; height:auto;}
.coma_cut{width:80%; max-width: 760px; height:auto;}
.digital_txt{width:80%; max-width: 380px; height:auto; padding:.5em}
.btn_renta{width:80%; max-width: 380px; height:auto; padding:.5em}

.link_shogakukan{display: block; width:80%; padding:12px; border:solid 2px #FF83A1; border-radius: 12px; background: #FFFFF3; margin:1em auto;}

.link_shogakukan img{width:90%; max-width: 400px; height:auto;}

#contents p{text-align: center;}


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




#additional{display: flex}


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

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

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




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

.pc{display: none;}
.smp{display:block;}
    
body {
font-size:12px; 
}    
    
#contents p.readtxt{text-align: left; width:80%; margin:1em auto}
    

}


footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #999;
	background-color: #FFFFF3;
	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;
}

.copyright_works {
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
color:burlywood }
.copyright_works span{font-size: 16px; vertical-align: middle;}

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