@charset "UTF-8";

html {
	overflow-y: visible;
}

/* インデックス用の記述 */
.g-wrapper.index .g-header {
	border-top: none;
	border-bottom: 3px solid #ff2f9a;
}

.g-wrapper.index .index-txt {
	position: absolute;
	top: 8px;
	right: 116px;
	height: 20px;
	padding-left: 13px;
	font-size: 10px;
	line-height: 20px;
}

.g-wrapper.index .img-main img {
	/*margin-top: -19px;*/
}

/* h1テキスト */
.g-header .headline {
	width: auto;
	text-align: right;
}

.g-wrapper.index .g-header .container {
	position: relative;
}

.g-wrapper.index .header-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	padding: 10px 0 0;
}

/* キーワードリンク */
.g-header .keyword-link-list {
	margin: 8px 8px 3px 0;
	text-align: right;
}

.g-header .keyword-link {
	font-size: 15px;
	font-weight: 700;
	margin: 0 8px;
	position: relative;
}

.g-header .keyword-link-item {
	display: inline;
}

.g-header .keyword-link-text {
	color: #ff57a6;
	margin: 0 0 0 14px;
}

.g-header .keyword-link-arrow {
	border: 2px solid;
    border-color: transparent transparent #ff57a6 #ff57a6;
    height: 10px;
	left: 0;
    position: absolute;
    top: 2px;
    transform: rotate(-45deg);
	width: 10px;
}

.g-header .account-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 108px;
	padding: 0 0 5px;
}


/* 働きたいエリアをクリックして早速おしごとを探してみよう♪ */
.index .f-chooseArea .chooseArea-ttl {
	padding: 0;
	background: none;
	margin-top: 20px;
}

.index .f-chooseArea .chooseArea-body {
	padding: 10px 0 40px;
}

.index .f-chooseArea .chooseArea-body-inner {
	padding: 0;
	border: none;
	background: none;
}

.index .f-chooseArea .map-wrap {
	width: 590px;
	height: 428px;
	margin: 0 0 0 10px;
	padding-top: 17px;
	padding-left: 131px;
	border: 2px solid #afebff;
	background: url(/assets/img/user/pc/index/bg-map-index.png);
	position: relative;
}

.index .f-chooseArea .map-wrap:after {
	content: url(/assets/img/user/pc/index/bg-girls.png);
	position: absolute;
	bottom: -2px;
	left: 0;
}

.index .f-chooseArea .jump-area {
	position: absolute;
	top: 9px;
	left: 20px;
}

.index .f-chooseArea .jump-area h3 img {
	margin-left: -6px;
}

.index .f-chooseArea .jumpArea-list-wrap {
	width: 305px;
	height: 56px;
	padding: 11px 0 5px 8px;
	border: 2px solid #afebff;
	border-radius: 5px;
	background: #fff;
}

.index .f-chooseArea .jumpArea-list {
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
}

.index .f-chooseArea .jumpArea-list .jumpArea-item {
	display: inline-block;
	margin-bottom: 6px;
	background: none;
	font-size: 12px;
}

.index .f-chooseArea .jumpArea-list .jumpArea-item:after {
	content: "|";
	margin: 0 5px;
}

.index .f-chooseArea .jumpArea-list .jumpArea-item:last-child:after {
	display: none;
}

.index .f-chooseArea .jumpArea-list .jumpArea-item.kyushu a {
	color: #f4c138;
}

.index .f-chooseArea .area-list {
	margin: 0 10px 8px 0;
	float: right;
}

.index .f-chooseArea .area-item {
	width: 380px;
	padding-left: 18px;
	float: none;
}

.index .f-chooseArea .area-item.kanto {
	background-image: url(/assets/img/user/pc/index/bg-area-kanto.png);
}

.index .f-chooseArea .area-item.kansai {
	background-image: url(/assets/img/user/pc/index/bg-area-kansai.png);
}

.index .f-chooseArea .area-item.tokai {
	background-image: url(/assets/img/user/pc/index/bg-area-tokai.png);
}

.index .f-chooseArea .area-item.kyusyu {
	background-image: url(/assets/img/user/pc/index/bg-area-kyusyu.png);
}

.index .f-chooseArea .area-item.hokkaido {
	background-image: url(/assets/img/user/pc/index/bg-area-hokkaido.png);
}

.index .f-chooseArea .area-item.kitakanto {
	background-image: url(/assets/img/user/pc/index/bg-area-kitakanto.png);
}

.index .f-chooseArea .area-item.hokuriku {
	background-image: url(/assets/img/user/pc/index/bg-area-hokuriku.png);
}

.index .f-chooseArea .area-item.chugoku {
	background-image: url(/assets/img/user/pc/index/bg-area-chugoku.png);
}

.f-chooseArea .area-bln-item.bln-hokkaido {
	top: 88px;
	right: 137px;
	left: auto;
}

.f-chooseArea .area-bln-item.bln-kiakanto {
	top: 197px;
	right: 30px;
}

.f-chooseArea .area-bln-item.bln-kanto {
	height: 85px;
	right: 7px;
	bottom: 4px;
	padding-top: 50px;
}

.f-chooseArea .area-bln-item.bln-hokuriku {
	top: 146px;
	right: 86px;
}

.f-chooseArea .area-bln-item.bln-tokai {
	right: 103px;
	bottom: 88px;
}

.f-chooseArea .area-bln-item.bln-kansai {
	left: 270px;
	bottom: 142px;
}

.f-chooseArea .area-bln-item.bln-chugoku {
	top: auto;
	left: 182px;
	bottom: 143px;
}

.f-chooseArea .area-bln-item.bln-kyushu {
	top: 202px;
	left: 112px;
	z-index: 10;
}

.f-chooseArea .grey-area {
	margin: 0 10px;
	padding: 15px 2px;
	background: url(/assets/img/user/pc/index/bg-index-grey-stripe.png);
	clear: both;
	overflow: hidden;
}

.f-chooseArea .grey-area .contents-list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 10px;
}

.f-chooseArea .grey-area .contents-item {
	width: 320px;
}

.f-chooseArea .grey-area .contents-item a {
	display: block;
	text-align: center;
}

.f-chooseArea .grey-area .contents-item img {
	width: 100%;
}

.f-chooseArea .grey-area a {
	display: inline-block;
}

.f-chooseArea .grey-area .mens_vanilla {
	margin-top: 10px;
}

.f-chooseArea .grey-area .japan_shokai,
.f-chooseArea .grey-area .vanilla-contest {
	margin-top: 10px;
}

.halloween {
	margin-top: 10px;
}

.alert-txt {
	background: url(/assets/img/user/pc/index/bg-index-grey-stripe.png);
	line-height: 1.2;
	margin: 10px 0;
	padding: 5px;
	position: relative;
}

.alert-txt a {
	color: #ff2d90;
	float: right;
}

.f-chooseArea .search-link-list {
	margin-bottom: 25px;
}

.f-chooseArea .search-link-list .search-link-ttl {
	height: 22px;
	margin-bottom: 9px;
	padding-left: 28px;
	font-size: 14px;
	line-height: 25px;
	background: no-repeat left top;
}

.f-chooseArea .search-link-list .search-prof {
	background-image: url(/assets/img/user/pc/common/icon-place-circle.png);
}

.f-chooseArea .search-link-list .search-popularity {
	background-image: url(/assets/img/user/pc/index/icon-heart-circle.png);
}

.f-chooseArea .search-link-list .search-conditions {
	background-image: url(/assets/img/user/pc/index/icon-microscope-circle.png);
}

.f-chooseArea .search-link-list .search-ranking {
	background-image: url(/assets/img/user/pc/index/icon-crown.png);
}

.f-chooseArea .search-link-list .search-link-body {
	padding-top: 6px;
	margin-bottom: 15px;
	border-top: 1px dashed #e5e5e5;
}

.f-chooseArea .inner-link-list {
	font-size: 0;
}

.f-chooseArea .inner-link-list .inner-link-item {
	display: inline-block;
	font-size: 12px;
}

.f-chooseArea .inner-link-list .inner-link-item:after {
	content: "|";
	display: inline-block;
	margin: 0 8px 0 7px;
}
.f-chooseArea .inner-link-list .inner-link-item-noafter {
	display: inline-block;
	margin: 0 8px 0 7px;
}

.f-chooseArea .inner-link-list a {
	color: #f4c138;
	line-height: 1.833;
}

/* PICK UP!! 風俗求人エリア */
.f-pickUp-link .pickUp-link-ttl {
	height: 22px;
	margin-bottom: 15px;
	padding-left: 28px;
	font-size: 14px;
	line-height: 25px;
	background: url(/assets/img/user/pc/index/icon-pickUp.png) no-repeat left top;
}

.f-pickUp-link .pickUpLink-list-ttl {
	margin-bottom: 9px;
	font-size: 14px;
}

.f-pickUp-link .pickUpLink-list-ttl span {
	color: #ff9b24;
}

.f-pickUp-link .pickUpLink-list-body {
	padding-top: 6px;
	margin-bottom: 15px;
	border-top: 1px dashed #e5e5e5;
}

.f-pickUp-link .pickUpLink-list-body-noborder {
	padding-top: 6px;
	margin-bottom: 15px;
	/* border-top: 1px dashed #e5e5e5; */
}

.f-pickUp-link .pickUpLink-list-body:last-child {
	margin-bottom: 0;
}

.f-pickUp-link .inner-link-list .inner-link-item a,
.f-pickUp-link .inner-link-item-noafter .inner-link-item a {
	color: #69cfff;
}

/* fixedバナー */
.workAway-bnr-area {
	width: 150px;
	margin-left: 1014px;
	position: fixed;
	bottom: 0;
}

.workAway-bnr-area img {
	margin-bottom: 10px;
}

.workAway-bnr-area a:nth-of-type(1) {
	width: 150px;
}

.workAway-bnr-area a:nth-of-type(1) img {
	width: 150px;
	margin-bottom: 10px
}

.workAway-bnr-area a:nth-of-type(2) img {
	width: 150px;
}

.vanieki-bnr-area {
	width: 223px;
	margin-left: -190px;
	position: fixed;
	bottom: 0;
	z-index: 2;
}

.vanieki-bnr-area img {
	margin-bottom: 10px;
}

.index .event-bnr-area {
	z-index: 3;
}

.event-bnr-area {
	width: 150px;
	left: 100px;
	position: fixed;
	bottom: 0;
}

.event-bnr-area img {
	margin-bottom: 10px;
}

.event-bnr-area a:nth-of-type(1) {
	width: 150px;
}

.event-bnr-area a:nth-of-type(1) img {
	width: 150px;
	margin-bottom: 10px
}

.f-chooseArea .chooseArea-ttl {
	padding: 3px 0 3px 15px;
	background: url(/assets/img/user/pc/common/bg-blue-stripe.png);
}

.f-chooseArea .chooseArea-body {
	padding: 5px 5px;
	background: #fff;
}

.f-chooseArea .chooseArea-body-inner {
	padding: 9px 9px 5px;
	overflow: hidden;
}

.f-chooseArea .map-wrap {
	width: 470px;
	height: 315px;
	padding-left: 42px;
	padding-top: 7px;
	float: left;
	position: relative;
}

.f-chooseArea .area-bln-item {
	display: none;
	padding-top: 32px;
	position: absolute;
}

.f-chooseArea .area-bln-item img {
	position: absolute;
	top: 0;
	left: 0;
}

.f-chooseArea .area-bln-item .pref-list {
	text-align: center;
	position: relative;
	z-index: 10;
}

.f-chooseArea .area-bln-item .pref-item {
	display: inline-block;
	margin-bottom: 3px;
	float: none;
}

.f-chooseArea .area-bln-item .pref-item:after {
	margin: 0 0 0 4px;
}

.f-chooseArea .bln-hokkaido .pref-list {
	width: 176px;
}

.f-chooseArea .bln-hokkaido .pref-item:nth-child(4):after {
	display: none;
}

.f-chooseArea .bln-hokkaido a {
	color: #38dcff;
}

.f-chooseArea .bln-kiakanto .pref-list {
	width: 126px;
}

.f-chooseArea .bln-kiakanto a {
	color: #61c770;
}

.f-chooseArea .bln-kanto .pref-list {
	width: 108px;
}

.f-chooseArea .bln-kanto .pref-item:nth-child(2):after {
	display: none;
}

.f-chooseArea .bln-kanto a {
	color: #f39b4e;
}

.f-chooseArea .bln-tokai .pref-list {
	width: 156px;
}

.f-chooseArea .bln-tokai a {
	color: #eb6464;
}

.f-chooseArea .bln-hokuriku .pref-list {
	width: 128px;
	left: 23px;
}

.f-chooseArea .bln-hokuriku .pref-item:nth-child(3):after {
	display: none;
}

.f-chooseArea .bln-hokuriku a {
	color: #ff8ec9;
}

.f-chooseArea .bln-kansai .pref-list {
	width: 128px;
}

.f-chooseArea .bln-kansai .pref-item:nth-child(3):after {
	display: none;
}

.f-chooseArea .bln-kansai a {
	color: #5395db;
}

.f-chooseArea .bln-chugoku .pref-list {
	width: 177px;
	left: 6px;
}

.f-chooseArea .bln-chugoku .pref-item:first-child {
	margin-right: 4px;
}

.f-chooseArea .bln-chugoku .pref-item:nth-child(4):after {
	display: none;
}

.f-chooseArea .bln-chugoku a {
	color: #c390f4;
}

.f-chooseArea .bln-kyushu .pref-list {
	width: 169px;
}

.f-chooseArea .bln-kyushu .pref-item:first-child {
	margin-right: 4px;
}

.f-chooseArea .bln-kyushu .pref-item:nth-child(4):after {
	display: none;
}

.f-chooseArea .bln-kyushu a {
	color: #f5c74c;
}

.f-chooseArea .area-item {
	width: 489px;
	height: 50px;
	padding: 6px 0 0 63px;
	float: right;
	margin-bottom: 4px;
	background: no-repeat;
}

.f-chooseArea .kanto {
	background-image: url(/assets/img/user/pc/common/bg-area-kanto.png);
}

.f-chooseArea .kanto a {
	color: #f39b4e;
}

.f-chooseArea .kansai {
	background-image: url(/assets/img/user/pc/common/bg-area-kansai.png);
}

.f-chooseArea .kansai a {
	color: #5395db;
}

.f-chooseArea .tokai {
	background-image: url(/assets/img/user/pc/common/bg-area-tokai.png);
}

.f-chooseArea .tokai a {
	color: #eb6464;
}

.f-chooseArea .kyusyu {
	background-image: url(/assets/img/user/pc/common/bg-area-kyusyu.png);
}

.f-chooseArea .kyusyu a {
	color: #f5c74c;
}

.f-chooseArea .hokkaido {
	background-image: url(/assets/img/user/pc/common/bg-area-hokkaido.png);
}

.f-chooseArea .hokkaido a {
	color: #38dcff;
}

.f-chooseArea .kitakanto {
	background-image: url(/assets/img/user/pc/common/bg-area-kitakanto.png);
}

.f-chooseArea .kitakanto a {
	color: #61c770;
}

.f-chooseArea .hokuriku {
	background-image: url(/assets/img/user/pc/common/bg-area-hokuriku.png);
}

.f-chooseArea .hokuriku a {
	color: #ff8ec9;
}

.f-chooseArea .chugoku {
	background-image: url(/assets/img/user/pc/common/bg-area-chugoku.png);
}

.f-chooseArea .chugoku a {
	color: #c390f4;
}

.f-chooseArea .other {
	width: 470px;
	height: 104px;
	padding-top: 8px;
	margin-top: -54px;
	float: left;
	background-image: url(/assets/img/user/pc/common/bg-area-other.png);
}

.f-chooseArea .other .pref-item {
	margin-bottom: 6px;
	background: none;
}

.f-chooseArea .other .pref-item.hokuriku:after {
	display: none;
}

.f-chooseArea .other .pref-item.chugoku:after {
	display: inline-block;
}

.f-chooseArea .other .txt-go {
	margin-bottom: 6px;
}

.f-chooseArea .txt-go {
	margin-bottom: 5px;
}

.f-chooseArea .pref-item {
	float: left;
}

.f-chooseArea .pref-item:after {
	content: "|";
	display: inline-block;
	margin: 0 3px;
	color: #999;
}

.f-chooseArea .pref-item:last-child:after {
	display: none;
}

.f-chooseArea .link-btn-list {
	margin-left: -46px;
	overflow: hidden;
}

.f-chooseArea .link-btn-item {
	margin-right: 4px;
	float: left;
}

.f-rcmArea {
	margin-bottom: 15px;
}

.f-rcmArea .rcmArea-ttl {
	padding: 1px 0 2px 4px;
	background-image: url(/assets/img/user/pc/dekasegi/bg-aqua-stripe-wa.png);
}

.f-rcmArea .rcmArea-body {
	padding: 10px 12px 8px;
	line-height: 1.8;
}

.f-rcmArea .rcm-area-list {
	overflow: hidden;
}

.f-rcmArea .rcm-area-item {
	float: left;
}

.f-rcmArea .rcm-area-item a {
	color: #f4c138;
}

.f-rcmArea .rcm-area-item:after {
	content: "|";
	display: inline-block;
	margin: 0 3px;
	color: #999;
}

.f-whatsVanilla .whatsVanilla-ttl {
	padding: 1px 0 2px 4px;
	background-image: url(/assets/img/user/pc/common/bg-what-pink-stripe.png);
}

.f-whatsVanilla .whatsVanilla-body {
	padding: 10px;
	border: 1px solid #ff2f9a;
	border-top: none;
	line-height: 1.8;
}

.f-whatsVanilla .whatsVanilla-body span {
	border-bottom: 1px dashed #ececec;
}

.index .g-footer {
	padding-top: 0px;
}
.index-txt_div h1,
.index-txt_div a{
	color: #888888;
}
.index-txt_div h1{
	margin-left: 20px;
	display:inline-block;
}

.f-chooseArea .counter_uodate {
	margin-top: 10px;
	margin-right: 10px;
	font-weight: bold;
	text-align: right;
}

.f-chooseArea .counter_uodate span.num_color{
	font-weight: bolder;
	color: #ff57a6;
}

.f-chooseArea .counter_uodate span.update{
	padding-left:1em;
}

.safety-text{
	background-color: #fff5fa;
	padding: 15px 40px;
	margin-bottom: 22px;
}

.safety-text h2{
	background-image: url(/assets/img/user/pc/safety_text/ico-heart-pc.png);
	background-repeat: no-repeat;
	padding-left:35px;
	line-height: 22px;
	margin: 30px 0px 40px -15px;
	font-size: 19px;
	font-weight: bolder;
}

.safety-text .safety-text-body{
	margin-bottom: 30px;
}

.safety-text .safety-text-body h3{
	color:#FF6BAE;
	font-weight: bolder;
	margin-bottom: 5px;
	font-size: 15px;
}

.safety-text .safety-text-body p{
	line-height: 1.5;
}

.safety-text .safety-text-body .last-text{
	font-size: 15px;
	font-weight: bolder;
}

.f-chooseArea .howtoMovie-txtWrap {
	clear: both;
	padding: 16px 0 0;
}

.f-chooseArea .vanilabo-banner {
	text-align: center;
}

.f-chooseArea .howtoMovie-bgTxt {
	position: relative;
	border-radius: 8px;
	background: #FFF0A2;
	width: 829px;
	margin: 0 0 0 163px;
}

.f-chooseArea .howtoMovie-bgTxt a {
	display: block;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	color: #707070;
	padding: 10px 0;
}

.f-chooseArea .howtoMovie-bgTxt::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -12px;
	transform: translateY(-50%);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 14px solid #FFF0A2;
}

.f-chooseArea .howtoMovie-bgTxt::after {
	content: "";
	position: absolute;
	top: 0;
	left: -153px;
	background: url(/assets/img/user/pc/index/img-track.png) left top /100% auto no-repeat;
	width: 117px;
	height: 59px;
}

.f-chooseArea .howtoMovie-wrap {
	display:  flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 5px solid #FF95D5;
	background: #FFEEF7;
	margin: 26px 0 0;
	padding: 37px 30px 33px;
}

.f-chooseArea .howtoMovie-bnr {
	margin: 0;
}

.f-chooseArea .howtoMovie-txt {
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	width: 100%;
	margin: 24px 0 22px;
}

.f-chooseArea .howtoMovie-txt em {
	font-weight: bold;
	color: #FF4A9E;
}

.f-chooseArea .thum-movie-wrap .movie-img {
	position: relative;
	cursor: pointer;
	width: 460px;
	border: 6px solid #fff;
}

.f-chooseArea .thum-movie-wrap .movie-img::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url("/assets/img/user/pc/index/ico-hd-play.svg") left top/100% auto no-repeat;
	width: 82px;
	height: 82px;
}

.f-chooseArea .thum-movie-wrap .note-txt {
	position: relative;
	border-radius: 5px;
	background: url("/assets/img/user/beta/sp/common/ico-voice.svg") 10px center/18px auto no-repeat #FFA5D0;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 460px;
	margin: 12px 0 0;
	padding: 10px;
}

.f-chooseArea .thum-movie-wrap .note-txt::after {
	content: "";
	position: absolute;
	top: -12px;
	right: 15px;
	border-right: 8px solid transparent;
	border-bottom: 12px solid #FFA5D0;
	border-left: 8px solid transparent;
}

.f-chooseArea .fixed-movie-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
}

.f-chooseArea .fixed-movie-wrap.is-active {
	display: block;
}

.f-chooseArea .fixed-movie-wrap .movie-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 602px;
}

.f-chooseArea .fixed-movie-wrap .movie-wrap .movie {
	display: block;
	border: 4px solid #7b7b7b;
	width: 602px;
	height: 648px;
	margin: 0 auto;
}

.f-chooseArea .fixed-movie-wrap .movie-wrap .note-txt {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #F4FF8A;
	width: 602px;
	margin: 20px auto 0;
}

.f-chooseArea .howtoMovie-cnt {
	position: relative;
	border-radius: 20px;
	background: #fff;
	width: 427px;
	padding: 25px 25px 29px;
}

.f-chooseArea .howtoMovie-cnt::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	transform: translateY(-50%);
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 24px solid #fff;
}

.f-chooseArea .howtoMovie-dl .ttl {
	position: relative;
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	color: #FF4A9E;
	padding: 0 0 17px;
}

.f-chooseArea .howtoMovie-dl .ttl::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #707070;
	width: 200px;
	height: 1px;
}

.f-chooseArea .howtoMovie-dl .txt {
	font-size: 18px;
	line-height: 32px;
	margin: 21px 0 0;
}

.f-chooseArea .howtoMovie-dl .txt + .txt {
	margin: 30px 0 0;
}

.f-chooseArea .howtoMovie-dl em {
	font-weight: bold;
}

.f-chooseArea .howtoMovie-dl .variation-a {
	color: #FFAE51;
}

.f-chooseArea .howtoMovie-dl .variation-b {
	color: #5BDFC4;
}

.f-chooseArea .howtoMovie-dl .variation-c {
	color: #65D0FF;
}

.f-chooseArea .howtoMovie-cnt .recruit-link {
	width: 100%;
	margin: 16px 0 0;
}

.f-chooseArea .howtoMovie-cnt .recruit-link a {
	display: block;
	position: relative;
	border-radius: 5px;
	background: #FF4A9E;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}

.f-chooseArea .howtoMovie-cnt .recruit-link span {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding: 0 22px 0 0;
}

.f-chooseArea .howtoMovie-cnt .recruit-link span::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #fff;
	width: 17px;
	height: 17px;
}

.f-chooseArea .howtoMovie-cnt .recruit-link span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #FF4A9E;
}

/*----------------------------------------

「求人バニラ」対策コンテンツ追加

----------------------------------------*/
.index .g-mainContents {
	padding: 0;
}

.index .workAway-bnr-area {
	z-index: 2;
}

.index .contents-wrap {
	width: 100%;
	margin: 0 0 43px;
}

/*----------------------------------------
バニラ求人でおなじみ！『高収入求人バニラ』について
----------------------------------------*/
.index .f-about {
	background: #FFF7F8;
	text-align: center;
	padding: 0 0 42px;
}

.index .f-about .about-ttl {
	background: #FFE2E5;
	font-size: 30px;
	color: #380808;
	font-weight: bold;
	text-align: center;
	padding: 55px 0;
}

.index .f-about p {
	font-size: 16px;
	line-height: 27px;
	color: #333;
	margin: 27px 0 0;
}

.index .f-about p em {
	color: #FF4073;
	font-weight: bold;
}

.index .f-about p span {
	color: #FF4073;
}

.index .f-about .logo-img {
	width: 380px;
	height: 150px;
	margin: 43px auto 0;
}

.index .f-about .logo-img img {
	width: 100%;
}

.index .f-about .purpose-txt {
	color: #0093FF;
	margin: 54px 0 0;
}

/*----------------------------------------
お仕事探しに便利なバニラ求人限定コンテンツ
----------------------------------------*/
.index .f-contents {
	background: #FFFAE2;
	padding: 0 0 42px;
}

.index .f-contents .contents-ttl {
	background: #FFF3BC;
	font-size: 30px;
	color: #380808;
	font-weight: bold;
	text-align: center;
	padding: 55px 0;
}

.index .f-contents .contents-txt {
	font-size: 18px;
	line-height: 31px;
	color: #333;
	text-align: center;
	margin: 40px 0 0;
}

.index .f-contents .contents-img a {
	display: block;
}

.index .f-contents .contents-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 948px;
	margin: 40px auto 0;
}

.index .f-contents .contents-item {
	width: 300px;
	padding: 0 0 30px;
}

.index .f-contents .contents-detail {
	margin: 29px 0 0;
}

.index .f-contents .detail-ttl {
	font-size: 17px;
	font-weight: bold;
}

.index .f-contents .contents-detail.staffMovie .detail-ttl {
	color: #FF4E00;
}

.index .f-contents .contents-detail.vanillaQa .detail-ttl {
	color: #E489FF;
}

.index .f-contents .contents-detail.barbieMovie .detail-ttl {
	color: #54A32A;
}

.index .f-contents .contents-detail.vaninterview .detail-ttl {
	color: #FF468D;
}

.index .f-contents .contents-detail.managerBlog .detail-ttl {
	color: #0054C7;
}

.index .f-contents .contents-detail.vaniko .detail-ttl {
	color: #641D1D;
}

.index .f-contents .detail-txt {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin: 15px 0 0;
}

/*----------------------------------------
バニラ求人はプロモーション活動も業界No.1！
----------------------------------------*/
.index .f-promotion {
	background: #FF5D95;
	text-align: center;
}

.index .f-promotion .promotion-ttl {
	background: #D33D71;
	font-size: 30px;
	color: #FFEE6F;
	font-weight: bold;
	text-align: center;
	padding: 55px 0;
}

/*----------------------------------------
バーニラバニラ♪思わず歌いたくなるキャッチーなテーマソング
----------------------------------------*/
.index .f-promotion .themeSong-ttl {
	display: inline-block;
	background: url(/assets/img/user/pc/index/img-popular.svg) top left / auto 100% no-repeat;
	font-size: 28px;
	line-height: 163px;
	color: #FFEE6F;
	font-weight: bold;
	margin: 24px 0 0;
	padding: 0 0 0 300px;
}

.index .f-promotion .themeSong-txt {
	font-size: 18px;
	line-height: 31px;
	color: #fff;
}

.index .f-promotion .movie-wrap {
	margin: 31px 0 0;
}

.index .f-promotion .themeSong-wrap {
	position: relative;
	border: 7px solid #5C2234;
	border-radius: 20px;
	background: #fff;
	box-shadow: 10px 10px 0px 0px #E2FF40;
	width: 668px;
	margin: 68px auto 0;
	padding: 58px 0 73px;
}

.index .f-promotion .themeSong-wrap+.themeSong-wrap {
	margin: 47px auto 0;
}

.index .f-promotion .themeSong-wrap .band-txt {
	position: absolute;
	top:  -21px;
	right: -56px;
}

.index .f-promotion .song-ttl {
	font-size: 20px;
	font-weight: bold;
}

.index .f-promotion .song-ttl.is-vanilla {
	color: #FF4887;
}

.index .f-promotion .song-ttl.is-mensVanilla {
	color: #0065AF;
}

.index .f-promotion .song-txt {
	font-size: 16px;
	line-height: 32px;
	color: #392727;
	margin: 32px 0 0;
}

.index .f-promotion .download-txt {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 58px 0 0;
}

.index .f-promotion .download-btn {
	width: 465px;
	margin: 22px auto 0;
}

.index .f-promotion .download-btn a {
	display: block;
	border-radius: 10px;
	background: #0093FF;
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	font-size: 20px;
	color: #fff;
	padding: 26px 0 20px;
}

.index .f-promotion .download-btn em {
	display: inline-block;
	background: url(/assets/img/user/pc/index/ico-download.svg) right 2px / 16px 18px no-repeat;
	font-weight: bold;
	line-height: 23px;
	padding: 0 33px 0 0;
}

.index .f-promotion .download-btn span {
	display: block;
	margin: 10px 0 0;
}

.index .f-promotion .more-txt {
	font-size: 18px;
	line-height: 31px;
	color: #fff;
	margin: 46px 0 0;
}

.index .f-promotion .more-txt em {
	display: block;
	font-size: 22px;
	margin: 0 0 5px;
}

.index .f-promotion .more-txt a {
	display: inline-block;
	line-height: 24px;
	color: #000;
	margin: 0 3px 0 0;
	padding: 0 3px;
	background: #FFF46F;
}

/*----------------------------------------
バニラ求人を元気にPR！バニラトラック＆バニラバス
----------------------------------------*/
.index .f-promotion .truckBus-ttl {
	display: inline-block;
	background: url(/assets/img/user/pc/index/img-known.svg) top left / auto 100% no-repeat;
	font-size: 28px;
	line-height: 163px;
	color: #FFEE6F;
	font-weight: bold;
	margin: 94px 0 0;
	padding: 0 0 0 267px;
}

.index .f-promotion .truckBus-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 988px;
	margin: 23px auto 0;
}

.index .f-promotion .truckBus-txt {
	font-size: 18px;
	line-height: 31px;
	color: #fff;
	margin: 71px 0 0;
}

.index .f-promotion .truckBus-txt + .truckBus-txt {
	margin: 31px 0 0;
}

.index .f-promotion .promotion-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	width: 1000px;
	margin: 146px auto 0;
}

.index .f-promotion .promotion-wrap + .promotion-wrap {
	margin: 96px auto 0;
}

.index .f-promotion .promotion-wrap::before {
	content: "";
	position: absolute;
	top: 210px;
	z-index: 1;
	border-top : 33px solid transparent;
	border-bottom : 33px solid transparent;
}

.index .f-promotion .promotion-img {
	width: 429px;
}

.index .f-promotion .promotion-popup {
	position: relative;
	z-index: 2;
	border: 7px solid #5C2234;
	border-radius: 20px;
	background: #fff;
	box-shadow: 10px 10px 0px 0px #E2FF40;
	width: 532px;
}

.index .f-promotion .promotion-popup::before {
	content: "";
	position: absolute;
	top: 195px;
	z-index: 4;
	border-top : 33px solid transparent;
	border-bottom : 33px solid transparent;
}

.index .f-promotion .promotion-popup::after {
	content: "";
	position: absolute;
	top: 186px;
	z-index: 3;
	border-top : 42px solid transparent;
	border-bottom : 42px solid transparent;
}

.index .f-promotion .promotion-wrap:nth-child(even)::before {
	left: 541px;
	border-left : 27px solid #E2FF40;
}

.index .f-promotion .promotion-wrap:nth-child(even) .promotion-popup {
	order: -1;
}

.index .f-promotion .promotion-wrap:nth-child(even) .promotion-popup::before {
	right: -27px;
	border-left : 27px solid #fff;
}

.index .f-promotion .promotion-wrap:nth-child(even) .promotion-popup::after {
	right: -36px;
	border-left : 36px solid #5C2234;
}

.index .f-promotion .promotion-wrap:nth-child(odd) .promotion-popup::before {
	left: -27px;
	border-right : 27px solid #fff;
}

.index .f-promotion .promotion-wrap:nth-child(odd) .promotion-popup::after {
	left: -36px;
	border-right : 36px solid #5C2234;
}

.index .f-promotion .promotion-popup .band-txt {
	position: absolute;
	top: -30px;
	background: #53FFFF;
	font-size: 18px;
	color: #380808;
	font-weight: bold;
	padding: 20px 47px;
}

.index .f-promotion .promotion-wrap:nth-child(even) .promotion-popup .band-txt {
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	left: 22px;
}

.index .f-promotion .promotion-wrap:nth-child(odd) .promotion-popup .band-txt {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	right: 62px;
}

.index .f-promotion .promotion-popup .band-txt span {
	display: block;
}

.index .f-promotion .promotion-wrap:nth-child(even) .promotion-popup .band-txt span {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

.index .f-promotion .promotion-wrap:nth-child(odd) .promotion-popup .band-txt span {
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.index .f-promotion .popup-ttl {
	font-size: 26px;
	line-height: 44px;
	color: #380808;
	font-weight: bold;
}

.index .f-promotion .popup-ttl span {
	display: block;
	font-size: 18px;
	line-height: 27px;
}

.index .f-promotion .popup-txt {
	font-size: 16px;
	line-height: 27px;
	color: #333;
	text-align: left;
}

.index .f-promotion .promotion-popup.is-goods {
	padding: 80px 30px 41px;
}

.index .f-promotion .promotion-popup.is-goods .popup-txt {
	margin: 30px 0 0;
}

.index .f-promotion .promotion-popup.is-stamp {
	padding: 80px 30px 41px;
}

.index .f-promotion .promotion-popup.is-stamp .popup-txt + .popup-txt{
	margin: 27px 0 0;
}

.index .f-promotion .promotion-popup.is-stamp .popup-txt {
	margin: 42px 0 0;
}

.index .f-promotion .promotion-popup.is-vaniko {
	padding: 110px 30px 41px;
}

.index .f-promotion .promotion-popup.is-vaniko .popup-txt {
	margin: 40px 0 0;
}

.index .f-promotion .promotion-popup.is-news {
	padding: 105px 30px 41px;
}

.index .f-promotion .promotion-popup.is-news .popup-txt {
	margin: 50px 0 0;
}

.index .f-promotion .popup-link {
	text-align: left;
	margin: 30px 0 0;
}

.index .f-promotion .popup-link a {
	font-size: 16px;
	line-height: 27px;
	font-weight: bold;
	color: #0093FF;
}

.index .f-promotion .promotion-txt {
	font-size: 26px;
	line-height: 44px;
	font-weight: bold;
	color: #fff;
	margin: 144px 0 0;
}

.index .f-promotion .link-wrap {
	position: relative;
	z-index: 1;
	background: #C1F1FF;
	padding: 90px 0 0;
}

.index .f-promotion .link-wrap::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: url(/assets/img/user/pc/index/bg-middle.svg) bottom left repeat-x;
	width: 100%;
	height: 76px;
}

.index .f-promotion .link-wrap::after {
	content: "";
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 1;
	background: url(/assets/img/user/pc/index/bg-bottom.svg) bottom left repeat-x;
	width: 100%;
	height: 76px;
}

.index .f-promotion .link-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 942px;
	margin: 0 auto;
	padding: 0;
}

.index .f-promotion .link-item {
	width: 150px;
}

.index .f-promotion .link-item a {
	display: block;
}

.index .f-promotion .link-item figure {
	margin: 0;
}

.index .f-promotion .link-item figcaption {
	font-size: 13px;
	line-height: 22px;
	color: #333;
	margin: 14px 0 0;
}

.index .f-promotion .link-txt {
	position: relative;
	z-index: 2;
	width: 100%;
	margin: 71px 0 0;
	padding: 0 0 123px;
}

.index .f-promotion .link-txt::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	background: url(/assets/img/user/pc/index/img-track.png) bottom left no-repeat;
	width: 145px;
	height: 73px;
	margin: 0 0 0 -72px;
}

.index .f-promotion .link-txt::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: url(/assets/img/user/pc/index/bg-top.svg) bottom left repeat-x;
	width: 100%;
	height: 70px;
}

/***********************
* 追従バナー
*/
.qa_areatop a img {
	margin: 0 0 10px;
}

.qa_areatop a img.page_top {
	margin: 0;
}

.fixed-bnr {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	transition: bottom 0.5s ease;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	padding: 0 0 10px;
}

.fixed-bnr.is-close {
	bottom: -122px;
}

.lp-bnr {
	transition: bottom 0.5s ease;
	border: 1px solid #787878;
	background: #a5a5a5;
	width: 100%;
	height: 30px;
}

.lp-bnr::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 50%;
	transition: all 0.5s ease;
	transform: rotate(45deg);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 12px;
	height: 12px;
	margin: 0 0 0 -3px;
}

.fixed-bnr.is-close .lp-bnr::after {
	top: 1rem;
	transform: rotate(-135deg);
}

.img-bnr {
	text-align: center;
	margin: 10px 0 0;
}

.img-bnr a {
	display: inline-block;
	border: 1px solid #787878;
}

.fixed-bnr .tainyu-bnr {
	position: absolute;
	top: -11.5rem;
	height: 11.5rem;
}

.g-footer {
	padding: 30px 0 43px;
}

.ofh {
	overflow: hidden;
}

.index .f-promotion .vanilabo-banner {
	text-align: center;
	margin: 123px 0 0;
    background: #ffffff;
    padding: 15px;
}

.f-chooseArea .new_shops {
	padding: 5px 0;
	margin-bottom: 8px;
	clear: both;
	overflow: hidden;
}

/***********************
* TOP画面新着店舗用
*/

.new_shops > h2 {
	color: #FF4887;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

.new_shops_area {
	height: 165px;
	width: 100%;
	overflow-y: scroll;
	border:1px solid;
}

.new_shops_tbl {
	border-collapse: separate;
	border-spacing: 10px 8px;
}

tr.new_shop td {
	padding: 8px 8px;
	border: none;
	font-size: 12px;
}

tr.new_shop td:nth-child(1) {
	width: 60px;
	color: #000000;
	text-align: center;
	padding: 8px 0;
}

tr.new_shop td:nth-child(2) {
	width: 76px;
	text-align: center;
	color: #FFFFFF;
}

tr.new_shop td:nth-child(2) > a {
	color: #FFFFFF;
	font-weight: bold;
}

tr.new_shop td:nth-child(3) {
	width: 266px;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.3;
	font-weight: bold;
}

tr.new_shop td:nth-child(3) > a {
	color: #FFFFFF;
}

tr.new_shop td:nth-child(4) > a {
	color: #000000;
}

tr.new_shop td:last-child {
	padding: 8px 0;
}

.backcolor1000 {
	background-color: #38dcff;
}

.backcolor2000 {
	background-color: #61c770;

}

.backcolor3000 {
	background-color: #f39b4e;
}

.backcolor4000 {
	background-color: #eb6464;
}

.backcolor5000 {
	background-color: #ff8ec9;
}

.backcolor6000 {
	background-color: #5395db;
}

.backcolor7000 {
	background-color: #c390f4;
}

.backcolor8000 {
	background-color: #f5c74c;
}

/***********************
* 駅ちか連携特別一覧バナー
*/
.ekichika_ichioshi_banner {
	text-align: center;
	margin-bottom: 12px;
	margin-top: 8px;
}

/***********************
* 出稼ぎバナー
*/
.dekasegi_banner {
	text-align: center;
	margin-bottom: 12px;
	margin-top: 8px;
}

/***********************
* バナースライダー
*/
.bannerbox{
	position: relative;
	background: url(/assets/img/user/pc/index/bg_bannerbox.png) 7px 2px repeat #fff3f9;
	border: 2px solid #fee1ef;
	padding: 21px 0 20px;
	margin: 23px 0 16px;
}

.bannerbox_check {
	position: absolute;
	top: -12px;
	left: -2px;
}

.bannerbox .bannerbox_swiper_wrap {
	position: relative;
}

.bannerbox .bannerbox_swiper{
	margin: 0 auto;
	width: 800px;
	height: 115px;
	overflow: hidden;
}

.bannerbox .bannerbox_swiper-button-prev,
.bannerbox .bannerbox_swiper-button-next{
	cursor: pointer;
	position: absolute;
	top: 34px;
	width: 48px;
	height: 48px;
	background: url(/assets/img/user/pc/index/btn-swiper_navigation.png) 0 0 no-repeat;
}

.bannerbox .bannerbox_swiper-button-prev{
	left: 44px;
}

.bannerbox .bannerbox_swiper-button-next{
	right: 44px;
	background-image: url(/assets/img/user/pc/index/btn-swiper_navigation.png);
	transform: rotate(180deg);
}

/***********************
* バニラからのお知らせ
*/
.f-vanillaNews {
	background: #FFE9F3;
	width: 100%;
	margin: 20px 0 0;
	padding: 0 0 20px;
}

.f-vanillaNews .vanillaNews-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #FFAAD1;
	width: 100%;
}

.f-vanillaNews .vanillaNews-ttl {
	background: url(/assets/img/user/pc/index/icon-news-heart.svg) left center / auto 30px no-repeat;
	padding: 0 0 0 38px;
}

.f-vanillaNews .vanillaNews-link .link {
	display: block;
	background: url(/assets/img/user/pc/index/icon-news-arrow.svg) right 11px center / 8px auto no-repeat #FE66AC;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 170px;
}

.f-vanillaNews .vanillaNews-list {
	border-radius: 10px;
	background: #fff;
	margin: 20px 30px 0;
	padding: 4px 14px 17px;
}

.f-vanillaNews .vanillaNews-item {
	margin: 14px 0 0;
}

.f-vanillaNews .vanillaNews-item .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	color: #707070;
	width: auto;
}

.f-vanillaNews .vanillaNews-item .em {
	overflow: hidden;
	border-bottom: 1px solid #707070;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 90px);
}

.f-vanillaNews .vanillaNews-item .time {
	border-bottom: 1px solid #707070;
	font-size: 12px;
	line-height: 17px;
	padding: 0 0 0 15px;
}

/***********************
* 年齢認証ポップアップ
*/
.ageauth_maskleyer {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	background-color: #FFFFFF;
	opacity: 0.7;
}

.ageauth_maskleyer + .auth_popupleyer {
	z-index: 31;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 604px;
	padding: 38px 47px 37px;
	border: 3px solid #FFA7D5;
	border-radius: 20px;
	background-color: #FFF;
}

.auth_popupleyer > .popupflame {
	text-align: center;
}

.auth_popupleyer .logo {
	width: 100%;
	padding-bottom: 24px;
}

.auth_popupleyer .logo img {
	width: 160px;
	height: 60px;
}

.auth_popupleyer .popupflame .message {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 15px;
}

.auth_popupleyer .popupflame .message .caution {
	padding-bottom: 26px;
}

.auth_popupleyer .popupflame .confirm_action {
	display: flex;
}

.auth_popupleyer .popupflame .confirm_action li {
	width: 250px;
	height: 50px;
	font-size: 17px;
	line-height: 50px;
	font-weight: bold;
	border: 2px solid #FF6BB8;
	border-radius: 5px;
	cursor: pointer;
	box-sizing: border-box;
}

.auth_popupleyer .popupflame .confirm_action .yes {
	background-color: #FF6BB8;
	color: #FFFFFF;
	margin-right: 10px;
}

.auth_popupleyer .popupflame .confirm_action .no > a {
	color: #FF6BB8;
	display: block;
	height: 100%;
}