/* general styles */
html{height: 100%;  -webkit-overflow-scrolling: touch;}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
::before , ::after {
	box-sizing: inherit;
}
body {
  height: 100%;
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  margin:0;
  padding-top: 0;
  overflow-x: hidden;
}
.navbar{margin-top: 0; padding-top: 0;}
@media(max-width:991px){.no-show1{display: none;}}
@media(min-width:992px){.no-show2{display: none;}}
@media(min-width:481px){.no-show3{display: none;}}
@media(max-width:1250px){.no-show4{display: none;}}
@media(max-width:768px){.no-show5{display: none;}}
@media(min-width:769px){.no-show6{display: none;}}

.head_wrap{margin-top: -33px; margin-bottom: 80px;}

/* 共通 */
.no-show{display: none;}
.content_wraper{margin: 0;}
.kiwi-f {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}
.shippori-f {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.ms_letter{font-size:65%;}
.ms_letter{font-size:70%;}
.s_letter{font-size:80%;}
.breif{font-size: 98%;line-height:32px;}
.breif_s{font-size: 95%;line-height:30px;}
h2, h3{font-size:2rem; font-weight: bold;}
h3,h2, p, dt, dt,dd{color: #454545;}
.eb_details h3{font-size:1.4rem; line-height: 2.1rem;}
button{ background-color: transparent;border: none;  cursor: pointer; outline: none; padding: 0; appearance: none;}/* ボタンcssリセット */

/*ハンバーガーメニューー*/
/* Navbar & Navmenu color */
:root {
  --background-navbar: rgba(255, 250, 240, 0.5);
}
.header {
  background: var(--background-navbar);
  position: fixed;
  width: 100%;
  height: 52px;
  z-index: 90000;
}

/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  margin-top: 52px;
  padding: 0 0 10px 0;
  clear: both;
  background-color:rgba(255, 250, 240, 0.9);
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger menbu text */
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #4a2d12;
  opacity: 0;
  transition: 0.5s;
}

.menu li {
  border-top: 1px solid rgba(74, 45, 18,0.5);
  padding: 15px 0;
  margin: 0 54px;
  opacity: 0;
  transition: 0.5s;
}

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
  display: none;
}

.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navicon {
  background: #4a2d12;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #4a2d12;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
  top: 9px;
}

.navicon:after {
  bottom: 9px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */

/* Navbar Container */
.navtext-container {
  width: 100%;
  height: 52px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Navbar Text */
.navtext {
  position: absolute;
  text-transform: uppercase;
  color: #8b4513; opacity: 0.8;
  font-size: 18px;
  top:11px;
}

.link_float{position: fixed; top:11px; right:2.2%;font-size: 0.9rem; z-index: 99999;}
.link_float a,.link_floata:hover, .link_float a:visited{text-decoration: none; color: #d2b48c; }

@media(max-width:768.99px){
	.link_float{font-size: 0.7rem; }
	.navtext{font-size: 14px;}
	.navtext .shippori-f{ letter-spacing:-0.05rem;}
}


/* イントロ部分 */
h1{text-align: center;}
h1 img{height: 435px; width:auto;}
.intro h2 img{max-height: 435px; width:auto; }
.intro_book{height: auto; padding-top: 12px;}
.intro_wrap .yohaku{margin-right:20px;}
.intro_book h3{font-size: 1.5rem; line-height: 2.5rem; margin-bottom: 10px; }
.b_button{width:220px; text-align: center; background-color: #512907; margin-left: auto; border-radius: 20px; margin-top: 12px;}
.b_button button a,.b_button button a:hover, .b_button button a:visited{text-decoration: none; color: #fff;}
@media(max-width:1199.99px){
	h1 img{height: auto; width:50%;}
	.intro h2{margin-top: 60px;}
	.intro h2 img{ width:60%; height: auto; max-height:none; }
}
@media(max-width:768.99px){
	h1 img{height: auto; width:85%;}
	.intro h2 img{ width:100%; height: auto; max-height:none; }
	.sm_m h3{text-align: center;}
	.sm_m dl{justify-content: center;}
}

/* about */
.about_wrap{width:100%; background-image: url("../img_new/bg_1.jpg");background-size: cover; margin-top: 100px;}
.about_secondwrap{
	background-image: url("../img_new/cat.png");
	background-repeat:no-repeat;
	background-position:left bottom; background-size:15%
}
.about{padding: 5% 20%;}
.about .h2_wrap{
	margin-top: 15px;
	height: 65px;
	background-image: url("../img_new/leaf.png"); background-repeat: no-repeat;background-position:center top; background-size:contain;
}
.about h2{padding-top:85px;}
.about .p_wrap{margin-top: 9.5%;border-top:1.5px solid #512907; padding-top: 3%;}
.floating_img{float: right; position:relative;}
.floating_img img {width:250px;height: auto; margin-left:80%; margin-top: -250px;} 
.about h3{text-align: center; margin: 20px 0;}
@media(min-width:992px) and (max-width:1199.99px){
	.about .h2_wrap{
	margin-top: 20px;
	height: 100px;
	background-image: url("../img_new/leaf.png"); background-repeat: no-repeat;background-position:center top; background-size:70%;
}
	.about h2{text-align: center;}
	.about .p_wrap{margin-top: 40px;}
}
@media(min-width:576px) and (max-width:991.99px){
.about{padding: 5% 15%;}	

.about_secondwrap{
	background-image: url("../img_new/cat.png");
	background-repeat:no-repeat;
	background-position:center bottom; background-size:25%; padding-bottom:120px;
}
.about .h2_wrap{
	margin-top: 20px;
	height: 150px;
	background-image: url("../img_new/leaf.png"); background-repeat: no-repeat;background-position:center top; background-size:70%;
}
.about h2{padding-top:75px; line-height: 2.5rem; text-align: center; font-size: 2rem}
.about .p_wrap{margin-top: 30px;}
.floating_img{float: right; position:relative;}
.floating_img img {width:40%;height: auto; margin-left:90%; margin-top: -60%;}
}
.about h3{font-size:1.5rem;}
@media(max-width:575.99px){
	.about{padding: 5% 10%;}
	.about_secondwrap{
	background-image: url("../img_new/cat.png");
	background-repeat:no-repeat;
	background-position:center bottom; background-size:25%; padding-bottom:120px;
}
.floating_img img {width:38%;height: auto; margin-left:80%; margin-top: -93%;}
	.about h2{font-size: 1.5rem; line-height: 2rem; text-align: center;}
	.about h3{text-align: center;}
	.about .h2_wrap{
	margin-top: 20px;
	height: 130px;
	background-image: url("../img_new/leaf.png"); background-repeat: no-repeat;background-position:center top; background-size:100%;}
	.about h3{font-size:1.3rem;}
}


/* 作家*イラストレーター */
.illust_wrap{margin-top:0;　width:100%; background-size: cover;}
.yamaguchi{background-image:url("../img_new/mryamaaguchi_bg.jpg"); background-position: bottom left;}
.takasu{background-image:url("../img_new/takasu_san_bg.png");}
.takahashi{background-image:url("../img_new/mr_takahashi_bg.png");}
.egashira{background-image:url("../img_new/ms_egashira_bg.png");}
.illustrators{padding-top:5%;}
.ilt_about h2{text-align: center;}
.ilt_about p {padding: 2% 10%;}
.img2 img {width:80%; height:auto; margin:10px auto;}
.content_illust{margin:-3.5% auto 5% auto;}
.book_img img{margin:100px auto 0;}
.book_img{margin:68px auto 0; padding: 0 1% 1%;}

.eb_details{ padding: 0 3%; width:100%;}
.eb_details dt{width:100%;}
.eb_details dd{width: 100%;}
.summary_wrap{margin-top: -7%;}
.Summary{  
  background-image:
  linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
  background-size: 100% 2.5rem;
  line-height: 2.5rem;
  padding: 2.5rem 0 0.5em 0;
}
.summary_wrap .isbn{background:none!important; padding: 1rem 0 1rem 0;}
.eb_details .isbn{margin-top: 50px;}
.eb_details h3{text-align: center;}

.child .book_img{
	min-height: 600px;
	background-image:url("../img_new/label_child.png");
	background-repeat: no-repeat;
	background-position:top center;
	background-size: 120px auto;
	filter: drop-shadow(2px 2px 1px #b3b3b3);
}
.adolescent .book_img{
	min-height: 600px;
	background-image:url("../img_new/label_ado.png");
	background-repeat: no-repeat;
	background-position:top center;
	background-size: 120px auto;
	filter: drop-shadow(2px 2px 1px #b3b3b3);
}
.book_detail{
	padding-top: 80px;
}
.coming_dd{height:100%; max-height:auto;}
.comingsoon{display:flex; justify-content: center; align-items: center;}
.comingsoon img{width:171px;height:150px; margin: 31% auto;}
.nichiji{margin-top: -60px;}

.buy{margin-top: -10px;}
.buy h3{font-size:1.1rem;letter-spacing: 0.3rem;align-items: center; /* 横線を上下中央 */ padding: 0 2%; color: #454545;
  display: flex; /* 文字と横線を横並び */}
.buy h3::before,
.buy h3::after {
  background-color: #ffe45c; /* 横線の色 */
  border-radius: 5px; /* 横線の両端を丸く */
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 4px; /* 横線の高さ */
}
.buy h3::before {
  margin-right: 15px; /* 文字との余白 */
}
.buy h3::after {
  margin-left: 15px; /* 文字との余白 */
}

.adolescent .buy h3::before,
.adolescent .buy h3::after 
{background-color: #ffa55c; /* 横線の色 */}


.sample_child, .sample_adol{border-radius:20px; text-align: center; margin:55px auto 0 auto;width:90%; height: 30px; }
.sample_child{
	background-image: linear-gradient(98deg, #ffff94, #ffde57 49%, #ffe55c);
}
.sample_adol{
	background-image: linear-gradient(98deg, #ffca7f, #ffa53f 49%, #ffa55c);
	
}
.sample_child a, .sample_child a:hover, .sample_child button a:visited, .sample_adol a, .sample_adol a:hover, .sample_adol button a:visited{color: #8b3700; text-decoration: none;}

.purchase button{margin-top: 10px; width:21%; height: 35px; background-color:#fff; filter: drop-shadow(2px 2px 1px #b3b3b3); }
.purchase button a, .purchase button a:hover, .purchase button a:visited{
	color:#454545;text-decoration: none;
}

.img_adj img{max-width:260px; height: auto;}
.isbn{display: flex; flex-direction: row; flex-wrap:wrap; width:100%;}
.isbn dt{width:30%;}.isbn dd{width:70%;}


@media(min-width:992px) and (max-width:1399.99px ){
	.su_adj{padding-top: 2.5rem;}	
	.sp_adj{letter-spacing: -0.05rem;}
}


@media(min-width:769px)and (max-width:1199.99px){
	.illust_wrap{margin-top:0;　width:100%; background-size: cover;}
	.yamaguchi{background-image:url("../img_new/mryamaaguchi_bg.jpg"); background-position: bottom center; }
    .takasu{background-image:url("../img_new/takasu_san_bg.png");}
    .takahashi{background-image:url("../img_new/mr_takahashi_bg.png");}
    .egashira{background-image:url("../img_new/ms_egashira_bg.png");}
	.purchase{flex-wrap: wrap;}
	.purchase button{width:48%;}
	.eb_details h3{font-size:1.2rem; letter-spacing: -0.08rem;}
	.nichiji{margin-top: 0;}
	.comingsoon{height: auto;}
	.comingsoon img{width:140px;height:auto; margin:25% auto 0 auto;}
}
@media(max-width:768.99px){
	.book_img{margin:0 auto; padding: 0 1% 1%;}
	.buy{margin-bottom:80px;}
	.buy h3{letter-spacing: 0.1rem;}
	.eb_details h3{font-size:1rem; margin-top: -20px; letter-spacing: -0.08rem;}
	.ilt_about{margin:38px 0;}
	.ilt_about p {padding: 2% 5%;}
	.img2 img {width:90%; height:auto; margin:10px auto;}
	.ilt_about h2{font-size:1.35rem;}
	.comingsoon{height:400px; max-height: auto; display: flex; align-content: center;}
    .comingsoon img{width:65%;height:auto; margin:0 auto;}
	.purchase{flex-wrap: wrap;}
	.purchase button{width:48%;}
    .nichiji{margin-top:-20px; padding-bottom: 30px;}	

}


/* 刊行予定 */
.schedule_wrap{width:100%; background-image: url("../img_new/bg_1.jpg");background-size: cover; padding-bottom: 3%; background-repeat: repeat;}
.kongo {margin-top:30px;}
.kongo dl{width:100%; border-bottom: 1px dotted #512907; margin-bottom: 20px; padding-bottom: 15px;}
.kongo dt{font-size:20px; width:25%;} .kongo dd{width:40%;}
.kongo label{font-size:80%; margin-right: 10px;}
.c_book, .a_book{width:50px; height:28px;text-align: center;}
.c_book{background-color:#ffe45c;}
.a_book{background-color:#ffa55c;}



@media(max-width:1199.99px){
.schedule_wrap{width:100%; background-image: url("../img_new/bg_1.jpg");background-size: cover; background-position: left bottom; padding-bottom: 0;}
.kongo dl{width:auto; border-bottom: none; margin-bottom: 50px; }
.kongo dt{font-size:20px; width:auto; border-top: 1px solid #512907; border-bottom: 1px solid #512907; padding: 15px 0; text-align: center;} 
.kongo dd{width:auto; padding: 30px 0 0;}
}

@media(min-width:769px) and (max-width:1199.99px) {
	.kongo dl{padding:auto 15%;}
}
@media(max-width:768.99px){
	.kongo dl{padding:auto 15%; display: flex; flex-direction: column; font-size: 129%;}
	.kongo dt{margin-bottom: 20px;}
	.kongo dd{display: flex; flex-direction: column; flex-wrap: wrap;  width:100%; align-items: center;}
	.c_book, .a_book{margin-bottom: 18px;}
	
}
/* footer */
footer{height: 50px; padding-top: 12px; background-color: #4d4d4d;}
footer p {color: antiquewhite;}
/* 
 * {
	outline: 1px solid magenta;
}

*/