@charset "utf-8";
/*CSS INFOMATION=======================

SP CSS

File name : sp.css
   
====================================*/

@media all and (min-width: 0px) and (max-width: 640px) {
	
/*----------------------------------------
	
	=COMMON
-----------------------------------------*/


.pcBox{
	display:none;
}

#contents{
	margin:0;
}

header{
	background:#000;
	padding:15px 12px;
}

#pageTop{
	text-align:center;
	padding:30px 0 30px;
	clear:both;
}

#pageTop img{
	width:30px;
	height:auto;
}

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


footer{
	padding:15px 0;
	background:#000000;
	clear:both;
}

.footLink{
	text-align:center;
}

.footLink li a{
	background:#fff;
	display:block;
	margin:3px 15px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.footLink li img{
	width:160px;
	height:auto;
}
	



.footLink a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


#copy {
	clear:both;
	text-align: center;
	color: #fff;
	padding: 10px 0 0;
	font-size:10px;

}

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

h2{
	padding:30px 0 10px;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin:0 12px;
}

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

h3{
	padding:15px 0 0;
}


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

h4{
	padding:20px 0 10px;
}

h4 img{
	width:50px;
	height:auto;
}

ul.listA li{
	border-bottom:1px solid #ccc;
	padding:20px 0;
	margin:0 12px;
}


ul.listA li img{
	width:100%;
	height:auto;
}

#snsBox{
	width:108px;
	margin:0 auto;
}

#snsBox li{
	float:left;
	width:30px;
	margin:3px;
	
}

#snsBox li img{
	width:100%;
	height:auto;
}


.btnA{
	padding:20px 0 10px;
}

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


/*

BOX
-----------------------*/
.txtBoxA{
	padding:20px 0 0;
	clear:both;
	text-align:center;
	margin:0 12px 0; 
}

.txtBoxB{
	padding:20px 0 10px;
	text-align:center;
}

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

.txtBoxB img{
	width:75%;
	height:auto;
}

.listBox{
	padding:0 0 30px;
}


/*

float
-----------------------*/
	


.leftBoxA{

}


.rightBoxA{

}

.leftBoxB{
	padding:0 12px 20px;
}

.rightBoxB{

	border-bottom:1px solid #ccc;
	padding:0 12px 20px;
}


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

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



	
}