@charset "utf-8";
/* CSS Document */

#wrapper { min-width: 950px; }

@media (max-width: 1024px) {
	html { overflow-x: auto; }
}

#wrap-container {
	padding-bottom: 0;
}

#feature-block {
	min-width:950px;
	width: 100%;
	margin-bottom: 30px;
	background: url(/amc/cpn/okinawa/image/content_img_001.jpg) center top no-repeat;
}

#feature-block #feature-block-inner {
	position: relative;
	margin: 0 auto;
	width: 950px;
	min-height: 1090px;
}
/* #feature-block #feature-block-inner {
	cursor:url("/amc/cpn/okinawa/image/cursor_01.png"),url("/amc/cpn/okinawa/image/cursor_01.cur"),auto;
}
#feature-block #feature-block-inner a:hover {
	cursor:url("/amc/cpn/okinawa/image/cursor_01_on.png"),url("/amc/cpn/okinawa/image/cursor_01_on.cur"),auto;
} */

#feature-block h1 {
	padding: 46px 0 0;
}
#feature-block .sub-ttl {
	margin: 0 0 0 30px;
}
#feature-block .sub-txt {
	margin: 0 0 0 30px;
	font-size: 13px;
	font-size: 1.3rem;
	text-indent: -1em;
	padding-left: 1rem;
	position:relative;
	z-index: 1;
}
#feature-block #feature-block-inner .sub-txt { cursor: auto; }
#feature-block #feature-block-inner .sub-txt a:hover {
	cursor: pointer;
}
#feature-block .sub-txt a { color: #fff; }

#feature-block ul.btn-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#feature-block ul.btn-block > li {
	position: absolute;
}

#feature-block ul.btn-block > li#golf {
	right: 176px;
	top: 238px;
}
#feature-block ul.btn-block > li#resort {
	right: 93px;
	top: 517px;
}
#feature-block ul.btn-block > li#leisure {
	left: 297px;
	top: 318px;
}
#feature-block ul.btn-block > li#shopping {
	left: 173px;
	top: 533px;
	/*bottom: 393px;*/
}
#feature-block ul.btn-block > li#food {
	right: 264px;
	top: 720px;
	/*bottom: 159px;*/
}
#feature-block ul.btn-block > li#drive {
	left: 46px;
	top: 795px;
	/*bottom: 133px;*/
}
#feature-block ul.btn-block > li#money {
	left: 323px;
	top: 909px;
	/*bottom: 20px;*/
}
#sp_feature-block{
	display: none;
}



.cd-single-point {
	position: absolute;
}
.cd-single-point > a {
	position: relative;
	z-index: 2;
	outline: none;
}


.cd-single-point.is-open:after {
	/* remove pulse effect */
	display: none;
}
.cd-single-point.is-open .cd-more-info {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}

.cd-single-point.visited::after {
	/* pulse effect no more active on visited elements */
	display: none;
}


.cd-single-point .cd-more-info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 413px;
	height: auto;
	overflow-y: none;
	-webkit-overflow-scrolling: touch;
	text-align: left;
	line-height: 1.4;
	background-color: rgba(255, 255, 255, 0.95);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
	border-radius: .25em;
	box-shadow: 0 0 20px rgba(61, 56, 90, 0.3);
}


.cd-single-point .cd-more-info:before {
	/* triangle next to the interest point description - hidden on mobile */
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	display: block;
	border: 8px solid transparent;
}

.cd-single-point .cd-more-info.cd-left,
.cd-single-point .cd-more-info.cd-right {
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-single-point .cd-more-info.cd-left:before,
.cd-single-point .cd-more-info.cd-right:before {
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-single-point .cd-more-info.cd-left {
	right: 160%;
	left: auto;
}
.cd-single-point .cd-more-info.cd-left:before {
	border-left-color: rgba(255, 255, 255, 0.95);
	left: 100%;
}
.cd-single-point .cd-more-info.cd-right {
	left: 160%;
}
.cd-single-point .cd-more-info.cd-right:before {
	border-right-color: rgba(255, 255, 255, 0.95);
	right: 100%;
}
.cd-single-point .cd-more-info.cd-top,
.cd-single-point .cd-more-info.cd-bottom {
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd-single-point .cd-more-info.cd-top:before,
.cd-single-point .cd-more-info.cd-bottom:before {
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd-single-point .cd-more-info.cd-top {
	bottom: 160%;
	top: auto;
}
.cd-single-point .cd-more-info.cd-top:before {
	border-top-color: rgba(255, 255, 255, 0.95);
	top: 100%;
}
.cd-single-point .cd-more-info.cd-bottom {
	top: 160%;
}

.cd-single-point .cd-more-info.cd-bottom:before {
	border-bottom-color: rgba(255, 255, 255, 0.95);
	bottom: 100%;
}



.cd-single-point .cd-more-info h2 {
	padding: 10px 30px;
	border-radius: 0.25em 0.25em 0 0;
}
.cd-single-point .cd-more-info dl {
	color: #3d385a;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px 30px 30px;
	border-radius: 0 0 0.25em 0.25em;
}
.cd-single-point .cd-more-info dl dt {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	display: inline-block;
	margin: 15px 0 10px;
	padding: 3px 5px;
	font-weight: bold;
}
.cd-single-point .cd-more-info dl dt:first-child { margin-top: 0; }

.cd-single-point .cd-more-info dl dd ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.cd-single-point .cd-more-info dl dd a {
	color: #fff;
	line-height: 1.7;
	text-decoration: none;
}

#feature-block #feature-block-inner .cd-single-point .cd-more-info {
	cursor: default;
}

#feature-block #feature-block-inner .cd-single-point .cd-more-info a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.cd-single-point .cd-close-info {
	position: absolute;
	right: 15px;
	top: 22px;
	width: 17px;
	height: 17px;
	background: url(/amc/cpn/okinawa/image/close_ic.png) left top no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/* golf */
.cd-single-point#golf .cd-more-info {
	width: 293px;
}
.cd-single-point#golf .cd-more-info.cd-bottom { left: 50%; top: 89%; }
.cd-single-point#golf .cd-more-info.cd-bottom::before {
	border-bottom-color: #5f9e2d;
}
.cd-single-point#golf .cd-more-info h2 {
	background-color: #6fa842;
}
.cd-single-point#golf .cd-more-info dl {
	background-color: #5f9e2d;
}
.cd-single-point#golf .cd-more-info dl dt {
	color: #5f9e2d;
}

/* resort */
.cd-single-point#resort .cd-more-info {
	width: 420px;
}
.cd-single-point#resort .cd-more-info.cd-left { right: 95%; top: 50%; }
.cd-single-point#resort .cd-more-info.cd-left::before {
	border-left-color: #a366bc;
}
.cd-single-point#resort .cd-more-info h2 {
	background-color: #ac76c3;
}
.cd-single-point#resort .cd-more-info dl {
	background-color: #a366bc;
}
.cd-single-point#resort .cd-more-info dl dt {
	color: #a366bc;
}

/* leisure */
.cd-single-point#leisure .cd-more-info {
	width: 406px;
}
.cd-single-point#leisure .cd-more-info.cd-right { left: 95%; top: 50%; }
.cd-single-point#leisure .cd-more-info.cd-right::before {
	border-right-color: #2b9aaa;
}
.cd-single-point#leisure .cd-more-info h2 {
	background-color: #41a4b3;
}
.cd-single-point#leisure .cd-more-info dl {
	background-color: #2b9aaa;
}
.cd-single-point#leisure .cd-more-info dl dt {
	color: #2b9aaa;
}

/* shopping */
.cd-single-point#shopping .cd-more-info {
	width: 451px;
}
.cd-single-point#shopping .cd-more-info.cd-right { left: 95%; top: 50%; }
.cd-single-point#shopping .cd-more-info.cd-right::before {
	border-right-color: #e55e71;
}
.cd-single-point#shopping .cd-more-info h2 {
	background-color: #e86e7f;
}
.cd-single-point#shopping .cd-more-info dl {
	background-color: #e55e71;
}
.cd-single-point#shopping .cd-more-info dl dt {
	color: #e55e71;
}

/* food */
.cd-single-point#food .cd-more-info {
	width: 322px;
}
.cd-single-point#food .cd-more-info.cd-left { right: 96%; top: 50%; }
.cd-single-point#food .cd-more-info.cd-left::before {
	border-left-color: #f36621;
}
.cd-single-point#food .cd-more-info h2 {
	background-color: #f47638;
}
.cd-single-point#food .cd-more-info dl {
	background-color: #f36621;
}
.cd-single-point#food .cd-more-info dl dt {
	color: #f36621;
}

/* drive */
.cd-single-point#drive .cd-more-info {
	width: 350px;
}
.cd-single-point#drive .cd-more-info.cd-right { left: 94%; top: 50%; }
.cd-single-point#drive .cd-more-info.cd-right::before {
	border-right-color: #2693d1;
}
.cd-single-point#drive .cd-more-info h2 {
	background-color: #3c9ed6;
}
.cd-single-point#drive .cd-more-info dl {
	background-color: #2693d1;
}
.cd-single-point#drive .cd-more-info dl dt {
	color: #2693d1;
}

/* money */
.cd-single-point#money .cd-more-info {
	width: 477px;
}
.cd-single-point#money .cd-more-info.cd-top { left: 50%; bottom: 95%; }
.cd-single-point#money .cd-more-info.cd-top::before {
	border-top-color: #9c6b02;
}
.cd-single-point#money .cd-more-info h2 {
	background-color: #a67a1c;
}
.cd-single-point#money .cd-more-info dl {
	background-color: #9c6b02;
}
.cd-single-point#money .cd-more-info dl dt {
	color: #9c6b02;
}


/*banner*/
.bnr-block {
	width: 100%;
}
.bnr-block ul {
	width: 950px;
	margin: 0 auto;
}

.bnr-block .title {
	width: 950px;
	margin: 0 auto;
}

.bnr-block .column1{
	display: block;
	margin-bottom: 40px;
}
.bnr-block .column2{
	padding-top: 10px;
	text-align: center;
}
.bnr-block .column2 li{
	display: inline-block;
	margin: 0 5px 10px 5px;
}
.bnr-block .column2.column2-align-left {
    text-align: left;
    padding-left: 1px;
}
.bnr-block .column2.column2-align-left li {
    margin-left: 6px;
}

@media screen and (max-width: 640px) {

#wrap-container,
#wrap-container #main img { width: 100%; }

#feature-block{
	display: none;
}

#sp_feature-block{
	display: block;
}

.contents-1col #contents .res-contents#main,
.contents-1col #contents .res-contents#mile-save {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.res-contents#mile-save {
  margin: 0!important;
}

.toggleBox {
  display: table;
  width: 100%;
  padding: 5px 4.375%;
}
.toggleBox span {
  display: table-cell;
}
.toggleBox span:first-child {
  width: 15.3125%;
}
.toggleBox span:last-child {
  vertical-align: middle;
  padding-left: 5.05%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: url(/amc/cpn/okinawa/image/arrow_down.png) right center no-repeat;
  background-size: 21px auto;
}
.toggleBox.active span:last-child {
  background-image: url(/amc/cpn/okinawa/image/arrow_up.png)
}

.toggleBoxTarget { display: none; }

.toggleBoxTarget dl {
  padding: 15px 4.375% 0;
}
.toggleBoxTarget dl dt {
  background-color: #fff;
  font-weight: bold;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  font-size: 1.4rem;
  padding: 3px 7px;
}

.toggleBoxTarget dl dd ul li {
  display: table;
  width: 100%;
}
.toggleBoxTarget dl dd ul li:not(:first-child) { border-top: 1px solid #fff;}
.toggleBoxTarget dl dd ul li a {
  color: #fff;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-indent: -1em;
  padding-left: 1em;
}


#shopping { background-color: #e55e71; }
#shopping h2 { background-color: #e86e7f; }
#shopping dl dt { color: #e55e71; }

#golf { background-color: #5f9e2d; }
#golf h2 { background-color: #6fa842; }
#golf dl dt { color: #5f9e2d; }

#food { background-color: #f28902; }
#food h2 { background-color: #f3951c; }
#food dl dt { color: #f28902; }

#resort { background-color: #a366bc; }
#resort h2 { background-color: #ac76c3; }
#resort dl dt { color: #a366bc; }

#drive { background-color: #2693d1; }
#drive h2 { background-color: #3c9ed6; }
#drive dl dt { color: #2693d1; }

#money { background-color: #9c6b02; }
#money h2 { background-color: #a67a1c; }
#money dl dt { color: #9c6b02; }

#leisure { background-color: #2b9aaa; }
#leisure h2 { background-color: #41a4b3; }
#leisure dl dt { color: #2b9aaa; }

.toggleBoxTarget .close { display: none; }

.res-bnr-block { margin-top: 20px; }
.res-bnr-block img { width: 100%; }


.alignC { text-align: center; }

.res-contents.txtbox{
	padding-top: 0;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 15px;
    margin-left: 7px;
    margin-right: 7px;
}

.res-indent-block li {
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 8px;
}
}