@charset "utf-8";
/*
Theme Name: sorghum.jp(2017版)
Theme URI: http://theme.o2gp.com/
Description: sorghum.jp
Version: 1.0
Author: 株式会社きゅらり
Author URI: http://www.culali.com/

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 12px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000;
-webkit-text-size-adjust: none;
background:#fff;
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
paing:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#009999;
}

a:hover, a:active{
outline: none;
color:#12C7B9;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{

padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}


/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
    overflow: hidden;
}
 
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
 
.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
 
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
 
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
 
.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 22.7%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}
 
@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:960px;
}

#header{
overflow:hidden;
background:#B6DAAB;
}

#content{
float:left;
width:650px;
padding:22px 0 50px;
font-size: 110%;
line-height:1.8;
}

#sidebar{
float:right;
width:262px;
padding:22px 0 50px;
}

#sidebar dt{
margin:2px 0;

}

#sidebar dd{
margin:5px 0;
padding:5px 0;
border-bottom:1px dotted #CCC;
}



#footer{
clear:both;
background:#EEEEEE;
} 


#content img{
max-width:100%;
height:auto;
}


/* 回りこみ解除
*****************************************************/
.clear{clear:both;}



/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
padding:5px 0;
font-size:80%;
font-weight:normal;
display:none;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:20px 5px 15px;
color: #515151;
font-size:160%;
font-weight:bold;
}


/* コンタクト
----------------------------------*/
.contact{
float:right;
padding:30px 0;
text-align:right;
color:#000;
font-size:90%;
}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
font-family:Arial, Helvetica, sans-serif;
}


/* 右側バナー
----------------------------------*/

.headbn{
padding-right:5px;
}


/*******************************
/* リンク画像透過
*******************************/
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
margin:0 auto 20px auto;
line-height:0;
text-align:center;
z-index:0;

}

#mainImg_m{
display:none;
}


.post{
margin:0;
padding:0;
}

.toppage h4{
margin:0 0 10px;
font-size:120%;
font-weight:normal;
color:#333;
}


.toppage{padding:10px 10px 20px 20px;}






/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2.title{
	padding: 16px 20px 16px 10px;
	background: #F2F2F2;
	font-size: 120%;
	line-height:120%;
	font-weight: bold;
	color: #439A46;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #B6DAAB;
	border-left-color: #ddd;
background:url(images/back_h2.png) no-repeat bottom right;
margin-bottom:10px;
}

.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding:0 0 0 15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding:5px 10px;
font-size:120%;
font-weight:bold;
color: #333;
border-bottom:2px solid #CCC;
background:url(images/back_post_h2.jpg) no-repeat 0 0px;
}

.post h3{
margin:20px 0 10px 0;
font-size:120%;
font-weight:normal;
color:#FFF;
border-top:1px solid #319044;
border-bottom:1px solid #319044;
padding:8px 16px;
background:#64AC72;
}


.post h3.seminar{
margin:0px 0 10px 0;
font-size:120%;
font-weight:normal;
color:#FFF;
border-top:1px solid #319044;
border-bottom:1px solid #319044;
padding:8px 16px;
background:#64AC72;
}

.nomg{
margin:0;
padding:0;
}

.post h4{
margin-top:8px;
font-size:120%;
font-weight:bold;
color:#319044;
margin-bottom:12px;
}

.post h4 a{
color:#319044;
}

.post h4 a:hover{
color:#42BF5B;
}

.post h5{
font-size:110%;
line-height:110%;
font-weight:bold;
border-left:5px solid #319044;
border-bottom:1px dotted #319044;
padding-left:10px;
margin-bottom:10px;
padding:10px;
color:#319044;
}



.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}


img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright{
margin: 0px 0px 15px 20px;
display:inline;
}

img.alignleft{
margin:0px 20px 15px 0px;
display:inline;
}

.alignright{float:right;}
.alignleft{float:left;}



/* サイドバー　ウィジェット
*****************************************************/
section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 20px 0;
padding:10px 10px 10px 17px;
border:1px solid #d5d5d5;
background: #fff;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:15px;}

p.banner img{
max-width:262px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget h3{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

section.widget li a{
display:block;
padding:7px 0 7px 12px;
background:url(images/arrow.gif) no-repeat 0 12px;
border-bottom:1px dashed #dcdcdc;
}

section.widget li:last-child a{border:0;}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:0;
}

.newsTitle h2{
font-size:2em;
font-weight:normal;
color:#439A46;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:100%;
background:url(images/arrowWhite.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
margin:10px 0;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
}

.news a span{
color:#515151;
font:normal 100% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}

.cate{background:#319044;
padding:2px 6px;
margin:5px 10px 5px 0;
font-size:80%;
width:90px;
color:#FFF;
text-align:center;
display:inline-block;
font-family:Arial;}

.cate a{color:#FFF;}

.topnews{
width:100%;
margin:20px 0;}


.topnews a {
color:#000;
}


.topnews a:hover {
color:#12C7B9;
}

 dl, dt, dd {
  margin : 0;
  padding : 0;
}

 

a.more{
font-size:0.9em;
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
background:#999;
color:#FFF;
}

.more{
color:#FFF;
}

a.more:hover{
background:#CCC;
}


#sidebar a.more{
color:#FFF;
}

#sidebar 
a.more:hover{
background:#CCC;
color:#FFF;
}



a.more2{
font-size:0.9em;
display:block;
width:50%;
padding-top:5px;
padding-bottom:5px;
text-align:center;
background:#319044;
color:#FFF;
margin-top:10px;
}

.more2{
color:#FFF;
}

a.more2:hover{
background:#9BCB51;
}


a.mapbtn{
font-size:0.9em;
width:30%;
padding:8px 14px;
text-align:center;
background:#999;
color:#FFF;
margin:3px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.mapbtn{
color:#FFF;
}

a.mapbtn:hover{
background:#CCC;
}

.map{
margin:20px 0;
}

/* TOPページレイアウト
------------------------------------------------------------*/
.topnews{
width:100%;
margin:0 0 20px 0;
}
ul.top_layout{
padding:0;
margin:0;
}

li.top_layout{
border:1px solid #EEE;
padding:5px;
width:218px;
margin:5px;
float:left;
height:235px;
line-height:1.2em;
}


.top_layout img{
width:218px;
height:145px;
   float:left;
margin-bottom:5px;
}

.top_layout p{
   overflow:hidden;
   zoom:1;
}


.day{
   font-size:0.8em;
color:#999;
font-family:メイリオ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック';
}


.cate{

}

.cate ul{
  margin:2px 0 0 0;
  padding:0;
  list-style:none;

}
.cate li {
　　list-style-type: none;
　　list-style-image:none; /*list-style-type: none;が効かないとき*/

  display: inline-block;

  *display: inline;  
  *zoom: 1;
  padding: 0 4px 0 0;
  list-style:none;
   font-size:0.8em;
color:#999;
font-family:メイリオ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック';



}

.cate li+ li {

}


.cate ul li a{
color:#FFF;

}

.cate ul li a:hover{
color:#FFCC00;

}


.top_recipe{
border-top:5px solid #EEE;
padding:10px 0;

}

.top_recipe h3{
color:orange;
font-size:1.3em;
background:none;
line-height;1.3em;
border:none;
margin:0;
padding:0;
}



.top_supporter{
margin:20px 0;
border-top:5px solid #EEE;
padding:10px 0;

}

.top_supporter h3{
color:green;
font-size:1.3em;
background:none;
line-height;1em;
border:none;
margin:0;
padding:0;
}

.top_supporter .new{
display: block;
 margin-left: auto;
 margin-right: auto;
}

/* サイドバー おすすめ
*****************************************************/
#osusume{
margin:0 auto 15px auto;
width:262px;

}
#osusume img{
margin:0;
}

#os_con{
width:260px;
margin:0 auto;
border-top:1px solid #64AC72;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}
#osusume p{
margin-top:0;
padding:10px;
}

#sidebar a{
color:#000;
}


#sidebar a:hover, a:active{
outline: none;
color:#009999;

}

#sidebar h2{
margin:0 0 10px 0;
padding:5px 10px;
font-size:150%;
font-weight:bold;
color: #999;
border-bottom:2px solid #999;
}

#sidebar h3{
padding:10px;
font-size:130%;
font-weight:bold;
border-left:3px solid #DDD;
background:#FFF;
color:#319044;
}


#sidebar h3 a{
color:#319044;
}


.textwidget{border:none;padding:0;}

.osusumetxt{padding:10px;}

#sidebar #movie{
border:1px solid CCC;
padding:3px;
background:#DDD;
margin-bottom:15px;
}

#sidebar #movie h3{
border:0;
background:#319044;
color:#FFF;
font-size:100%;
padding:3px 5px;
font-weight:normal;
}



#conmenu{
margin-bottom:20px;
}

#sidebar ul{
border:1px solid #DDD;
background:#FFF;
}



#sidebar li{
margin:0;
padding:15px 25px 15px 10px;
font-size:100%;
font-weight:normal;
border-bottom:1px dotted #CCC;
background:#FFF;
background:url(images/sidemenu_in.jpg) no-repeat top right;
}



#sidebar li ul{
border:none;
margin-top:10px;
}


#sidebar li ul li{
padding:4px 10px 6px 5px;
font-size:100%;
background:#FFF;
font-weight:normal;
border-bottom:1px dotted #CCC;
border-left:2px solid #CCC;
margin:4px 0 2px 10px;
}


#conmenu2 li{
margin:0;
padding:15px 25px 15px 10px;
font-size:100%;
font-weight:normal;
border-bottom:1px dotted #CCC;
background:#FFF;
}


/* サイドバー SNS
*****************************************************/
.sns{
margin:0 auto 15px auto;
width:260px;
padding:00;
}

.snsin{
margin:5px;
}
.snslogo{
width:100%;
margin:5px 0;
border-bottom:3px solid #DDD;
}

/* TOPICS　
-------------*/
.topics{
width:100%;
border-bottom:1px dashed #d5d5d5;
padding:5px 0px;
margin-bottom:5px;
}

.topics h4{
margin-top:0;
padding-top:0;
margin-bottom:10px;
line-height:1.3em;
}


/* フッター
*****************************************************/
#footer{
padding-top:20px;
}
#footer ul{
padding:0;
text-align:left;
}

#footer li{
padding: 3px 16px;

text-align:left;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#000;
text-align:left;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:40px 0 37px;
text-align:center;
color:#319044;
font-size:10px;
}



/* フッターサイトマップ
*****************************************************/
.ft_area a{
color:#000;
}

.ft_area a:hover{
color:#999;
}

.ft_area-last a{
color:#000;
}

.ft_area-last a:hover{
color:#999;
}


.ft_area{
width:35%;
margin-right:10px;
float:left;
}

.ft_area-last{
width:25%;
margin-right:0px;
float:left;
}

.ft{
background:url(images/ar_foot.png) no-repeat top left;
padding-left:15px;
}
h3{
margin-bottom:5px;
}

/* TOP:丸ボタンあたり
------------------------------------------------------------*/

#topmessage{
text-align:center;
margin:20px 0;
font-size:120%;
}

.rbtn{
float:left;
width:184px;
margin: 15px 26px;
font-size:80%;
}
.rtxt{text-align:left;}


/* 余白
------------------------------------------------------------*/
.sp20{
height:20px;
}

.sp30{
height:30px;
}

.sp40{
height:40px;
}

.sp50{
height:50px;
}

.sp_b10{
margin-bottom:10px;
}
.sp_b20{
margin-bottom:20px;
}



/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.pagenav a{
color:#FFF;
padding:5px 10px;
background:#999;
}
.pagenav a:hover{
background-color: #DDD;
padding:5px 10px;
}

.prev{float:left;
}

.next{float:right;

;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#333;
border:0;
}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
  nav#mainNav{
	clear:both;
	position:relative;
	z-index:200;
	width:100%;
	border-bottom:2px solid #439A46;
	}
	
	nav#mainNav .inner{
	padding-left:1px;
	background:url(images/mainNavSep.png) no-repeat 0 5px;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	background:url(images/mainNavSep.png) no-repeat 100% 5px;
	}
	
	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#439A46;
	height:35px;
	line-height:35px;
	font-size:120%;
	font-weight:bold;
	margin-right:1px;
	padding:10px 18px 0;
	
	}
	
	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	line-height:1.4;
	}
	
	nav#mainNav ul li a span{
	font-size:70%;
	color:#888;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	}

	nav div.panel{
  display:block !important;
  float:left;
  }
  
  a#menu{display:none;}
  
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
  color:#8BC139;
  }


  
  nav#mainNav ul ul{
	width:200px;
	border:1px solid #e0e0e0;
	border-top:0;
	}
  
  nav#mainNav ul li ul{display: none;}
  
  nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:42px;
  left:-1px;
  z-index:500;
  }
	
  nav#mainNav ul li li{
	margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:200px;
	background:#fff;
	border-bottom:1px dotted #e0e0e0;
  }
	
	nav#mainNav ul li li:last-child{border:0;}
	
  nav#mainNav ul li li a{
  width:100%;
  height:40px;
	padding:0 0 0 10px;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#6f6f6f}

}
.footsearch{
	    display:none;
}



/* 2016/5/13追加　店舗リストテーブル(PC)
------------------------------------------------------------*/
#tenpo table {
width:100%;
}

#tenpo th {
width:35%;
}

#tenpo td {
width:65%;
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:960px;
	margin:0 auto 0px;
	border-bottom:2px solid #439A46;
	}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#fff;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#f6f6f6;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fff url(images/sub1.png) no-repeat 20px 18px;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#f6f6f6 url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:20px;}

.sns{
margin:0 auto 15px auto;
width:100%;
padding:0;
}
.footsearch{
	    display:none;
}

#sidebar{margin:0 auto;}


}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, .inner{width:100%;}

	#header{width:96%;padding:0 2%;}
	
	.contact{padding:30px 0;}

  nav#mainNav{width:95%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:100%;height:auto;}

	#content, #sidebar{clear:both;width:95%;float:none;margin:0 auto;padding:10px 0;	}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	section.widget_search{text-align:center;}
	#calendar_wrap table{width:260px;}
	
	#footer li{margin-bottom:10px;}



.ft_area,.ft_area-last{
width:90%;
margin:10px;
}


.footsearch{
	    display:none;
}



/* 2016/5/13追加　店舗リストテーブル(1カラム用)
------------------------------------------------------------*/
#tenpo table {
width:98%;
border:none;
}

#tenpo th {
width:98%;
display:block;
border:none;
}

#tenpo td {
width:98%;
display:block;
border:none;
}


}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	nav#mainNav{width:100%;}
	#header{text-align:center;background-image:none;}
	#header h2,.contact{float:none;}
	.contact{width:100%;padding:0 0 20px;text-align:center;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}


.ft_area,.ft_area-last{
width:90%;
margin:10px;
}


  p.spebanner img{width:100%;height:auto;}


/* -----------------------------------------------------------
youtubeサイズ変更
------------------------------------------------------------*/
.youtube {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.youtube > iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.bn {
  max-width:100%;
margin:5px;
}

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 480px){

.topnews{
width:90%;
margin:10px;
}
ul.top_layout{
padding:0;
margin:0;
}

li.top_layout{
border:1px solid #EEE;
padding:5px;
width:100%;
margin:5px 5px 20px 5px;
float:none;
height:auto;
line-height:1.2em;
}


.top_layout img{
width:100%;
height:auto;
float:none;
margin-bottom:5px;
}

.top_layout p{
   overflow:hidden;
   zoom:1;
}

.contact{
   display:none;
}

.footsearch{
	    margin:20px auto;
display:block;
text-align:center;
}


#mainImg{
display:none;

}

#mainImg_m{
display:block;
clear:both;
margin:0 auto 20px auto;
line-height:0;
text-align:center;
z-index:0;
}


}




/* パンくず
*****************************************************/
.breadcrumbs{
font-size:80%;
color:#8BC139;
padding:3px;
margin-bottom:5px;
}



.breadcrumbs a{
color:#000;
}


.breadcrumbs a:hover, a:active{
outline: none;
color:#009999;

}

/* 記事中CSS
*****************************************************/
.data{
font-size:80%;
color:#319044;
}

.round{
font-size:130%;
color:#CC3333;
font-weight:bold;
margin-right:10px;}

.waku{
padding:10px;
border:1px dotted #CCC;
}

.waku_gr{
padding:20px;
margin:0;
border:2px solid #9BCC51;
   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}


.post h3.waku{
padding:0 0 5px 0;
color:#439A46;
font-weight:bold;
margin-top:0px;
border-bottom:10px solid #DDD;
background:#FFF;
border-top:0px;
border-left:0px;
border-right:0px;
}

.waku_do{
padding:10px;
font-size:90%;
line-height:120%;
border:1px dotted #CCC;
}

.w_g{
padding:20px;
background:#F2F2F2;
height:auto;
font-size:90%;
line-height:120%;
}

.waku_conlist{
border:1px solid #DDD;
padding: 10px 5px 0 5px;
margin:0 0 10px 0;

}


.divwaku{
border:1px solid #CCC;
padding:10px;
width:45%;
margin:5px;
float:left;
}

.divwaku3{
border:1px solid #CCC;
padding:10px;
width:28%;
margin:5px;
float:left;
font-size:90%;
line-height:120%;
background:#FFF;
font-weight:bold;
background:url(images/waku3_back.jpg) repeat-x;
}

.waku_gly{
padding:5px;
background:#F2F2F2;
height:auto;
}

.waku_w{
padding:5px;
background:#FFF;
height:auto;
}

.waku_gr2{
padding:20px;
border:1px solid #d1ebd6;
height:auto;
}


.h180{
height:150px;
}
.s_font{
font-size:80%;
}

.cap{
font-size:70%;
color:#319044;
}

.catch_b{
font-size:180%;
color:#CC3300;
line-height:110%;
margin-bottom:15px;
}

.red{
color:#CC0000;
}

.b_link a{
font-size:120%;
color:#319044;
font-weight:bold;
}

.ind_l_30{
margin-left:30px;
margin-top:0;
}

.ind_l20_b20{
margin:0 0 20px 20px;
margin-top:0;
}



/* アメリカ穀物教会について
*****************************************************/
.waku_usgc{
padding:20px;
background:#F2F2F2;
overflow:hidden;
}

/* float処理
*****************************************************/
.f_left{
float:left;
}

.f_right{
float:right;
}


/* サポーター
*****************************************************/


.arrow_box {
background-color:#F2F2F2;
border-radius:5px;
position:relative;
padding:20px;
color:#319044;
border:2px solid #DDD;
}
 




.waku_pi{
padding:20px;
margin:0;
border:2px solid #F4A9AD;
   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}


.waku_pi_gly{
padding:20px;
margin:0;
border:2px solid #CCC;
   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
background:#F2F2F2;
}


.waku_or{
padding:20px;
margin:0;
border:2px solid #F2A248;
   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}



.spt_face{
width:150px;
float:left;
}


/* FAQ
*****************************************************/


.ufaq-faq-list .veu_contact {
    display:none;
    }

.ufaq-faq-list .veu_socialSet {
    display:none;
    }


#ufaq-faq-list #ysogo_cta{display:none;}

#ufaq-faq-list h4:before{display:none;}
#ufaq-faq-list h4:after{display:none;}

#ufaq-faq-list .ewd-ufaq-post-margin-symbol{
    display:none;
    }

#ufaq-faq-list .ufaq-faq-title {

    }



/* Main FAQ block */
 
#faq-block .faq-list {
    padding-left:15px;
}
.faq-taxonomy {
    padding:0 0 15px 15px;
}
/* list style shortcode */
#faq-block h2 {
padding:5px 5px 5px 25px;
line-height:110%;
background:url(images/faq_arrow.gif) no-repeat left;
border-bottom:1px dotted #CCC;
font-weight:normal;
}
#faq-block li.faqlist-question,
#faq-block li.faqlist-question a {
    padding-bottom:4px;
    font-weight:bold;
    font-size:100%;
    cursor:pointer;
}
/* standard shortcode */
#faq-block .single-faq .faq-question,
#faq-block .single-faq .faq-question a {
    padding-bottom:4px;
    font-weight:normal;
    font-size:110%;
}
#faq-block .single-faq .expand-title {
    cursor:pointer;
}
/* combo shortcode */
 
#faq-block p.scroll-back {
    font-size: 90%;
}
/* pagination */
#faq-block .faq-list p.faq-nav a:hover {
    text-decoration:none;
}
#faq-block .faq-list p.faq-nav span.current {
    font-weight:bold;
}


.faq-answer{
border:1px solid #DDD;
font-size:90%;
padding:10px;
background:#F2F2F2;
}



p.wp-caption-text{
font-size:80%;
line-height:110%;
   padding:0px;
margin: 0 10px 0 0;
color:#999;
font-weight:bold;
}

.prof{
border:1px solid #DDD;
background:#F2F2F2;
padding:15px;
font-size:90%;
line-height:130%;
}

.prof2{
border:1px dotted #CCC;
background:#F2F2F2;
padding:10px;
font-size:90%;
line-height:140%;
width:40%;
float:right;
margin-left:10px;
}

.fimg{
width:100%;
}


.bc_gl{
padding:5px 10px;
margin-bottom:8px;
background:#999;
color:#FFF;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.bc_gr{
padding:5px 10px;
background:#9BCC51;
color:#FFF;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.ttl_pf{
font-family:'Lucida Grande', Meiryo, sans-serif;
font-weight:bold;
color:#9BCC51;
font-size:150%;
padding-bottom:5px;
border-bottom:1px dotted #CCC;
}


* 線
----------------------------------------------- */
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	    border:0;
	    border-bottom:1px dashed #DDD;
}


* シェアボタン
----------------------------------------------- */
#wrap{
	width:100%;
	margin:10px auto;
}

#scroll-sns{
	background:#fff;
        border: 1px #CCC solid;
	width:40px;
	padding:6px;
	text-align:center;
	position:fixed;
	top:200px;
	right:0px;
	list-style-type:none;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

#scroll-sns li{
	margin-top:20px;

}
#metaslider_1554.caption-wrap{
	text-align:left;
}


#pgnavi{
margin-top:20px;
padding:0;
background:#F2F2F2;
}

/* レシピ
*****************************************************/
.recipe_cate a{
background:#CCCC00;
padding:6px 12px;
color:#FFF;
font-size:80%;
margin:2px 0 10px 0;
}

.recipe_cate a:hover{
padding:6px 12px;
background:#CCC;
}


.recipe_cate2 a{
background:#FFCC00;
padding:6px 12px;
color:#FFF;
font-size:80%;
margin:2px 0 10px 0;
}


.recipe_cate2 a:hover{
padding:6px 12px;
background:#CCC;

}


.recipe_cate3 a{
background:#F19CA5;
padding:6px 12px;
color:#FFF;
font-size:80%;
margin:2px 0 10px 0;
}


.recipe_cate3 a:hover{
padding:6px 12px;
background:#CCC;
}


.recipe_cate4 a{
background:#C5A66D;
padding:6px 12px;
color:#FFF;
font-size:80%;
margin:2px 0 10px 0;
}


.recipe_cate4 a:hover{
padding:6px 12px;
background:#CCC;
}


.ico{
text-align:right;
}

.ingredient{
width:50%;
float:left;
margin-bottom:20px;
}

.stuff{
padding:5px 8px;
width:90%;
border-bottom:1px dotted #CCC;
}

h3.recipe{
background:url(images/back_h3recipe.jpg) no-repeat left;
margin:20px 0 10px 0;
font-size:100%;
font-weight:normal;
color:#FFF;
padding:0px 40px;
height:40px;
border:0;
line-height: 40px;
}

h3.zai{
background:url(images/back_h3zai.jpg) no-repeat left;
margin:20px 0 10px 0;
font-size:100%;
font-weight:normal;
color:#FFF;
padding:0px 40px;
height:40px;
border:0;
line-height: 40px;
}

.point{
padding:10px;
background:#F2F2F2;
border:2px solid #DDD;
margin:20px 0;
}

ol.recipe li{
margin-bottom:8px;
}


/* レシピアーカイブ
*****************************************************/
.looptxt{
font-size:90%;
line-height:140%;
}




/* リンクボタン
*****************************************************/
.btn_link a{
background:#999;
padding:6px 12px;
color:#FFF;
font-size:100%;
   border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.btn_link a:hover{
padding:6px 12px;
background:#009999;
}


/* SNSボタン
*****************************************************/
.c_sns{
margin:20px 0 0 0;
padding:10px 0 10px 0;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}



/* フッターレシピエリア
*****************************************************/
#f_recipe{
background:#FFF;
border:2px solid #B6DAAB;
padding:20px;
margin-bottom:15px;
}

.f_list{
margin-bottom:10px;
}

#f_recipe h4{
font-weight:bold;
color:#7BBD68;
font-size:140%;

}

.r_genre{
float:left;
margin:10px 10px 5px 0;
}

.r_genre2{
float:left;
margin:25px 10px 5px 0;
}



/* =Print
----------------------------------------------- */

@media print {
	#header, #sidebar,  #footer,#scroll-sns,.breadcrumbs,.c_sns,
.youtube{
		display: none;
	}


}


/* ↑スマホ用ここまで★
----------------------------------------------- */



.wp-caption {
margin: 0px 0 10px 0;

}


.mg_10 {
margin-bottom:10px;
}


.mg_20 {
margin-bottom:20px;
}

.rightbn {
margin-bottom:10px;
}


.back_ye {
background:#FFFF99;
padding:10px;
margin-bottom:10px;
}

strong
{
font-weight:bold;
}

.screen-reader-text
{
display:none;
}

#s{
width:200px;
}

/* search */
.searchfield { 
padding: 5px;
margin-top: 6px;
font-size: 14px;
width: 180px;
}
.searchsubmit { 
width: 35px;
height: 30px;
padding: 0;
font-family: FontAwesome;
font-size: 20px;	
border: none;
background: transparent;
cursor: pointer;
}

.round img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.insta{
    margin:0 0 30px 0;
}

#sidebar h3.insta {
    border:none;
}


.fa-instagram {
   color:#fff;
font-size:3.3em;
}

.fa-facebook-square{
   color:#fff;
font-size:3.3em;
}

.fa-twitter-square {
   color:#fff;
font-size:3.3em;
}

#footer .fa-instagram {
   color:#999;
}

#footer .fa-facebook-square{
   color:#999;
}

#footer .fa-twitter-square {
   color:#999;
}


#sidebar .insta h3{
   border:none;
}

h4.osusumettl{margin:0;background:#64AC72;padding:0.5em;font-size:1.1em;color:#fff;font-weight:bold;}

#sidebar .sbi_header_text h3{border:none;}




/* ------------------------------------
// フォーム
------------------------------------ */
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/

.spam1{
color:#cc0000;
}


/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:0.8em;
}}

.inquiry dl{
}

/*見出し欄*/
.inquiry dt{
 background:#f2f2f2;
 padding:1em 0.5em 0 0.5em;
}

/*通常欄*/
.inquiry dd{
 border-bottom:solid 1px #f2f2f2;
 padding:0.5em;
}



/*必須の調整*/
.haveto{
 font-size:0.8em;
 padding:5px;
 background:#d65240;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:0.8em;
 padding:5px;
 background:#999999;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

label{
margin-right: 2em;
}

/* エラーメッセージの上部を消去 */
div.screen-reader-response{
  display: none;
}

/* 送信NG時の枠の色  */
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #cc0000; //色を指定
	padding:10px;
	font-weight:bold;
}

.maisu{width:initial;display:inline;margin:0 5px 0 0;}
.kingaku-more{width:50%;display:inline;margin:0 5px;}

.wpcf7-not-valid-tip{color:#CC0000;}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin:30px auto 0 auto;
 width:80%;
 background:#eb8634;
 color:#fff;
 font-size:1.5em;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#ed9853;
 color:#fff;
}

//送信成功
div.wpcf7-mail-sent-ok {
background:#d5edda;
color:#185626;
border:1px solid #c4e5cc;
padding:10px
}
//送信NG
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

//送信失敗
div.wpcf7-mail-sent-ng {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

//スパムなどで送信ブロックされた場合
div.wpcf7-spam-blocked {
background:#fff2cf;
color:#846314;
border:1px solid #feedbd;
padding:10px
}

@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
}

.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }




.accept {
margin:20px auto;
text-align:center;
background:#f2f2f2;
padding:1em;
font-size:1.1em;
}

#acpt {font-weight:bold;font-size:1.1em;line-height:3em;}

.wpcf7 input[type="email"], .wpcf7 input[type="tel"] 
{
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

.recapture{font-size:0.8em;color:#ccc;}
.grecaptcha-badge { visibility: hidden; }