/*=================================================
 * CSS for PC
 * ================================================= */

main{	overflow: visible;}

.shopmenu_fix3{
	top: 45px;
}

#index .fudol4{
	box-shadow: 0px 1px 0px 0px #3e3e41 inset;
}
#index .box1+.fudol4{
	border-top: 5px solid #3e3e41;
	box-shadow: none;
}

.box1{
	padding: 0;
	border-bottom: none;
}
.box1_l{	position: static;}


/** sel_box **/

.sel_box{
	position: relative;
	z-index: 2;
}

.sel_bt{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 500px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 auto;
	padding: 15px 2px 10px 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sel_bt+.cate{}
.sel_bt button{
	position: relative;
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: 40px;
	font-size: 14px;
	line-height: 1.1;
	text-align: center;
	color: #010101;
	border: 2px solid rgba(0, 0, 0, 0);
	box-shadow:0px 0px 0px 1px #1c1c1f inset;
	-moz-box-shadow:0px 0px 0px 1px #1c1c1f inset;
	-webkit-box-shadow:0px 0px 0px 1px #1c1c1f inset;
	background: #1c1c1e;
	border-radius: 20px;
	margin: 0 3px;
	padding: 0 25px 0 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.sel_bt button br{ display: none;}

@media screen and (max-width: 420px) {
	.sel_bt button br{ display: inline;}
	.sel_bt .sel_bt_area{ width: 43%;}
	.sel_bt .sel_bt_deli{ width: 32%;}
}


.sel_bt button i{	font-size: 13px; font-style: normal; color: #fff;}
.sel_bt button:before{
	content: '';
	width: 6px;
	height: 6px;
	border-right: 1px solid #1c1c1e;
	border-bottom: 1px solid #1c1c1e;
	position: absolute;
	bottom: calc(50% - 3px);
	right: 12px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.sel_bt .sel_bt_area{
	background: rgb(255,179,89);
	background: linear-gradient(90deg, rgba(255,179,89,1) 0%, rgba(255,139,53,1) 100%);
}
.sel_bt .sel_bt_deli{
	background: rgb(134,231,135);
	background: linear-gradient(90deg, rgba(134,231,135,1) 0%, rgba(74,198,75,1) 100%);
}
.sel_bt .sel_bt_cate{
	background: rgb(147,204,255);
	background: linear-gradient(90deg, rgba(147,204,255,1) 0%, rgba(106,122,227,1) 100%);
}
.sel_bt .sel_bt_area.on{
	color: #ffb359;
	box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-moz-box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-webkit-box-shadow:0px 0px 0px 20px #1c1c1f inset;
}
.sel_bt .sel_bt_deli.on{
	color: #86e787;
	box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-moz-box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-webkit-box-shadow:0px 0px 0px 20px #1c1c1f inset;
}
.sel_bt .sel_bt_cate.on{
	color: #ffb359;
	box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-moz-box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-webkit-box-shadow:0px 0px 0px 20px #1c1c1f inset;
}
.sel_bt .sel_bt_area span,
.sel_bt .sel_bt_deli span,
.sel_bt .sel_bt_cate span{
}
.sel_bt .sel_bt_area.on:before,
.sel_bt .sel_bt_deli.on:before,
.sel_bt .sel_bt_cate.on:before{
	border-color: currentColor;
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
	    -ms-transform: rotate(-135deg);
	     -o-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}

.sel_bt .sel_bt_serach{
	width: 40px;
	padding: 0;
	background: rgb(221,147,255);
	background: linear-gradient(90deg, rgba(221,147,255,1) 0%, rgba(189,106,227,1) 100%);
}
.sel_bt .sel_bt_serach:before{	display: none;}
.sel_bt .sel_bt_serach.on{
	color: #dd93ff;
	box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-moz-box-shadow:0px 0px 0px 20px #1c1c1f inset;
	-webkit-box-shadow:0px 0px 0px 20px #1c1c1f inset;
}
.sel_bt .sel_bt_serach .material-icons{
	font-size: 26px;
	line-height: 26px;
}


/** li **/

.li{
	font-size: 0;
	line-height: 0;
	padding: 0;
	border-top: 1px solid #3e3e41;
}

.acdbt,
.acdbt_open{
	position: relative;
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
	padding: 12px 10px 12px 8px;
	border-bottom: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.acdbt.open{	color: #ff429c;}
.acdbt:after{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: calc(50% - 8px);
	right: 13px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	     -o-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.acdbt.open:after{
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.li a{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	min-height: 45px;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	padding: 10px 25px 10px 8px;
	border-bottom: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.li li:last-of-type a{	border-bottom-width: 5px;}
#enter .li li:last-of-type a{	border-bottom-width: 1px;}
#enter > div:last-of-type li:last-of-type a{	border-bottom-width: 5px;}
#shoptype .li li a{	padding-left: 34px;}
#shoparea .li a{	min-height: 58px;}
.li a:hover{
	text-decoration: none;
}
#sel_area a:before,
#sel_deli li:first-of-type a:before,
#sel_cate #enter > .acdbox a:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#sel_deli li:nth-of-type(n+2) a:before,
#sel_cate .areabox li a:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


.li a em{	font-size: 12px;}

.li a i{
	display: block;
	font-size: 10px;
	line-height: 13px;
	font-style: normal;
	padding: 1px 0 0 26px;
}
.li a .material-icons{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: -2px 8px 0 0;
	color: #ff99de;
}

#sel_search .name_sc{	padding-top: 5px;}
#sel_deli li:nth-of-type(n + 2) a{	padding-left: 50px;}
#sel_deli li:nth-of-type(n + 2) a .material-icons{	display: none;}


#enter{
	margin: 0 0 20px 0;
	border-top: 1px solid #3e3e41;
}
#enter .li{	border-top: none;}
#enter .li li a{	padding-left: 34px;}
#enter .li li:only-child a{	padding-left: 8px;}
#enter:last-of-type{	margin-bottom: 0;}
#recruit{	padding-bottom: 20px;}

#enter .acdbt span,
#enter .acdbt_open span,
#other a span,
#recruit a span{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: -2px 8px 0 0;
}
#enter .acdbt span,
#other a span{	color: #ffade8;}
#recruit a span{	color: #ff7979;}

#enter .areabox:nth-of-type(1) .acdbt span.material-icons{	color: #62c2ff;}
#enter .areabox:nth-of-type(2) .acdbt span.material-icons{	color: #46fcf0;}
#enter .areabox:nth-of-type(3) .acdbt span.material-icons{	color: #41f5bc;}
#enter .areabox:nth-of-type(4) .acdbt span.material-icons{	color: #4bea8e;}
#enter .areabox:nth-of-type(5) .acdbt span.material-icons{	color: #91f46b;}
#enter .areabox:nth-of-type(6) .acdbt span.material-icons{	color: #daf465;}
#enter .areabox:nth-of-type(7) .acdbt span.material-icons{	color: #ffe95c;}
#enter .areabox:nth-of-type(8) .acdbt span.material-icons{	color: #ffbb4b;}
#enter .areabox:nth-of-type(9) .acdbt span.material-icons{	color: #ff9e44;}
#enter .areabox:nth-of-type(10) .acdbt span.material-icons{	color: #ff7544;}
#enter .areabox:nth-of-type(10) .acdbt span.material-icons{	color: #ff7544;}
#enter.spe_sel_box_list .areabox .acdbt span.material-icons{	color: #ff429c !important;}
#enter.spe_sel_box_list span.circle.a_girl{	background: #ff429c !important;}

#enter .areabox .acdbt > span{
	position: relative;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
}
.circle{	}
#enter .areabox .acdbt > span em{
	font-size: 12px;
}
#enter .areabox .acdbt > span i{
	display: block;
	font-size: 10px;
	line-height: 13px;
	font-style: normal;
	padding: 1px 0 0 26px;
}
#enter .areabox .acdbox.li li a{	padding-left: 8px;}
#enter span.circle{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 8px;
	background: currentColor;
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
	line-height: 1;
	margin-right: 8px;
	margin-left: 11px;
	margin-top: 5px;
}
#enter span.circle:after{
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #1c1c1e;
	position: absolute;
	top: 2px;
	left: 2px;
}


/** in_menu **/

#in{	padding: 0;}

.in_menu{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: left;
	border: none;
	border-top: 2px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.in_menu + .in_menu{ border-top: none;}

.in_menu a{
	position: relative;
	display: block;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #3e3e41;
}
.in_menu a::before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	border: 1px solid #ff4699;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.in_menu a::after{
	content: "";
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 13px;
	width: 2px;
	height: 2px;
	margin: auto;
	border-top: 1px solid #ff4699;
	border-right: 1px solid #ff4699;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.in_menu a span:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#in_area a::before{
	border: 1px solid #0099ff;
}

#in_area a::after{
	border-top: 1px solid #0099ff;
	border-right: 1px solid #0099ff;
}


#in_area a.in_deli::before,
#in_area a.a_hotel::before{
	border: 1px solid #02a902;
}

#in_area a.in_deli::after,
#in_area a.a_hotel::after{
	border-top: 1px solid #02a902;
	border-right: 1px solid #02a902;
}

.in_menu a i{
	font-style: normal;
	font-size: 12px;
}


#index .support_shop_ex{	background: none;}
#index .support_shop_ex ul{
	padding-top: 15px;
	padding-bottom: 30px;
}
#index .li li:last-of-type a{
	border-bottom-width: 1px;
}
#index #enter > div:last-of-type li:last-of-type a{
	border-bottom-width: 1px;
}

/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {

}