@charset "UTF-8";


/* 768px以下 */


/*==============================================================
レイアウト
==============================================================*/


html {
	height:100%;
	font-size: 14px;
}


body { 
position:relative;
margin-left:auto; margin-right:auto; width:auto; height:auto; 
}


/* 画像 */
img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}





/*ヘッダー*/
header{
	width:100%;
	margin-bottom:0;}
h1{
	margin-bottom:0;}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.4em!important;
	padding-bottom:10px!important;
}
h4 {
    font-size: 1.3em!important;
	padding-bottom:10px!important;
}
	
.head_tel {
    border-bottom: none;
    float: none;
    margin: 0;
}

.head_tel a:link {
	color: #FF4D4D;
}
.head_tel a:visited {
	color: #FF4D4D;
}
.head_tel a:active {
	color: #FF4D4D;
}
.head_tel a:hover {
	color: #FF4D4D;
}
	
	
.top_main {
    background-size: 100%;
	height:222px;
}
.top_pic {
    margin-top: 0;
}


.content {
    font-size: inherit;
}
	
.top_lead{
	font-size:1.2em;}
.top_lead span{
	font-size:1.1em;}
	
.top_lead2{
	text-align:left;}
	
footer{
	border-top:8px solid #AED266;}
	
footer a:link,footer a:visited{
	color:FFFFBF;}




footer a:link {
	color: #FFFFBF;
}
footer a:visited {
	color: #FFFFBF;
}
footer a:active {
	color: #FFFFBF;
}
footer a:hover {
	color: #FFFFBF;
}

.foot_body{
	width:100%;}
.top_info {
    padding-bottom: 50px;
}

.foot_tel{
	font-size:1.3em;
	font-weight:bold;}

/*トップページ　お知らせ*/
	
/*.info{
	margin:50px auto 30px;
	padding-left:10px;
	padding-right:10px}
.info li{
	width:100%;
	background:#fff;
	display:block;
	float:none;
	margin-left:0;
	margin-bottom:20px;
	position:relative;
	z-index:99;}
.info li img{
	width:120px;
	height:120px;
	float:left;
	margin-bottom:0!important;
	margin-right:10px;}
	
.info li a{
	padding:0;
	padding-right:5px;
	display:block;
	font-size:0.9em;
	height:100%;}
.info li a:link .info_title{
	text-decoration:underline;}
.info li a:hover .info_title{
	text-decoration:none;}
	
.foot_title {
	font-size:1.4em;
	line-height:1.7em;
}*/
.info {
    margin: 0 10px 10px;
    padding-left: 0;
}
.info li {
    width: 84%;
    background: #964B00;
    display: block;
    float: none;
    margin: 0 auto 15px!important;
	border-radius:3px;
}
.info li img{
	width:120px;
	height:120px;
	margin-bottom:0!important;
	margin-right:10px;
	float:none;
	display:none;}
	
.info li a > p:first-child{
	margin-bottom:0;
	font-size:1em;
	background:none;
	color:#fff;}
.info li a {
    font-size: 1em;
	padding-top:4px;
}


/*-------------------------------------------------- */
/*Google map レスポンシブ対応
---------------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 3% 0 3%; /* marginで調整 */

}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*==============================================================
ハンバーガーナビ
==============================================================*/



.hb-navigation {

display:block;
position:fixed;
top:10px;
right:10px;
width:40px;
height:40px;

	z-index:9999;
	background:rgba(0,0,0,0.8);
	
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;

	cursor:pointer;

}


.hb-navigation .button {

position: absolute;

top:19px;

margin-left:5px;

width:30px;
height:2px;
background:#fff;

transition:all .3s;
-webkit-transition:all .3s;


display:block;
cursor:pointer;

}


.hb-navigation .button::before, .hb-navigation .button::after {

position:absolute;
width:30px;
height:2px;
background:#fff;
transition:all .3s;
-webkit-transition:all .3s;
transition-delay:.3s;

cursor:pointer;

}

.hb-navigation .button::before {
content:'';
top:-12px;
}
.hb-navigation .button::after {
content:'';
top:12px;
}

/**/

.hb-navigation .action.button {
position: absolute;

width:30px;
height:2px;

background:none;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}


.hb-navigation  .action.button::before {
	display:block;

position:absolute;
top:0;
width:30px;
height:2px;
background:#fff;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

.hb-navigation  .action.button::after {
	display:block;

position:absolute;
top:0;
width:30px;
height:2px;
background:#fff;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

/**/


.navigation-contents {
	display:block;
position:relative;
top:0;
left:0;
background:rgba(0,0,0,.75);
width:100%;
margin:auto;
text-align:center;
opacity:0;
transition:all .5s;
-webkit-transition:all .5s;
transform:translateY(-100%);
-webkit-transform:translateY(-100%);
z-index:9998;

height:100%;
/*overflow:scroll;*/
}



.navigation-contents.open {
display: block;
position:relative;
position:fixed;
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);

}


/**/



.section {
position:absolute;
background:rgba(255,255,255,0.95);
}

.section.menu ul {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:3em;
	margin-bottom:1em;
	padding-left:0;

}

.section.menu ul li {
	border-top:solid 1px #85B200;
	position:relative;
}

.section.menu ul li.list_subpage {
	border-top:dotted 1px #aaa;
	width:90%;
	margin:0 auto;
}

.section.menu ul li::after {
    position: absolute;
    top: 48%;
    right: 15px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #85B200;
    border-right: 2px solid #85B200;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section.menu ul li.cur_non::after {
    position: absolute;
    top: 48%;
    right: 15px;
    display: none;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid #85B200;
    border-right: 2px solid #85B200;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section.menu ul li a {
	display:block;
	padding-top:0.7em;
	padding-bottom:0.7em;
	font-size:1.2em;
	color:#222;
	text-decoration:none;

}


/**/
	
.content_body{
	padding:0 5px;
	padding-bottom:50px!important;}
	
	
.sub_top{
	background:#D4F1D5;
	padding:25px 0 20px;
	background-position: 0 0;}
h2 span{
	font-size:0.6em;
	color:#468C00;
	}
	

.food_img img{
	display:block;
	width:100%;
	max-width:267px;
	margin-bottom:20px;}
	

	
.cont_box{
	padding:10px 20px 10px!important;}

/*==============================================================
スマホ表示専用
==============================================================*/

/*テーブルスクロール*/
.sp-table-overflow {
    overflow: scroll;
    margin-bottom: 20px;
}


/* brに適用 スマホのみ改行*/
.sp-br {clear:both;display:block;}

.sp-clear {clear:both!important;float:none!important;}

.sp-center {text-align:center!important;}

.sp-mgn0 {margin:0!important;}

.sp-display-non {display:none!important;}

.pc-display-non {display:block;}


.sp-img-w40p { width:40%!important;}
.sp-img-w50p { width:50%!important;}



.float_l-pic, .float_r-pic {
	float: none;
	margin-left:0px!important;
	margin-right:0px!important;
	margin-bottom:20px;
	text-align:center;
}




	/*==============================================================
ブログ
==============================================================*/

body#wp{}



/*一覧 ------------------------------------------------*/
ul.wp_list{}
ul.wp_list li{
	border-bottom:1px  dashed #DCDCDC;
	padding:10px 0px;
	margin:0px 0px;
	
}
/*日付*/
.news_date{ font-size:0.8em; color:#666666}

/*カテゴリ*/
.news_cate{font-size:0.8em; color:#666666;
	padding:0 0 0 10px}

/*タイトル*/
.news_title{ display:block;
	font-size:0.95em}






/*ブログ ------------------------------------------------*/

#honbun img{ width:100%; margin:0 0 10px 0 }
#honbun .small .wp_main_pic_frame{ width:180px; float:right; padding:0 0 0 20px }

/*日付*/
#honbun .date{ 
		font-size:0.8em;
		margin:0 0 30px 0;
		display:block
		}

.wp_main_caption{
	display:block;
	font-size:0.9em;
	color:#3D3D3D;
	}

.wp_main_pic{margin-bottom:40px}


/*関連リンク、資料ダウンロード*/
.kanren-box{ border:1px solid #D9D9D9;
padding:25px;
margin:20px 0px
}


/*調整*/
.kanren-box h5{
		margin-top:0px;
		}

/*関連リンク*/
.ul_link_blank li{ margin:20px 0 20px 0}
.ul_link_blank li:last-child{ margin:20px 0 0px 0}

	.ul_link_blank li a{ background:url(../img/body/i_new_window.png) no-repeat right 2px;
	margin:20px 0 20px 0;
	padding:0 25px 0 0 }

.ul_link_blank span{ font-size:0.8em;}
.ul_link_blank span.caption_s{ display:block; margin:0px 0px 0px 0px;}


/*資料ダウンロード*/
.ul_link_file li{ margin:20px 0 20px 0}
.ul_link_file li:last-child{ margin:20px 0 0px 0}

.ul_link_file span{ font-size:0.8em;}
.ul_link_file span.caption_s{ display:block; margin:0px 0px 0px 25px;}




/*オススメ一覧*/
ul.wp_list_osusume{ margin:10px 10px }
ul.wp_list_osusume li{ border-bottom:1px dashed #DCDCDC;padding:10px 0px; font-size:0.9em}
ul.wp_list_osusume li a{ display:inline-block !important}
ul.wp_list_osusume li span{ font-size:0.8em; color:#666666}





/*ニュース ------------------------------------------------*/

/* 管理画面で小さい写真を選択した場会 */

	/* 管理画面で小さい写真を選択した場会 */

		/* メインの写真を文章右に */
		.small .main_pic{
			width:47%;
			 float:right;
			 margin-left:20px;
			 margin-bottom:30px;
			 margin-top:6px;}
			 
			 /* メインの写真を文章右に */
		.small .main_pic p{ margin-top:0px !important}
		
		
		
/* サブ画像 */
.col3_photo_list{ margin-left:-3%}
.col3_photo_list .f_left{ float:left; width:22%; margin-left:3%; box-sizing:border-box;
margin-bottom:5px;}
.col3_photo_list .f_left img{ width:100%; margin-bottom:10px}
.col3_photo_list span.cap{ font-weight:1.2rem !important;
line-height:1.3em !important}








/* 詳細ページのページ送り */
#navigation {
	text-align:center; line-height:50px; height:auto; color:#666666; margin:60px 0 0 0;
	background:#F5F5F5
	}

#navigation span{ border-left:none; color:#138CC3; padding:0;font-size:13px; margin:0 0px; }
#navigation a:hover{}
#navigation span:first-child{ border:none}

#navigation .no-link{ color:#B3B3B3}

.bot-new{ margin:30px 0 0 0 }


/*==============================================================
ナビゲーションメニュー sub
==============================================================*/

/* nav#nav-wrapperの次のnavを非表示にする 
nav#nav-wrapper+nav {
	display:none;
}

*/

.nav-wrapper-sub {
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;

	margin-top:0px;

	border-bottom:#E9E9E9 solid 3px;
	border-top:#E9E9E9 solid 1px;

}


.nav-wrapper-sub ul 	{
	width: 100%;
	display:block;
	table-layout:auto;
	background:#FAFAFA;
	border-bottom:#fff solid 2px;
	border-top:#fff solid 2px;

}

.nav-wrapper-sub ul li 	{
	display:block;
	

}



.nav-wrapper-sub ul li a	{
	display: block;
	font-size: 15px;
	color: #444;
	text-align: center;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	letter-spacing: 0.05em;
	line-height:1.2;
}



.nav-wrapper-sub ul li {
    width: 100%;
}


#honbun .small .wp_main_pic_frame{ width:100%; float:none; padding:0; margin:0 auto; }

ul.list-type02 li {
	background:url(../img/body/arrow_sm_03.png) no-repeat left 8px;
}

.list_food li{
	background:url(../img/body/arrow_sm_03.png) no-repeat left 8px;
	}
	
.ichinen li{
	float:none;
	background:url(../img/body/arrow_sm_03.png) no-repeat left 8px;
	margin-right:0;}
	
.sc_sub_img{
	text-align:center;}
	.sc_sub_img img{
	max-width: 267px;}
	


.anchor{
	margin-top:0px;
	padding-top:0px;
	height:0;}
	
/*20160225ブログ修正*/
.information .blog_left {
    width: 100%;
    float: none;
}
.news_cate{
	margin-left:0!important;}
	
.information .blog_right {
    width: 100%;
    float: none;
    margin-bottom: 50px;
	font-size:100%;
}
aside.search {
    max-width: 250px;
}