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

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

#wrapper {
	width: auto;
	padding: 1rem;
}

body {
	font-size: 16px;

}

/* スマホ用CSS ↓*/

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

#wrapper {
	padding: 1rem;
	overflow: hidden;
	box-sizing: border-box;
}

section {
	padding: 0;
}

section img {
	max-width: 90%;
}


/*-------------- サイト内共通 --------------*/

h1 { font-size: 22px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

.catch {
	margin: 0 auto 1rem;
}
.catch img {
	max-height: 40px;
}

section {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 4px dotted #ffcaca;
}

/* -------------- drawer -------------- */

.drawer-menu li a{
	font-size: 1rem;

}

/*-------------- header --------------*/

#page-header div p.icon_event {
	width: 30%;
	right: 0;
	top: 42%;
}


#page-header div .image img {
	max-width: 80%;
}

/*-------------- concept --------------*/

#page-concept div .image {
	margin: 1rem auto 2rem;
}

/*-------------- voices --------------*/
#page-voices .catch img {
	max-height: 40px;
	transform: rotate(0);
}

#page-voices {
	position: relative;
	margin-top: 1rem;
}

#page-voices h2 {
	position: static;
}


#page-voices .voice-box,
#page-voices .page-img,
#page-voices .page-txt {
	width: auto;
}

#page-voices .page-img img {
	max-width: 100%;
}

#page-voices .page-txt {
	line-height: 1.4;
}

#page-voices dl {
	display: block;
	margin: 1rem auto 2rem;
	width: auto;
}

#page-voices dt {
	padding: 10px;
	width: auto;
}

#page-voices dd {
	display: none;
}

#page-voices .voice-box p {
	font-size: 1rem;
}

/*-------------- works --------------*/

#page-works div {
	width: auto;
	margin: 0 auto 1rem;
}

#page-works dt,
#page-works dd  {
	display: block;
}

#page-works dt  {
	width: auto;
	border-radius: 10px;
	padding: 15px 15px 30px 15px;
	margin: 0.5rem auto 50px;
	text-align: center;
}

#page-works dt p.icon-mark {
	position: absolute;
	bottom: -35px;
	right: 0;
	width: 90px;
}


#page-works dt a {
	display: block;
}

#page-works dt p {
	text-align: justify;
	font-size: 1rem;
}

#page-works dd {
	text-align: center;
	margin: 0 auto;
}


#page-works dd.book-img {
	width: auto;
	height: auto;
	margin: 0;
}

.com-concept,
.com-voice {
	width: auto;
	margin: auto;
}

/*
.com-concept img,
.com-voice img{
	max-width: 100%;
}*/


.com-works {
	width: 70%;
}

.com-works img {
	max-width: 100%;
}

.com-download {
	margin: 1rem auto 0;
	font-size: 1rem;
	line-height: 1.4;
}

.com-download a {
	display: block;
}

/*-------------- author --------------*/
#page-author dl {
	padding: 15px;
	border-radius: 10px;
	margin: 0 0 1rem 0;
}

#page-author dl img {
	height: 15px;
}

#page-author dd {
	font-size: 1rem;
	margin: 0.5rem 0 0;
}

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

footer {
	font-size: 1rem;
	margin: 0 0 1rem;
}


/* スマホ用CSS ↑*/

}