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

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#wrapper {
	width:auto;
}

body {
	font-size: 16px;
}

/* スマホ用CSS ↓*/

/* -------------- サイト共通基本プロパティ -------------- */

#wrapper {
	width:auto;
	margin: 1em auto;
}

/*-------------- H --------------*/
#top-lineup h2 {
	font-size: 20px;
	width: 95%;
	margin: auto;
}
#top-lineup h2 br {
	display: inline;
}

p + h2 {
	margin-left: 0.5em;
	font-size: 20px;
}

main#author,
main#process,
main#letter {
	padding-bottom: 0;
}

/*-------------- TOP: Menu --------------*/

#top-menu ul {
	display: none;
}

#top-menu-smf {
	display: block;
	width: 90%;
	margin: 0 auto;
}

#top-menu-smf a {
	display: block;
	padding:15px 10px 15px 65px;
	font-size: 16px;
}

#top-menu-smf li {
	border-radius: 5px;
	display: block;
	position: relative;
	margin-bottom: 1.5em;
	font-size: 18px;
	font-weight: 700;
}

#top-menu-smf li:last-child {
	margin-bottom: 0;

}

#top-menu-smf li.menu01 { background: #fffdd1; }
#top-menu-smf li.menu02 { background: #eff2c3; }
#top-menu-smf li.menu03 { background: #d3e6f5; }
#top-menu-smf li.menu04 { background: #fdebe1; }
#top-menu-smf li.menu05 { background: #fce2ee; }

#top-menu-smf li div {
	position: absolute;
	top: -5px;
	left: 10px;
}

#top-menu-smf li div img {
	height:  65px;
}

#top-menu-smf li.menu01 a:link, #top-menu-smf li.menu01 a:visited, #top-menu-smf li.menu01 a:hover, #top-menu-smf li.menu01 active { color: #7c7979; }
#top-menu-smf li.menu02 a:link, #top-menu-smf li.menu02 a:visited, #top-menu-smf li.menu02 a:hover, #top-menu-smf li.menu02 active { color: #8cc957; }
#top-menu-smf li.menu03 a:link, #top-menu-smf li.menu03 a:visited, #top-menu-smf li.menu03 a:hover, #top-menu-smf li.menu03 active { color: #3486c5; }
#top-menu-smf li.menu04 a:link, #top-menu-smf li.menu04 a:visited, #top-menu-smf li.menu04 a:hover, #top-menu-smf li.menu04 active { color: #ec3341; }
#top-menu-smf li.menu05 a:link, #top-menu-smf li.menu05 a:visited, #top-menu-smf li.menu05 a:hover, #top-menu-smf li.menu05 active { color: #e93498; }


/*-------------- TOP: Lineup --------------*/
#top-lineup {
	margin: 2em auto 0;
	padding: 0 1em;
}

#top-lineup li {
	width: 45%;
}

#top-lineup li p.book-img {
	height: 120px;
}

/*-------------- Top-Movie --------------*/

#top-movie dl {
	display: block;
	width: 95%;
	margin: auto;
}

#top-movie dt {
	width: auto;
	padding: 2em 0;
}

#top-movie dd {
	width: 100%;
	border:none;
}

#top-movie dt img {
	max-width: 100%;
	
}

#top-movie iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: 100%;
	border: none;
	margin: auto;
	margin-bottom: 2em;
}

/*-------------- Author --------------*/

#contents-title{
	width: 95%;
	margin: 0 auto 1em;
}

#author-main{
	width: 90%;
	margin: 0 auto 1em;
}

#contents-title img {
	max-width: 100%;
	height: auto;
}
#contents-title p {
	width: 20%;
}

#contents-title h2 {
	width: 80%;
}

#contents-title h2 span br {
	display: inline;
}

#author-main h3 {
	font-size: 18px;
	width: 90%;
	margin: auto;
}

h3 + p,
p.sign {
	width: 90%;
	margin: 1em auto;
	font-size: 16px;
}


#author-profile ul {
	display: block;
	width: 90%;
	margin: auto;
}

#author-profile ul li:first-child{
	width:auto;
	text-align: center;
	margin: 0;
}

#author-profile ul li:last-child{
	width:auto;
	border-top: none;
	padding-top: 0.5em;
	padding-bottom: 2em;
}

#author-profile h4 {
	text-align: center;
	display: block;
	font-size: 16px;
	margin-bottom: 0.5em;
}

/*-------------- どうやって描いているの？ --------------*/

#sc-contents-prs #sc-title{
	width:auto;
	margin: 15px 0;
}


#sc-contents-prs h2{
	font-size:20px;
	line-height:1.2em;
}

#contents-title h2 span {
	font-size: 16px;
}


#sc-contents-prs #sc-title ul{
	width:auto;
}

#sc-contents-prs #sc-shirokun {
	display:none;
}

#sc-shirokun-smf {
	display: block;
	width: 90%;
	margin: auto;
}



#sc-shirokun-smf .prs01{
	width: auto;
	text-align: center;
	margin-top:5px;
	padding-top: 30px;
}

#sc-shirokun-smf .prs01:first-child {
	padding-top: 0;

}

#sc-shirokun-smf .prs01 p{
	margin: 5px auto;

}


#sc-shirokun-smf .prs01 p:last-child{
	text-align:left;
	line-height:1.6em;
	margin-bottom: 0;
}

#sc-shirokun-smf .prs01 h3{
	font-size: 20px;
	color: #0962a9;
	text-align:left;
	padding-left: 25px;
	line-height:1.6;
}



#sc-shirokun-smf .prs01 h3.pr01{
	background:url(../imgs/process_img/sc_prs01.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr02{
	background:url(../imgs/process_img/sc_prs02.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr03{
	background:url(../imgs/process_img/sc_prs03.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr04{
	background:url(../imgs/process_img/sc_prs04.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr05{
	background:url(../imgs/process_img/sc_prs05.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr06{
	background:url(../imgs/process_img/sc_prs06.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr07{
	background:url(../imgs/process_img/sc_prs07.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr08{
	background:url(../imgs/process_img/sc_prs08.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr09{
	background:url(../imgs/process_img/sc_prs09.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}

#sc-shirokun-smf .prs01 h3.pr10{
	background:url(../imgs/process_img/sc_prs10.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 6px;
}


/*-------------- すてきな感想が届いています！ --------------*/

#sc-contents-letter .comr {
	width: 95%;
}

#sc-contents-letter #sc-letter {
	display: block;
	width: 95%;
	margin: auto;
}

#sc-contents-letter #sc-letter .letter-line-l,
#sc-contents-letter #sc-letter .letter-line-r {
	margin: 0 auto 2em ;
}


#sc-contents-letter #sc-letter .letter-line-l div,
#sc-contents-letter #sc-letter .letter-line-r div {
	width: 100%;
	display: block;
}

#sc-contents-letter #sc-letter .letter-line-l article p,
#sc-contents-letter #sc-letter .letter-line-r article p {
	font-size: 14px;
	margin: 10px 15px;
	line-height: 1.4;
}

#sc-contents-letter #sc-letter .letter-line-l h3,
#sc-contents-letter #sc-letter .letter-line-r h3 {
	margin: 10px 15px 0 15px;
}

#sc-contents-letter #sc-letter .letter-line-l:last-child,
#sc-contents-letter #sc-letter .letter-line-r:last-child {
	margin: 0;
}

/*-------------- footer --------------*/

footer ul {
	display: block;
	background: #fff;
}

footer ul li a:before {
	content: none;
}

footer ul li {
	border-bottom:1px solid #ccc;
	width: auto;
	text-align: center;
	margin: 0;
}

footer ul li:first-child {
	border-top:1px solid #ccc;
}

footer ul li a {
	display: block;
	padding: 10px;
}

footer ul li a:hover {
	background: #fdf0e9;
	color: #ff0000;
}

footer ul li a.actv {
	background: #fdf0e9;
}


/* スマホ用CSS ↑*/

}