/*-------------------------------------
	トップページ用
----------------------------------*/

/*	幅固定
--------------------------------------*/
#CONTENT .masonryItem { width:46%; margin-right:20px; }

/*	
--------------------------------*/
#panNavi { display:none; }
#topImage h2 { display:none; }
.camera_wrap .camera_pag .camera_pag_ul li{ /float:left;  /* IE6, IE7 */}


#CONTENT .leftWrap .box { margin:0 0 20px 0; }
#CONTENT .leftWrap .box h2, #CONTENT .leftWrap .box h3{ margin:0; border-width:0; padding:0; }
#CONTENT .leftWrap .box .menu { float:left; padding-right:10px; font-size:1.1em; }
#CONTENT .leftWrap .box .date { float:left; padding-left:10px; padding-right:10px; margin-bottom:5px; font-size:1.1em; }
#CONTENT .leftWrap .box .link { display:block; clear:both;  }
#CONTENT .leftWrap .box .image { clear:both; text-align:center;  }
#CONTENT .leftWrap .box .image img { padding:3px; background-color:#FFF; border:1px solid #999; }
#CONTENT .leftWrap .box .title { clear:both; padding-left:5px; padding-right:5px; font-size:1.3em; }
#CONTENT .leftWrap .box .msg { clear:both; font-size:0.8em; }
#CONTENT .leftWrap .box .readmore  { text-align:center; font-size:0.8em; }
#CONTENT .leftWrap .box p { margin:0 5px; }

#CONTENT .leftWrap .textBox { margin-right:20px; }

/* .rightWrap .banner
-----------------------------*/
#CONTENT .rightWrap dl.bannerBox { margin:0; margin-bottom:1px; min-height:60px; position:relative;  }
#CONTENT .rightWrap .bannerBox {
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
	/* 角丸 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	/* behavior: url(css/PIE.htc); htmlからのパス*/
}
#CONTENT .rightWrap .bannerBox dd { margin:0; }
#CONTENT .rightWrap .bannerBox dt,
#CONTENT .rightWrap .bannerBox dd.comment { margin-left:65px;}
#CONTENT .rightWrap .bannerBox dt { line-height:1.2; margin-bottom:2px; }
#CONTENT .rightWrap a .bannerBox { cursor:pointer; }
#CONTENT .rightWrap a .bannerBox dd.comment { color:#333333; }
#CONTENT .rightWrap a:hover .bannerBox dd.comment { color:inherit; }
#CONTENT .rightWrap .bannerBox dd.image { position:absolute; top:5px; }

#CONTENT .rightWrap .comment { font-size:0.8em; }

/* .rightWrap .menuList
-----------------------------*/
#CONTENT .rightWrap .menuList { margin:20px 0; }
#CONTENT .rightWrap h4 .title{ padding:0 10px; }
#CONTENT .rightWrap .menuList h4 .comment{ font-weight:normal; font-size:0.8em; background:none; }
#CONTENT .rightWrap .menuList ul { margin:5px 0 0 20px; padding:0; list-style-image:url(../img/point02.gif);}
#CONTENT .rightWrap .menuList li { margin-bottom:5px; }

#mboso { }
#mboso h4 { margin-bottom: 2px; }

#Instagram{ margin:2em 0;}
#Instagram ul{ margin:0; padding:0; list-style:none;}
#Instagram li{ display:inline-block; width:32%; margin-right:2%; margin-bottom:2%;}
#Instagram li img{ width:100%; height:auto;}
#Instagram li:nth-child(3n){ margin-right:0 !important;}

/* RN
-----------------------------*/
.itemArea { display:table; width:100%; margin-bottom:1em;}
.itemArea .item { display:table-cell; width:33%; padding:5px; }
.itemArea .item:first-of-type { padding-left:0;}
.itemArea .item:last-child { padding-right:0;}
#newsHeadline.itemArea .item { padding-top:0;}
.item a { display:block;
	border:solid 1px #ccc;border-radius:0.5em;
	position:relative;
}
.item a > span { display:block;}
.item .catego,
.item .title {
	padding-left:8px; padding-right:8px;
}
.item .catego { padding-top:0.2em; padding-bottom:0.2em;
	font-weight:bold; 
	border-top-right-radius:0.5em; border-top-left-radius:0.5em;
	color:#FFF; background-color:#ff8d41;}
	#newsHeadline .catego { background-color:#7a579e; }
	#event .catego { background-color:#A38D5C; }
	#newsShop .catego { background-color:#c2ebeb; color:#333333; }
	#newsMarche .catego { background-color:#d3c2eb; color:#333333; }
	#yoyaku .catego { background-color:#179349; }

.item .image { text-align:center; max-height:165px; overflow:hidden;}
#yoyaku .item .image, #biwa .item .image { max-height:none;}
.item .image img { max-width:100%;}
.item .title { font-weight:bold; margin-bottom:2em;}
#yoyaku .item .title,
#event .item .title { margin-bottom:1.5em;}
.item .date { position:absolute; bottom:8px; left:8px; z-index:99;
	font-size:0.8em; color:#999; }
#yoyaku .item .date,
#event .item .date { position:static; font-weight:bold; padding-left:8px; padding-top:8px;
	font-size:1em; color:#333; }
.rightWrap #yoyaku .item { padding-top:0; }
.item .more { position:absolute; bottom:8px; right:8px; z-index:99;
	font-size:0.8em; color:#333; }
.icon{background:url(../icon/icon_gry.png) no-repeat; display:inline-block; overflow:hidden; width:12px; height:0; padding-top:12px; font-size:0em; vertical-align:middle; margin-right:3px;}

/*  ようこそ！*/
.textBox { margin-top:3em;} 

/* PC Smp */
.forSmp { display:none;}
.forPC { display:block;}

#Instagram{ margin:3em 0 1em;}
#Instagram ul{ margin:0; padding:0; list-style:none;}
#Instagram li{ display:inline-block; width:32%; margin-right:2%;}
#Instagram li img{ width:100%; height:auto;}
#Instagram li:last-child{ margin-right:0 !important;}

.incNoData { width:33%; display:inline-block; }
.incNoData .item .title { font-weight:normal; margin-bottom:0 !important; }
.btn-block-icon {
}
.btn-block-icon a {
	display: inline-block;
	padding: 10px 10px 10px 40px;
	margin: 0 10px;
	background-color: #7a579e;
	border: solid 1px #7a579e;
	color: #FFF;
	border-radius: 5px;
	background-image: url(../icon/icon-form-l.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.btn-block-icon a:hover {
	background-color: #E0D8E9;
	color: #333;
	text-decoration: none;
}
.margin-t20 {
	margin:20px 0 0 0;
}

@media only screen and (max-width: 640px) {
.forSmp { display:block;}
.forPC { display:none;}
.itemArea .item { display:block; width:100%; padding-left:0; padding-right:0;}
.itemArea .item a:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.camera_pag_ul { display:none;}
.camera_wrap { margin-bottom:2px !important;}

.item .image { float:right; width:37%; padding:0 5px; max-height:95px;}
.item .date { /*left:36%; */}
.item .more { right:40%;}
#CONTENT { padding:0 1px;}

.itemArea{border: solid 1px #ccc; border-radius: 0.5em; margin-bottom:1em; width:98%;}
.item .catego{ display:none;}
.item a{
	border-width:0 0 1px 0;
	border-style:dashed;
	border-color:#ccc;
	border-radius: 0;
	padding:3px 0;
}
.item:last-child a{ border-bottom:none;}

.incNoData { width:98%; display:inline-block; }

#newsHeadline:before
,	#yoyaku:before
,	#biwa:before
,	#event:before
,	#newsShop:before
,	#newsMarche:before
{
	display:block;
	text-align:center;
	padding:0.2em;
	border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
	font-weight: bold;
}

#newsHeadline:before{
	content:"News";
	background-color: #7a579e;
	color: #FFF;
}

#yoyaku:before{
	content:"ネット予約";
	background-color: #179349;
	color: #FFF;
}

#event:before{
	content:"Event";
	background-color: #A38D5C;
	color: #FFF;
}



}