@charset "utf-8";
/* CSS Document */

body{
	min-width:1340px;
}

main>section:first-child{
	padding-top:0;
}

.subWrap{
	width:1340px;
	margin:0 auto;
}

label,button{
	cursor:pointer;
}

figure{
	font-size:0;
}

*:focus {
	outline: none;
}

.title01{
	position:relative;
	margin-bottom:20px;
	color:#c90037;
	font-size:20px;
	font-weight:bold;
}

.title01 .right {
	margin-left: 1em;
	line-height: 1;
	font-size: 16px;
	color: #333333;
}

.title01 .right .circle {
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 50%;
	background-color: #f00;
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.title01 a{
	float:right;
	margin-left:5px;
	color:#75513b;
	font-size:12px;
	font-weight:bold;
}

.title01 a:hover{
	color:#c80037;
	text-decoration:underline;
}

h2.title01 a:before{
	content:"";
	display:inline-block;
	border:6px solid transparent;
	border-left:10px solid #75513b;
	position: relative;
	top: 2px;
}

h2.title01 a:hover:before{
	border-left-color:#c80037;
}

/*==============header==============*/


header .utility{
	background:#c90037;
}

header .utility .subWrap{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
}

header .utility .subWrap ul{
	display:flex;
	display:-ms-flexbox;
}

header .utility .subWrap ul a{
	display:block;
	position:relative;
	padding:10px;
	color:#fff;
}

header .utility .subWrap a:hover{
	background:#e04;
}

/*各媒体の下のborder*/

header .utility .subWrap .ungroup a:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:5px;
}

header .utility .subWrap .ungroup li:first-child a:after{
	background:#ff0036;
}

header .utility .subWrap .ungroup li:nth-child(2) a:after{
	background:#fe5282;
}

header .utility .subWrap .ungroup li:nth-child(3) a:after{
	background:#af4492;
}

header .utility .subWrap .ungroup li:nth-child(4) a:after{
	background:#fcb029;
}

header .header_ttl{
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

header .header_ttl .subWrap{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

header .header_ttl .logo{
	width:244px;
}

header #headForm{
	position:relative;
	width:732px;
}

header #headForm form{
	display:flex;
	display:-ms-flexbox;
	border:2px solid #c90037;
	border-radius:5px;
	overflow:hidden;
}

header #headForm form input,
header #headForm form select{
	height:45px;
	line-height:45px;
}

header #headForm form input{
	width: 667px;
}

header #headForm.hasDetailSearch form input,
header #headForm.hasDetailSearch form select{
	width:545px;
}

header #headForm form .srchtype{
	position:relative;
}

header #headForm form .srchtype:after{
	content:"";
	position:absolute;
	top:calc(50% - 6px);
	right:10px;
	border:6px solid transparent;
	border-top:10px solid #333;
}

header #headForm form select{
	width:150px;
	cursor:pointer;
}

header #headForm form button[type="submit"]{
	width:65px;
	padding:0;
	background:#c90037 url('https://img.undernavi.com/front/pc/common/icon_search.png') no-repeat center center;
	border:none;
	cursor:pointer;
}

header #headForm form button[type="button"]{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	width:120px;
	height:100%;
	background:transparent;
	border:none;
}

header #disappearBox{
	display:none;
	position:absolute;
	top:90px;
	right:0;
	z-index:999;
	width:400px;
	padding:40px;
	background:#fff;
	box-shadow:0 0 5px #999;
}

header #disappearBox dl{
	margin:5px 0;
}

header #disappearBox dt{
	font-weight:bold;
}

header #disappearBox #disappearTop{
	display:flex;
	display:-ms-flexbox;
	margin-bottom:5px;
}

header #disappearBox #disappearTop dl{
	width:49%;
	margin-right:1%;
}

header #disappearBox #disappearTop dl select{
	width:100%;
}

header #disappearBox #disappearMiddle{
	margin-bottom:10px;
}

header #disappearBox #disappearMiddle dd{
	display:flex;
	display:-ms-flexbox;
	align-items:flex-end;
}

header #disappearBox #disappearBottom p{
	text-align:center;
}

header #disappearBox #disappearBottom p{
	text-align:center;
}

header #disappearBox #disappearBottom p input{
	width:100%;
	background:#c80037;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

header #disappearBox #disappearBottom input[type="checkbox"]{
	display:none;
}

header #disappearBox #disappearBottom input[type="checkbox"]+label{
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:5px;
	border:2px solid #ccc;
	border-radius:3px;
}

header #disappearBox #disappearBottom input[type="checkbox"]+label:hover{
	border-color:#0171bd;
}

header #disappearBox #disappearBottom input[type="checkbox"]+label:after{
	content:"";
	position:absolute;
	top:2px;
	left:6px;
	display:inline-block;
	width:7px;
	height:13px;
	border-right:3px solid #0171bd;
	border-bottom:3px solid #0171bd;
	opacity:0;
	transform:rotate(40deg);
	transition:all .3s linear;
}

header #disappearBox #disappearBottom input[type="checkbox"]:checked+label:after{
	opacity:1;
}

header #disappearBox span.triangle{
	position:absolute;
	right:90px;
	top:-20px;
	display:inline-block;
	width:40px;
	height:40px;
	background:#fff;
	transform:rotate(45deg);
	box-shadow:0 0 5px #999;
}

header #disappearBox span.triangle:after{
	content:"";
	position:absolute;
	right:-22px;
	top:20px;
	display:inline-block;
	width:70px;
	height:30px;
	background:#fff;
	transform:rotate(-45deg);
}

header .topNav{
	width:350px;
}

header .topNav ul{
	display:flex;
	display:-ms-flexbox;
}

header .topNav ul li:not(:last-child){
	border-right:1px solid #ccc;
}

header .topNav ul li a{
	display:block;
	width:70px;
	font-size:14px;
	text-align:center;
}

header #trend{
	display:flex;
	display:-ms-flexbox;
	align-items:center;
	width:100%;
}

header #trend h3{
	margin-right:5px;
	font-weight:bold;
}

header #trend ul{
	display:flex;
	display:-ms-flexbox;
}

header #trend ul li{
	margin:5px;
}

header #trend ul li a{
	display:block;
	padding:1px 5px;
	border:1px solid #aaa;
	border-radius:3px;
}

header #welcome .subWrap{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
	padding:20px 0;
}

header #welcome .login ul{
	display:flex;
	display:-ms-flexbox;
}
.login ul li.nofp {
	font-size: 17px;
	font-weight: bold;
	padding-right: 15px;
}
.login ul li.nofp span {
	font-size: 12px;
	padding-left: 2px;
}
header #welcome .login ul li a{
	font-size:14px;
	font-weight:bold;
}

header #welcome .login ul li.btn01 a{
	color:#c90037;
}

header #welcome .login ul li.btn01 a:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:16px;
	background:url('https://img.undernavi.com/front/pc/common/icon001.png');
	margin-right:5px;
}

header #welcome .login ul li.btn02 a{
	border-radius:3px;
	margin:0 5px;
	padding:3px 15px;
	background:#c90037;
	color:#fff;
}

header #welcome .login ul li.btn02 a:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:16px;
	background:url('https://img.undernavi.com/front/pc/common/icon002.png');
	margin-right:5px;
}
header #welcome .login ul li.btn03 a{
	color:#c90037;
}
header #welcome .login ul li.btn03 img {
	width:15%;
}

/*==============SP切り替えボタン==============*/
#displayswitch {
	width: 100%;
	padding: 1.5%;
	box-sizing: border-box;
}
#displayswitch a {
	display: block;
	padding: 1em 0;
	box-sizing: border-box;
	border-radius: .5em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 15px solid #999;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	font-size: 50px;
	text-align: center;
}
#displayswitch a span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #c90037;
}

/*************プレミアムバナー***************/

#appealArea{
	position:relative;
	height:300px;
	overflow:hidden;
}

#appealArea .shops{
	background-position:center center;
}

#appealArea li .subWrap{
	position:relative;
	height:300px;
}

#appealArea li .shopInfo{
	position:absolute;
	bottom:10px;
	left:0;
	padding:10px;
	background:rgba(255,255,255,.8);
	border-radius:10px;
}

#appealArea li .shopInfo h3 a{
	color:#c80037;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

#appealArea li .shopInfo ul{
	display:flex;
	display:-ms-flexbox;
}

#appealArea li .shopInfo ul li{
	margin-right:10px;
}

#appealArea li .shopInfo ul li.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;
}

#appealArea li .shopInfo ul li.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;
}

#appealArea li .girls{
	display:flex;
	display:-ms-flexbox;
	position:absolute;
	bottom:10px;
	right:0;
}

#appealArea .girls li{
	width:120px;
	height:120px;
	margin-left:5px;
	border-radius:50%;
	box-shadow:0 0 5px #777;
	overflow:hidden;
}

#appealArea .slick-prev{
	left:20px;
	width:50px;
	height:50px;
	background:url('https://img.undernavi.com/front/pc/shop/L.png') no-repeat center center;
	z-index:999;
}

#appealArea .slick-next{
	right:20px;
	width:50px;
	height:50px;
	background:url('https://img.undernavi.com/front/pc/shop/R.png') no-repeat center center;
	z-index:999;
}

#appealArea .more a{
	position:absolute;
	top:20px;
	right:calc(50% - 650px);
	display:block;
	padding:10px 20px;
	background:#c80037;
	border-radius:80px;
	color:#fff;
	font-weight:bold;
}

#appealArea .morearea {
	position:absolute;
	top:20px;
	right:calc(50% - 650px);
}

#appealArea .morearea a{
	display:inline-block;
	padding:10px 20px;
	background:#c80037;
	border-radius:80px;
	color:#fff;
	font-weight:bold;
}

/*************カバーガール***************/

header .cover{
	position:relative;
	height: 300px;
	background-position: center top;
	background-repeat: no-repeat;
}

header .cover .btn_present{
	position:absolute;
	bottom:5px;
	right:calc(50% - 650px);
}

header #header_nav #nav{
	width:100%;
	background:#c90037;
}

header #header_nav #nav.gnav_fixed{
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}

header #header_nav .subWrap{
	display:flex;
	display:-ms-flexbox;
}

header #header_nav .navBox{
	position:relative;
	z-index:888;
}

header #header_nav .area {
	width: 12.5%;
}

header #header_nav .navBox h3 a{
	display:block;
}

header #header_nav .navBox h3.haveChild a:after{
	content:"";
	display:inline-block;
	background:url('https://img.undernavi.com/front/pc/common/arrow_down.png') no-repeat center center;
	width:11px;
	height:7px;
	margin-left:10px;
}

header #header_nav .navBox a{
	display:block;
	color:#fff;
	padding:10px 14px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	word-break:keep-all;
}
.navBox-contents {
	color: #fff;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	word-break: keep-all;
}
header #header_nav .navBox a:hover{
	background:#e04;
}

header #header_nav .navBox h3:hover+ul{
	display:block;
}

header #header_nav .navBox ul{
	display:none;
	position:absolute;
	top:50px;
	left:50%;
	transform:translateX(-50%);
}

header #header_nav .navBox ul:hover{
	display:block;
}

header #header_nav .navBox ul:before{
	content:"";
	position:absolute;
	top:-24px;
	left:50%;
	transform:translateX(-50%);
	border:10px solid transparent;
	border-bottom:15px solid #c90037;
}

header #header_nav .navBox ul:after{
	content:"";
	position:absolute;
	top:-12px;
	left:0;
	width:100%;
	height:12px;
}

header #header_nav .navBox ul a{
	min-width:100px;
	background:#c90037;
	border-bottom:1px solid #955;
}

header #header_nav .navBox ul a:hover{
	background:#e04;
}

/**************マイページ用***************/

header .header_bottom{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
	align-items:center;
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
}

header .header_bottom .subWrap{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
	align-items:center;
}

header .header_bottom .logo{
	display:flex;
	display:-ms-flexbox;
	align-items:end;
	padding:20px 0;
}

header .header_bottom .logo h1{
	margin-left:10px;
	color:#c80037;
	font-size:20px;
	font-weight:bold;
}

header .header_bottom a{
	color:#c80037;
	text-decoration:underline;
}

header .header_bottom a img{
	margin-right:5px;
}

/*============パンくず=============*/

#breadCrumb ol{
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	width:1340px;
	margin:0 auto;
	padding:10px 0;
}

#breadCrumb ol li:not(:last-child):after{
	content:">";
	display:inline-block;
	margin:0 5px;
}


/*==============contents==============*/

article#body{
	display:flex;
	display:-ms-flexbox;
	width:1340px;
	margin:0 auto 20px;
}

.no_data{
	padding:10px 0;
	margin:10px 0;
	border:3px double #c80037;
	color:#c80037;
	text-align:center;
}

/*==============tab==============*/

.block_item_list .contents:not(:first-child){
	display:none;
}

/*==============会員情報==============*/

#helloUser{
	display:flex;
	display:-ms-flexbox;
	width:1340px;
	margin:20px auto 10px;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}

#helloUser>div{
	box-sizing:border-box;
	position:relative;
	width:12.5%;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	text-align:center;
}

#helloUser>div p{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%);
	text-align:center;
}

#helloUser>div p img{
	width:30px;
}

#helloUser>div p a{
	color:#c80037;
	text-decoration:underline;
}

#helloUser>div p .rankName{
	font-size:16px;
	font-weight:bold;
}

#helloUser>div p .num{
	color:#c80037;
	font-size:26px;
	font-weight:bold;
}

#helloUser>div p .bold{
	font-size:20px;
	font-weight:bold;
}

#helloUser>div#mypageNavi{
	width:50%;
	border:none;
}

#helloUser>div#mypageNavi ul{
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

#helloUser>div#mypageNavi ul li{
	box-sizing:border-box;
	width:25%;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

#helloUser>div#mypageNavi ul li a{
	position:relative;
	display:block;
	padding:10px 0;
	text-align:center;
}

#helloUser>div#mypageNavi ul li a span.circle{
	position:absolute;
	right:5px;
	top:-15px;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	background:#ed0044;
	border-radius:50%;
	color:#fff;
	text-align:center;
}

/****************-aside-****************/

aside#left{
	width:195px;
	background:#fafafa;
}

aside dt,
.srchbox .area_top{
	padding:7px 10px;
	background:#c90037;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

aside dd li{
	padding:7px 10px;
	color:#333;
}

aside dd li.category_name_set{
	background:#ddd;
}

aside dd a{
	color:#333;
}

aside dd a:hover{
	color:#c90037;
	text-decoration:underline;
}

aside dd a img{
	vertical-align:middle;
}

/*================左カラム最上部ボタンー================*/

#left #prefLink a{
	display:block;
	padding:5px 0;
	margin-bottom:5px;
	background:linear-gradient(to bottom,#d50044 0,#af0027 100%);
	border:1px solid #a44e07;
	border-radius:3px;
	box-shadow:0 1px 1px #ea80a2 inset,0 -1px 1px #954707 inset;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-shadow:0 1px 0 #333;
}

#left .prefbtn {
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

#left .prefbtn li {
	margin-bottom:10px;
	text-align: center;
}

#left .prefbtn li a {
	display:block;
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 2px 8px;
	cursor: pointer;
}

#left .prefbtn li a:hover {
	background: #d30042;
	border: 1px solid #af0027;
	color: #fff;
}

#left .specialbtn {
	margin: 0 0 10px 0;
}

#left .specialbtn li {
	margin: 0 0 6px 0;
	text-align: left
}

#left .specialbtn li a {
	padding: 5px;
	border: 1px solid #eb961d;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	color: #eb961d;
	text-align: center;
	display: block;
}

#left .specialbtn li a span {
	float: left;
	display: inline-block;
	padding: 3px 5px;
	margin: 0 3px 0 5px;
	border-radius: 50%;
	background: #eb961d;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

#left .specialbtn li a:hover {
	background: #eb961d;
	border: 1px solid #af0027;
	color: #FFF;
}

#left .filter{
	position:relative;
}

#left .filter>h3{
	position:relative;
	padding:8px;
	background:linear-gradient(to right,#0f7dc8,#0f7dc8 175px,transparent 175px);
	color:#fff;
}

#left .filter>h3:before{
	content: "";
	display: inline-block;
	position: absolute;
	right: -14px;
	top:0;
	z-index: 1;
	border:19.2px solid transparent;
	border-left:15px solid #0f7dc8;
}

#left .filter h3 span{
	font-size:16px;
	font-weight:bold;
}

#left .filter dd h3{
	padding:8px;
	background:#0f7dc8;
	color:#fff;
}

#left .selectArea{
	background:url('https://img.undernavi.com/front/pc/common/right_arrow.png') no-repeat right center;
	padding:15px 8px;
	font-size:14px;
	cursor:pointer;
}

#left .formArea{
	display:none;
	position:absolute;
	top:3px;
	left:205px;
	width:920px;
	z-index:9;
}

#left .formArea .triangle{
	position:absolute;
	top:50px;
	left:-20px;
	border:10px solid transparent;
	border-right:10px solid #f5f5f5;
}

#left .formArea .triangle:before{
	content:"";
	position:absolute;
	top:-11px;
	left:4px;
	width:2px;
	height:14.2px;
	background:rgba(150,150,150,.6);
	filter:blur(1px);
	transform:rotate(45deg);
}

#left .formArea .triangle:after{
	content:"";
	position:absolute;
	top:-1px;
	left:4px;
	width:2px;
	height:14.2px;
	background:rgba(150,150,150,.6);
	filter:blur(1px);
	transform:rotate(-45deg);
}

#left .selectArea:hover+.formArea{
	display:block;
}

#left .formArea:hover{
	display:block;
}

#left .formArea dl{
	display:flex;
	display:-ms-flexbox;
	position:relative;
	border-radius:5px;
	box-shadow:0 0 5px #999;
}

#left .formArea dl:before{
	content:"";
	display:inline-block;
	position:absolute;
	left:-10px;
	top:35px;
	width:10px;
	height:50px;
	background:transparent;
}

#left .formArea dl dt,#left .formArea dl dd{
	box-sizing:border-box;
	padding:20px;
}

#left .formArea dl dt{
	width:20%;
	background:#f5f5f5;
	color:#333;
}

#left .formArea dl dt span{
	font-size:16px;
	font-weight:bold;
}

#left .formArea dl dd{
	width:80%;
	background:#fff;
}

#left .formArea dl dd ul{
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

#left .formArea dl dd ul li{
	width:25%;
	padding:0;
	margin:20px 0;
	
}
#left .formArea dl dd ul.multi.service li {
	width: auto;
	padding: 0;
    margin: 20px 0;
    margin-right: 35px;
}

#left .formArea dl dd .flexBox{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
	align-items:flex-end;
	padding:20px 0;
}

#left .formArea dl dd .flexBox>div{
	width:65%;
}

#left .formArea dl dd .flexBox div.select{
	width:12%;
}

#left .formArea dl dd ul.range{
	flex-wrap:nowrap;
	justify-content:space-between;
	-ms-flex-pack: justify;
}

#left .formArea dl dd ul.range li{
	margin:0;
	width:auto;
}

#left .formArea label{
	cursor:poiner;
	white-space: nowrap;
}

#left .formArea dl dd button,#left form button{
	appearance:none;
	display:block;
	background:#c80037;
	width:150px;
	padding:5px;
	margin:20px auto;
	border:none;
	border-radius:3px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

aside .menu_osaka{
	display:flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-flex-pack: justify;
}

aside .menu_osaka li{
	width:48%;
}

#gravure_aside figure{
	box-sizing:border-box;
	padding:3px;
	margin-top:5px;
	border:1px solid #f7c341;
}

#gravure_aside p{
	font-size:13px;
}

#gravure_aside p.galName a{
	font-weight:bold;
}

#gravure_aside p.galName a:hover{
	color:#c80037;
	text-decoration:underline;
}

#left .pickup_shop h2{
	padding:5px;
	background:#c80037;
	color:#fff;
}

#left .pickup_shop .detail{
	padding:10px;
	background:#eee;
}

#left .pickup_shop .thumb{
	position:relative;
}

#left .pickup_shop .detail .note{
	display:none;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:10px;
	background:rgba(255,255,255,.8);
	border:1px solid #c80037;
}

#left .pickup_shop .thumb:hover .note{
	display:block;
}

#left .pickup_shop .detail .note .fee{
	border-bottom:1px solid #c80037;
	color:#c80037;
	font-size:1.1rem;
}

#left .pickup_shop .detail .note .comment{
	font-size:12px;
}

#left .pickup_shop .detail .note .btn{
	position:absolute;
	bottom:10px;
	width:calc(100% - 20px);
}

#left .pickup_shop .detail .note .btn a{
	display:block;
	padding:5px;
	background:#c80037;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#left .pickup_shop .detail h3{
	margin-top:5px;
	padding-left:3px;
	border-left:10px solid #c80037;
}

#left .pickup_shop .detail h3 a{
	color:#333;
	font-size:12px;
	font-weight:bold;
}

/*********チェックボックスの動作**********/

aside dd .multi input[type="checkbox"]{
	display:none;
}

aside dd .multi input[type="checkbox"]+label{
	position:relative;
}

aside dd .multi input[type="checkbox"]+label:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-right:5px;
	border:2px solid #ccc;
	border-radius:3px;
}

aside dd .multi input[type="checkbox"]+label:hover:before{
	border-color:#0171bd;
}

aside dd .multi input[type="checkbox"]+label:after{
	content:"";
	position:absolute;
	top:2px;
	left:6px;
	display:inline-block;
	width:7px;
	height:13px;
	border-right:3px solid #0171bd;
	border-bottom:3px solid #0171bd;
	opacity:0;
	transform:rotate(40deg);
	transition:all .3s linear;
}

aside dd .multi input[type="checkbox"]:checked+label:after{
	opacity:1;
}

/*********チェックボックスの動作**********/

aside#right{
	width:195px;
	background:#fafafa;
}

aside#right .slider_vertical {
	text-align: center;
}
aside#right .slider_vertical li{
	margin-bottom:10px;
}

aside#right .slider_vertical figure{
	font-size:0;
}

aside#right .slider_vertical .detail{
	position:relative;
	margin-bottom:5px;
}

aside#right .slider_vertical .detail:hover .shopInfo{
	display:block;
}

aside#right .slider_vertical .shopInfo{
	box-sizing:border-box;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:20px;
	background:rgba(255,255,255,.8);
	border:1px solid #c80037;
}

aside#right .slider_vertical .shopInfo h4 a{
	color:#c80037;
	font-weight:bold;
	text-decoration:underline;
}

aside#right .slider_vertical .shopInfo .area{
	margin-bottom:10px;
	font-size:10px;
}

aside#right .slider_vertical .shopInfo .toShop a{
	display:block;
	width:100%;
	padding:5px 0;
	background:#c80037;
	color:#fff;
	text-align:center;
}

aside#right .slider_vertical li h5 {
	padding-left: 5px;
	margin-bottom: 5px;
	border-left: 5px solid #c80037;
	color: #c80037;
	font-weight: bold;
	text-align:left;
}
aside#right .slider_vertical li h5 a:hover {
	color:#c80037;
	text-decoration:underline;
}
aside#right .slider_vertical li p {
	font-size: 93%;
	overflow:hidden;
}


/*********スライドバナーイメージ**********/
.slides_l_slickImage,
.slides_R_slickImage {
	margin: auto;
}


/****************-main-****************/

main{
	display:block;
	box-sizing:border-box;
	width:950px;
	padding:0 35px;
	overflow-x:hidden;
}

main>section{
	max-width:880px;
}

.slick-arrow{
	position:absolute;
	top:calc(50% - 6px);
	width:12px;
	height:20px;
	background:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	border:none;
	font-size:0;
	cursor:pointer;
}

.slick-prev{
	left:-20px;
	background-image:url('https://img.undernavi.com/front/pc/common/l_arrow.png');
}

.slick-next{
	right:-20px;
	background-image:url('https://img.undernavi.com/front/pc/common/r_arrow.png');
}

/*========================検索ボックス=======================*/

.srch_detail{
	position:relative;
	padding:15px;
	background:#f5f5f5;
	box-shadow:0 0 3px #aaa;
}

.srch_detail h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.srch_detail p.allclear{
	position:absolute;
	top:10px;
	right:10px;
}

.srch_detail p.allclear{
	position:absolute;
	top:10px;
	right:10px;
}

.srch_detail p.allclear input{
	padding:5px 30px;
	background:#444;
	border-radius:5px;
	color:#fff;
}

.srch_detail .tabs_block{
	display:flex;
	display:-ms-flexbox;
	border:1px solid #aaa;
	border-bottom:none;
}

.srch_detail .tabs_block li{
	width:50%;
	padding:10px 0;
	background:#666;
	border-right:1px solid #fff;
	color:#fff;
	text-align:center;
	cursor:pointer;
}

.srch_detail .tabs_block li:last-child{
	border-right:none;
}

.srch_detail .tabs_block li.current{
	background:#fff;
	color:#333;
}

.srch_detail .block_item_list .contents{
	display:none;
	padding:15px;
	background:#fff;
	border:1px solid #aaa;
	border-top:none;
}

.srch_detail .block_item_list .contents:first-child{
	display:block;
}

.srch_detail .block_item_list .contents .btn{
	text-align:right;
}

.srch_detail .block_item_list .contents .btn input{
	padding:5px 40px;
	border:1px solid #ccc;
	border-radius:5px;
	font-weight:bold;
}

.srch_detail .block_item_list .contents ul{
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

.srch_detail .block_item_list .contents ul li{
	width:25%;
	margin:30px 0;
}

.srch_detail .block_item_list .contents ul li label{
	cursor:pointer;
}


/*==============footer==============*/

footer {
	background: #FFF;
	padding-top: 5px;
}

footer .subWrap{
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
}

footer ul.subWrap{
	justify-content:center;
	margin:20px auto;
}

footer ul.subWrap li{
	margin:0 10px;
}

/*-----詐欺店モーダルstart-----*/

footer #scam{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	background:rgba(0,0,0,.8);
	width:100vw;
	height:100vh;
}

footer #scam #scamBody{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:500px;
	padding:20px;
	background:#fff;
	border-radius:10px;
}

footer #scam form dl{
	margin-bottom:10px;
}

footer #scam form dt span{
	color:#f00;
}

footer #scam form dl input{
	width:100%;
	height:30px;
	border:1px solid #ddd;
}

footer #scam form button{
	width:100%;
	padding:10px;
	background:#c80037;
	color:#fff;
}

footer #scam form button:disabled{
	cursor:default;
	background:#999;
}

/*-----詐欺店モーダルend-----*/

footer .logo{
	margin-bottom:20px;
}

footer .covergirl{
	width:190px;
}

footer .covergirl .thumb{
	width:190px;
	height:190px;
	border-radius:50%;
	overflow:hidden;
}

footer .covergirl .thumb img{
	min-width:190px;
	min-height:190px;
	border-radius:50%;
	overflow:hidden;
}

footer #footerMenu{
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	width:1100px;
	margin-left:50px;
}

footer #footerMenu h2{
	width:100%;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
}

footer #footerMenu .footerNav{
	box-sizing:border-box;
	width:20%;
	padding:0 10px;
	border-left:1px solid #e5e5e5;
}

footer #footerMenu .footerNav:first-child{
	border-left:none;
}

footer #footerMenu .footerNav h3{
	margin:5px 0;
	font-size:15px;
	font-weight:bold;
}

footer #footerMenu .footerNav ul li{
	line-height:1.2;
	margin:5px 0;
	padding-left:5px;
	font-size:12px;
}

footer #footerMenu .footerNav ul li a:hover{
	color:#c80037;
	text-decoration:underline;
}

footer #footerMenu .footerNav dd{
	text-indent:1rem;
}

footer #footerBottom{
	width:100%;
	padding:20px 0;
}

footer #footerBottom p{
	text-align:center;
}

footer #footerBottom p#copyright{
	margin-top:10px;
}


.srchtype_main3 {
    width: 65px;
    cursor: pointer;
}
span.icon001 {
    color: #20b3d8;
}
span.icon002 {
    color: #ef3fb7;
}
span.icon003 {
    color: #1ccf00;
}
.srchtype_main3 img {
    width: 38%;
    padding: 12px 0 0 10px;
    vertical-align: bottom;
}
#disappearBox_main3 {
    position: absolute;
    bottom: -95px;
    left: 0px;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #ccc;
    z-index: 999;
}
#disappearBox_main3:before{
    content: '';
    position: absolute;
    left: 9px;
    top: -11px;
    display: block;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-bottom: 11px solid #ccc;
    border-left: 9px solid transparent;
}
#disappearBox_main3:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 10px;
  top: -10px;
  border-right: 8px solid transparent;
  border-bottom: 11px solid #fff;
  border-left: 8px solid transparent;
}
.sub_hash {
    padding-top: 5px;
}
.sub_hash li {
    margin: 0 0 5px 0;
}
.sub_hash img{
    width: 10%;
    padding-right: 5px; 
}
.hashImage {
    text-align: center;
    margin-bottom: 20px;
}
.groupContent .groupFlexList {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	padding:70px;	
}
.groupContent .groupFlexList li {
	width: 48%;
	margin-right: 3%;
	margin-bottom: 2%;
}
.groupContent .groupFlexList li:nth-child(2n) {
	margin-right:0;
}
.groupFlexList .shopName {
	font-size: 18px;
}
.groupContent .groupFlexList li figure {
	margin-bottom: 10px;
	position: relative;
}
.groupContent .groupFlexList li a:hover {
	color: #bb0034;
	text-decoration: underline;
}
.groupContent .groupFlexList li img:hover {
	opacity:0.7;
}
.groupContent .groupFlexList li figure .prefName {
	position: absolute;
	left: 10px;
	top: 10px;
	display: block;
	background: #c50037;
	color: #fff;
	padding: 10px;
	display: block;
	font-size: 18px;
}

#mypageNavi .use_list li:nth-child(n+5) {
	width: 20% !important;
}