@media only screen and (max-width: 767px) {
	img.sp {
		display: block
	}
	img.pc {
		display: none
	}
	body {
		font-size: 15px!important;
		-webkit-text-size-adjust: 100%;
		word-wrap: break-word
	}
	#Main {
		padding-top: 65px;
		margin: 7% auto 15%
	}
	#Prologue {
		padding: 15% 0
	}
	#Prologue p {
		font-size: 100%
	}
	#Prologue h1 {
		max-width: 60%;
		margin: 0 auto
	}
	.Title {
		font-size: 2em;
		margin-top: 20%!important
	}
	.ProductWrap {
		display: flex!important;
		flex-wrap: wrap!important
	}
	.slider2, .ProductDetail {
		width: 100%!important
	}
	.ProductDetail {
		margin-top: 10%
	}
	#Order {
		padding: 15% 0
	}
	.OrderTitle {
		font-size: 1.5em
	}
	.Box {
		font-size: 100%
	}
	.IllustlatorList {
		display: flex!important;
		flex-wrap: wrap!important;
		font-size: 100%
	}
	.IllustlatorList>li {
		width: 100%!important;
		padding: 5% 3% !important border: 15px solid #d2a09e;
		box-sizing: border-box!important
	}
	.IllustlatorList figure {
		max-width: 50%;
		margin: 0 auto
	}
	.IllustlatorList>li>.name {
		display: flex
	}
	.IllustlatorList>li>.name>h2 {
		width: 50%!important
	}
	.IllustlatorList>li>.name>.SNS {
		width: 45%!important
	}
	.IllustlatorList>li>.name>.SNS img {
		max-width: 100%!important;
		max-width: 50px!important
	}
	.name h2 {
		padding-right: 0%!important;
		font-size: 6vw!important
	}
	.SNS {
		width: 45%
	}
	.name span {
		font-size: 50%
	}
	.SNS li {
		padding-left: 0!important;
		padding-right: 5%!important;
		box-sizing: border-box!important
	}
	.IllustlatorList p {
		margin-top: 15px
	}
	#LUQUAGE .Title, #ILLUSTLATOR .Title {
		font-size: 1.5em
	}
	#LUQUAGE p {
		font-size: 3.5vw!important
	}
	.bg {
		background: none;
		padding: 5%;
		font-size: 100%
	}
}