@charset "utf-8";
/* CSS Document */
.campaign-inner {
	background-color: #fff;
  margin-top: 0px;
  padding: 0px 0px 50px;
}

.spview {
	display: none;
}
.center {
	text-align: center;
	margin:0 auto
	
}
.newhouse h1 {
	text-align: left;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.cam_font h1 {
	font-family: Hiragino Kaku Gothic ProN;
	color: #44A0B3;
}
.sma{
    display: none;
}
.refome {
	margin-bottom: 50px;
}

.refome h5 {
	margin-bottom: 0px;
	margin-top: 5px;
}
.cam-img img {
	margin: 10px;
}
.cam_title h4 {
  font-size: 1.8rem;
	color: cadetblue;
	padding_top: 0px;
}
.cam_title h5 {
  margin-top: 2px;
	font-size: 1rem;
	color: #375e97;
}

.line_application {
	position: relative;
}  
.line_application p {
	margin: 0;
  font-size: 1.1rem;
	text-align: left;
  color: #000000;
  position: absolute;
  top: 170px; /*上から20px*/
  left: 50px; /*左から30px*/
	width: 55%;
}

.top-margin img {
	margin-top: 100px;
}
.insta .marker {
	background : linear-gradient(transparent 80%, #ffa64d 40%);
}
.insta img {
	width: 20px;
	padding-bottom: 5px;
}
.wmm main {
	margin-top: 0px;
	
}
.event_area h4 {
	margin: 0;
  padding: 10px 0 5px;
  font-size: 1.2rem;
  font-weight: bold; 
  color: #0066b3;
  text-align: center;
}
.event_area h3 {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
}
.title h2 {
	text-align: center;
}


@media print, screen and (min-width: 1000px) {
	.pcview {
	display: none;
}
	.spview {
		display: block;
	}
	
}
@media print, screen and (min-width: 769px) {
  .campaign-inner {
    margin-top: 0px;
    padding: 60px 10px 50px;
    background: #fff;
    background-size: contain;
  }
	.cam-img {
		width: 30%;
	}
}
@media print, screen and (max-width: 768px) {
	.campaign-inner  {
		padding-bottom: 30px;
	}

	.water_nagare h3 {
		    font-size: 0.9rem;
	}
	.sma{
        display: block;
    }
	.pcview2 {
	display: block;
}
	.spview2 {
		display: none;
	}
}

@media print, screen and (max-width: 767px){
  .cam_title h4 {
  font-size: 1.2rem;
	color: cadetblue;
	padding_top: 0px;
}
	.line_application p {
	margin: 0;
  font-size: 0.5rem;
	text-align: left;
  color: #000000;
  position: absolute;
  top: 120px; /*上から20px*/
  left: 50px; /*左から30px*/
	width: 45%;
}
	
}
@media print, screen and (max-width: 659px){
	
	.line_application p {
	margin: 0;
  font-size: 0.5rem;
	text-align: left;
  color: #000000;
  position: absolute;
  top: 100px; /*上から20px*/
  left: 30px; /*左から30px*/
	width: 50%;
		line-height: normal;
}
}
	


@media print, screen and (max-width: 430px) {
	.water_nagare h3 {
		    font-size: 0.6rem;
	}
	.event_area h4 {
  font-size: 0.8rem;
}
}
@media print, screen and (min-width: 550px){
	.pc_none {
    display: none !important;
	}
	.cam-img {
		width: 60%;
	}
	.pcview2 {
		display: none;
}
	.spview2 {
		display: block;
	}
}
@media print, screen and (max-width: 549px){

	.line_application p {
	margin: 0;
  font-size: 1.1rem;
	text-align: left;
  color: #000000;
  position: absolute;
  top: 160px; /*上から20px*/
  left: 50px; /*左から30px*/
	width: 80%;
		line-height: normal;
}
}
@media print, screen and (max-width: 449px){
	 .cam_title h4 {
  font-size: 1.2rem;
	color: cadetblue;
	padding_top: 0px;
}
	.cam_title h5 {
  margin-top: 2px;
	font-size: 0.8rem;
	color: #375e97;
}
	.line_application p {
	margin: 0;
  font-size: 0.8rem;
	text-align: left;
  color: #000000;
  position: absolute;
  top: 130px; /*上から20px*/
  left: 35px; /*左から30px*/
	width: 80%;
		line-height: normal;
}
}