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

}
@media screen and (max-width: 800px) {
    header{margin:0;}
    .inner{width:90%;}
	h1{margin-bottom:0;}
    h2{font-size: 30px;width: 96%;margin-left:auto;margin-right:auto;}
    h3{font-size: 24px;}
    ul.main li.jkt{width: 30%;}
    ul.main li.txtList{width:65%;}
    section .ebook {width:100%;padding:0;}
    section .ebook ul li.jkt img{margin:0 auto 20px;}
    section .ebook ul li.txtList{width: 100%;}
    section .ebook ul li.txtList h4{font-size: 20px;}
    section ul.ebook {margin:0; padding:0;;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	section ul.ebook li {width: 48%; padding: 30px 0; }
    section ul.ebook li p.epubTtl {width: auto;padding: 0;}
    .readtxt{margin-bottom: 30px;}

}
@media screen and (max-width: 700px) {
    body{font-size:16px;}
    h2 {display:block;margin: 20px auto;width: 90%;text-align: left;font-size:24px;}
    h3{font-size: 22px;margin-top: 40px;text-align: center;}
    .pageTop{padding: 10px 0 !important;}
    .forpc {display: none;}
    .forsp {display: block;}
    ul.main li.jkt{width: 90%;}
    ul.main li.txtList{width:90%;padding-top: 0 !important;}
    .flow{padding: 10px}
    .btn.free{width:100%;margin: 20px auto 0;font-size:15px;}
    .share{padding: 0;}
    section .ebook ul li ul li{display: block;}
    section .ebook ul li.jkt{width:100%;text-align:center;}
    section ul.ebook li {width: 96%; border-bottom: dotted 1px #555;}
	section ul.ebook li p.epubTtl span{font-size:16px; height:auto;}
	.btnDLC{margin: 0 auto 30px!important; padding:20px 7px;}
	.ebooksupport{margin-top:40px;}
	section .ebook ul li.txtList .btnArea{width:90%;margin: 0 auto;}
	.btnAmazon{margin:7px auto 0;}
	.card h3{margin:0 auto; font-size:23px;}
	.card > p{padding:30px 0; border-bottom: dotted 1px #bbb;}
}
@media screen and (max-width: 350px) {
    section{margin-bottom: 30px;}
    .share li{margin: 5px;}
	section .ebook ul li.txtList .btnArea{width:100%;}
}