@charset "utf-8";


/*-----------------------------
	#top
------------------------------*/

#top{
	clear:both;
  padding-bottom: 15px;
	background: url("../images/top_bg.jpg") repeat scroll 0 0 transparent;
}

/* btn_contact */
#top .btn_contact{
	position:absolute;
	right: 15px;
	top: 250px;
}
/* ui-tab */
#top #ui-tab{
	float:left;
	width:490px;
	height:230px;
}
#top #ui-tab ul{
	margin-bottom:15px;
	margin-top:15px;
	_margin-top:30px;
	overflow:hidden;
	z-index:999;
	width:490px;
}
#top #ui-tab ul li{
	float:left;
	margin-right:2px;
	background:#c88030;
}
#top #ui-tab ul li a{
	cursor:pointer;
}
#top #ui-tab ul li a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#top #ui-tab #tab_info{
	width:484px;
	height:110px;
	overflow:auto;
	_padding-top:8px;
	line-height:2;
}
#top #ui-tab #tab_info dl{
	overflow:hidden;
	width:450px;
}
#top #ui-tab #tab_info dl dt{
	float:left;
	width:90px;
}
#top #ui-tab #tab_info dl dd{
	float:left;
	width:350px;
}
#top #ui-tab #tab_info dl dd a{
	text-decoration:none;
	color:#555555;
}
#top #ui-tab #tab_info dl dd a:hover{
	text-decoration:underline;
}
#top #ui-tab #tab_twitter{
	width:484px;
	height:150px;
	_padding-top:8px;
}
#top #ui-tab #tab_facebook{
	width:484px;
	height:180px;
	overflow: hidden;
	_padding-top:8px;
}
.UIImageBlock .connect_widget .fan_box .page_stream{
	height:90px!important;
	padding-bottom:30px;
}




/*-----------------------------
	#concept
------------------------------*/

#concept{
	clear:both;
  padding-bottom: 15px;
	background:url(../images/concept_bg.jpg) repeat center top;
}
#concept .contents_inner{
	background:url(../images/concept_jerry.jpg) no-repeat right 35px;
}
/* h2 */
#concept h2{
	padding-top:40px;
	margin-bottom:20px;
}
/* concept_note */
#concept #concept_note{
	overflow:hidden;
	margin-bottom:25px;
}
#concept #concept_note p{
	float:left;
	clear:both;
	margin-bottom:5px;
	background:url(../images/concept_note_bg.gif) repeat;
	padding:3px 10px;
	color:#000;
	white-space:nowrap;
}
/* concept_photo */
#concept #concept_photo{
  width: 60%;
	clear:both;
}
#concept #concept_photo h3{
	margin-bottom:10px;
}
#concept #concept_photo ul{
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
#concept #concept_photo ul li{
	float:left;
	background:url(../images/concept_photo_bg.gif) no-repeat left top;
	width:134px;
	height:94px;
	margin-right:8px;
	text-align:center;
	padding:10px 0 0;
	_padding:10px 0 20px;
}




/*-----------------------------
	#event
------------------------------*/

#event{
	clear:both;
  padding-bottom: 15px;
	background:#fff;
}
/* h2 */
#event h2{
	float:left;
	padding-top:35px;
	margin-bottom:35px;
}
/* event_photo */
#event #event_photo{
	float:right;
	padding-top:38px;
	width:500px;
	margin-bottom:15px;
}
#event #event_photo h3{
	margin-bottom:10px;
}
#event #event_photo ul{
	clear:both;
	overflow:hidden;
}
#event #event_photo ul li{
	float:left;
	background:url(../images/event_photo_bg.gif) no-repeat left top;
	width:135px;
	_width:144px;
	height:119px;
	margin-right:6px;
	padding:5px 0 0 9px;
}
/* googlecalendar */
#event #googlecalendar{
	clear:left;
	float:left;
	width:720px;
	height:400px;
	margin-bottom:30px;
}




/*-----------------------------
	#access
------------------------------*/

#access{
	clear:both;
  padding-bottom: 15px;
	background:url(../images/access_bg.gif) repeat;
}
/* h2 */
#access h2{
	float:left;
	padding-top:60px;
	margin-bottom:35px;
}
/* googlemap */
#access #googlemap{
	float:right;
	padding-top:45px;
	margin-bottom:22px;
}
/* access_detail */
#access #access_detail{
	float:left;
	clear:left;
	margin-bottom:30px;
	width:415px;
}
#access #access_detail dl{
	clear:both;
	overflow:hidden;
	margin-bottom:4px;
	color:#fff;
	font-size:120%;
}
#access #access_detail dl.bg{
	background:url(../images/access_detail_bg.gif) repeat;
}
#access #access_detail dl dt{
	float:left;
	width:115px;
	_width:125px;
	padding:2px 0 3px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#access #access_detail dl dd{
	float:left;
	width:290px;
	padding:3px 0;
	letter-spacing:0;
}
/* route */
#access #route{
	clear:both;
	padding-left:15px;
	margin-bottom:20px;
	overflow:hidden;
}
#access #route li{
	float:left;
	margin-right:22px;
}
#access #route li.selected{
	margin-right:0;
}


/*-----------------------------
	#menu
------------------------------*/
#menu {
    background: url(../images/menu_bg.gif) repeat scroll 0 0 transparent;
    clear: both;
  padding-bottom: 15px;
}
/*#menu .contents_inner{
	background:url(../images/menu_illust.png) no-repeat right 35px;
}*/
#menu h2 {
    float: left;
    margin-bottom: 35px;
    padding-top: 35px;
}
#menu #top_read {
	float:left;
	margin-left:35px;
    margin-top: 45px;
	padding:10px;
    background: url("../images/access_detail_bg.gif") repeat scroll 0 0 transparent;
	width:350px;
    color: #FFFFFF;
    font-size: 120%;
    margin-bottom: 4px;
    overflow: hidden;
}
#menu h3 {
	clear:both;
	margin-top:20px;
	margin-bottom:40px;
}
#menu .item_box {
	width:830px;
	margin:0 auto 30px;
	line-height:1;
}
#menu .item_box_last {
	width:830px;
	margin:0 auto 50px;
	line-height:1;
}
#menu .item_l {
	width:410px;
	float:left;
}
#menu .item_r {
	width:410px;
	float:right;
}
#menu .item_l {
	width:410px;
	float:left;
}
#menu .item_l img,
#menu .item_r img {
	width:180px;
	float:left;
}
#menu .item_l div.detail,
#menu .item_r div.detail {
	width:220px;
	float:left;
	margin-left:10px;
	color:#FFFFFF;
}
#menu h4 {
	font-size:120%;
	color:#ffab5e;
	margin-bottom:10px;
}
#menu .price {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	margin-bottom:10px;
}
#menu p.kome {
	font-size:80%;
}



/*-----------------------------
	#link
------------------------------*/
#link {
    background: url("../images/link_bg.jpg") repeat scroll 0 0 transparent;
    clear: both;
  padding-bottom: 15px;
}
#link .contents {
}
#link .contents .contents_inner{
	height:610px;
	background: url(../images/link_illust.png) no-repeat right 35px;
}
#link h2 {
    float: left;
    margin-bottom: 35px;
    padding-top: 35px;
}
#link #top_read {
	float:left;
	margin-left:35px;
    margin-top: 40px;
	padding:10px;
	width:400px;
    color: #000000;
    font-size: 120%;
    overflow: hidden;
	line-height:2.4;
}
#link ul#sns {
	width:800px;
	padding-top:70px;
	display:block;
	clear:both;
}
#link ul#sns li {
	float:left;
	margin-right:30px;
}




/*-----------------------------
	#info
------------------------------*/
#info {
    background: url("../images/info_bg.jpg") repeat scroll 0 0 transparent;
    clear: both;
  padding-top: 40px;
  padding-bottom: 15px;
	color:#555555;
}
#info h2 {
	text-indent:-9999px;
}
#info .contents {
}
#info .contents .contents_inner{
    background: url(../images/info.png) no-repeat right 35px;
	padding:180px 0 50px;
}
#info #entry_all{
	float:left;
	width:600px;
}
#info .entry {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:#555555 1px dotted;
	line-height:1.2;
}
#info .entry h3 {
	font-size:210%;
}
#info .entry h3 a {
	color:#237f56;
	text-decoration:none;
}
#info .entry h3 a:hover {
	color:#237f56;
	text-decoration:underline;
}
#info .entry p {
	font-size:120%;
	margin-bottom:10px;
}
#info .entry p.date {
	font-size:100%;
	margin-bottom:35px;
}
#info #side_nav{
	float:right;
	width:220px;
	padding-top:120px;
}
#info #side_nav .nav_top{
	margin-bottom:70px;
}
#info #side_nav .nav_top h2.widgettitle{
	margin-bottom:15px;
	background:url(../images/info_category.png)  no-repeat scroll left center transparent;
	height:34px;
}
#info #side_nav .nav_under h2.widgettitle{
	margin-bottom:15px;
	background:url(../images/info_backnumber.png)  no-repeat scroll left center transparent;
	height:34px;
}
#info #side_nav li{
	margin-bottom:15px;
	font-size:110%;
}
#info #side_nav li a{
	text-decoration:none;
	color:#555555;
}
#info #side_nav li a:hover{
	text-decoration:underline;
}
#info #nav_below{
	width:600px;
}
#info #nav_below a{
	color:#555555;
	text-decoration:none;
}
#info #nav_below a:hover{
	color:#555555;
	text-decoration: underline;
}
#info #nav_below #nav_next{
	float:left;
}
#info #nav_below #nav_previous{
	float:right;
}


/*-----------------------------
	#contact
------------------------------*/

#contact{
	clear:both;
	background:url(../images/contact_bg.gif) repeat;
	color:#555555;
}
#contact h2{
	float:left;
	margin-bottom: 60px;
    padding-top: 50px;
}
#contact #top_read {
	float:left;
	margin-left:35px;
    margin-top: 30px;
	padding:10px;
	width:550px;
    color: #000000;
    font-size: 100%;
    overflow: hidden;
	line-height:1.6;
}
#contact .contents .contents_inner #form_area{
	margin:0 auto 50px;
	width:660px;
	clear:both;
}
#contact .contents .contents_inner #form_area input{
	padding:5px;
}
#contact .contents .contents_inner #form_area textarea{
	width:98.5%;
}
#contact .contents .contents_inner #form_area table{
	border-top:#c7c7c7 1px solid;
	margin-bottom:20px;
}
#contact .contents .contents_inner #form_area table th{
	width:200px;
	padding-left:10px;
	vertical-align: middle;
	background-color:#c7c7c7;
	color:#FFFFFF;
	border-bottom:#FFF 1px solid;
}
#contact .contents .contents_inner #form_area th span{
	font-size:85%;
	color:#FF0000;
}
#contact .contents .contents_inner #form_area table td{
	padding:15px;
	vertical-align: middle;
	border-bottom:#c7c7c7 1px solid;
}


#contact .contents .contents_inner #form_area p.submit_bt{
	width:600px;
	text-align:center;
	margin:0 auto;
}

.option { display: block; }

.wpcf7-mail-sent-ok{
	width:600px;
	margin:0 auto;
	text-align:center;
	color:#FF0000;
	font-size:140%;
	font-weight:bold;
	padding:20px 0 0;
}



@media only screen and (min-device-width: 768px) {
}

@media only screen and (max-width: 767px) {
	#top .f_right{
		float:none;
		text-align:center;
	}
	#concept .contents_inner{
		background:none;
	}
	#concept #concept_note p{
		white-space:normal;
	}
	#concept #concept_photo{
    width: 100%;
	}
	#concept #concept_photo ul{
		margin-bottom:30px;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:10px 8px;
	}
	#concept #concept_photo ul li{
		float:none;
		margin:0;
	}
	#menu h2{
		float:none;
		padding-top:20px;
		margin-bottom:20px;
		text-align:center;
	}
	#menu .item_box,
	#menu .item_box_last{
		width:100%;
		margin:0 auto 20px;
	}
	#menu .item_l,
	#menu .item_r{
		width:100%;
		float:none;
		margin-bottom:20px;
		text-align:center;
	}
	#menu .item_l img,
	#menu .item_r img{
		float:none;
		width:100%;
		max-width:240px;
		margin:0 auto 8px;
		display:block;
	}
	#menu .item_l div.detail,
	#menu .item_r div.detail{
		width:auto;
		float:none;
		margin:0 auto;
		display:inline-block;
		text-align:left;
	}
	#access h2{
		float:none;
		padding-top:20px;
		margin-bottom:20px;
		text-align:center;
	}
	#access #googlemap{
		float:none;
		padding-top:0;
		margin-bottom:20px;
	}
	#access #googlemap iframe{
		width:100%;
		height:240px;
	}
	#access #access_detail{
		float:none;
		clear:none;
		width:auto;
		margin-bottom:20px;
	}
	#access #access_detail dl dt,
	#access #access_detail dl dd{
		float:none;
		width:auto;
	}
	#access #route{
		padding-left:0;
	}
	#access #route li{
		float:none;
		margin:0 auto 12px;
		text-align:center;
	}
	#access #route li img{
		width:100%;
		max-width:320px;
	}
	#link .contents .contents_inner{
		height:auto;
		background:none;
	}
	#link h2{
		float:none;
		padding-top:20px;
		margin-bottom:20px;
		text-align:center;
	}
	#link #top_read{
		float:none;
		width:auto;
		margin:0 0 20px;
	}
	#link ul#sns{
		width:auto;
		padding-top:20px;
		text-align:center;
	}
	#link ul#sns li{
		float:none;
		margin:0 0 12px;
	}
}