@charset "utf-8";
#wrap{width: 100%; overflow: hidden;}
@media(max-width:767px){.not-showing{display: none;}}
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
@media(min-width:421px){.noshow1{display: none;}}

h3, h4{font-family: a-otf-ryumin-pr6n, serif;font-style: normal;}
h4{color:#677E52; font-size: 1.4rem; }

dt{font-family: tbchibirgothicplusk-pro, sans-serif;font-style: normal;font-weight: 400; font-size: 1.3rem; color: #E95F8C;}
dd, p, li{font-family: tbchibirgothicplusk-pro, sans-serif;font-style: normal;font-weight: 400; color: #334A39; line-height: 2rem; font-size: 1rem;}
.fade-up{font-family: a-otf-ryumin-pr6n, serif; color: #457AB8;}
a, a:visited{color:#334A39;}
.suisen a{ text-decoration: underline;}
.shoplist a, footer a{text-decoration: none;}

.small-letter{font-size:65%;}

.workshome a, .workshome a:visited {color: #078F3F; font-family: tbchibirgothicplusk-pro, sans-serif; font-size: 0.8rem; text-decoration: none;}

h1{text-align: center;}
@media(max-width: 767px){h1 img{width: 70%;}}
.authorname{text-align: center; font-size: 1.3rem; color:#471F05; font-weight:bold;}
@media(max-width: 767px){.authorname{font-size: 1rem;}}
.headmenu{margin: 0 auto; }
.headmenu li{ text-align: center;display: inline-block; padding-left: 0;}
.headmenu li img{padding-top: 10px;}
.drawer-menu li { text-align:left;}

#bigHalfCircle{fill: #E7FFF3; margin: -20px 0 -8px;}

.content{text-align: center; width: 100%; background-color: #E7FFF3; padding-bottom: 3rem;}
.content h3{color: #E95F8C; margin-top: -3rem; font-size:2.2rem; line-height: 3.5rem;}
@media(max-width: 767px){.content h3{margin-top: 0; font-size:1.8rem; line-height: 2.8rem}}
.cont-1{margin: 0 auto; max-width: 70%; padding: 10px;}
.suisen {width:350px;  height: auto; display: block; background-color: #A6DEC0; margin: 0 auto; padding: 1rem; transform: rotate(-3deg); margin-bottom: 3rem;}
.kanmatsu {width:350px;  height: auto; display: block; background-color: #F6E8B1; margin: 0 auto; padding: 1rem; transform: rotate(3deg);}
.shoplink{border: #A6DEC0 1px solid; border-radius: 5px; padding: 15px; font-family: tbchibirgothicplusk-pro, sans-serif; font-size:1rem; margin: 8px 0; display: inline-block;}


.characters{ width: 100%; height: auto; background: url(img/border-beggin.svg) no-repeat top center #FEFDEA; margin-top: -25px;}
@media(max-width: 767px){.characters{margin-top: 0px;}}

.forback{background: url(img/sode-tuikaimg.png) no-repeat center bottom; background-size: 25% auto; min-height: 600px;}
@media(max-width: 767px){.forback{background-size: 40% auto; min-height: 800px;}}
@media screen and (min-width: 1600px){.forback{background-size: 20% auto; min-height: 700px;}}
.chara-cont, .chara-book{margin:0 auto; max-width: 980px; padding:0 10px;}
.characters h4, .authors h4{text-align: center; background: #FEFDEA linear-gradient(transparent 85%, #B0CC99 60%); padding:0 10px; box-shadow: 2px 2px 3px #B3B3B3;}
@media(max-width: 767px){.characters h4,.authors h4{ background: #F6E8C5 linear-gradient(transparent 85%, #B0CC99 60%);}}
.tsubasa{padding-top: 2.2rem;}
.tsubasa-yuki{padding-top:20px;}
.yuki {margin-top: 2rem;}
.cat-n-grandm{background: #FEFDEA; padding-bottom: 30px; margin-top: -20px;}
.grandm { width: 320px; text-align: center;}

.indexnote h4, .onlineshops h4{background: url(img/leaf.png) no-repeat left; font-display: inline-block; max-width: 300px; margin: 0 auto;}
.indexnote h4{text-align: center; width:150px; margin-bottom: 15px;}
.bookdetail-cont {background: #E7FFF3 url(img/wave2.svg) no-repeat top center; padding-top: 100px; padding-bottom: 50px;}
.bookdetail dt{text-align: center;}
.bookdetail dt img{width:50%;}
.bookdetail dd{font-size:0.7rem; line-height: 1.3rem; margin-top: 1rem;}
.mokuji{list-style-position: inside;font-family: tbchibirgothicplusk-pro, sans-serif; line-height: 2rem; width: 250px; margin: 0 auto;}
.indexnote{ }

.authors{background: #FEFDEA url(img/border5.svg) no-repeat top center; }
.author {margin: 0 auto; padding:2.5rem 20px;}

.onlineshops{ background: #E7FFF3 url(img/border-6.svg) no-repeat top center; min-height: 350px;}
.onlineshops h4,.onlineshops p{text-align:center;}
.onlineshops h4 {margin-top: 80px;}
.shoplist{max-width:320px; margin: 20px auto; text-align: left; padding-bottom: 20px;}
.shoplist li {margin:0 auto; font-size: 110%;}
.shoplist a:hover{opacity: 0.7;}

footer{width:100%; height: 60px; text-align: center; background: #B0CC99;}
footer p{padding-top:20px;}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #A6DEC0;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #078F3F;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	}

.keisaiinfo{max-width: 430px;}
@media(max-width: 420px){.keisaiinfo{max-width: auto; padding: 0;}}
.keisai{ color:#489710; font-family: a-otf-ryumin-pr6n, serif;margin-bottom: -5px; line-height: 10px;}
@media(max-width: 420px){.keisai{line-height:30px;margin-bottom: -35px;}}
.midashi{text-align:center;color:#489710; font-family: a-otf-ryumin-pr6n, serif; font-size:115%;}