@charset "UTF-8";
/* CSS Document */

#breadcrumb p.left{ width: auto;max-width: 730px; }
.spOnly{ display: none; }

@media screen and (max-width: 640px) {
	.pcOnly{display: none;}
    .spOnly{display: block;}
	.banner_area,
	#main_nav,
	.breadcrumb,
    #breadcrumbWrap {
		display: none;
	}

/* header
------------------------------ */
#Contents {
    padding-top: 0;
}

#login {
	background:#1d6da4;
	background: -moz-linear-gradient(top, #217ab8, #1d6da4);
	background: -webkit-gradient(linear, left top, left bottom, from(#217ab8), to(#1d6da4));
	color: #fff;

    padding: 1em 0px !important;
    line-height: 1em;
    font-size: 12px !important;
    height: 1em;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}
#login a {
	color: #fff;
	text-decoration: underline;
}
#login p {
    color: #FFF;
    display: block;
    float: right;
    padding: 0.7em 0.7em 0.7em 0.3em;
    margin: -0.7em 5px -0.7em 0px;
    vertical-align: middle;
}
#login p:first-of-type {
    float: left;
}
/**/
#head_container {
	background: url(/contents/img/sp/header_bg.gif) repeat-x;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	width:100%;
	overflow: hidden;
}
#head_container .iconNav{
	float: right;
	margin-right: 10px;
}
#head_inner{
	background-size: 100% 100%;
	padding: 6px 7px;
	height: 50px;
}
#logo {width: 170px;padding: 0;}
#logo img {
  float: left;
  margin-top: 7px;
  width: 170px;
  height: 22px;
  background: url(/contents/img/sp/header_logo.gif) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}


/* Contents
------------------------------ */
#Contents {
	width: 100%;
	padding-bottom: 40px;
}

/* footer
------------------------------ */
#footer {
    border-top: 1px solid #C7C7C7;
    padding: 10px 7px 60px;
    clear: both;
	background: none;
	line-height: 21px;
}
#footer .credit{float: left;}
#footer .credit .gnaviLogo {
    width: 56px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    text-indent: -9999px;
    background: transparent url("../../../../sp/img/common/logo_implay.png") no-repeat scroll 0px 0px / 56px 16px;
}
#footer .credit .copyright {
    font-family: "HelveticaNeue",sans-serif;
    font-size: 12px;
    color: #444;
    display: inline-block;
}
#footer .deviceSwitch{float: right;}
#footer .deviceSwitch .deviceSwitch-btn {
    border: 1px solid #999;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 5px 1px 25px;
    line-height: 18px;
    font-size: 16px;
    color: #333;
    background: transparent url("../../sp/img/common/gnavi_ft_ic01.png") no-repeat scroll 5px center / 11px 11px;
    text-indent: 0px;
    text-align: left;
}

}