/* campaign */
.read{
	text-align:center;
	font-size:3.6em;
	font-weight:bold;
	margin:4rem 0;
}
.campaign .campaign_wrap{
	overflow:hidden;
	margin-bottom:4rem;
	padding: 0 5%;
}
.campaign .campaign_wrap section{
	text-align:left;
	background:#ffffff;
	overflow:hidden;
}
.campaign .campaign_wrap section img{
	width:100%;
}
.campaign .campaign_wrap  a{
	text-decoration:none;
	font-size:1.5rem;
	color:#333333;
}
.campaign h2{
	background:none;
	text-align:left;
	line-height:1.5;
	padding:1rem 0;
}
.sale article {
	margin: 0;
	text-align: center;
}
.sale article h1 {
	width: 100% !important;
}
.sale article h1 img {
	display: inline !important;
}
.sale article h2 {
	font-weight: bold;
	color: #fff;
	line-height: 2;
	background-color: transparent;
}
.sale article p {
	line-height: 2;
	background-color: transparent;
	color:#ffffff;
}
.sale #main {
	padding-bottom: 0;
}
.sale #main.spring {
	background-color: #eb6ba4 !important;
}
.sale #main.summer {
	background-color: #fd8700 !important;
}
.sale #main.autumn {
	background-color: #b63700 !important;
}
.sale #main.winter {
	background-color: #62c2d0 !important;
}

/* sp */
@media screen and (min-width : 320px) {
	article{
		padding:0;
	}
	.campaign .campaign_wrap p{
		line-height:1.8;
		margin-top:0;
	}
	.sale{
		width:100%;
	}
	.sale #wrapper{
		width:90%;
		margin:0 auto;
		overflow:hidden;
	}
	.campaign .text{
		padding:1rem 3rem;
	}
	.sale #wrapper h1{
		width:95%;
		overflow:hidden;
	}
	.sale #wrapper h3 img,
	.sale #wrapper h1 img{
		width:100%;
		display:block;
	}
	.sale #wrapper h3{
		margin: 4rem 0;
	}
	#zerochin div#wrapper div#container{
		width:100%;
	}
	.sale article h2 {
		font-size: 2rem;
		margin-bottom: 2rem;
	}
	.sale article p {
		font-size: 1.3rem;
	}
	.sale article p br{
		display:none;
	}
	.sale .youtube{
		margin-top:3rem;
	}
}

/* pc */
@media screen and (min-width : 769px) {
	.sale article p br{
		display:block;
	}
	.campaign .campaign_wrap section a{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.campaign_wrap .img{
		width:50%;

	}
	.campaign_wrap .text{
		width:40%;
		padding:3% 5%;
	}
	.sale #wrapper h3 img,
	.sale #wrapper h1 img{
		width:auto;
		display:inline;
	}
	.sale #wrapper{
		width:800px;
	}
	#zerochin div#wrapper div#container{
		width:700px;
	}
	.sale article h2 {
		font-size: 3rem;
		margin-bottom: 4rem;
	}
	.sale article p {
		font-size: 1.6rem;
	}
}