/**/

.detail_info  {position:absolute; bottom:0; left:0; width:100%; background: linear-gradient( 45deg,#ffd378, #f4803e, #d42484,#71499d, #4658a7 ); /*background:rgba(0,0,0,0.7);*/ padding:20px; z-index:1;transform: translateY(100%); opacity:0; transition:all .5s;}
.detail_info h3,
.detail_info h4,
.detail_info p,
.detail_info span  {display:inline-block; width:100%; line-height:150%; text-align:left;}
.detail_info h3  {font-size:13px; color:#fff; font-weight:normal; }
.detail_info h4  {font-size:12px; color:#fff; font-weight:normal; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;/*text-shadow: 0 0 1px #000; */}
.detail_info p  {font-size:11px; color:rgba(255,255,255,0.55); margin:5px 0 10px 0;white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }
.detail_info span  {font-size:11px; color:rgba(255,255,255,0.6); font-family:arial; displ ay:none;}
.detail_no  {position:absolute; top:0; right:0;font-family: 'GmSansB'; padding:15px 10px 0 0; font-size:100px; line-height:100%; color:rgba(255,255,255,0.2); z-index:1; transform: translateX(0%); transition:all .5s;}

.detail_kind	{position:absolute; top:0; left:0px; width:100%; z-index:1; padding:15px;}
.detail_kind span	{display:inline-block; width:100%; font-size:11px; line-height:110%; text-align:right; font-family:tahoma; color:#fff; text-shadow: 0 0 1px #000000;}

.lst_cnt_box	{position:absolute; top:15px; right:15px; z-index:1; white-space: nowrap;}
.lst_cnt_box .kind	{display:inline-block; vertical-align:middle; padding:0 0 0 10px; min-width:30px; width:auto; line-height:100%;}
.lst_cnt_box .kind:first-child	{padding-left:0;}
.lst_cnt_box .kind i,
.lst_cnt_box .kind span		{display:inline-block; vertical-align:middle; line-height:100%; /*text-shadow: 0 0 1px #000000;*/}
.lst_cnt_box .kind i			{font-size:13px;}
.lst_cnt_box .kind.vote i			{color:red;}
.lst_cnt_box .kind.memo i		{color:#00bcd4;}
.lst_cnt_box .kind span		{font-style:normal; font-size:11px; font-family:tahoma; padding-left:2px; color:#fff;}
.cate_box	{position:absolute; bottom:15px; right:15px; z-index:1; font-size:11px; line-height:100%;/* font-family: 'GmSansM';*/padding:5px; border-radius:3px; color:#fff;}


.date_info {position:relative; font-size:0; margin-top:60px;}
.date_info span {display:inline-block; vertical-align:middle; font-size:11px; line-height:100%; padding-right:0px; color:#999 !important; font-family:arial; letter-spacing:0.1em;}
.date_info span:last-child {padding:0;}
.date_info span.year {color:#333;}
.date_info span.month {color:#333;}
.date_info span.day {color:#333;}
.date_info span.apm {color:#333; display:none;}
.date_info span.time {color:#333;}
.date_info span.sec {color:#333;}

/**/
ul.shop_notice_p {position:absolute; top:50%; left:220px; transform: translateY( -50%); width:350px;}
ul.shop_notice_p li {display:inline-block; font-size:0; width:100%;}
ul.shop_notice_p li a {display:block; font-size:0;}
ul.shop_notice_p li a em,
ul.shop_notice_p li a i,
ul.shop_notice_p li a h3,
ul.shop_notice_p li a span {display:inline-block; vertical-align:middle; line-height:100%;}
ul.shop_notice_p li a em		{width:30px; font-size:11px; background:#cddc39; border:0px solid #eee; color:#fff; border-radius:3px; padding:4px 3px; text-align:center; font-style:normal; }
ul.shop_notice_p li a i			{width:30px; font-size:15px; color:#000; display:none;}
ul.shop_notice_p li a h3		{width:calc(100% - 110px); font-size:12px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color:#777; padding:0 0 0 10px; font-weight:normal;}
ul.shop_notice_p li a span	{width:80px; font-size:11px; text-align:right; color:#999; font-family:tahoma;}

ul.shop_notice_m {position:relative; padding:35px;}
ul.shop_notice_m li {display:inline-block; font-size:0; width:100%;}
ul.shop_notice_m li a {display:block;}
ul.shop_notice_m li a h3,
ul.shop_notice_m li a p,
ul.shop_notice_m li a span {display:inline-block; vertical-align:top; width:100%; line-height:130%;}
ul.shop_notice_m li a h3		{font-size:13px; font-weight:normal; color:#333;}
ul.shop_notice_m li a p		{font-size:11px; color:#999; padding:5px 0 10px 0; }
ul.shop_notice_m li a span	{font-size:10px; font-family:arial; color:#999;}