@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

user top

/////////////////////////////////////////////////////////////////// */

.follow_list {
	display: flex;
	flex-wrap: wrap;
}
.follow_list li {
	width: 155px;
	margin: 0 10px 10px 0;
	border: 1px solid #c9c7c7;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	  gap: 20px 0;
}
.follow_box {
	margin-top: auto;
	padding-bottom: 10px;
}
.follow_list li:nth-child(4n) {
	margin-right: 0;
}
.follow_list li a figure {
	max-height: 200px;
	overflow: hidden;
	height: 100%;
	padding: 10px 10px 0;
}
.follow_list li a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.follow_list li .prof {
	padding: 10px;
}

.follow_list li .prof > a {
	margin-bottom: 5px;
	display: block;
}

.follow_list li .prof a .prof_name {
	font-weight: bold;
}

.follow_list li .prof_age {
	font-size: 11px;
	color: #888888;
	margin-bottom: 10px;
}

.follow_list li .prof_shopname {
	font-size: 11px;
	color: #888888;
}

.follow_list li .prof .follw {
}

.follow_list li .prof .follw .add_follow {
}

.follow_list li .add_follow {
  font-size: 10px;
  border: 1px solid #20b3d8;
  color: #20b3d8;
  border-radius: 10px;
  padding: 2px 20px;
}
.follow_list li .add_follow.add_follow-bx.active {
	background: #20b3d8;
	color: #fff;
	display: block;
	width: 90%;
	padding: 0.75em 0;
	border-radius: 4px;
	font-size: 10px;
	text-align: center;
	border: 1px solid #20b3d8;
	margin-inline: auto;
}
.follow_list li .add_follow.add_follow-bx {
	color: #20b3d8;
	display: block;
	width: 90%;
	padding: 0.75em 0;
	border-radius: 4px;
	font-size: 10px;
	text-align: center;
	border: 1px solid #20b3d8;
	margin-inline: auto;
}
.follow_shopList {

}
.follow_shopList li {
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9c7c7;
}
.follow_shopList li .shop_name a {
	font-weight: bold;
}
.follow_shopList li figure {
	width: 200px;
	margin-right: 20px;
}
.follow_shopList li .area_name_box {
	display: flex;
	justify-content: space-between;
}
.follow_shopList li .follow_shopList_right {
	width: 70%;
	line-height: 1.6;
}
.follow_shopList li .add_follow {
	font-size: 10px;
	border: 1px solid #20B3D8;
	color: #20B3D8;
	border-radius: 10px;
	padding: 2px 20px;
}
.follow_shopList li .add_follow.active {
	font-size: 10px;
	background: #20B3D8;
	color: #fff;
	border-radius: 10px;
	padding: 2px 15px;
}

.follow.follow_notification .add_notification {
	background: #d6d6d6;
	color: #000;
	display: inline-block;
	font-size: 10px;
	border-radius: 10px;
	padding: 2px 20px;
	border: 1px solid #d6d6d6;
}
.follow.follow_notification .add_notification.active {
	background: #ffd0db;
	color: #c70035;
	display: inline-block;
	font-size: 10px;
	border-radius: 10px;
	padding: 2px 15px;
	border: 1px solid #ffd0db;
}
.follow.follow_notification {
	margin-top: 10px;
}
.allclear_notification {
	background: #d6d6d6;
	color: #000;
	display: inline-block;
	font-size: 14px;
	border-radius: 15px;
	padding: 2px 20px;
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
}
/*========================メインカラム用=======================*/

.shop{
	position:relative;
}

.shop .head{
	position:relative;
	padding:10px 20px;
	background:#f5f5f5;
	border-bottom:2px solid #e5e5e5;
	border-radius:5px 5px 0 0;
}
.wrap_shop h3 {
	width: 71%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.wrap_shop > .data li {
	font-size: 11px;
}
.shop .head h3 a{
	color:#001bb6;
	font-size:18px;
	font-weight:bold;
}

.shop .head .data{
	display:flex;
	align-items:center;
}

.shop .head .type{
	padding:3px 10px;
	margin-left:5px;
	border:1px solid #eee;
	border-radius:3px;
	background:#fff;
}

.shop .head .favoBtn{
	/*! display:flex; */
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
}

.shop .head .favoBtn li{
	margin-right:5px;
	margin-bottom: 5px;
}

.shop .head li a{
	display:block;
	padding:3px 10px;
	background:#fff;
	border-radius:5px;
	color:#333;
	box-shadow:1px 1px 5px #aaa;
	transition:all .2s linear;
}

.shop .head .favorite a:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:18px;
	margin-right:5px;
	background:url('https://img.undernavi.com/front/pc/common/icon_star.png');
}

.shop .head .ohp a:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:14px;
	margin-right:5px;
	background:url('https://img.undernavi.com/front/pc/common/icon/icon_ohp.png');
}

.shop .head li a:hover{
	box-shadow:1px 1px 1px #aaa;
}

/*↓↓↓↓↓↓プラン毎のhead内の色↓↓↓↓↓↓*/

/*--------DX--------*/

.shop.plan01 .head{
	background:linear-gradient(to bottom,#eedd8b 0%,#faf2c8 100%);
	border-color:#ccb852;
}

.shop.plan01 .head .type{
	background:#ccb852;
	border-color:transparent;
	color:#fff;
}

/*--------マスター--------*/

.shop.plan02 .head{
	background:linear-gradient(to bottom,#ed5f87 0%,#fac8d6 100%);
	border-color:#c80037;
}

.shop.plan02 .head .type{
	background:#c80037;
	border-color:transparent;
	color:#fff;
}

/*--------ファースト--------*/

.shop.plan03 .head{
	background:linear-gradient(to bottom,#f5dec6 0%,#edbb8a 100%);
	border-color:#bfbfbf;
}

.shop.plan03 .head .type{
	background:#cc8f52;
	border-color:transparent;
	color:#fff;
}

/*--------エコノミー--------*/

.shop.plan04 .head{
	background:linear-gradient(to bottom,#d9d9d9 0%,#f2f2f2 100%);
	border-color:#bfbfbf;
}

.shop.plan04 .head .type{
	background:#bfbfbf;
	border-color:transparent;
	color:#fff;
}

/*--------無料--------*/

.shop.freePlan .head{
	border-color:#e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background:#fff;
}

.shop.freePlan .head .type{
	background:#fff;
	border-color:#e5e5e5;
}

/*↑↑↑↑↑↑プラン毎のhead内の色↑↑↑↑↑↑*/
.flex_head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
/*.flex_head h3 {
	width: 28%;
}*/
.flex_head > div.wrap_shop {
	width: 28%;
	margin-right: 1.5%;
}
.flex_head > div.wrap_shop > h3 > a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.suspension {
	width: 32.8%;
	border: 1px solid #fd1600;
	border-radius: 3px;
	background: #fff;
	padding: 5px;
}
.sus_ttl {
	display: block;
	text-align: center;
	color: #fd1600;
	font-weight: bold;
	padding-bottom: 3px;
}
.sus_ttl02 {
	display: block;
	text-align: center;
    font-size: 11px;
	font-weight: bold;
	background: #fcf8d4;
	padding: 1px 0;
}





.shop .listBody{
	display:flex;
	flex-wrap:wrap;
	padding:20px;
}

.shop .listBody .thumb{
	position:relative;
	display:flex;
	width:155px;
}
.shop.plan03 .thumb figure:last-child {
	margin-left: 4px;
}
.shop .listBody .thumb figure{
	width: 100%;
	max-width: 100%;
}
.shop.plan99 .thumb .main {
	width: 155px;
	height: 206px;
	overflow: hidden;
}
.shop .listBody .thumb .sub{
	display:flex;
	flex-wrap:wrap;
}

.shop .listBody .thumb .Capa_1{
	position:absolute;
	top:-10px;
	left:-10px;
	width:50px;
}

.shop .shopInfo {
	position: relative;
	width: 445px;
	margin: 0 0 10px 10px;
}
.shop .shopInfo .copes{
	position:absolute;
	right:0;
	top:-5px;
	width:200px;
	text-align:right;
}

.shop .shopInfo .copes li{
	display:inline-block;
}

.shop .shopInfo .copes li.card{
	background:#c80037;
	padding:3px 20px;
	border-radius:3px;
	color:#fff;
}


/*↓↓↓↓↓↓プラン毎のボックスの大きさ↓↓↓↓↓↓*/

.shop.plan01 .thumb{
	width:300px;
}

.shop.plan01 .thumb .main{
	width:210px;
	height: 210px;
	margin-right:4px;
	overflow: hidden;
}

.shop.plan01 .thumb .sub{
	width:210px;
	height: 210px;
	overflow: hidden;
}

.shop.plan01 .thumb .sub figure{
	width:72px;
	height: 96px;
	margin:0 4px 4px 0;
	overflow: hidden;
}

.shop.plan01 .thumb .sub figure:nth-child(2n){
	margin:0;
}

.shop.plan01 .shopInfo{
	width:300px;
	margin-left:10px;
}

/*--------マスター--------*/

.shop.plan02 .thumb{
	width:300px;
}

.shop.plan02 .thumb .main{
	width:210px;
	height:258px;
	margin-right:4px;
	overflow:hidden;
}

.shop.plan02 .thumb .sub{
	width:80px;
}

.shop.plan02 .thumb .sub figure{
	width:80px;
	height: 100px;
	margin-bottom:4px;
	overflow: hidden;
}

.shop.plan02 .thumb .sub figure:nth-child(2n){
	margin:0;
}

.shop.plan02 .shopInfo{
	width:300px;
	margin-left:10px;
}

/*--------ファースト--------*/

.shop.plan03 .thumb{
	width:250px;
}

.shop.plan03 .thumb .main{
	width:155px;
	height:206px;
	overflow:hidden;
}

.shop.plan03 .thumb .sub{
	width:155px;
	margin-left:4px;
}

.shop.plan03 .thumb .sub figure{
	width:155px;
	height:206px;
	overflow:hidden;
}

.shop.plan03 .shopInfo{
	width:350px;
	margin-left:10px;
}

/*--------エコノミー--------*/

.shop.plan04 .thumb{
	width:310px;
}

.shop.plan04 .thumb .main{
	width:155px;
	height:206px;
	overflow:hidden;
}

.shop.plan04 .thumb .sub{
	width:155px;
	margin-left:4px;
}

.shop.plan04 .thumb .sub figure{
	width:155px;
	height:206px;
	overflow:hidden;
}

.shop.plan04 .shopInfo{
	width:515px;
	margin-left:10px;
}

/*↑↑↑↑↑↑プラン毎のボックスの大きさ↑↑↑↑↑↑*/

.shop .shopInfo .time{
	position:relative;
}

.shop .shopInfo .time img{
	position:absolute;
	bottom:5px;
}

.shop .shopInfo .time:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url('https://img.undernavi.com/front/pc/common/icon_clock.png');
	width:18px;
	height:18px;
	margin-right:5px;
}

.shop .shopInfo .tel:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url('https://img.undernavi.com/front/pc/common/icon_tel.png');
	width:18px;
	height:18px;
	margin-right:5px;
}

.shop .shopInfo .shopInfo{
	position:relative;
}

.shop .shopInfo .shopInfo .copes{
	position:absolute;
	top:0;
	right:0;
}

.shop .shopInfo .shopInfo .copes .card{
	padding:3px 10px;
	background:#c90037;
	border-radius:3px;
	color:#fff;
	text-align:center;
}

.shop .shopInfo .freeDiscount{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
	line-height:1.2;
}

.shop .shopInfo .freeDiscount h5{
	font-size:16px;
	font-weight:bold;
}

.shop .shopInfo .freeDiscount .fee{
	font-size:20px;
	font-weight:bold;
}

.shop .shopInfo .freeDiscount .fee span{
	color:#c80037;
	font-size:36px;
	font-weight:bold;
}

.shop .shopInfo .comment{
	padding:10px;
	margin:10px 0;
	background:#f5f5f5;
	border-radius:5px;
}

.shop .shopInfo .comment dt{
	padding-bottom:10px;
	font-size:18px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.shop .shopInfo .comment dd{
	padding-top:10px;
	border-top:1px solid #ddd;
}

/*↓↓↓↓↓↓プラン毎のcommentの色↓↓↓↓↓↓*/

.shop.plan01 .shopInfo .comment{
	background:#fff9d3;
}

.shop.plan01 .shopInfo .comment dt{
	color:#c80037;
}

.shop.freePlan .shopInfo .comment{
	width:435px;
	background:transparent;
}

.shop.freePlan .shopInfo .comment dt{
	padding:0;
}

.shop.freePlan .shopInfo .comment dd{
	padding:0;
	border-top:none;
}

/*↑↑↑↑↑↑プラン毎のcommentの色↑↑↑↑↑↑*/

.shop .shopInfo .shopmenu {
	display: flex;
	flex-wrap: wrap;
}

.shop .shopInfo .shopmenu li {
	margin-right: 5px;
	padding: 3px 10px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 5px;
}
.shop .shopInfo .shopmenu li.type01{
	background:#037fd7;
}

.shop .shopInfo .shopmenu li.type02{
	background:#a54abb;
}

.shop .shopInfo .shopmenu li.type03{
	background:#db6200;
}

.shop .shopInfo .shopmenu li.type04{
	background:#f42c78;
}

.shop .shopInfo .shopmenu li.type05{
	background:#03bca4;
}
.shop .shopInfo .shopmenu li.type06 {
	background: #FF0004;
}
.shop .shopInfo .shopmenu li.type07 {
	background: #03bc44;
}
.shop .shopInfo .shopmenu li.type08 {
	background: #3f51b5;
}
.shop .shopInfo .shopmenu li.type09 {
	background: #7733ff;
}
.shop .shopInfo .shopmenu li.type10 {
	background: #ee0099;
}

.shop .shopInfo .push span{
	color:#c90037;
}

/**********アンダー割***********/

.shop .shopBottom{
	display:flex;
	align-items:center;
	margin-top:10px;
	padding:2px 10px;
	background:#c90037;
	border-radius:5px;
}

.shop .shopBottom h4{
	font-size:0;
}

.shop .shopBottom ul{
	position:relative;
	display:flex;
	align-items:center;
	margin-right:10px;
	padding:4px 20px 4px 30px;
	background:#fff;
}

.shop .shopBottom ul:before{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	right:-29px;
	border:19px solid transparent;
	border-left:10px solid #fff;
}

.shop .shopBottom ul:after{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	border:19px solid transparent;
	border-left:10px solid #c90037;
}

.shop .shopBottom ul li.normal:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:15px;
	margin:0 5px;
	background:url('https://img.undernavi.com/front/pc/area/r_arrow.gif') no-repeat center center;
}

.shop .shopBottom ul li:not(.normal){
	font-weight:bold;
}

.shop .shopBottom ul li span{
	color:#c90037;
	font-size:22px;
}

.shop .shopBottom p.downFee{
	min-width:108px;
	padding-left:10px;
	color:#ff0;
	text-align:center;
}

.shop .shopBottom p.downFee span{
	font-size:18px;
}

/**********アンダー割***********/

.shop .icon{
	display:flex;
	width: 100%;
	justify-content: flex-end;
	width: 100%;
}

.shop .shopBottom ~ .icon{
	width: 100%;
	/*! position:absolute; */
	/*! right:20px; */
	/*! bottom:10px; */
	margin-top: 10px;
}

.shop .icon li{
	margin-left:5px;
}

.shop .icon a{
	display:block;
	padding:10px 20px;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	box-shadow:0 0 3px #999;
}

.shop .icon .board a{
	background:#f5f5f5;
	color:#333;
}

.shop .icon .board a:before{
	content:"";
	display:inline-block;
	vertical-align:text-top;
	background:url('https://img.undernavi.com/front/pc/common/icon_board.png') no-repeat center center / contain;
	width:20px;
	height:19px;
	margin-right:5px;
}

.shop .icon .femaleRec a{
	background:#ff99b1;
	color:#fff;
}

.shop .icon .femaleRec a:before{
	content:"";
	display:inline-block;
	vertical-align:text-top;
	background:url('https://img.undernavi.com/front/pc/common/icon_bag.png') no-repeat center center / contain;
	width:20px;
	height:19px;
	margin-right:5px;
}

/*========================無料プラン用=======================*/

.free_list{
	width:100%;
}

.free_list thead{
	background:#c80037;
	color:#fff;
}

.free_list th{
	padding:5px 0;
}

.free_list tbody tr{
	border-bottom:1px solid #aaa;
}

.free_list td{
	padding:5px 0;
	text-align:center;
}

.free_list td.head a{
	font-weight:bold;
}

.free_list td.head a:hover{
	color:#c80037;
	text-decoration:underline;
}

.free_list td.time:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url('https://img.undernavi.com/front/pc/common/icon_clock.png');
	width:18px;
	height:18px;
	margin-right:5px;
}

.free_list td.tel:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url('https://img.undernavi.com/front/pc/common/icon_tel.png');
	width:18px;
	height:18px;
	margin-right:5px;
}

.free_list td.official a{
	display:inline-block;
	padding:5px 20px;
	border-radius:5px;
	background:#c80037;
	color:#fff;
	box-shadow:0 -4px 0 #960043 inset;
}
#areainfo h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 3px 0;
}
.mov_btnlist {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: 880px;
	margin-bottom: 30px;
}

.movie_thumblist li {
	width: 205px;
	min-height: 240px;
	margin-right: 20px;
	margin-bottom: 10px;
	position: relative;
}
.movie_thumblist li:nth-child(4n) {
	margin-right: 0;
}
.movie_thumblist {
	display: flex;
	flex-wrap: wrap;
}
.movie_thumblist li figure {
	position: relative;
	height: 120px;
	background: #000;
	text-align: center;
	font-size: 0;
	margin: 0 auto 10px;
}
.movie_thumblist_shopname a {
	color: #888;
}
.movie_thumblist_ttl {
	color: #C80037;
	font-weight: bold;
	margin-bottom: 10px;
}
.movie_thumblist_body {
	font-size: 12px;
	color: #707070;
}
.movie_thumblist_time {
	color: #fff;
	background: #000;
	display: inline-block;
	text-align: right;
	padding: 1px 7px;
	border-radius: 5px;
	font-size: 11px;
	position: absolute;
	top: 110px;
	right: 10px;
}
.movie_thumblist li figure img {
	height: 120px;
}
.movie_thumblist_shopname {
	margin-bottom: 5px;
}
.movnormalbtn {
	margin-right: 13px;
}
.mov_btnlist .active a {
	width: 117px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	color: #fff;
	border: 1px solid #c01c49;
	display: block;
	border-radius: 5px;
	box-shadow: 0px 1px 2px 1px #a29898;
	background: #f8084a;
	background: -moz-linear-gradient(top, #f8084a 0%, #d1013a 50%, #990029 100%);
	background: -webkit-linear-gradient(top, #f8084a 0%,#d1013a 50%,#990029 100%);
	background: linear-gradient(to bottom, #f8084a 0%,#d1013a 50%,#990029 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8084a', endColorstr='#990029',GradientType=0 );
}
.mov_btnlist a {
	width: 117px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border: 1px solid #cccccc;
	display: block;
	border-radius: 5px;
	box-shadow: 0px 1px 2px 1px #a29898;
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #dcdcdc 50%, #cecece 100%);
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#dcdcdc 50%,#cecece 100%);
	background: linear-gradient(to bottom, #f3f3f3 0%,#dcdcdc 50%,#cecece 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#cecece',GradientType=0 );
}
.mov_btnlist a img {
	margin-right: 10px;
}
.mov_btnlist a:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	*zoom: 1;
	transition: .2s;
}
.follow_list li .prof a:hover .prof_name {
	color: #c90037;
	text-decoration: underline;
}

.follow {
	text-align: center;
}
.follow_list.follow_list-following .prof_shopname {
	font-size: 14px;
	color: initial;
}
.follow_list.follow_list-following .prof_area {
	font-size: 11px;
	opacity: .6;
}
.follow_list.follow_list-following .prof_name {
	font-weight: bold;
}
.follow_list.follow_list-following .prof_age br {
	display: none;
}
.follow_list.follow_list-following .prof > p {
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0;
}