@charset "Shift_JIS";

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

サイト共通

Index:
	__. 構造
	__. エルパカ共通ヘッダー
	__. ローチケ共通ヘッダー
	__. ナビゲーション
	__. レイアウト
	__. 共通フッター
	__. clearfix
-------------------------------------------------------------- */

/*=====================================================
__. 構造
=====================================================*/

body {
	background-color: #fff;
    font: normal normal 13px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
    color: #333;
	position: relative;
}

/*=====================================================
__. エルパカ共通ヘッダー
=====================================================*/

#lpacaHeader {
	padding: 7px 0 3px;
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid #26a2ff;
}
#lpacaHeader dl { margin-left: 13px; }
#lpacaHeader dt, #lpacaHeader dd {
	height: 44px;
	background: url(../../img/common/spr_common_ver3.png) no-repeat 0 0;
	-o-background-size: 300px 136px;
	-moz-background-size: 300px 136px;
	-ms-background-size: 300px 136px;
	-webkit-background-size: 300px 136px;
	background-size: 300px 136px;
	font-size: 1px;
	text-indent: -9999em;
	float: left;
}
#lpacaHeader dt a, #lpacaHeader dd a {
	height: 100%;
	display: block;
}
#lpacaHeader dt { width: 78px; }
#lpacaHeader dd { margin-left: 6px; }
#lpacaHeader #ltike {
	width: 58px;
	background-position: -84px 0;
}
#lpacaHeader #hmvOnline {
	width: 44px;
	background-position: -146px 0;
}
#lpacaHeader #lpacaBooks {
	width: 44px;
	background-position: -195px 0;
}
#lpacaHeader #lpacaGoods {
	width: 46px;
	background-position: -244px 0;
}

/*=====================================================
__. ローチケ共通ヘッダー
=====================================================*/

#ltikeHeader {
	padding: 4px 3%;
	background-color: #26a2ff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #51b5ff;
}
#ltikeHeader h1 {
	width: 94px;
	height: 28px;
	margin-top: 6px;
	background: url(../../img/common/spr_common_ver3.png) no-repeat 0 -50px;
	-o-background-size: 300px 136px;
	-moz-background-size: 300px 136px;
	-ms-background-size: 300px 136px;
	-webkit-background-size: 300px 136px;
	background-size: 300px 136px;
	font-size: 1px;
	text-indent: -9999em;
	float: left;
}
#ltikeHeader h1 a {
	height: 100%;
	display: block;
}
#ltikeNav { float: right; }
#ltikeNav li {
	width: 50px;
	height: 39px;
	margin-left: 0px;
	background: url(../../img/common/spr_common_ver3.png) no-repeat;
	-o-background-size: 300px 136px;
	-moz-background-size: 300px 136px;
	-ms-background-size: 300px 136px;
	-webkit-background-size: 300px 136px;
	background-size: 300px 136px;
	font-size: 1px;
	text-indent: -9999em;
	float: left;
}
#ltikeNav li a {
	height: 100%;
	display: block;
}
#ltikeNav #navNews {
	background-position: -120px -51px;
}
#ltikeNav #navMyPage { background-position: 0 -93px; }
#ltikeNav #navMember { background-position: -60px -93px; }
#ltikeNav #navGuide { background-position: -120px -93px; }

@media screen and (max-width: 320px) {
	#ltikeNav li{
	width:46px;
	margin-left:0;
}
#ltikeNav #navGuide {
	width: 50px;
}
#ltikeNav #navNews {
	margin-left:0;
}
}


/*=====================================================
__. 検索　詳細検索含む
=====================================================*/

.siteSearch {
	background-color: #e1e1e1;
	border-bottom: 1px solid #fff;
}
.siteSearch form {
	padding: 7px 3%;
	border-bottom: 2px solid #26a2ff;
	position: relative;
}
.wrapper+.siteSearch,
.wrapper+.siteSearch form { border: none; }
.siteSearch input[type=text] {
	width: 100%;
	height: 32px;
	margin-bottom: 8px;
	padding: 7px 0 0 18px;
	background: #fff url(../../img/common/spr_common_ver3.png) no-repeat -280px -46px;
	-o-background-size: 300px 136px;
	-moz-background-size: 300px 136px;
	-ms-background-size: 300px 136px;
	-webkit-background-size: 300px 136px;
	background-size: 300px 136px;
	font-size: 107.7%;
	border: 1px solid #858585;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
}
.siteSearch select {
	width: 35%;
	height: 32px;
	font-size: 92.3%;
	border: 0;
	display: block;
	float: left;
}
.siteSearch input[type = image] {
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: absolute;
	left: 37%;
	top: 47px;
}
.siteSearch .btnSearchDetail {
	width: 65%;
	padding-left: 74px;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
}
.siteSearch p {
	width: 100%;
	font-size: 92.3%;
	text-align: center;
	border: 1px solid #89cbf1;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.siteSearch p a {
	padding: 5px 0;
	background: -o-linear-gradient(top, #ddf0fb 0%, #8ecdf2 100%);
	background: -moz-linear-gradient(top, #ddf0fb 0%, #8ecdf2 100%);
	background: -ms-linear-gradient(top, #ddf0fb 0%, #8ecdf2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddf0fb), to(#8ecdf2));
	background: linear-gradient(top, #ddf0fb 0%, #8ecdf2 100%);
	color: #333;
	text-decoration: none;
	border: 1px solid #fff;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
}
.siteSearch p span {
	padding-right: 14px;
	background: url(../../img/common/img_arw_right_black.png) no-repeat 100% 1px;
}

/*=====================================================
__. 検索　詳細検索なし
=====================================================*/

.siteSearchShort {
	background-color: #89cbf1;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.siteSearchShort form {
	padding: 7px 3%;
	border-bottom: 1px solid #26a2ff;
	position: relative;
}
.siteSearchShortInner {
	margin-right: 46px;
	padding-right: 2%;
}
.wrapper+.siteSearchShort,
.wrapper+.siteSearchShort form { border: none; }
.siteSearchShort input[type=text] {
	width: 54%;
	height: 32px;
	padding: 7px 0 0 18px;
	background: #fff url(../../img/common/spr_common_ver3.png) no-repeat -280px -46px;
	-o-background-size: 300px 136px;
	-moz-background-size: 300px 136px;
	-ms-background-size: 300px 136px;
	-webkit-background-size: 300px 136px;
	background-size: 300px 136px;
	font-size: 107.7%;
	border: 1px solid #858585;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .5) inset;
	display: block;
	float: left;
}
.siteSearchShort select {
	width: 42%;
	height: 32px;
	margin-right: 3%;
	font-size: 92.3%;
	border: 0;
	display: block;
	float: left;
}
.siteSearchShort input[type = image] {
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: absolute;
	right: 3%;
	top: 7px;
}

/*=====================================================
__. レイアウト
=====================================================*/

.wrapper {
	padding: 10px 5px 33px;
	background: #89cbf1 url(../../img/common/lin_wrapper_btm.gif) repeat-x 0 100%;
}
.inner {
	padding-bottom: 10px;
	background-color: #fff;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.container { padding: 0 10px 10px; }

/*=====================================================
__. 共通フッター
=====================================================*/

footer .footerLink {
	width: 100%;
	text-align: center;
}
footer .footerLink:first-child { padding-top: 18px; }
footer .footerLink li {
	padding: 0 8px 0 5px;
	font-size: 92.3%;
	line-height: 1;
	vertical-align: top;
	display: inline-block;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #8f8f8f;
}
footer .footerLink li:last-child { border: none; }
footer .footerLink li a { color: #333; }
footer .footerCopy {
	margin: 8px 0 6px;
	font-size: 84.6%;
	text-align: center;
}
#lawsonFooter { background-color: #000;
	font-size: 92.3%;
	text-align: center;
	color: #333;
}
ul.topicPath3 {
	margin: 0;
	border-bottom: 1px solid #CBC9C9;
	background: #DFDEDE;
	background-image:
		-o-linear-gradient(
			top,
			#F3F3F3 0%,
			#F3F3F3 20%,
			#DFDEDE 80%,
			#DFDEDE 100%
		);
	background-image:
		-moz-linear-gradient(
			top,
			#F3F3F3 0%,
			#F3F3F3 20%,
			#DFDEDE 80%,
			#DFDEDE 100%
		);
	background-image:
		-ms-linear-gradient(
			top,
			#F3F3F3 0%,
			#F3F3F3 20%,
			#DFDEDE 80%,
			#DFDEDE 100%
		);
	background-image:
		-webkit-gradient(
			linear, left top, left bottom,
			from(#F3F3F3),
			color-stop(0.2, #F3F3F3),
			color-stop(0.8, #DFDEDE),
			to(#DFDEDE)
		);
	background-image:
		linear-gradient(
			top,
			#F3F3F3 0%,
			#F3F3F3 20%,
			#DFDEDE 80%,
			#DFDEDE 100%
		);
}
ul.topicPath3:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; font-size: 0; }
ul.topicPath3 li {
	float: left;
	padding: 4px 15px 4px 5px;
	background: url(https://loppi.jp/user_data/sphone/common/imgs/normal/bg-topicPath3.png) no-repeat 100% 50%;
}
ul.topicPath3 li:first-child { padding-left: 15px; }
ul.topicPath3 li:last-child {
	background-image: none;
	padding-right: 0;
}
ul.topicPath3 li:last-child span.current {
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
	background: url(https://loppi.jp/user_data/sphone/common/imgs/normal/bg-topicPath3-02.png) no-repeat 0 50%; 
}

/*=====================================================
__. clearfix
=====================================================*/
#lpacaHeader:after,
#ltikeHeader:after,
#ltikeNav:after,
.siteSearch form:after,
.siteSearchShort form:after,
footer .footerLink:after,
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }