@charset "utf-8";
/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/
#wrapper {
  background: none;
}

@media screen and (min-width: 769px) {
/***** PC用のスタイル記述 *****/

#top_sec{
	padding:70px 0 0 0;
}


/*------------------------------------------------------------
ニュース
------------------------------------------------------------*/
#news {
  width: 940px;
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -480px;
  background: url(../images/bg_white70.png) repeat center center;
  padding: 5px 10px;
  font-size: 85%;
  z-index:99;
}
#news dl {
  display: table;
}
#news dt {
  display: table-cell;
  vertical-align: middle;
}
#news dt img {
  vertical-align: middle;
}
#news dd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size:14px;
}
#news dd:nth-of-type(1) {
  width: 895px;
  overflow: hidden;
  *zoom: 1;
}
#news dd:nth-of-type(1) strong {
  float: left;
  display: inline;
  width: 90px;
}
#news dd:nth-of-type(1) span {
  float: left;
  display: inline;
  width: 780px;
}
#news dd:nth-of-type(2) {
  cursor: pointer;
}
#news dd img {
  vertical-align: middle;
}

/*------------------------------------------------------------
メインビジュアル
------------------------------------------------------------*/
#mainVisual{
	margin:0 auto;
	height:670px;
}

#mainVisual ul li{
	height:670px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#mainVisual ul li img{
}

.flex-direction-nav .flex-next{
	right:0 !important;
}

.flex-control-nav{
	display:block !important;
	bottom:5px !important;
	z-index:99 !important;
}

.flex-control-paging li a{
	background:#C4C4C4 !important;
	box-shadow:none !important;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
	background:#C2A353 !important;
}




/*------------------------------------------------------------
おすすめ情報
------------------------------------------------------------*/
#info {
  margin: 60px auto;
}

#info .title_box{
	position:relative;
	text-align:center;
	
}

#info .title_box hr{
	position:absolute;
	width:100%;
	top:-1px;
	height:2px;
	border-bottom:1px solid #E0CB9D;
	border-top:1px solid #E0CB9D;
	padding:1px 0;
}

#info h2 {
	position:relative;
	margin-bottom: 30px;
}

#info h2 span{
	display:block;
	background:#FFF;
	font-size:32px;
	color:#C2A353;
	font-weight:normal;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}


#info .infoslider{
	width: 960px;
	margin:0 auto;
 	position:relative;
}

#info .infoslider ul.slides {
}
#info .infoslider ul.slides li{
  width: 310px;
  height:320px;
  margin: 0 12px 0 0 !important;
   border: 1px solid #D0D0D0;
}

#info .infoslider ul.slides dl{
	height:320px;
}

#info .infoslider ul.slides dl:hover{
  background: #eeebe1;
}


#info .infoslider .flex-direction-nav .flex-prev {
    left: -50px;
    background: url(../images/icon/slide_prev.png) no-repeat;
    background-size: auto auto;
    text-indent: -9999px;
	opacity:1;
}
#info .infoslider .flex-direction-nav .flex-next {
    right: -50px !important;
    background: url(../images/icon/slide_next.png) no-repeat;
    background-size: auto auto;
    text-indent: -9999px;
	opacity:1;
}


/*** f-box ***/
.f-box{
	width:100%;
	overflow:hidden;
}

.f-box .float_r{
	float:right;
}
.f-box .float_l{
	float:left;
}

.f-box .img{
	width:60%;
	height:480px;
}

.f-box .info{
	width:40%;
}

.f-box .info .inner{
	display:table-cell;
	vertical-align:middle;
	height:480px;
	text-align:center;
}

.f-box .info h2{
	margin:0 0 35px;
}

.f-box .info p.h2_txt{
	font-size:18px;
	margin:0 0 25px;
    color: #555555;
    text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
}

.f-box .info ul{
}

.f-box .info ul li{
}

.f-box .info ul li a{
	display:block;
	width:191px;
	margin:0 auto 5px;
	padding:4px 0;
	font-size:0;
	text-align:center;
}

.f-box .info ul li a:hover{
	opacity:0.7;
}


#fair .img{
	background:url(../images/top/fair-img_1.jpg) center center no-repeat;
	background-size:cover;
}

#fair .info{
	background:url(../images/top/fair-img_2.jpg) center center no-repeat;
	background-size:cover;
}

#concept .img{
	background:url(../images/top/concept-img_1.jpg) center center no-repeat;
	background-size:cover;
}

#concept .info{
	background:url(../images/top/photo-img_2.jpg) center center no-repeat;
	background-size:cover;
}

/*** sub_contents ***/
#sub_contents{
	clear:both;
	margin:40px 0 30px 0;
}

#sub_contents h2{
	margin:0 0 20px;
	text-align:center;
}

#sub_contents h2 span{
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	margin:5px 0 0 0;
}

#sub_contents .list_box{
	text-align:center;
}

#sub_contents .box{
	display:inline-block;
	width:32%;
	vertical-align:top;
}

#sub_contents .box .img{
	margin:0 0 20px;
}

#sub_contents .box .img img{
	width:100%;
	height:inherit;
}

#sub_contents .box h3 span{
	display:block;
	font-size:24px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight:normal;
	color:#333333;
}

#sub_contents .box h3{
	font-size:16px;
	color:#C2A353;
	margin:0 0 10px;
	line-height:1;
	font-weight:bold;
}

#sub_contents .box p.h3_txt{
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px;
}

#sub_contents .box p.link a{
	display:block;
	width:190px;
	height:36px;
	box-sizing:border-box;
	margin:0 auto 15px;
	padding:4px 0;
	border:solid 1px #C2A253;
	border-radius:3px;
	font-size:16px;
	color:#C2A253;
	text-align:center;
	background:url(../images/icon/icon_arrow_g.png) 175px center #FFF no-repeat;
}

#sub_contents .box p.link a:hover{
	opacity:0.7;
}

/*** other_contents ***/
#other_contents{
	padding:50px 0 30px;
	background:linear-gradient(to bottom, #D8C79C 0%, #FFF 15%, #FFF 85%, #D8C79C 100%);
	background: -webkit-linear-gradient(top, #D8C79C 0%, #FFF 15%, #FFF 85%, #D8C79C 100%);
	background: -moz-linear-gradient(top, #D8C79C 0%, #FFF 15%, #FFF 85%, #D8C79C 100%);
	background: -o-linear-gradient(top, #D8C79C 0%, #FFF 15%, #FFF 85%, #D8C79C 100%);
	background: -ms-linear-gradient(top, #D8C79C 0%, #FFF 15%, #FFF 85%, #D8C79C 100%);
}

#other_contents .otherslider{
	width:960px;
	margin:0 auto;
	position:relative;
}

#other_contents .otherslider ul.slides{
	height:400px;
}

#other_contents .otherslider ul.slides li{
	width:308px !important;
	height:365px !important;
	border:1px solid #D0D0D0;
	margin:0 15px 0 0;
	background:#FFF;
	position:relative;
	
}

#other_contents .otherslider ul.slides li:before,
#other_contents .otherslider ul.slides li:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 1px;
  width: 50%;
  top: 80%;
  max-width:308px;
  background: #999;
  -webkit-box-shadow:0 25px 8px #777;
  -moz-box-shadow: 0 25px 8px #777;
  box-shadow:0 25px 8px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
#other_contents .otherslider ul.slides li:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 1px;
  left: auto;
}

#other_contents .otherslider ul.slides li .img{
	width:295px;
	margin:5px auto 20px;
	text-align:center;
}

#other_contents .otherslider ul.slides li h3 span{
	display:block;
	font-size:32px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight:normal;
	color:#333333;
}

#other_contents .otherslider ul.slides li h3{
	font-size:14px;
	font-weight:bold;
	color:#C2A353;
	margin:0 0 10px;
	line-height:1;
	text-align:center;
}

#other_contents .otherslider ul.slides li p.h3_txt{
	font-size:14px;
	font-weight:normal;
	padding:0 10px;
}



#other_contents .otherslider .flex-direction-nav .flex-prev {
    left: -50px;
    background: url(../images/icon/slide_prev.png) no-repeat;
    background-size: auto auto;
    text-indent: -9999px;
	opacity:1;
}
#other_contents .otherslider .flex-direction-nav .flex-next {
    right: -50px !important;
    background: url(../images/icon/slide_next.png) no-repeat;
    background-size: auto auto;
    text-indent: -9999px;
	opacity:1;
}

/*# sourceMappingURL=top.css.map */

}

@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
/* スマートフォン用のスタイル記述 */

#top_sec{
	padding:58px 0 0 0;
}



/*------------------------------------------------------------
メインビジュアル
------------------------------------------------------------*/
#mainVisual{
	margin:0 auto 5px;
}

#mainVisual ul{
}

#mainVisual ul li{
	overflow:hidden;
	height:240px !important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#mainVisual ul li img{
	height:240px !important;
	width:inherit !important;
}

.flex-direction-nav .flex-next{
	right:0 !important;
}

.flex-control-nav{
	display:block !important;
	bottom:15px !important;
	z-index:99 !important;
}

.flex-control-paging li a{
	background:#C4C4C4 !important;
	box-shadow:none !important;
	/*border:1px solid #FFF;*/
}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
	background:#C2A353 !important;
}

.flex-control-nav {
	bottom: 5px !important;
}

/*------------------------------------------------------------
ニュース
------------------------------------------------------------*/
#news {
	margin:0 20px;
}
#news dl {
}
#news dt {
	font-size:18px;
	color:#E7A4AB;
}

#news dt img {
	display:none;
}
#news dd {
	font-size:16px;
	line-height:1.2;
}

#news dd.close{
	display:none;
}

/*------------------------------------------------------------
おすすめ情報
------------------------------------------------------------*/
#info {
  margin: 20px auto;
}

#info .title_box{
	position:relative;
	text-align:center;
	
}

#info .title_box hr{
	position:absolute;
	width:100%;
	top:-2px;
	height:2px;
	border-bottom:1px solid #E0CB9D;
	border-top:1px solid #E0CB9D;
	padding:1px 0;
}

#info h2 {
	position:relative;
	margin-bottom: 10px;
}

#info h2 img{
	width:40%;
	height:inherit;
}


#info h2 span{
	display:block;
	background:#FFF;
	font-size:32px;
	color:#C2A353;
	font-weight:normal;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}


#info .infoslider{
	margin:0 10px;
 	position:relative;
}

#info .infoslider ul.slides {
}
#info .infoslider ul.slides li{
  margin: 0 0 0 0 !important;
 	background:url(../images/sp/common/icon_arrow2.png) right center no-repeat;
}


#info .infoslider ul.slides li.more_list{
	display:none;
}


#info .infoslider ul.slides dl{
	clear:both;
	overflow:hidden;
	padding:10px 0;
	border-bottom:1px solid #D0D0D0;
}

#info .infoslider ul.slides dl dt{
	float:left;
	width:35% !important;
}

#info .infoslider ul.slides dl dt img{
	width:100%;
	height:inherit;
}

#info .infoslider ul.slides dl dd{
	float:right;
	width:60%;
	font-size:14px;
	line-height:1.4;
	padding:0 10px 0 0;
	box-sizing:border-box;
}

#info .info_more,
#info .info_close{
	width:60%;
	margin:20px auto 0;
	text-align:center;
	border:1px solid #C2A353;
	border-radius:3px;
	font-size:20px;
	color:#C2A353;
	padding:5px 0;
	cursor:pointer;
	position:relative;
}

#info .info_more img,
#info .info_close img{
	position:absolute;
	right:15%;
	top:40%;
	vertical-align:middle;
	width:10%;
	height:inherit;
	max-width:30px;
}

#info .info_close{
	display:none;
}

#info .info_close img{
	transform:rotate(180deg);
}


/*** f-box ***/
.f-box{
	clear:both;
	overflow:hidden;
	position:relative;
	margin:0 0 0;
}

.f-box .float_r{
}
.f-box .float_l{
}

.f-box .img{
	height:300px;
}

.f-box .info{
	position:absolute;
	width:100%;
	bottom:0;
}

.f-box .info .inner{
	text-align:center;
}

.f-box .info h2{
	padding:15px 0 0;
}

.f-box .info h2 img{
	width:50%;
	height:inherit;
}

#concept .info h2 img{
	width:36%;
	height:inherit;
}



.f-box .info p.h2_txt{
	display:none;
}

.f-box .info ul{
	margin:0;
	text-align:center;
}

.f-box .info ul li{
	display:inline;
}

.f-box .info ul li a{
	display:inline-block;
	width:45%;
	margin:0 2px 15px;
	padding:10px 0 0 0;
	font-size:0;
	text-align:center;
}

.f-box .info ul li a img{
	width:100%;
	height:inherit;
}


.f-box .info ul li a:first-child{
}


.f-box .info ul li a:hover{
	opacity:0.7;
}


#fair .img{
	background:url(../images/top/fair-img_1.jpg) center center no-repeat;
	background-size:cover;
}

#concept .img{
	background:url(../images/top/concept-img_1.jpg) center center no-repeat;
	background-size: cover;
}

#fair .info,
#concept .info{
	background:rgba(255,255,255,0.8);
}


/*** sub_contents ***/
#sub_contents{
	clear:both;
	padding:5px 0 0 0;
	background:linear-gradient(to left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -webkit-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -moz-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -o-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -ms-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
}


#sub_contents h2{
	padding:20px 0;
	background:#FFF;
	text-align:center;
}

#sub_contents h2 img{
	width:80%;
	height:inherit;
}


#sub_contents h2 span{
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	margin:5px 0 0 0;
}

#sub_contents .list_box{
	text-align:center;
}

#sub_contents .box{
	padding:0 0 5px;
}


#sub_contents .box .img{
	height:220px;
	margin:0;
	position:relative;
}

#sub_contents .box .img img{
	display:none;
	width:100%;
	height:inherit;
}

#sub_contents .box_cuisine .img{
	background:url(../images/top/sub_contents-img_cuisine.jpg) center no-repeat;
	background-size:cover;
}

#sub_contents .box_banquet .img{
	background:url(../images/top/sub_contents-img_banquet.jpg) center no-repeat;
	background-size:cover;
}

#sub_contents .box_ceremony .img{
	background:url(../images/top/sub_contents-img_ceremony.jpg) center no-repeat;
	background-size:cover;
}

#sub_contents .box .img h3{
	display:block;
	position:absolute;
	width:100%;
	bottom:0;
	padding:15px 0;
	background:url(../images/icon/icon_arrow_g.png) 95% center rgba(255,255,255,0.8) no-repeat;
}

#sub_contents .box .img a:hover{
	opacity:0.7;
}

#sub_contents .box h3 span{
	display:block;
	font-size:24px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#333333;
}

#sub_contents .box h3{
	font-size:16px;
	font-weight:normal;
	color:#C2A353;
	line-height:1;
}

#sub_contents .box p.h3_txt{
	display:none;
}

#sub_contents .box p.link a{
	display:none;
}

/*** other_contents ***/
#other_contents{
	padding:0;
	background:linear-gradient(to left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -webkit-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -moz-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -o-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
	background: -ms-linear-gradient(left, #D8C79C 0%, #DFCEA4 10%, #F1E3BA 23%, #9E8556 100%);
}


#other_contents .otherslider{
}

#other_contents .otherslider ul.slides{
}

#other_contents .otherslider ul.slides li{
	padding:0 0 5px;
}

#other_contents .otherslider ul.slides li a{
}

#other_contents .otherslider ul.slides li a:hover{
	opacity:0.7;
}



#other_contents .otherslider ul.slides li .img{
	height:220px;
	position:relative;
}

#other_contents .otherslider ul.slides li .img img{
	display:none;
	width:100%;
	height:inherit;
}

#other_contents .otherslider ul.slides li .img_plan{
	background:url(../images/top/other_contents-img-plan.jpg) center no-repeat;
	background-size:cover;
}
#other_contents .otherslider ul.slides li .img_photo{
	background:url(../images/top/other_contents-img-photo.jpg) center no-repeat;
	background-size:cover;
}
#other_contents .otherslider ul.slides li .img_item{
	background:url(../images/top/other_contents-img-item.jpg?201208) center no-repeat;
	background-size:cover;
}
#other_contents .otherslider ul.slides li .img_coordinate{
	background:url(../images/top/other_contents-img-coordinate.jpg) center no-repeat;
	background-size:cover;
}
#other_contents .otherslider ul.slides li .img_access{
	background:url(../images/top/other_contents-img-access.jpg) center no-repeat;
	background-size:cover;
}


#other_contents .otherslider ul.slides li .img h3{
	display:block;
	position:absolute;
	width:100%;
	bottom:0;
	padding:15px 0;
	background:url(../images/icon/icon_arrow_g.png) 95% center rgba(255,255,255,0.8) no-repeat;
}

#other_contents .otherslider ul.slides li h3 span{
	display:block;
	font-size:24px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight:normal;
	color:#333333;
}

#other_contents .otherslider ul.slides li h3{
	font-size:16px;
	font-weight:normal;
	color:#C2A353;
	margin:0;
	line-height:1;
	text-align:center;
}

#other_contents .otherslider ul.slides li p.h3_txt{
	display:none;
}

/*** footer_fair ***/
#footer_fair{
	background:#E9E6DC;
	padding:10px 20px 20px;
	margin:0 0 30px;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#footer_fair:before,
#footer_fair:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.6);
    box-shadow:0 0 20px rgba(0,0,0,0.6);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#footer_fair:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

#footer_fair h4{
	font-size:14px;
	padding:0 0 10px;
	border-bottom:1px solid #FFF;
}

#footer_fair ul{
	text-align:center;
	border-top:1px solid #B4B4B4;
	padding:20px 0 0 0;
}

#footer_fair ul li{
	width:49%;
	display:inline-block;
}

#footer_fair ul li img{
	width:100%;
	height:inherit;
}




}