@charset "utf-8";

/*------------------------------
	共通スタイル
------------------------------*/
html {
	width: 100%;
	height: 100%;
	font-family: 'Rounded Mplus 1c','Noto Sans JP', sans-serif; 
	color: #000;
}
body { 
	line-height: 2.0;
	width: 100%;
	height: 100%;

	/*	viewport
	------------------------------*/
	-webkit-text-size-adjust: 100%;
}
/*------------------------------
	CMN
------------------------------*/

img {
	vertical-align: bottom;
}

a {
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a:hover{
	opacity: 0.65;
}

#wrapper {
	text-align: center;
}

#mainWrap {
	background-color: #af0102;
}

.head_img {
	background-color: #000000;
}

.twitter_flow li:last-child:after {
	display: none;
}

.twitter_step1 {
	position: relative;
}

.twitter_step1_btn img {
	vertical-align: top;
}

.copyright_img {
	background-color: #FFFFFF;
}

/*------------------------------
main PC
------------------------------*/

@media screen and (min-width: 768px) {

	.spOnly{
		display: none !important;
	}

	#mainWrap {
		min-width: 940px;
		overflow: hidden;
		padding: 0 0 70px;
	}

	.campaign_img {
		margin-bottom: 40px;
	}

	.campaign_text_img {
		margin-bottom: 14px;
	}

	.visual {
		background: url(../img/visual_pc.png) no-repeat center top;
	}
	
	.head_img {
		margin: auto -530px;
	}

	#twitterWrap {
		min-width: 940px;
		overflow: hidden;
		background: url(../img/twitter_bg_pc.png) no-repeat center top #000000;
		padding: 80px 0 100px;
	}

	.twitter_flow li::after {
		content: "";
		display: block;
		background: url(../img/twitter_arrow_pc.png) no-repeat center ;
		height: 40px;
	}

	.twitter_flow li:nth-child(2) {
		margin-top: -5px;
	}

	.twitter_step1_btn {
		position: absolute;
		top: 70px;
		left: 50%;
		transform: translateX(-50%);
	}
	

}

/*------------------------------
main SP
------------------------------*/
@media screen and (max-width:767px){

	img{
		max-width: 100%;
		height: auto;
	}
	.pcOnly{
		display: none;
	}
	html{
		font-size: 1.2vmax;
	}
	body{
		font-size: 1.6rem;
	}

	#mainWrap {
		padding: 0 0 35px;
	}

	.campaign_img {
		margin-bottom: 20px;
	}

	.campaign_text_img {
		margin-bottom: 8px;
	}

	#twitterWrap {
		background: url(../img/twitter_bg_sp.png) no-repeat center top #000000;
		padding: 40px 0 50px;
	}

	.twitter_flow li::after {
		content: "";
		display: block;
		background: url(../img/twitter_arrow_sp.png) no-repeat center ;
		padding-top: 7%;
		background-size: contain;
	}

	.twitter_step1_btn {
		position: absolute;
		top: 66%;
		left: 0px;
		width: 100%;
	}

}