@charset "utf-8";
.dm{}
/* CSS Document */

/*----------------------------------------------------------------------------------------------ショップリスト*/
#shoplist {
	width: 760px;
	position: relative;
}
#shoplist .list {
	margin: 0 0 20px 0;
	padding:0 0 17px 0;
	position: relative;
	background-image:url(/images/shoplist/shoplist_bgu.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#shoplist .list .inner {
	background-image: url(/images/shoplist/shoplist_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	padding: 96px 11px 0 11px;
}
.shoplistBtn {
	position: absolute;
	top: 16px;
	left: 621px;
}
.shoplistOff {
	position: absolute;
	top: 11px;
	left: -23px;
}
.shoplistBtn:hover img,
.shoplistOff:hover img {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#shoplist h3 {
	font-size: 26px;
	color: #ED2FA5;
	position: absolute;
	top: 14px;
	left: 29px;
	width: 526px;
}
#shoplist h3 a {
	display:block;
	color:#ED2FA5;
	text-decoration:none;
	height: 36px;
	line-height: 40px;
}
#shoplist h3 a:hover {
	color:#F1ABE8;
}
.shoplistCopy {
	font-size: 15px;
	color: #A922CD;
	margin: 0 0 5px 0;
	position: absolute;
	top: 56px;
	left: 32px;
	width: 559px;
	height: 24px;
	line-height: 24px;
}

.shoplistPh {
	float:left;
	margin:0;
}

.shoplistInfo {
	float: right;
	margin: 0;
	width: 280px;
}
.shoplistInfo table {
	border-collapse:collapse;
	width:100%;
	border-top: 1px solid #F82B82;
}
.shoplistInfo th,
.shoplistInfo td {
	font-size: 12px;
	border-bottom: 1px solid #F82B82;
	padding: 5px;
}
.shoplistInfo th {
	background-color: #FCFAFB;
	border-right: 1px solid #F82B82;
	width: 72px;
	color: #DC0762;
	text-align: left;
}
.shoplistIntro {
	padding: 5px;
	background-color: #FEFAF1;
	margin: 0 0 10px 0;
}
.shoplistIcon {
	margin:0 0 0 4px;
	display: flex;
	flex-wrap: wrap;
}
.shoplistIcon li {
	font-size: 12px;
	margin: 0 0.3em 0.3em 0;
	padding: 0.3em;
	/*! width: 8.7em; */
	text-align: center;
	border-radius: 3px;
}
.shoplistIcon li.trOn {
	font-weight: bold;
	color: #f94022;
	border: 1px solid #f94022;
	background-color: #fffaee;
}
.shoplistIcon li.trOff {
	font-weight: bold;
	color: #aeaeae;
	border: 1px solid #aeaeae;
	background-color: #f4f4f4;
}


.shoplistIcon {
	padding: 0;
	margin: 0;
}
.shoplistIcon li {
	float:left;
}

.shoplistNews {
	background-color: #FFFEFB;
	width: 100%;
	border: 1px solid #53B8D9;
}
.shoplistNews p {
	height:28px;
	line-height:28px;
}
.shoplistNews span {
	display:block;
	float:left;
}
.shoplistNews span.title {
	color: #FFFFFF;
	background-color: #53B8D9;
	padding: 0 10px;
	font-weight: bold;
}
.shoplistNews span.date {
	display: block;
	float: left;
	padding: 0 5px;
	color: #0066CC;
}
.shoplistNews span.body {
	display: block;
	float: left;
	padding: 0 5px;
	color: #FF3399;
	font-size: 14px;
}


/*----------------------------------------------------------------------------------------------ショップ詳細*/
.shopWrap {
	width: 760px;
}

.shopWrap h3 {
	color: #330000;
	padding: 0 0 0 42px;
	font-size: 24px;
	line-height: 62px;
	height: 56px;
	text-shadow: 1px 1px 1px #FFFFFF;
	background-repeat: no-repeat;
}

.shopInner {
	padding: 10px;
	margin:0 6px;
	font-size: 14px;
	line-height: 1.8em;
	background-color: #FFF;
}

/*見出し*/
#shopNews,
#shopWorkinfo,
#shopPayinfo,
#shopOwner,
#shopRecinfo,
#shopContact {
	padding: 0 0 10px 0;
	background-image: url(/images/shop/shop_contents_bg.png);
}

#shopNews h3 {
	background-image:url(/images/shop/shop_news_tt.png);
}

#shopWorkinfo h3 {
	background-image:url(/images/shop/shop_workinfo_tt.png);
}

#shopPayinfo h3 {
	background-image:url(/images/shop/shop_payinfo_tt.png);
}

#shopOwner h3 {
	background-image:url(/images/shop/shop_owner_tt.png);
}

#shopRecinfo h3 {
	background-image:url(/images/shop/shop_recinfo_tt.png);
}

#shopContact h3 {
	background-image:url(/images/shop/shop_contact_tt.png);
}


/*ショップヘッダ*/
#shopName {
	background-image:url(/images/shop/shop_shopname_bg.png);
	background-repeat:no-repeat;
	height:64px;
	line-height:70px;
	font-size:30px;
	padding:0 0 0 64px;
}
#shopName span.shopNameSub {
	font-size:18px;
}

#shopPrimg {
	background-image:url(/images/shop/shop_pr_bg.png);
	padding:10px 0;
	text-align:center;
}

#shopPr {
	background-color: #fffefa;
	padding: 0 0 10px 0;
	border-top:6px solid #f3f3fd;
	border-left:6px solid #f3f3fd;
	border-right:6px solid #f3f3fd;
	border-bottom:6px solid #cfe2f9;
}
#shopPr h2 {
	margin:0 auto;
	text-align:center;
}
#shopCopy {
	color: #FFF;
	background-color: #F82B82;
	background-image: url(/images/shop/shop_copy_bg.png);
	background-repeat: no-repeat;
	padding: 0 15px;
	height: 49px;
	line-height: 49px;
	font-size: 16px;
}
	

/*新着*/
#shopNewsList {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0099;
}
#shopNewsList dt {
	display: block;
	padding: 10px;
	color: #FF0099;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0099;
	cursor: pointer;
}
#shopNewsList dt span {
	background-image:url(/img/shop/shop_news_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
}
#shopNewsList dt span.open {
	background-image:url(/img/shop/shop_news_arrow_op.png);
}
#shopNewsList dd {
	display:none;
	padding:10px;
	background-color:#FEFBEF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0099;
}
.newsClose {
	text-align:center;
}
.acclose {
	cursor: pointer;
}

#data{
	background: url(../img/shop/side_fm.jpg);
	margin:10px 0;
}


#data .tel{
	background:url(../img/shop/ico_tel.jpg) no-repeat 7px;
	color:#FF9900;
	font-size:26px;
	font-weight:bold;
	padding:10px 10px 10px 30px;
}

#data .tel a{
	color:#FF9900;
}


#data .time{
	padding:4px;
	text-align:center;
	clear:both;
}

#data .qr{
	padding:5px;
}

#data .qr img{
	float:left;
}

#data .qr strong{
	color:#FF9900;
	font-size:16px;
}

/*募集要項*/
#shopRecinfo table {
	border-collapse: collapse;
	border-top: 1px solid #FF6633;
	width: 100%;
}
#shopRecinfo table tr:nth-child(2n){
	background-color: #FDFAEE;
}
#shopRecinfo table th,
#shopRecinfo table td {
	padding: 8px;
	font-size: 14px;
	line-height: 125%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6633;
}
#shopRecinfo table th {
	text-align: center;
	color: #FF6600;
	width: 90px;
	border-right: 1px solid #FF6633;
	background-color: #FEEFDA;
	font-weight: bold;
}
#shopRecinfo table td {
	color: #3A3632;
}

#shopTaiguIcon {
	margin:0 0 0 4px;
	display: flex;
	flex-wrap: wrap;
}
#shopTaiguIcon li {
	font-size: 12px;
	margin: 0 0.3em 0.3em 0;
	padding: 0.3em 0.5em;
	width: 8.7em;
	text-align: center;
	border-radius: 3px;
}
#shopTaiguIcon li.trOn {
	font-weight: bold;
	color: #f9229b;
	border: 1px solid #f9229b;
	background-color: #ffeef8;
}
#shopTaiguIcon li.trOff {
	font-weight: bold;
	color: #aeaeae;
	border: 1px solid #aeaeae;
	background-color: #f4f4f4;
}


/*お店への問い合わせ*/
#shopContact table {
	border-collapse: collapse;
	border-top: 1px solid #359EE8;
	width: 100%;
}
#shopContact table th,
#shopContact table td {
	padding: 8px;
	font-size: 14px;
	line-height: 125%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #359EE8;
	width: 120px;
	text-align: left;
}
#shopContact th {
	color: #359EE8;
	width: 90px;
	border-right: 1px solid #359EE8;
	background-color: #F0F5FF;
	font-weight: bold;
	vertical-align: middle;
}

#shopContact td {
	color: #3A3632;
}

/*店舗メニュー*/
#shopMenu {
	float: right;
	width: 200px;
	position: relative;
	padding: 0 0 10px 0;
	background-color: #FFF;
}

#shopNavi {
	padding: 0 0 5px 0;
	background-color: #FFF;
	background-image: url(/images/shop/side_menu_bg.png);
	background-repeat: repeat-y;
}

#smTop,
#smShopinfo,
#smNews,
#smWork,
#smMoney,
#smMs,
#smRecruit,
#smContact {
	background-repeat:no-repeat;
}
#smTop {background-image:url(/images/shop/side_menu_top_bg.png);}
#smShopinfo {background-image:url(/images/shop/side_menu_shopinfo_bg.png);}
#smNews {background-image:url(/images/shop/side_menu_news_bg.png);}
#smWork {background-image:url(/images/shop/side_menu_work_bg.png);}
#smMoney {background-image:url(/images/shop/side_menu_money_bg.png);}
#smMs {background-image:url(/images/shop/side_menu_mes_bg.png);}
#smRecruit {background-image:url(/images/shop/side_menu_recruit_bg.png);}
#smContact {background-image:url(/images/shop/side_menu_contact_bg.png);}


#shopNavi li img:hover {
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity: 0;
	opacity: 0;
}

#shopTel {
	padding: 0 0 5px 0;
	background-color: #ff5a7a;
}
#telNumber {
	font-size: 22px;
	font-weight: bold;
	color: #F82B82;
	background-image: url(/images/shop/side_tel_bg.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 40px;
	line-height:40px;
}
#shopTelTime {
	text-align: center;
	line-height: 1.3em;
	padding: 5px 0 0 0;
	color: #FFF;
	font-size: 16px;
}
#shopTelTime span {
	font-size:12px;
}

#shopLine {
	padding: 0 0 5px 0;
	background-color: #00c402;
}
.shopDetailLineid {
	margin: 0 auto;
	width: 200px;
	height: 41px;
	background-image: url(/images/shop/side_line_id_bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	line-height:52px;
}
.shopDetailLineurl {
	margin: 0 auto;
	width: 200px;
	position: relative;
}


#shopHomeBtn {
	width: 200px;
}
#shopHomeBtn img:hover {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*フォーム会員情報*/
.shopMemBtnLoad a,
.shopMemBtnLogin a,
.shopMemBtnRegi a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #DF5BB8;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px;
	float: left;
	margin: 0 10px 10px 0;
}
.shopMemBtnLoad a {
	background-color: #DF5BB8;
}
.shopMemBtnLogin a {
	background-color: #FF8224;
}
.shopMemBtnRegi a {
	background-color: #0099FF;
}
.shopMemBtnLoad a:hover {
	background-color: #EB98D2;
}
.shopMemBtnLogin a:hover {
	background-color: #FFB57D;
}
.shopMemBtnRegi a:hover {
	background-color: #66C1FF;
}
.shopMemBtnLoad a img,
.shopMemBtnLogin a img,
.shopMemBtnRegi a img {
	vertical-align:middle;
}