@charset "UTF-8";
/*ALL Settings*/


html {
  height: 100%; }

body {
  height: 100%;
   font-family: "M PLUS Rounded 1c";
	background:url("/img/bgXj5MvsuC.jpg") repeat ;
}

#kv {
	text-align:center;
	width:100%;
	margin:0 auto 150px;
}
#kv img {
	width:100%;
}

.iframe_wrap {
position: relative;
padding:0 0 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
margin: 0px auto 0px;
text-align: center;
}

.iframe_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sectionbox{
	 margin: 0 auto 150px;
}

.inner {
  max-width: 850px;
  margin: 0 auto;
text-align:center;
}
#movie .inner {
 
}

#campaign .inner {
		background:#e8797f;
	 padding: 30px 40px 5px;
}

#campaign .inner .title{
margin:0 -100px 30px;
}

#campaign .inner .title img{
	width:100%;
}


#campaign .inner ul.listBox {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;

}
#campaign .inner ul.listBox li {
width:49%;
	text-align:left;
	margin:0 0 5%;
}
#campaign .inner ul.listBox li:nth-child(3) {
	width:100%;
}

#campaign .inner ul.listBox li p.subtit {
	margin:0 0 10px;
}

#campaign .inner ul.listBox li p.subtit span {
	vertical-align:middle;

	
}
#campaign .inner ul.listBox li p.subtit span.ico {

}
#campaign .inner ul.listBox li p.subtit span.icoTxt {
		color:#fff200;
	font-weight:bold;
	line-height:1.2;
	font-size:25px;
	display:inline-block;
	
	padding:0 0 0 10px;
}


#campaign .inner ul.listBox li .thumb img{
		width:100%;
}


footer {

}

footer p {
color: #fff;
padding: 10px 0;
font-size: 12px;
}



@media screen and (max-width: 960px) {
.sp-none {
  display: block;
}

.pc-none {
  display: none;
}

body {
background-size: 30px;
}

#kv {
margin:0 auto 50px;
}

.sectionbox{
	 margin: 0 auto 50px;
}

.inner {
  padding: 0px 20px;
}


#campaign .inner {
padding: 15px 20px 5px;
margin: 0 20px;
}

#campaign .inner .title {
  margin: 0 -34px 15px;
}

#campaign .inner ul.listBox {
display: block;
}

#campaign .inner ul.listBox li {
  width: 100%;
  margin: 0 0 25px;
}
#campaign .inner ul.listBox li p.subtit span {
  vertical-align: top;
}

#campaign .inner ul.listBox li p.subtit span.ico {
  width: 3em;
  display: inline-block;
  font-size: 15px;
}

#campaign .inner ul.listBox li p.subtit span.icoTxt {
font-size: 18px;
width: calc(100% - 3em);
}











}



