@charset "UTF-8";

/*
en_US
*/

/* =========================================================
list
========================================================= */
#list {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}
#list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#list li.rim {
	clear: both;
	border: 2px solid #e8ece9;
	margin-bottom: 8px;
}
#list li.rim:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#list li.rim .wrap {
	padding: 10px;
}
#list li.rim .body {
	position: relative;
	z-index: 1;
	display: flex;
}
/* -----------------------------------------------
GO TO EAT
----------------------------------------------- */
#list .info .gotoeat {
	position: absolute;
	top: 32px;
	left: -8px;
	display: inline-block;
	background-image: url(/img/common/cf/badge_GOTOEAT.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 50px;
	height: 50px;
	z-index: 2;
}
#list .info .gotoeat span {
	display: none;
}
/* -----------------------------------------------
GO TO Travel
----------------------------------------------- */
#list .info .gototravel {
	position: absolute;
	top: 32px;
	left: -8px;
	display: inline-block;
	background-image: url(/img/common/cf/badge_GOTOTravel.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 50px;
	height: 50px;
	z-index: 2;
}
#list .info .gototravel span {
	display: none;
}
/* -----------------------------------------------
header
----------------------------------------------- */

#list .header {
	background-color: #f7f6f5;
	padding: 6px 8px;
	border-bottom: 1px dotted #e8ece9;
}
#list .header:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#list .header li.cat {
	float: left;
}
#list .header li.cat span {
	display: block;
	color: #ffffff;
	background-color: #90ac1a;
	padding: 3px 12px;
	margin-left: -10px;
	width: 280px;
}
#list .header li.date {
	float: right;
	color: #666666;
	margin-top: 3px;
}
#list .header li.date .new {
	float: right;
	color: #ff3399;
	background: url(/img/common/common/icon_new.gif) no-repeat 0 50%;
	padding-left: 25px;
}

/* -----------------------------------------------
info
----------------------------------------------- */

#list .info {
	clear: both;
	text-align: left;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 8px;
	width: 100%;
}
#list .info .left {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}
#list .info .left .world-area {
	font-weight: bold;
	margin-bottom: 5px;
}
#list .info .left h3 {
	clear: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 126%;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 8px;
	margin-bottom: 8px;
	display: flex;
	align-items: flex-end;
}
#list .info .left h3 a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	max-height: 1.2em;
}
#list .info .left .thumb {
	position: relative;
	float: left;
	display: table;
	border: 1px solid #e4e4e4;
	margin-right: 8px;
	width: 200px;
	height: 100%;
	z-index: 1;
}
#list .info .left .thumb .box {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#list .info .left .thumb .box img.medium {
	vertical-align: middle;
	border: 1px solid #ffffff;
	max-height: 150px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#list .info .left .thumb .box.medium:hover {
	border: 1px solid #ffcc00;
}
#list .info .left p {
	color: #6c6c6c;
	line-height: 126%;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 6.2em;
	word-break: break-all;
	overflow-wrap: anywhere; /* firefox：「------」などの装飾がクーポンを押し出すため追加 */
}
/* -----------------------------------------------
coupon old version
----------------------------------------------- */
/*
#list .info .right {
	display: table-cell;
	vertical-align: top;
}
#list .info .right .frame {
	font-size: 11px;
	line-height: 126%;
	border: 1px #c9c9c4 dotted;
	padding: 1px;
	margin-left: 8px;
	width: 200px;
}
#list .info .right .wrap {
	background: url(/img/common/cf/coupon_bg.gif) repeat 0 0;
	padding: 3px;
}
#list .info .right .container {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	background-color: #ffffff;
	padding: 4px 6px;
}
#list .info .right p {
	background: url(/img/common/cf/coupon_icon.gif) no-repeat 0 0;
	padding: 16px 0 0 6px;
	margin: 0 0 4px -6px;
}
#list .info .right p span {
	color: #ed6d46;
	margin: 0 0 0 4px;
}
#list .info .right dt {
	float: left;
	color: #999999;
	margin-right: 4px;
}
#list .info .right dd {
	color: #666666;
}
*/
/* -----------------------------------------------
coupon new version
----------------------------------------------- */
#list .info .right {
	display: flex;
	flex-direction: column;
	vertical-align: top;
}
#list .info .right .coupon {
	margin-left: 8px;
	margin-bottom: 8px;
	width: 200px;
}
#list .info .right .coupon p {
	color: #665a1a;
	margin-bottom: 10px;
	font-weight: bold;
}
#list .info .right .wrap {
	background: url(/img/common/cf/coupon_pattern.gif) repeat 0 0;
	padding: 4px;
}
#list .info .right .container {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	background-color: #ffffff;
	padding: 6px;
}
#list .info .right .type {
	text-align: center;
	font-size: 12px;
	line-height: 126%;
	color: #ffffff;
	background-color: #ffd261;
	padding: 2px 5px 1px;
	margin-bottom: 5px;
}
#list .info .right p {
	font-size: 13px;
	line-height: 126%;
	margin-bottom: 10px;
}
#list .info .right .online-list {
	margin-top: 10px;
}
/* -----------------------------------------------
bottom
----------------------------------------------- */
#list .bottom {
	clear: both;
	text-align: left;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-top: auto;
}
#list .bottom .left {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}
#list .bottom .left li.name {
	font-weight: bold;
	margin-bottom: 2px;
}
#list .bottom .left li.name a {
	color: #3366ff;
	display: table-cell;
	vertical-align: middle;
}
#list .bottom .left li.name a:hover {
	color: #668cff;
}
#list .bottom .left li.name img {
	vertical-align: middle;
	margin-right: 4px;
}
#list .bottom .left li.addr a {
	color: #333333;
}
#list .bottom .left li.addr a:hover {
	color: #ff9933;
}
#list .bottom .left li.tel {
	background: url(/img/common/tg/icon_tel.gif) no-repeat 0 2px;
	padding-left: 23px;
}
#list .bottom .right {
	display: table-cell;
	vertical-align: top;
}
#list .bottom .right div {
	text-align: center;
	width: 202px;
}
#list .bottom .right div a {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	line-height: 100%;
	background-color: #90ac1a;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 10px 22px 6px 22px;
}
#list .bottom .right div a:hover {
	background-color: #ffcc00;
}
/* -----------------------------------------------
tag
----------------------------------------------- */
#list .tag {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
}
#list .tag .tag-box {
	font-size: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}
#list .tag a {
	display: inline-block;
	color: #90ac1a;
	font-size: 12px;
	line-height: 1;
	vertical-align: bottom;
	border: 1px solid #d0d6b5;
	border-radius: 2px;
	background-color: #fafaf7;
	padding: 3px 5px;
	margin: 0 4px 0 0;
}
#list .tag a:hover {
	color: #ff9933;
}