@charset "UTF-8";
/* ===================================================================

commonHeader Style

======================================================================*/
/* commonHeader
------------------------------------------------------------*/
.dn {
	display: none;
}
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
.huaMypage.huaOnBadge {
	position: relative;
	background: url("/SYS/smartphone/images/icn_mypage_login.png") no-repeat 50% 10px;
	background-size: 15px 19px;
}
.huaMypage.huaOnBadge span {
	display: block;
	position: absolute;
	top: 4px;
	left: 35px;
	min-width: 8px;
	max-width: 20px;
	height: 10px;
	padding: 1px 3px;
	border-radius: 6px;
	background-color: #FFFFFF;
	color: #E41A12;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	line-height: 1;
}
.headerMenuOverlay {
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 1500;
}
.headerMenuDrawer {
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	right: -275px;
	bottom: 0;
	width: 275px;
	-webkit-transition: transform 0.6s ease;
	-webkit-transition: -webkit-transform 0.6s ease;
	        transition: transform 0.6s ease;
	z-index: 2000;
}
.drawerIsAnimated {
	-webkit-transform: translate(-275px, 0);
	        transform: translate(-275px, 0);
}
.drawerMenu {
	width: 275px;
	color: #333333;
	position: relative;
	padding-top: 133px;
	height: 100%;
	box-sizing: border-box;
}
.drawerMenuPointArea {
	position: absolute;
	top: 0;
	left: 0;
	padding: 40px 10px 10px;
	background-color: #EAEAEA;
}
.drawerMenuUserWrap {
	float: left;
	font-size: 12px;
	color: #333333;
	line-height: 1.2;
}
.drawerMenuUserName {
	display: inline-block;
	overflow: hidden;
	max-width: 9em;
	white-space: nowrap;
	        text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	   -moz-text-overflow: ellipsis;
	color: #E41A12;
	vertical-align: bottom;
	font-size: 14px;
	padding-right: 3px;
	line-height: 1;
}
.drawerMenuPoint {
	float: right;
	color: #333333;
	font-size: 12px;
}
.drawerMenuPoint > span {
	color: #E41A12;
	font-weight: bold;
	font-size: 14px;
}
.drawerMenuPRArea {
	display: block;
	width: 255px;
	height: auto;
	margin-top: 15px;
	padding: 10px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
.drawerMenuPRAreaText {
	font-size: 10px;
	font-weight: bold;
}
.drawerMenuPRAreaLogos {
	margin-top: 10px;
	display: flex;
}
.drawerMenuPRAreaLogos > img + img {
	margin-left: 10px;
}
.drawerMenuMessageArea {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.drawerMenuList {
	border-bottom: 1px solid #EAEAEA;
}
.drawerMenuList:first-child {
	margin-top: 8px;
}
.drawerMenuList:last-child {
	border-bottom: none;
}
.drawerMenuList > li > a {
	position: relative;
	padding: 9px 0 9px 40px;
	display: block;
	font-size: 14px;
	line-height: 1.4;
	color: #000000;
}
.drawerMenuMessageCount {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 6px;
	border-radius: 10px;
	background-color: #E41A12;
	font-size: 12px;
	line-height: 1;
	color: #FFFFFF;
}
.drawerMenuMessageNew {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 6px;
	border-radius: 10px;
	background-color: #E41A12;
	font-size: 12px;
	line-height: 1;
	color: #FFFFFF;
}
.drawerMenuList > li > a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	width: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.drawerMenuList .drawerMenuIpc::before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_ipc_30x30.png);
	background-size: 15px 15px;
}
.drawerMenuList .drawerMenuCheckReserve:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_check_reserve.png);
	background-size: 15px 15px;
}
.drawerMenuList .drawerMenuShopHistory:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_shop_history.png);
	background-size: 15px 15px;
}
.drawerMenuList .drawerMenuShopMessage:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_shop_message.png);
	background-size: 15px 15px;
}
.drawerMenuList .drawerMenuMealTicket:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_meal_ticket.png);
	background-size: 15px 9px;
}
.drawerMenuList .drawerMenuBookmark:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_bookmark_24x32_gray.png);
	background-size: 12px 16px;
}
.drawerMenuList .drawerMenuSumakan:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_sumakan.png);
	background-size: 15px 17px;
}
.drawerMenuList .drawerMenuGourmetNote:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_gourmet_note.png);
	background-size: 15px 20px;
}
.drawerMenuList .drawerMenuPointBalance:before,
.drawerMenuList .drawerMenuPointSetting:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_point_balance.png);
	background-size: 9px 12px;
}
.drawerMenuList .drawerMenuMemberInfo:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_member_info.png);
	background-size: 15px 10px;
}
.drawerMenuList .drawerMenuCreditCardSetting:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_creditcard_info.png);
	background-size: 20px 20px;
}
.drawerMenuList .drawerMenuDeliverySetting:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_delivery_setting.png);
	background-size: 15px 11px;
}
.drawerMenuList .drawerMenuNewsSetting:before {
	background-image: url(/SYS/smartphone/images/mypage/icn_drawer_news_setting.png);
	background-size: 12px 18px;
}
/* ===================================================================
ホットペッパー グルメ スマートフォン最適化
======================================================================*/
/*--------------------------------------------------------------------
	Reset
----------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, span, h1,
h2, h3, h4, h5, h6,
p, blockquote, pre,
address, code, dl,
dt, dd, ol, ul, li,
fieldset, form,
legend, table, tbody,
thead, tfoot, tr, th,
td {
	padding: 0;
	margin: 0;
	word-break: break-all;
}
img {
	border: 0px;
	vertical-align: top;
}
ul, ol {
	list-style: none;
}
* {
	word-break: break-all;
}
input {
	vertical-align: middle;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input.blur,
textarea.blur {
	color: #999;
}
select, textarea {
	font-size: 16px !important;
}
input[class^="w"],
select[class^="w"],
textarea[class^="w"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
}
/*--------------------------------------------------------------------
	Font
----------------------------------------------------------------------*/
body {
	background: #F8F7F5 url("/SYS/smartphone/images/bg_platform.gif") repeat 0 0;
	font-size: 16px;
	line-height: 1.2;
	font-family: "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
}
h1, h2, h3, h4, h5,
h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}
/*--------------------------------------------------------------------
	Link
----------------------------------------------------------------------*/
a {
	display: block;
	color: #000;
	text-decoration: none;
}
a.inline {
	color: #1470CC;
	text-decoration: underline;
}
.linkText {
	color: #00E;
	text-decoration: underline;
}
.linkTextNone {
	color: #00E;
	text-decoration: none;
}
.links li {
	padding-left: 8px;
	background: url("/SYS/smartphone/images/mark_links.gif") no-repeat -5px -1px;
}
.links li a {
	font-size: 80%;
	color: #1470CC;
}
a.links {
	display: inline-block;
	padding-left: 8px;
	background: url("/SYS/smartphone/images/mark_links.gif") no-repeat -5px 0;
	font-size: 80%;
	color: #1470CC;
	text-shadow: none;
}
/*--------------------------------------------------------------------
	Button
----------------------------------------------------------------------*/
.btnBlue, .btnOrange,
.btnGray, .btnRed,
.btnDRed, .btnPink,
.btnWhite,
.btnBlueOut {
	-webkit-box-sizing: border-box;
	-moz-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.btnBlue.inputBtn,
.btnOrange.inputBtn,
.btnGray.inputBtn,
.btnRed.inputBtn,
.btndRed.inputBtn,
.btnPink.inputBtn,
.btnWhite.inputBtn,
.btnBlueOut.inputBtn {
	display: inline-block;
	padding: 4px 12px;
	font-size: 14px;
}
.btnBlue {
	background: -webkit-gradient(linear, left top, left bottom, from(#93BBEA), color-stop(0.5, #4E90DC), color-stop(0.5, #3386E6), to(#468FE1));
	background: -moz-linear-gradient(top, #93BBEA, #4E90DC 50%, #3386E6 50%, #468FE1);
	border: 1px solid #3685E0;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnBlueOut {
	background: #468FE1;
	border: 1px solid #3685E0;
	color: #FFF;
}
.btnOrange {
	background: -webkit-gradient(linear, left top, left bottom, from(#FDB25A), color-stop(0.5, #FC9234), color-stop(0.5, #FB7F1C), to(#FC8625));
	background: -moz-linear-gradient(top, #FDB25A, #FC9234 50%, #FB7F1C 50%, #FC8625);
	border: 1px solid #DD8E27;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnGray {
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEB), color-stop(0.5, #CFD0D1), color-stop(0.5, #B8B8BA), to(#BCBEC1));
	background: -moz-linear-gradient(top, #EAEAEB, #CFD0D1 50%, #B8B8BA 50%, #BCBEC1);
	border: 1px solid #999999;
	color: #0D0D0D;
	text-shadow: 0 1px 1px #FFFFFF;
}
.btnRed {
	background: -webkit-gradient(linear, left top, left bottom, from(#F6B9B9), color-stop(0.5, #ED7878), color-stop(0.5, #E95D5D), to(#E34444));
	background: -moz-linear-gradient(top, #F6B9B9, #ED7878 50%, #E95D5D 50%, #E34444);
	border: 1px solid #E55858;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnDRed {
	background: -webkit-gradient(linear, left top, left bottom, from(#F09095), color-stop(0.5, #DC4D55), color-stop(0.5, #D0111B), to(#D7232D));
	background: -moz-linear-gradient(top, #F09095, #DC4D55 50%, #D0111B 50%, #D7232D);
	border: 1px solid #A40810;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnPink {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF4F5), color-stop(0.5, #FFD8DC), color-stop(0.5, #FFD2D6), to(#F1ACB3));
	background: -moz-linear-gradient(top, #FFF4F5, #FFD8DC 50%, #FFD2D6 50%, #F1ACB3);
	border: 1px solid #C98484;
	color: #B30000;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnWhite {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5));
	background: -moz-linear-gradient(top, #FFFFFF, #E5E5E5);
	border: 1px solid #CACACA;
	color: #CC0912;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnSetting,
.btnBlueSearch {
	width: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 2px 2px;
	margin-top: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#93BBEA), color-stop(0.5, #4E90DC), color-stop(0.5, #3386E6), to(#468FE1));
	background: -moz-linear-gradient(top, #93BBEA, #4E90DC 50%, #3386E6 50%, #468FE1);
	border: 1px solid #3685E0;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btnWhiteSearch {
	padding-top: 9px;
	-webkit-box-sizing: border-box;
	-moz-sizing: border-box;
	box-shadow: 1px 1px 2px #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.4, #F4F4F4), to(#E7E7E7));
	background: -moz-linear-gradient(top, #FFFFFF, #F4F4F4 40%, #E7E7E7);
	border: 1px solid #CCCCCC;
	     border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
}
.btnOrangeSearch {
	display: block;
	padding-top: 11px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	-moz-shadow: 1px 1px 1px #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#F8CE91), color-stop(0.25, #F8C659), color-stop(0.35, #F8BC63), to(#FF9900));
	background: -moz-linear-gradient(top, #F8CE91, #F8C659 25%, #F8BC63 35%, #FF9900);
	border: 1px solid #FF9900;
	border-radius: 4px;
	text-align: center;
}
.btnWhiteSearch,
.btnOrangeSearch {
	display: block;
	width: 70px;
	height: 70px;
}
/* 特集検索結果一覧染みだしボタン*/
.btnWhFeature {
	display: block;
	width: 190px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	text-align: center;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
/*--------------------------------------------------------------------
	Icon
----------------------------------------------------------------------*/
.iconRed,
.iconOrange,
.iconGray,
.iconDGray,
.iconBlue {
	width: 54px;
	padding: 2px;
	border-radius: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-hight: 1 !important;
	text-align: center;
}
.iconRed {
	background-color: #CC3333;
}
.iconOrange {
	background-color: #F39800;
}
.iconGray {
	background-color: #8D8D8D;
}
.iconDGray {
	background-color: #444444;
}
.iconBlue {
	background-color: #6084F9;
}
.iconKeyRed {
	background: url(/SYS/smartphone/images/members/icon_key_red.png) no-repeat left center;
	padding-left: 20px;
}
.iconUserWhite {
	background: url(/SYS/smartphone/images/members/icon_user_white.png) no-repeat left center;
	padding-left: 20px;
}
.iconEarn, .iconUse {
	width: 96px;
	padding: 2px;
	border-radius: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-hight: 1 !important;
	text-align: center;
}
.iconEarn {
	background: #F44100;
}
.iconUse {
	background: #F47100;
}
/* Icon Button
------------------------------------------------------------*/
.iconBtnOrange {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	/*	width: 58px;*/
	width: 100px;
	/*	padding: 3px 2px;*/
	padding: 6px 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FDCC6B), color-stop(0.2, #F9A231), color-stop(0.8, #F9A231), to(#FDC561));
	background: -moz-linear-gradient(top, #FDCC6B, #F9A231 20%, #F9A231 80%, #FDC561);
	border: 1px solid #E6B75B;
	border-radius: 2px;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	color: #FFFFFF;
	line-hight: 1 !important;
	text-align: center;
	text-shadow: 0 0 2px #9C6222;
}
/* Image Button
------------------------------------------------------------*/
.searchIcon {
	border: 1px solid #999;
	background: #FFF url("/SYS/smartphone/images/icon_search.png") no-repeat 5px center;
	text-indent: 23px;
}
.iconGps:after {
	display: inline-block;
	height: 22px;
	margin-left: 5px;
	vertical-align: bottom;
	content: url("/SYS/smartphone/images/icon/icon_gps.png");
}
.icontGps:before {
	display: inline-block;
	height: 22px;
	margin-right: 5px;
	vertical-align: bottom;
	content: url("/SYS/smartphone/images/icon/icon_gps.png");
	text-decoration: none;
}
a.icontGps:before {
	text-decoration: none;
}
/* Delete Icon
------------------------------------------------------------*/
.delete {
	padding: 13px 10px !important;
	background: none !important;
	font-size: 12px;
	color: #777;
	text-align: center;
	font-weight: bold;
}
.delete:before {
	display: inline-block;
	margin-right: 5px;
	padding: 0 3px;
	background: #777;
	color: #FFF;
	text-align: center;
	content: "×";
}
/*--------------------------------------------------------------------
	Design
----------------------------------------------------------------------*/
.sphoneArea {
	padding-bottom: 5px;
	background: #FFF;
}
/* Header
------------------------------------------------------------*/
/* ------------------------------------------------------------ ヘッダー */
/* 旧ロゴ設定 */
#header {
	border-bottom: 1px solid #FFFFFF;
}
#logo {
	height: 35px;
}
/* ロゴ設定 */
.header {
	position: relative;
	border-top: 2px solid #CF0913;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.75, #F4F4F4), to(#E7E7E7));
	background: -moz-linear-gradient(top, #FFFFFF, #F4F4F4 75%, #E7E7E7);
	height: 48px;
	border-bottom: 2px solid #6C7075;
}
.userActionList {
	position: absolute;
	top: 0;
	right: 2px;
}
.userActionList > li {
	float: left;
	background-color: #CF0913;
	padding: 1px;
	border-radius: 0 0 5px 5px;
	margin-right: 4px;
}
.userActionList > li:last-child {
	margin-right: 0;
}
.userActionList > li * {
	border-radius: inherit;
}
.userActionList > li > a {
	display: table-cell;
	vertical-align: bottom;
	width: 48px;
	height: 41px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	padding-bottom: 2px;
	background-color: #CF0913;
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	border-width: 0 1px 1px 1px;
	border-color: #DD4049;
	border-style: solid;
	font-weight: bold;
}
.userActionRegist {
	background: url(/SYS/smartphone/images/members/icon_user_white.png) no-repeat center 5px;
}
.userActionLogin {
	background: url(/SYS/smartphone/images/members/icon_key_white.png) no-repeat center 5px;
}
.userDataList {
	position: absolute;
	top: 0;
	right: 2px;
	color: #333333;
	font-size: 10px;
	text-align: right;
	padding-top: 5px;
	line-height: 18px;
}
.userDataName {
	font-weight: bold;
}
.userDataPoint {
	font-weight: bold;
	font-size: 14px;
	color: #D0111B;
}
.logo {
	position: absolute;
	top: 6px;
	left: 4px;
}
.titleBar {
	padding: 9px 6px;
	background: #6C7075;
	border-top: 1px solid #AFAFAF;
	border-bottom: 1px solid #65696E;
}
.pageTitle {
	float: left;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
}
.cTitle {
	float: none;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
}
/* 見出し要素 */
h1 {
	font-size: 10px;
	text-align: right;
	color: #333333;
}
h2 {
	font-weight: bold;
}
.backBtn, .backBtnR {
	width: 93px;
	height: 22px;
	padding-top: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.backBtn {
	float: left;
	margin: 0 10px 0 0;
	background: url("/SYS/smartphone/images/bg_topBtn.gif") no-repeat 0 0;
}
.backBtnR {
	float: right;
	margin: 5px 6px 0 0;
	background: url("/SYS/smartphone/images/bg_topBtn_right.gif") no-repeat 0 0;
}
.headerBtn,
.footerBtn,
.CloselistBtn,
.closeListFooterBtn {
	height: 19px;
	background: #80889B;
	border: 1px solid #5B5F7A;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
}
.headerBtn,
.footerBtn {
	padding: 5px 10px 0;
}
.CloselistBtn {
	padding: 5px 5px 0;
}
.closeListFooterBtn {
	padding: 5px 16px 0;
}
/*　　header統一　　*/
.headerBelt {
	width: 100%;
	display: table;
	position: relative;
	border-top: 0;
	height: 48px;
	border-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#F64434), to(#D81C12));
	background-image: -webkit-linear-gradient(top, #F64434, #D81C12);
	background-image: linear-gradient(top, #F64434, #D81C12);
}
/* PageLeftLink */
.headerPageLeft {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.hPageLeftText {
	display: block;
	width: 56px;
	height: 48px;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding-top: 32px;
	box-sizing: border-box;
}
.hPageLeftText:before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	display: block;
	background-color: transparent;
	border: solid 0 #FFFFFF;
	border-left-width: 4px;
	border-top-width: 4px;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	top: 12px;
	left: 24px;
}
.headerPageLeft:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	display: block;
	height: 100%;
	border-right: solid 1px #BE1C14;
}
.hLogo {
	width: 100%;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
	position: static;
	display: table-cell;
	background-color: transparent;
	padding-left: 10px;
}
.hLogo > h1 {
	text-align: left;
}
.hUserActionList {
	width: 125px;
}
.hUserSearchAction {
	width: 65px;
}
.hUserActionList > li {
	float: right;
	position: relative;
	margin-left: 3px;
}
.hUserActionList > li:before {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: 0;
	width: 3px;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#F84E34), to(#E6362C));
	background-image: -webkit-linear-gradient(top, #F84E34, #E6362C);
	background-image: linear-gradient(top, #F84E34, #E6362C);
}
.hUserActionList .huaSearch:before {
	left: -1px;
	width: 1px;
	background-image: none;
}
.hUserActionList > li > a {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	background-repeat: no-repeat;
	text-align: center;
	width: 57px;
	padding-top: 32px;
	height: 48px;
	box-sizing: border-box;
}
.hUserActionList > li > a.huaMypage {
	width: 62px;
	line-height: 1;
}
.huaSearchBtn {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAoCAMAAACsAtiWAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAyYv2IO7ku0t+dVYQ2aqcLAdlQTcZ5nzFLwAAAUFJREFUOMutkkmWwiAQQJlDCAGTEO5/1C6GIIPyeuHf+Eo/NVno19ybxcCyum+GXLhP7Cv7JLwWX0HX0diob1l0Z5y5giHELtk5GuOKX2KZa5Lk1IYWHiDBVesGH273gKqU+AoalPGX4NzhEX23c4dWTTSjG4vlvJkzvVAeENjeJbMoHRuIbHqnSm4WUl9PtIcgJpHoDYb4fAIOdRhyFFJ1M5BK4Td0KJtlqVqhkAWUjrXL4l+9EYdQbWM9Im6xagz3hvRxiIxLa2/B5Y8si+Hwov/bZHcLgjXj9MVtdEotZkLMmykPnG7qdFqzi8CixiGP57i5KEdsUOdYP6CGReDBGVd+ESwo57vZctkdfUAzxvI9tZc5onzCTZxcShzfFcaTYydpNp+QE8ckBU8ULaLC0QQ5z1IugrqpchCMT/Qv/gD/bCEyGzgWVQAAAABJRU5ErkJggg==") no-repeat 50% 6px;
	background-size: 17px 20px;
}
.huaSearch.active .huaSearchBtn {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAoCAMAAACsAtiWAAAAQlBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkzCTtbAAAAFXRSTlMAyvWKDUjlIbpWL5x+du6q3DoZZGZmKImkAAABPElEQVQ4y62SS5aFIAxE+aOPn2Cz/602kTQPQRl1DTzKuamKIeS/lXZDizb7eSPk5nPVYfUT8NlyJ2ZnYmf5rk0MxIkJgXOzPTIyg+iOmbwyPSEUHHFgnQUuHnDgOuSqsgWg8AJMgiL2jUrQakASWAhDX9RZKxycKmpSc1bNJpQvU+tcO9RgHQkKepPEXc+voK8fgio80ySyYtWJ9834nH0qHUrSyyHSXBIZZQeXPN9/gO77xs4JUTjF1hgdCZmvn0BFHPtNFC+yG4yHiuHa5LALqmdsHsPNxbQsHeDb3/5S0LpT50cILQ3LGaffM3/LrVRb4kAGxuRJbhoEnZh55JFTxZg/wo6xB3mQ0FrjPuFmvsphVFwwGKXEO5IwyixsdoySCyZUhC4QoS7Ek4Xk2qVtBItLRHBK23Wv9QvswR8x4kupHAAAAABJRU5ErkJggg==");
	color: #999999;
	background-size: 17px 20px;
}
.huaInfo {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMAh4jPcVY+LQLDDqrzhZse++zkxsBh2kkhF87zrE4AAACjSURBVDjL3dTLEsMgCEBRDEZtGzWvvvz/D63BbupEcN27PguGGYCcM1oNJyltHFAWUzO0JKbENGXjMLGhA5OEDGiJaFAS8TUJNurf+VVFAuRGlrzgaOXImwhyZDxEnDmymCywPQuF25wYstyonSF3KD3aZH86IhduluufkTUUolFcHcQm2cZvoSJcRLxEfM+RyKfWcbDy2fc9D3pBfjjJlxf0AbGHXB0ClBqRAAAAAElFTkSuQmCC") no-repeat 50% 8px;
	background-size: 17px 17px;
}
.huaInfo.newTopics {
	background-image: url(/SYS/smartphone/images/icn_new_topics.png);
	background-size: 40px 20px;
	background-repeat: no-repeat;
	background-position: center 7px;
}
.huaInfo.active {
	background-color: #FFFFFF;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFHRSTlMAhojPw3FWPwIuD6r1Hu2d3mGWLOTXoBwAAACUSURBVDjL3dRLDsMgDEVRU2MMLZ9+2P9aS2hHUfLMOHd8JGQkm0ZRxd0OcqKRZon7aZymyB2Uh4ncYRxJu5GSWETIWcTtSfsUyZC8aRQgKbT1ROQ+CSMSNlHgQ1WHYERG7DMauj5mHpAXkTWR1ziJh0NfjNT2I8Lm11E5JT78azsCWib2kqysmr2w1trXtHQ87BP0BWcwR0izZ7BiAAAAAElFTkSuQmCC");
	color: #666666;
	background-size: 17px 17px;
}
.huaMypage {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMAlPws4fbufZ9XJRnnzbd1Z19tTB4TDNSVj4U5BdmqpZo+NTyAW/XyAAAA8UlEQVQ4y63T147DIBBAUUyzwb3GLW13/v8bV5YWYhyYJFLu89GgkRhy7Lccr1G5ELTuJmFL3lJEsROYchaetSnrgvNm2BcHlOYOO3V+1oJb62fNgVV+Vr7H6gNTfrZQR4kfPxsKh10G4u8u0GG2Bl/AVmf/KFMEi8W5AJHHjLwoZUyn5BsN/VKX8xw3ivVrwKy6KiSlsEUpT1rv03oS4Hau+yelODxXMPR32PjdURUE4nqntIRQxUP1FwinVsNUhrAiNSyhCOOtYTkgydgwjjExGZZhjCYfMvkNdjXsjDK7aY2tmnS7Q4nGyNc4NQN5vz9TdloqCoddlQAAAABJRU5ErkJggg==") no-repeat 50% 10px;
	background-size: 19px 19px;
}
.hUserActionList .huaSearch:after,
.hUserActionList .huaSearch.active:after {
	left: -1px;
	border-left-color: #FFFFFF;
}
.hUserActionList > li:after {
	content: "";
	display: block;
	position: absolute;
	left: -2px;
	top: 0;
	height: 100%;
	border-left: solid 1px #BE1C14;
}
/* Footer
------------------------------------------------------------*/
#footer {
	color: #333333;
}
.footerLink {
	background: #FFFFFF;
	border-top: 2px solid #999999;
}
.footerLink li {
	border-bottom: 1px solid #CDCDCD;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
}
.footerLink .iconApp a,
.footerLink .imageNav a {
	padding: 0;
}
.footerLink .iconGurume a {
	background: url("/SYS/smartphone/images/icon_hpgurume.jpg") no-repeat 7px 50%;
}
.footerLink .iconRakuraku a {
	background: url("/SYS/smartphone/images/icon_rakuraku.gif") no-repeat 7px 50%;
}
.footerLink li a {
	padding: 15px 40px 15px 45px;
	font-size: 14px;
	color: #767676;
}
.copyright {
	padding: 8px 0;
	background-color: white;
	text-align: center;
}
.hidecopyright {
	padding: 8px 0;
	text-align: center;
	background-color: #FFFFFF;
	border-top: solid 1px #DDD;
}
.footerSubLink {
	text-align: center;
}
.footerSubLink li {
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1.5;
}
.footerSubLink li a {
	color: #1470CC;
}
.footerSubLink li a:link,
.footerSubLink li a:active {
	display: block;
	text-decoration: none;
}
.footerSubLink li a:hover {
	text-decoration: underline;
}
/* Footer seach list (2013/01リリース リンク導線追加)
------------------------------------------------------------*/
.ftSeachTitle {
	position: relative;
	padding: 8px 20px 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), color-stop(0.05, #FFFFFF), color-stop(0.2, #FFFFFF), to(#E7E7E7));
	background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF 5%, #FFFFFF 20%, #E7E7E7);
	border-bottom: 1px solid #CFCECA;
	font-weight: bold;
	font-size: 14px !important;
	text-align: left !important;
}
.ftSeachTitle:before {
	border-left: 5px solid #F39800;
	content: "";
	margin-left: -10px;
	margin-right: 5px;
	font-wegiht: bold;
	color: #FFF;
}
.ftSeachList li a {
	color: #767676;
	font-size: 14px;
}
.ftSeachList2 li a {
	color: #767676;
	font-size: 14px;
	padding: 7px 30px 7px 10px !important;
}
/*--------------------------------------------------------------------
	Contents
----------------------------------------------------------------------*/
#main {
	padding-bottom: 15px;
}
.inner {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
/* 見出し
------------------------------------------------------------*/
.seoTextTop {
	background: #FFFFFF;
	font-size: 10px;
	text-align: right;
	color: #333333;
}
.barTitle {
	padding-top: 4px;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
	text-align: left !important;
	font-size: 16px !important;
}
.insertTitle {
	position: relative;
	padding: 6px 10px;
	background: -webkit-gradient(linear, left top, right bottom, from(#F8FAF9), color-stop(0.4, #FAC786), to(#FAC786));
	background: -moz-linear-gradient(left, #F8FAF9, #FAC786 40%, #FAC786);
	border-top: 1px solid #CFCECA;
	border-bottom: 1px solid #CFCECA;
	font-size: 14px;
	text-shadow: 0 1px 0 #FFF;
	font-weight: bold;
}
.insertTitle:before {
	content: "◆";
	margin-right: 3px;
	color: #F9AC5C;
}
.contentTitle {
	position: relative;
	padding: 8px 10px;
	background: -webkit-gradient(linear, left top, right bottom, from(#F8FAF9), color-stop(0.4, #FAC786), to(#FAC786));
	background: -moz-linear-gradient(left, #F8FAF9, #FAC786 40%, #FAC786);
	border-top: 1px solid #CFCECA;
	border-bottom: 1px solid #CFCECA;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
}
.contentTitle:before {
	content: "◆";
	margin-right: 3px;
	color: #F9AC5C;
}
.contentTitle h1 {
	font-size: 16px !important;
	text-align: left !important;
}
.contentTitle2 {
	padding: 8px 10px;
	background: -webkit-gradient(linear, left top, right bottom, from(#FFF), color-stop(0.2, #EDE2CE), to(#EDE2CE));
	background: -moz-linear-gradient(left, #FFFFFF, #EDE2CE 20%, #EDE2CE);
	border-top: 1px solid #CFCECA;
	border-bottom: 1px solid #CFCECA;
	color: #444;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
}
.contentTitle3 {
	position: relative;
	padding: 8px 10px 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), color-stop(0.1, #FFFFFF), color-stop(0.85, #FFFFFF), to(#E7E7E7));
	background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF 10%, #FFFFFF 85%, #E7E7E7);
	border-bottom: 1px solid #CFCECA;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
}
.contentTitle3:before {
	border-left: 5px solid #D2232A;
	content: "";
	margin-right: 5px;
	font-wegiht: bold;
	color: #FFF;
}
.contentTitle4 {
	position: relative;
	padding: 8px 20px 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), color-stop(0.05, #FFFFFF), color-stop(0.85, #FFFFFF), to(#E7E7E7));
	background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF 5%, #FFFFFF 85%, #E7E7E7);
	border-bottom: 1px solid #CFCECA;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
}
.contentTitle4:before {
	border-left: 5px solid #D2232A;
	content: "";
	margin-left: -10px;
	margin-right: 5px;
	font-wegiht: bold;
	color: #FFF;
}
.contentYoyakuTitle {
	position: relative;
	padding: 8px 10px;
	background: -webkit-gradient(linear, left top, right bottom, from(#F8FAF9), color-stop(0.4, #FAC786), to(#FAC786));
	background: -moz-linear-gradient(left, #F8FAF9, #FAC786 40%, #FAC786);
	border-top: 1px solid #CFCECA;
	border-bottom: 1px solid #CFCECA;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
}
h2.contentYoyakuTitle span {
	margin-right: 5px;
	padding: 3px 3px 2px !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	box-shadow: 1px 1px 1px #CCC;
	background-color: #F9AC5C;
	border: 1px solid #FB9C2C;
	border-radius: 4px;
	font-size: 12px;
	/*font-weight: normal !important;*/
	color: #FFFFFF;
	line-hight: 1 !important;
	text-align: center;
}
.subTitle {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	color: #666;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
}
#main .inner h1 {
	text-align: left !important;
}
/*特集一覧染み出し特殊タイトル*/
.featureTitle {
	padding: 8px 10px 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), color-stop(0.05, #FFFFFF), color-stop(0.85, #FFFFFF), to(#E7E7E7));
	background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF 5%, #FFFFFF 85%, #E7E7E7);
	border-bottom: 1px solid #CFCECA;
}
.featureTitle span.redLine {
	display: block;
	border-left: 5px solid #D2232A;
	padding-left: 5px;
	font-size: 16px;
	line-height: 1.3em;
}
/* ------------------------------------------------------------ 会員系コンテンツ */
.userActionAreaInContents {
	border-top: 10px solid #F9AC5C;
	padding-top: 15px;
}
/* リンクリスト
------------------------------------------------------------*/
.listRow {
	background: #FFF;
	border-top: 1px solid #DDD;
}
.listRowR {
	/* 角丸 */
	margin-left: 10px;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 10px;
}
.listRowPR {
	background: #FAECDA !important;
}
#header + .listRow,
.contentTitle + .listRow,
.contentTitle2 + .listRow,
.themeTitle + .listRow {
	border-top: none;
}
.listRow > li,
.listRowR > li,
.listRow > dt,
.listRow > dd {
	position: relative;
	clear: both;
	border-bottom: 1px solid #DDD;
}
.listRowR li:last-of-type {
	border-bottom: none;
}
.listRow > li > span,
.listRow > li > a,
.listRow > li .bold a,
.listRowR > li > a,
.listRowR > li .bold a,
.listRow > dt,
.listRow > dd > span,
.listRow > dd > a {
	display: block;
	padding: 10px 30px 10px 10px;
	overflow: hidden;
}
.listRow > li > a,
.listRow > dd > a,
.listRowR > li > a,
.listRowR > li .bold a {
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
}
.listRow > li > a.noArrow,
.listRowR > li > a.noArrow,
.listRowR > li .bold a.noArrow {
	background-image: none;
}
.listRow > li > a.linkMark {
	background: url("/SYS/smartphone/images/icon_link_b.gif") no-repeat 96% 50%;
}
/* 写真入り */
img.figure {
	float: left;
	margin-right: 10px;
	border: 1px solid #DDD;
}
.figcaption {
	overflow: hidden;
}
/* チェーン店ロゴ用*/
.chainList > li > a > div:first-child {
	width: 69px;
	height: 69px;
	vertical-align: middle;
}
/* 条件指定 */
.catInfo {
	float: right;
	margin-top: 3px;
	font-size: 12px;
	color: #777;
	text-align: right;
}
.wringArea a {
	padding-left: 15px;
}
.wringArea a span:first-of-type:before {
	content: "┗";
	margin-right: 7px;
	color: #666;
}
/* エラー
------------------------------------------------------------*/
.errorMsg {
	margin-bottom: 15px;
}
.errorMsg li {
	font-size: 14px;
	color: #FF3333;
	font-weight: bold;
}
/* チェックボックス
------------------------------------------------------------*/
.inCheckbox,
.inRadio {
	position: relative;
	z-index: 1;
}
.inCheckbox:after,
.inRadio: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(top, #DDD, #FFF);
	border: 1px solid #999;
	content: "";
}
.inRadio:after {
	border-radius: 50%;
}
.inCheckbox input[type="checkbox"],
.inRadio input[type="radio"] {
	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,
.inRadio label {
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	position: relative;
	z-index: 2;
	padding: 10px 30px 10px 10px;
}
.inCheckbox input[type="checkbox"]:checked + label,
.inRadio input[type="radio"]:checked + label {
	background: url("/SYS/smartphone/images/icon_checkbox_checked.gif") no-repeat 95% 15px;
}
/* Title
--------------------------------------------------*/
.iListTitle {
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	color: #4B4B4B;
}
/* iList
--------------------------------------------------*/
.iList {
	margin-left: 10px;
	margin-right: 10px;
	background: #FFFFFF;
	border: 1px solid #CDCDCD;
	border-radius: 10px;
}
.iList li,
.iListFull li {
	padding: 10px;
	border-bottom: 1px solid #CDCDCD;
}
.iList .linkTel {
	padding: 0;
	background: url("/SYS/smartphone/images/icon_tel.gif") no-repeat 96% 50%;
}
.linkTel a {
	padding: 10px 35px;
}
.iList li:last-child,
.iListFull li:last-child {
	border-bottom: none;
}
.iList li dl.info li {
	padding: 0px;
	border-bottom: none;
}
.info dt,
.infoInput dt {
	font-size: 14px;
	font-weight: bold;
	color: #767676;
}
.info dd {
	font-size: 14px;
	font-weight: normal;
}
.info dd ul.innerList li,
.infoInput dd ul.innerList li,
.infoInput dd ul.innerSolidList li,
.popList li {
	border: none;
	margin-bottom: 5px;
	padding: 0 10px 0 18px;
	font-size: 14px;
	line-height: 1.4em;
	text-indent: -20px;
}
input.inputFull {
	width: 93%;
}
textarea.inputFull {
	width: 98%;
}
.info dd .inputMiddle,
.infoInput dd .inputMiddle {
	width: 65%;
}
.info dd .inputSmall,
.infoInput dd .inputSmall {
	width: 25%;
}
.innerSolidList li {
	float: left;
}
/*--------------------------------------------------------------------
	Accodion Area
----------------------------------------------------------------------*/
.acdHead a {
	position: relative;
}
.acdHead a:after {
	position: absolute;
	top: 2px;
	left: 96%;
	margin-left: -3px;
	color: #999;
	content: url("/SYS/smartphone/images/icon_front_open_bottom.png");
}
.acdHead.acdClosed a:after {
	content: url("/SYS/smartphone/images/icon_front_open_top.png");
}
/*--------------------------------------------------------------------
	General CSS
----------------------------------------------------------------------*/
/* Layout
------------------------------------------------------------*/
.dn {
	display: none;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
.dt {
	display: table;
}
.dtc {
	display: table-cell;
}
.inlineBlock {
	display: inline-block;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none !important;
}
.dt {
	display: table;
}
.dtc {
	display: table-cell;
}
.cBoth {
	clear: both;
}
.cLeft {
	clear: left !important;
}
.tCenter {
	text-align: center;
}
.tRight {
	text-align: right;
}
.tLeft {
	text-align: left;
}
.vaTop {
	vertical-align: top;
}
.vaMiddle {
	vertical-align: middle;
}
.vaBottom {
	vertical-align: bottom;
}
.ofh {
	overflow: hidden;
}
/* Position
------------------------------------------------------------*/
.pa {
	position: absolute;
}
.pr {
	position: relative;
}
.t0 {
	top: 0 !important;
}
.t7 {
	top: 7px;
}
.t8 {
	top: 8px;
}
.t40 {
	top: 40px;
}
.l0 {
	left: 0;
}
.r0 {
	right: 0;
}
.r10 {
	right: 10px;
}
/* Width
------------------------------------------------------------*/
.w50 {
	width: 50px;
}
.w58 {
	width: 58px;
}
.w60 {
	width: 60px;
}
.w70 {
	width: 70px;
}
.w80 {
	width: 80px;
}
.w90 {
	width: 90px;
}
.w95 {
	width: 95px;
}
.w100 {
	width: 100px;
}
.w105 {
	width: 105px;
}
.w110 {
	width: 110px;
}
.w120 {
	width: 120px;
}
.w130 {
	width: 130px;
}
.w135 {
	width: 135px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w155 {
	width: 155px;
}
.w160 {
	width: 160px;
}
.w165 {
	width: 165px;
}
.w170 {
	width: 170px;
}
.w175 {
	width: 175px;
}
.w180 {
	width: 180px;
}
.w185 {
	width: 185px;
}
.w190 {
	width: 190px;
}
.w195 {
	width: 195px;
}
.w200 {
	width: 200px;
}
.w205 {
	width: 205px;
}
.w210 {
	width: 210px;
}
.w220 {
	width: 220px;
}
.w225 {
	width: 225px;
}
.w230 {
	width: 230px;
}
.w238 {
	width: 238px;
}
.w240 {
	width: 240px;
}
.w250 {
	width: 250px;
}
.w260 {
	width: 260px;
}
.w270 {
	width: 270px;
}
.w275 {
	width: 275px;
}
.w280 {
	width: 280px;
}
.w285 {
	width: 285px;
}
.w290 {
	width: 290px;
}
.w295 {
	width: 295px;
}
.w300 {
	width: 300px;
}
.w320 {
	width: 320px;
}
.wHalf {
	width: 50%;
}
.wFull {
	width: 100%;
}
.w10p {
	width: 10%;
}
.w33p {
	width: 33.3%;
}
.w50p {
	width: 50%;
}
.wAuto {
	width: auto;
}
/* Height
------------------------------------------------------------*/
.h52 {
	height: 52px;
}
.h80 {
	height: 80px;
}
.h100 {
	height: 100px;
}
.h400 {
	height: 400px;
}
.hAuto {
	height: auto;
}
/* Margin
------------------------------------------------------------*/
.marHA {
	margin-left: auto;
	margin-right: auto;
}
.marT0 {
	margin-top: 0;
}
.marT2 {
	margin-top: 2px;
}
.marT3 {
	margin-top: 3px;
}
.marT4 {
	margin-top: 4px;
}
.marT5 {
	margin-top: 5px;
}
.marT8 {
	margin-top: 8px;
}
.marT10 {
	margin-top: 10px;
}
.marT15 {
	margin-top: 15px;
}
.marT20 {
	margin-top: 20px;
}
.marT25 {
	margin-top: 25px;
}
.marT30 {
	margin-top: 30px;
}
.marT35 {
	margin-top: 35px;
}
.marT40 {
	margin-top: 40px;
}
.marT45 {
	margin-top: 45px;
}
.marT50 {
	margin-top: 50px;
}
.marTN10 {
	margin-top: -10px;
}
.marR0 {
	margin-right: 0;
}
.marR2 {
	margin-right: 2px;
}
.marR3 {
	margin-right: 3px;
}
.marR5 {
	margin-right: 5px;
}
.marR10 {
	margin-right: 10px;
}
.marR15 {
	margin-right: 15px;
}
.marR20 {
	margin-right: 20px;
}
.marR25 {
	margin-right: 25px;
}
.marR30 {
	margin-right: 30px;
}
.marR35 {
	margin-right: 35px;
}
.marR40 {
	margin-right: 40px;
}
.marR45 {
	margin-right: 45px;
}
.marR50 {
	margin-right: 50px;
}
.marB0 {
	margin-bottom: 0;
}
.marB5 {
	margin-bottom: 5px;
}
.marB10 {
	margin-bottom: 10px;
}
.marB15 {
	margin-bottom: 15px;
}
.marB20 {
	margin-bottom: 20px;
}
.marB25 {
	margin-bottom: 25px;
}
.marB30 {
	margin-bottom: 30px;
}
.marB35 {
	margin-bottom: 35px;
}
.marB40 {
	margin-bottom: 40px;
}
.marB45 {
	margin-bottom: 45px;
}
.marB50 {
	margin-bottom: 50px;
}
.marL0 {
	margin-left: 0 !important;
}
.marL5 {
	margin-left: 5px;
}
.marL10 {
	margin-left: 10px;
}
.marL15 {
	margin-left: 15px;
}
.marL20 {
	margin-left: 20px;
}
.marL25 {
	margin-left: 25px;
}
.marL30 {
	margin-left: 30px;
}
.marL35 {
	margin-left: 35px;
}
.marL40 {
	margin-left: 40px;
}
.marL45 {
	margin-left: 45px;
}
.marL50 {
	margin-left: 50px;
}
.marL80 {
	margin-left: 80px;
}
.marLR5 {
	margin-left: 5px;
	margin-right: 5px;
}
.marLR10 {
	margin-left: 10px;
	margin-right: 10px;
}
.marLRa {
	margin-left: auto;
	margin-right: auto;
}
.mar0 {
	margin: 0 !important;
}
/* Padding
------------------------------------------------------------*/
.padT0 {
	padding-top: 0;
}
.padT2 {
	padding-top: 2px;
}
.padT5 {
	padding-top: 5px;
}
.padT10 {
	padding-top: 10px;
}
.padT15 {
	padding-top: 15px;
}
.padT20 {
	padding-top: 20px;
}
.padT25 {
	padding-top: 25px;
}
.padT30 {
	padding-top: 30px;
}
.padT35 {
	padding-top: 35px;
}
.padT40 {
	padding-top: 40px;
}
.padT45 {
	padding-top: 45px;
}
.padT50 {
	padding-top: 50px;
}
.padL0 {
	padding-left: 0;
}
.padL5 {
	padding-left: 5px !important;
}
.padL10 {
	padding-left: 10px;
}
.padL14 {
	padding-left: 14px !important;
}
.padL15 {
	padding-left: 15px;
}
.padL20 {
	padding-left: 20px;
}
.padL25 {
	padding-left: 25px;
}
.padL30 {
	padding-left: 30px;
}
.padL35 {
	padding-left: 35px;
}
.padL40 {
	padding-left: 40px;
}
.padL45 {
	padding-left: 45px;
}
.padL50 {
	padding-left: 50px;
}
.padL60 {
	padding-left: 60px;
}
.padR0 {
	padding-right: 0;
}
.padR5 {
	padding-right: 5px;
}
.padR10 {
	padding-right: 10px;
}
.padR15 {
	padding-right: 15px;
}
.padR20 {
	padding-right: 20px;
}
.padR25 {
	padding-right: 25px;
}
.padR30 {
	padding-right: 30px;
}
.padR35 {
	padding-right: 35px;
}
.padR40 {
	padding-right: 40px;
}
.padR45 {
	padding-right: 45px;
}
.padR50 {
	padding-right: 50px;
}
.padR60 {
	padding-right: 60px;
}
.padR70 {
	padding-right: 70px;
}
.padR80 {
	padding-right: 80px;
}
.padB0 {
	padding-bottom: 0;
}
.padB5 {
	padding-bottom: 5px;
}
.padB7 {
	padding-bottom: 7px;
}
.padB10 {
	padding-bottom: 10px;
}
.padB15 {
	padding-bottom: 15px;
}
.padB20 {
	padding-bottom: 20px;
}
.padB25 {
	padding-bottom: 25px;
}
.padB30 {
	padding-bottom: 30px;
}
.padB35 {
	padding-bottom: 35px;
}
.padB40 {
	padding-bottom: 40px;
}
.padB45 {
	padding-bottom: 45px;
}
.padB50 {
	padding-bottom: 50px;
}
.padLR10 {
	padding-left: 10px;
	padding-right: 10px;
}
.padTB4 {
	padding-top: 4px;
	padding-bottom: 4px;
}
.padTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padTB20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pad0 {
	padding: 0;
}
.pad1 {
	padding: 2px;
}
.pad3 {
	padding: 3px;
}
.pad5 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}
.pad15 {
	padding: 15px;
}
.pad20 {
	padding: 20px;
}
.pad25 {
	padding: 25px;
}
.pad30 {
	padding: 30px;
}
/* Background
------------------------------------------------------------*/
.bgWhite {
	background-color: #FFF;
}
.bgGray {
	background-color: #F8F7F5;
}
.bgMyGray {
	background-color: #EEEEEE;
}
.bgYellow {
	background-color: #FFF8E0 !important;
}
.bgBBlue {
	background-color: #DFF0F4 !important;
}
.bgImgNone {
	background-image: none !important;
}
.bgDisable {
	background-color: #E7E7E7;
}
/* Border
------------------------------------------------------------*/
.bdNone {
	border: none !important;
}
.bdGray {
	border: 1px solid #AAAAAA;
}
.bdTopGray {
	border-top: 1px solid #CCCCCC;
}
.bdBtmGray {
	border-bottom: 2px solid #6C7075;
}
.bdBGray {
	border-bottom: 1px solid #CCCCCC;
}
/* Font
------------------------------------------------------------*/
.fsMicro {
	font-size: 10px !important;
}
.fsMinimum {
	font-size: 12px !important;
}
.fsSmall {
	font-size: 14px;
}
.fsMiddle {
	font-size: 16px !important;
}
.fsLarge {
	font-size: 18px;
}
.fsSLarge {
	font-size: 24px;
}
.bold, .strong {
	font-weight: bold;
}
.normal {
	font-weight: normal !important;
}
.fcBlack {
	color: #000;
}
.fcGray {
	color: #666;
}
.fcLightGray {
	color: #999;
}
.fcRed {
	color: #F33;
}
.fcPRRed {
	color: #CC3333;
}
.fcDRed {
	color: #D0111B;
}
.fcWRed {
	color: #CC0000;
}
.fcBlue {
	color: #6084F9;
}
.fcDBlue {
	color: #1470CC;
}
.fcGreen {
	color: #438625;
}
.fcOrange {
	color: #FA6;
}
.fcLOrange {
	color: #FFCF88;
}
.fcDOrange {
	color: #E86023;
}
.fcYellow {
	color: #FFC63E !important;
}
.fcBlack3 {
	color: #333333;
}
.lh1p4 {
	line-height: 1.4;
}
.lh1p8 {
	line-height: 1.8;
}
.lh14 {
	line-height: 14px;
}
.bw {
	word-wrap: break-word;
}
.nowrap {
	white-space: nowrap;
}
.txtPrLine {
	text-decoration: underline;
}
.txtPrNone {
	text-decoration: none !important;
}
/* Clearfix
------------------------------------------------------------*/
.cFix {
	overflow: hidden;
}
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html .cFix {
	height: 1em;
	overflow: visible;
}
/**/
/*--------------------------------------------------------------------
追加　アイコン
----------------------------------------------------------------------*/
.iconConditions,
.iconGpsLocation {
	display: block;
	padding-left: 42px;
	line-height: 32px;
}
.iconConditions {
	background: url(/SYS/smartphone/images/icon_conditions.gif) no-repeat left center;
}
.iconGpsLocation {
	background: url(/SYS/smartphone/images/icon_genzaichi.gif) no-repeat left center;
}
/*--------------------------------------------------------------------
特集一覧ABテスト用
----------------------------------------------------------------------*/
.topicsCloseBtn {
	position: absolute;
	right: 10px;
	top: 5px;
}
.topicsList {
	background: #FFF;
	border-top: 1px solid #DDD;
}
.topicsList > li a,
.topicsList > dd a {
	padding: 10px 70px 10px 10px;
}
.topicsList > li,
.topicsList > dd {
	border-bottom: 1px solid #DDD;
}
.topicsList > dt {
	padding: 10px;
	border-bottom: 1px solid #DDD;
}
.topicsList > li a,
.topicsList > dt,
.topicsList > dd > a {
	display: block;
	overflow: hidden;
}
.topicsList > li,
.topicsList > dd {
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
	position: relative;
}
.topicsList .linkNumbers {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 30px;
	font-size: 12px;
	color: #777;
}
.topicsList .topicsSubTitle span.orangeLine {
	display: block;
	padding-left: 5px;
	border-left: 4px solid #E58A39;
	font-weight: bold;
}
/*提案_TypeB*/
.contentsTitleTypeB {
	padding: 8px;
	box-shadow: 1px 1px 3px #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), color-stop(0.2, #F7F7F7), color-stop(0.8, #FEF4F3), to(#F6E0DE));
	background: -moz-linear-gradient(top, #F9F9F9, #F7F7F7 50%, #FEF4F3 50%, #F6E0DE);
	border-top: 1px solid #CFCECA;
	border-left: 5px solid #CF0913;
	font-weight: bold;
	font-size: 16px !important;
	text-align: left !important;
	color: #333333;
}
.btnBlueSearch {
	padding: 4px 2px 4px !important;
}
/*角丸ボタン*/
.listRowRB {
	width: 135px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.2, #F8F8F8), color-stop(0.8, #F4F4F4), to(#E7E7E7));
	background: -moz-linear-gradient(top, #FFFFFF, #F8F8F8 20%, #F4F4F4 80%, #E7E7E7);
	border: 1px solid #DDD;
	border-radius: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}
.slideUpArea {
	position: absolute;
	top: 400px;
	width: 100%;
	overflow: hidden;
}
.transformUp {
	-webkit-transform: translate(0, -400px);
	   -moz-transform: translate(0, -400px);
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
}
.transformDown {
	-webkit-transform: translate(0, 400px);
	   -moz-transform: translate(0, 400px);
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
}
.transformTop {
	-webkit-transition: none;
	   -moz-transition: none;
	-webkit-transform: none;
	   -moz-transform: none;
	top: 0 !important;
}
/* ------------------------------------------------------------ ボタン(Androidアウトライン対策) */
.btnBookMarkGrayInlineDivision > div {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	padding: 3px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C9C9C9));
	background: -moz-linear-gradient(top, #FFFFFF, #C9C9C9);
	border: 1px solid #CCC;
	border-radius: 16px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	font-weight: bold;
}
.btnBookMarkGrayInlineDivision > div:before {
	content: "×";
	margin-right: 3px;
	color: #666;
	font-weight: bold;
}
.btnMarkOrangeInlineDivision > div,
.btnMarkGrayInlineDivision > div {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	display: inline-block;
	padding: 3px 5px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.btnMarkOrangeInlineDivision > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFB45A), to(#F76901));
	background: -moz-linear-gradient(top, #FFB45A, #F76901);
	border: 1px solid #E39934;
}
.btnMarkOrangeInlineDivision > div:before {
	content: "▼";
	margin-right: 3px;
	color: #F5C686;
	font-weight: bold;
}
.btnMarkGrayInlineDivision > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#6E6E6E));
	background: -moz-linear-gradient(center top, #CFCFCF, #6E6E6E);
	border: 1px solid #7B7B7B;
}
.btnMarkGrayInlineDivision > div:before {
	content: "×";
	margin-right: 3px;
	color: #666;
	font-weight: bold;
}
.btnBlueInlineDivision > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#93BBEA), color-stop(0.5, #4E90DC), color-stop(0.5, #3386E6), to(#468FE1));
	background: -moz-linear-gradient(top, #93BBEA, #4E90DC 50%, #3386E6 50%, #468FE1);
	border: 1px solid #3685E0;
	color: white;
}
.btnGrayInlineDivision > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEB), color-stop(0.5, #CFD0D1), color-stop(0.5, #B8B8BA), to(#BCBEC1));
	background: -moz-linear-gradient(top, #EAEAEB, #CFD0D1 50%, #B8B8BA 50%, #BCBEC1);
	border: 1px solid #999;
	color: #0D0D0D;
}
.btnBlueInlineDivision > div,
.btnGrayInlineDivision > div {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 4px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
/*--------------------------------------------------------------------
マイページ関連
----------------------------------------------------------------------*/
.iList2Columns .iListLink,
.iList2Columns .iListMenuLink,
.iList .iListLink,
.iList .iListMenuLink,
.iListFull .iListLink {
	padding: 0;
	background: url("/SYS/smartphone/images/icon_link.gif") no-repeat 96% 50%;
}
.iListLink a {
	padding: 10px 10px 10px 10px;
}
#logo {
	height: 35px;
	background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.75, white), to(#DFDFDF));
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 75%, #DFDFDF);
	text-align: center;
}
/* -------------------------------------------------------------------------------
Style:ImageBox
------------------------------------------------------------------------------- */
.gdImgBox {
	width: 98px;
	height: 98px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
	overflow: hidden;
}
.gdImgBox img {
	vertical-align: top;
}
/* -------------------------------------------------------------------------------
/* グレーボタン フォント影指定
------------------------------------------------------------------------------- */
.graytextshadow {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}
/*--------------------------------------------------------------------
	フッタ(追加)
----------------------------------------------------------------------*/
.contentFooter {
	padding: 10px;
	overflow: hidden;
}
.pageTop {
	float: right;
}
.pageTop a {
	display: inlne-block;
	padding: 5px 15px;
	background: #D5D9DF;
	border: 1px solid #B5B9BF;
	border-radius: 5px;
	font-size: 12px;
	color: #525C69;
}
/*--------------------------------------------------------------------
	デフォルトチェックボックス(追加)
----------------------------------------------------------------------*/
.iCheckbox {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.iCheckbox label:before {
	content: "";
	vertical-align: top;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	line-height: 1;
	background: -webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
	border: 1px solid #999999;
}
.iCheckbox label {
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.iCheckbox input[type="checkbox"] {
	opacity: 0;
	display: inline-block;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
.iCheckbox input[type="checkbox"]:checked + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	left: -17px;
	top: 3px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/SYS/smartphone/images/icon_checkbox_checked.gif);
}
/*--------------------------------------------------------------------
即予約ヘッダー部分(追加)
----------------------------------------------------------------------*/
.themeHead {
	text-align: center !important;
}
/* EOF */