@charset 'UTF-8';
@media screen and (max-width: 767px) {
	/***************************************************************/

	/* clubSort01

	/***************************************************************/
	/* clubSort01 */
	.clubSort01 .clubSortSelect {
		margin: 30px 0 0;
	}
	.clubSort01 .itemSelect {
		float: none;
		margin: 0 0 20px;
		width: auto;
	}
	.clubSort01 .itemSelect select {
		font-size: 16px;
	}
	.clubSort01 .itemDescription {
		padding: 6px 10px;
	}
	.clubSort01 .itemDescription li {
		display: block;
		margin: 5px 0 0;
	}
	.clubSort01 .itemDescription li:first-child {
		margin-top: 0;
	}
	.clubSort01 .clubSortBody {
		margin: 0 0 0 -2%;
	}
	.clubSort01 .clubSortBody .itemSort01 {
		margin: 20px 0 0 2%;
		width: 48%;
	}
	.clubSort01 .clubSortBody .itemSort01:nth-child(4n+1) {
		clear: inherit;
	}
	.clubSort01 .itemDescription.itemColor ul {
		padding-bottom: 5px;
	}
	.clubSort01 .itemDescription.itemColor li {
		margin-top: 5px;
		min-width: 50%;
		font-size: 13px;
	}
	.clubSort01 .itemDescription.itemColor li:first-child {
		margin-top: 5px;
	}
	.clubSort01 .itemDescription.itemColor li:before {
		margin-right: 5px;
		width: 16px;
		height: 16px;
		vertical-align: -0.3em;
	}
	.clubSort01 .itemBodyTitle01 {
		margin: 0 0 15px;
		width: 100.5%;
	}
	.clubSort01 .itemBodyTitle01 span {
		height: 3em;
	}
	.clubSort01 .itemBodyTitle01 .subTitle01 {
		font-size: 1.2rem;
	}
	.clubSort01 .itemChangePoint {
		display: block;
	}
	.clubSort01 .itemChangePoint p {
		width: auto;
	}
	.clubSort01 .itemChangePoint .image {
		float: none;
		margin-bottom: 5px;
		width: auto;
	}
	.clubSort01 .itemBodyButton {
		padding: 10px 0;
	}

	/***************************************************************/

	/* modal/manga

	/***************************************************************/
	/* mangaLeadBlock */
	.mangaLeadBlock01 {
		margin-top: -50px;
		padding-top: 70px;
		padding-bottom: 75px;
		background-size: 50px;
	}
	.mangaBtn01 {
		margin: -60px auto 0;
		padding-top: 178px;
		max-width: 355px;
	}
	.mangaBtn02 {
		margin: 50px auto 0;
		max-width: 355px;
	}
	.mangaBtn01:before {
		width: 191px;
		height: 211px;
	}
	[class*='mangaBtn'] > a {
		max-width: 355px;
		width: 100%;
		height: 96px;
	}
	[class*='mangaBtn'] > a:before, [class*='mangaBtn'] > a:after {
		width: 100%;
		height: 96px;
	}
	[class*='mangaBtn'] > a:hover:after {
		opacity: 1;
	}
	[class*='mangaBtn'] > a:active:after {
		opacity: 0;
	}
	.mangaBtn01 > a:before, .mangaBtn01 > a:after, .mangaBtn02 > a:before, .mangaBtn02 > a:after {
		background-size: contain;
	}

	/* mangaCopyBlock */
	.mangaCopyBlock01 {
		margin: 30px 15px 0;
		padding: 35px 20px;
		border: solid 3px #010101;
	}
	.mangaCopyBlock01 .iconList {
		max-width: 250px;
		width: auto;
	}
	.mangaCopyBlock01 .iconList > li {
		width: 68px;
	}
	.mangaCopyBlock01 .mangaCopyBtn01 {
		margin-top: 20px;
	}
	.mangaCopyBlock01 .mangaCopyBtn01 > a {
		max-width: 299px;
		width: 100%;
		height: 94px;
	}
	.mangaCopyBlock01 .mangaCopyBtn01 > a:before, .mangaCopyBlock01 .mangaCopyBtn01 > a:after {
		width: 100%;
		height: 94px;
	}
	.mangaCopyBlock01 .mangaCopyBtn01 > a:before, .mangaCopyBlock01 .mangaCopyBtn01 > a:after {
		background-size: contain;
	}
	.mangaCopyBlock01 .mangaCopyBtn01 > a:hover:after {
		opacity: 1;
	}
	.mangaCopyBlock01 .mangaCopyBtn01 > a:active:after {
		opacity: 0;
	}
}