@charset "utf-8";


/* ---------------------------------
  _01 スタイルリセット
------------------------------------*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #3F0000;
	background-color: #fff;
	background-position: center top;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 100%;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

dl {
	overflow: hidden;
}

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

img {
	border: 0;
	display: block;
}

hr {
	display: none;
}

a {
	text-decoration: inherit; /* 必要に応じて「none」に */
}

a:link {
	color: #390;
}

a:visited {
	color: #999;
}

a:hover {
	color: #fc3;
}


/* ---------------------------------
  _02 共通クラス
------------------------------------*/

.supplement { /* 補助的にいれるを表示しないようにするクラス */
	position: absolute;
	left: -10000em;
}

/* ---------------------------------
  _03 ヘッダー
------------------------------------*/

header {
	width: 100%;
	height: 41px;
	display: block;
	position: absolute;
	z-index: 1;
}

.siteName {
	width: 265px;
	height: 122px;
	margin-top: 20px;
	background-image: url(../images/hd_logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -10000em;
	display: block;
}

.contact {
	width: 264px;
	height: auto;
	z-index: 1;
	text-align: center;
	color: #FFF;
	font-size: 15px;
	text-shadow:0px 0px 3px #000000;
	background: rgba(63,0,0,0.6);
	padding:  10px;
	margin-top: 7px;
	border-radius: 10px;
	letter-spacing: 1px;
	font-size: 0.8em;
    line-height: 1.2;
}

.con header {
	height: 257px;
	position: relative;
	background-image: url(../images/view_con1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


/* ---------------------------------
  _03 ヘッダー　：個別
------------------------------------*/

.contact .hd_tel,.contact .hd_fax {
	font-size: 23px;
	font-weight: 700;
    line-height: 1;
}

.contact .hd_tel a:link,.contact .hd_fax a:link {
	color: #FFF;
}

#season.season1.con header {
	background-image: url(../images/season/season01/view_con3.jpg);
}

#season.season2.con header {
	background-image: url(../images/season/season02/view_con3.jpg);
}

#season.season3.con header {
	background-image: url(../images/season/season03/view_con3.jpg);
}

#season.season4.con header {
	background-image: url(../images/season/season04/view_con3.jpg);
}

/* ---------------------------------
  _04 ナビ　PC
------------------------------------*/

nav {
	width: 100%;
	height: 41px;
	border-top: 10px solid #FFF;
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
}

nav .nav_inner{
	width: 1000px;
	margin: 0 auto;
}

/* ---------------------------------　ナビゲーション　インフォメ、イベントのみ --*/

nav dl {
	width: 750px;
	height: 41px;
	padding: 10px 0 0 0;
	display: block;
	float: right;
	margin-left: auto;
	background-image: url(../images/pc_bg_nav.png);
	background-position: top right;
	background-repeat: no-repeat;
}
/* ---------------------------------　ナビゲーション　前頁入れ込み版
nav dl {
	width: 740px;
	height: 41px;
	padding: 10px 0 0 25px;
	display: block;
	float: right;
	margin-right: 50px;
	background-image: url(../images/pc_bg_nav.png);
	background-position: top left;
	background-repeat: no-repeat;
}
------------------------------------*/

.hd_nav dl dt {
	position: absolute;
	left: -10000em;
	top: -10000em;
}

.hd_nav dd {
	float: left;
	margin-right: 10px;
	padding-left: 16px;
	background-image: url(../images/arrow_rd.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px;
	cursor: pointer;
}
.hd_nav dd a {
	color: #7F3F1F;
	font-weight: 400;
}

/* ---------------------------------
  _04 ナビ　PC　：個別
------------------------------------*/

.hd_nav dd.gnav00 {
	margin-left:24px;
}
.hd_nav dd.gnav07 {
	margin-left: 24px;
}

/* ---------------------------------
  _05 コンテンツ
------------------------------------*/
/*横線*/
div.line{
    margin: 50px 0;
	width: 100%;
	height: 2px;
	background-color: #bfa069;
}
div.line_dashed{
    background-size: 10px 2px;
	background-image: linear-gradient(to right, #bfa069 5px, transparent 5px);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
    margin: 40px 0;
}

hr.line {
	display: block;
	height: 1px;
	border: 0;
	width: 100%;
	margin: 30px 0;
	background-position: center center;
	background-repeat: no-repeat;
}

#view {
	width: 100%;
	height: auto;
	padding: 0;
	background-color: #eee;
}

article {
	position: relative;
}

.contents {
	margin-top: 0;
}

.container {
    margin: 0 auto;
    width: 1000px;
	overflow: hidden;
}

section {
	overflow: hidden;
	padding-bottom: 50px;
}

#season.season3 section#con2 {
	padding-bottom: 0;
}

.bg_yamabuki { background-image: url(../images/bg_yamabuki.gif);}
.bg_or { background-image: url(../images/bg_or.gif);}
.bg_stripe { background-image: url(../images/bg_stripe.gif);}
.bg_red {
	background-image: url(../images/brand_bg.jpg);
	color: #FFF;}
.bg_br { background-image: url(../images/bg_br.gif);}
.bg_pk { background-color: #E8647B;}
.bg_lbl { background-color: #37BAF0;}
.bg_pp { background-color: #CD98D1;}
.bg_lg { background-color: #83AD06;}
.bg_flag {
	background-image: url(../images/bg_flag.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	min-height: 120px;}
.bg_line_ud { border-bottom: 6px dotted #BBBBBB;}

/* ---------------------------------
  _05 コンテンツ　：個別
------------------------------------*/

hr.line.line1 { border-top: 5px dotted #BBBBBB; }
hr.line.line2 {
	border-top: 5px dotted #DCAA92;
	clear: both;
	display: inline-block;}

#info.con.blog article {
	width: auto;
	height: auto;
	padding: 30px;
	overflow: hidden;
	background-image: url(../images/info/icon_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 200px;
}

#top section#con2,
.bg_yamabuki {
	padding-bottom: 0;
}

#top section#con2 .container {
	background-image: url(../images/bg_osusume_cc.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 10px 0 20px;
}

section#con3 {
	padding-bottom: 130px;
}

section#con3 .container {
	position: relative;
	overflow: visible;
}

section#con4 {
	position: relative;
	overflow: visible;
}

#top section#con5{
	padding-top: 30px;
}

#top .bg_br {
	padding: 20px 0;
}

#top #con4 {
}

.bg_stripe.deco {
	padding-bottom: 0;
}

#event.con.blog article {
	background-color: #FFF;
	padding: 20px 40px 180px;
	margin: 30px auto;	
	box-shadow:3px 3px 7px -3px #c4c4c4;
	background-image: url(../images/event/icon_bg_2.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.mark_area.container { overflow: visible;}

#season section#con3 { padding: 30px 0;}
#season #con4.bg_br { padding: 30px 0 0 0;}

#season .bg_pk,
#season .bg_lg { padding-bottom: 0;}

.season4 .bg_pp { padding-bottom: 0;}

/* ---------------------------------
  _ ブログ記事
------------------------------------*/

article .update {
	font-weight: bold;
	margin-bottom: 5px;
}

article h1 {
	margin-bottom: 30px;
	font-size: 30px;
	color: #00A5DA;
	font-weight: 700;
}

article .main_photo {
	padding-bottom: 30px;
	border-bottom: 5px dotted #BBBBBB;
	margin-bottom: 30px;
}

article .btn_area {
	width: 100%;
	position: absolute;
	bottom: 10px;
	padding-bottom: 30px;
	left: 0;
	margin: 0;
	padding-top: 30px;
	border-top: 5px dotted #BBBBBB;
	background-image: url(../images/info/icon_bg.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

/* ---------------------------------
  _ ブログ記事　：個別
------------------------------------*/

#event.con.blog article .update {
	padding: 0;
	color: #3F0000;
	width: 683px;
	margin: 20px auto 0;
}

#event.con.blog article h1 {
	color: #FF7F00;
	width: 683px;
	margin: 10px auto 30px;
}

#event.con.blog article .main_photo {
	height: auto;
	margin: 0 auto 30px;
}

#event.con.blog article .main_photo img,
#info.con.blog article .main_photo img {
	width: 99%;
}

#event.con.blog article .txt_area {
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 5px dotted #BBBBBB;
}

#event.con.blog .btn_area_flyer {
	margin: 0 auto;
}

#event.con.blog .column_area.column2 .column_box.box1 {
	background: none;
	padding: 40px 0 0 0;
}

#event.con.blog .column_area.column2 .column_box.box2 {
	padding: 20px;
	height: auto;
	position: relative;
}

#event.con.blog .column_area.column2 .column_box.box2 a {
	width: 144px;
	height: 156px;
	display: block;
	background-image: url(../images/event/pic_loupe.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	left: 50px;
	top: 80px;
	text-indent: -10000em;
}

#event.con.blog article .btn_area {
	border: none;
	height: 110px;
	width: 100%;
	background-image: url(../images/event/icon_bg_2.png);
}

#season .column_area.column4.season_btn .btn_season {
	position: relative;
	padding-top: 60px;
}



/* ---------------------------------
  _ 図形・画像
------------------------------------*/

.pic {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -10000em;
	background-size: 100% auto;
}

.pic_area {
	width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* ---------------------------------
  _06 フッター
------------------------------------*/

footer .container {
	position: relative;
	padding-top: 280px;
	height: auto;
	background-image: url(../images/ft_bg_logo.png);
	background-position: center 20px;
	background-repeat: no-repeat;
}

small {
	text-align: center;
	color: #3F0000;
	display: block;
	font-size: 15px;
	height: 140px;
	line-height: 140px;
}

/* ---------------------------------
  _07 コピーライト
------------------------------------*/

p.copyright {
	width: 1000px;
	text-align: right;
	margin: 0 auto 20px auto;
}

/* ---------------------------------
  _08 ：ページタイトル
------------------------------------*/

.hl {
	min-width: 200px;
	min-height: 20px;
	display: block;
	text-indent: -10000em;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.page_title {
	width: 88px;
	height: 80px;
	background-position: top center;
	background-repeat: no-repeat;
}


/* ---------------------------------
  _08 ：ページタイトル　：　個別
------------------------------------*/

.hl_1_1 {
	width: 368px;
	height: 38px;
	margin: 20px 0;
	background-image: url(../images/hl_news.png);
}/* なだろうからのお知らせ */

.hl_2_1 {
	width: 597px;
	height: 81px;
	margin: 36px 0 20px 0;
	background-image: url(../images/hl_osusume.png);
}/* じつはいま、*/

.hl_3_1 {
	background-image: url(../images/bg_flag.png);
	background-repeat: repeat-x;
	background-position: top center;
}

.hl_3_1 .hl_area {
	width: 544px;
	height: 84px;
	padding-top: 80px;
	margin: 0 auto 30px;
	background-image: url(../images/hl_event.png);
	background-position: center bottom;
}/* なだろうは“おいしい”がもりだくさん！ */

.hl_4_1 {
    position: absolute;
    top: -100px;
    left: -100%;
	right: -100%;
	margin: 0 atuo;
    width: 1000px;
    height: 216px;
    background-image: url(../images/newarrivals_hl.png);
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -10000em;
}/* 旬の新鮮食材大入荷！ */

.hl_5_1 {
	width: 600px;
	height: 70px;
	margin: 0 auto 20px auto;
	background-image: url(../images/brand_hl.png);
}/* なだろうオリジナルブランド */

.hl_6_1 {
	width: 447px;
	height: 121px;
	margin-bottom: 44px;
	background-image: url(../images/hl_season.png);
}/* 農家さんとなだろうくんのおいしい食べ方 */

.hl_6_1_l {
	width: 510px;
	height: 138px;
	margin-bottom: 44px;
	background-image: url(../images/season/hl_tabekata.png);
}/* 農家さんとなだろうくんのおいしい食べ方 大 */

.hl_6_2 {
	width: 402px;
	height: 30px;
	margin-bottom: 25px;
	background-image: url(../images/hl_season_2.png);
}/* 旬をおいしく。もっとおいしく。 */

.hl_ft_1 {
	width: 213px;
	height: 29px;
	background-image: url(../images/hl_access.png);
}/* アクセスマップ */

.hl_tel {
	width: auto;
	height: auto;
	display: block;
	border: 6px solid #FFF;
	border-radius: 6px;
	margin-bottom: 30px;
}/* なだろうについてのお問合せは0291-34-8888 */

.hl_tel .hl_pic {
	width: 1000px;
	height: 70px;
	background-image: url(../images/ft_tel.png);
	background-position: center center;
}

.hl_banner {	/* NETSHOPバナー */
	width: 500px;
	margin: 30px auto;
}

.hl_7 {
	min-height: 38px;
	padding: 25px 0 20px 85px;
	margin-bottom: 30px;
	background-color: #FFF;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/icon_nadarokun.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	text-indent: 0;
	font-weight: 800;
	font-size: 24px;

}/* なだろう君見出し */

.hl_here {
	width: 220px;
	height: 16px;
	background-image: url(../images/season/here.png);
	
}/* 今見ているページ */

/* ---------------------------------
  _08 ：ページタイトル コンテンツページ
------------------------------------*/

.con header .hl {
	width: 278px;
	height: 213px;
	position: absolute;
	left: -100%;
	right: -100%;
	top: 50px;
	margin: 0 auto;
}

#event.con .hl_con2_001{
	background-image: url(../images/event/con2_1_r1_c3.png);
}


#event.con .hl_con2_002{
	width: 472px;
	height: 73px;
	margin-bottom: 30px;
	background-image: url(../images/event/hl_con2_002.png);
}

#event.con .hl_con3_blog1 {
	width: 323px;
	height: 71px;
	background-image: url(../images/event/hl_con3_blog1.png);
	margin-bottom: 40px;
}

#order.con .hl_con4_001 {
	background-image: url(../images/order/hl_con4_001.png);
}

#season.con .hl_con4_001 {
	background-image: url(../images/season/hl_con3_001.png);
}

#season .hl_con4_002 {
	width: 565px;
	height: 49px;
	background-image: url(../images/season/hl_recipe.png);
}

/* ---------------------------------
  _08 ：ページタイトル コンテンツページ　個別
------------------------------------*/

#info.con header .hl.hl_con1_001 {
	background-image: url(../images/info/hl_con1_001.png);
}

#info .hl_1_1 {
	width: 143px;
	margin-top: 0;
	background-image: url(../images/info/hl_con1_002.png);
}

.hl_1_002 {
	width: 117px;
	height: 28px;
	background-image: url(../images/info/hl_con1_blog1.png);
}

#season .hl_here {
	width: 220px;
	height: 16px;
	background-image: url(../images/season/here.png);
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	margin: 0 auto;
	background-position: top center;
	
}/* 今見ているページ */

/* ---------------------------------
  _08 ：タイトル タイプ1 ブラウン明朝
------------------------------------*/

.hl_type1 {
	width: auto;
	height: 57px;
	background-position: center center;
	margin: 30px 0;
}

/* ---------------------------------
  _08 ：タイトル タイプ1 ブラウン明朝：個別
------------------------------------*/

.hl_type1.hl_con4_3 {
	background-image: url(../images/order/hl_con4_003.png);
}

.hl_season1_variety1 {
	background-image: url(../images/season/season01/hl_tochiotome.png);
}

.hl_season1_variety2 {
	background-image: url(../images/season/season01/hl_item_yayoihime.png);
}

.hl_season1_variety3 {
	background-image: url(../images/season/season01/hl_item_ibarakiss.png);
}

#season .hl_type1 {
	background-position: left top;
	margin-top: 0;
	margin-bottom: 5px;
}

.hl_season1_001 {
	background-image: url(../images/season/season01/hl_tochiotome.png);
}

.hl_season1_002 {
	background-image: url(../images/season/season01/hl_item_yayoihime.png);
}

.hl_season1_003 {
	background-image: url(../images/season/season01/hl_item_ibarakiss.png);
}

.hl_season2_001 {
	background-image: url(../images/season/season02/hl_ibaraking.png);
}

.hl_season2_002 {
	background-image: url(../images/season/season02/hl_andes.png);
}

.hl_season2_003 {
	background-image: url(../images/season/season02/hl_quincy.png);
}

.hl_season2_004 {
	background-image: url(../images/season/season02/hl_nadarored.png);
}

.hl_season2_005 {
	background-image: url(../images/season/season02/hl_ares.png);
}

.hl_season3_001 {
	background-image: url(../images/season/season03/hl_fukumaru.png);
}

.hl_season3_002 {
	background-image: url(../images/season/season03/hl_milky.png);
}

.hl_season3_003 {
	background-image: url(../images/season/season03/hl_koshihikari.png);
}

.hl_season3_004 {
	background-image: url(../images/season/season03/hl_mangetsumochi.png);
}

.hl_season4_001 {
	background-image: url(../images/season/season04/hl_beniharuka.png);
}

.hl_season4_002 {
	background-image:url(../images/season/season04/hl_milksuite.png);
}

.hl_season4_003 {
	background-image: url(../images/season/season04/hl_beniazuma.png);
}

.hl_season4_004 {
	background-image: url(../images/season/season04/hl_benimawari.png);
}



/* ---------------------------------
  _08 ：ページタイトル タイプ2　荷物イラスト
------------------------------------*/

.hl_type2 {
	padding-left: 50px;
	background-image: url(../images/order/icon_order.png);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 2;
	min-height: 30px;
	color: #FF7F00;
	font-weight: 800;
	font-size: 1.7em;
	width: 270px;
	float: left;
	margin-bottom: 10px;
}

.hl_type2.hl_only {
	float: none;
	width: auto;
}

/* ---------------------------------
  _08 ：ページタイトル タイプ3　今が旬「ほこたの○○」
------------------------------------*/

.hl_type3 {
	width: 191px;
	height: 87px;
	display: block;
	padding: 20px 30px 30px 90px;
	background-position: top left;
	text-align: center;
	position: absolute;
	left: 30px;
	top: 40px;
	text-indent: 0;
}

.hl_type3 .period {
	font-size: 0.8em;
	font-weight: 800;
	line-height: normal;
	display:  block;
}

.hl_type3 .crop_name {
	line-height: 1.2;
	font-size: 2em;
	font-weight: 800;
}

/* ---------------------------------
  _08 ：ページタイトル タイプ3　今が旬　個別
------------------------------------*/

.season1 .hl_type3 {
	background-image: url(../images/season/season01/hl_bg_name.png);
	color: #F23859;
}

.season2 .hl_type3 {
	background-image: url(../images/season/season02/hl_bg_name.png);
	color: #83AC06;
}

.season3 .hl_type3 {
	background-image: url(../images/season/season03/hl_bg_name.png);
	color: #37BAF0;
}

.season4 .hl_type3 {
	background-image: url(../images/season/season04/hl_bg_name.png);
	color: #C674CF;
}

.season4 .hl_type3 .crop_name {
	font-size: 1.6em;
	line-height: 1.4;
}


/* ---------------------------------
  _08 ：ページタイトル タイプ4 赤罫
------------------------------------*/

.hl_type4 {
	width: auto;
	text-indent: 0;
	background-image: url(../images/bg_rd_line.png);
	text-align: center;
	font-weight: 800;
	background-repeat: repeat;
	padding: 3px;
	margin-top: 20px;
}

.hl_type4 .txt {
	width: auto;
	display: block;
	background-color: #FFF;
	padding: 10px;
	font-size: 1.4em;
	color: #D80606;
}

/* ---------------------------------
  _08 ：ページタイトル 太字
------------------------------------*/

b {
	text-align: center;
	font-size: 24px;
	margin: 40px 0;
	display: block;
}


/* ---------------------------------
  _ パンくず
------------------------------------*/

.pan {
	width: auto;
	height: auto;
	margin: 5px 0;
}

.pan li {
	min-width: 85px;
	padding-left: 15px;
	background-image: url(../images/arrow_rd.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
}

.pan li:first-child {
	background-image: url(../images/arrow_br.png);
}

.pan li a {
	color: #7F3F1F;
}

/* ---------------------------------
  _ パンくず　個別
------------------------------------*/

#season .pan {
	margin-bottom: 30px;
}


/* ---------------------------------
  _ アイコン
------------------------------------*/

.icon {
	width: 70px;
	height: 65px;
	background-size: 70px auto;
	display: block;
	text-indent: -10000em;
	background-position: top left;
	background-repeat: no-repeat;
}

.hl.icon {
	min-width: 10px;
}

/* ---------------------------------
  _ アイコン　：個別
------------------------------------*/

.icon.icon_att {
	width: 72px;
	height: 72px;
	background-image: url(../images/icon_att.png);
	position: absolute;
	top: 220px;
	left: 10px;	
}

#event.con .icon.icon_att {
	position: relative;
	top: auto;
	left: auto;
	margin-right: 10px;
	float: left;
}

.icon_season {
	width: 276px;
	height: 273px;
	position: absolute;
	top: -90px;
	right: -90px;
	background-size: 276px auto;
}

.season1 .icon_season {
	background-image: url(../images/season/season01/mark_season.png);
}

.season2 .icon_season {
	background-image: url(../images/season/season02/mark_season.png);
}

.season3 .icon_season {
	background-image: url(../images/season/season03/mark_season.png);
}

.season4 .icon_season {
	background-image: url(../images/season/season04/mark_season.png);
}

/* ---------------------------------
  _09 ボタン基本設定よよび横並び
------------------------------------*/

.btn {
	display: block;
	text-indent: -10000em;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

ul.btn_list,
ul.icon_list {
	width: auto;
	display: table;
	margin: 30px auto 0 auto;
}

ul.btn_list li,
ul.icon_list li {
	width: 220px;
	height: 90px;
	display: inline-block;
	float: left;
	margin-right: 30px;
}

ul.btn_list li:last-child,
ul.icon_list li:last-child {
	margin-right: 0;
}

.pic a {
	background-color: #FFF;
}

a.btn:link,
a img {
		opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

.pic a:link {
		opacity: .2; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=20); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .2; /* Safari 1.x */
	-moz-opacity: .2; /* FF lt 1.5, Netscape */
}

a.btn:hover,
a:hover img {
		opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

.pic a:hover {
		opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: 0; /* Safari 1.x */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
}

/* ---------------------------------
  _09 ボタン基本設定よよび横並び ：個別
------------------------------------*/

#top #con1 .box2 .btn_list,
#info #con1 .box2 .btn_list {
	width: 101px;
	height: 159px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

#top #con1 .box2 .btn_list .btn_f,
#info #con1 .box2 .btn_list .btn_f {
	position: relative;
}

#info #con1 .box1 .btn_list {
	
}

#event.con .btn_list {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 30px;
	padding-right: 30px;
	height: 90px;
	width: 95%;
	background-image: url(../images/info/icon_bg.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 98% auto;
}

#event.con .btn_list .btn_f {
	position: relative;
	top: auto;
	right: auto;
	float: right;
	margin-right: 10px;
}

#event.con.blog .column_area.column2 .column_box.box1 ul.btn_list {
	width: auto;
	height: auto;
	padding: 0 0 80px;
	position: relative;
	right: auto;
	bottom: auto;
	background-size: auto;
	background-image: url(../images/event/bg_yasai.png);
}

#event.con.blog ul.btn_list li, ul.icon_list li {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

/* ---------------------------------
  _09 ボタン：ブログ　次へ　前へ
------------------------------------*/

.btn_bl {
	width: 78px;
	height: 30px;
	line-height: 30px;
	margin: 20px auto;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color: #00B4F1;
	background-size: 10px auto;
	border-radius: 10px;
}

.btn_bl.link_back {
	background-image: url(../images/arrow_wt_back.png);
	background-position: 60px center;
	text-indent: 0;
}

.btn_bl.link_next {
	text-indent: 0;
	background-image: url(../images/arrow_wt_more.png);
	background-position: 6px center;
}

ul.btn_list.blog_list li {
	width: auto;
	height: auto;
}

ul.btn_list.blog_list li a:link {
	color: #FFF;
}

/* ---------------------------------
  _09 ボタン：PDFをみる
------------------------------------*/

.btn_pdf {
	width: 249px;
	height: 35px;
	background-image: url(../images/btn_pdf.png);
}

.btn_flyer {
	width: 249px;
	height: 35px;
	background-image: url(../images/event/btn_big.png);
}

/* ---------------------------------
  _09 ボタン：PDFをみる 個別
------------------------------------*/

#info.con.blog .btn_pdf {
	margin: 30px auto;
}

#event.con.blog article .btn_list .btn {
	margin: 0 auto 10px;
} 

/* ---------------------------------
  _09 ボタン：ページトップへ
------------------------------------*/

.btn_top {
	width: 77px;
	height: 77px;
	background-image: url(../images/btn_gotop.png);
	position: absolute;
	bottom: 40px;
	right: 0;
}

/* ---------------------------------
  _09 ボタン：噴出し
------------------------------------*/

.btn_f {
	width: 101px;
	height: 74px;
	position: absolute;
}

/* ---------------------------------
  _09 ボタン：噴出し　：個別
------------------------------------*/

.btn_f_news {
	top: 0;
	right: 0;
	background-image: url(../images/btn_f_news.png);
}

.btn_f_fb {
	background-image: url(../images/btn_f_fb.png);
}

.btn_f_blog {
	background-image: url(../images/btn_f_blog.png);
}

.btn_f_ev {
	width: 104px;
	height: 89px;
	right: 90px;
	top: -100px;
	background-image: url(../images/btn_f_event.png);
}

.btn_f_ev.mascot {
	width: 176px;
	height: 113px;
	left: auto;
	right: auto;
	top: auto;
	position: relative;
	margin: 0 auto;
	background-image: url(../images/event/btn_f_event_list.png);
}

#info.con.blog .btn_f_news {
	width: 176px;
	height: 113px;
	background-image: url(../images/info/btn_con1_golist.png);
	position: relative;
	right: auto;
	top: auto;
	margin: 0 auto;
}

/* ---------------------------------
  _09 ボタン：旬の背景+リンク
------------------------------------*/

.btn_season {
	width: 220px;
	height: 220px;
	display: block;
	text-indent: -10000em;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.btn_season a {
	width: 220px;
	height: 220px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,0.3);
	border-radius: 110px;
}

.btn_season a:hover {
	background-color: rgba(255,255,255,0);
}

/* ---------------------------------
  _09 ボタン：旬の背景のみ　：個別
------------------------------------*/

.btn_season1 {
	background-image: url(../images/season_btn_1.png);
}

.btn_season2 {
	background-image: url(../images/season_btn_2.png);
}

.btn_season3 {
	background-image: url(../images/season_btn_3.png);
}

.btn_season4 {
	background-image: url(../images/season_btn_4.png);
}

#season .btn_season a {
	top: 30px;
}

/* - --------------------------------
  _09 ボタン：続きを見る　オレンジ小
------------------------------------*/

.btn.btn_more_or {
	width: 135px;
	height: 30px;
	background-image: url(../images/btn_more.gif);
	margin: 10px auto;
}

/* - --------------------------------
  _09 ボタン：JAほこた
------------------------------------*/

.main_img .btn_ja {
	width: 213px;
	height: 165px;
	background-image: url(../images/season/btn_link_ja.png);
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.hl_7 .btn_ja {
	width: 192px;
	height: 64px;
	background-image: url(../images/ban_ja.gif);
	float: right;
	margin: -15px 10px;
}

/* - --------------------------------
  _09 ボタン：問い合わせ　画像
------------------------------------*/

.btn_tel {
	width: 500px;
	height: auto;
	margin: 10px auto;
}

.btn_tel img {
	width: 500px;
	height: auto;
}


/* ---------------------------------
  _09 ボタン：問い合わせ　中
------------------------------------*/

.btn_tel_m {
	height: 90px;
}

.btn_mail_m {
	height: 90px;
}

/* ---------------------------------
  _09 ボタン：フッター　フェイスブック・ＨＰ
------------------------------------*/

.btn.btn_hp {
	height: 80px;
	background-size: 100% auto;
}

.btn.btn_fb {
	height: 80px;
	background-size: 100% auto;
}

/* ---------------------------------
  _10 写真：基本
------------------------------------*/

.photo {
	display: block;
	overflow: hidden;
	width: auto;
	height: auto;
}

.photo img {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid #CCC;
}

.imagearea {
	width: 1000px;
	margin: 30px auto 50px auto;
	display: block;
	overflow: hidden;
}

figure {
	margin: 0 0 5px 0;
	width: 313px;
	float: left;
	margin-right: 28px;
}

figure:last-child {
	margin-right: 0;
}

figure img {
	width: 100%;
	height: auto;
}

figcaption {
	position: absolute;
	left: -10000em;
	top: -10000em;
}

/* ---------------------------------
  _10 写真：個別
------------------------------------*/

#brand dl dd.photo {
    position: absolute;
    left: 0;
    top: 0;
}

#top #con4 .column_area.column3 .photo {
	height: 200px;
	margin-bottom: 20px;
}

#info.con.blog .photo img {
	width: auto;
}

.btn_area_flyer .photo img {
	height: 280px;
	width: auto;
}

.main_img .photo {
	margin: 30px auto;
}

#season .main_img .photo {
	border: none;
	width: 780px;
	height: auto;
	margin: 0 auto;
	padding: 50px;
}

#season .main_img .photo img,
#season .photo img{
	border: none;
}

#season .photo {
	border-radius: 30px;
}

.decl_area .photo,
#season .decl_area .photo {
	width: 156px;
	height: 156px;
	border: 6px solid #FFF;
	border-radius: 100px;
}

.decl_area .photo img {
	width: 156px;
	height: auto;
}


/* ---------------------------------
  _10 写真：文章中
------------------------------------*/

#con7 article img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #CCC;
}

#con7 .txt_name {
	display: block;
	text-align: right;
	display: block;
	padding-top:10px
}

/* ---------------------------------
  _11 文章テキスト：基本
------------------------------------*/

.txt {
	width: auto;
	font-size: 16px;
	color: #331D13;
}

.txt a {
	text-decoration: underline;
}

.txt strong {
	color: #D80606;
	font-weight: bold;
}

.att {
	margin-top: 20px;
}

.txt.att {
	border: 4px solid #D80606;
	background-color: #FFF;
	border-radius: 10px;
	padding: 35px 140px;
	font-size: 0.9em;
	color: #000;
	letter-spacing: 1px;
	left: 1.3;
	font-weight: bold;
	margin-bottom: 30px;
}

.txt.att.txt_bg_yasai {
	font-size: 1em;
	border: none;
	background-image: url(../images/bg_br.gif);
	position: relative;
	border-right: 10px;
	text-align: center;
	color: #D80606;
	font-weight: 500;
}

.txt.att.txt_bg_yasai .img_l {
	position: absolute;
	left: 0;
	bottom: 0;
}

.txt.att.txt_bg_yasai .img_r {
	position: absolute;
	right: 0;
	bottom: 0;
}

.txt.att.table_area {
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;
	font-weight: 400;
	color: #3F0000;
}

.cp {
	font-size:　0.8em;
	text-align: center;
}

.ja {
	color: #1F9639;
}

.txt.txt_ct {
	text-align: center;
	margin: 20px 0;
}

.txt.txt_ct.br {
	color: #7F3F1F;
	font-size: 1.1em;
	padding-bottom: 50px;
	border-bottom: 5px dotted #BBBBBB;
}

.txt.txt_ct.br2 {
	border-bottom: 5px dotted #DCAA92;
}

.required {
	font-weight: bold;
}

.hl_txt_or {
	font-size: 26px;
	font-weight: 700;
	color: #FF7F00;
	text-align: center;
	margin: 20px auto 0;
}

.hl_txt_wt {
	font-size: 1.6em;
	font-weight: 900;
	color: #FFF;
	text-align: left;
	margin: 43px auto;
	line-height: 1.3;
}

.txt_wt {
	color: #FFF;
}

.date_time {
	width: auto;
	height: auto;
	padding: 10px;
	text-align: center;
	color: #3F0000;
	border: 2px solid #3F0000;
	background-color: #FFF;
	font-weight: bold;
	margin: 10px 0;
}

strong,
.att b {
	color: #D80606;
}

.update {
	padding: 10px;
	color: #AF8558;
}

.farm_name {
	float: right;
	display: block;
}

/* ---------------------------------
  _11 文章テキスト：個別
------------------------------------*/

.bg_red .txt.txt_ct,
.bg_yamabuki strong {
	color: #FFF;
}

.bg_yamabuki .att strong {
	color: #D80606;
}

.txt.att.txt_bg_yasai strong {
	background-color: #FFFF73;
	padding: 3px;
}

#brand dl dt {
    margin-bottom: 0.5em;
    font-weight: 700;
    text-align: center;
}

#top .txt strong {
	color: #3F0000;
	font-weight: normal;
}

#top #con3 .txt strong {
	font-weight: bold;
	color: #D80606;
}

#top #con2 .att b {
	text-align: left;
	margin: 0;
	display: inline;
}

.column_area.event_area .column_box.box2 .txt {
	height: 360px;
	overflow: auto;
	padding: 20px;
	line-height: 1.9;
}

/* スクロールバー本体 */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar{
width: 10px;
background:#C96C6D;
}
/* 横方向のスクロールバー本体 */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar:horizontal{
width: 5px;
background: #DD77DA;
}
/* スクロールバーの動く部分 */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar-thumb{
background: #878787;
border-radius: 2px;
}
/* 横方向のスクロールバーの動く部分 */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar-thumb:horizontal{
background: #36A89F;
border-radius: 2px;
}
/* スクロールバーの動く部分の前 */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar-track-piece:start{
background: #B0B0B0;
}
/* スクロールバーの動く部分の後ろ */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar-track-piece:end{
background: #B0B0B0;
}
/* スクロールバー角 */
.column_area.event_area .column_box.box2 .txt::-webkit-scrollbar-corner{
background: transparent;
}

.hl_2_1 strong {
	width: 310px;
	text-indent: 0;
	display: block;
	padding-left: 220px;
	text-align: center;
	color: #D80606;
}

.blog .event_area .hl_txt_or {
	width: 460px;
	float: right;
}

.blog .event_area .hl_txt_or a:link {
	color: #FF7F00;
}

#event.con .date_time {
	width: 420px;
	float: right;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

#event.con .event_area .hl_txt_or {
	text-align: left;
}

#event.con .event_area .hl_txt_or a:link {
	color: #FF7F00;
	text-decoration: underline;
}

#event.con .event_area .event_list .hl_txt_or {
	text-align: center;
}

.hl_7 .att {
	color: #D80000;
}

#order .supp {
	width: 600px;
	display: block;
	float: left;
	font-weight: 500;
	font-size: 1.1em;
	line-height: 50px;
	vertical-align: middle;
}

#order .supp.mul {
	line-height: 1.5;
}

.txt.article {
	line-height: 54px;
	color: #7F3F1F;
	font-size: 0.9em;
	overflow: hidden;
}

.variety .txt.article {
	background-image: url(../images/season/bg_txt_line.png);
}

.recipe_area .txt.article {
	background-image: url(../images/season/bg_txt_line_br.png);
}

#season .main_img .cp {
	width: 310px;
	height: auto;
	position: absolute;
	top: 180px;
	left: 40px;
	padding-left: 30px;
	font-size: 0.8em;
}

/* ---------------------------------
  _12 リスト基本
------------------------------------*/

.txt_list {
	font-size: 16px;
}

/* ---------------------------------
  _12 リスト　個別
------------------------------------*/

#event.con .column_area.column2 .column_box.box1 ul {
	padding-bottom: 90px;
	background-image: url(../images/event/bg_con2_list.png);
	background-position: 30px bottom;
	background-repeat: no-repeat;
}


/* ---------------------------------
  _13 カラム
------------------------------------*/

.column_area {
	overflow: hidden;
}

.column_box {
}

.column_area .box1,
.column_area .box2,
.column_area .box3,
.column_area .box4  {
}

.column_area .column_box:last-child {
	margin-right: 0;
}

.column_area.column2 .box1 {
	float: left;
}

.column_area.column2 .box2 {
	float: right;
}

.column_area.column3 .column_box {
	margin-right: 18px;
	height: auto;
}

.column_area.column3 .box1 {
	float: left;
}

.column_area.column3 .box2 {
	float: left;
}

.column_area.column3 .box3 {
	float: right;
	margin-right: 0;
}

.column_area.column4 .box1,
.column_area.column4 .box2,
.column_area.column4 .box3,
.column_area.column4 .box4 {
	float: left;
}

.column_area.column4 .column_box {
	margin-right: 40px;
}

.column_area.column4 .column_box:last-child {
	margin-right: 0;
}

/* ---------------------------------
  _13 カラム　：個別
------------------------------------*/

#con1 .column_area.column2 .column_box.box1 {
	position: relative;
}

.column_area.column2.info_area .column_box.box1 {
	width: 500px;
}

#con1 .column_area.column2.info_area .column_box.box2 {
	width: 455px;
}

#con1 .column_area.column2 .column_box.box2 {
	position: relative;
}

#con6 .column_area.column4 .column_box {
}

#con6 .column_area.column4 .column_box:last-child {
	margin-right: 0;
}


ul.column4#brand .column_box {
	margin-right: 20px;
	float: left;
	min-height: 400px;
	position: relative;
}

ul.column4#brand dl {
    /*padding-top: 90%;*/
	padding-top: 78%;
    position: relative;
    color: #fff;
}

ul.column4#brand .column_box:last-child {
	margin-right: 0;
}

.column_area.event_area .column_box.box2,
#event.con.blog .btn_area_flyer {
	padding: 16px;
	display: block;
	position: relative;
	background-image: url(../images/bg_br.gif);
}

.column_area.event_area .column_box.box2 .event_list,
#event.con.blog .btn_area_flyer .download {
	border: 7px solid #FFF;
	background-image: url(../images/pic_nadaro_wt.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#event.con.blog .btn_area_flyer .download {
	background: none;
}

#info.blog .column_area.column2 .column_box.box1 {
	background-image: url(../images/bg_br.gif);
}

#event.con .column_area.column2 .column_box.box1 {
	width: auto;
	background-color: #FFF;
	background-image: url(../images/info/icon_bg.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	background-size: 98% auto;
	padding: 30px;
	position: relative;
}

#order .column_area .column_box:last-child {
	margin-right: 0;
}

.column_area.column2.variety {
	margin-bottom: 30px;
}

.column_area.column2.variety box1,
#season .column_area.column2.variety.even .column_box.box1 {
	width: 380px;
}

#season .column_area.column2.variety.even .column_box.box1 {
	float: right;
}

#season .column_area.column2.variety .column_box.box2,
#season .column_area.column2.variety.even .column_box.box2 {
	width: 568px;
}

#season .column_area.column2.variety.even .column_box.box2 {
	float: left;
}

.decl_area.column_area.column2 {
	margin: 20px 0;
}

.decl_area.column_area.column2 .column_box.box2 {
	width: 790px;
	margin-top: 10px;
}

.recipe_area.column_area.column2 .column_box.box1 {
	width: 565px;
}

.recipe_area.column_area.column2 .column_box.box2 {
	width: 380px;
}

/* ---------------------------------
  _16 カラム　：　オーダー
------------------------------------*/

.column_area.column2.order_area {
	padding-left: 170px;
	border: 5px solid #C9AC8E;
	border-radius: 10px;
	background-color: #FFF;
	background-image: url(../images/image_vegetable.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 30px 0;
}

.column_area.column2.order_area .column_box {
	padding: 10px;
}

.column_area.column2.order_area .column_box .txt {
	font-size: 1em;
	font-weight: bold;
	margin-top: 13px;
}

.column_area.column2.order_area .column_box.box1 {
	width: 547px;
}

.column_area.column2.order_area .column_box.box2,
#con1 .column_area.column2.order_area .column_box.box2 {
	width: 233px;
}

.column_area.column2.order_area .column_box.box2 .txt {
	text-align: center;
	margin: 0 0 10px 0;
}

.column_area.column2.order_area .column_box .txt strong {
	font-weight: normal;
	color: #DF3333;
}

.column_area.column2.order_area .box1 .hl_area {
	padding-left: 120px;
	background-image: url(../images/icon_shinsen.gif);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 111px;
}

.column_area.column2.order_area .txt {
	border: none;
	padding: 0 0 0 -5px;
	margin-bottom: 0;
	line-height: 1.3;
}

.column_area.column2.order_area .hl_order {
	width: 400px;
	height: 43px;
	background-image: url(../images/hl_toriyose.gif);
	margin-left: 0;
	margin-bottom: 10px;
}

.column_area.column2.order_area .btn_order {
	background-color: #DC1717;
	color: #FFF;
	font-weight: 400;
	font-size: 1.3em;
	text-align: center;
	border: 3px solid #DC1717;
	text-indent: 0;
	border-radius: 5px;
	margin: 0 0 2px 0;
}

.column_area.column2.order_area a.btn_order.btn_tel {
	width: auto;
	line-height: 35px;
	height: 35px;
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

.column_area.column2.order_area .btn_order.btn_fax a {
	width: auto;
	display: block;
	background-color: #FFF;
	color: #5F2C2C;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1.3;
	padding: 3px 0;
}

.column_area.column2.order_area .btn_order.btn_fax a .hl_dl {
	color: #DC1717;
	background-image: url(../images/arrow_rd.png);
	background-position: 229px 54px;
	background-repeat: no-repeat;
	font-size: 1.1em;
}

.column_area.column2.order_area a.btn_order.btn_fax .dl {
	color: #5F2C2C;
	background-color: #FFF;
}

/* ---------------------------------
  _16 カラム　：　オーダー　個別
------------------------------------*/

.bg_yamabuki .column_area.column2.order_area {
	border-color: #FFF;
}

#season .column_area.column2.order_area .btn_order.btn_wt {
	border: #DC1717 3px solid;
	background-color: #FFF;
	color: #602D2D;
	font-size: 0.8em;
	line-height: 2;
	background-image: url(../images/arrow_rd.png);
	background-position: 98% center;
	background-size: auto auto;
	font-weight: 600;
}

#season .column_area.column2.order_area .btn_order strong {
	color: #DC1717;
	font-size: 1.4em;
	margin-right: 20px;
}

#season .column_area.column2.order_area .column_box .txt strong {
	color: #3F0000;
}

/* ---------------------------------
  _16 メールフォーム　基本
------------------------------------*/

input[type="text"],
textarea  {
   font-size: 100%;
   line-height: 2;
   padding: 5px;
	background:none;
	width: auto;
	border:none;
	background:none;
	margin-bottom: 5px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	border: 1px solid #a0a0a0;
}

.pp {
	font-weight: bold;
}

.form_message {
	margin-top: 20px;
}

.form_btn {
	text-align: center;
	margin: 30px;
}

input[type=checkbox] ,
input[type=cradio] {
	width: auto;
	height: auto;
	-moz-transform:		scale(1);
	-webkit-transform:	scale(1);
	transform:		scale(1);
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}

input.input_txt, textarea {
	width: 349px;
}

input#item_name {
	font-weight: bold;
	color: #f60e35;
}

input#formbtn {
	width: 220px;
	height: 50px;
	margin: 10px auto;
}

.btn_area {
	width: auto;
	display: table;
	margin: 60px auto 30px auto;
}

/* ---------------------------------
  _16 メールフォーム　＆　リスト
------------------------------------*/

.con_mailform dl {
	height: auto;
}

.con_mailform form dt,
.con_mailform form dd {
	width: auto;
	float: left;
}

.con_mailform form .lines {
	height: 50px;
}

.con_mailform form dt {
	width: 200px;
	font-weight: bold;
}

.con_mailform form dt.wide {
	width: 100%;
	margin-bottom: 20px;
}

.con_mailform form dd {
	width: 300px;
}

.con_mailform form dd.wide {
	width: 100%;
}

.con_mailform form dd.pp {
	margin-top: 20px;
}

/* ---------------------------------
  _流れ
------------------------------------*/

ol.flow {
	width: auto;
	height: auto;
	overflow: hidden;
	font-weight: 500;
	font-size: 1em;
	color: #3F0000;
}

ol.flow li {
	width: 179px;
	height: 170px;
	display: block;
	border: 4px solid #C9AC8E;
	padding: 20px;
	margin-right: 30px;
	position: relative;
	border-radius: 10px;
	float: left;
}

ol.flow li .txt {
	width: auto;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	
}

ol.flow li:last-child {
	margin-right: 0;
}

ol.flow li:after {
	content: url(../images/order/icon_flow.jpg);
	position: absolute;
	top: 90px;
	left: 227px;
}

/* ---------------------------------
  _16 メールフォーム　：　確認画面レイアウト　共通
------------------------------------*/

.tmp .line,
#purchase.purchase_inquiry .line1 {
	margin-top: 30px;
	padding: 50px;
}

.tmp dl.basic,
.tmp #con_mailform dl.basic {
	border-bottom: 1px solid #999;
	height: auto;
}

.tmp .basic dd,
.tmp .basic dt {
	border-top: 1px solid #999;
	margin: 0;
	padding: 10px 0;
	min-height: 30px;
}

.tmp .basic dt {
	width: 100%;
	padding-right: 20px;
	font-weight: bold;
}

.tmp .basic dd {
	width: 100%;
}

.tmp .btn_area {
	text-align: center;
	margin: 30px auto 0 auto;
	text-indent: 0;
}

.tmp .msg {
	margin-bottom: 40px;
}

/* ---------------------------------
  _17 リンクエリア
------------------------------------*/

a.link_area {
	text-indent: -10000em;
	width: auto;
	height: auto;
	display: block;
}

/* ---------------------------------
  _18 ：リスト
------------------------------------*/

ul.btn_list {
    width: auto;
    display: table;
    margin: 0 auto;
}

.btn_list .page {
    border: solid 1px #dac327;
    width: 48px;
    height: 48px;
    line-height: 48px;
	display: block;
    background-color: #fff;
    text-align: center;
}


/* ---------------------------------SP
  _26 料金表・テーブル
------------------------------------*/

table {
	width: 100%;
	border-top: 1px solid #3F0000;
	border-left: 1px solid #3F0000;
	font-weight: 500;
	margin-top: 20px;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
}

table th {
	font-weight: 800;
	border-bottom: 1px solid #3F0000;
	border-right: 1px solid #3F0000;
}

table td {
	border-bottom: 1px solid #3F0000;
	border-right: 1px solid #3F0000;
	padding: 30px 10px;
}

table caption {
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.1em;
	color: #D80606;
}

table caption strong {
	background-image: url(../images/bg_rd_line.png);
	padding: 3px;
	text-align: center;
	font-weight: 800;
	margin-right: 20px;
}

table caption strong .cp_bg {
	background-color: #FFF;
	padding: 0 10px;
}

table.list td {
	text-align: left;
}

/* ---------------------------------
  _お知らせ　：個別
------------------------------------*/

.news_list {
	margin-bottom: 1em;
	height: auto;
	overflow: hidden;}

.news_list li {
	border-bottom: 1px solid #C5E4FA;
	padding-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}

.news_list .update {
	display: block;
	padding-right: 25px;
	color: #3F0000;
	background-image: url(../images/arrow_bl.png);
	background-position: 154px center;
	background-repeat: no-repeat;
}

.news_list a {
	color: #00B2F1;
	display: block;
}

/* ---------------------------------
  _今が旬：共通
------------------------------------*/

#season .main_img {
	width: auto;
	height: auto;
	position: relative;
	background-image: url(../images/season/bg_season_main.png);
	background-position: top center;
	background-repeat: no-repeat;}

#season #con1.bg_br { padding-top: 0;}
#season #con1 .txt.txt_ct.br {
	padding-bottom: 20px;
	border-bottom: none;}
#season #con1 .movie { margin-bottom: 30px;}
#season #con1 .moviebox { margin-bottom: 2em;}

/* ---------------------------------
  _：地図
------------------------------------*/

.map { border: 6px solid #FFF;}
.map2 {
	width: 500px;
	float: left;}
.map2 img {
	width: 100%;
	height: auto;
	margin: 20px 0;}

/* ---------------------------------
  _：イベント　：個別
------------------------------------*/

.column_area.event_area .column_box ul li {
	width: 296px;
	height: auto;
	margin-right: 20px;
	float: left;
	position: relative;
}

.column_area.event_area .column_box ul li:last-child {
	margin-right: 0;
}


.column_area.event_area .column_box ul li .photo {
	width: 277px;
	height: 277px;
	display: block;
	border-radius: 100%;
	border: 7px solid #FFF;
}

.column_area.event_area .column_box ul li .photo img {
	height: 277px;
	width: auto;
	white-space: normal;
}

#event.con .column_area.event_area .column_box ul li {
	width: auto;
	margin-right: 0;
	border-bottom: 1px solid #ECDDC2;
	padding-bottom: 10px;
	margin-top: 10px;
}


/* ---------------------------------
  _ 検索用
------------------------------------*/

.search {
	position: absolute;
	left: -10000em;
	top: -10000em;
}

.hidePC {
	display: none;
}

/* ---------------------------------
  _ メロンぺ―ジ・オーダーページ・TOP メロン注文一時停止
------------------------------------*/
#top .news_fix .title{
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
}
.buy_pause2{
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    color: #D80606;
    margin-top: 20px;
}

.buy_pause{
    color: #D80606;    
}

/* ---------------------------------
  _ TOP 店休日・動画
------------------------------------*/
.holiday{
    background-color: #b38872;
    color: #7F3F1F;
    font-size: 1.2em;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    background-image: url("../images/bg_br.gif");
    font-weight: 600;
    padding: 10px;
    margin-bottom: 20px;}
.holiday p span{
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0;
    display: block;}
.holiday p.note　{
    font-size: 0.8em;
    text-align: center;
	color: #D80606;}
.holiday p:nth-of-type(2){
    border-top: solid 1px #7F3F1F;
    margin-top: 0;
    padding-top: 10px;}

.holiday2 {
    background-color: #b38872;
    color: #7F3F1F;
    font-size: 1.2em;
    padding: 10px 0;
    border-radius: 5px;
    background-image: url(../images/bg_br.gif);
    font-weight: 600;
    padding: 10px;
	margin-bottom: 20px;}
.holiday2 p span{
    font-size: 600;
    display: block;}
.holiday2 p.center{
    font-size: 1.4em;
    text-align: center;    }

.darkred{
	color: #D80606;    
}

.news_fix{
    border: solid 1px #7F3F1F;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;}
.news_fix .bold{
	font-weight: 600;}
.news_fix{
    border: solid 1px #7F3F1F;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;}

#con1 .moviebox {
	margin-top: 1em;
	width: 100%;}
#con1 .moviebox video {
	width: 100%;}

/* ---------------------------------
  年末年始の休み
------------------------------------*/

.news_tosikosi{
    width: 50%;
    height: auto;
    margin: 2em auto 0;
    background-image: url("../images/info/img_tosikosi1.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #ffd6ce;
    border-radius: 5px;
    padding: 1em 1em 2em 1em;
    text-align: center;
}

.news_tosikosi .title{
    font-size: 1.4em;
    margin-bottom: 0;
    display: block;
    font-weight: 600;
}

.news_tosikosi .txt{
    height: auto;
}

.news_tosikosi .txt span{
    font-size: 1.2em;
}

.news_tosikosi .bold{
    font-weight: 600;
    text-align: left;
}

.news_tosikosi .flex{
    display: flex;
    align-items: center;
    justify-content: center;   
}

.news_tosikosi .flex img{
    margin-right: 1em;
}

@media screen and (min-width: 641px){
	
/* ---------------------------------
  _ PC用スタイル
------------------------------------*/

[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}

/* ---------------------------------
  _ ナビ
------------------------------------*/

nav dl.gnav dd.gnav04 {
}

/* ---------------------------------
  _05 コンテンツ　：個別
------------------------------------*/

section#con1 {
	padding: 30px 0;
}

section#con2 .container {
}

section#con3 {
}

section#con3 .container {
}

section#con4 {
}

#top .bg_br {
}

#top #con4 {
	padding-top: 130px;
}

#event.con.blog article {
	width: 832px;
}

#event.con.blog article .txt_area {
	width: 683px;
}

#event.con.blog .btn_area_flyer {
	width: 663px;
}

#event.con.blog .column_area.column2 .column_box.box1 {
	width: 410px;
}

#event.con.blog .column_area.column2 .column_box.box2 {
	width: 197px;
}

/* ---------------------------------
  _ ブログ記事
------------------------------------*/

article .update {
	font-size: 20px;
}

article h1 {
}

article .main_photo {
}

article .btn_area {
	width: 750px;
}

/* ---------------------------------
  _ ブログ記事　：個別
------------------------------------*/

#event.con.blog article .main_photo,
#info.con.blog article .main_photo {
	width: 683px;
}


/* ---------------------------------
  _11 文章テキスト：基本
------------------------------------*/

.date_time {
	font-size: 15px;
}

/* ---------------------------------
  _11 文章テキスト：個別
------------------------------------*/

.bg_red .txt.txt_ct,
.bg_yamabuki strong {
}

#brand dl dt {
}

#top .txt strong {
}

#top #con2 .att b {
	font-size: 16px;
}

.column_area.event_area .column_box.box2 .txt {
}

.event_area .hl_txt_or {
	font-size: 20px;
}

.hl_2_1 strong {
}


/* ---------------------------------
  _13 カラム
------------------------------------*/

.column_area.column3 .column_box {
	width: 320px;
}

.column_area.column3 .box1 {
}

.column_area.column3 .box2 {
}

.column_area.column3 .box3 {
}

.column_area .box2,
.column_area .box3,
.column_area .box4  {
}

/* ---------------------------------
  _13 カラム　：個別
------------------------------------*/

#info.con.blog .column_area.column2 .column_box.box1 {
	width: 750px;
}

#info.con.blog .column_area.column2 .column_box.box2 {
	width: 213px;
}

#con6 .column_area.column4 .column_box {
	height: 220px;
}

/* 商品が3つになったためレイアウト調整 */
/*
ul.column4#brand {
	margin: 0 auto;
	width: 490px;
}
*/
/* ここまで */

/* 商品が1つになったためレイアウト調整 */
/*ul.column4#brand .column_box {
	width: 235px;
	min-height: 400px;
}*/
ul.column4#brand {
	margin: 0 auto;
	width: 450px;
}
ul.column4#brand .column_box {
	min-height: 400px;
}
/* ここまで */


.column_area.event_area .column_box.box2,
#event.con .column_area.column2 .column_box.box2 {
	width: 330px;
	height: 507px;
}

.column_area.event_area .column_box.box2 .event_list {
	height: 496px;
}

#event.con .column_area.column2 .column_box.box1 {
	width: 528px;
}

/* ---------------------------------
  _ パンくず
------------------------------------*/

.pan {
	font-size: 14px;
	margin-top: 20px;
}

.pan li {
}

.pan li:first-child {
}

.pan li a {
}



/* ---------------------------------
  _お知らせ　：個別
------------------------------------*/

.news_list {
	font-size: 14px;
}

.news_list .update {
	width: 160px;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.news_list a {
	width: 300px;
	float: left;
}

#info.blog .news_list a {
	width: auto;
	float: left;
}

/* ---------------------------------
  _09 ボタン基本設定よよび横並び　：個別
------------------------------------*/

#event.con .btn_list {
	width: 560px;
}

.map-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;}
.map-box .map {
	width: 670px;}
.map-box img {
	width: 300px;
	height: auto;}

}

@media (max-width: 1020px) and (min-width: 768px) {  

/* ---------------------------------
  狭いブラウザとタブレット向け
------------------------------------*/
}

/* スマホのみ */
@media screen and (max-width: 640px){

/* ---------------------------------SP
  _03 基本設定 
------------------------------------*/

[href^="tel"] {
        pointer-events: auto;
}


body {
	font-size: 24px;
}

section {
	padding: 20px 0 20px 0;
}

.hidePC {
	display: block;
}

.hl {
	background-size: 100% atuo;
}

body {
	font-size: 28px;
}/* 028 */

.container {
	margin: 0 20px;
	width: auto;
	padding-top: 0;
}

footer .container {
	height: auto;
}

ul.news_list.line2 {
	padding: 20px;
	width: auto;
}

dl.basic dt,
dl.basic dd {
	float: none;
	width: auto;
}

dl.basic dd {
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
}

ul.basic li {
	height: auto;
	line-height: normal;
}

/* ---------------------------------SP
  _03 ヘッダー
------------------------------------*/

.contact {
	width: 100%;
	height: auto;
	padding: 10px 20px 10px 10px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-image: url(../images/bg_gr.gif);
}

.contact .hours,
.contact .address {
	font-size: 22px;
	line-height: 1.2;
}

/* ---------------------------------
  _03 ヘッダー　：個別
------------------------------------*/

.contact .hd_tel,.contact .hd_fax {
	font-size: 34px;
}

/* ---------------------------------SP
  _04 ヘッダー：スマホナビ
------------------------------------*/

.SP_nav p.menu {
	width: 114px;
	height: 114px;
	position: absolute;
	top: 20px;
	right: 20px;
	background-image: url(../images/sp_menu.png);
	background-size: 100% auto;
}

.SP_nav p.menu a {
	width: 114px;
	height: 114px;
	display: block;
}

nav {
	width: 100%;
	height: auto;
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	display: none;
}
nav .nav_inner{
	width: 100%;
}
nav dl.gnav {
	width: 100%;
	margin-right: 0;
	border: none;
	height: auto;
}

nav dl.gnav dd {
	width: 100%;
	height: 70px;
	margin: 0;
	float: none;
	background-color: #FFF;
	border-bottom: 1px solid #F33;
	background-position: 20px 20px;
}

nav dl.gnav dd.gnav00 {
	width: auto;
	margin: 0;
}

nav dl.gnav dd.gnav01 {
	width: auto;
}

nav dl.gnav dd.gnav02 {
	width: auto;
}

nav dl.gnav dd.gnav03 {
	width: auto;
}

nav dl.gnav dd.gnav04 {
	width: auto;
}

nav dl.gnav dd.gnav05 {
	width: auto;
}

nav dl.gnav dd.gnav06 {
	width: auto;
}

nav dl.gnav dd.gnav07 {
	width: auto;
	margin: 0;
}

nav dl.gnav dd a,
nav dl.gnav dd .close {
	width: auto;
	height: 70px;
	line-height: 70px;
	display: block;
	background: none;
	text-indent: 0;
	text-align: center;
	color: #000;
	font-size: 30px;
	text-decoration: none;
	font-weight: bold;
}

nav dl.gnav dd .close {
	background: none;
	background-color: #FFF;
	color: #FC5643;
}

nav dl.gnav dd.sns a {
	background-position: 20px center;
	background-repeat: no-repeat;
	padding-left: 30px;
}

/* ---------------------------------SP
  _05 ヘッダー：スマホタブナビ
------------------------------------*/

.btn_tab {
	position: fixed;
	bottom: 0;
}

.btn_tab a {
	height: 50px;
}

.btn_tab .tab_tel {
	width: 48%;
	float: left;
}

.btn_tab .tab_mail {
	width: 48%;
	float: right;
}

/* ---------------------------------
  _05 コンテンツ　：個別
------------------------------------*/

section#con1 {
}

section#con2 .container {
}

section#con3 {
}

section#con3 .container {
}

section#con4 {
}

#top .bg_br {
}

#top #con4 {
	padding-top: 200px;
}

#event.con.blog .column_area.column2 .column_box.box1 ul.btn_list {
	padding-bottom: 0;
	background: none;
}

#event.con.blog .column_area.column2 .column_box.box2 {
	width: auto;
}

#event.con.blog .column_area.column2 .column_box.box2 a {
	left: -100%;
	right: -100%;
	bottom: 100px;
	top: 240px;
	margin: 0 auto;
}


/* ---------------------------------
  _06 フッター
------------------------------------*/

footer .container {
}

small {
	font-size: 24px;
	width: auto;
	height: auto;
	line-height: 1.3;
	padding-bottom: 130px;
	margin-top: 30px;
}
/* ---------------------------------SP
  _08 ：ページタイトル
------------------------------------*/

.hl {
	width: auto;
	background-position: center center;
	background-size: auto 100%;
}

/* ---------------------------------SP
  _08 ：ページタイトル 個別
------------------------------------*/

.hl_7 {
	background-position: 10px 10px;
	background-size: auto 90px;
	text-align: left;
	padding-left: 120px;
}

.hl_type2 {
	width: auto;
	background-size: 70px auto;
	padding-left: 80px;
	line-height: 1.3;
}

/* - --------------------------------
  _09 ボタン：JAほこた
------------------------------------*/

.main_img .btn_ja {
	bottom: 5px;
	right:5px;
}

.hl_7 .btn_ja {
	float: none;
	margin: 10px 0 0 0;
	
}


/* ---------------------------------SP
  _09 ボタン：問い合わせ　画像
------------------------------------*/

.btn_tel {
	width: auto;
	height: auto;
	margin: 0;
}

.btn_tel img {
	width: 100%;
	height: auto;
}

/* ---------------------------------SP
  _07 ボタン基本設定よよび横並び
------------------------------------*/

ul.btn_list,
ul.icon_list {
	width: 90%;
	margin: 0 auto;
}

ul.btn_list li,
ul.icon_list li {
	width: auto;
	height: 126px;
	display: inline-block;
	float: left;
	margin-right: 30px;
}

ul.btn_list li {
	width: 47%;
}

/* ---------------------------------SP
  _07 ボタン基本設定よよび横並び　：個別
------------------------------------*/

ul.btn_list.blog_list {
	width: 210px;
	margin: 30px auto;
	font-size: 22px;

}

ul.btn_list.blog_list li,
ul.btn_list.blog_list li a {
	width: 90px;
	height: auto;
}

ul.btn_list.blog_list li a {
	margin: 0;
}

.btn_bl.link_back {
	background-position: 70px center;
}

/* ---------------------------------
  _08 ：ページタイトル　：　個別
------------------------------------*/

.con .siteName {
	width: 160px;
	height: 70px;
	background-size: 100% auto;
}


.hl_1_1 {
	width: 100%;
	height: 38px;
	background-position: left top;
}/* なだろうからのお知らせ */
    
#top .column_area.column2.info_area .column_box.box1 {
	width: auto;
}/* なだろうからのお知らせ */
    
#con1 .column_area.column2.info_area .column_box.box2 {
    width: auto;
}/* 店休日 */

.hl_2_1 {
	width: 100%;
	background-size: 100% auto;
	font-size: 24px;
}/* じつはいま、*/

.hl_3_1 {
	width: 100%;
}

.hl_3_1 .hl_area {
	width: 100%;
	background-size: 450px auto;
}/* なだろうは“おいしい”がもりだくさん！ */

.hl_4_1 {
	width: 100%;
	height: 280px;
	background-size: auto 240px;
}/* 旬の新鮮食材大入荷！ */

.hl_5_1 {
	width: 100%;
	background-size: 100% auto;
}/* なだろうオリジナルブランド */

.hl_6_1 {
	width: 100%;
	height: 121px;
	margin-bottom: 44px;
	background-image: url(../images/hl_season.png);
}/* 農家さんとなだろうくんのおいしい食べ方 */

.hl_6_2 {
	width: 100%;
	height: 30px;
	margin-bottom: 25px;
	background-image: url(../images/hl_season_2.png);
}/* 旬をおいしく。もっとおいしく。 */

.hl_ft_1 {
	width: 100%;
	height: 29px;
	background-image: url(../images/hl_access.png);
}/* アクセスマップ */

.hl_tel {
	width: 100%;
	height: auto;
	display: block;
	border: 6px solid #FFF;
	border-radius: 6px;
	margin-bottom: 30px;
}/* なだろうについてのお問合せは0291-34-8888 */

.hl_tel .hl_pic {
	width: 100%;
	background-size: 95% auto;
}

.hl_banner {	/* NETSHOPバナー */
	width: 100%;
	margin: 30px auto;
}
.hl_banner img {
	width: 100%;
	height: auto;
}

/* ---------------------------------
  _09 ボタン：旬の背景+リンク
------------------------------------*/

.btn_season a {
	border-radius: 200px;
}


/* ---------------------------------
  _08 ：ページタイトル 太字
------------------------------------*/

b {
	text-align: center;
	font-size: 33px;
	margin: 20px 0;
	display: block;
}

/* ---------------------------------
  _今が旬：共通
------------------------------------*/

#season .main_img {
	background: #FFF;
	padding-top: 20px;
	padding-bottom: 50px;}
#season #con1 .moviebox {
	margin-bottom: 1em;}

#season .hl_type1 {
	margin-bottom: 30px;
}

/* ---------------------------------
  _08 ：ページタイトル タイプ3　今が旬「ほこたの○○」
------------------------------------*/

.hl_type3 {
	width: 191px;
	height: 87px;
	display: block;
	padding: 20px 30px 30px 90px;
	background-position: top left;
	text-align: center;
	position: relative;
	left: auto;
	top: auto;
	text-indent: 0;
	margin: 20px;
}


.hl_type3 .period {
	font-size: 0.5em;
	font-weight: 800;
	line-height: normal;
	vertical-align: text-top;
}

.hl_type3 .crop_name {
	line-height: 1;
	font-size: 1em;
	font-weight: 800;
	vertical-align: text-top;
	display: block;
}
	
	

.season4 .hl_type3 .crop_name {
	font-size: 0.9em;
}


/* ---------------------------------
  _ アイコン　：　ケース
------------------------------------*/

.icon {
	width: 137px;
	height: 120px;
	background-size: 100% auto;
	margin: 0;
}

/* ---------------------------------
  _09 ボタン：噴出し　：個別
------------------------------------*/

.btn_f_news {
}

.btn_f_fb {
}

.btn_f_blog {
}

.btn_f_ev {
	right: 0;
	top: -160px;
}

/* ---------------------------------
  _ アイコン　：個別
------------------------------------*/

.icon.icon_att {
	top: 170px;
	left: 10px;	
}

.icon_season {
	width: 270px;
	height: 270px;
	top: -50px;
	right: -50px;
}
/* - --------------------------------
  _09 ボタン：続きを見る　オレンジ小
------------------------------------*/

.btn.btn_more_or {
	width: 270px;
	height: 60px;
	background-size: 100% auto;
}


/* ---------------------------------
  _09 ボタン：問い合わせ　中
------------------------------------*/

.btn_tel_m {
	height: 126px;
}

.btn_mail_m {
	height: 126px;
}

/* ---------------------------------
  _ 図形・画像
------------------------------------*/

.pic_area {
	width: auto;
	height: auto;
	display: block;
	margin: 0;
}

/* ---------------------------------SP
  _10 写真：基本
------------------------------------*/

.imagearea {
	margin: 0;
	width: auto;
}

figure {
	margin: 0 0 5px 0;
	width: auto;
	float: none;
}

/* ---------------------------------
  _10 写真：個別
------------------------------------*/

#brand dl dd.photo {
	width: 100%
}

#top #con4 .column_area.column3 .photo {
	height: auto;
}

#info.con.blog .photo img {
	width: 100%
}

#season .main_img .photo {
	width: auto;
}

.decl_area .photo,
#season .decl_area .photo {
	margin: 0 auto;
}

/* ---------------------------------SP
  _11 文章テキスト：基本
------------------------------------*/

.txt {
	font-size: 28px;
}

.supp {
	font-size: 24px;
}

.txt_red {
	color: #f12323;
}

.date_time {
	text-align: left;
	font-size: 20px;
	line-height: 1.3;
}

.hl_txt_or {
	text-align: center;
}

.txt.att.txt_bg_yasai {
	padding: 20px 20px 60px 30px;
	text-align: left;
	font-size: 0.9em;
}

/* ---------------------------------
  _11 文章テキスト：個別
------------------------------------*/

.bg_red .txt.txt_ct,
.bg_yamabuki strong,
.txt.txt_ct {
	text-align: left;
}

#brand dl dt {
	text-align: left;
}

#top .txt strong {
}

#top #con2 .att {
	width: 80%;
}

#top #con2 .att b {
	font-size: 28px;
}

.column_area.event_area .column_box.box2 .txt {
	text-align: left;
}

.event_area .hl_txt_or {
	font-size: 28px;
	line-height: 1.2;
	text-align: left;
}

.event_list .hl_txt_or {
	text-align: center;
	font-size: 32px;
}

.hl_2_1 strong {
	padding-left: 250px;
	line-height: 1;
	font-size: 28px;
}

#season .main_img .cp {
	padding-left: 0;
}

.hl_txt_wt {
	font-size: 1em;
}

/* ---------------------------------SP
  _12 リスト基本
------------------------------------*/

.txt_list {
	font-size: 28px;
}

dl.promise dt {
	font-size: 28px;
	width: auto;
	float: none;
}

dl.promise dd {
	font-size: 28px;
	width: auto;
	float: none;
}

/* ---------------------------------SP
  _19 　カラム
------------------------------------*/

.column_area .box1,
.column_area .box2,
.column_area .box3,
.column_area .box4 {
	display: block;
	float: none;
}

.column_area.column2 div img,
#season .column_area.column2.variety.even .column_box.box1 {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.column_area.column2 .box2 {
	float: none;
	width: 100%;
}

.column_area.column3 .column_box {
	margin-right: 0;
}

.column_area.column3 .box1 {
	float: none;
}

.column_area.column3 .box2 {
	float: none;
}

.column_area.column3 .box3 {
	float: none;
}

.column_area.column2 .column_area .box2,
.column_area.column3 .column_area .box2,
.column_area.column3 .column_area .box3 {
	margin-top: 20px;
}

/* 商品が1つになったためレイアウト調整 */
/*.column_area.column4 .column_box {
	width: 48%;
	margin-bottom: 20px;
}*/
.column_area.column4 .column_box {
	margin-bottom: 20px;
}
/* ここまで */


.column_area.column4 .column_box:nth-child(2n) {
	margin-right: 0;
}

/* ---------------------------------SP
  _19 　カラム　：個別
------------------------------------*/

#con1 .column_area.column2 .column_box.box1,
#season .column_area.column2.variety.even .column_box.box1 {
	margin-bottom: 30px;
}

.column_area.column2 .box1 {
	margin-bottom: 30px;
	float: none;
}

.column_area.event_area .column_box.box2 {
	width: auto;
	height: auto;
	float: none;
	margin: 0 auto;
}

ul.column4#brand .column_box:nth-child(2n) {
	margin-right: 0;
}

#con6 .column_area.column4 .column_box,
.column_area.column4.season_btn .column_box {
	margin-right: 20px;
	width: 270px;
	height: 270px;
	background-size: 100% auto;
	background-position: top left;
}

#con6 .column_area.column4 .column_box:nth-child(2n),
.column_area.column4.season_btn .column_box:nth-child(2n)  {
	margin-right: 0;
}

#season .column_area.column4.season_btn .btn_season {
	background-position: bottom center;
	padding-top: 30px;
}

.btn_season a {
	width: 270px;
	height: 270px;
}

.decl_area.column_area.column2 {
	width: auto;
	margin: 20px 0;
}

.decl_area.column_area.column2 .column_box.box2,
.recipe_area.column_area.column2 .column_box.box2 {
	width: auto;
}

/* ---------------------------------
  _16 カラム　：　オーダー
------------------------------------*/

.column_area.column2.order_area {
	padding-left: 0;
	background-image: none;
	padding: 20px;
}

.column_area.column2.order_area .column_box {
}

.column_area.column2.order_area .column_box .txt {
}

.column_area.column2.order_area .column_box.box1 {
	width: 100%;
}

.column_area.column2.order_area .column_box.box2,
#con1 .column_area.column2.order_area .column_box.box2 {
	width: 100%;
}

.column_area.column2.order_area .column_box.box2 .txt {
}

.column_area.column2.order_area .column_box .txt strong {
}

.column_area.column2.order_area .box1 .hl_area {
}

.column_area.column2.order_area .txt {
}

.column_area.column2.order_area .hl_order {
	width: auto;
	background-size: 100% auto;
}

.column_area.column2.order_area .btn_order {
}

.column_area.column2.order_area a.btn_order.btn_tel {
}

.column_area.column2.order_area .btn_order.btn_fax a {
}

.column_area.column2.order_area .btn_order.btn_fax a .hl_dl {
}

.column_area.column2.order_area a.btn_order.btn_fax .dl {
}

/* ---------------------------------
  _流れ
------------------------------------*/

ol.flow {
	width: auto;
}

ol.flow li {
	width: auto;
	height: auto;
	float: none;
	margin-right: 0;
	margin-bottom: 40px;
}

ol.flow li .txt {
	height: auto;
}

ol.flow li:after {
	content: url(../images/order/icon_flow_sp.png);
	top: auto;
	bottom: -47px;
	left: 48%;
	right: 50%;
}

ol.flow li:last-child:after {
	content: none;
}

/* ---------------------------------SP
  SP_16 メールフォーム　＆　リスト
------------------------------------*/

.con_mailform dl {
	height: auto;
}

.con_mailform form dt,
.con_mailform form dd {
	font-size: 28px;
	width: auto;
	float: left;
}

.con_mailform form .lines {
	height: 100px;
}

.con_mailform form dt {
	width: 44%;
	font-weight: bold;
}

.con_mailform form dt.wide {
	width: 100%;
	margin-bottom: 20px;
}

.con_mailform form dd {
	width: 56%;
}

.con_mailform form dd.wide {
	width: 100%;
}

input, textarea {
    margin-bottom: 5px;
	font-size: 28px;
}

input[type="text"], textarea {
    font-size: 130%;
	width: 96%;
    line-height: 1.4;
	height: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom: 5px;
}

input#formbtn,
input#formbtn2 {
    font-size: 28px;
    width: 400px;
    height: auto;
	line-height: 80px;
	height: 80px;
	text-align: center;
	padding: 10px;
	font-size: 32px;
}

input[type=checkbox] {
    vertical-align: middle;
	width:			30px;
	height:			30px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	-moz-transform:		scale(1.7);
	-webkit-transform:	scale(1.7);
	transform:		scale(1.7);
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
	margin-right: 40px;
}

input[type="radio"] {
    -moz-transform-origin: left center;
    -moz-transform: scale( 1.5 , 1.5 );
    -webkit-transform-origin: left center;
    -webkit-transform: scale( 1.5 , 1.5 );
}

select {
	font-size: 28px;
	width: 40%
}

select.time {
	width: 70%;
	margin: 10px 0;
}



/* ---------------------------------
  _お知らせ　：個別
------------------------------------*/

.news_list .update {
	background-position: left center;
	padding: 0 0 0 25px;
}

/* ---------------------------------
  _：イベント　：個別
------------------------------------*/

.column_area.event_area .column_box ul li {
	width: 48%;
}

.column_area.event_area .column_box ul li .photo {
}

/* ---------------------------------SP
  _：地図
------------------------------------*/

.map {
	background-color:  #FFF;
}

.map2 {
	width: auto;
	float: none;
}

.map2 img {
	width: 100%;
	height: auto;
	margin: 20px 0;
}

.map-box {
	display: inherit;}
.map-box .map {
	margin-bottom: 1em;}
.map-box img {
	width: 100%;}

/* ---------------------------------
  _：略地図横の問い合わせ　PCのみ
------------------------------------*/

.contact_area {
	width: auto;
	height: auto;
	display: block;
	float: none;
	margin: 0;
}

/* ---------------------------------SP
  _　スマホのみ　独自
------------------------------------*/

.hideSP,
header .container dl.contact.hideSP {
	display: none;
}
/* ---------------------------------
  年末年始の休み
------------------------------------*/
    .news_tosikosi {
    width: auto;
    height: auto;
    margin: 2em 20px 0;
    background-image: url(../images/info/img_tosikosi1.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #ffd6ce;
    border-radius: 5px;
    padding: 1em 1em 2em 1em;
    text-align: center;
}
    
.news_tosikosi .txt {
    text-align: left;
}
/* ---------------------------------
  _ TOP 店休日
------------------------------------*/
.holiday {
  font-size: 1em;
  text-align: left
}
    
.holiday p span{
    display: block;
}
    
.holiday2 p{
    font-size: 0.8em;    
}    
    
.holiday2 p.center{
    font-size: 1.2em;
    text-align: center;
    line-height: 1.2;
}
}

/* ---------------------------------
  _ clearfix
------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */