@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* GENERAL */
a:link, a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
a{outline: none;}

/* CLEARFIX */
.clearfix
{zoom: 1;}

.clearfix:after,
.headerBox:after,
.contentsBox:after,
.newsList:after,
.headBox:after,
.articleList:after,
.snsImgList:after,
.featureList li:after,
.sideList li:after,
.searchMini:after,
.spotInfo:after,
.infoBox:after,
.bigNavBox:after,
.infoArea:after,
.topBnrList:after,
.monthList:after,
.navList2:after,
nav:after,
.shopInfo li:after,
.eventBox:after,
.parkingBox:after,
.parkingSwitchList:after,
.aaaaaaaaaaaa:after,
.aaaaaaaaaaaa:after,
.aaaaaaaaaaaa:after,
.aaaaaaaaaaaa:after,
.aaaaaaaaaaaa:after,
.aaaaaaaaaaaa:after,
.aaaaaaaaaaaa:after,

.aaaaaaaaaa:after
{content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

strong{
font-weight: bold;
}

img{
vertical-align: bottom;
}

*{
	box-sizing: border-box;
}




/* ------------------------------------------
LAYOUT
------------------------------------------ */

html{
	height: 100%; 
}

body{
	font: 12px/1.4 "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	width: 100%; 
	height: 100%; 
	background-color: #fff;
	color: #293042;
	position:relative;
	font-size: 14px;
	letter-spacing: 0.05em;	
	
	line-height: 180%;
}

section.sec{
	padding: 60px 0;
	padding-bottom: 0;

	position: relative;
	clear: both;
}

section#works.sec{
	padding-bottom: 140px;
}

.btnArea{

}

.onlyPc{
	display: block;
}

.onlySp{
	display: none;
}

.contentsBox{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 60px;
	padding-right: 60px;
}

.contentsBoxMini{
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 60px;
	padding-right: 60px;
}

.center{
	text-align: center;
}

.headerBox{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 60px;
	padding-right: 60px;
}




/* ------------------------------------------
header
------------------------------------------ */

header{
	position: fixed;
	z-index: 10;
	
	left: 0;
	top: 0;
	width: 100%;
	height: 85px;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

header.active{
	height: 65px;
	
	background-color: #fff;
}

header.active h1.logo{
	margin-top: 17px;
}
header.active .headerBox nav{
	margin-top: 22px;
}



h1.logo{
	float: left;
	margin-top: 30px;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

h1.logo a{
	text-indent: -9999px;
	display: block;
	width: 263px;
	height: 32px;
	background-image:url(../images/hd_logo.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: left top;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

h1.logo a:hover{
	opacity: 0.6;
}

/*
body.home h1.logo a{
	background-image:url(../images/hd_logo_white.png);
}

body.home header.active h1.logo a{
	background-image:url(../images/hd_logo.png);
}
*/


/* ------------------------------------------
nav
------------------------------------------ */

.headerBox{
	position: relative;
}
header .headerBox nav{
	float: right;
	margin-top: 34px;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.headerBox nav > ul > li{
	float: left;
	margin-left: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.headerBox nav > ul > li.relative{
	position: relative;
}

.headerBox nav > ul > li > span,
.headerBox nav > ul > li > a{
	padding-left: 10px;
	padding-right: 10px;
/* 	padding-top: 20px; */
	padding-bottom: 20px;
	
	display: inline-block;
}

.headerBox nav > ul > li:hover .subNavList{
	visibility: visible;
	opacity: 1;
}

.headerBox nav > ul > li:hover .bigNavBox{
	visibility: visible;
	opacity: 1;
/* 	background-color: red; */
}
.headerBox nav > ul > li .bigNavBox:hover.subNavList{
	visibility: visible;
	opacity: 1;
}

.bigNavBox{
	position: absolute;
	left: 0;
	top: 58px;
	width: 100%;
/* 	padding-top: 15px; */
	

	visibility: hidden;
	opacity: 0;

/* 	background-color: red; */
	
	padding-left: 60px;
	padding-right: 60px;
	
	background-color: #fff;
	

}

.bigNavBox .subNavList .ttl{
	border-bottom: 2px solid #666;
	margin-bottom: 15px;
	padding-left: 15px;
}

.bigNavBox .subNavList{
/* 	visibility: visible; */
	position: relative;
	opacity: 1;

	
	float: left;
	max-width: calc(50% - 110px);
/*
	width: 20%;
	width: calc(25% - 20px);
	width: calc(33.33% - 20px);
*/
	margin-right: 20px;
}


.subNavList{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	padding-top: 20px;
	padding-bottom: 10px;
/*
	padding-top: 5px;
	padding-bottom: 10px;
*/
	
	background-color: #fff;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.subNavList li{
	margin-bottom: 10px;
}

.subNavList li a{
/* 	white-space: nowrap; */
	font-size: 13px;
	line-height: 130%;
	padding: 2px 15px;

	width: 100%;
	display: block;
	
	color: #000 !important;
}

.subNavList li a:hover{
	background-color: #eee;
	opacity: 1 !important;
}

.snsList{
	float: right;
	margin-left: 20px;
}
.snsList li a{
	padding-bottom: 0 !important;
}


.navList{
	float: right;
}

.headerBox nav li a{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

-webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.headerBox nav li a:hover{
	opacity: 0.6;
}




.lanList{
	display: none;
}


a.instagram{
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_instagram.png);
	background-repeat:no-repeat;
	background-size: 19px auto;
	background-position: center center;
}

#footer a.instagram{
	background-image:url(../images/ico_instagram_white.png);
}

a.facebook{
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_facebook.png);
	background-repeat:no-repeat;
	background-size: 9px auto;
	background-position: center center;
}

a.twitter{
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-size: 22px auto;
	background-position: center center;
}

a.youtube{
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_youtube.png);
	background-repeat:no-repeat;
	background-size: 24px auto;
	background-position: center center;
}

a.search{
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 16px auto;
	background-position: center center;
}

#footer a.search{
	background-image:url(../images/ico_search_white.png);
}
#footer a.facebook{
	background-image:url(../images/ico_facebook_white.png);
}

.mm-menu a.facebook{
	text-align: left;
	text-indent: 0;
	background-position: left 24px center;
	padding-left: 54px;
}

/*
body.home a.search{
	background-image:url(../images/ico_search_white.png);
}
*/

body.home header.active a.search{
	background-image:url(../images/ico_search.png);
}



/*
body.home a.instagram{
	background-image:url(../images/ico_instagram_white.png);
}

body.home header.active a.instagram{
	background-image:url(../images/ico_instagram.png);
}
*/



.searchInput{
	border: none;
	border-radius: 50px;
	width: 580px;
	max-width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px 20px;
	
	background-color: #fff;
	
	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 16px auto;
	background-position: right 20px center;
	
/*
	position: absolute;
	z-index: 2;
	right: 60px;
	top: 100px;
*/
}



.topContent{
	position: relative;
	
	
	max-width: 1300px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.topSlider .each{
	position: relative;
}

.topSlider .each .img{
	
}


.topSlider .each .img{
	display: block;
	position: relative;
}

.topSlider .each .img:before {
    content:"";
    display: block;
    padding-top: 66.7%;
}

.topSlider .each .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.mainVisual{
	position: relative;
}
.mainVisual .despArea{
	position: absolute;
	left: 50%;
	top: 50%;
	
	text-align: center;
	
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.mainVisual .despArea .copy{
	margin-bottom: 170px;
	
	text-align: center;
}

.mainVisual .despArea .copy img{
	max-width: 90%;
}

.mainVisual .tabBox{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
}


.mainVisual .mainVisualImg img{
	width: 100%;
}

.icon{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #293042;
	display: inline-block;
	padding: 0px 10px;
	font-size: 11px;
	margin-bottom: 15px;

	text-transform: uppercase;
}


.infoArea .icon{
	float: left;
}
.infoArea .date{
	float: right;
}
.date{
	color: #acacac;
	font-size: 10px;
	font-weight: bold;
}

.topSlider .slick-prev{
	left: 40px;
	z-index: 5;
}
.topSlider .slick-next{
	right: 40px;
	z-index: 5;
}

/*
.slick-prev, .slick-next{
	width: 24px;
	top: 40%;
}

.slick-prev::before, .slick-next::before{
	color: #fff;
	color: #666;
	opacity: 1;
	font-size: 24px;
}
*/



.articleList{
	margin-left: -10px;
	margin-right: -10px;
	

}

.articleList li{
	float: left;
	width: calc(50% - 30px);
	margin-left: 15px;
	margin-right: 15px;
	
	margin-bottom: 40px;
}

.articleList li a{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
.articleList li a:hover{
	opacity: 0.6;
}
*/

.articleList.row1 li{
	width: calc(100% - 30px);
}

.articleList.row3 li{
	width: calc(33.33% - 30px);
}



.articleList li .img{
	display: block;
	position: relative;
}

.articleList li .img:before {
    content:"";
    display: block;
    padding-top: 66.7%;
}

.articleList li .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}





.articleList li .img{
	position: relative;
}

.articleList li .img:after{
	content:"";
	display: block;
	
	width: 100%;
	height: 12px;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -12px;
	opacity: 0.1;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.articleList li .img img{
	width: 100%;
}



.articleList .icon{
	position: relative;
	left: 50%;
	top: -15px;
	padding: 4px 30px;
	margin-bottom: 0px;
	


  -webkit-transform: translate(-50%,0%);
      -ms-transform: translate(-50%,0%);
          transform: translate(-50%,0%);
}

.articleList li .despArea{
	position: relative;
	z-index: 2;

	line-height: 160%;
	
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -10px;
	padding: 15px;
	padding-top: 0;
	padding-bottom: 20px;

	background-color: #fff;

	box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
}

.articleList.row1 .despArea{
	padding-left: 25px;
	padding-right: 25px;
}


.articleList li .ttl{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.articleList li .desp{
	font-size: 12px;
	line-height: 160%;
	letter-spacing: 0;
	color: #333;
}





.btnArea{
	clear: both;
	text-align: center;
}

a.btn{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

	letter-spacing: 0.1em;

	background-color: #293042;
	color: #fff;

	padding: 12px 40px;
	display: inline-block;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.btn:hover{
	opacity: 0.6;
}

.topBnrList{
	margin-bottom: 60px;
	padding-top: 60px;
}

.topBnrList li{
	width: 20%;
	float: left;
	width: calc(25% - 10px);
	margin-left: 5px;
	margin-right: 5px;
}
.topBnrList li img{
	width: 100%;
}


.headBox .mainTtl{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 23px;
	font-weight: 700;
	color: #293042;
	
	
	letter-spacing: 0.1em;
	
	display: inline-block;
	margin-right: 10px;
	
	margin-bottom: 20px;
}


.headBox .mainTtl.mini{
	font-size: 22px;
	margin-bottom: 15px;
}
.headBox .mainTtl2.mini{
	margin-bottom: 40px;
}

.headBox .subTtl{
	display: inline-block;
	font-size: 12px;
}

.headBoxBlack{
	background-color: #222;
	color: #fff;
	
	padding: 50px 0 20px 0;
	
/* 	margin-bottom: -40px; */

	margin-bottom: 60px;
}

.articleList.row1{
	margin-top: -100px;
}


.headBox .mainTtl.icoFeature{
	padding-left: 35px;

	background-image:url(../images/ico_feature.png);
	background-repeat:no-repeat;
	background-size: 25px auto;
	background-position: left center;
}
.headBox.headBoxBlack .mainTtl.icoFeature{
	background-image:url(../images/ico_feature_white.png);
}




.headBox .mainTtl.icoColumn{
	padding-left: 35px;

	background-image:url(../images/ico_column.png);
	background-repeat:no-repeat;
	background-size: 21px auto;
	background-position: left center;
}
.headBox.headBoxBlack .mainTtl.icoColumn{
	background-image:url(../images/ico_column_white.png);
}

.headBox .mainTtl.icoShop{
	padding-left: 35px;

	background-image:url(../images/ico_shop.png);
	background-repeat:no-repeat;
	background-size: 25px auto;
	background-position: left center;
}

.headBox .mainTtl.icoPickup{
	padding-left: 35px;

	background-image:url(../images/ico_spot_white.png);
	background-repeat:no-repeat;
	background-size: 25px auto;
	background-position: left center;
}
.headBox .mainTtl.icoPickupBlack{
	padding-left: 35px;

	background-image:url(../images/ico_spot.png);
	background-repeat:no-repeat;
	background-size: 25px auto;
	background-position: left center;
}

.headBox .mainTtl.icoNews{
	padding-left: 35px;

	background-image:url(../images/ico_news.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}
.headBox .mainTtl.icoNewsBlack{
	padding-left: 35px;

	background-image:url(../images/ico_news.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}

.headBox .mainTtl.icoGourmet{
	padding-left: 35px;

	background-image:url(../images/ico_gourmet.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}

.headBox .mainTtl.icoShopping{
	padding-left: 35px;

	background-image:url(../images/ico_shopping.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}

.headBox .mainTtl.icoLifestyle{
	padding-left: 35px;

	background-image:url(../images/ico_lifestyle.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}


.headBox .mainTtl.icoTrip{
	padding-left: 35px;

	background-image:url(../images/ico_trip.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}


.headBox .mainTtl.icoNightview{
	padding-left: 35px;

	background-image:url(../images/ico_nightview.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}


.headBox .mainTtl.icoArtculture{
	padding-left: 35px;

	background-image:url(../images/ico_artculture.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left center;
}



.mainArea{
	float: left;
	width: 70%;
}

.subArea{
	float: right;
	width: 30%;
	padding-left: 60px;
}







.mireaBox{
padding: 15px;
padding-top: 0;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.05+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */


}

.mireaBox .img{
	margin-bottom: 15px;
}

.mireaBox .img img{
	width: 100%;
}

.mireaBox .ttl{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.mireaBox .desp{
	font-size: 12px;
	line-height: 120%;
	color: #444;
}


.sideBox{
	margin-bottom: 80px;
}

.keywordBox{
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 20px;
}

.keywordBox .ttlArea{
	text-align: center;
/* 	margin-bottom: -34px; */
}


.keywordList{

	padding-top: 20px;
}

.keywordList li a{
	color: #ea8aa2;
}

.keywordBox .ttlArea .sideTtl{
/* 	background-color: #fff; */
	display: inline-block;
	padding: 0 20px;
}


.sideTtl{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	
	position: relative;
	z-index: 2;
}

.sideSubTtl{
	font-size: 12px;
	line-height: 160%;
}

.tagList{
	padding-top: 10px;
}
.tagList li{
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 5px;
}

.tagList li a{
	background-color: #333;
	color: #fff;
	border-radius: 20px;
	padding: 5px 10px;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tagList li a:hover{
	opacity: 0.6;
}


.sideList{
	padding-top: 20px;
}

.sideList li{
	clear: both;
	margin-bottom: 10px;
}



.sideList li .img{
	display: block;
	position: relative;
}

.sideList li .img:before {
    content:"";
    display: block;
    padding-top: 100%;
}

.sideList li .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}



.sideList li .img img{
	width: 100%;
}

.sideList li .img{
	width: 80px;
	height: 80px;
	
	float: left;
}

.sideList li .despArea{
	padding-left: 100px;

}

.sideList li .despArea h2.ttl{
	line-height: 140%;
	font-weight: bold;	
}


.grayArea{
	background-color: #efefef;
	margin-top: 80px;
}






.subTtl{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 30px;
}


.newsList{
	margin-left: -10px;
	margin-right: -10px;
}



.newsList li{
	float: left;
	width: calc(25% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
}


.newsList li.wide{
	width: calc(50% - 20px);
}
.newsList li.middle{
	width: calc(33.33% - 20px);
}


.newsList.row2 li{
	width: calc(50% - 20px);
}
.newsList.row3 li{
	width: calc(33.33% - 20px);
}

.newsList li .img{
	position: relative;
	margin-bottom: 15px;
	background-color: #fff;
}

.newsList li .img img{
	width: 100%;
}


.newsList.pickupSlider .slick-list{
	margin-right: 20px;
}

.newsList.pickupSlider li{
	padding-left: 10px;
	padding-right: 10px;
/* 	margin: 0 10px; */

}




.newsList li .img{
	display: block;
	position: relative;
	overflow: hidden;
}

.newsList li .img:before {
    content:"";
    display: block;
    padding-top: 66.7%;
}

.newsList li .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


#news{
	padding-bottom: 60px;
}

.newsList.pickupSlider li .despArea{
	background-color: #fff;
	padding: 20px;
}

.newsList.pickupSlider li .despArea .ttl{
	margin-bottom: 10px;
}
.newsList.pickupSlider li .despArea .desp{
	font-size: 12px;
}

.newsList.pickupSlider li .img{
	margin-bottom: 0;
}

.monthListDetail{
	display: none;
}

.monthListDetail.current{
	display: block;
}

.monthList{
	margin-bottom: 20px;
}

.monthList li{
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid #B4B5B5;	
	line-height: 100%;
	
	width: 14.28%;
	float: left;
}

.monthList li:last-child{
	border: none;
}


.monthList li a{
	color: #293042;
	padding: 13px 0 13px 0;
	display: block;
}
.monthList li a{
	padding: 7px 0 7px 0;
	padding: 15px 0;
}

.monthList li a:hover{
	text-decoration: none;
	background-color: #293042;
	color: #fff;
	opacity: 0.8;
}

.monthList li.current{
	background-color: #293042;

}
.monthList li.current a{
	color: #fff;
}

.monthList li span{
	display: block;
	font-size: 10px;
	padding-top: 2px;
}


.newsList li .despArea{
	line-height: 140%;
}

.newsList li .ttl{
	font-weight: bold;
	
	color: #293042;
}

.newsList li .img .icon{
	margin-bottom: 0;
	
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	
	padding: 0 10px;
	line-height: 180%;
}


.relateBox .newsList li .img .icon{
	background-color: #c09b34;
}

.infoBox{
	font-size: 11px;
	color: #666;
}

.infoBox .place{
	float: left;
}
.infoBox .expire{
	float: right;
	color: #ea8aa2;
}
.infoBox .date{
	float: right;
}


.snsImgBox{
	text-align: center;
	margin-bottom: 60px;
}

.snsImgList{
	padding-top: 80px;
	margin-bottom: 30px;
}

.snsImgList li{
	float: left;
	width: 20%;
}


.snsImgList li .img{
	display: block;
	position: relative;
	overflow: hidden;
}

.snsImgList li .img:before {
    content:"";
    display: block;
    padding-top: 100%;
}

.snsImgList li .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}



.snsImgList li img{
	width: 100%;
}

.snsImgTtl{
	font-weight: bold;
	display: inline-block;

	background-image:url(../images/ico_instagram.png);
	background-repeat:no-repeat;
	background-size: 19px auto;
	background-position: left center;
	padding-left: 30px;
	
	font-size: 16px;
}

#footer{
	background-color: #293042;
	padding-bottom: 30px;
	padding-top: 50px;

	color: #fff;
}

#footer nav{
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
}

#footer .headerBox nav > ul > li{
	margin-left: 0;
	margin-right: 20px;
}

#footer a{
	color: #fff;
}

#footer h1.logo a{
	background-image:url(../images/hd_logo_white.png);
}

.copyright{
	float: right;
	color: #fff;

	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 12px;
}

#footer .searchBox{
	display: none;
}

#footer .lanBox{
	display: none;
}

.navList4{
	float: left;
}

#footer .last{
	float: left;
}

.navList2 li.blank a{
	padding-left: 23px;

	background-image:url(../images/ico_blank.png);
	background-repeat:no-repeat;
	background-size: 15px auto;
	background-position: left 0px center;
}




body.home main{
	padding-top: 0px;
}
body.page main{
	padding-top: 100px;
}

.pageTtlBox{
	text-align: center;
	margin-bottom: 40px;
}

.pageTtlBox .pageTtl{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.1em;
	
	position: relative;
	z-index: 2;
}

.tabBox{
	overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  

}

.home .tabBox{
  border-bottom: 8px solid #293042;
}


.tabList{
	white-space: nowrap;
}

/*
.tabListSp{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;


}
*/



.tabListSp{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    
    background-color: #293042;
    color: #fff;
    padding: 5px 10px;
    border: none;
    font-size: 14px;
    border-radius: 6px 6px 0 0;
    padding-bottom: 3px;
    vertical-align: bottom;
    margin-bottom: -3px;
}
.tabListSp option{
	background-color: #fff;
	color: #293042;
}






.topSlider{
	overflow: hidden;
}

.topSlider .each{
	padding: 0 20px;
}

.topSlider .each img{
	width: 100%;
}

.topSlider .each .despArea{
	background-color: #fff;
	padding: 20px;
}

.topSlider .each .despArea .ttl{
	font-size: 20px;
	color: #293042;
	font-weight: bold;
	margin-bottom: 10px;
}


#topFeature{
	padding-bottom: 40px;
}
#artculture{
	padding-bottom: 80px;
}

section.sec.gray{
	background-color: #eee;
}




.tabList li{
/* 	float: left; */
	margin-right: 5px;
	display: inline-block;
	white-space: nowrap;
	white-space: normal;
}

.tabList li a{
	background-color: #a9a9a9;
	padding: 4px 15px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	
	border-radius: 4px 4px 0 0;
}

.tabList li.current a{
	background-color: #293042;
}

.grayBg{
	
	background-color: #efefef;
	border-top: 2px solid #f691ab;

  border-top: 8px solid #293042;
	
	margin-top: -1px;
	padding-top: 60px;
	padding-bottom: 60px;
}


#sideMap{
	height: 480px;
	margin-top: 20px;
}


.featureList{
	margin-bottom: 60px;
}

.featureList li{
	margin-bottom: 20px;
	clear: both;
	background-color: #fff;
}

.featureList.frameLine li{
	border: 1px solid #e4e4e4;
}


.featureList li .img{
	display: block;
	position: relative;
	overflow: hidden;
}

.featureList li .img:before {
    content:"";
    display: block;
    padding-top: 66.7%;
}

.featureList li .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}



.featureList li .img img{
	width: 100%;
}

.featureList li .img{
	float: left;
	width: 46%;
}

.featureList li .img .icon{
	position: absolute;
	z-index: 2;
	font-size: 11px;
	top: 0;
}

.featureList li .despArea{
	padding: 30px 30px;

	float: left;
	width: 54%;
	
	line-height: 160%;
}

.featureList li .despArea .ttl{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.featureList li .despArea .desp{
	font-size: 12px;
	margin-bottom: 30px;
}





h4.ttl{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 16px;
}





.pickupBox{
	border: 1px solid #ddd;
	padding: 40px 40px;
	padding-bottom: 0;
}



.searchBox{
	background-color: #293042;
	border-bottom: 8px solid #293042;

	padding-top: 25px;
	padding-bottom: 25px;
	
	margin-bottom: 60px;
	position: relative;
	z-index: 5;
}


.searchBoxMini{
/*
	background-color: #efefef;

	padding-top: 25px;
	padding-bottom: 25px;
	
	margin-top: 50px;
	margin-bottom: 30px;
*/

margin-bottom: 40px;
}


.filterList{
	margin-left: -5px;
	margin-right: -5px;
}

.filterList li{
	float: left;
	width: calc(25% - 10px);
	width: calc(33.33% - 10px);
	width: calc(25% - 10px);

	margin-left: 5px;
	margin-right: 5px;
}

/*
.filterList li.first{
	width: calc(33.33% - 10px);
}
.filterList li.second{
	width: calc(33.33% - 10px);
}
.filterList li.third{
	width: calc(33.33% - 10px);
}
.filterList li.fourth{
	width: calc(33.33% - 10px);
}
*/


.filterList li select{
	background: none transparent;
	background-color: #fff;
	border: none;
	border-radius: 0;
	
	width: 100%;
    padding: 5px 10px;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

	background-image:url(../images/ico_pulldown.png);
	background-repeat:no-repeat;
	background-size: 8px auto;
	background-position: right 20px center;
}

select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
  
  
}

.hideCat{
	display: none;
}

.searchUp label{
	margin-right: 20px;
}
.searchUp label input{
	margin-right: 5px;
}

.searchUp{
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 140%;
}

.searchText{
	float: left;
	background: none transparent;
	background-color: #fff;
	border: none;
	border-radius: 0;
	
	width: 20%;
	width: calc(20% - 10px);
	margin-right: 10px;
	
	padding: 6px 10px;
}

.selectBox{
	float: left;
	width: 20%;
	width: calc(20% - 10px);
	margin-right: 10px;
	
	position: relative;
	
	display: none;
}

.selectBox.show{
	display: block;
}

.selectBox span,
.selectBox a{
	background-color: #fff;
	padding: 8px 10px;
	display: block;
}

.selectBox a.current{
	background-color: #8b8d95;
	color: #fff;
}
.selectBox a:hover{
	background-color: #c3c5c8;
	background-color: #d7d7d9;
}


.selectBox span{
	background-image:url(../images/ico_pulldown.png);
	background-repeat:no-repeat;
	background-size: 8px auto;
	background-position: right 20px center;
	font-weight: bold;
	
	position: relative;
	z-index: 5;
}


.mainCtategoryList{
	display: none;

	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 2;
	
	box-shadow: 4px 4px 10px rgba(0,0,0,0.4);

}

.mainCtategoryList.current{
	display:  block;
}

.mainCtategoryList.arrRight > li > a{
/*
	background-image:url(../images/ico_right.png);
	background-repeat:no-repeat;
	background-size: 6px auto;
	background-position: right 20px center;
*/
}

.mainCtategoryList > li{
	position: relative;
}

.subCtategoryList{
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 3;
	display: none;
	min-width: 100%;

	box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
}

.mainCtategoryList > li:hover .subCtategoryList{
	display: block;
}


.subCtategoryList a{
/* 	background-color: red; */
	white-space: nowrap
}


.kindSelect{
	background: none transparent;
	background-color: #fff;
	border: none;
	border-radius: 0;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

	background-image:url(../images/ico_pulldown.png);
	background-repeat:no-repeat;
	background-size: 8px auto;
	background-position: right 20px center;

	
	width: 100px;
	
	padding: 5px 10px;
}

.sepX{
	width: 10px;
	padding: 5px 0px;
}

.areaSelect{
	background: none transparent;
	background-color: #fff;
	border: none;
	border-radius: 0;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

	background-image:url(../images/ico_pulldown.png);
	background-repeat:no-repeat;
	background-size: 8px auto;
	background-position: right 20px center;

	
	width: 210px;
	
	padding: 5px 10px;
}



.searchBtn{
	background: none transparent;
	background-color: #fff;
	border: none;
	border-radius: 0;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    
    float: right;
	width: 20%;
	width: calc(20% - 10px);
	margin-right: 0;
    
    background-color: #fff;
    color: #293042;
    padding: 5px 10px;
    
    text-align: center;
    font-weight: bold;

	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 16px auto;
	background-position: right 10px center;
}




/*
body.page .newsList{
	margin-bottom: 60px;
}
*/


.newsDirectionBox{
	padding: 20px 0 80px 0;
	
	text-align: center;
}

.newsDirectionBox .newsDirection.page1 .page-numbers{
	display: none;
}
.newsDirectionBox .newsDirection.page1 .page-numbers.next{
	display: inline-block;
	padding: 8px 40px;
	border: none;
}

.page-numbers{
	padding: 5px 10px;
	margin: 0 10px;
	border: 1px solid #ddd;
	
	display: inline-block;
	margin-bottom: 10px;
}
.page-numbers.current{
	background-color: #ddd;
}

.page-numbers.prev,
.page-numbers.next{
	background-color: #293042;
	color: #fff;
}


.searchMini .filterList{
	float: left;
	width: calc(100% - 210px);
}





.detailMainImg{
	background-color: #efefef;
	margin-bottom: 60px;
}

.detailMainImg .img{
	width: 800px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.detailMainImg .img img{
	width: 100%;
	max-height: 450px;
	width: auto;
}

article.detail{
	margin-bottom: 40px;
}

article.detail h1.detailTtl{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

article.detail .despArea img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

article.detail .despArea p{
	margin-bottom: 20px;
}

article.detail .detailHead{
	margin-bottom: 25px;
}

article.detail .img img{
	max-width: 50%;
	margin-bottom: 30px;
}

article.detail .detailHead .category{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #293042;
	display: inline-block;
	padding: 0px 10px;
	font-size: 12px;

	text-transform: uppercase;
	margin-right: 20px;
}

article.detail .detailHead .date{
	display: inline-block;
	font-size: 12px;
	color: #666;
}

article.detail .detailHead .wp_social_bookmarking_light{
	float: right;
}

.wp_social_bookmarking_light{
	float: right;
	
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 23px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}
.wsbl_pinterest a{
    border: 0px !important;
}




.spotInfoBox{
	background-color: #eaeaea;
	border-radius: 4px;
	
	padding: 0 30px;
	padding-bottom: 30px;
	margin-bottom: 60px;
}

.spotInfoTtl{
	background-color: #c09b34;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	margin-bottom: 30px;
}

.spotTtl{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

.spotInfo .shopSlider{
	float: left;
	width: 50%;
}



.spotInfo .shopSlider .img{
	display: block;
	position: relative;
	overflow: hidden;
}

.spotInfo .shopSlider .img:before {
    content:"";
    display: block;
    padding-top: 66.7%;
}

.spotInfo .shopSlider .img img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    width: 100%;
}




.spotInfo .desp{
	float: right;
	width: 45%;
	font-size: 12px;
	line-height: 160%;
}



.shopInfo{
	margin-bottom: 40px;
}

.shopInfo a{
	color: #fff;
}

.spotInfoList li{
	margin-bottom: 10px;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 10px;
}
.spotInfoList li:last-child{
	border: none;
}
.spotInfoList li .ttl{
	float: left;
}
.spotInfoList li .desp{
	padding-left: 200px;
}


#mapCanvasDetail{
	height: 350px;
}








.relateBox{
	margin-bottom: 60px;
}

.relateHead{
	margin-bottom: 20px;
}

.relateTtl{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	font-size: 28px;
	
	display: inline-block;
	margin-right: 20px;
}

.relateSubTtl{
	display: inline-block;
	font-size: 11px;
}






#searchBtn{
	display: none;
}




.selectColumn{
	background: none transparent;
	background-color: #eee;

	border: none;

	border: 1px solid #ccc;
	border-radius: 0;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

	background-image:url(../images/ico_pulldown.png);
	background-repeat:no-repeat;
	background-size: 8px auto;
	background-position: right 20px center;

	
	width: 100%;
	
	padding: 5px 10px;
	margin-top: 15px;
}

.btnArea2 a.btn{
	margin: 0 20px;
}

.btnArea2 .selectColumn{
	margin: 0 20px;
	display: inline-block;

	background-color: #222;
	color: #fff;
	border: none;
	
	width: 200px;
	height: 49px;
}

.btnArea2 .selectColumn .option{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

	letter-spacing: 0.1em;



	padding: 12px 40px;	
}



.showSp{
	display: none;
}

.pmark{
	text-align: right;
}






.navTop{
	background-image:url(../images/img_nav01.png);
	background-repeat:no-repeat;
	background-size: 23px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navColumn{
	background-image:url(../images/img_nav02.png);
	background-repeat:no-repeat;
	background-size: 21.5px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navFeature{
	background-image:url(../images/img_nav03.png);
	background-repeat:no-repeat;
	background-size: 24.5px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navRanking{
	background-image:url(../images/img_nav04.png);
	background-repeat:no-repeat;
	background-size: 24.5px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navEvent{
	background-image:url(../images/img_nav05.png);
	background-repeat:no-repeat;
	background-size: 24.5px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navCategory{
	background-image:url(../images/img_nav06.png);
	background-repeat:no-repeat;
	background-size: 23px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}
.navParking{
	background-image:url(../images/img_nav_parking.png);
	background-repeat:no-repeat;
	background-size: 18px auto;
	background-position: left 22px center;
	
	padding-left: 54px;
}

.navNews{
	background-image:url(../images/img_nav07.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navSearch{
	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 20px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}

.navArea{
	background-image:url(../images/img_nav08.png);
	background-repeat:no-repeat;
	background-size: 24.5px auto;
	background-position: left 20px center;
	
	padding-left: 54px;
}


.view-more-button{
	display: none;
	
	cursor: pointer;
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

	letter-spacing: 0.1em;

	background-color: #222;
	color: #fff;

	padding: 12px 0px;
	display: inline-block;
	width: 100%;
	
	text-align: center;
	margin-top: -20px;
	display: inline-block;
	
	display: none;
	

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.view-more-button:hover{
	opacity: 0.6;
}

.page-load-status{
	display: none;
	margin-top: -10px;
}

.infinite-scroll-request{
	text-align: center;
	padding-bottom: 50px;
}





.miniContent{
	margin-bottom: 100px;
	width: 630px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	
	padding-top: 60px;
}


.navList2{
	font-size: 13px;
	margin-bottom: 5px;
}

.navList3{
	margin-bottom: 40px;
}

.navList2 li{
	display: inline-block;
	margin-right: 20px;
}

#footer .headerBox nav > ul > li > span,
#footer .headerBox nav > ul > li > a{
	padding-left: 0;
	padding-right: 0;
}

/*
.miniContent .subTtl{
	padding-top: 60px;
}
*/

.privacyDate{
	margin-bottom: 20px;
}

.strBox{
	margin-bottom: 60px;
}


.dotList {
	margin-bottom: 20px;
}

.dotList li{
	list-style-type: disc;
	
	margin-left: 2em;
}


#button_container{
	top: 20px;
}

#button_container.active{
	top: 7px;
}




.countNum{
	font-size: 14px
}



.categoryDetailList{
	margin-top: 20px;
	clear: both;
}
.categoryDetailList li{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	
	cursor: pointer;
}

.categoryDetailList li.select{
	background-color: #f691ab;
	border: 1px solid #f691ab;
	color: #fff;
}
.categoryDetailList li.select .countNum{
	color: #fff;
}

.categoryDetailList.subCat li{
	padding: 3px 8px;
}

.categoryDetailList li .countNum{
	font-size: 12px;
	color: #666;
}

.subCat{
	display: none;
	
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.subCat.select{
	display: block;
}


footer .navList{
	float: left;
}

.navList2{
	clear: both;
	float: left;
}






a.pdf{
	font-size: 16px;
	background-image: url(../images/ico_pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	display: inline-block;
	font-weight: bold;
	color: #293042;
}

.eventPlaceList > li{
	margin-bottom: 80px;
}


h4.subTtl{
	text-align: left;
	background-color: #293042;
	color: #fff;
	padding: 10px 20px;
}

.spaceTtl{
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: bold;
}

.eventBox{
	margin-bottom: 20px;
}

.eventBox a{
	text-decoration: underline;
}

.eventBox .shopImg{
	float: left;
	width: 50%;
}

.eventBox .shopImg img{
	max-width: 100%;
}

.eventBox .disp{
	float: right;
	width: 45%;
}




.shopInfo{
	clear: both;
	margin-bottom: 0px;
}

.shopInfo li{
	padding: 12px 15px;
}

.shopInfo li:nth-child(2n+1){
	background-color: #ddd;
}
.shopInfo li:nth-child(even){

}

.shopInfo li a{
	color: #293042;
}

.shopInfo li .ttl{
	float: left;
	width: 25%;
	margin-right: 5%;
	font-weight: bold;
}
.shopInfo li .disp{
	float: left;
	width: 65%;
}






.pressList{
	margin-left: -20px;
	margin-right: -20px;
}

.pressList li{
	float: left;
	width: calc(50% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	
	margin-bottom: 60px;
}

.pressList a{
	text-decoration: underline;
}




.pressBtn a{
	display: block;
	padding: 10px 0;

	border: 2px solid #293042;
	color: #293042;
	
	text-align: center;
	line-height: 140%;


background-image:url(../images/arr_more@2x.png);	

background-repeat: no-repeat;
background-size: 8px auto;
background-position: right 15px center;

text-decoration: none;
margin-top: 20px;

}



.regulationTbl{
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-top: 5px;
}

.regulationTbl th,
.regulationTbl td{
	padding: 10px 20px;

border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


.privacyBox{
	margin-bottom: 60px;
}




.stemapList{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.stemapList li{
	display: inline-block;
	margin-right: 20px;
}

.sitemapTtl{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}






#spHeader{
	display: none;
}




.parkingBox .left{
	float: left;
	width: 50%;
	padding-left: 60px;
}

.parkingBox .left .newsList li{
	width: calc(50% - 20px)
}

.parkingBox .right{
	float: right;
	width: 50%;
	width: calc(50% - 30px);
}

#parkingMap{
	width: 100%;
	height: 600px;
}

.parkingSwitchList{
	display: none;
}





























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


.headerBox nav > ul > li{
	margin-left: 5px;
}

.headerBox{
	padding-left: 40px;
	padding-right: 40px;
}

.contentsBox{
	padding-left: 40px;
	padding-right: 40px;
}

body.page main{
	padding-top: 85px;
}



}

















/* ------------------------------------------
ipad
------------------------------------------ */
@media screen and (max-width: 870px){


#button_container{
	display: block;
}

.headerBox nav{
	display: none;
}


.parkingBox .left{
	padding-left: 30px;
}




}

























/* ------------------------------------------
smartphone
------------------------------------------ */
@media screen and (max-width: 719px){


#button_container{
	top: 7px;
}

body.page main{
	padding-top: 60px;
}

.detailMainImg{
	margin-bottom: 30px;
}




.view-more-button{
	display: block;
}

.onlyPc{
	display: none;
}
	
.onlySp{
	display: block;
}


.showSp{
	display: block;
}

.spCenter{
	text-align: center;
}


header{
	background-color: #fff;
	height: 60px;
}
header.active{
	height: 60px;
}

body.home h1.logo a,
header h1.logo a{
	background-image:url(../images/hd_logo.png);
}

header h1.logo{
	margin-top: 18px;
}



body.home main{
	padding-top: 60px;
}


#searchBtn{
	display: block;
}

#searchBtn a{

	position: fixed;
	top: 0px;
	right: 75px;

	height: 60px;	
	z-index: 300; 
	width: 40px;

	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_search.png);
	background-repeat:no-repeat;
	background-size: 18px auto;
	background-position: top 24px center;
}


/*
.mm-navbar{
	display: none;
}
*/










.searchInputBox{
	padding-left: 15px;
	padding-right: 15px;
}

.headerBox{
	padding-left: 20px;
	padding-right: 20px;
}



.contentsBox{
	padding-left: 20px;
	padding-right: 20px;
}

.articleList.row1 li,
.articleList.row2 li,
.articleList.row3 li{
	width: auto;
	float: none;
	height: auto !important;
}



.mainArea{
	width: auto;
	float: none;
}
.subArea{
	width: auto;
	float: none;
	padding-left:0;
}




.sideList li{
	margin-bottom: 10px;
}

.sideList li .img{
	height: auto;
}




.subArea{
	padding-top: 40px;
}

.grayArea{
	margin-top: 0;
}

.newsList li{
	width: auto;
	float: none;
}

.headBox .mainTtl{
	margin-bottom: 10px;
}


.snsImgList li{
	width: 50%;
}


.snsImgList li:last-child{
	display: none;
}












.topContent .despArea{
	position: relative;
}

.topContent .despArea{
	padding-left: 0px;
	padding-right: 0px;
	
	bottom: auto;
	color: #000;
}


.topContent .despArea h2.ttl{
	font-size: 16px;
}



.bottomShadow{
	display: none;
}

.topContent .despArea h2.ttl{
	text-shadow: none;
}

.topContent .despArea .desp{
	text-shadow: none;
}





section#topFeature{
	margin-top: 40px;
}


.topContent .despArea{
	margin-top: 20px;

	position: relative;
	z-index: 2;

	line-height: 160%;
	

	margin-top: -10px;
	padding: 15px;
	padding-top: 0;
	padding-bottom: 20px;

	background-color: #fff;

	box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
}


.topContent .despArea .icon{
	margin-bottom: 10px;
}





.topContent .despArea .icon{
	position: relative;
	left: 50%;
	top: -15px;
	padding: 4px 30px;
	margin-bottom: 0px;

  -webkit-transform: translate(-50%,0%);
      -ms-transform: translate(-50%,0%);
          transform: translate(-50%,0%);
}


















/*
.tabList{
	display: none;
}
*/


.featureList li .img{
	float: none;
	width: auto;
}
.featureList li .despArea{
	float: none;
	width: auto;
}

.pickupBox{
	padding-left: 20px;
	padding-right: 20px;
}


.topSlider .each{
	margin-bottom: 20px;
}

.featureList li .despArea{
	padding: 15px;
}

.newsList.row3 li{
	width: auto;
}


article.detail h1.detailTtl{
	font-size: 16px;
}

article.detail .detailHead .wp_social_bookmarking_light{
	padding-top: 5px;
}

article.detail .detailHead .date{
	display: none;
}


.featureList li .despArea .desp{
	margin-bottom: 10px;
}

body.home .subArea{
	padding-top: 60px;
}
.subArea{
	padding-top: 0px;
}

body.page main{
	padding-top: 70px;
}

.grayBg{
	padding-top: 30px;
}

.pageTtlBox{
	margin-bottom: 10px;
}

h1.logo{
	margin-top: 27px;
}

.kindSelect{
	display: none;
}

.searchText{
	width: calc(100% - 110px);
	width: 100%;
	margin-bottom: 10px;
}
.sepX{
	display: none;
}
.areaSelect{
	width: 100%;
	margin-bottom: 10px;
}
.searchBtn{
	width: 100%;
}


footer h1.logo{
	float: none;
}

footer h1.logo a{
	margin: 0 auto;
}

footer{
	padding-top: 27px;
}

h1.logo{
	margin-top: 0;
}










.topSlider .slick-prev{
	left: 20px;
	top: 30%;
}
.topSlider .slick-next{
	right: 20px;
	top: 30%;
}


section#topFeature{
	margin-top: 0px;
}




/*
.hideSp{
	display: none !important;
}

.hide2 .count3{
	display: none !important;
}
.hide2 .count4{
	display: none !important;
}
*/

.headBoxBlack{
	padding: 40px 0 20px 0;
}

.headBox .mainTtl{
	font-size: 26px;
}




/*

.hide4 .count5{
	display: none !important;
}
.hide4 .count6{
	display: none !important;
}
.hide4 .count7{
	display: none !important;
}
.hide4 .count8{
	display: none !important;
}
	
*/













.spotInfo .shopSlider{
	float: none;
	width: auto;
}

.spotInfo .desp{
	float: none;
	width: auto;
	margin-bottom: 40px;
}

.spotInfoBox{
	padding-left: 20px;
	padding-right: 20px;
}

.spotInfoList li .ttl{
	float: none;
	font-weight: bold;
}

.spotInfoList li .desp{
	padding-left: 0;
}


#mapCanvasDetail{
	height: 250px;
}




.relateTtl{
	font-size: 24px;
}








.pickupSlider .slick-prev{
	left: -6px;
	top: 34%;
	z-index: 5;
}
.pickupSlider .slick-next{
	right: -6px;
	top: 34%;
	z-index: 5;
}

.pickupSlider .slick-prev::before,
.pickupSlider .slick-next::before{
	color: #666;
	font-size: 20px;
}

.searchMini .filterList{
	width: auto;
	margin-bottom: 10px;
}


#sideMap{
	height: 300px;
}




.btnArea2 a.btn{
	margin-bottom: 20px;
}

.newsList.pickupSlider{
	margin-bottom: 0;
}



.pmark{
	text-align: center;
}

.contactStr{
	margin-top: 30px;
}

.copyright{
	padding-top: 10px;
}

footer h1.logo a{
	width: 131px;
	height: 33px;
}


.headBox .mainTtl.mini{
	font-size: 18px;
}


.headBox .mainTtl2.mini{
	margin-bottom: 20px;
}


.newsList li{
	height: auto !important;
}

.newsList li.wide{
	width: auto;
}

.newsList li.middle{
	width: auto;
}







.searchBtn{
	margin-bottom: 20px;
}









h1.logo a{
	width: 195px;
	height: 24px;
}






.mainVisual .despArea{
	left: 0;
	width: 100%;

  -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}


.mainVisual .despArea .copy{
	margin-bottom: 20px;
}

.mainVisualImg{
	height: 300px;
}

.mainVisualImg img{
	height: 100%;
	width: auto;
}




section.sec{
	padding-top: 40px;
}

.topSlider .each .despArea .ttl{
	font-size: 16px;
	margin-bottom: 10px;
}

.topSlider .each .despArea{
	padding: 20px 15px;
	
	line-height: 160%;
}

.topSlider .each .despArea .desp{
	font-size: 13px;
}

#topFeature{
	padding-bottom: 20px;
}


.topBnrList{
	margin-left: -5px;
	margin-right: -5px;
}
.topBnrList li{
	width: calc(50% - 10px);
	margin-bottom: 10px;
}

.topBnrList{
	margin-bottom: 40px;
	padding-top: 40px;
}

.headBox .mainTtl{
	font-size: 20px;
}

.newsList.pickupSlider li{
	padding-left: 0;
	padding-right: 0;
}

.newsList{
	margin-left: 0;
	margin-right: 0;
}

.newsList.pickupSlider .slick-list{
	margin-right: 0;
}

.slick-slide{
	overflow: hidden;
}

.newsList li{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
}

.navList3{
	padding-top: 20px;
	
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	padding-bottom: 20px;
}

.copyright{
	font-size: 10px;
	float: none;
	clear: both;
}

#footer{
	padding-top: 40px;
}

.monthList{
	display: table;
	width: 700px;
}
.monthList li{
	float: none;
	display: table-cell;
	width: 100px;
}

.monthBox{
	overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.newsList li{
	height: auto !important;
}









.selectBox{
	margin-bottom: 10px;
}

#cat01{
	width: calc(50%);
}

#cat02{
	width: calc(50%);
}

#cat03{
	width: calc(50%);
}

#cat06{
	width: calc(50% - 10px);
	margin-right: 0;
}


#cat05{
	display: none;
}


.searchBox{
	padding-bottom: 0;
	margin-bottom: 40px;
}


.searchInput{
	max-width: 90%;
	
	padding: 8px 15px;
}





.eventBox .shopImg{
	float: none;
	width: auto;
	margin-bottom: 10px;
}
.eventBox .disp{
	float: none;
	width: auto;
	line-height: 150%;
}


.pressList li{
	float: none;
	width: auto;
	height: auto !important;
}





.detailMainImg .img img{
	width: 100%;
	height: auto;
}



.slick-prev,
.slick-next{
	width: 40px;
	height: 40px;
}

.slick-prev
{
    left: -16px;
}

.slick-next
{
    right: -16px;
}









footer{
	margin-bottom: 60px;
}


#spHeader{
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
	border-top: 1px solid #eee;
}

.spHeaderNav li{
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px solid #eee;
}
.spHeaderNav li:last-child{
	border: none;
}

.spHeaderNav li a{
	color: #2B437A;
	height: 60px;
	box-sizing: border-box;
	padding-top: 36px;
	display: block;
	font-size: 11px;

background-repeat: no-repeat;
background-size: 24px auto;
background-position: center 12px;
}

.spHeaderNav li.home a{
background-image:url(../images/img_nav01.png);	
}
.spHeaderNav li.event a{
background-image:url(../images/img_nav05.png);	
}
.spHeaderNav li.topics a{
background-image:url(../images/img_nav03.png);	
}
.spHeaderNav li.ranking a{
background-image:url(../images/img_nav04.png);	
}

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











.parkingBox .left{
	float: none;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.parkingBox .left .newsList li{
	width: 100%;
}

.parkingBox .right{
	float: none;
	width: 100%;
}

#parkingMap{
	width: 100%;
	height: 600px;
}

.parkingSwitchList{
	display: block;
	padding-left: 20px;
	padding-right: 20px;

	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 20px;
	
}

.parkingSwitchList li{
	float: left;
	width: 50%;
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}

.parkingSwitchList li a{
	display: block;
	padding: 10px 0px;
	color: #fff;
	background-color: #293042;
	text-align: center;
}

.eachParkingBox{
	display: none;
}
.eachParkingBox.current{
	display: block;
}

.parkingSwitchList li a{
	opacity: 0.6;
}
.parkingSwitchList li a.current{
	opacity: 1;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.parkingSwitchList li a:hover{
	opacity: 0.6;
}

#parkingMap{
	height: 400px;
}


















}