@charset "utf-8";

/* ####################################### */
/* ohana本舗 */
/* オハナの想い 赤 #be1920 */
/* オハナの自然環境 橙 #cc481d */
/* オハナの野菜づくり 緑 #006538 */
/* 会社案内 茶 #4f2a11 */
/* オハナのやさい教室 黄 #c26f18 */
/* オハナ倶楽部 #9f2231 */
/* 野菜の購入 #00a4d9 */
/* オハナだより #5e3a65 */
/* ####################################### */

/*------------------------初期化------------------------*/
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/*body {
line-height: 1;
}*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
/*max-width: 320px;*/
color: #333333;
background-color: #ffffff;
font-size: 12px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
text-align: center;
line-height: 1.6;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
}

/* Win IE フォントサイズ */
/* Win Iternet Explorer 7フォント関連 */
*:first-child+html body {font-size: 12px; line-height: 1.8;
/* フォント指定したいとき */ font-family: 'メイリオ',Meiryo,'ＭＳ Pゴシック',sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* Win Iternet Explorer 6などフォント関連 */
* html body {font-size: 12px; line-height: 1.8;
/* フォント指定したいとき */ font-family: 'メイリオ',Meiryo,'ＭＳ Pゴシック',sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}

a,a:link,a:visited {color: #006538; text-decoration: underline; outline: none;}
a:active,a:hover {color: #4f2a11; text-decoration: none; outline: none;}
::selection {color: #ffffff; background-color: #006538;}
/*hr {display: none;} CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height:1px;}
.clbth {
	display: block;
	position: relative;
}
/* end hide IE-MAC */

/* All box-sizing */
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 85%;}
.txtBold {font-weight: bold;}
.txtNormal {font-weight: normal;}
.notice {color: #f00;}
.ohanaBrown {color: #4f2a11;}
.ohanaVermilion {color: #9f2231;}
.ohanaGreen {color: #006538;}
.ohanaOrange {color: #cc481d;}
.vmid {vertical-align: middle;}
.noneBR {white-space: nowrap;}
.gothicFont {font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif !important;}
.minchoFont {font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .txtSmall {font-size: 75%;}
*:first-child+html .gothicFont {font-family : "ＭＳ ゴシック","ＭＳ Ｐゴシック","メイリオ",Meiryo,sans-serif !important;}
*:first-child+html .minchoFont {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
* html .txtSmall {font-size: 80%;}<strong></strong>
* html .gothicFont {font-family : "ＭＳ ゴシック","ＭＳ Ｐゴシック","メイリオ",Meiryo,sans-serif !important;}
* html .minchoFont {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

.imgover, .mapLink {border: 0; vertical-align: bottom;}

/* ####################################### */
/* ヘッダー */
/* ロゴ、個別メニュー */
/* ####################################### */
#ohanaHead {
	width: 100%;
	background-color: #ffe0e0;
}

#headMenu {
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*width: 960px;
height: 210px;*/
background-color: #ffffff;
	text-align: left;
	width: 1180px;/*height: 140px;*/
}

#ohanaLogo {
float: left;
width:80px;
height: 95px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: transparent url(../img/ohana_logo_t.jpg) left top no-repeat;
}
#ohanaLogo a {
display: block;
width: 100%;
height: 100%;
}

#ohanaSmartMenu {display: none;}

#ohanaMenu {
/*position: relative;*/
float: left;

/*margin-top: 1.5em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 2em;
width: 390px;
height: 160px;
text-align: left;
border-right: 1px dotted #dddddd;*/
width: 1090px;
}
#forestLogo {
position: absolute;
right: 20px;
bottom: 28px;
z-index: 500;
}

#giftCard {
position: absolute;
right: 112px;
bottom: 26px;
z-index: 500;
}

/*#ohanaMenu ul {
float: left;
margin: 0.5em 0 2em 0;
padding: 0;
width: 150px;
}
#ohanaMenu ul li {margin-bottom: 1em; color: #333333;}
#ohanaMenu ul li a {
display: block;
width: 100%;
height: 100%;
padding-left: 1.5em;
color: #333333;
text-decoration: none;
}*/
/*#concept a {background: url(../img/color_circle.png) left 0px no-repeat;}
#location a {background: url(../img/color_circle.png) left -20px no-repeat;}
#make a {background: url(../img/color_circle.png) left -40px no-repeat;}
#about a {background: url(../img/color_circle.png) left -60px no-repeat;}
#ohanaevent a {background: url(../img/color_circle.png) left -80px no-repeat;}
#ohanafriends a {background: url(../img/color_friends.png) left 0px no-repeat;}
#ohanapoint a {background: url(../img/color_circle.png) left -100px no-repeat;}
#ohanashop a {background: url(../img/color_circle.png) left -120px no-repeat;}
#ohanablog a {background: url(../img/color_circle.png) left -140px no-repeat;}
#ohanaclub a {background: url(../img/color_point.png) left 0px no-repeat;}*/
/* HOVER */
#concept a:hover {color: #be1920;}
#location a:hover {color: #cc481d;}
#make a:hover {color: #006538;}
#about a:hover {color: #4f2a11;}
#ohanaevent a:hover {color: #c26f18;}
#ohanafriends a:hover {color: #80bfbc;}
#ohanapoint a:hover {color: #9f2231;}
#ohanashop a:hover {color: #00a4d9;}
#ohanablog a:hover {color: #5e3a65;}
#ohanaclub a:hover {color: #5e3a65;}

/* 会員登録、ログイン*/
#ohanaRegister {
float: left;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 2em;
width: 195px;
}
#ohanaRegister #memberFree {
color: #be1920;
font-weight: bold;
text-align: center;
}
#ohanaRegister ul li {
margin-top: 0;
margin-right: auto;
margin-bottom: 18px;
margin-left: auto;
width: 100px;
height: 2em;
line-height: 2;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#ohanaRegister ul li a {
display: block;
padding: 0;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#newRegister {background-color: #d65e25; border: 1px solid #d65e25;}
#memberLogin {background-color: #00a4d9; border: 1px solid #00a4d9;}
#newRegister a:hover {color: #d65e25; background-color: #ffffff;}
#memberLogin a:hover {color: #00a4d9; background-color: #ffffff;}
#bnrOtameshi {margin: auto; width: 100px;}
#bnrOtameshi img {width: 100px; height: 60px;}

/* お問い合わせ*/
#ohanaContact {
float: left;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 1em;
padding-right: 15px;
padding-bottom: 1em;
padding-left: 15px;
width: 216px;
color: #ffffff;
background-color: #808080;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#ohanaContact address {
font-size: 120%;
font-weight: bold;
letter-spacing: 0.1em;
}
#onlineContact {
margin-top: 0.5em;
width: 186px;
height: 1.8em;
color: #808080;
background: #ffffff url(../img/icon_contact.png) 10px center no-repeat;
font-size: 110%;
/*font-weight: bold;*/
text-indent: 3em;
line-height: 1.8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#onlineContact a {
display: block;
width: 100%;
height: 100%;
color: #808080;
text-decoration: none;
}

/* ログイン */
#memberName{margin-top: 0; text-align: center;}
#memberName span {color: #00a4d9; font-size: 120%; font-weight: bold;}
#memberLogout {
margin: 1em auto;
width: 100px;
height: 2em;
color: #ffffff;
background-color: #444444;
line-height: 2;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#memberLogout a {
display: block;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#memberLogout a:hover {
color: #ffffff;
background-color: #999999;
}
/* ポイント、マイページ */
#ohanaContact.currentPoint {background-color: #cc481d !important;}
#ohanaContact h3 {
font-size: 120%;
font-weight: bold;
text-align: center;
}
#ohanaContact #memberPoint {
padding: 0.5em;
font-size: 120%;
font-weight: bold;
text-align: center;
}
#ohanaContact #memberPoint span {padding-left: 1em; font-size: 80%;}
#memberPage {
margin-top: 0.5em;
width: 186px;
height: 1.8em;
color: #ffffff;
background-color: #006538;
font-size: 110%;
line-height: 1.8;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#memberPage a {
display: block;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#memberPage a:hover {
color: #006538;
background-color: #ffffff;
}

/* ####################################### */
/* 3Color Line */
/* ####################################### */
#ohanaLine {
width: 100%;
height: 36px;
}
#ohanaLine span {margin: 0; padding: 0; display: block; height: 12px;}
#blueLine {background: #ffffff url(../img/line_blue.jpg) center center no-repeat; background-size: 120% 11px;}
#greenLine {background: #ffffff url(../img/line_green.jpg) center center no-repeat; background-size: 120% 11px;}
#brownLine {background: #ffffff url(../img/line_brown.jpg) center center no-repeat; background-size: 120% 11px;}

/* ####################################### */
/* コンテンツ */
/* ####################################### */
#cntArea {
	margin-top: 2em;
	margin-right: auto;
	margin-bottom: 8em;
	margin-left: auto;
	padding: 0;
	width: 960px;
	min-height: 300px;
	position: relative;
/*	text-align: left;*/
}
.cntAreaTop {
	margin-top: 2em;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	padding: 0;
	width: 960px;
	/*min-height: 300px;*/
	position: relative;
	text-align: left;
}

/* ####################################### */
/* フッター */
/* ####################################### */
footer {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
color: #ffffff;
background: #4f2a11 url(../img/foot_line.jpg) center top repeat-x;
font-size: 10px;
text-align: center;
}

*:first-child+html footer {
font-family : "ＭＳ ゴシック","ＭＳ Ｐゴシック",Verdana,sans-serif;
font-size: 75%;
}
* html footer {font-size: 75%;}

#footLogo {
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
height: 55px;
}
#footLogo p {
position: absolute;
right: 0;
top: -38px;
padding-top: 60px;
width: 300px;
height: 55px;
background: transparent url(../img/foot_logo.png) right top no-repeat;
text-align: right;
}
.ohana-privacy {display: inline-block; margin: 0.5em 1em; font-size: 115%;}
.ohana-privacy a {color: #ffffff; text-decoration: underline;}
#copyRight {
margin: 0 auto;
padding: 2em 0;
width: 420px;
background: transparent url(../img/logo_forest_group.png) left center no-repeat;
font-family : Verdana,sans-serif;
}
#copyRight a {color: #ffffff; text-decoration: underline;}

#facebookArea {
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 2em;
width: 960px;
height: 540px;
background-color: #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
#fbStream {width: 100%;}
#fbStream .fbcomments,
#fbStream .fb_iframe_widget,
#fbStream .fb_iframe_widget[style],
#fbStream .fb_iframe_widget iframe[style],
#fbStream .fbcomments iframe[style],
#fbStream .fb_iframe_widget span{
width: 100% !important;
}
#setImages, #shopImages {
position: absolute;
z-index: 100;
height: 60px;
background-color: #ffffff;
}
#setImages {right: 2em; top: 2em;}
#shopImages {right: 0; bottom: 0;}
#setImages p {color: #00a4d9; font-size: 125%; font-weight: bold;}
#setImages a {color: #00a4d9; text-decoration: none;}
#setImages span, #shopImages span {
display: inline-block;
margin-right: 0.5em;
width: 60px;
height: 60px;
background: transparent url(../img/foot_shop.jpg) 0px top no-repeat;
background-size: 120px 60px;
vertical-align: middle;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-animation: setDeliveryfoot 8.0s steps(1) infinite;
-moz-animation: setDeliveryfoot 8.0s steps(1) infinite;
-o-animation: setDeliveryfoot 8.0s steps(1) infinite;
-ms-animation: setDeliveryfoot 8.0s steps(1) infinite;
animation: setDeliveryfoot 8.0s steps(1) infinite;
/* keyframes on common.css */
}

/* ####################################### */
/* シェフプロフィール */
/* ####################################### */
#profileArea {margin: auto; width: 100%; min-width: 300px; max-width: 520px;}
#profileChef {
float: right;
margin: auto;
width: 300px;
text-align: justify;
text-justify: inter-ideograph;
}
#profileChef hgroup {margin-bottom: 1em; font-weight: bold;}
#profileChef hgroup h1 {color: #cc481d; font-size: 170%;}
#profileChef hgroup h1 span {color: #cc481d; font-size: 60%;}
#profileChef hgroup h2 {color: #006538;}
#profileChef p {margin-bottom: 1em;}

#profilePhoto {float: left; margin: auto; width: 200px;}
#profilePhoto img {width: 200px; height: 200px;}

/* ####################################### */
/* メールマガジン */
/* ####################################### */
#mailMagazine {
clear: both;
margin: 1em auto;
padding-bottom: 5em;
width: auto;
min-width: 300px;
max-width: 480px;
color: #ffffff;
background: transparent url("../img/ohana_logo_y@2x.png") center bottom no-repeat;
background-size: 150px 50px;
border: 1px solid #ffffff;
}
#mailMagazine header {
margin: 2em 0;
padding: 1.5em 1em;
background: #5e3a65;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation: swingNumber 4.0s ease-out 0.0s infinite;
-moz-animation: swingNumber 4.0s ease-out 0.0s infinite;
-o-animation: swingNumber 4.0s ease-out 0.0s infinite;
-ms-animation: swingNumber 4.0s ease-out 0.0s infinite;
animation: swingNumber 4.0s ease-out 0.0s infinite;
}
#mailMagazine header h1 {
font-size: 120%;
font-weight: bold;
}

/* ####################################### */
/* Page Not Found */
/* ####################################### */
#pageNotfound {
clear: both;
margin: 1em auto;
padding-bottom: 5em;
width: auto;
min-width: 300px;
max-width: 480px;
border: 1px solid #ffffff;
}
#pageNotfound header {
margin: 2em 0;
padding: 1.5em 1em;
color: #ffffff;
background: #be1920;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-animation: notshake 4.0s ease-out 0.0s infinite;
-moz-animation: notshake 4.0s ease-out 0.0s infinite;
-o-animation: notshake 4.0s ease-out 0.0s infinite;
-ms-animation: notshake 4.0s ease-out 0.0s infinite;
animation: notshake 4.0s ease-out 0.0s infinite;
}
#pageNotfound header h1 {
font-size: 120%;
font-weight: bold;
}
@-webkit-keyframes notshake {
0%, 100% {-webkit-transform: translateX(0);}
2%, 7%, 12%, 17%, 22% {-webkit-transform: translateX(-10px);}
5%, 10%, 15%, 20% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes notshake {
0%, 100% {-moz-transform: translateX(0);}
2%, 7%, 12%, 17%, 22% {-moz-transform: translateX(-10px);}
5%, 10%, 15%, 20% {-moz-transform: translateX(10px);}
}
@-o-keyframes notshake {
0%, 100% {-o-transform: translateX(0);}
2%, 7%, 12%, 17%, 22% {-o-transform: translateX(-10px);}
5%, 10%, 15%, 20% {-o-transform: translateX(10px);}
}
@-ms-keyframes notshake {
0%, 100% {-ms-transform: translateX(0);}
2%, 7%, 12%, 17%, 22% {-ms-transform: translateX(-10px);}
5%, 10%, 15%, 20% {-ms-transform: translateX(10px);}
}
@keyframes notshake {
0%, 27%, 100% {transform: translateX(0);}
2%, 7%, 12%, 17%, 22% {transform: translateX(-10px);}
5%, 10%, 15%, 20% {transform: translateX(10px);}
}

/* ####################################### */
/* 野菜アイコン */
/* ####################################### */
.iconVegetables {
clear: both;
margin: 0 auto;
padding: 4em 0;
width: 660px;
min-height: 40px;
}
.iconVegetables span {
display: inline-block;
/*float: left;*/
margin: 0 20px;
height: 40px;
background-image: url(../img/icon_vegetables.png);
}
.iconVegetables span:nth-child(1) {
width: 32px;
background-position: 0px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 1.5s infinite;
-moz-animation: swingVegetables 4.0s ease-out 1.5s infinite;
-o-animation: swingVegetables 4.0s ease-out 1.5s infinite;
-ms-animation: swingVegetables 4.0s ease-out 1.5s infinite;
animation: swingVegetables 4.0s ease-out 1.5s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(2) {
width: 32px;
background-position: -32px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 1.0s infinite;
-moz-animation: swingVegetables 4.0s ease-out 1.0s infinite;
-o-animation: swingVegetables 4.0s ease-out 1.0s infinite;
-ms-animation: swingVegetables 4.0s ease-out 1.0s infinite;
animation: swingVegetables 4.0s ease-out 1.0s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(3) {
width: 34px;
background-position: -64px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 0.0s infinite;
-moz-animation: swingVegetables 4.0s ease-out 0.0s infinite;
-o-animation: swingVegetables 4.0s ease-out 0.0s infinite;
-ms-animation: swingVegetables 4.0s ease-out 0.0s infinite;
animation: swingVegetables 4.0s ease-out 0.0s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(4) {
width: 34px;
background-position: -98px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 2.5s infinite;
-moz-animation: swingVegetables 4.0s ease-out 2.5s infinite;
-o-animation: swingVegetables 4.0s ease-out 2.5s infinite;
-ms-animation: swingVegetables 4.0s ease-out 2.5s infinite;
animation: swingVegetables 4.0s ease-out 2.5s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(5) {
width: 70px;
background-position: -132px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 3.5s infinite;
-moz-animation: swingVegetables 4.0s ease-out 3.5s infinite;
-o-animation: swingVegetables 4.0s ease-out 3.5s infinite;
-ms-animation: swingVegetables 4.0s ease-out 3.5s infinite;
animation: swingVegetables 4.0s ease-out 3.5s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(6) {
width: 30px;
background-position: -202px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 3.0s infinite;
-moz-animation: swingVegetables 4.0s ease-out 3.0s infinite;
-o-animation: swingVegetables 4.0s ease-out 3.0s infinite;
-ms-animation: swingVegetables 4.0s ease-out 3.0s infinite;
animation: swingVegetables 4.0s ease-out 3.0s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(7) {
width: 50px;
background-position: -232px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 2.0s infinite;
-moz-animation: swingVegetables 4.0s ease-out 2.0s infinite;
-o-animation: swingVegetables 4.0s ease-out 2.0s infinite;
-ms-animation: swingVegetables 4.0s ease-out 2.0s infinite;
animation: swingVegetables 4.0s ease-out 2.0s infinite;
/* keyframes on common.css */
}
.iconVegetables span:nth-child(8) {
width: 40px;
background-position: -282px center;
background-repeat: no-repeat;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: swingVegetables 4.0s ease-out 0.5s infinite;
-moz-animation: swingVegetables 4.0s ease-out 0.5s infinite;
-o-animation: swingVegetables 4.0s ease-out 0.5s infinite;
-ms-animation: swingVegetables 4.0s ease-out 0.5s infinite;
animation: swingVegetables 4.0s ease-out 0.5s infinite;
/* keyframes on common.css */
}

/* ####################################### */
/* CSSアニメーション */
/* ####################################### */
.Fadein {
-webkit-animation-name: fadeinImage;
-webkit-animation-duration: 0.6s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: fadeinImage;
-moz-animation-duration: 0.6s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
-o-animation-name: fadeinImage;
-o-animation-duration: 0.6s;
-o-animation-timing-function: ease-out;
-o-animation-iteration-count: 1;
-ms-animation-name: fadeinImage;
-ms-animation-duration: 0.6s;
-ms-animation-timing-function: ease-out;
-ms-animation-iteration-count: 1;
animation-name: fadeinImage;
animation-duration: 0.6s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
}

@-webkit-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeinImage {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/* 野菜アイコン */
@-webkit-keyframes swingVegetables {
4% { -webkit-transform: rotate(15deg); -webkit-transform: scale(1.5); }
8% { -webkit-transform: rotate(-10deg); }
12% { -webkit-transform: rotate(5deg); }
16% { -webkit-transform: rotate(-5deg); }
20% { -webkit-transform: rotate(0deg); -webkit-transform: scale(1.0); }
100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swingVegetables {
4% { -moz-transform: rotate(15deg); -moz-transform: scale(1.5); }
8% { -moz-transform: rotate(-10deg); }
12% { -moz-transform: rotate(5deg); }
16% { -moz-transform: rotate(-5deg); }
20% { -moz-transform: rotate(0deg); -moz-transform: scale(1.0); }
100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swingVegetables {
4% { -o-transform: rotate(15deg); -o-transform: scale(1.5); }
8% { -o-transform: rotate(-10deg); }
12% { -o-transform: rotate(5deg); }
16% { -o-transform: rotate(-5deg); }
20% { -o-transform: rotate(0deg); -o-transform: scale(1.0); }
100% { -o-transform: rotate(0deg); }
}

@-ms-keyframes swingVegetables {
4% { -ms-transform: rotate(15deg); -ms-transform: scale(1.5); }
8% { -ms-transform: rotate(-10deg); }
12% { -ms-transform: rotate(5deg); }
16% { -ms-transform: rotate(-5deg); }
20% { -ms-transform: rotate(0deg); -ms-transform: scale(1.0); }
100% { -ms-transform: rotate(0deg); }
}

@keyframes swingVegetables {
4% { transform: rotate(15deg); transform: scale(1.5); }
8% { transform: rotate(-10deg); }
12% { transform: rotate(5deg); }
16% { transform: rotate(-5deg); }
20% { transform: rotate(0deg); transform: scale(1.0); }
100% { transform: rotate(0deg); }
}

/* 野菜セット */
@-webkit-keyframes swingSets {
2% { -webkit-transform: rotate(15deg); -webkit-transform: scale(1.2); }
4% { -webkit-transform: rotate(-10deg); }
6% { -webkit-transform: rotate(5deg); }
8% { -webkit-transform: rotate(-5deg); }
10% { -webkit-transform: rotate(0deg); -webkit-transform: scale(1.0); }
100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swingSets {
4% { -moz-transform: rotate(15deg); -moz-transform: scale(1.2); }
8% { -moz-transform: rotate(-10deg); }
12% { -moz-transform: rotate(5deg); }
16% { -moz-transform: rotate(-5deg); }
20% { -moz-transform: rotate(0deg); -moz-transform: scale(1.0); }
100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swingSets {
4% { -o-transform: rotate(15deg); -o-transform: scale(1.2); }
8% { -o-transform: rotate(-10deg); }
12% { -o-transform: rotate(5deg); }
16% { -o-transform: rotate(-5deg); }
20% { -o-transform: rotate(0deg); -o-transform: scale(1.0); }
100% { -o-transform: rotate(0deg); }
}

@-ms-keyframes swingSets {
4% { -ms-transform: rotate(15deg); -ms-transform: scale(1.2); }
8% { -ms-transform: rotate(-10deg); }
12% { -ms-transform: rotate(5deg); }
16% { -ms-transform: rotate(-5deg); }
20% { -ms-transform: rotate(0deg); -ms-transform: scale(1.0); }
100% { -ms-transform: rotate(0deg); }
}

@keyframes swingSets {
2% { transform: rotate(15deg); transform: scale(1.2); }
4% { transform: rotate(-10deg); }
6% { transform: rotate(5deg); }
8% { transform: rotate(-5deg); }
10% { transform: rotate(0deg); transform: scale(1.0); }
100% { transform: rotate(0deg); }
}

/* ポイントゲット */
@-webkit-keyframes zoomPoint {
0% { background-position: -200px center; }
6% { background-position: -100px center; }
10% { -webkit-transform: perspective(80px) rotateY(0deg); }
40% { -webkit-transform: perspective(80px) rotateY(720deg); }
80% { -webkit-transform: perspective(80px) rotateY(0deg); }
100% { -webkit-transform: perspective(80px) rotateY(0deg); }
}
@-moz-keyframes zoomPoint {
0% { background-position: -200px center; }
6% { background-position: -100px center; }
10% { -moz-transform: perspective(80px) rotateY(0deg); }
40% { -moz-transform: perspective(80px) rotateY(720deg); }
80% { -moz-transform: perspective(80px) rotateY(0deg); }
100% { -moz-transform: perspective(80px) rotateY(0deg); }
}
@-o-keyframes zoomPoint {
0% { background-position: -200px center; }
6% { background-position: -100px center; }
10% { -o-transform: perspective(80px) rotateY(0deg); }
40% { -o-transform: perspective(80px) rotateY(720deg); }
80% { -o-transform: perspective(80px) rotateY(0deg); }
100% { -o-transform: perspective(80px) rotateY(0deg); }
}
@-ms-keyframes zoomPoint {
0% { background-position: -200px center; }
6% { background-position: -100px center; }
10% { -ms-transform: perspective(80px) rotateY(0deg); }
40% { -ms-transform: perspective(80px) rotateY(720deg); }
80% { -ms-transform: perspective(80px) rotateY(0deg); }
100% { -ms-transform: perspective(80px) rotateY(0deg); }
}
@keyframes zoomPoint {
0% { background-position: -200px center; }
6% { background-position: -100px center; }
10% { transform: perspective(80px) rotateY(0deg); }
40% { transform: perspective(80px) rotateY(720deg); }
80% { transform: perspective(80px) rotateY(0deg); }
100% { transform: perspective(80px) rotateY(0deg); }
}
/*@keyframes zoomPoint {
0% { background-position: -200px center; }
6% { background-position: -100px center; }
10% { transform: scale(1.0) rotate(0deg); }
12% { transform: scale(1.5) rotate(180deg); }
14% { transform: scale(1.0) rotate(360deg); }
100% { transform: scale(1.0); }
}*/

/* 本日の野菜セット */
@-webkit-keyframes rotateSet {
0% { -webkit-transform: rotate(0deg); }
15% { -webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rotateSet {
0% { -moz-transform: rotate(0deg); }
15% { -moz-transform: rotate(360deg); }
100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes rotateSet {
0% { -o-transform: rotate(0deg); }
15% { -o-transform: rotate(360deg); }
100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes rotateSet {
0% { -ms-transform: rotate(0deg); }
15% { -ms-transform: rotate(360deg); }
100% { -ms-transform: rotate(360deg); }
}

@keyframes rotateSet {
0% { transform: rotate(0deg); }
15% { transform: rotate(360deg); }
100% { transform: rotate(360deg); }
}

/* 段ボール */
@-webkit-keyframes firstInDown {
0% {opacity: 0; -webkit-transform: translateY(-200px);}
3% {opacity: 1; -webkit-transform: translateY(30px);}
4% {-webkit-transform: translateY(-5px);}
5% {-webkit-transform: translateY(0);}
100% {-webkit-transform: translateY(0);}
}

@-moz-keyframes firstInDown {
0% {opacity: 0; -moz-transform: translateY(-200px);}
3% {opacity: 1; -moz-transform: translateY(30px);}
4% {-moz-transform: translateY(-5px);}
5% {-moz-transform: translateY(0);}
100% {-moz-transform: translateY(0);}
}

@-o-keyframes firstInDown {
0% {opacity: 0; -o-transform: translateY(-200px);}
3% {opacity: 1; -o-transform: translateY(30px);}
4% {-o-transform: translateY(-5px);}
5% {-o-transform: translateY(0);}
100% {-o-transform: translateY(0);}
}

@-ms-keyframes firstInDown {
0% {opacity: 0; -o-transform: translateY(-200px);}
3% {opacity: 1; -o-transform: translateY(30px);}
4% {-ms-transform: translateY(-5px);}
5% {-ms-transform: translateY(0);}
100% {-ms-transform: translateY(0);}
}

@keyframes firstInDown {
0% {opacity: 0; transform: translateY(-200px);}
3% {opacity: 1; transform: translateY(30px);}
4% {transform: translateY(-5px);}
5% {transform: translateY(0);}
100% {transform: translateY(0);}
}

/* PDFダウンロード */
@-webkit-keyframes bounceInDown {
0% {background-position: center -120px;}
60% {background-position: center 5px;}
80% {background-position: center -5px;}
100% {background-position: center 0px;}
}
@-moz-keyframes bounceInDown {
0% {background-position: center -120px;}
60% {background-position: center 5px;}
80% {background-position: center -5px;}
100% {background-position: center 0px;}
}
@-o-keyframes bounceInDown {
0% {background-position: center -120px;}
60% {background-position: center 5px;}
80% {background-position: center -5px;}
100% {background-position: center 0px;}
}
@-ms-keyframes bounceInDown {
0% {background-position: center -120px;}
60% {background-position: center 5px;}
80% {background-position: center -5px;}
100% {background-position: center 0px;}
}
@keyframes bounceInDown {
0% {background-position: center -120px;}
60% {background-position: center 5px;}
80% {background-position: center -5px;}
100% {background-position: center 0px;}
}

/* レシピ投稿アイコン */
@-webkit-keyframes fryInPaper {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -15px;}
10% {background-position: center 14px; background-size: 30px 30px;}
100% {background-position: center 14px;}
}
@-moz-keyframes fryInPaper {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -15px;}
10% {background-position: center 14px; background-size: 30px 30px;}
100% {background-position: center 14px;}
}
@-o-keyframes fryInPaper {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -15px;}
10% {background-position: center 14px; background-size: 30px 30px;}
100% {background-position: center 14px;}
}
@-ms-keyframes fryInPaper {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -15px;}
10% {background-position: center 14px; background-size: 30px 30px;}
100% {background-position: center 14px;}
}
@keyframes fryInPaper {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -15px;}
10% {background-position: center 14px; background-size: 30px 30px;}
100% {background-position: center 14px;}
}

/* フォトコンテストアイコン */
@-webkit-keyframes fryInPhoto {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -22px;}
10% {background-position: center 7px; background-size: 45px 45px;}
100% {background-position: center 7px;}
}
@-moz-keyframes fryInPhoto {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -22px;}
10% {background-position: center 7px; background-size: 45px 45px;}
100% {background-position: center 7px;}
}
@-o-keyframes fryInPhoto {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -22px;}
10% {background-position: center 7px; background-size: 45px 45px;}
100% {background-position: center 7px;}
}
@-ms-keyframes fryInPhoto {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -22px;}
10% {background-position: center 7px; background-size: 45px 45px;}
100% {background-position: center 7px;}
}
@keyframes fryInPhoto {
0% {background-position: center 150px; background-size: 120px 120px;}
6% {background-position: center -22px;}
10% {background-position: center 7px; background-size: 45px 45px;}
100% {background-position: center 7px;}
}

/* お届け段ボール */
@-webkit-keyframes setDelivery {
	0% {background-position: 0;}
	30% {background-position: -480px;}
	100% {background-position: -480px;}
}
@-moz-keyframes setDelivery {
	0% {background-position: 0;}
	30% {background-position: -480px;}
	100% {background-position: -480px;}
}
@-o-keyframes setDelivery {
	0% {background-position: 0;}
	30% {background-position: -480px;}
	100% {background-position: -480px;}
}
@-ms-keyframes setDelivery {
	0% {background-position: 0;}
	30% {background-position: -480px;}
	100% {background-position: -480px;}
}
@keyframes setDelivery {
	0% {background-position: 0;}
	30% {background-position: -480px;}
	100% {background-position: -480px;}
}

/* お届け段ボールフッター */
@-webkit-keyframes setDeliveryfoot {
	0% {background-position: 0;}
	50% {background-position: -60px;}
	100% {background-position: -60px;}
}
@-moz-keyframes setDeliveryfoot {
	0% {background-position: 0;}
	50% {background-position: -60px;}
	100% {background-position: -60px;}
}
@-o-keyframes setDeliveryfoot {
	0% {background-position: 0;}
	50% {background-position: -60px;}
	100% {background-position: -60px;}
}
@-ms-keyframes setDeliveryfoot {
	0% {background-position: 0;}
	50% {background-position: -60px;}
	100% {background-position: -60px;}
}
@keyframes setDeliveryfoot {
	0% {background-position: 0;}
	50% {background-position: -60px;}
	100% {background-position: -60px;}
}

/* やさい教室 参加者募集 */
@-webkit-keyframes swingTitle {
4% { -webkit-transform: rotate(-15deg); -webkit-transform: scale(1.1); }
8% { -webkit-transform: rotate(12deg); }
12% { -webkit-transform: rotate(-5deg); }
16% { -webkit-transform: rotate(5deg); }
20% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(0deg); -webkit-transform: scale(1.0); }
}

@-moz-keyframes swingTitle {
4% { -moz-transform: rotate(-15deg); -moz-transform: scale(1.1); }
8% { -moz-transform: rotate(12deg); }
12% { -moz-transform: rotate(-5deg); }
16% { -moz-transform: rotate(5deg); }
20% { -moz-transform: rotate(0deg); -moz-transform: scale(1.0); }
100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swingTitle {
4% { -o-transform: rotate(-15deg); -o-transform: scale(1.1); }
8% { -o-transform: rotate(12deg); }
12% { -o-transform: rotate(-5deg); }
16% { -o-transform: rotate(5deg); }
20% { -o-transform: rotate(0deg); -o-transform: scale(1.0); }
100% { -o-transform: rotate(0deg); }
}

@-ms-keyframes swingTitle {
4% { -ms-transform: rotate(-15deg); -ms-transform: scale(1.1); }
8% { -ms-transform: rotate(12deg); }
12% { -ms-transform: rotate(-5deg); }
16% { -ms-transform: rotate(5deg); }
20% { -ms-transform: rotate(0deg); -ms-transform: scale(1.0); }
100% { -ms-transform: rotate(0deg); }
}

@keyframes swingTitle {
4% { transform: rotate(-15deg); transform: scale(1.1); }
8% { transform: rotate(12deg); }
12% { transform: rotate(-5deg); }
16% { transform: rotate(5deg); }
20% { transform: rotate(0deg); transform: scale(1.0); }
100% { transform: rotate(0deg); }
}

@-webkit-keyframes swingNumber {
4% { -webkit-transform: rotate(15deg); -webkit-transform: scale(1.5); }
8% { -webkit-transform: rotate(-10deg); }
12% { -webkit-transform: rotate(5deg); }
16% { -webkit-transform: rotate(-5deg); }
20% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(0deg); -webkit-transform: scale(1.0); }
}

@-moz-keyframes swingNumber {
4% { -moz-transform: rotate(15deg); -moz-transform: scale(1.5); }
8% { -moz-transform: rotate(-10deg); }
12% { -moz-transform: rotate(5deg); }
16% { -moz-transform: rotate(-5deg); }
20% { -moz-transform: rotate(0deg); -moz-transform: scale(1.0); }
100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swingNumber {
4% { -o-transform: rotate(15deg); -o-transform: scale(1.5); }
8% { -o-transform: rotate(-10deg); }
12% { -o-transform: rotate(5deg); }
16% { -o-transform: rotate(-5deg); }
20% { -o-transform: rotate(0deg); -o-transform: scale(1.0); }
100% { -o-transform: rotate(0deg); }
}

@-ms-keyframes swingNumber {
4% { -ms-transform: rotate(15deg); -ms-transform: scale(1.5); }
8% { -ms-transform: rotate(-10deg); }
12% { -ms-transform: rotate(5deg); }
16% { -ms-transform: rotate(-5deg); }
20% { -ms-transform: rotate(0deg); -ms-transform: scale(1.0); }
100% { -ms-transform: rotate(0deg); }
}

@keyframes swingNumber {
4% { transform: rotate(15deg); transform: scale(1.5); }
8% { transform: rotate(-10deg); }
12% { transform: rotate(5deg); }
16% { transform: rotate(-5deg); }
20% { transform: rotate(0deg); transform: scale(1.0); }
100% { transform: rotate(0deg); }
}

@-webkit-keyframes loginColor {
0% { color: #be1920; }
12% { color: #cc481d; }
24% { color: #006538; }
36% { color: #4f2a11; }
48% { color: #c26f18; }
60% { color: #9f2231; }
72% { color: #00a4d9; }
100% { color: #5e3a65; }
}

@-moz-keyframes loginColor {
0% { color: #be1920; }
12% { color: #cc481d; }
24% { color: #006538; }
36% { color: #4f2a11; }
48% { color: #c26f18; }
60% { color: #9f2231; }
72% { color: #00a4d9; }
100% { color: #5e3a65; }
}

@-o-keyframes loginColor {
0% { color: #be1920; }
12% { color: #cc481d; }
24% { color: #006538; }
36% { color: #4f2a11; }
48% { color: #c26f18; }
60% { color: #9f2231; }
72% { color: #00a4d9; }
100% { color: #5e3a65; }
}

@-ms-keyframes loginColor {
0% { color: #be1920; }
12% { color: #cc481d; }
24% { color: #006538; }
36% { color: #4f2a11; }
48% { color: #c26f18; }
60% { color: #9f2231; }
72% { color: #00a4d9; }
100% { color: #5e3a65; }
}

@keyframes loginColor {
0% { color: #be1920; }
12% { color: #cc481d; }
24% { color: #006538; }
36% { color: #4f2a11; }
48% { color: #c26f18; }
60% { color: #9f2231; }
72% { color: #00a4d9; }
100% { color: #5e3a65; }
}

/* ####################################### */
/* ページナビ */
/* ####################################### */
.ccfive-pagenavi {clear: both; text-align: center;}

.ccfive-pagenavi a, .ccfive-pagenavi span {
text-decoration: none;
margin: 2px;
padding: 0.25em 0.5em;
border: 1px solid #006538;
/*-webkit-border-radius: 1.0em;
-moz-border-radius: 1.0em;
-o-border-radius: 1.0em;
-ms-border-radius: 1.0em;
border-radius: 1.0em;*/
}

.ccfive-pagenavi a:hover, .ccfive-pagenavi span.current {
color: #fff;
background-color: #006538;
border-color: #006538;
}
.ccfive-pagenavi span.pages {color: #00a99d; border: none;}
.ccfive-pagenavi a {color: #00a99d;}
/*.ccfive-pagenavi a.previouspostslink, .ccfive-pagenavi a.nextpostslink {border: none;}*/
.ccfive-pagenavi span.current {
font-weight: bold;
background-color: #006538;
}

/* ####################################### */
/* パンくずリスト */
/* ####################################### */
#breadCrumb {
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
padding: 0;
width: 940px;
}
#breadCrumb ul {
float: left;
margin: 0 auto;
padding: 0;
width: 50%;
text-align: left;
line-height: 1.8;
}
#breadCrumb ul li {display: inline; padding-top: 0.2em; padding-bottom: 0.2em;}
#breadCrumb ul li:after {content: " > ";}
#breadCrumb ul li:last-child:after {content: "";}
/*#breadCrumb a,#breadCrumb a:link,#breadCrumb a:visited {color: #333; text-decoration: underline; outline: 0;}
#breadCrumb a:active,#breadCrumb a:hover {color: #333; text-decoration: underline;}*/
li.home {
/*padding-left: 18px;
background: url(../img/icon_home@2x.png) no-repeat left center;
background-size: 16px 16px;*/
}

#optionMenu {
float: right;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: right;
}
#optionMenu p, #optionMenu div {
display: inline-block;
height: 24px;
line-height: 24px;
}
#optionMenu div, #optionMenu div a {
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
#optionMenu div a {
display: block;
width: 100%;
height: 100%;
}
#sizeNormal {margin-right: 0.5em; background-color: #006538;}
#sizeUp {margin-right: 1em; background-color: #cc481d;}
#howto-member {margin-right: 1em; background-color: #8cb9e6;}
#linkTofb, #linkTofb img {
width: 24px;
height: 24px;
vertical-align: bottom;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
#optionMenu div#sizeNormal a, #optionMenu div#sizeUp a, #optionMenu div#howto-member a {padding: 0 1em;}
@media screen and (max-device-width: 767px) {
#optionMenu {display: none;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#optionMenu div#sizeNormal, #optionMenu div#sizeUp, #optionMenu p {display: none;}
}

/* ####################################### */
/* トップへ戻る */
/* ####################################### */
#pageTop {
position: fixed;
right: 1em;
bottom: 0;
z-index: 1000;
width: 80px;
height: 80px;
line-height: 80px;
padding: 0;
color: #ffffff;
background-color: rgba(0,101,56,0.5);
font-size: 100%;
font-weight: bold;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#pageTop a {
display: block;
width: 100%;
height: 100%;
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#pageTop a:hover {background-color: rgba(0,101,56,1);}
@media screen and (max-device-width: 767px) {
#pageTop {display: none;}
}

/* ####################################### */
/* Responsive Tablet Display */
/* ####################################### */
/*@media screen and (min-width: 768px) and (max-width: 959px) {*/
/*@media screen and (min-width: 768px) and (max-width: 1279px) {*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
#headMenu {
/*width: 768px;*/
width:95%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;

}
#ohanaMenu {
	/*width: 518px;*/
	width: 70%;
}


/* 会員登録、ログイン */
#ohanaRegister {width: 260px; padding-left: 14px;}
#ohanaRegister #memberFree {margin-top: 0;}
#ohanaRegister ul li {float: left; margin: 0 8px;}
#memberName{display: inline-block; margin: 0; padding-top: 0; width: 130px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#memberLogout{display: inline-block; margin: 0; vertical-align: top;}
#memberName br, #bnrOtameshi {display: none;}

/* お問い合わせ */
#ohanaContact {
float: left;
margin-top: 1em;
margin-bottom: 0px;
margin-left: 22px;
}
#forestLogo, #giftCard {display: none;}

#cntArea {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;

}
.cntAreaTop {
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding: 0;
	width: 100%;

}
#breadCrumb {width: 748px;}


/* フッター */
#footLogo {width: 768px;}
#facebookArea {width: 748px;}
#fbStream {
	width: 100%;
	overflow: hidden;
}
#setImages {width: 180px;}
#setImages p {font-size: 110%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#pageTop {
	display:none;
}

} /* End 768px-959px */

/* ####################################### */
/* Responsive SmartPhone Display */
/* ####################################### */
@media only screen and (max-width: 767px) {
#headMenu {
position: relative;
width: 100%;
/*height: 50px;*/
background-color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding-top:0;
}

#ohanaLogo {
float: left;
width:150px;
height: 50px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: transparent url("../img/ohana_logo_y@2x.png") left center no-repeat !important;
background-size: 150px 50px !important;
}
#forestLogo, #giftCard {display: none;}
#ohanaSmartMenu {
display: block;
float: right;
width: 170px;
}
#ohanaSmartMenu li {float: left;}
#ohanaSmartMenu li a {
display: block;
width: 100%;
height: 100%;
}
#menuBtn {
width: 70px;
height: 50px;
line-height: 50px;
font-family : Verdana,sans-serif;
text-align: center;
color: #ffffff;
background-color: #006538;
}
#menuBtn a {color: #ffffff; text-decoration: none;}
#loginBtn {
width: 50px;
height: 50px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-right: 1px solid #d8d8d8;
background-color: #cc481d;
background-image: url("../img/icon_sp_regist@2x.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 50px 50px;
}
#loginBtn.closeMenu {background-color: #666666;}
#toFacebook {
width: 50px;
height: 50px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: transparent url("../img/icon_sp_facebook@2x.png") left top no-repeat;
background-size: 50px 50px;
}

#ohanaMenu {
clear: both;
/*position: absolute;*/
/*z-index: 500;*/
/*left: 0;*/
/*top: 50px;*/
margin-top: 0 auto;
padding: 10px;
width: 100%;
height: auto;
background-color: #ffffff;
text-align: left;
border: none;
border-top: 1px solid #d8d8d8;
/*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);*/
}
#shopImages {display: none;}
#contactSmartMenu {
clear: both;
/*position: absolute;*/
/*z-index: 500;*/
/*left: 0;*/
/*top: 50px;*/
padding:15px 10px 30px 10px;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #d8d8d8;
/*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);*/
}
/* 会員登録、ログイン */
#ohanaRegister {float: none; padding: 0; width: 260px;}
#ohanaRegister ul {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0 0 2em 0;
text-align: center;
}

#ohanaRegister ul li {float: none; display: inline-block; margin: 0.5em;}
/* お問い合わせ */
#ohanaContact {
clear: both;
float: none;
margin-top: 1em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
/* ログインユーザー */
#memberName{margin-top: 0; padding: 0; text-align: center;}
#memberName br {display: none;}

#contactSmartMenu, #ohanaMenu, #bnrOtameshi {display: none;}

#cntArea, #breadCrumb {width: 100%;}

.cntAreaTop {
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	padding: 0;
	width: 100%;

}


#cntArea {
	margin-top: 1em;
	margin-bottom: 1em;
}


#breadCrumb ul {float: none; margin-left: 10px; width: auto;}
#optionMenu {display: none;}

.iconVegetables {margin-bottom: 2em; padding: 0; width: 95%; height: 90px; overflow: hidden;}

/* フッター */
#footLogo {width: 100%;}
#copyRight {padding: 2.5em 0 2em 0; width: 100%; background-position: center top !important;}
#facebookArea {width: 300px; margin-bottom: 1em;}
#fbStream {
	width: 260px;
	overflow: hidden;
}
#setImages {left: 2em; right: auto;}
#smtp-contact {display: block;}

} /* End 0px-767px */

/* ####################################### */
/* Ratina Display */
/* ####################################### */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
/*
#ohanaLogo {background: transparent url("../img/ohana_logo_t@2x.jpg") left top no-repeat; background-size: 140px 180px;}

#concept a {background: url("../img/color_circle@2x.png") left 0px no-repeat; background-size: 14px 160px;}
#location a {background: url("../img/color_circle@2x.png") left -20px no-repeat; background-size: 14px 160px;}
#make a {background: url("../img/color_circle@2x.png") left -40px no-repeat; background-size: 14px 160px;}
#about a {background: url("../img/color_circle@2x.png") left -60px no-repeat; background-size: 14px 160px;}
#ohanaevent a {background: url("../img/color_circle@2x.png") left -80px no-repeat; background-size: 14px 160px;}
#ohanafriends a {background: url("../img/color_friends@2x.png") left 0px no-repeat; background-size: 14px 20px;}
#ohanapoint a {background: url("../img/color_circle@2x.png") left -100px no-repeat; background-size: 14px 160px;}
#ohanashop a {background: url("../img/color_circle@2x.png") left -120px no-repeat; background-size: 14px 160px;}
#ohanablog a {background: url("../img/color_circle@2x.png") left -140px no-repeat; background-size: 14px 160px;}
#ohanaclub a {background: url("../img/color_point@2x.png") left 0px no-repeat; background-size: 16px 16px;}*/

#onlineContact {background: #ffffff url("../img/icon_contact@2x.png") 10px center no-repeat; background-size: 18px 14px;}

footer {background: #4f2a11 url("../img/foot_line@2x.jpg") center top repeat-x; background-size: 300px 16px;}
#footLogo p {background: transparent url("../img/foot_logo@2x.png") right top no-repeat; background-size: 300px 55px;}
#copyRight {background: transparent url("../img/logo_forest_group@2x.png") left center no-repeat; background-size: 50px 24px;}
#setImages span, #shopImages span {background: transparent url("../img/foot_shop@2x.jpg") 0px top no-repeat; background-size: 120px 60px;}

.iconVegetables span {background-image: url("../img/icon_vegetables@2x.png"); background-size: 322px 40px;}

} /* End Retina */


.errorMessage {
color: #ff0000;
font-size: 200%;
font-weight: bolder;
line-height: 1.5em;
}