@charset "UTF-8";

#update_number{
	display:table;
	table-layout:fixed;
	width:98%;
	height:auto;
	overflow:hidden;
	padding-top:0.5%;

}
.update_date{
	display:table-cell;
	vertical-align:middle;
	width:47%;
	text-align:left;
	font-size:80%;
	font-size:0.8rem;
	font-weight:bold;
	color:#fd6aa1;
	padding-left:3%;
}
.update_date span{
	margin-left:1%;
	color:#999;
}
.update_number{
	display:table-cell;
	vertical-align:middle;
	width:47%;
	text-align:right;
	font-size:80%;
	font-size:0.8rem;
	font-weight:bold;
	color:#999;
	padding-right:3%;
}
.update_number span{
	color:#fd6aa1;
	margin-right:1%;
}
/******************************************
エグゼクティブバナー/VIPバナー表示
*******************************************/
#exective_banner{
	display: block;
	width:98%;
	height:auto;
	margin-top:1%;
	background-color:rgba(255,255,255,0.5);
	overflow:hidden;
	padding:1% 1% 0;
	margin:0 auto;
}

#exective_osusume_title{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:90%;
	font-size:0.9rem;
	font-weight:bold;
	color:#999;
	line-height:1.4em;
	text-align:center;
	margin:0 auto 1%;
}
div#vipBanner {
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	margin:1% 0 0;
}
.vipbanner_text{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0.5% 0 0;
}
.vipbanner_area_type{
	display:table-cell;
	vertical-align:middle;
	width:60%;
	font-size:90%;
	font-weight:bold;
	color:#999;
	line-height:1.2em;
	text-align:left;
}
.vipbanner_shopname{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	font-size:90%;
	font-weight:bold;
	color:#999;
	line-height:1.2em;
	text-align:right;
}
/******************************
	業種説明ページ
******************************/
#category_link{
	position:relative;
	width:91%;
	height:20px;
	margin:0.5% auto 0;
	font-size:120%;
	font-weight:bold;
	color:#FF6699;
	padding:2%;
	background-color:#FFF;
	border:1px #FF6699 solid;
}
#category_link:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 45%;
  right: 6%;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background: #FF6699;
}
#category_link:after{
  display: block;
  content: "";
  position: absolute;
  top: 35%;
  right: 5%;
  width: 25px;
  height: 15px;
  margin-top: -9px;
  background: #FFF;
}
#category_link.active:before{
  margin-top: -4px;
}
 
#category_link.active:after{
  margin-top: 5px;
}

#category_btn_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}

.category_btn{
	text-align:left;
	width:95%;
	height:auto;
	overflow:hidden;
	border:1px #CCC solid;
	margin:0 auto 1%;
}
.category_btn a{
	display:block;
	position:relative;
	font-size:3.2vw;
	font-weight:bold;
	color:#FF6699;
	text-shadow: 1px 1px 1px #FFF;
	line-height:2em;
	padding-left:3%;
}
.category_btn a:before{ 
  display: block; 
  content: ""; 
  position: absolute; 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); 
  top: 50%; 
  right: 25px; 
  width: 10px; 
  height: 10px; 
  margin-top: -5px; 
  background: #FF6699; 
}
.category_btn a:after{ 
  display: block; 
  content: ""; 
  position: absolute; 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); 
  top: 50%; 
  right: 29px; 
  width: 10px; 
  height: 10px; 
  margin-top: -5px; 
  background: #F5F4F2; 
}
#category_title{
	background-color:#FFF;
	width:96%;
	height:auto;
	overflow:hidden;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	color:#6633CC;
	line-height:1.5em;
	margin:0 auto;
}
#category_text{
	background-color:#EFEAFF;
	width:94%;
	height:auto;
	overflow:hidden;
	text-align:left;
	font-size:100%;
	color:#666666;
	line-height:1.5em;
	padding:1%;
	margin:0 auto 1%;
}
/*** アコーディオンエリア用 ***/
.smallArea {
	width: 98%;
	height:auto;
	overflow:hidden;
	background-color: #FFF;
	margin:0px auto;
	display: none;
	border-bottom:1px #FFCC00 solid;
}

/*******************************
	エリア別テキスト
*******************************/
#area_comment_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1% auto 2%;
	position:relative;
	margin:5px auto;
}
#area_comment_title{
	background-color:#7a7a7a;
	width:98%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	color:#FFF;
	line-height:1.4em;
	text-align:left;
	padding:1%;
}
.area_comment{
	width:98%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	color:#7a7a7a;
	line-height:1.6em;
	text-align:left;
	margin-top:1%;
	padding:1%;
}

/*** 1店舗表示設定 ***/
ul#shoplist{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-left:0px;
	margin:0;
}
li.shoplist{
	width:98%;
	margin:5% auto 1%;
	list-style-type: none;
}

#keeplist{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
}
.keeplist{
	width:98%;
	margin:3% auto 1%;
}

#shoplist_osusume_box{
	width:80%;
	height:auto;
	overflow:hidden;
	margin:0;
}
.osusume_icon{
	width:auto;
	font-size:90%;
	font-size:0.9rem;
	font-weight:bold;
	color:#fe4066;
	line-height:1.6em;
	text-align:left;
	padding:1%;
	float:left;
}
.osusume_newopenicon{
	width:auto;
	font-size:90%;
	font-size:0.9rem;
	font-weight:bold;
	color:#ddbb01;
	line-height:1.6em;
	text-align:left;
	padding:1%;
	float:left;
}
.osusume_newicon{
	width:auto;
	font-size:90%;
	font-size:0.9rem;
	font-weight:bold;
	color:#47c8c4;
	line-height:1.6em;
	text-align:left;
	padding:1%;
	float:left;
}

h2#shop_normal_name_box{
	background-color:#fb327e;
	display:table;
	table-layout:fixed;
	width:96%;
	height:auto;
	overflow:hidden;
	padding:1% 2%;
	margin:1% auto;
}
h2#shop_normal_name_box a{
	display: block;
	text-decoration:none;
	color:#FFF;
}
.shop_name{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:3vw;
	color:#FFF;
	text-align:left;
	line-height:1.2em;
}
.shop_name .shop_name_kana{
	font-size:2.4vw;
}
.shop_pickup{
	display:table-cell;
	vertical-align:middle;
	width:30%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	font-size:1rem;
	color:#FFF;
	text-align:right;
	line-height:1.6em;
}
#shop_contents_icon{
	display: flex;
	justify-content: space-between;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.shop_contents{
	background-size:100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color:#fbf5ff;
	width:24.5%;
	height:auto;
	overflow:hidden;
	font-size:2.3vw;
	line-height: 2em;
	color:#555;
	text-align:center;
	letter-spacing: -0.01em;
	padding:1% 0 1% 3%;
	box-sizing: border-box;
}
.shop_blank_contents{
	background-size:100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color:#fdfbff;
	width:24.5%;
	height:auto;
	overflow:hidden;
	font-size:2.3vw;
	line-height: 2em;
	color:#cdcbce;
	text-align:center;
	letter-spacing: -0.01em;
	padding:1% 0 1% 3%;
	box-sizing: border-box;
}
#shop_exe_catch{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	font-size:90%;
	font-size:0.9rem;
	color:#666;
	line-height:1.4em;
	text-align:left;
}
#shop_vip_catch{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	font-size:100%;
	font-size:1rem;
	color:#a19ff2;
	line-height:1.4em;
	text-align:left;
}
#shop_catch{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	font-size:100%;
	font-size:1rem;
	color:#fb327e;
	line-height:1.4em;
	text-align:left;
}
#shop_image{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% 0;
}
#shop_detail_box{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto 0;
}
.shop_detail_title{
	display:table-cell;
	vertical-align:middle;
	background-color:#fb327e;
	width:19%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	font-size:1rem;
	color:#FFF;
	text-align:left;
	line-height:2em;
	padding:1% 3%;
}

h3.shop_detail{
	display:table-cell;
	vertical-align:middle;
	width:69%;
	height:auto;
	overflow:hidden;
	font-size:2.4vw;
	color:#666;
	text-align:left;
	line-height:2em;
	font-weight: normal;
	padding:1% 3%;
	border-bottom:1px #999 solid;
}
h3.shop_detail a{
	color:#666;
}
.shoplist_pr2_box{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	padding:1%;
	font-size:100%;
	font-size:1rem;
	color:#666;
	line-height:1.4em;
	text-align:left;
}

.shoplist_merit_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.merit_icon{
	width:22.5%;
	height:auto;
	overflow:hidden;
	margin:0.5%;
	float:left;
	border:2px #ffb2d1 solid;
}
.merit_icon img{
	vertical-align:middle;
}

#shop_contact_box{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.shop_contact_icon{
	display:table-cell;
	vertical-align:middle;
	width:19.5%;
	height:auto;
	overflow:hidden;
}
.shop_contact_icon img{
	vertical-align:bottom;
}
.shop_contact_icon_keeplist{
	display:table-cell;
	vertical-align:middle;
	width:25%;
	height:auto;
	overflow:hidden;
}
.shop_contact_icon img{
	vertical-align:bottom;
}
.shop_contact_icon_space{
	display:table-cell;
	vertical-align:middle;
	width:0.5%;
	height:10px;
	overflow:hidden;
}

#freeshop_box{
	width:98%;
	height:auto;
	overflow:hidden;
	padding:1%;
	margin:0 auto;
}
h2.freeshop_shopname{
	width:96%;
	height:auto;
	overflow:hidden;
	font-size:3vw;
	text-align:left;
	line-height:1.6em;
	padding:1% 2%;
	position:relative;
	border:1px #fb327e solid;
}
h2.freeshop_shopname .free_shopname_kana{
	font-size:2vw;
	color:#fb327e;
	text-align:left;
	line-height:1.4em;
}
h2.freeshop_shopname a{
	display:block;
	color:#fb327e;
	text-decoration:none;
}
h2.freeshop_shopname a:not(.noListLink):after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: solid 2px #fb327e;
	border-right: solid 2px #fb327e;
	-webkit-transform: rotate(45deg);
}
.freeshop_category{
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:80%;
	font-size:0.8rem;
	color:#FFF;
	text-align:left;
	line-height:1.6em;
	margin:0 0 1%;
	border-bottom:1px #999 solid;
}
.freeshop_item{
	display:table-cell;
	vertical-align:middle;
	background-color:#fb327e;
	width:21%;
	height:auto;
	overflow:hidden;
	font-size:100%;
	font-size:1rem;
	color:#FFF;
	text-align:left;
	line-height:2em;
	padding:1% 2%;
}
h3.freeshop_detail{
	display:table-cell;
	vertical-align:middle;
	width:69%;
	height:auto;
	overflow:hidden;
	font-size:2.4vw;
	color:#666;
	text-align:left;
	line-height:1.4em;
	font-weight: normal;
	padding:1% 3%;
}
h3.freeshop_detail a{
	color:#666;
}

input[type="button"].nextbutton {
	background-color:#fb327e;
	width:90%;
	height:auto;
	overflow:hidden;
	margin:2% 5%;
	font-size:120%;
	color:#FFF;
	line-height:2em;
	text-align:center;
	-webkit-appearance: none;
	border-radius: 0;

}
/*********************************
	LINE　ポップアップ
*********************************/
.inline_content {
	width: 100%;
	overflow: hidden;
	padding:0;
}

.inline_content h2 {
	background-color:#00c300;
	width:100%;
	margin:0px;
	font-size:110%;
	color:#FFF;
	text-align:center;
	line-height:3em;
}
.line_contents{
	background-color:#FFF;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.line_area_name{
	width:100%;
	font-size:120%;
	font-weight:bold;
	color:#666;
	line-height:2em;
}
.line_shoparea{
	width:100%;
	font-size:90%;
	color:#666;
	line-height:1.3em;
	margin:0 auto 1%;
}
.line_copy_h{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font-size:90%;
	color:#ff4500;
	line-height:1.5em;
}
.line_copy_text{
	width:90%;
	height:80px;
	overflow:hidden;
	font-size:100%;
	color:#666;
	line-height:1.5em;
	text-align:left;
	border:1px #d7074b solid;
	padding:1%;
	margin:0 auto 3%;
}
.line_btn{
	width:60%;
	height:auto;
	overflow:hidden;
	text-align:center;
	background-color:#33cc33;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:3% auto;
}

.line_btn a{
	display:block;
	color:#FFF;
	font-size:115%;
	line-height:2.5em;
	overflow:hidden;
}

.linepop_text{
	width:80%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:120%;
	color:#33cc33;
	line-height:1.4em;
	padding:2%;
	margin:0 auto;
}
.linepop_linename{
	display:table;
	table-layout:fixed;
	width:80%;
	height:auto;
	overflow:hidden;
	margin:1% auto 2%;
}
.linepop_name_title{
	display:table-cell;
	vertical-align:middle;
	width:26%;
	font-size:120%;
	color:#33cc33;
	line-height:2em;
	padding:2%;
	text-align:left;
}
.linepop_name{
	display:table-cell;
	vertical-align:middle;
	width:66%;
	height:30px;
	font-size:120%;
	color:#666;
	line-height:2em;
	padding:2%;
	text-align:left;
}
textarea.linepop_id{
	display:table-cell;
	vertical-align:middle;
	width:94%;
	height:30px;
	font-size:120%;
	color:#666;
	line-height:2em;
	padding:2%;
	text-align:left;
	border:1px #CCC solid;
}