@charset "UTF-8";
.header-navItems li {
	float: left;
	padding: 0;
	list-style: none;
}

/* -------------------------------------------
	Sky Journy Styles
------------------------------------------- */
/* base
------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 18px;
	font-size: 1.125rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.8;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

b,
strong {
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

dt,
dd {
	margin: 0;
	padding: 0;
}

/* logo
------------------------------------------- */
.logo {
	margin: 0;
	padding: 0;
}

/* Header
------------------------------------------- */
.l-header {
	position: relative;
	width: 100%;
	margin-bottom: 3em;
	overflow: hidden;
	*zoom: 1;
}
.l-header .l-inner {
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}
@media (max-width: 1024px) {
	.l-header .l-inner {
		width: 90%;
	}
}

.header-logo {
	float: left;
	width: 364px;
	padding: 12px 0;
}

#slidemenu {
	display: none;
	position: absolute;
	right: 2%;
	top: 16px;
	width: 40px;
	height: 30px;
	background: transparent url("/common/images/ico_menu.png") no-repeat center center;
	text-indent: -10000em;
	-webkit-background-size: 60% 60%;
	background-size: 60% 60%;
}

@media (max-width: 1024px) {
	.header-logo {
		width: 280px;
		padding: 16px 0;
		line-height: 1;
	}
}

@media (max-width: 567px) {
	.header-logo {
		width: 230px;
		padding: 10px 0;
		line-height: 1;
	}

	#slidemenu {
		top: 8px;
	}
}

.header-navItems {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	*zoom: 1;
	border-right: 1px solid #fff;
}
.header-navItems li {
	border-left: 1px solid #fff;
}
.header-navItems a:link,
.header-navItems a:visited,
.header-navItems a:active,
.header-navItems a:hover {
	display: block;
	padding: 0 1em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
}
@media (max-width: 768px) {
	.header-navItems {
		float: none;
		border: none;
	}
	.header-navItems li {
		float: none;
	}
}

/* Footer
------------------------------------------- */
.l-footer {
	overflow: hidden;
	*zoom: 1;
}
.l-footer .l-inner {
	position: relative;
	width: 880px;
	margin: 0 auto;
}
@media (max-width: 1024px) {
	.l-footer .l-inner {
		width: 100%;
	}
}
.l-footer nav {
	display: inline;
}

.footer-logo {
	float: left;
	width: 250px;
	margin: 0;
	padding: 3px 0 0;
}

.footer-logo img {
	vertical-align: bottom;
}

@media (max-width: 1024px) {
	.footer-logo {
		float: none;
		width: 50%;
		margin: 14px 1.3em;
		padding: 0;
	}
}

@media (max-width: 780px) {
	.footer-logo {
		width: 80%;
	}
}

.footer-nav {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	*zoom: 1;
	font-size: 13px;
	font-size: 0.825rem;
	border-left: 1px solid #fff;
}
.footer-nav li {
	display: inline;
	padding: 0 1.3em;
	line-height: 1.2;
	border-right: 1px solid #fff;
}
.footer-nav a:link,
.footer-nav a:visited,
.footer-nav a:active {
	color: #fff;
	text-decoration: none;
}
.footer-nav a:hover {
	color: #fff;
	text-decoration: underline;
}
@media (max-width: 1024px) {
	.footer-nav {
		display: block;
		font-size: 13px;
		font-size: 0.8125rem;
		border-top: 1px solid #fff;
		border-left: none;
	}
	.footer-nav li {
		display: block;
		padding: 0;
		border-right: none;
		border-bottom: 1px solid #fff;
	}
	.footer-nav li a {
		display: block;
		padding: 10px 1.3em;
		text-decoration: none;
	}

	.footer-nav li a:hover {
		text-decoration: none;
	}
}

.copyright {
	display: inline;
	color: #fff;
	font-size: 13px;
	font-size: 0.825rem;
	padding-left: 20px;
}
@media (max-width: 1024px) {
	.copyright {
		display: block;
		text-align: center;
		padding: 10px;
	}
}

/* color Variations */
.top .l-header,
.news .l-header,
.top .l-footer,
.news .l-footer {
	background-color: #007f41;
}
.top .header-navItems a:hover,
.news .header-navItems a:hover {
	background-color: #00994e;
}

.gourmet .l-header,
.gourmet .l-footer {
	background-color: #86cc00;
}
.gourmet .header-navItems a:hover {
	background-color: #97e600;
}

.sightseeing .l-header,
.sightseeing .l-footer {
	background-color: #0ab4e5;
}
.sightseeing .header-navItems a:hover {
	background-color: #2cc9f6;
}

.event .l-header,
.event .l-footer {
	background-color: #f76389;
}
.event .header-navItems a:hover {
	background-color: #f985a3;
}

.shopping .l-header,
.shopping .l-footer {
	background-color: #ff9900;
}
.shopping .header-navItems a:hover {
	background-color: #ffad33;
}


.relaxation .l-header,
.relaxation .l-footer {
	background-color: #b84baf;
}
.relaxation .header-navItems a:hover {
	background-color: #df72d6;
}

/* Layout
------------------------------------------- */
.l-footerContents {
	float: right;
	line-height: 45px;
	page-break-inside: avoid;
}
@media (max-width: 1024px) {
	.l-footerContents {
		float: none;
		width: 100%;
		line-height: 1.2;
	}
}

.l-contents {
	width: 880px;
	margin: 0 auto;
}
@media (max-width: 1024px) {
	.l-contents {
		width: 90%;
	}
}

/* Modules
------------------------------------------- */
/* Title ---------------------------------- */
.heading {
	margin: 0 0 20px;
	padding: 0;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2;
	background: transparent url("../images/bg_title.png") repeat-x left center;
}
.heading span {
	display: inline-block;
	padding: 5px 10px  5px 0;
	background-color: #fff;
	*display: inline;
    *zoom: 1;
}

/* Link ----------------------------------- */
a:link,
a:visited,
a:active {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* Text ----------------------------------- */
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.em {
	color: #007f41;
	font-weight: bold;
}

.fl-left {
	float: left;
	margin-right: 10px;
}

.fl-right {
	float: right;
	margin-bottom: 10px;
}

@media (max-width: 768px)  {
	.fl-left,
	.fl-right {
		float: none;
		margin-bottom: 10px;
	}
}

.text {
	overflow: hidden;
}

.ana {
	color: #06f;
	font-weight: bold;
}

.jal {
	color: #c00;
	font-weight: bold;
}

.note {
	clear: both;
}

/* List ----------------------------------- */
.dl-list {
	overflow: hidden;
	*zoom: 1;
}
.dl-list > dt {
	clear: left;
	float: left;
	width: 200px;
	margin: 0 0 30px 0;
	padding: 0 0 0 24px;
	color: #007f41;
	font-weight: bold;
	background: transparent url("../images/blt_dt.png") no-repeat left center;
}
@media (max-width: 768px) {
	.dl-list > dt {
		float: none;
		width: auto;
		margin: 0 0 15px 0;
	}
}
.dl-list > dd {
	margin: 0 0 30px;
	padding: 0 0 0 224px;
}
@media (max-width: 768px) {
	.dl-list > dd {
		padding: 0;
	}
}

.dl-info {
	margin: 1.5em 0;
}

.dl-info > dt {
	position: relative;
	float: left;
	width: 6em;
}

.dl-info.justify > dt {
	width: 6.5em;
}

.dl-info.wide > dt {
	width: 7em;
	line-height: 1.2;
}

.dl-info.justify > dt span,
.dl-info.wide > dt span {
	position: absolute;
	right: 0;
	top: 0;
}

.dl-info > dd {
	margin-left: 6em;
}

.dl-info.justify > dd {
	margin-left: 6.5em;
}

.dl-info.wide > dd {
	margin-left: 8em;
}

/* Column --------------------------------- */
.section {
	clear: both;
	margin-bottom: 40px;
	overflow: hidden;
	*zoom: 1;
}

.grid {
	width: 104%;
	margin-left: -2%;
	margin-right: -2%;
	overflow: hidden;
}

.col2 {
	float: left;
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
}

/* SNS ------------------------------------ */
.sns {
	text-align: right;
	margin: 20px 0 35px;
	padding: 0;
}
@media (max-width: 768px) {
	.sns {
		text-align: center;
	}
}
.sns li {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	line-height: 1;
	vertical-align: bottom;
}
.sns .sns-tw {
	height: 20px;
	overflow: hidden;
}

/* clearfix ------------------------------- */
.l-inner:before,
.l-inner:after,
.info:before,
.info:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.l-inner:after,
.info:after,
.clearfix:after {
    clear: both;
}

.l-inner,
.info,
.clearfix {
    *zoom: 1;
}

/* main navi ------------------------------ */
.main-nav {
	width: 900px;
	margin: 0 -20px 0 0;
	padding: 0;
	overflow: hidden;
	*zoom: 1;
}
.main-nav li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
}
@media (max-width: 1024px) {
	.main-nav {
		width: 100%;
		margin: 0;
	}
	.main-nav li {
		width: 33%;
		margin: 0 0 10px;
	}
}

@media (max-width: 567px) {
	.main-nav li {
		width: 45%;
		padding: 0 5% 0 0;
	}
}

/* header --------------------------------- */
.pageTopBtn {
	clear: both;
	position: relative;
	width: 100%;
	z-index: 100;
}

.pageTopBtn .inner {
	width: 880px;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: right;
}

@media (max-width: 1024px) {
	.pageTopBtn .inner {
		width: 90%;
	}
}

/* More ----------------------------------- */
.more {
	clear: both;
	margin: 40px 0;
	padding: 35px 0 25px;
	color: #007f41;
	border: 3px solid #007f41;
}
@media (max-width: 768px) {
	.more {
		margin-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* 準備中 */
.more.toBePrepared {
	border: none;
	padding: 0;
	color: #333;
}

.more-text {
	text-align: center;
}
.more-text .heading {
	margin-bottom: 5px;
	font-size: 22px;
	font-size: 1.375rem;
	background: none;
}
.more-text p {
	margin: 0;
}

.airCarriers {
	margin: 24px 0 0;
	padding: 0;
	text-align: center;
}
.airCarriers li {
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	list-style: none;
	text-align: center;
	*display: inline;
    *zoom: 1;
}
@media (max-width: 768px) {
	.airCarriers {
		margin-right: 0;
		margin-left: 0;
	}
	.airCarriers li {
		margin: 0 0 10px;
	}
}

/* Topics --------------------------------- */
.topicList dt {
	float: left;
	width: 8em;
	margin-bottom: 10px;
	font-weight: bold;
}

.topicList dd {
	margin-bottom: 10px;
	margin-left: 8em;
}

@media (max-width: 567px) {
	.topicList dt {
		float: none;
		width: auto;
		margin: 0;
	}

	.topicList dd {
		margin: 0 0 0.8em;
	}
}

.news-detail {
	margin-bottom: 100px;
}

.news-detail > p {
	margin: 0 0 0.3em;
	text-indent: 1em;
}

.news-detail > p.no-ti {
	text-indent: 0;
}

.news-heading {
	position: relative;
	margin: 0 0 50px;
	padding-left: 6em;
	font-size: 28px;
	font-size: 1.75rem;
}

.news-heading .date {
	position: absolute;
	left: 0;
	top: .5rem;
	width: 6em;
	font-size: 18px;
	font-size: 1.13rem;
}

@media (max-width: 567px) {
	.news-heading {
		padding: 0;
	}

	.news-heading .date {
		display: block;
		position: relative;
		top: 0;
		width: auto;
		margin-bottom: 10px;
	}
}

/* Map ------------------------------------ */
.sightseeingMap .heading {
	font-size: 28px;
	font-size: 1.75rem;
	background: none;
}
.sightseeingMap .map {
	width: 100%;
	height: 300px;
}

/* Toppage
------------------------------------------- */
/* Campaign */
.campaign-catch {
	color: #007f41;
	font-size: 36px;
	font-size: 2.25rem;
}

.campaign-lead {
	width: 82%;
	margin: 48px auto 40px;
	padding-left: 1em;
}

.campaign-limit {
	position: relative;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
}

.campaign-limit span {
	color: #007f41;
}

.campaign-detail {
	padding: 40px 30px 0;
	background-color: #f8f8f8;
	overflow: hidden;
}
@media (max-width: 768px) {
	.campaign-detail {
		padding: 10px;
	}

	.campaign-limit {
		position: relative;
		padding-left: 9em;
		text-align: left;
	}

	.campaign-limit span {
		position: absolute;
		left: 0;
		top: 0;
		width: 9em;
	}
}

@media (max-width: 567px) {
	.campaign-limit,
	.campaign-limit span {
		position: relative;
		display: block;
		padding: 0;
		width: auto;
	}
}

.campaign-prize {
	overflow: hidden;
}

.prize {
	position: relative;
	float: left;
	width: 48%;
	padding: 0 1%;
	margin-bottom: 50px;
}

.prize-type {
	float: left;
	width: 95px;
	margin: 0 20px 0 0;
}

.prize-item {
	margin: 0 0 10px;
	overflow: hidden;
	line-height: 1.2;
}

.prize-item.h {
	height: 6em;
	min-height: 6em;
}

.prize-item span {
	display: block;
	font-weight: bold;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 10px
}

.prize.prizeD .prize-item .smaller {
	display: inline;
	font-size: 21px;
	font-size: 1.31rem;
}

.prize-count {
	position: absolute;
	left: 0;
	top: 82px;
	width: 90px;
	margin: 0;
/*	padding-bottom: 103px;*/
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
/*	border-bottom: 2px solid #007f41;*/
}

.prize-count span {
	display: block;
	color: #007f41;
	font-size: 40px;
	font-size: 2.5rem;
}

.prize-image {
	padding-left: 120px;
	width: 224px;
}

@media (max-width: 768px) {
	.campaign-prize {
		width: 95%;
		margin: 0 auto;
	}
	.prize {
		float: none;
		width: auto;
	}

	.prize-item {
		width: auto;
		margin: 0;
		height: auto;
		min-height: auto;
	}

	.prize-count {
		padding: 0 0 10px;
		text-align: center;
	}

	.prize-image {
		width: 100%;
		padding: 25px 0 0 110px;
	}
}

@media (max-width: 567px) {
	.prize {
		margin-bottom: 0;
	}
	.prize-item {
		clear: both;
		padding-left: 110px;
		padding-top: 10px;
	}

	.prize-item.h {
		height: auto;
	}

	.prize-image {
		padding: 20px 0;
		text-align: center;
	}

	.prize-count {
		top: 70px;
	}
}

.campaign-headOffice dt {
	font-weight: bold;
}

.campaign-headOffice dd {
	margin: 0 0 .5em;
	padding: 0 0 0 1em;
}

.notes {
	margin: 0;
	padding: 0;
}

.notes li {
	margin-bottom: .3em;
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}

/* Link */
.links {
	width: 548px;
	clear: left;
	margin: 40px auto 30px;
	padding: 0;
	text-align: center;
}

.links li {
	float: left;
	width: 234px;
	padding: 0 20px;
	list-style: none;
	text-align: center;
	*display: inline;
    *zoom: 1;
}

.links li span {
	display: block;
}

.links li a {
	display: block;
	height: 70px;
}

@media (max-width: 768px) {
	.links {
		width: 100%;
	}

	.links li {
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}
}

/* Movie */
.movie {
	float: left;
	width: 48%;
	margin: 0 1% 20px;
}
.movie-title {
	font-size: 85%;
	margin: 0;
}
@media (max-width: 1024px) and (min-width: 769px) {
	.movie-title {
		line-height: 1;
		height: 2em;
		margin-bottom: 0.3em;
	}
}
@media (max-width: 768px) {
	.movie {
		float: none;
		width: 100%;
	}
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Genre page
------------------------------------------- */
.genre-header {
	margin-bottom: 60px;
	padding-bottom: 35px;
	background: transparent url("../images/bg_title.png") repeat-x left bottom;
}

.genre-header:before,
.genre-header:after {
    content: " ";
    display: table;
}

.genre-header:after {
    clear: both;
}

.genre-header {
    *zoom: 1;
}
@media (max-width: 768px) {
	.genre-header {
		margin-bottom: 40px;
		padding-bottom: 45px;
	}
}

.genre-lead {
	float: left;
	width: 50%;
}
.news .genre-lead {
	width: 60%;
	line-height: 1.2;
}
@media (max-width: 567px) {
	.genre-lead,
	.news .genre-lead {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
}

.genre-name {
	margin: 0;
	padding: 0;
	font-size: 77px;
	font-size: 4.8125rem;
	font-weight: bold;
}
@media (max-width: 768px) {
	.genre-name {
		font-size: 60px;
		font-size: 3.75rem;
	}
}

.genre-catch {
	margin-bottom: 20px;
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: bold;
}

.genre-mainImg {
	float: right;
	width: 45%;
	text-align: center;
}
@media (max-width: 768px) {
	.genre-mainImg {
		margin-top: 20px;
	}
}
@media (max-width: 567px) {
	.genre-mainImg {
		float: none;
		width: 100%;
		margin: 0;
	}
}

.info {
	position: relative;
	clear: both;
	margin-bottom: 60px;
	overflow: hidden;
	*zoom: 1;
	page-break-inside: avoid;
}
@media (max-width: 768px) {
	.info {
		margin-bottom: 30px;
	}
}

.info-detail {
	overflow: hidden;
	padding-bottom: 50px;
}
@media (max-width: 768px) {
	.info-detail {
		padding-bottom: 0;
	}
}

.info-detail > p {
	text-indent: 1em;
}

.info-title {
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 1.2;
	text-indent: 0;
}

.info-btn {
	position: absolute;
	bottom: 0;
}
@media (max-width: 768px) {
	.info-btn {
		position: relative;
	}
}
.info-btn a {
	display: block;
	padding: 13px 23px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}

.rightImage .info-image {
	float: right;
	margin-left: 34px;
}
@media (max-width: 768px) {
	.rightImage .info-image {
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}
}

.leftImage .info-image {
	float: left;
	margin-right: 34px;
}
@media (max-width: 768px) {
	.leftImage .info-image {
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}
}

.area {
	clear: both;
	margin-bottom: 35px;
	padding-bottom: 35px;
	background: transparent url("../images/bg_title.png") repeat-x left bottom;
}

.area.last {
	padding-bottom: 0;
	background: none;
}

.area-name {
	padding: 0 0 33px;
	font-size: 28px;
	font-size: 1.75rem;
}

.event-info {
	margin: 1.5em 0;
}

.event-info .event-title {
	margin: 0
}

.event-info .dl-info {
	margin-top: 0.5em;
}

.event-info dt {
	position: relative;
	float: left;
	width: 6em;
}

.event-info dd {
	margin-left: 6em;
}



/* Color variation */
.gourmet .genre-name,
.gourmet .info-title {
	color: #86cc00;
}
.gourmet .info-btn a {
	background-color: #86cc00;
}
.gourmet .info-btn a:hover {
	background-color: #97e600;
}

.sightseeing .genre-name,
.sightseeing .info-title {
	color: #0ab4e5;
}
.sightseeing .info-btn a {
	background-color: #0ab4e5;
}
.sightseeing .info-btn a:hover {
	background-color: #2cc9f6;
}

.event .genre-name,
.event .info-title {
	color: #f76389;
}
.event .info-btn a {
	background-color: #f76389;
}
.event .info-btn a:hover {
	background-color: #f994ae;
}

.shopping .genre-name,
.shopping .info-title {
	color: #ff9900;
}
.shopping .info-btn a {
	background-color: #ff9900;
}
.shopping .info-btn a:hover {
	background-color: #ffad33;
}

.relaxation .genre-name,
.relaxation .info-title {
	color: #b84baf;
}
.relaxation .info-btn a {
	background-color: #b84baf;
}
.relaxation .info-btn a:hover {
	background-color: #df72d6;
}

.news .genre-name {
	color: #007f41;
}