@charset "utf-8";


/* ------------------------------------------------------------ wrapper */
.shopWrap {
	background: url("/SYS/smartphone/images/bg_platform.gif") repeat 0 0;
}

/* ------------------------------------------------------------ メインコンテンツ */
.contentsPhotogallery {
	padding: 10px;
	background: #FFFFFF;
}

.contentsPhotogalleryMain {
	background: #000000;
}

/* 通常リスト */
.iListTitle {
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	color: #4B4B4B;
}

.iList {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFFFFF;
	border: 1px solid #CDCDCD;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iListFull {
	background: #FFFFFF;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}

.iList.iInfo { background: #FFF8E0; }

.iList li,
.iListFull li {
	padding: 10px;
	border-bottom: 1px solid #CDCDCD;
}

.iList li:last-child,
.iListFull li:last-child {
	border-bottom: none;
}

.iList li.spName {
	padding-top: 20px;
	padding-bottom: 20px;
}

.iList .iListLink,
.iList .iListMenuLink,
.iListFull .iListLink {
	padding: 0;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
}

.iList .iListCheckLink { padding: 0; }
.iList .iListCheckLink a { padding: 10px; }

.iListLink a {
	padding: 10px 10px 10px 10px;
}

.iListMenuLink a{
	padding: 10px 30px 10px 10px;
}

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


/* 飲み放題メニューリスト */
.iDefinitionList {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFFFFF;
	border: 1px solid #CDCDCD;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iDefinitionList dt {
	border-bottom: 1px solid #CDCDCD;
	color: #767676;
	font-size: 14px;
	font-weight: bold;
}

.iDefinitionList dt,
.iDefinitionList dd {
	padding: 10px;
}

.info dt{
	float:left;
	width: 37%;
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #767676;
}

.infoInput dt{
	font-size: 14px;
	font-weight: bold;
	color: #767676;
}

.info dd {
	float:left;
	width: 57%;
	word-wrap: break-word;
}

.infoInput dd{
	word-wrap: break-word;
}

.info dd p,
.infoInput dd p{
	font-size: 14px;
}

.info dd ul.innerList li,
.infoInput dd ul.innerList li{
	border: none;
	margin-bottom: 5px;
	padding: 0 10px 0 18px;
	font-size: 14px;
	line-height: 1.4em;
	text-indent: -20px;
}

.info dd .inputFull { width: 90%; }
.infoInput dd .inputFull { width: 85%; }
.infoInput dd textarea.inputFull { width: 98%; }

.info dd .inputMiddle,
.infoInput dd .inputMiddle {
	width: 65%;
}

.infoTitle,
.infoBody {
	display: block;
}

.infoTitle {
	float:left;
	width: 40%;
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #767676;
}

.sslCmt {
	margin: 20px 10px -20px;
	font-size: 14px;
	color: #666;
}

.infoBody {
	float:left;
	width: 53%;
}


.iList .linkMap {
	padding: 0;
	background: url("/SYS/smartphone/images/icon_map.gif") no-repeat 96% 50%;
}

.linkMap a {
	padding: 10px 35px 10px 10px;
}


.iList .linkTel {
	padding: 0;
	background: url("/SYS/smartphone/images/icon_tel.gif") no-repeat 96% 50%;
}

.needCouponList .linkTel {
	background: url("/SYS/smartphone/images/icon_tel.gif") no-repeat 96% 50%;
}

.linkTel a {
	padding: 10px 35px 10px 10px;

}

/* ------------------------------------------------------------ クーポンリスト */
.iCouponList {
	margin-left: 10px;
	margin-right: 10px;
	background: #dd0705;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iCouponListColor {
	margin-left: 10px;
	margin-right: 10px;
	background: #fbf882;
	border: 1px solid #999999;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iCouponListColorNothing {
	margin-left: 10px;
	margin-right: 10px;
	background: #fbf882;
	border: 1px solid #999999;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.iCouponList li {
	border-bottom: 1px solid #FFFFFF;
	background: url("/SYS/smartphone/images/icon_link_w.gif") no-repeat 96% 50%;
}

.iCouponListColor li {
	border-bottom: 1px solid #999999;
	background: url("/SYS/smartphone/images/icon_link_b.gif") no-repeat 96% 50%;
}

.iCouponList li:last-child,
.iCouponListColor li:last-child {
	border-bottom: none;
}

.iCouponList a,
.iCouponListColor a {
	padding: 10px 30px 10px 10px;
}

.iCouponTitle {
	display: block;
	font-weight: bold;
	text-align: center;
	color: #FFC473;
}

.iCouponTitleColor {
	display: block;
	font-weight: bold;
	text-align: center;
	color: #dd0705;
}

.iCouponList dt,
.iCouponList dd,
.iCouponListColor dt,
.iCouponListColor dd {
	display:inline-block;
	margin-top:5px;
	vertical-align: middle;
	font-size: 14px;
	color: #FFFFFF;
}

/* クーポン注意事項 */
.couponNotes {
	display: block;
	font-size: 14px;
	color: #FFFFFF;
}

.couponNotesColor {
	display: block;
	font-size: 14px;
	color: #000000;
}

.iCouponLogo {
	display: block;
	height: 18px;
	margin-top: 5px;
	text-align: right;
}

/* ------------------------------------------------------------ コースリスト */
.iCourseList {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFFFFF;
	border: 1px solid #CDCDCD;
}

.iCourseList li {
	padding: 0;
	border-bottom: 1px solid #CDCDCD;
	font-weight: bold;
}

.iCourseList li:last-child {
	border-bottom: none;
}

.iCourseTitle {
	display: block;
	padding: 10px 10px 0 10px;
	text-align: center;
}

.iCourseDetail {
	display: block;
	margin-right: 10px;
	padding: 10px 15px 10px 10px;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 100% 50%;
	text-align: right;
}

.currentT,
.currentB {
	background: #CCCCCC;
}

.currentT .iCourseDetail {
	display: block;
	margin-right: 10px;
	padding: 10px 15px 10px 10px;
	background: url("/SYS/smartphone/images/icon_open_top.gif") no-repeat 100% 50%;
	text-align: right;
}

.currentB .iCourseDetail {
	display: block;
	margin-right: 10px;
	padding: 10px 15px 10px 10px;
	background: url("/SYS/smartphone/images/icon_open_bottom.gif") no-repeat 100% 50%;
	text-align: right;
}

/* フロート対応 */
.titleFloat {
	float: left;
	font-weight: bold;
}

.linkFloat {
	float: right;
	margin-right: 10px;
	padding: 0 20px 0 0;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 100% 50%;
}

.linkFloat a {
	color: #4B4B4B;
}


/* このコースはクーポンが必要です（注意書き） */
.needCouponList {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFF2F2;
	border: 1px solid #C98484;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.needCouponList li {
	padding: 10px;
	border-bottom: 1px solid #C98484;
}
.needCouponList li:last-child {
	border-bottom: none;
}

.needCouponList .iListLink {
	padding: 0;
}
.couponCheckSpace {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFF2F2;
	border: 1px solid #C98484;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding: 15px 0 15px 0;
}
.couponCheckSpaceTitle,
.needCouponTitle {
	font-weight: bold;
	color: #B30000;
}

.needCouponBody {
	margin-top: 5px;
	font-size: 12px;
}

/* メニュー */
.menu {
	float: left;
	width: 69%;
	margin-right: 15px;
}

.price {
	float: left;
	width: 25%;
	font-weight: bold;
	text-align: right;
	color: #767676;
}

/* 注意書き */
.notice {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	color: #4B4B4B;
}

/* ------------------------------------------------------------ 地図 */

.mapArea {
	width: 280px;
	margin: 0 auto;
}

/* ------------------------------------------------------------ フォトギャラリー */
/* 一覧ページ */
.photoList li {
	float: left;
	width: 60px;
	margin: 10px 10px 0 10px;
	text-align: center;
}

.photogalleryWrap {
	background: #000000;
	color: #FFFFFF;
}

/* 写真ページ */
.photoNote {
	font-size: 14px;
	text-align: center;
}

.beforePhoto {
	float: left;
	width: 50%;
	height: 20px;
	text-align: center;
}

.nextPhoto {
	float:right;
	width: 50%;
	height: 20px;
	text-align: center;
}

.beforePhoto a {
	height: 20px;
	text-align: center;
}

.nextPhoto a {
	height: 20px;
	text-align: center;
}


/* ------------------------------------------------------------ 条件指定 */

.hBtn {
	margin-top: 15px;
	text-align: center;
}

.hBtn a {
	display: inline;
	margin-left: 3px;
	margin-right: 3px;
}


/* ------------------------------------------------------------ 口コミ詳細 */

.reportInfo dt {
	float:left;
	width: 44%;
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #767676;
}

.reportInfo dd {
	float:left;
	width: 50%;
	font-size: 14px;
	word-wrap: break-word;
}


/* ------------------------------------------------------------ タブボタン */

ul.tabNav {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

ul.tabNav li {
	float: left;
	width: 74px;
	vertical-align: middle;
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#B9BBBE),
						color-stop(0.5, #989B9F),
						color-stop(0.5, #898D91),
					to(#8F9397)
				);
	background: -moz-linear-gradient(
					top,
					#B9BBBE,
					#989B9F 50%,
					#898D91 50%,
					#8F9397
				);
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}

ul.tabNav li:first-child {
	width: 73px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

ul.tabNav li:last-child {
	border-right: 1px solid #555;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

ul.tabNav li.current {
	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#FFF),
						color-stop(0.5, #FFF),
						color-stop(0.5, #E6E6E6),
					to(#DDD)
				);
	background: -moz-linear-gradient(
					top,
					#FFF,
					#FFF 50%,
					#E6E6E6 50%,
					#DDD
				);
}

ul.tabNav li a,
ul.tabNav li span {
	display: table-cell;
	height: 35px;
	vertical-align: middle;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	width: 74px;
}
ul.tabNav > li:first-child a,
ul.tabNav > li:first-child span {
	width: 73px;
}

ul.tabNav li a { text-shadow: 0 -1px 1px #666; }
ul.tabNav li span { text-shadow: 0 1px 1px #FFF; }

ul.tabNav li.current span { color: #333; }


/* ------------------------------------------------------------ クーポンがある近くのお店 */
.iNearCouponWrapper {
	margin-right: 10px;
	margin-left: 10px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
	border-radius: 10px;
}
.iNearCouponHeader {
	margin: 0;
	border-top: 1px solid #fcd643;
	border-left: 1px solid #fcd643;
	border-right: 1px solid #fcd643;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#feefb4),
		color-stop(4%, #ffe9a0),
		to(#ffe074)
	);
	background: -moz-linear-gradient(top, #feefb4, #ffe9a0 4%, #ffe074);
	background-images:url("/SYS/smartphone/images/icon_nearCouponShopList.gif") no-repeat 0% 50%;
	border-radius: 10px 10px 0 0;
	color: #31250d;
	font-weight: bold;
	padding: 8px 8px 5px;
}

.iNearCouponHeader span {
	background: url("/SYS/smartphone/images/icon_nearCouponShopList.png") no-repeat 0% 50%;
	padding-left: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.iNearCouponShopListWrapper {
	padding: 0 3px 3px;
	background-color: #ffe074;
	border-radius: 0 0 10px 10px;
	border-bottom: 1px solid #fcd643;
	border-left: 1px solid #fcd643;
	border-right: 1px solid #fcd643;
}
.iNearCouponShopList {
	background-color: #FFFFFF;
	border: 1px solid #fcd643;
	border-radius: 10px;
}

.iNearCouponShopList li {
	border-bottom: 1px solid #cdcdcd;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
	padding: 0 30px 10px 0;
}

.iNearCouponShopList li:last-child {
	border-bottom: none;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
	padding: 0 30px 10px 0;
}

.iNearCouponShopList li a {
	padding: 10px 10px 10px 10px;
}

/* クーポンがある近くのお店/口コミ件数表示 */
.buzzCount {
	background: url("/SYS/smartphone/images/bg_buzz.gif") no-repeat 0% 0%;
	width: auto;
	margin-left: 80px;
	padding: 2px 0 0 45px;
	font-size: 14px;
}

div.buzzCount span {
	color: #fd3929;
	font-size: 180%;
	font-weight: bold;
}

/* ------------------------------------------------------------ 角丸枠 */

.iFrameGray {
	width: 200px;
	border: 1px solid #CDCDCD;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.iFrameGray a {
	margin-left:25px;
	padding: 7px 10px 7px 30px;
	background: url("/SYS/smartphone/images/icon_tel.gif") no-repeat 0 50%;
	font-size:16px;
	line-hight: 1.0 !important;
}


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

.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;
	display: -webkit-box;
}

.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;
}

.iconCoupon { vertical-align: baseline; padding-right: 5px; }

/**** sample01 ****/
.bookMarkBtn img {
	border-radius: 0 0 5px 5px;
	background: #454545;
}
.btnAddBook img {
	margin: -1px 5px -1px 0;
}

/**** sample02 ****/
.bookMarkBtn02 img {
	border-radius: 0 0 5px 5px;
	background: #454545;
}
.btnAddBook02 img {
	margin: 2px 5px 0 0;
}

/* ブックマークボタン */
.btnBookMark {
	padding-top: 5px;
	padding-bottom:5px;
}

.btnBookMark2 {
	margin-top: 2px;
	padding: 5px;
}

/**** 予約内容入力ログイン ****/
.requestFormLogin .padB0 {
	padding-bottom: 0;
}
 .requestFormLogin .userActionList li {
 	padding: 0;
 	border-radius: 5px;
 	margin-right: 5px;
 }


/* photo gallery */
.photoGalleryWrapper 	{
	height: 313px;
}
.photoGallery {
/*	position: relative;
	left: 50%;*/
	height: 303px;
}
.photoGalleryImg	{
/*	position: relative;
	left: -50%;*/
	height: 238px;
/*	display: table-cell;*/
	vertical-align: middle;
	width: 100%;
	display: table;
}
.photoGalleryImg div	{
	display: table-cell;
	vertical-align: middle;
}

.carouselListWrapper	{
	position: relative;
	overflow: hidden;
	height: 100px;
}
.carouselList	{
	position: absolute;
	top: 0;
	left: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
.carouselList li 	a,
.carouselList li a img	{
	overflow: hidden;
}
.carouselList li.current a	{
	border: 3px solid #FFFFFF;
}
.carouselList li.current a img {
	margin: -3px;
}
.photoCaption	{
/*	position: relative;
	left: -50%;
	width: 100%;*/
	font-size: 14px;
}
.pageNumber	{
	text-align: center;
	font-weight: bold;
}
.galleryController	{
	width: 238px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}
.carouselWrapper {
	background-color: #B6B8BA;
}
.carouselContents	{
	width: 300px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.carouselContents a	{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* photo modal */
.modalInner	{
	height: 314px;
	width: 238px;
	margin-left: auto;
	margin-right: auto;
}
.modalHeadline	{
	font-size: 12px;
	font-weight: bold;
}
.modalCaption	{
	font-size: 12px;
}
.modalPaging	{
	width: 238px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}
.modalPaging p {
	height: 30px;
	line-height: 30px;
}
.modalPaging .prev,
.modalPaging .next	{
	width: 50px;
	height: 29px;
	line-height: 29px;
	color: #FFFFFF;
	font-weight: bold;
}
.modalPaging .prev	{
	background-image: url(/SYS/smartphone/images/bg_prev.gif);
	background-repeat: no-repeat;
	text-indent: 13px;
}
.modalPaging .next	{
	background-image: url(/SYS/smartphone/images/bg_next.gif);
	background-repeat: no-repeat;
	text-indent: 6px;
}
.modalImgWrapper	{
	text-align: center;
}
.modalImgWrapper img	{
	max-height: 225px;
}
.disableBtn	{
	opacity: .3;
}
.modalClose	{
	margin-left: auto;
	margin-right: auto;
	width: 88px;
	height: 32px;
	line-height: 32px;
	background-image: url(/SYS/smartphone/images/bg_close.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.modalCloseSmall	{
	margin-top: -22px;
	margin-right: -12px;
}
.modalInner .loadingImgWrapper	{
	height: 305px;
}
.photoGallery .loadingImgWrapper	{
	height: 280px;
	display: table;
	width: 100%;
}
.photoGallery .loadingImgWrapper div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


.sslCmt2 {
margin: 20px 10px 0 10px;
font-size: 14px;
color: #666;
}

.iList li.requestArea {
	padding: 0;
}
.searchHead {
	padding: 5px 5px 5px 10px;
	background: -webkit-gradient( linear, left top, left bottom, from(#EEEEEE), to(#D0D0D0) );
	background: -moz-linear-gradient(center top , #EEEEEE, #D0D0D0);
	border-top: 1px solid #C2C2C2;
	border-bottom: 1px solid #B6B6B6;
	text-align: right;
	overflow: hidden;
	color: #767676;
}
.searchTitle {
	padding: 5px 0 5px 0;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	text-align: left;
}
.searchBody {
	padding: 0 0 10px;
	background: -webkit-gradient( linear, left top, left bottom, from(#DDDDDD), color-stop(0.015, #EDEDEC), color-stop(0.985, #EDEDEC), to(#DDDDDD));
	background: -moz-linear-gradient(top, #DDDDDD, #EDEDEC 2%, #EDEDEC 98%, #DDDDDD);
	border-bottom: 1px solid #B6B6B6;
	margin-left: -10px;
}
.sptCts li {
	width:132px;
	border-bottom: none;
	float:left;
	padding:10px 0 0 10px;
}
.inCheckbox {
	position: relative;
	z-index: 1;
}
.inCheckbox:after {
	position: absolute;
	z-index: 1;
	display: block;
	top: 50%;
	left: 95%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	margin-left: -12px;
	background: -webkit-gradient(
					linear,
					left top, right bottom,
					from(#DDD),
					to(#FFF)
				);
	background: -moz-linear-gradient(center top , #DDD, #FFF);
	border: 1px solid #999;
	content: "";
}

.inCheckbox input[type="checkbox"] {
	opacity: 0;
	display: block;
	position: absolute;
	z-index: 3;
	top: -2px;
	left: -2px;
	max-width: 100%;
	min-width: 300px;
	max-height: 98%;
	min-height: 36px;
}

.inCheckbox label {
	display: block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	position: relative;
	z-index: 2;
}

.inCheckbox input[type="checkbox"]:checked + label {
	background: url("/SYS/smartphone/images/icon_checkbox_checked.gif") no-repeat 98.5% 5px;
}
.seatType {
	margin-top:10px;
}
.seatType li {
	margin-right:3px;
	margin-bottom:10px;
	float:left;
	padding:0;
	border-bottom: none;
	font-size:14px;
}
.seatType li:last-child {
	margin-right:0;
}
.seatType span {
	margin-bottom:2px;
}
.seatType input {
	margin-top: 0;
}

.errorMsg {
    background: none repeat scroll 0 0 #FEE8E8;
    border: 1px solid #BC2225;
    color: #BC2225;
    margin: 10px; 10px 0 10px;
    padding: 10px;
}
.errorMsg li {
    background-image: url("/SYS/smartphone/images/icon_error.gif");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #ff3333;
    padding-left: 15px;
    font-weight: normal;
}
.necessary {
	background-color: #F9DCDC;
}
/*--------------------------------------------------------------------
 会員限定クーポン
----------------------------------------------------------------------*/
.bgSecretCoupon>li>a {
	display: block;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #999999;
	padding: 10px 10px 10px 10px;
	background: -webkit-gradient( linear, left top, left bottom, from(#D6C5A3), color-stop(50%, #ECE6DA), to(#D6C5A3) );
	background: -moz-linear-gradient(top, #D6C5A3, #ECE6DA 50%, #D6C5A3);
}
.bgSecretCoupon.course>li>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #CDCDCD;
}
.sCouponTitle {
	color: #544227;
	font-weight: bold;
	text-align: center;
	font-size: 22px;
}
.sCouponTitleInner {
	background: url(/SYS/smartphone/images/icon_key_close_b.png) no-repeat 2px center;
	padding-left: 20px;
}
.sCouponBtnGray {
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#808798),
		color-stop(0.5, #6A7287),
		color-stop(0.5, #49536C),
		to(#49536C)
	);
	background: -moz-linear-gradient(top, #808798, #6A7287 50%, #49536C 50%, #49536C);
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 2px #646D82;
	-webkit-box-shadow: 0 0 1px #FFFFFF inset;
	-moz-box-shadow: 0 0 1px #FFFFFF inset;
	box-shadow: 0 0 1px #FFFFFF inset;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
	padding: 6px 10px 6px 10px !important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.sCouponBtnGray:before {
	content: "";
	display: inline-block;
	background: url(/SYS/smartphone/images/icon_keypng.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.bgSecretCouponIcon {
	display: inline-block;
	background: url(/SYS/smartphone/images/icon_key_close.png) no-repeat 4px center;
	font-size: 10px;
	line-height: 16px;
	background-color: #544227;
	color: #FFFFFF;
	border-radius: 2px;
	padding: 0 4px 0 17px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.bgSecretCouponIcon img {
	padding: 4px;
}
.requestFormLoginWrap {
	position: relative;
	padding-bottom: 55px;
}
.secretCouponBannerAttention {
	position: absolute;
	left: 50%;
	bottom: 12px;
	margin-left: -150px;
}
/*--------------------------------------------------------------------
 クーポンNN
----------------------------------------------------------------------*/
.couponArea {
	background-color: #555;
	padding-top: 7px;
	margin-top: -2px;
}
.shopName {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: white;
	color: #333;
}
.selectCourse a:link,
.selectCourse a:visited {
	color: #1470CC;
}
.selectCourse.links {
	padding-left: 8px;
	background: url("/SYS/smartphone/images/mark_links.gif") no-repeat -5px 2px;
}
.jscSlideInBody {
	position: absolute;
	top: 0;
	background-color: white;
	width: 100%;
	height: 100%;
}
.jscSlideInBody {
	width: 100%;
}
#jscSlideBody {
	width: 100%;
}
.lightBoxStyle {
	position: fixed;
	left: 50%;
	top: 5%;
	width: 250px;
	height: auto;
	margin-left: -125px;
	background-color: white;
}
.jsiLightBoxBGStyle {
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}
.dn {
	display: none;
}
.unclickable {
	pointer-events: none;
	display: none;
}
.courseSelect {
	background-color: white;
	padding-bottom: 5px;
}
.selectCourseName {
	padding: 5px;
}
.bgSelectCourseTitle{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	vertical-align: middle;
	background: -webkit-gradient(
		 linear,
		 left top, left bottom,
		 from(white),
		 color-stop(0.5, white),
		 color-stop(0.5, #E6E6E6),
		 to(#DDD)
		 );
	background: -moz-linear-gradient(top, white, white 50%, #E6E6E6 50%, #DDD);
	border-bottom: solid 1px #CDCDCD!important;
	text-shadow: 0 1px 1px white;
}
.selectCourseTitle {
	color: #0D0D0D;
	margin: 10px 0 0 10px;
	font-weight: bold;
}
/*
.jscDecisionCourseBG {
	padding: 5px;
	background-color: #FFFFFF;
	-webkit-transition: background-color 1.5s linear 0;
	-moz-transition: background-color 1.5s linear 0;
}
.jscDecisionCourseBGBack {
	padding: 5px;
}
#jsiBackposition.effectOrange,
.jscDecisionCourseBGBack.effectOrange,
.jscDecisionCourseBG.effectOrange {
	background-color: #F8C166;
}
#jsiBackposition.effectYellow,
.jscDecisionCourseBGBack.effectYellow,
.jscDecisionCourseBG.effectYellow {
	background-color: #F5E47C;
}
#jsiBackposition.effectWhite,
.jscDecisionCourseBGBack.effectWhite,
.jscDecisionCourseBG.effectWhite {
	background-color: #FFFFFF;
}
.jscDecisionCourseBGBack.effectWhite {
	-webkit-transition: background-color 0.9s linear 0;
	-moz-transition: background-color 0.9s linear 0;
}
#jsiBackposition.effectWhite {
	-webkit-transition: background-color 0.5s linear 0;
	-moz-transition: background-color 0.5s linear 0;
}
*/

/*--------------------------------------------------------------------
 modalBox
 ----------------------------------------------------------------------*/
.modalOverlay	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-transition: background-color .6s linear;
	-moz-transition: background-color .6s linear;
	-webkit-transform: translateZ(1);
	-moz-transform: translateZ(1);
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0);
}
.modalOverlay.overlayShow	{
	background-color: rgba(0, 0, 0, .6);
}
.modalBox	{
	position: absolute;
	z-index: 1001;
	width: 100%;
	-webkit-transition: opacity .8s linear;
	-moz-transition: opacity .8s linear;
	opacity: 0;
}
.modalBox.fadeIn	{
	opacity: 1 !important;
}
.modalBox .modalInnerBox	{
	margin: 10px;
}
.modalBox .modalInnerBox .modalInnerContents	{
	background-color: #FFFFFF;
	padding-bottom: 5px;
}
.modalBox .modalInnerBox .modalInnerContents .listTitle	{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	height: 36px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFFFFF),
		color-stop(0.5, #FFFFFF),
		color-stop(0.5, #E6E6E6),
		to(#DDDDDD)
	);
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #E6E6E6 50%, #DDDDDD);
	text-shadow: 0 1px 1px #FFFFFF;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #CDCDCD;
	vertical-align: middle;
}
.modalBox .modalInnerBox .modalInnerContents .listTitle .listTitleInner	{
	margin-top: 10px;
	text-align: center;
	color: #0D0D0D;
	font-weight: bold;
}

/*--------------------------------------------------------------------
 modalBox end
 ----------------------------------------------------------------------*/


.icnReload	{
	background: url(/SYS/smartphone/images/icon_ld.png) no-repeat left center;
	background-size: 15px 17px;
	-webkit-background-size: 15px 17px;
	-moz-background-size: 15px 17px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
}
.btnReload	{
	padding: 6px;
	border: 1px solid #C6C6C6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#EEEDED), to(#E1E1E0));
	background: -moz-linear-gradient(center top , #EEEDED, #E1E1E0);
	color: #484848;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 0 #FFFFFF inset;
	-moz-box-shadow: 1px 1px 0 #FFFFFF inset;
	box-shadow: 1px 1px 0 #FFFFFF inset;
	text-shadow: 1px 1px 0 #FFFFFF;
}

/*--------------------------------------------------------------------
 ソーシャルブックマーク
----------------------------------------------------------------------*/

.socialArea {
	margin: 0;
	padding: 20px 10px 0 10px;
 }

ul.socialArea li{
	display:block;
	height:25px;
 }

.btnSocialTwitter {
	width:105px;
	float:left;
}
.btnSocialFacebook {
	float:left;
}

.btnSocialHatena {
	width:55px;
	float:left;
}

.indentCheckbox {
	text-indent: -20px;
	padding-left: 20px;
}

/*--------------------------------------------------------------------
 お食事券カセット
----------------------------------------------------------------------*/

.iTicketList {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFFFFF;
	border: 1px solid #FB9A18;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.iTicketListInner {
	padding: 0 20px 0 80px;
}
.iTicketList>li {
	height: 67px;
	border-bottom: 1px solid #FB9A18;
}
.iTicketList>li:last-child {
	border-bottom: none;
}
.iTicketList>li> a {
	position: relative;
	height: 48px;
	padding: 10px 0 10px 15px;
}
.iTicketList>li>a:after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background-color: transparent;
	border-top: solid 3px #FFA006;
	border-right: solid 3px #FFA006;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
	margin-top: -5px;
	position: absolute;
	right: 10px;
	top: 50%;
}
.ribbon {
	position: relative;
	margin-left: -15px;
	width: 71px;
	height: 30px;
	margin-right: 25px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
}
.ribbon:after {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
	background-color: #3193DF;
	position: absolute;
	right: -11px;
	top: 4px;
}
.ribbonInner {
	position: absolute;
	left: 0;
	top: 0;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	line-height: 30px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	background-color: #3193DF;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.icnTicketPoint {
	display: inline-block;
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #D0111B;
	font-size: 10px;
	border: 1px solid #D0111B;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1;
	padding: 0 2px;
}
.iTicketList .fcRed {
	color: #dd0705
}
/* ------------------------------------------------------------ 免責事項注記 */
.callExplain {

	font-size: 10px;
	padding-left: 42%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	display: block;
	color: #333333;
}
.callExplainmap {

	font-size: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	display: block;
}
/* EOF */