@charset "utf-8";

/*--------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------*/


/* 検索情報
------------------------------------------------------------*/

.targetArea dt,
.targetArea dd {
	display: inline;
}
.targetArea dt:after {
	content: "：";
	margin-right: 3px;
}


/* リンクリスト
------------------------------------------------------------*/

.areaSearch li a {
	padding-right: 85px;
	overflow: hidden;
}

.areaSearch .count,
.countDsp .count {
	position: absolute;
	top: 50%;
	right: 10%;
	width: 42px;
	white-space: nowrap;
	margin-top: -9px;
	padding: 2px 5px;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 12px;
	color: #555;
	text-align: center;
}

li.loadMore a {
	padding: 10px;
	background: none;
	text-align: center;
}



/* 都道府県選択
------------------------------------------------------------*/

.areaSelect {
	margin: 10px 10px 0;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 3px #DDD;
	-moz-box-shadow: 1px 1px 3px #DDD;
	box-shadow: 1px 1px 3px #DDD;
	overflow: hidden;
}

.areaSelect li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	width: 50%;
	background: #FFF;
	border-bottom: 1px solid #DDD;
}

.areaSelect li:nth-of-type(2n+1) { border-right: 1px solid #DDD; }

.areaSelect li a {
	padding: 10px;
	color: #555;
	text-align: center;
}

.areaSelect .selected a {
	background: -webkit-gradient(
					linear,
					left top, right bottom,
					from(#D8EBFD),
					to(#99CBF9)
				);
	background: -moz-linear-gradient(center top , #D8EBFD, #99CBF9);
	color: #3665C0;
	text-shadow: 0 1px 0 #FFF;
	font-weight: bold;
}


/*--------------------------------------------------------------------
 フッタ
----------------------------------------------------------------------*/

.contentFooter {
	padding: 10px;
	overflow: hidden;
}

.pageBack { float: left; }

.pageBack a {
	display: inline-block;
	padding: 5px 15px 5px 26px;
	background: #636C79 url("/SYS/smartphone/images/icon_link_back.gif") no-repeat 15% 49%;
	border: 1px solid #838c99;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
}

.pageTop { float: right; }

.pageTop a{
	display: inline-block;
	padding: 5px 15px;
	background: #D5D9DF;
	border: 1px solid #B5B9BF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #525c69;
}


/*--------------------------------------------------------------------
 chain list
----------------------------------------------------------------------*/

.searchShopBtn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 113px;
	height: 49px;
	padding: 17px 5px 0;
	background: url("/SYS/smartphone/images/icon_loupe.png") no-repeat 10px 50%,
				-webkit-gradient(
					linear,
					left top, left bottom,
					from(#dbdafa),
						color-stop(0.1, #6AA8EF),
						color-stop(0.5, #4A91E3),
						color-stop(0.5, #3685E0),
						color-stop(0.9, #6AA8EF),
					to(#dbdafa )
				);
	background: -moz-linear-gradient(top, #dbdafa, #6AA8EF 10%, #4A91E3 50%, #3685E0 50%, #6AA8EF 90%, #dbdafa);
	border: 1px solid #3685E0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	text-indent: 10px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #3E7DCD;
}

.linkToTop{
	display: inline-block;
	padding: 5px 15px;
	background: #D5D9DF;
	border: 1px solid #B5B9BF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #525c69;
}

.chainGrd	{
	padding: 10px;
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#ffffff),
					to(#F1F1F1)
				);
	background: -moz-linear-gradient(center top , #ffffff, #F1F1F1);
	border-bottom: 1px solid #DDD;
}

.pageLink {
	text-align: center;
	background: url("/SYS/smartphone/images/bg_pager.gif");
}

.pageLink li {
	display: inline-block;
	width: 50px;
	color: #666;
	line-height: 1.5;
}
.pageLink li:nth-of-type(2) { width: auto; }

.pageLink li:nth-of-type(1) { text-align: left; }
.pageLink li:nth-of-type(3) { text-align: right; }

.pageLink li a { color: #1470CC; }

.fpageLink li a:link,
.pageLink li a:active {
    display: block;
    text-decoration: none;
}
.pageLink li a:hover {
	text-decoration: underline;
}

.listRowChain {
	background: #FFF;
	border-top: 1px solid #DDD;
}

.listRowChain li{
	position: relative;
	clear: both;
	border-bottom: 1px solid #DDD;
	padding: 10px;
}


.listRowChain li span,
.listRowChain li a	{
	display: block;
	overflow: hidden;
}

.listRowChainLeft{
/*	min-height: 107px;*/
	min-height: 128px;
}

.listRowChainLeft a	{
	position: absolute;
/*	top: 69px;*/
	top: 111px;
}


/*--------------------------------------------------------------------
 検索結果一覧下ページ
----------------------------------------------------------------------*/

.searchPageLink {
	margin: 20px 0;
	position: relative;
}

.pLeft2,
.pRight2 {
	position: absolute;
	top: 50%;
	margin-top: -7px;
}

.pLeft2 { left: 10px; }
.pRight2 { right: 10px; }

.pLeft2 a,
.pRight2 a {
	font-size: 14px;
	color: #1470CC;
}

.searchPageLink ol {
	display: flex; 
}

.searchPageLink ol li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-width: 45px;
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#FFF),
					to(#E2E2E2)
				);
	background: -moz-linear-gradient(center top , #FFF, #E2E2E2);
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.searchPageLink ol li:first-of-type {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.searchPageLink ol li:last-of-type {
	border-right: 1px solid #CCC;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.searchPageLink ol li a,
.searchPageLink ol li.pageSh {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 10px 5px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

.searchPageLink ol li a {
	color: #666;
	text-shadow: 0 1px 0 #FFF;
}

.searchPageLink ol li.pageSh {
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#ABABAB),
					to(#DEDEDE)
				);
	background: -moz-linear-gradient(center top , #ABABAB, #DEDEDE);
	color: #FFF;
	text-shadow: 0 -1px 1px #555;
}


/* 地名テキストリンク
----------------------------------------------------------------------*/

p.areaList { padding: 10px; }

p.areaList a {
	display: inline;
	color: #1470CC;
	line-height: 1.5;
}


/* カラオケ店検索
----------------------------------------------------------------------*/

.karaokeHeader {
	margin-bottom: -5px;
	padding-bottom: 5px;
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(rgba(0, 0, 0, 0)),
						color-stop(0.97, rgba(0, 0, 0, 0.1)),
					to(rgba(0, 0, 0, 0))
				);
	background:	-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 97%, rgba(0, 0, 0, 0));
	border-bottom: none !important;
}

.karaokeHeaderBanner {
	background: #FF5910;
	text-align: center;
}

.karaokeTitle {
	padding: 8px 10px 8px 30px;
	background: url("/SYS/smartphone/images/bg/bg_karaoke_title_left.png") no-repeat 5px 4px,
				url("/SYS/smartphone/images/bg/bg_karaoke_title_right.png") no-repeat right top,
				-webkit-gradient(
					linear,
					left top, left bottom,
					from(#FFAD26),
					to(#FFCC5F)
				);
	background: -moz-linear-gradient(center top , #FFAD26, #FFCC5F);
	border-bottom: 1px solid #B8A195;
	color: #5A0909;
	font-weight: bold;
	text-shadow: 0 1px 1px #FFF;
}

.karaokeSearchList { border-top: 2px solid #FF9600; }

.karaokeSearchList li {
	padding: 10px;
}

.karaokeSearchList li:first-of-type { border-bottom: 2px dotted #FF9600; }
.karaokeSearchList li:last-of-type { border-bottom: 2px solid #FF9600; }

.karaokeCoupon {
	position: relative;
	margin-top: 8px;
	padding: 5px 10px 3px;
	background: -webkit-gradient(
					linear,
					left top, right bottom,
					from(#F3B856),
						color-stop(0.5, #F3B856),
					to(#F3B246)
				);
	background: -moz-linear-gradient(top, #F3B856, #F3B856 50%, #F3B246);
	-webkit-border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
	border-radius: 0 0 15px 0;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	font-size: 12px;
	color: #853824;
	line-height: 1.4;
	font-weight: bold;
	overflow: hidden;
}

.karaokeCoupon:before {
	position: absolute;
	right: 5px;
	bottom: -5px;
	font-size: 28px;
	color: rgba(90, 38, 9, 0.07);
	-webkit-transform: rotate(-7deg);
	content: "Coupon";
}
.karaokeCoupon:after {
	display: block;
	position: absolute;
	right: -1px;
	bottom: 0px;
	width: 11px;
	height: 7px;
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#F5EDC8),
						color-stop(0.2, rgba(245, 237, 200, 0)),
					to(rgba(245, 237, 200, 0))
				);
    background: -moz-linear-gradient(top, #F5EDC8, rgba(245, 237, 200, 0) 20%, rgba(245, 237, 200, 0));
	-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
    -moz-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	content: "";
}

.karaokeCoupon a {
	color: #853824;
}
.karaokeSearchList h2.bold a {
	padding: 0;
}

/*--------------------------------------------------------------------
 検索結果一覧新規アイコン
----------------------------------------------------------------------*/
.iconNetReserve {
	background-color: #3888e5;
	width: 54px;
	padding: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 10px;
	font-weight: bold;
	color: white;
	line-height: 1 !important;
	text-align: center;
}

/*アイコン*/
.iconYoyakuRed,
.iconYoyakuBlue,
.iconYoyakuOrange,
.iconYoyakuBrown,
.iconYoyakuGreen {
	width: 55px;
/*	padding: 1px;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1 !important;
	text-align: center;
}
.iconYoyakuRed {
	background-color: #BC1B23;
	border: 1px solid #CE3F45;
}
.searchConditionsList {
	margin-top: 5px;
	margin-right: -2px;
}
.searchConditionsList > li {
	float: left;
	margin-bottom: 2px;
	margin-right: 2px;

}
.icnTxtSearchCoupon {
	width: 49px;
	font-size: 9px;
	display: inline-block;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #F4B000;
}
.icnTxtSearchToday {
	width: 49px;
	font-size: 9px;
	display: inline-block;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #E41A12;
}
/* EOF */