@charset "UTF-8";

article img.pc,
article br.pc{
	display: none !important;
}
#mainContents img{
	max-width: 100%;
}

/***********************************************************
	.kv
***********************************************************/
body article .kv .inner{
	max-width: min(660px,calc(100% - 30px));
}
body article .kv figure{
	height: 92.1354vw;
	margin-bottom: 8vw;
}
body article .kv figure svg{
	width: 145vw;
	height: 92.1354vw;
	left: calc(50% - 72.5vw);
}
body article .kv figure img{
	position: absolute;
	z-index: 3;
}
body article .kv figure img:nth-of-type(1),
body article .kv figure img:nth-of-type(4),
body article .kv figure img:nth-of-type(6),
body article .kv figure img:nth-of-type(7),
body article .kv figure img.under{
	display: none;
}
body article .kv figure img:nth-of-type(2){
	left: calc(50% + 34vw);
	top: -5vw;
	width: 17vw;
}
body article .kv figure img:nth-of-type(3){
	left: calc(50% + 20vw);
	top: 80vw;
	width: 22vw;
}
body article .kv figure img:nth-of-type(5){
	right: calc(50% + 29vw);
	top: 82vw;
	width: 13vw;
}
/***********************************************************
	nav.table
***********************************************************/
body article nav.table{
	box-sizing: border-box;
	position: relative;
	width: auto;
	max-width: 375px;
	height: auto;
	margin-bottom: min(calc(8vw + 40px),70px);
	padding: min(13.3333vw,50px) 30px 15px;
	background: url("../_img/picturebooks/bg_table_sp_top.png") center top no-repeat;
	background-size: 100% auto;
}
body article nav.table:after{
	content: " ";
	position: absolute;
	left: 0;
	bottom: max(-8vw,-30px);
	width: 100%;
	height: min(8vw,30px);
	background: url("../_img/picturebooks/bg_table_sp_bottom.png") center bottom no-repeat;
	background-size: 100% auto;
}
/***********************************************************
	section.contents
***********************************************************/
body article section.contents .inner{
	max-width: min(660px,calc(100% - 30px));
}
body article section.contents h3{
	width: auto;
	font-size: 22px;
}
body article section.contents > figure{
	width: auto;
	border-radius: 0 0 60px 60px;
}
body article section.contents dl:before,
body article section.contents dl:after{
	width: 100%;
}
body article section.contents ul li{
	font-size: 12px;
}
body article section.contents ul li a{
	padding: 0 15px;
	line-height: 32px;
}
body article section.contents p.btn{
	max-width: 88vw;
	margin: 40px auto 0;
}
/* other color */
body article section.contents#contents01,
body article section.contents#contents04{
	background: none;
}
/***********************************************************
	div.more
***********************************************************/
body article div.more{
	max-width: min(340px,90vw);
	height: min(172px,46vw);
	padding: 15px 0 0;
}
body article div.more p{
	margin: 0 0 10px;
	font-size: 14px;
}
body article div.more p:first-of-type{
	font-size: 12px;
}
body article div.more p.btn{
	width: 140px;
	line-height: 36px;
	font-size: 14px;
}
body article div.more p.btn a span{
	padding: 0 0 0 14px;
	background-size: 8px auto;
	font-size: 12px;
}
/***********************************************************
	section.author
***********************************************************/
body article section.author{
	position: relative;
	border-top: #fff min(90px,12vw) solid;
	border-bottom: #fff min(90px,12vw) solid;
	width: auto;
	max-width: 750px;
	height: auto;
	padding: 2px 15px;
	margin-bottom: 0;
	background-image: none;
	background: #6EB9DC;
	overflow: visible;
}
body article section.author:before{
	content: " ";
	position: absolute;
	left: 0;
	top: calc(max(-90px,-12vw) + 1px);
	width: 100%;
	height: min(90px,12vw);
	background: url("../_img/picturebooks/bg_author_sp_top.png") center center no-repeat;
	background-size: 100% auto;
}
body article section.author:after{
	content: " ";
	position: absolute;
	left: 0;
	bottom: calc(max(-90px,-12vw) + 1px);
	width: 100%;
	height: min(90px,12vw);
	background: url("../_img/picturebooks/bg_author_sp_bottom.png") center center no-repeat;
	background-size: 100% auto;
	visibility: visible;
}
body article section.author .profile{
	display: block;
	padding: 20px;
	margin-bottom: 30px;
}
body article section.author .profile figure{
	width: 120px;
	margin: 0 auto 20px;
}
body article section.author .profile .text{
	width: auto;
}
body article section.author .profile .text h3{
	font-size: 14px;
	text-align: center;
	line-height: 160%;
}
body article section.author .profile .text h3 span{
	display: block;
	margin: 0;
	font-size: 12px;
}
body article section.author .profile .text p{
	font-size: 12px;
}
body article section.author > h3{
	margin: 0 0 10px;
	background-position: 0 2px;
	line-height: 140%;
}
body article section.author .books{
	padding: 20px;
}
body article section.author .books .info{
	display: block;
	margin: 0 0 30px;
}
body article section.author .books .info figure{
	width: 120px;
	margin: 0 auto 20px;
}
body article section.author .books .info .text{
	width: auto;
}
body article section.author .books .info .text h4{
	font-size: 16px;
}
body article section.author .books .info .text p{
	font-size: 12px;
}
body article section.author .books > p{
	font-size: 12px;
}
body article section.author .books > p:last-of-type{
	margin: 0;
}