@charset "utf-8";


/**********イベント**********/


/**********全体**********/

body{
	background-color:#FFF
}

#wrap {
	overflow:hidden;
}

.fs-l-main {
    margin: 0 auto;
    padding: 0;
    max-width: 1100px;
	width: 100%;
}

#contentArea{
	width:100%;
	margin:0;
	line-height: 120%;
	font-size: 70%;
	margin:auto auto 15% auto;
	background-color:#FFF;
	padding:0;
}




#contentArea img{
	width:100%;

}

img[usemap] {
    max-width: 100%;
    height: auto;
}








/**********上部**********/


#renkei .fv {
    margin: auto -27% 8%;
}
 
#renkei {
	text-align: center;
}

#renkei p {
	font-size: 12px!important;
	color: #cc0000;
}

#renkei >img {
	width: 80%;
	margin: 2% auto 5%;
}



#step {
    width: 85%;
    margin: 8% auto 7%;
}

#step .QA_b {
	width: 40%;
	margin: 9% auto 0;
}



#contentArea .pageTtl{
    margin: auto -25%;
}

	
	
/**********友達登録**********/	


#howto1 .pageTtl img{
	margin-top: 5%;
}

#howto1 .friend_b{
    width: 55%;
    margin: 10% auto;
}

#howto1 .friend_qr{
	  display:none;
}  

#howto1 .friend_txt {
	text-align: center;
}

#howto1 .friend_txt img {
	width: 14%;
}

#howto1 .friend_txt p {
    margin: 8% auto 8%;
    font-size: 13px;
    letter-spacing: 1.5px;
    color: #000;
}

#howto1 .friend_txt p span {
	font-weight: 600;
}




/**********ID連携**********/


#howto2 .pageTtl img{
	margin-top:5%;
}

#howto2 .renkeiimage {
    text-align: center;
    margin-bottom: 11%;
}

#howto2 .renkeiimage img {
	width: 70%;
	margin: 10% auto 3%;
}

#howto2 .renkei_txt {
    margin: auto auto 10%;
	width: 80%;
    text-align: left;
}

#howto2 .renkei_txt p{
    font-size: 11px;
    line-height: 1.5;
}

#howto2 .renkei_txt p:nth-of-type(2){
	margin-top: 2%;
}




/**********Q&A**********/

#QA {
	text-align: center;
}

#QA > img {
	width: 85%;
	margin: 10% auto;
}





	

/***************▼PC▼*****************/


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

body{
	background-color:#efeeeb;
}
#wrap{
	background-color:#efeeeb;
}

#contentArea{
	background-color:#FFF;
	margin:0 auto 10% auto;
	width:1000px;
	line-height: 130%;
	font-size:100%;
}

/**********上部**********/

#renkei .fv {
    margin: auto auto 4%;
}

#renkei >img {
    width: 50%;
    margin: 2% auto 5%;
}

#renkei p {
	font-size: 17px!important;
}

#contentArea .pageTtl{
    margin: auto;
	width: 92%;
}

#step {
    width: 55%;
    margin: 1% auto 3%;
}

#step .QA_b {
    width: 35%;
    margin: 8% auto;
}

#howto{
    width: 78%;
    margin: auto;
}

/**********友達登録**********/	

#howto1 .pageTtl img {
    margin-top: 6%;
}

#howto1 .friend_b {
    width: 35%;
    margin: 7% auto;
}

#howto1 .friend_qr{
	display:block;
	width: 32%;
    margin: auto;
}  

#howto1 .friend_txt img {
    width: 10%;
}

#howto1 .friend_txt {
    margin-top: 7%;
}

#howto1 .friend_txt p {
    margin: 5% auto 3%;
    font-size: 18px;
}


/**********ID連携**********/

#howto2 .pageTtl img {
    margin-top: 6%;
}

#howto2 .renkeiimage img {
    width: 45%;
    margin: 8% auto 2%;
}

#howto2 .renkei_txt {
	width: 73%;
}

#howto2 .renkei_txt p{
    font-size: 16px;
	line-height: 1.8;
}

#howto2 .renkei_txt br{
	display: none;
}


/**********Q&A**********/

#QA > img {
    width: 60%;
	margin-top: 5%;
}


}