@charset "utf-8";

/* .content1Area */
.content1Area{
	max-width: 1100px;
}
.content1Area > input[type="radio"]{
	display: none;
}
.content1Area > .nav{
	position: relative;
	margin-bottom: 7%;
	font-size: 0;
	text-align: center;
}
.content1Area > .nav[data-waiting]:after{
	content: '';
	position: absolute;
	width: 101%;
	height: 101%;
	display: block;
	top: -1px;
	left: -1px;
	background-color: #FFF;
	opacity: 0.0;
}
.content1Area > .nav > li{
	display: inline-block;
	width: 16.666%;
}
.content1Area > .nav > li > input{
	display: none;
}
.content1Area > .nav > li > label{
	cursor: pointer;
	border-right:1px solid #E2E2E2;
	position: relative;
	display: block;

	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.content1Area > .nav > li:last-child > label{
	border-right:none;
}
.content1Area > .nav > li > label:hover{
	opacity: 0.7;
}
.content1Area > .nav > li > label > img{
	width: 100%;
	height: auto;
}
.content1Area > .nav > li > label > .img{
	position: relative;
	-webkit-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}
.content1Area > .nav > li > label > .ro{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}

.content1Area > .nav > li > input:checked ~ label > .img{
	opacity: 0;
}
.content1Area > .nav > li > input:checked ~ label > .ro{
	opacity: 1;
}
.content1Area > .content{
	position: relative;
}
.content1Area > .content[data-waiting]:after{
	content: '';
	position: absolute;
	width: 101%;
	height: 101%;
	display: block;
	top: -1px;
	left: -1px;
	background-color: rgba(0,0,0,0.02);
	background-image: url(../../../common/img/loading_black.gif);
	-webkit-background-size: 50px auto;
	background-size: 50px auto;
	background-position: center 20px;
	background-repeat: no-repeat;
}
.content1Area > .content > li{
	display: none;
}
.content1Area > .content > li > .qa{
	margin-bottom: 20px;
}
.content1Area > .content > li > .qa > dt,
.content1Area > .content > li > .qa > dd{
	padding: 12px 0 10px 57px;
	position: relative;
}
.content1Area > .content > li > .qa > dt:before,
.content1Area > .content > li > .qa > dd:before{
	content: '';
	position: absolute;
	left: 19px;
	top: 15px;
	width: 20px;
	height: 20px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.content1Area > .content > li > .qa > dt{
	background-color: #F8F8F7;
	font-size: 16px;
	font-size: 1.6rem;
	color: #58AAAE;
	font-weight: bold;
}
.content1Area > .content > li > .qa > dt:before{
	background-image: url(../../img/resort/qa/q.png);
}
.content1Area > .content > li > .qa > dd{
	font-size: 13px;
	font-size: 1.3rem;
	color: #828282;
}
.content1Area > .content > li > .qa > dd a {
	color:#58AAAE;
	font-weight: bold;
	text-decoration:underline;
}
.content1Area > .content > li > .qa > dd a:hover {
	text-decoration: none;
}
.content1Area > .content > li > .qa > dd:before{
	background-image: url(../../img/resort/qa/a.png);
}

@media screen and (max-width:1000px) and (min-width:641px) {
	.content1Area > .nav > li{
		width: 33.333%;
		margin-bottom: 5px;
	}
	.content1Area > .nav > li:nth-child(3n) > label{
		border-right:none;
	}
}

/* 共通部分 smart */
@media screen and (max-width:640px) {
	.content1Area > .nav > li{
		width: 49.999%;
		margin-bottom: 5px;
	}
	.content1Area > .nav > li:nth-child(even) > label{
		border-right:none;
	}
}