@charset "utf-8";

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

/* ------------------------------------------------
 * 										#sp_header
 * ------------------------------------------------ */

#sp_header {
	padding: 7px 5px 10px 10px;
}

#sp_header:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}

#sp_header {
	zoom:1;
	overflow:hidden;
}

#sp_header h1,
#sp_header .header_logo {
	float: left;
	width: 88px;
}

#sp_header p {
	float: right;
}

/*元のサイズ
#sp_header p.header_twitter {
	width: 75px;
}*/
/* //twitterと facebookのアイコンを変更//   */
#sp_header p.header_facebook {
	width: 31px;
	padding:0 5px 0 0;
}
#sp_header p.header_twitter {
	width: 31px;
	padding:0 5px 0 0;
}

#sp_header p.header_home {
	width: 31px;
}

#sp_header p.header_lead {
	clear: both;
}


/*
----------------------------------------------------*/

#indexBox .pkg li {
	float: left;
	width: 50%;
	font-size: 78.5%;
	line-height: 1.2;
}

#indexBox .pkg li a {
	padding: 12px 10px;
	display: block;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #000;
	text-decoration: none;
	background-image: url(../img/ico_arrow01.png);
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right top;
}

#indexBox .pkg li a.last {
	border-bottom: none;
}

}