@charset "utf-8";

img {
  max-width: 100%;
}

/* -----------------------------------------------------------
    #shopglobalmenu & #search
----------------------------------------------------------- */
#shopglobalmenu {
  display: block;
  margin: 0;
  margin-bottom: 10vw;
  padding: 2.5vw;
  background: #c80037;
}
#shopglobalmenu .kanban {
  display: block;
  margin-bottom: 5px;
  text-align: center;
}
#shopglobalmenu .kanban img {
  width: 100%;
  vertical-align: top;
}

#shopglobalmenu .area_cat,
#shopglobalmenu .nav_shop_name {
  padding: 0 5px;
  color: #ffffff;
  line-height: 1.3;
}
#shopglobalmenu .nav_shop_name {
  font-size: 116%;
  font-weight: bold;
}
#shopglobalmenu .time_tel p {
  display: block;
  margin: 0 auto 5px;
  padding: 5px;
  color: #ffffff;
}
#shopglobalmenu .time_tel ul {
  display: block;
  margin: 0 auto 10px;
  text-align: center;
}
#shopglobalmenu .time_tel ul li {
  display: inline-block;
  width: 48%;
  margin: 0 1%;
}
#shopglobalmenu .time_tel ul li a {
  display: block;
  padding: 10px 5px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: -1px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px rgba(1,1,1,.26), inset 0 1px 0 1px #fcfafa;
  box-shadow: 0 1px rgba(1,1,1,.26), inset 0 1px 0 1px #fcfafa;
  border: solid 1px #d1d1d1;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
  background-image: linear-gradient(to top, #dfdfdf, #fff);
}
#shopglobalmenu .menu_ttl {
  display: block;
  padding: 10px 0 10px 10px;
  color: #ffffff;
  font-size: 131%;
  font-weight: bold; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #ffffff;
}
#shopglobalmenu .menu li {
  display: block;
  border-bottom: 1px solid #ffffff;
}
#shopglobalmenu .menu li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0 15px 10px;
  color: #ffffff;
  font-size: 93%;
  text-decoration: none;
  position: relative;
}
#shopglobalmenu .menu li a:before {
  content: '>';
  position: absolute;
  right: 25px;
  font-weight: bold;
}

/* 通知
-------------------------------------------*/
li.item.item-mypage {
    position: relative;
}
.dots_alert {
    position: absolute;
    top: -30%;
    right: 4%;
    transform: translate(-4%, 30%);
    font-size: 14px;
    color:  #0099ff;
}

/******************閲覧者数表示
***********************************************************/
/* スタンプポップアップ
----------------------------------------------------------*/
.page_viewer-close .round_btn::before, .page_viewer-close .round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 15px; /* 棒の高さ */
  background: #333; /* バツ印の色 */
}
 
.page_viewer-close .round_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.page_viewer-close .round_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.page_viewer-close {
	position: absolute;
	right: -10px;
	top: -10px;

}
.page_viewer-close .round_btn {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	border: 2px solid #333;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}
.page_viewer {
	position: fixed;
	top: 4vw;
	left: 50%;
	z-index: 999;
	background: #fff;
	border: 1px solid #bbb6b6;
	box-sizing: border-box;
	width: 90%;
	border-radius: 10px;
	padding: 3vw 0vw;
	text-align: center;
	margin: 0 auto;
	transform: translateX(-50%);
	font-size: 4vw;
}
.viewer {
	font-weight: bold;
	font-size: 20px;
}
.viewer::before {
	content: "";
	content: "";
	background: url(https://img.undernavi.com/front/pc/shop/viewer_icon.png) no-repeat;
	width: 23px;
	height: 18px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;