@charset "utf-8";

article{
	width:100%;
}

article main > section{
	max-width:inherit;
}

/*=================aside================*/

aside {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 450px;
	height: 100vh;
	padding: 40px 20px;
	background: url('https://img.undernavi.com/front/pc/covergirl/bg_index.jpg') top left / cover;
}
.door_wrap {
	display:flex;
}
.door_wrap aside {
	position: static;
	height:auto;
	background: url('https://img.undernavi.com/front/pc/covergirl/bg_index.jpg') no-repeat;
}
aside h1{
	text-align:center;
}

aside div.link{
	display:flex;
	align-items:center;
	justify-content:space-around;
	margin-top:15px;
}
.door-x a {
	display: flex;
	align-items: center;
}
aside div.link ul{
	display:flex;
}

aside div.link ul li:first-child:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:80%;
	width:1px;
	margin:0 10px;
	background:#333;
}

aside div.link ul li a{
	color:#333;
}


aside #description{
	margin:40px 0 10px;
}

aside #description h2{
	font-size:16px;
	font-weight:bold;
}

aside #coverVideo video{
	width:100%;
}

/*=================main================*/

main{
	position:relative;
	z-index:9;
	width:calc(100% - 450px);
	margin-left:auto;
	padding:0;
	background:#fff;
	box-shadow:-1px 0 3px #999;
}

main section h2{
	padding:7px 15px;
	background:repeating-linear-gradient(90deg, #b80033 0, #c80037 3px);
	border-top:1px solid #f10060;
	color:#fff;
	font-size:18px;
	font-weight:bold;
    text-shadow: 1px 1px 1px #000;
}

main section .contents{
	padding:20px 50px;
}

#areaSelect h2,#areaSearch h2{
	text-shadow:1px 1px 1px #000;
}

/*-------------エリア選択------------*/

#areaSelect .contents dl{
	display:flex;
	align-items:center;
	padding:10px 0;
	border-bottom:1px solid #999;
}

#areaSelect .contents dl a{
	text-decoration:underline;
	color:#333;
}

#areaSelect .contents dt{
	width:15%;
	margin-right:10px;
}

#areaSelect .contents dt a,#areaSelect .contents dt span{
	display:block;
	padding:10px 0;
	background:#eee;
	text-align:center;
}

#areaSelect .contents dt a:hover{
	background:#c90037;
	color:#fff;
}

#areaSelect .contents dd{
	width: 75%;
}

#areaSelect .contents dd ul{
	display:flex;
	flex-wrap:wrap;
}

#areaSelect .contents dd a{
	margin:0 10px;
}

#areaSelect .contents dd div{
	padding:5px 0;
	border-bottom:1px dashed #333;
}

#areaSelect .contents dd div:last-child{
	border-bottom:none;
}

#areaSelect .contents dd ul li:not(:last-child):after{
	content:"";
	display:inline-block;
	height:80%;
	width:1px;
	margin-bottom:-6%;
	background:#999;
}


/*-------------退出------------*/

#another #caution{
	display:flex;
	align-items:center;
	padding:5px 15px;
	background:#444;
	color:#999;
	font-size:12px;
}

#another #caution img{
	width:30px;
}

#another #caution a{
	margin:0 5px;
	color:#999;
	font-size:18px;
	text-decoration:underline;
}

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

#another .contents{
	display:flex;
	justify-content:space-between;
}

/*#another .contents .mainphoto{
	width:62%;
}
*/
#another .contents ul{
	width:35%;
}

#another .contents ul li {
	margin: 0 0 3px 0;
}

#another .bigimageInfo{
	margin-top:5px;
}

#another .bigimageInfo a{
	color:#00f;
	font-weight:bold;
	text-decoration:underline;
}

/*-------------PR------------*/

#pr .contents{
	padding:10px;
}

#pr .contents ul{
	display:flex;
	flex-wrap:wrap;
}

#pr .contents ul li{
	width:48%;
	margin:10px 2% 0 0;
	font-size:0;
}

#pr .contents ul li:nth-child(2n){
	margin-right:0;
}

#pr .contents ul li img{
	width:100%;
}

/*-------------Operator Information------------*/

#operator .contents{
	display:flex;
	flex-wrap:wrap;
	padding:10px;
}

#operator .contents.up{
	border-bottom:1px dashed #333;
}

#operator .contents .companyInfo{
	display:flex;
	flex-wrap:wrap;
	width:67%;
}

#operator .contents .companyInfo li{
	width:50%;
	margin-bottom:10px;
}

#operator .contents p.text{
	width:72%;
	margin-left:3%;
}

.prBnr{
	display:flex;
	flex-wrap:wrap;
}

.prBnr li{
	margin-right:5px;
}

.prBnr li.last{
	margin-right:0;
}

/*-------------Footer------------*/

footer{
	width:100%;
}

footer section{
	box-sizing:border-box;
	width:calc(100% - 450px);
	margin-left:auto;
	padding:10px 20px;
}

footer section#footAbout{
	background:#555;
	color:#ddd;
}

footer section#footAbout ul{
	display:flex;
	flex-wrap:wrap;
}

footer section#footAbout ul li{
	margin:5px 0;
}

footer section#footAbout ul li:not(:last-child):after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:70%;
	margin:0 10px;
	background:#ddd;
}

footer section#footAbout ul a{
	color:#ddd;
	text-decoration:underline;
}

footer section#footCaution{
	background:#444;
	color:#999;
}

footer section#copyright{
	background:#333;
	color:#fff;
	text-align:right;
}

aside .innerBnr {
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.coverGirlTxt {
	padding:0 50px 10px;
}
.xmas_btn_top {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.xmas_btn_top a {
	position: fixed;
	right: 10%;
	top: 0;
	width: 250px;
	z-index: 9;
}
.enquete_link {
    display: block;
    width: 190px;
    font-size: 0.65rem !important;
    margin-right: 0;
    color: #fff !important;
}
.enquete_link > img {
    width: 17px !important;
    margin-right: 1px;
}
/******************** UNDERNAVI-8091 みるく導線 コーディング ************************/
#areaSelect .contents dt.milk_bg {
	margin-right: 0;
}
#areaSelect .contents dt.milk_bg a {
	background: #ff6371;
	color: #fff;
}
#areaSelect .contents dd .milk_arealist a {
	padding:10px;;
}
#areaSelect .contents dd ul.milk_arealist {
	background: #ffe8e2;
	padding: 10px 0;
}

.unrecruit_bnr02.unrecruit_bnr03 {
	margin-bottom: 10px;
}
.random_block {
	margin-top: 5px;
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}