/*reset*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none !important}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


img {
  width: 100%;
  height: auto;
}

body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','YuGothic','Yu Gothic','メイリオ', 'Meiryo','ＭＳ Ｐゴシック','MS PGothic', sans-serif;
}


/* パソコン（width:960px以上） */
@media screen and (min-width:769px) {

	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

html {
	height:100%;
}
body {
	height:100%;
	width:100%;
	position:relative;
	background: url("../images/pk_bg.jpg") center/cover no-repeat;
    background-repeat: repeat;
	background-position: center;
	color:#000000;
}

body:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -100;
width: 100%;
height: 100vh;
background: url("../images/pk_bg.jpg") center/cover no-repeat;
    background-size: cover;
-webkit-background-size: cover;
		
	}



#wrap{
width: 980px;
margin: 0 auto;
	min-height:100%;
}

#header{
	position: relative;
	top: 0;
	margin: 0 auto;	
	}
	
#campaign{
position: relative;
}	

#jizen{
	position: relative;
margin-top: -40px;
	}
	
.dousa{
position: absolute;
top: 84px;
right: 106px;
	}

.dousa img{
	width: 240px;
}	

.twitter{
position: absolute;
    top: 564px;
    left: 175px;
}

.twitter img {
width: 246px;
}
.line{
position: absolute;
    top: 564px;
    right:181px;
}

.line img {
width: 246px;
}
	
.iOS{
position: absolute;
top: 309px;
left: 179px;
}
	
.iOS img {
width: 249px;
}

	
.android{
position: absolute;
top: 309px;
right: 150px;
}
	
.android img {
width: 304px;
}
		
	
.yoyaku{
position: absolute;
right: 171px;
bottom: 110px;
}

.yoyaku img {
width: 212px;
}
	

	
#gunbitsite{
position: relative;

	}


.sitebtn{
position: absolute;
left: 0;
right: 0;
bottom: 60px;
margin: 0 auto;
text-align: center;
	}

.sitebtn img{
width: 522px;
	
	}
	
	
#sns{
position: relative;
width: 100%;
	}
	
.sns_contents{
position: absolute;
height: 74px;
width: 174px;
left: 0;
right: 0;
margin: 0 auto;		

	}
	
.sns_twitter{
float: left;
margin-right: 10px;		
	}	

.sns_twitter img{
width: 74px;
	}

	
.sns_line{
float: left;
margin-right: 10px;		
	}	

.sns_line img{
width: 74px;
	}

	
.sns_fb{
		
	}	
	
.sns_fb img{
width: 74px;
	}

.footer{
	position: relative;
	height: 130px;

	width: 100%;
	text-align: center;
	color: #fff;
padding: 10px;
margin-top: 90px;
	}
	
	
}




/* ipad（width:768px以下） */
@media screen and (max-width: 768px) {
	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }

	

html {
	height:100%;
}


body {
	height:100%;
	width:100%;
	position:relative;
	background: url("../images/pk_bg.jpg") center/cover no-repeat;
    background-repeat: repeat;
	background-position: center;
	color:#000000;
}

body:before {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
	width: 100%;
	height: 100vh;
	background: url("../images/pk_bg.jpg") center/cover no-repeat;
    background-size: cover;
-webkit-background-size: cover;
	
	}
	
	
#wrap{
	width:100%;
	margin:-0 auto;
	min-height:100%;
}




#header{
	position: relative;
	top: 0;
	margin: 0 auto;	
	}
	
#campaign{
position: relative;
}	

#jizen{
	position: relative;
margin-top: -5vw;	}
	
.dousa{
position: absolute;
top: 8vw;
right: 10vw;
	}

.dousa img{
	width: 26vw;
}	

.twitter{
position: absolute;
top: 57vw;
left: 17vw;
}

.twitter img {
width: 27vw;
}
.line{
position: absolute;
top: 57vw;
right: 17vw;
}

.line img {
width: 27vw;
}
	
.iOS{
position: absolute;
top: 31vw;
left: 19vw;
}
	
.iOS img {
width: 25vw;
}
	
	
.android{
position: absolute;
top: 31vw;
right: 15vw;
}
	
.android img {
width: 32vw;
}
	
	
.yoyaku{
position: absolute;
right: 17vw;
bottom: 11vw;
}

.yoyaku img {
width: 22vw;
}
	

	
#gunbitsite{
position: relative;
	}


.sitebtn{
position: absolute;
left: 0;
right: 0;
bottom: 6vw;
margin: 0 auto;
text-align: center;
	}

.sitebtn img{
width: 56vw;
	
	}
	
	
#sns{
position: relative;
width: 100%;
	}
	
.sns_contents{
position: absolute;
width: 24vw;
left: 0;
right: 0;
margin: 0 auto;		

	}
	
.sns_twitter{
float: left;
margin-right: 2vw;		
	}	

.sns_twitter img{
width: 10vw;
	}

	
.sns_line{
float: left;
margin-right: 2vw;		
	}	

.sns_line img{
width: 10vw;
	}

	
.sns_fb{
		
	}	
	
.sns_fb img{
width: 10vw;
	}

.footer{
position: relative;
width: 100%;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: 12vw;
padding: 3vw;
	}
		
	
	

}


/* スマホ（width:480px以下） */
@media screen and (max-width: 480px) {
	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }

	
html {
	height:100%;
}


body {
	height:100%;
	width:100%;
	position:relative;
	background: url("../images/pk_bg.jpg") center/cover no-repeat;
    background-repeat: repeat;
	background-position: center;
	color:#000000;
}

body:before {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
	width: 100%;
	height: 100vh;
	background: url("../images/pk_bg.jpg") center/cover no-repeat;
    background-size: cover;
-webkit-background-size: cover;
	
	}
	
	
#wrap{
	width:100%;
	margin:-0 auto;
	min-height:100%;
}




#header{
	position: relative;
	top: 0;
	margin: 0 auto;	
	}
	
#campaign{
position: relative;
}	

#jizen{
	position: relative;
margin-top: -5vw;	}
	
.dousa{
position: absolute;
top: 8vw;
right: 10vw;
	}

.dousa img{
	width: 26vw;
}	

.twitter{
position: absolute;
top: 57vw;
left: 17vw;
}

.twitter img {
width: 27vw;
}
.line{
position: absolute;
top: 57vw;
right: 17vw;
}

.line img {
width: 27vw;
}
	
.iOS{
position: absolute;
top: 31vw;
left: 18vw;
}
	
.iOS img {
width: 26vw;
}
	
		
.android{
position: absolute;
top: 31vw;
right: 15vw;
}
	
.android img {
width: 32vw;
}
	
.yoyaku{
position: absolute;
right: 17vw;
bottom: 11vw;
}

.yoyaku img {
width: 22vw;
}
	

	
#gunbitsite{
position: relative;
	}


.sitebtn{
position: absolute;
left: 0;
right: 0;
bottom: 6vw;
margin: 0 auto;
text-align: center;
	}

.sitebtn img{
width: 56vw;
	
	}
	
	
#sns{
position: relative;
width: 100%;
	}
	
.sns_contents{
position: absolute;
width: 24vw;
left: 0;
right: 0;
margin: 0 auto;		

	}
	
.sns_twitter{
float: left;
margin-right: 2vw;		
	}	

.sns_twitter img{
width: 10vw;
	}

	
.sns_line{
float: left;
margin-right: 2vw;		
	}	

.sns_line img{
width: 10vw;
	}

	
.sns_fb{
		
	}	
	
.sns_fb img{
width: 10vw;
	}

.footer{
position: relative;
width: 100%;
text-align: center;
color: #fff;
font-size: 11px;
padding: 4vw 0;
margin-top: 10vw;
	}
		
	
	
	
	
	

	
}