@charset "utf-8";

/*------------------------------------------------------------------------------
関空クラブ - CSS Modules Import
URL: http://
Date: 2012-06-14
© Copyright 2012 kcc All Rights Reserved.
------------------------------------------------------------------------------*/


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

index.html

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

@media screen and (max-width:767px){
	h1 {
		margin: 0 -5.3vw;
	}
	h1 img {
		width: 100%;
	}
}


#guideNav {
	height: 139px;
	background: url(../img/guide/bg_mv_01.jpg) 0 0 no-repeat;
}
#guideNav ul {
	margin: 0 0 0 239px;
}
#guideNav li {
	width: 326px;
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (max-width:767px){
	#guideNav {
		margin: 0 -5.3vw;
		height: auto;
		background: url(../img/guide/bg_mv_01_sp.png) 0 0 no-repeat;
		background-size: 100%;
	}
	#guideNav ul {
		margin: 0 0 10vw;
		padding: 1vw 0 0;
	}
	#guideNav li {
		width: 78.6vw;
		text-align: center;
		margin: 0 auto 3.6vw;
	}
	#guideNav li:last-child {
		width: 77.4vw;
	}
	#guideNav li img {
		width: 100%;
	}
}


#guideLink {
	margin: 5px -10px 50px;
	width: 820px;
}
#guideLink li {
	float: left;
	width: 410px;
	padding: 0 10px;
}
#guideLink h3 {
	margin-bottom: 8px;
}
#guideLink p a {
	padding-left: 14px;
	background: url(../img/common/icon_arrow_01.png) 0 center no-repeat;
}
#guideLink .boxStyle01 {
	position: relative;
	padding: 17px 10px 17px 154px;
	min-height: 116px;
}
#guideLink .boxStyle01 img.absImg {
	position: absolute;
	top: 16px;
	left: 16px;
}
@media screen and (max-width:767px){
	#guideLink {
		margin: 5px 0 30px;
		width: 100%;
	}
	#guideLink li {
		float: none;
		width: 100%;
		margin-bottom: 3vw;
		padding: 0;
	}
	#guideLink h3 {
		margin-bottom: 8px;
		margin-left: -108px;
	}
	#guideLink p a {
		padding-left: 14px;
		background: url(../img/common/icon_arrow_01.png) 0 center no-repeat;
	}
	#guideLink .boxStyle01 {
		position: relative;
		padding: 14px 8px 14px 126px;
		min-height: 166px;
	}
	#guideLink .boxStyle01 img.absImg {
		position: absolute;
		top: 48px;
		left: 14px;
		width: 100px;
		height: 100px;
	}
}

/* mainNav */

ul#mainNav {
	position: relative;
	width: 819px;
	padding-bottom: 10px;
}
ul#mainNav li {
	display: inline;
	float: left;
	width: 185px;
	margin-right: 20px;
}
ul#mainNav li:last-child {
	margin-right: 0px;
}
@media screen and (max-width:767px){
	ul#mainNav {
		width: 100%;
		margin: 0 0 10px;
		display: flex;
		flex-wrap: wrap;
	}
	ul#mainNav li {
		display: block;
		float: none;
		width: calc((100% - 3vw) / 2);
		margin-right: 2.99vw;
		margin-bottom: 3vw;
	}
	ul#mainNav li:nth-child(even) {
		margin-right: 0;
	}
	ul#mainNav li img {
		width: 100%;
	}
}


.premiumImg {
	margin: 25px 0 10px 66px;
}

.pre01 {
	padding-top: 14px;
}


.centerImg {
	text-align: center;
}
#entryNav {

}
#entryNav ul {
	margin: 0 0 0 239px;
}
#entryNav li {
	width: 326px;
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (max-width:767px){
	.centerImg img {
		width: 100%;
		height: auto;
	}
	#entryNav ul {
		margin: 0;
	}
	#entryNav li {
		width: 78.6vw;
		margin: 0 auto 3.6vw;
	}
	#entryNav li img {
		width: 100%;
	}
}


@media screen and (max-width:767px){
	.pcNone h5 img {
		width: 100%;
	}
	.pcNone h6 {
		margin: 10px 0 0;
		font-size: 114.3%;
		font-weight: 700;
	}
	.pcNone h6 span {
		color: #D0071F;
	}
}


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

opacity rollover

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

ul#mainNav li a:hover img {
	opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */  
	filter: alpha(opacity=65); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */  
	-khtml-opacity: .65; /* Safari 1.x */  
	-moz-opacity: .65; /* FF lt 1.5, Netscape */
}



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

121127 add

---------------------------------------- */
.guideTbl01,
.guideTbl01 th,
.guideTbl01 td {
	border: none;
}

.guideTbl01 th {
	padding-right: 1em;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}


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

clearfix (基本的にクラス指定では使用しない)

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

/* Modern Browsers
------------------------------- */

ul#mainNav:after,
ul#guideLink:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

ul#mainNav,
ul#guideLink {
	*zoom: 1;
}