@charset "UTF-8";

body{
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size:1.0rem;
	line-height:1.75em;
	background-color:#fff;
	color:#000;
	box-sizing: border-box;
	padding-top:105px;
}

   @media only screen and (min-width: 720px) {
   body {
   padding-top: 110px;
   background-image: url(https://cdn1.cdn-fu-kakumei.com/907/images/enjuku.jpg);
   background-attachment:fixed;
   }
   }  

a{
	color:#f00;
	text-decoration: none;
}

a:hover{
	color:#f44;
	text-decoration: underline;
}

img{
	max-width: 100%;
	max-height: 100%;
}

/*//////////----- HEADER -----//////////*/

#header{
	width:100%;
	background-color:#000;
	color:#000;
	
	box-sizing: border-box;
	padding-bottom:5px;
	
	/*margin-bottom:20px;*/
	
	position: relative;
	
	position: absolute;
	top:0;
	left:0;
	
	z-index: 10;
}

#header:after{
	display:block;
	content:"";
	
	width:100%;
	height:5px;
	
	position: absolute;
	bottom:0;
	left:0;
	
	background:linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -webkit-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -moz-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -o-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -ms-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
}

#header h1{
	background-color:#980270;
	color:#fff;
	
	font-size:0.6rem;
	line-height:25px;
	
	box-sizing: border-box;
	border-bottom:solid 1px #fff;
}

#header h1 span.note{
	display:block;
	
	width:100%;
	margin:0 auto;
	max-width: 1080px;
	
	box-sizing: border-box;
	padding:0 5px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media only screen and (min-width: 720px){
	
	#header h1{
		border-bottom:none;
	}
	
}

/*//////////----- HEADER-HEADER-CONTENT -----//////////*/

.header-content{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 1080px;
	
	box-sizing: border-box;
	border-bottom:solid 1px #fff;
}

.header-content p.logo{
	width:40%;
}

.header-content p.logo a{
	display:block;
	
	box-sizing: border-box;
	padding:5px;
	
	text-align: left
}

.header-content p.logo img{
	max-width: 130px;
	max-height:60px;
	vertical-align: bottom;
}

.header-content ul.btn{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content:flex-end;
	
	width:60%;
	
	/*background-color:#000;*/
	
	box-sizing: border-box;
	padding-right:70px;
}

.header-content ul.btn li{
	width:70px;
	
	font-size:0.6rem;
	line-height:30px;
	
	text-align: center;
	
	position: relative;
}

.header-content ul.btn li a{
	display:block;
	
	background-color:#980270;
	color:#fff;
	
	box-sizing: border-box;
	padding:0 5px;
	padding-top:35px;
	padding-bottom:5px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	background-repeat: no-repeat;
	background-size:20px;
	background-position: top 15px center;
	
	transition: 0.25s;
}

.header-content ul.btn li.phone a{
	background-image: url("../images/icon-header-phone-white.webp");
}

.header-content ul.btn li.today a{
	background-image: url("../images/icon-header-cal-white.png");
}

.header-content ul.btn li a:hover{
	text-decoration: none;
	
	background-color:#f8f8f8;
	color:#980270;
}

.header-content ul.btn li.phone a:hover{
	background-image: url("../images/icon-header-phone-color.webp");
}

.header-content ul.btn li.today a:hover{
	background-image: url("../images/icon-header-cal-color.png");
}

.header-content ul.btn li a:after{
	display:block;
	content:"";
	
	position: absolute;
	
	top:0;
	right:0;
	
	width:1px;
	height:100%;
	
	background-color:#fff;
}

@media only screen and (min-width: 480px){
	
	.header-content p.logo a{
		padding:10px;
	}
	
	.header-content p.logo img{
		max-width: 180px;
	}
	
}

@media only screen and (min-width: 720px){
	
	.header-content{
		border-bottom:none;
	}
	
	.header-content p.logo{
		width:160px;
	}
	
	.header-content p.logo img{
		max-width: 140px;
	}
	
	.header-content ul.btn{
		display:none;
	}
	
}

@media only screen and (min-width: 800px){
	
	.header-content p.logo{
		width:240px;
	}
	
	.header-content p.logo img{
		max-width: 200px;
	}
	
}

/*//////////----- HEADER-HEADER-CONTENT-HEADER-NAVIGATION -----//////////*/

.header-content nav.header-navigation{
	display:none;
	
	width:calc(100% - 160px);
}

.header-content nav.header-navigation ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-end;
	
	width:100%;
}

.header-content nav.header-navigation ul li{
	width:80px;
	
	font-size:0.7rem;
	line-height:20px;
	font-weight:bold;
	
	text-align: center;
	
	position: relative;
}

.header-content nav.header-navigation ul li a{
	display:block;
	
	box-sizing: border-box;
	padding:22.5px 5px 22.5px;
	
	color:#980270;
	
	transition:0.25s;
}

.header-content nav.header-navigation ul li a:hover{
	opacity: 0.6;
	text-decoration: none;
}

.header-content nav.header-navigation ul li:first-child a:before{
	display:block;
	content:"";
	
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	
	margin:auto 0;
	
	width:1px;
	height:60%;
	
	background-color:#fff;
}

.header-content nav.header-navigation ul li a:after{
	display:block;
	content:"";
	
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	
	margin:auto 0;
	
	width:1px;
	height:60%;
	
	background-color:#fff;
}

.header-content nav.header-navigation ul li:last-child a:after{
	display:none;
}

.header-content nav.header-navigation ul li span.note{
	display:block;
	
	font-size:0.6rem;
	line-height:15px;
	font-weight:normal;
	
	color:#fff;
}

@media only screen and (min-width: 720px){
	
	.header-content nav.header-navigation{
		display:block;
	}
	
}

@media only screen and (min-width: 800px){
	
	.header-content nav.header-navigation{
		width:calc(100% - 240px);
	}
	
}

@media only screen and (min-width: 940px){
	
	.header-content nav.header-navigation ul li{
		width:100px;
	}
	
}

@media only screen and (min-width: 1080px){
	
	.header-content nav.header-navigation ul li:last-child a:after{
		display:block;
	}
	
}

/*//////////----- FOOTER -----//////////*/

#footer{
	width:100%;
	
	background-color:#000;
	color:#000;
	
	box-sizing: border-box;
	padding-top:5px;
	padding-bottom:115px;
	
	/*margin-top:20px;*/
	
	position: relative;
}

@media only screen and (min-width: 720px){
	
	#footer{
		padding-bottom:0;
	}
	
}

#footer:after{
	display:block;
	content:"";
	
	width:100%;
	height:5px;
	
	position: absolute;
	top:0;
	left:0;
	
	background:linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -webkit-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -moz-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -o-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
	background: -ms-linear-gradient(left, #980270 0%, #980270 25%, #1b161c 50%, #980270 75%, #980270 100%);
}

#footer address{
	font-size:0.6rem;
	line-height:30px;
	
	text-align: center;
	
	background-color:#f0f0f0;
	color:#000;
}

/*//////////----- FOOTER-FOOTER-CONTENT -----//////////*/

.footer-content{
	width:100%;
	margin:0 auto;
	max-width: 840px;
	
	box-sizing: border-box;
	padding:15px;
}

.footer-content p.logo{
	text-align: center;
	margin-bottom:10px;
}

.footer-content p.logo a{
	display:block;
	width:180px;
	margin:0 auto;
	
	transition: 0.25s;
}

.footer-content p.logo img{
	width:100%;
	vertical-align: bottom;
}

.footer-content p.img-contact{
	text-align: center;
	/*margin-bottom:10px;*/
}

.footer-content p.img-contact img{
	width:240px;
	vertical-align: bottom;
}

.footer-content p.img-contact a{
	display:block;
}

.footer-content p.img-contact a:hover{
	opacity: 0.5;
}

/*//////////----- FOOTER-FOOTER-CONTENT-FOOTER-NAVIGATION -----//////////*/

.footer-content nav.footer-navigation{
	display:none;
	
	margin-top:10px;
	margin-bottom:5px;
}

.footer-content nav.footer-navigation ul{
	font-size:0;
	line-height:1.0em;
	
	text-align: center;
}

.footer-content nav.footer-navigation ul li{
	display:inline-block;
	
	font-size:0.6rem;
	line-height:22.5px;
	
	box-sizing: border-box;
	padding:0 5px;
	
	position: relative;
}

.footer-content nav.footer-navigation ul li:after{
	display:block;
	content:"-";
	position: absolute;
	top:0;
	bottom:0;
	right:-2.5px;
	margin:auto 0;
	color: #fff;
}

.footer-content nav.footer-navigation ul li:last-child:after{
	display:none;
}

.footer-content nav.footer-navigation ul li a{
	display:inline-block;
	color:#fff;
}

.footer-content nav.footer-navigation ul li a:hover{
	text-decoration: underline;
}

@media only screen and (min-width: 720px){
	
	.footer-content nav.footer-navigation{
		display:block;
	}
	
}

/*//////////----- FOOTER-BANNER -----//////////*/

#footer-banner{
	width:100%;
	
	background-color:#fff;
	color:#000;
}

#footer-banner div.wrap{
	width:100%;
	margin:0 auto;
	max-width: 840px;
	
	box-sizing: border-box;
	padding:10px;
}

#footer-banner ul.banner{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
}

#footer-banner ul.banner li{
	width:100%;
	margin-bottom:10px;
}

#footer-banner ul.banner li:last-child{
	margin-bottom:0;
}

#footer-banner ul.banner li a{
	display:block;
	
	transition: 0.25s;
}

#footer-banner ul.banner li a:hover{
	opacity: 0.6;
	text-decoration: none;
}

#footer-banner ul.banner li img{
	width:100%;
	vertical-align: bottom;
}

@media only screen and (min-width: 720px){
	
	#footer-banner ul.banner li{
		width:50%;
		
		box-sizing: border-box;
		padding:5px;
		
		margin-bottom:0;
	}
	
}

/*//////////----- PAGETOP -----//////////*/

#pagetop{
	position: fixed;
	bottom:125px;
	right:10px;
	
	z-index: 20;
}

#pagetop p.btn{
	width:70px;
	height:70px;
	
	font-size:0.6rem;
	line-height:30px;
	
	text-align: center;
}

#pagetop p.btn a{
	display:block;
	
	box-sizing: border-box;
	padding-top:35px;
	padding-bottom:5px;
	
	background-color:#980270;
	color:#fff;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	background-image: url("../images/icon-pagetop-white.webp");
	background-repeat: no-repeat;
	background-size:20px;
	background-position: top 15px center;
	
	transition: 0.25s;
}

#pagetop p.btn a:hover{
	text-decoration: none;
	
	background-color:#f8f8f8;
	color:#980270;
	
	background-image: url("../images/icon-pagetop-color.webp");
}

@media only screen and (min-width: 720px){
	
	#pagetop{
		bottom:20px;
		right:20px;
	}
	
}

/*//////////----- BT-MENU -----//////////*/

#bt-menu{
	width:100%;
	
	position: fixed;
	bottom:0;
	left:0;
	
	z-index: 20;
}

@media only screen and (min-width: 720px){
	
	#bt-menu{
		display:none!important;
	}
	
}

/*//////////----- BT-MENU-BT-CONTENT -----//////////*/

.bt-content p.contact{
	font-size:1.0rem;
	line-height:40px;
	font-weight:bold;
	
	text-align: center;
	
	background-color:#f36;
	color:#fff;
}

.bt-content p.contact span.note{
	display:inline-block;
	
	font-size:0.8rem;
	line-height:40px;
	font-weight:normal;
	
	box-sizing: border-box;
	padding:0 2.5px;
}

.bt-content p.contact a{
	color:#fff;
	
	display:inline-block;
}

.bt-content p.contact span.note:nth-child(2):before{
	display:inline-block;
	
	content:"-";
	
	box-sizing: border-box;
	padding:0 2.5px;
}

.bt-content p.contact span.note:nth-child(2):after{
	display:inline-block;
	
	content:"-";
	
	box-sizing: border-box;
	padding:0 2.5px;
}

/*//////////----- BT-MENU-BT-CONTENT-BT-NAVIGATION -----//////////*/

.bt-content nav.bt-navigation{
	width:100%;
	
	background-color:#980270;
	color:#fff;
	
	box-sizing: border-box;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}

.bt-content nav.bt-navigation ul{
	display:flex;
	flex-flow: row wrap;
	align-content: stretch;
	justify-content: center;
	
	width:100%;
}

.bt-content nav.bt-navigation ul li{
	width:70px;
	
	font-size:0.6rem;
	line-height:30px;
	
	text-align: center;
	
	position: relative;
}

.bt-content nav.bt-navigation ul li a{
	display:block;
	
	background-color:#980270;
	color:#fff;
	
	box-sizing: border-box;
	padding:0 5px;
	padding-top:35px;
	padding-bottom:5px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	background-repeat: no-repeat;
	background-size:20px;
	background-position: top 15px center;
	
	transition: 0.25s;
}

.bt-content nav.bt-navigation ul li:nth-child(1) a{
	background-image: url("../images/icon-bt-menu-home-white.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(2) a{
	background-image: url("../images/icon-bt-menu-cal-white.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(3) a{
	background-image: url("../images/icon-bt-menu-cast-white.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(4) a{
	background-image: url("../images/icon-bt-menu-system-white.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(5) a{
	background-image: url("../images/icon-bt-menu-reserve-white.webp");
}

.bt-content nav.bt-navigation ul li a:hover{
	text-decoration: none;
	
	background-color:#f8f8f8;
	color:#980270;
}

.bt-content nav.bt-navigation ul li:nth-child(1) a:hover{
	background-image: url("../images/icon-bt-menu-home-color.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(2) a:hover{
	background-image: url("../images/icon-bt-menu-cal-color.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(3) a:hover{
	background-image: url("../images/icon-bt-menu-cast-color.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(4) a:hover{
	background-image: url("../images/icon-bt-menu-system-color.webp");
}

.bt-content nav.bt-navigation ul li:nth-child(5) a:hover{
	background-image: url("../images/icon-bt-menu-reserve-color.webp");
}

.bt-content nav.bt-navigation ul li:first-child a:before{
	display:block;
	content:"";
	
	position: absolute;
	
	top:0;
	left:0;
	
	width:1px;
	height:100%;
	
	background-color:#fff;
}

.bt-content nav.bt-navigation ul li a:after{
	display:block;
	content:"";
	
	position: absolute;
	
	top:0;
	right:0;
	
	width:1px;
	height:100%;
	
	background-color:#fff;
}

/*//////////----- DRAWER -----//////////*/

#drawer-menu{
	position: fixed;
	top:0;
	right:-240px;
	
	width:240px;
	height:100%;
	
	z-index: 20;
}

@media only screen and (min-width: 720px){
	
	#drawer-menu{
		display:none;
	}
	
}

#drawer-menu input[type="checkbox"]{
	display:none;
}

#drawer-menu label{
	display:block;
	width:70px;
	height:70px;
	background-color:#980270;
	color:#fff;
	box-sizing: border-box;
	padding:0 5px;
	padding-top:35px;
	padding-bottom:5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-image: url("../images/icon-drawer-trigger-menu-white.webp");
	background-repeat: no-repeat;
	background-size:20px;
	background-position: top 15px center;
	transition: 0.25s;
	position: absolute;
	top: 31px;
	left:-70px;
}

#drawer-menu label:hover{
	cursor: pointer;
	
	background-color:#f8f8f8;
	color:#980270;
	
	background-image: url("../images/icon-drawer-trigger-menu-color.webp");
}

#drawer-menu label:before{
	display:block;
	content:"MENU";
	
	font-size:0.6rem;
	line-height:30px;
	
	text-align: center;
}

#drawer-menu div.filter-cover{
	width:100%;
	height:100%;
	
	background-color:rgba(0,0,0,0.60);
	
	position: fixed;
	top:0;
	left:0;
	
	z-index: -10;
	
	visibility: hidden;
}

#drawer-menu input[type="checkbox"]:checked ~ label{
	left:-310px;
	
	background-image: url("../images/icon-drawer-trigger-close-white.webp");
}

#drawer-menu input[type="checkbox"]:checked ~ label:hover{
	background-image: url("../images/icon-drawer-trigger-close-color.webp");
}

#drawer-menu input[type="checkbox"]:checked ~ label:before{
	content:"CLOSE";
}

#drawer-menu input[type="checkbox"]:checked ~ div.filter-cover{
	visibility: visible;
}

#drawer-menu input[type="checkbox"]:checked ~ nav{
	left:-240px;
}

/*//////////----- DRAWER-DRAWER-NAVIGATION -----//////////*/

.drawer-navigation{
	position: absolute;
	top:0;
	left:0;
	
	height:100%;
	overflow-y: scroll;
	
	transition: 0.25s;
}

.drawer-navigation ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center;
	
	width:240px;
	margin:0 auto;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#f0f0f0;
}

.drawer-navigation ul li{
	width:110px;
	
	font-size:0.8rem;
	line-height:20px;
	font-weight:bold;
	
	text-align: center;
	
	box-sizing: border-box;
	padding:5px;
	
	position: relative;
}

.drawer-navigation ul li a{
	display:block;
	
	background-color:#fff;
	color:#980270;
	
	box-sizing: border-box;
	padding:0 5px;
	padding-top:53px;
	padding-bottom:10px;
	
	border:solid 1px #980270;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	background-repeat: no-repeat;
	background-size:20px;
	background-position: top 23.5px center;
	
	transition: 0.25s;
}

.drawer-navigation ul li:nth-child(1) a{
	background-image: url("../images/icon-drawer-nav-home-color.webp");
}

.drawer-navigation ul li:nth-child(2) a{
	background-image: url("../images/icon-drawer-nav-schedule-color.webp");
}

.drawer-navigation ul li:nth-child(3) a{
	background-image: url("../images/icon-drawer-nav-cast-color.webp");
}

.drawer-navigation ul li:nth-child(4) a{
	background-image: url("../images/icon-drawer-nav-newface-color.webp");
}

.drawer-navigation ul li:nth-child(5) a{
	background-image: url("../images/icon-drawer-nav-event-color.webp");
}

.drawer-navigation ul li:nth-child(6) a{
	background-image: url("../images/icon-drawer-nav-news-color.webp");
}

.drawer-navigation ul li:nth-child(7) a{
	background-image: url("../images/icon-drawer-nav-ranking-color.webp");
}

.drawer-navigation ul li:nth-child(8) a{
	background-image: url("../images/icon-drawer-nav-diary-color.webp");
}

.drawer-navigation ul li:nth-child(9) a{
	background-image: url("../images/icon-drawer-nav-movie-color.webp");
}

.drawer-navigation ul li:nth-child(10) a{
	background-image: url("../images/icon-drawer-nav-gravure-color.webp");
}

.drawer-navigation ul li:nth-child(11) a{
	background-image: url("../images/icon-drawer-nav-reserve-color.webp");
}

.drawer-navigation ul li:nth-child(12) a{
	background-image: url("../images/icon-drawer-nav-costume-color.webp");
}

.drawer-navigation ul li:nth-child(13) a{
	background-image: url("../images/icon-drawer-nav-support-color.webp");
}

.drawer-navigation ul li:nth-child(14) a{
	background-image: url("../images/icon-drawer-nav-recruit-color.webp");
}

.drawer-navigation ul li:nth-child(15) a{
	background-image: url("../images/icon-drawer-nav-notice-color.webp");
}

.drawer-navigation ul li:nth-child(16) a{
	background-image: url("../images/icon-drawer-nav-faq-color.webp");
}

.drawer-navigation ul li:nth-child(17) a{
	background-image: url("../images/icon-drawer-nav-hotel-color.webp");
}

.drawer-navigation ul li:nth-child(18) a{
	background-image: url("../images/icon-drawer-nav-review-color.webp");
}

.drawer-navigation ul li:nth-child(19) a{
	background-image: url("../images/icon-drawer-nav-access-color.webp");
}

.drawer-navigation ul li:nth-child(20) a{
	background-image: url("../images/icon-drawer-nav-member-color.webp");
}

.drawer-navigation ul li a:hover{
	text-decoration: none;
	
	background-color:#980270;
	color:#fff;
}

.drawer-navigation ul li:nth-child(1) a:hover{
	background-image: url("../images/icon-drawer-nav-home-white.webp");
}

.drawer-navigation ul li:nth-child(2) a:hover{
	background-image: url("../images/icon-drawer-nav-schedule-white.webp");
}

.drawer-navigation ul li:nth-child(3) a:hover{
	background-image: url("../images/icon-drawer-nav-cast-white.webp");
}

.drawer-navigation ul li:nth-child(4) a:hover{
	background-image: url("../images/icon-drawer-nav-newface-white.webp");
}

.drawer-navigation ul li:nth-child(5) a:hover{
	background-image: url("../images/icon-drawer-nav-event-white.webp");
}

.drawer-navigation ul li:nth-child(6) a:hover{
	background-image: url("../images/icon-drawer-nav-news-white.webp");
}

.drawer-navigation ul li:nth-child(7) a:hover{
	background-image: url("../images/icon-drawer-nav-ranking-white.webp");
}

.drawer-navigation ul li:nth-child(8) a:hover{
	background-image: url("../images/icon-drawer-nav-diary-white.webp");
}

.drawer-navigation ul li:nth-child(9) a:hover{
	background-image: url("../images/icon-drawer-nav-movie-white.webp");
}

.drawer-navigation ul li:nth-child(10) a:hover{
	background-image: url("../images/icon-drawer-nav-gravure-white.webp");
}

.drawer-navigation ul li:nth-child(11) a:hover{
	background-image: url("../images/icon-drawer-nav-reserve-white.webp");
}

.drawer-navigation ul li:nth-child(12) a:hover{
	background-image: url("../images/icon-drawer-nav-costume-white.webp");
}

.drawer-navigation ul li:nth-child(13) a:hover{
	background-image: url("../images/icon-drawer-nav-support-white.webp");
}

.drawer-navigation ul li:nth-child(14) a:hover{
	background-image: url("../images/icon-drawer-nav-recruit-white.webp");
}

.drawer-navigation ul li:nth-child(15) a:hover{
	background-image: url("../images/icon-drawer-nav-notice-white.webp");
}

.drawer-navigation ul li:nth-child(16) a:hover{
	background-image: url("../images/icon-drawer-nav-faq-white.webp");
}

.drawer-navigation ul li:nth-child(17) a:hover{
	background-image: url("../images/icon-drawer-nav-hotel-white.webp");
}

.drawer-navigation ul li:nth-child(18) a:hover{
	background-image: url("../images/icon-drawer-nav-review-white.webp");
}

.drawer-navigation ul li:nth-child(19) a:hover{
	background-image: url("../images/icon-drawer-nav-access-white.webp");
}

.drawer-navigation ul li:nth-child(20) a:hover{
	background-image: url("../images/icon-drawer-nav-member-white.webp");
}

.drawer-navigation ul li span.note{
	display:block;
	
	font-size:0.6rem;
	line-height:15px;
	font-weight:normal;
	
	color:#000;
}

.drawer-navigation ul li a:hover span.note{
	color:#fff;
}