@charset "utf-8";


.pcnone{display:none;}

/* CSS */
#wrap {
	width: 100%;
	margin:0 auto;
	padding:0;
	line-height:1.6;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.inner950 {
    width: 950px;
    margin: 0 auto;
    display: block;
}

#wrap .inner950 #dirPathBlock{
	font-size:13px;
	margin-bottom: 15px;
}

#Foot {
	margin: 0;
}


.clear {
	clear: both;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* ------------------------------------------
	mainArea
------------------------------------------ */
#mainArea{
	width:100%!important;
	margin:0 auto;
	display:block;
	padding:0 0 20px 0;

}
#mainArea table {	border-collapse: collapse;}
#mainArea img { border: none; vertical-align: bottom;}
#mainArea ol,#mainArea  ul,#mainArea  dl,#mainArea  li,#mainArea  dd{ list-style-type: none; margin: 0; padding: 0;}

#mainArea a:hover {opacity: 0.7;}
#mainArea {font-size:14px;line-height: 1.5;}




/* ------------------------------------------
	title
------------------------------------------ */
#contentsBlock{
position: relative;
}
#mainArea {

}
#title.parallaxbox {
margin: 0;
padding:0;
width:100%;
min-height: 720px;
background-size: auto 100%; 
background-position: center 0;
}
.paraimg1{
background-image: url(../images/ti_bg.jpg);
background-repeat: no-repeat;
}
.titlebg{
text-align:center;
}
#title h2 {
margin: 0;
padding:0;
}
#title h2 img{
	margin:100px auto 0 auto;
	padding:0;
  width: 584px;
  height: auto;
}


/* ------------------------------------------
	nav
------------------------------------------ */
.fixnav{
 width: 100%;
 padding: 20px 0;
}
.fixnav ul{
margin: 0 auto !important;
padding:0;
width: 100%;
list-style: none;
display:flex;
flex-wrap:nowrap;
justify-content: center;
background: rgba(255,255,255,0.9);
}
.fixnav ul li a{
display: inline-block;
margin: 0;
padding:0;
width:130px;
text-align: center;
}
.fixnav ul li img{
margin: 0 auto;
}
/*.fixnav ul li:nth-child(1) img{width: 64px;}
.fixnav ul li:nth-child(2) img{width: 104px;}
.fixnav ul li:nth-child(3) img{width: 93px;}
.fixnav ul li:nth-child(4) img{width: 113px;}
.fixnav ul li:nth-child(5) img{width: 113px;}
.fixnav ul li:nth-child(6) img{width: 110px;}
.fixnav ul li:nth-child(7) img{width: 103px;}*/

.fixnav ul li:nth-child(1) img{width: 64px;}
.fixnav ul li:nth-child(2) img{width: 113px;}
.fixnav ul li:nth-child(3) img{width: 113px;}
.fixnav ul li:nth-child(4) img{width: 103px;}

.next-btn{display:none;}


/*fixed*/
.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 90;
margin: 0 auto;
padding:0;
width: 100%;
}
.fixed li{
padding:10px 0 !important;
}

/* ------------------------------------------
	artcleWrap
------------------------------------------ */
.artcleWrap{
width:100%!important;
display:block;
margin:0 auto;
padding:50px 0;
border-top:solid 1px #fff;
}

.inner{
width:1070px;
margin:0 auto;
padding: 0;
}


/* Overview
------------------------------------------ */
#Overview{
	background-color:#fff;
}

#Overview .inner{
width:950px;
margin:0 auto;
padding: 0;
background: #333 url(../images/bg_overview.jpg) no-repeat;
background-size: cover;
color:#fff;
}
.overviewbox{
overflow: hidden;
padding: 0 0 30px 0;
}
.txtOverview p{
padding: 0 40px 5px 40px;
letter-spacing: 0.1em;
line-height: 1.5;
}

.titOverview{
margin: 0 0 40px 0;
padding: 50px 0 0 0;
width:592px;
height:36px;
background: url("../images/tit_overview.png") no-repeat left bottom;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.imgPlanmap{
float: right;
margin-left: 10px;
}
.titAccess{
clear: both;
padding-top: 40px;
width:185px;
height:36px;
background: url("../images/tit_access.png") no-repeat left bottom;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.imgAccess{
margin: -60px 0 0 0;
padding:0 0 50px 0;
text-align: center;
}


/* PlanBoxContainer
------------------------------------------ */
#Superb{background-color:#ecf1f6;}
#Art{background-color:#f8f7f1;}
#Gourmet{background-color:#f8f2f3;}
#Experience{background-color:#f0f2f8;}
#Explore{background-color:#f6f3ed;}
#Colors{background-color:#e8eeee;}


.commonTit{
text-align:center;
margin:0 auto 40px auto;
padding: 0;
}




/* planbox
------------------------------------------ */
.planslide{
position:relative;
width: 1070px;
}
.planbox{
height: 100%;
margin: 0 ;
padding: 0;
background: #fff;
border:solid 1px #ccc;
box-shadow: 5px 5px 6px rgba(0,0,0,0.1);
cursor: pointer;
}
.planbox:hover{
display: block;
opacity: 0.7;
transform: translateY(1px);
}
.planimg{
margin: 14px;
float: left;
}
.planname{
margin: 14px 14px 14px 14px;
padding: 0;
}
.plantxt{
clear:left;
margin: 0 10px 14px 14px;
padding: 0;
}

/* ------------------------------------------
	swiper
------------------------------------------ */
.swiper-wrapper{
}
.swiper-container {
position: relative;
width: 950px;
padding: 0 10px 10px 10px;
}
.swiper-slide {
width: 300px;
}
.swiper-button-prev1:focus,
.swiper-button-next1:focus,
.swiper-button-prev2:focus,
.swiper-button-next2:focus,
.swiper-button-prev3:focus,
.swiper-button-next3:focus,
.swiper-button-prev4:focus,
.swiper-button-next4:focus,
.swiper-button-prev5:focus,
.swiper-button-next5:focus,
.swiper-button-prev6:focus,
.swiper-button-next6:focus,
.swiper-pagination-bullet1:focus,
.swiper-pagination-bullet2:focus,
.swiper-pagination-bullet3:focus,
.swiper-pagination-bullet4:focus,
.swiper-pagination-bullet5:focus,
.swiper-pagination-bullet6:focus{
outline: none;
}
.swiper-button-prev1::after,
.swiper-button-next1::after,
.swiper-button-prev2::after,
.swiper-button-next2::after,
.swiper-button-prev3::after,
.swiper-button-next3::after,
.swiper-button-prev4::after,
.swiper-button-next4::after,
.swiper-button-prev5::after,
.swiper-button-next5::after,
.swiper-button-prev6::after,
.swiper-button-next6::after{
content:'';
}
.swiper-button-prev1,
.swiper-button-prev2,
.swiper-button-prev3,
.swiper-button-prev4,
.swiper-button-prev5,
.swiper-button-prev6{
position: absolute;
top:45%;
left:0;
width: 40px;
height:40px;
background: url("../images/arrow_prev.png") no-repeat;
}
.swiper-button-next1,
.swiper-button-next2,
.swiper-button-next3,
.swiper-button-next4,
.swiper-button-next5,
.swiper-button-next6{
position: absolute;
top:45%;
right:0;
width: 40px;
height:40px;
background: url("../images/arrow_next.png") no-repeat;
}
.swiper-pagination1,
.swiper-pagination2,
.swiper-pagination3,
.swiper-pagination4,
.swiper-pagination5,
.swiper-pagination6{
width: 100%;
text-align: center;
padding-top: 10px;
}
.swiper-pagination-bullet{margin:5px;}




/* ------------------------------------------
	areaArticles
------------------------------------------ */
#areaArticles{
	background-color:#f4f4f3;
}
#areaArticles .commonTit{
letter-spacing: 0.1em;
font-size: 2em;
}
#areaArticles .articleslist{
width: 950px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: stretch;
}
#areaArticles .articleslist li{
width: 200px;
background: #fff;
box-shadow: 0 1px 0 #afafaf;
border-radius: 5px;
cursor: pointer;
}
#areaArticles .articleslist li:hover{
display: block;
opacity: 0.7;
transform: translateY(1px);
}
#areaArticles .articleslist li .thumb {
margin: 0;
padding: 0;
}
#areaArticles .articleslist li .thumb img {
width:200px;
border-radius: 5px 5px 0 0;
}
#areaArticles .articleslist li dl {
padding: 15px 10px;
margin: 0;
}
#areaArticles .articleslist li dl dt {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
}
#areaArticles .articleslist li dl dd {
font-size: 12px;
margin: 0;
}

/* ------------------------------------------
	tripaArticles
------------------------------------------ */
#tripaArticles{
	background-color:#fff;
}
#tripaArticles .commonTit{
letter-spacing: 0.1em;
font-size: 2em;
}
#tripaArticles .inner{
width:950px;
}
.tripalist li{
overflow: hidden;
margin:0;
padding: 15px !important;
display: block;
border-bottom: 1px dashed #ccc;
}
.tripalist img{
width:150px;
}
.tripalist .thumb{
float: left;
width:150px;
margin: 0 20px 0 0;
}
.tripalist dl dt {
font-size: 18px;
margin: 0;
padding: 0 0 10px 0;
}
.tripalist dl dd {
font-size: 14px;
padding: 0px;
margin: 0px;
}




/* ------------------------------------------
	commingsoon
------------------------------------------ */
#commingsoon p{
text-align: center;
font-weight: bold;
font-size: 150%;
letter-spacing: 1em;
margin-left: 1em;
color: #666;
}