@charset "utf-8";

/* ####################################### */
/* ohana本舗 トップページ */
/* ####################################### */
#cntArea {width: 100%; min-width: 320px; max-width: 960px;}

/* ####################################### */
/* トップスライドショー */
/* ####################################### */
.photos {
position: relative;
width: 100%;
background-color: #ffffff;
list-style: none;
overflow: hidden;
}
.photos li {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
.photos li:first-child {
position: relative;
display: block;
float: left;
}

@media screen and (min-width: 768px) {
/*
.photos li.ohanaPhoto01 {background: url(../img/ohana_top01.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto02 {background: url(../img/ohana_top02.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto03 {background: url(../img/ohana_top03.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto04 {background: url(../img/ohana_top04.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto05 {background: url(../img/ohana_top05.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto06 {background: url(../img/ohana_top06.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto07 {background: url(../img/ohana_top07.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto08 {background: url(../img/ohana_top08.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto09 {background: url(../img/ohana_top09.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto10 {background: url(../img/ohana_top10.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto11 {background: url(../img/ohana_top11.jpg) center center no-repeat; background-size: 100% auto;}
*/
}
.photos li span {
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -1em;
padding: 0;
width: 100%;
color: #ffffff;
font-size: 230%;
font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
text-shadow: 0px 0px 5px rgba(0,0,0,0.85);
}
.photos img {
display: block;
float: left;
width: 100%;
height: auto;
border: 0;
vertical-align: bottom;
}

/* ####################################### */
/* 最新情報エリア */
/* ####################################### */
#recentPostArea {
float: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 704px;
}
.recentCntTitle {
margin: 0 auto 1em auto;
padding: 0.25em 1em;
font-size: 125%;
font-weight: bold;
border: 4px solid #ffffff;
-webkit-border-radius: 1.5em;
-moz-border-radius: 1.5em;
-o-border-radius: 1.5em;
-ms-border-radius: 1.5em;
border-radius: 1.5em;
}

/* ####################################### */
/* 現在収穫している野菜です。 */
/* ####################################### */
/* お試し */
#bnr-otameshi img {
width: 100%;
max-width: 640px;
height: auto;
}
#bnr-giftcard img {
width: 100%;
max-width: 640px;
height: auto;
}
#currentItem {
position: relative;
margin: 0;
padding: 0;
background: transparent url(../img/line_set_dotted.png) center top repeat-x;
background-position: 2px 9px;
}

#currentItem h1.recentCntTitle {
width: 100%;
color: #ffffff;
background-color: #00a4d9;
font-size: 250%;
}
#currentItem h1.recentCntTitle a {color: #ffffff; text-decoration: none;}

.yasai-tab li {
display: inline-block;
position: relative;
opacity: 0.15;
font-weight: bold;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.yasai-tab #btn-set-a, .yasai-tab #btn-set-b, .yasai-tab #btn-set-c, .yasai-tab #btn-set-d, .yasai-tab #btn-set-e {
cursor: pointer;
margin: 2.5em 0.5em 1.5em 0.5em;
padding: 0.2em 0.5em;
color: #ffffff;
background-color: #006538;
}
.yasai-tab #btn-set-a, .yasai-tab #btn-set-b {width: 45%; min-width: 110px;}
.yasai-tab #btn-set-c, .yasai-tab #btn-set-d, .yasai-tab #btn-set-e {width: 28%; min-width: 110px;}
.btn-single {
cursor: pointer;
margin: 1em 1em 1em 1em;
padding: 0.2em 1em;
}
.btn-single {color: #ffffff; background-color: #cc481d;}
.yasai-tab #btn-set-a span, .yasai-tab #btn-set-b span, .yasai-tab #btn-set-c span, .yasai-tab #btn-set-d span, .yasai-tab #btn-set-e span {
display: block;
position: absolute;
left: 0;
top: -36px;
width: 100%;
height: 36px;
}
.yasai-tab #btn-set-a span {background: url("../img/icon_set_tab_a.png") center top no-repeat;}
.yasai-tab #btn-set-b span {background: url("../img/icon_set_tab_b.png") center top no-repeat;}
.yasai-tab #btn-set-c span {background: url("../img/icon_set_tab_c.png") center top no-repeat;}
.yasai-tab #btn-set-d span {background: url("../img/icon_set_tab_c.png") center top no-repeat;}
.yasai-tab #btn-set-e span {background: url("../img/icon_set_tab_c.png") center top no-repeat;}

.yasai-tab li.select {opacity: 1.0;}
.hideSet {display: none !important;}
.currentSet {
display: inline-block;
margin: 0 auto;
padding: 1em;
width: auto;
max-width: 640px;
color: #ffffff;
background-color: #006538;
text-align: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
#setA {background-color: #22a273;}
#setB {background-color: #e4801e;}
#setC {background-color: #009fd4;}
#setD {background-color: #ff7b8a;}
#setE {background-color: #806239;}
.currentSet p {font-weight: bold; text-align: center;}
.currentSet ul {margin: 0 auto; width: auto;}
.currentSet ul li {
display: inline-block;
margin: 10px 9px;
color: #ffffff;
font-size: 85%;
font-weight: bold;
text-align: center;
}

.currentSet ul li img {
display: inline-block;
width: 80px;
height: 80px;
vertical-align: bottom;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/* オハナ野菜の購入 */
#toShopCart {margin: 1em auto 3em auto; width: 100%; height: 100px;}
#toShopCart img {width: 440px; height: 100px;}

/* ####################################### */
/* オハナフレンズ */
/* ####################################### */
#ohanaFriends {
margin: 4em 0 0 0;
padding: 0;
background: transparent url(../img/line_friends_dotted.png) center top repeat-x;
}
#ohanaFriends h1.recentCntTitle {
width: 10em;
color: #ffffff;
background-color: #80c4c1;
}
#ohanaFriends h1.recentCntTitle a {color: #ffffff; text-decoration: none;}

#ofBox {
position: relative;
margin: 2em auto;
padding-top: 1em;
width: 100%;
max-width: 640px;
background-color: #80c4c1;
text-align: left;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
#of-book {
position: absolute;
left: 30px;
top: -10px;
z-index: 10;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
-moz-box-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
-o-box-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
-ms-box-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
#of-book:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
#of-book img {width: 140px; height: 210px; vertical-align: bottom;}
#of-book a {display: block; width: 140px; height: 210px;}

#ofBox h2 {
display: inline-block;
margin: 0 auto 10px 150px;
padding: 0.25em 1em;
color: #80c4c1;
background-color: #ffffff;
font-size: 150%;
font-weight: bold;
font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;
border: 4px solid #ffffff;
-webkit-border-radius: 1.5em;
-moz-border-radius: 1.5em;
-o-border-radius: 1.5em;
-ms-border-radius: 1.5em;
border-radius: 1.5em;
}
#of-download {
position: relative;
display: inline-block;
width: 100%;
padding: 0 30px 0 190px;
color: #ffffff;
text-align: left;
}
#of-download h3 {font-size: 125%; font-weight: bold;}
#of-download a {color: #ffffff;}
#of-furoku {
float: right;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#of-furoku img {
width: 100px;
height: 100px;
vertical-align: bottom;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

/* ####################################### */
/* オハナ インフォメーション */
/* ####################################### */
#photoContest {
margin: 4em 0 0 0;
padding: 0;
background: transparent url(../img/line_photo_dotted.png) center top repeat-x;
}
#photoContest h1.recentCntTitle {
width: 18em;
color: #ffffff;
background-color: #be1920;
}
#photoContest h1.recentCntTitle a {color: #ffffff; text-decoration: none;}
#photoContest h2 {color: #be1920; font-size: 150%; font-weight: bold;}
.sampleLeft {float: left;}
.sampleRight {float: right;}
.sampleLeft, .sampleRight {padding: 2em 1.5em;}
.sampleLeft img, .sampleRight img {
border: 3px solid #ffffff;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
-o-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
-ms-box-shadow: 0 2px 4px rgba(0,0,0,0.5);
box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

#photoTheme {
position: relative;
margin: 16px auto 0 auto;
padding: 1em;
width: 260px;
color: #ffffff;
background-color: #be1920;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
#photoTheme:before{
margin-left: -12px;
width: 24px;
content: "";
position: absolute;
top: -36px;
left: 50%;
border: 16px solid transparent;
border-bottom: 24px solid #be1920;
}
#photoTheme h3 {
padding: 0.1em 1em;
color: #be1920;
background-color: #ffffff;
font-size: 125%;
font-weight: bold;
font-family: "Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;
border: 4px solid #ffffff;
-webkit-border-radius: 1.2em;
-moz-border-radius: 1.2em;
-o-border-radius: 1.2em;
-ms-border-radius: 1.2em;
border-radius: 1.2em;
}
#photoTheme p {margin: 1em auto;}
#photoTheme .photoNovel, #photoTheme .photoNovel img {
margin: 0 auto;
width: 120px;
height: 65px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
#photoTheme .photoNovel img {border: 2px solid #ffffff;}
#photoPrize {margin: 0.5em 0; color: #006538; font-size: 125%; font-weight: bold;}
.viewPrize a {color: #be1920; text-decoration: none;}
.viewPrize {margin: 0 auto 2em auto; width: 240px; text-align: right;}
.viewPrize a:hover {text-decoration: underline;}

/* ####################################### */
/* 最新ブログ */
/* ####################################### */
#recentOhanaBlog {
margin: 4em 0 0 0;
padding: 0;
background: transparent url(../img/line_blog_dotted.png) center top repeat-x;
}
#recentOhanaBlog h1.recentCntTitle {
width: 10em;
color: #ffffff;
background-color: #5e3a65;
}
#recentOhanaBlog h1.recentCntTitle a {color: #ffffff; text-decoration: none;}

.recentPost {
position: relative;
float: left;
width: 33.3333%;
text-align: left;
}
.recentPost a {text-decoration: none;}
.recentPost header {padding: 0 1em;}
.recentPost time {color: #00a4d9; font-size: 85%;}
.recentPost h1 {color: #00a4d9; font-weight: bold; min-height: 3.5em;}
.recentPhoto {width: 100%; text-align: center;}
.recentPhoto img {
margin: 0 auto;
width: 200px;
height: 150px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.recentTxt, .recentLink {
margin: 0 auto;
width: 200px;
}
.recentTxt {
color: #333333;
text-align: justify;
text-justify: inter-ideograph;
}
.recentLink {text-align: right;}
.recentLink:hover {text-decoration: underline;}

/* ニュースレター */
#newsLetter {
margin: 2em auto 0 auto;
padding: 1em;
width: 95%;
text-align: left;
border: 2px solid #5e3a65;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
#newsLetter header {
float: left;
width: 40%;
}
#newsLetter header h1 {
color: #5e3a65;
font-size: 125%;
font-weight: bold;
}
#newsLetter header p {
text-align: justify;
text-justify: inter-ideograph;
}
#newsLetter form {
float: right;
width: 55%;
}
#newsLetter form label {
display: block;
color: #5e3a65;
font-weight: bold;
}
/* フォームボタン */
#newsLetter form input[type="text"] {-webkit-appearance: none;}
#newsLetter form input[type="text"] {
margin-bottom: 1em;
outline: 0;
padding: 0 0.5em;
width: 100%;
height: 40px;
font-size: 115%;
line-height: 40px;
border: 1px solid #5e3a65;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#newsLetter form input[type="text"]:focus {
-webkit-box-shadow: 0 0 2px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 2px 0px rgba(0,0,0,0.4);
-o-box-shadow: 0 0 2px 0px rgba(0,0,0,0.4);
-ms-box-shadow: 0 0 2px 0px rgba(0,0,0,0.4);
box-shadow: 0 0 2px 0px rgba(0,0,0,0.4);
}

#newsLetter form input[name="subscribe"], #newsLetter form input[name="unsubscribe"] {-webkit-appearance: none; cursor: pointer;}
#newsLetter form input[name="subscribe"] {
margin-right: 1em;
outline: 0;
width: 40%;
height: 40px;
font-size: 115%;
font-weight: bold;
line-height: 40px;
color: #ffffff;
border: 1px solid #5e3a65;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background: #5e3a65;
}
#newsLetter form input[name="subscribe"]:active, #newsLetter form input[name="subscribe"]:hover {color: #5e3a65; background: #ffffff;}

#newsLetter form input[name="unsubscribe"] {
margin-right: 1em;
outline: 0;
width: 40%;
height: 40px;
font-size: 115%;
font-weight: bold;
line-height: 1;
color: #ffffff;
border: 1px solid #a5a5a8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background: #a5a5a8;
}
#newsLetter form input[name="unsubscribe"]:active, #newsLetter form input[name="unsubscribe"]:hover {color: #a5a5a8; background: #ffffff;}

/* ####################################### */
/* 今週のレシピ */
/* ####################################### */
#recentOhanaRecipe {
margin: 4em 0 0 0;
padding: 0;
background: transparent url(../img/line_recipe_dotted.png) center top repeat-x;
}
#recentOhanaRecipe h1.recentCntTitle {
width: 10em;
color: #ffffff;
background-color: #9f2231;
}
#recentOhanaRecipe h1.recentCntTitle a {color: #ffffff; text-decoration: none;}

#recentOhanaRecipe #lastUpdateChef, #recentOhanaRecipe #lastUpdateMember {
display: block;
margin: 1em auto;
font-weight: bold;
}
#recentOhanaRecipe #lastUpdateChef span {margin-right: 1em; color: #9f2231; font-size: 130%;}
#recentOhanaRecipe #lastUpdateMember span {margin-right: 1em; color: #cc481d; font-size: 130%;}

.originalRecipe, .memberRecipe {
position: relative;
display: inline-block;
margin: 0 3em;
text-align: left;
}
.originalRecipe header, .memberRecipe header {margin: 0 auto; width: 200px; /*height: 4.5em;*/}
.originalRecipe a, .memberRecipe a {text-decoration: none; outline: 0;}
.originalRecipe h2 {color: #9f2231; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.memberRecipe h2 {color: #cc481d; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.iconVrecipe {margin: 0 auto; width: 200px; text-align: left;}
.iconVrecipe img {width: 40px; height: 30px; vertical-align: bottom;}
.chefName {color: #000000 !important; font-size: 80%;}
.viewRecipe {margin: 0 auto 2em auto; width: 200px; text-align: right;}
.viewRecipe:hover {text-decoration: underline;}

.cookPhoto, .cookPhoto img {
margin: 0 auto;
width: 200px;
height: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}

/* ####################################### */
/* NEW アイコン */
/* ####################################### */
.newMark {
position: absolute;
display: block;
width: 66px;
height: 48px;
background: url("../img/icon_new.png") center center no-repeat;
}
.recentPost .newMark {right: 30px; top: 170px;}
.originalRecipe .newMark, .memberRecipe .newMark {right: 10px; bottom: 45px;}
#recentEvent .newMark {right: 30px; bottom: 75px;}

/* ####################################### */
/* サイド コンテンツ */
/* ####################################### */
#cntPickup {
float: right;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 216px;
}

/* ポイント制はじまりました */
#startPoint {
margin: 0 auto;
padding-bottom: 1em;
width: 200px;
border-bottom: 1px dashed #dddddd;
}
.viewOhanaPoint, .viewOhanaPoint a {color: #5e3a65; text-align: right; text-decoration: none;}
.viewOhanaPoint:hover {text-decoration: underline;}

#pointCircle {
margin: 0 auto 1em auto;
padding: 2em 0;
width: 180px;
height: 180px;
color: #ffffff;
background-color: #5e3a65;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
#pointCircle img {width: 50px; height: 50px;}
#pointCircle p {font-size: 110%;}
#pointCircle p span {font-size: 150%; font-weight: bold;}
#pointCircle a {color: #ffffff; text-decoration: none;}

/* 隔週・毎週会員様 */
#increasePoint {
margin: 1em auto;
padding-bottom: 1em;
width: 200px;
border-bottom: 1px dashed #dddddd;
}
#increasePoint img {margin: 1em auto;width: 140px; height: 70px;}
#increasePoint section h1 span {margin-right: 0.5em; color: #00a4d9; font-size: 150%; font-weight: bold;}
#increasePoint section p {margin-bottom: 1em; color: #cc481d; font-size: 125%; font-weight: bold;}
#increasePoint section a {text-decoration: none;}

/* オリジナル景品と交換 */
#changePoint {
position: relative;
margin: 1em auto;
padding: 24px 0 12px 0;
width: 200px;
border-bottom: 1px dashed #dddddd;
}
#change-icon {
position: absolute;
top: 12px;
width: 100%;
text-align: center;
}
#change-icon img {width: 40px; height: 23px;}

#changePoint section {
margin: 0 auto 1em auto;
width: 180px;
color: #ffffff;
background: #cc481d; /* Old browsers */
background: -moz-linear-gradient(left,  #cc481d 0%, #cc481d 50%, #5e3a65 50%, #5e3a65 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cc481d), color-stop(50%,#cc481d), color-stop(50%,#5e3a65), color-stop(100%,#5e3a65)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #cc481d 0%,#cc481d 50%,#5e3a65 50%,#5e3a65 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #cc481d 0%,#cc481d 50%,#5e3a65 50%,#5e3a65 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #cc481d 0%,#cc481d 50%,#5e3a65 50%,#5e3a65 100%); /* IE10+ */
background: linear-gradient(to right,  #cc481d 0%,#cc481d 50%,#5e3a65 50%,#5e3a65 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc481d', endColorstr='#5e3a65',GradientType=1 ); /* IE6-9 */
font-weight: bold;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
#changePoint section ul.photos {
position: relative;
width: 100%;
height: auto;
background-color: #ffffff;
list-style: none;
overflow: hidden;
}
#changePoint section ul.photos li {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#changePoint section ul.photos li:first-child {
position: relative;
display: block;
float: left;
}
#changePoint section ul.photos li img {
display: block;
float: left;
margin-bottom: 2px;
padding-top: 18px;
width: 100%;
height: auto;
border: 0;
vertical-align: bottom;
}
#changePoint section p {padding-bottom: 1em;}
.viewOriginal, .viewOriginal a {color: #5e3a65; text-align: right; text-decoration: none;}
.viewOriginal:hover {text-decoration: underline;}
/*#changePoint section div {padding: 1.5em 0 0 0; width: 180px; overflow: hidden;}
#changePoint section div img {
width: 540px;
height: 100px;
-webkit-animation: slideOriginal 8.0s ease 1.0s infinite alternate;
-moz-animation: slideOriginal 8.0s ease 1.0s infinite alternate;
-o-animation: slideOriginal 8.0s ease 1.0s infinite alternate;
-ms-animation: slideOriginal 8.0s ease 1.0s infinite alternate;
animation: slideOriginal 8.0s ease 1.0s infinite alternate;
}
@-webkit-keyframes slideOriginal {
	0% {margin-left: 0;} 20% {margin-left: 0;}
	40% {margin-left: -180px;} 60% {margin-left: -180px;}
	80% {margin-left: -360px;} 100% {margin-left: -360px;}
}
@-moz-keyframes slideOriginal {
	0% {margin-left: 0;} 20% {margin-left: 0;}
	40% {margin-left: -180px;} 60% {margin-left: -180px;}
	80% {margin-left: -360px;} 100% {margin-left: -360px;}
}
@-o-keyframes slideOriginal {
	0% {margin-left: 0;} 20% {margin-left: 0;}
	40% {margin-left: -180px;} 60% {margin-left: -180px;}
	80% {margin-left: -360px;} 100% {margin-left: -360px;}
}
@-ms-keyframes slideOriginal {
	0% {margin-left: 0;} 20% {margin-left: 0;}
	40% {margin-left: -180px;} 60% {margin-left: -180px;}
	80% {margin-left: -360px;} 100% {margin-left: -360px;}
}
@keyframes slideOriginal {
	0% {margin-left: 0;} 20% {margin-left: 0;}
	40% {margin-left: -180px;} 60% {margin-left: -180px;}
	80% {margin-left: -360px;} 100% {margin-left: -360px;}
}*/

/* やさい教室 */
#recentEvent {
position: relative;
margin-top: 2em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 1em;
width: 220px;
background: url(../img/event_board.png) center top no-repeat;
background-size: 220px 420px;
text-align: left;
border-bottom: 1px dashed #dddddd;
}
#recentEvent a {
display: block;
width: 100%;
height: 100%;
padding-top: 430px;
text-decoration: none;
}
#recentEvent time, #recentEvent h1, #recentEvent p {
display: block;
margin: 0 auto;
padding: 0;
width: 180px;
}
#recentEvent time {font-size: 80%;}
#recentEvent h1 {font-weight: bold;}
#recentEvent p {text-align: right;}
#recentEvent p:hover {text-decoration: underline;}

/* オハナポイント */
#ohanaPoint {
margin-top: 2em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 1em;
width: 200px;
border-bottom: 1px dashed #dddddd;
}
#ohanaPoint a {text-decoration: none;}
#recipePhoto {
margin: 0 auto 1em auto;
width: 180px;
height: 200px;
background-color: #cc481d;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
#recipePhoto img {
width: 180px;
height: 120px;
-webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
-o-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
border-radius: 8px 8px 0 0 / 8px 8px 0 0;
}
#recipePhoto p {
margin: 0 auto;
padding: 0;
color: #ffffff;
font-size: 115%;
font-weight: bold;
}

#pointGet {
margin: 0 auto;
width: 140px;
}
#pointGet span {
display: block;
float: left;
height: 50px;
background-image: url(../img/icon_getpoint.png);
background-repeat: no-repeat;
}
#iconRecipe {width: 50px; background-position: 0px center;}
#iconPlus {width: 40px; background-position: -58px center;}
#iconPoint {
width: 50px;
background-position: -100px center;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: zoomPoint 5.0s ease 1.0s infinite;
-moz-animation: zoomPoint 5.0s ease 1.0s infinite;
-o-animation: zoomPoint 5.0s ease 1.0s infinite;
-ms-animation: zoomPoint 5.0s ease 1.0s infinite;
animation: zoomPoint 5.0s ease 1.0s infinite;
/* keyframes on common.css */
}
#ohanaPoint #postBefore {
margin: 0 auto;
padding-top: 1em;
width: 180px;
color: #333333;
font-weight: bold;
font-size: 85%;
text-align: left;
text-decoration: none;
}
#toRegister, #toRegister a {color: #cc481d; text-align: right;}
#toRegister a:hover {text-decoration: underline;}

/* やさい教室 参加者募集 */
#yasaiSchool {
margin-top: 2em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 1em;
width: 200px;
}
#eventAd {
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 180px;
height: 210px;
background: #f8f3e5 url(../img/event_stripe.png) center top repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}

#eventAd h1 {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 180px;
height: 210px;
background: url(../img/event_title_top.png) center top no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-animation: swingTitle 4.0s ease 0.5s infinite;
-moz-animation: swingTitle 4.0s ease 0.5s infinite;
-o-animation: swingTitle 4.0s ease 0.5s infinite;
-ms-animation: swingTitle 4.0s ease 0.5s infinite;
animation: swingTitle 4.0s ease 0.5s infinite;
/* keyframes on common.css */
}
#eventNumber {
position: absolute;
left: 10px;
top: -10px;
z-index: 1;
width: 60px;
height: 60px;
background: url(../img/event_number.png) center top no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
-webkit-animation: swingNumber 4.0s ease-out 1.5s infinite;
-moz-animation: swingNumber 4.0s ease-out 1.5s infinite;
-o-animation: swingNumber 4.0s ease-out 1.5s infinite;
-ms-animation: swingNumber 4.0s ease-out 1.5s infinite;
animation: swingNumber 4.0s ease-out 1.5s infinite;
/* keyframes on common.css */
}

#eventText {
position: absolute;
left: 0;
top: 125px;
z-index: 3;
width: 180px;
height: 40px;
color: #ffffff;
background-color: #4f2a11;
font-size: 150%;
line-height: 40px;
}
#eventPopup {
position: absolute;
left: 0;
top: 170px;
z-index: 4;
width: 180px;
height: 20px;
font-weight: bold;
line-height: 20px;
}
#eventPopup:before {content: "・ ";}
#eventPopup:after {content: " ・";}
#eventPopup a {color: #cc491d;}

#eventDlpdf {
position: absolute;
left: 110px;
top: -10px;
z-index: 5;
width: 60px;
height: 60px;
background-color: #ffffff;
background-image: url(../img/event_dlpdf.png);
background-position: center top;
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
#eventDlpdf a {
display: block;
width: 100%;
height: 100%;
}
#eventDlpdf:hover {
-webkit-animation: bounceInDown 0.8s ease 0.0s 1;
-moz-animation: bounceInDown 0.8s ease 0.0s 1;
-o-animation: bounceInDown 0.8s ease 0.0s 1;
-ms-animation: bounceInDown 0.8s ease 0.0s 1;
animation: bounceInDown 0.8s ease 0.0s 1;
/* keyframes on common.css */
}

/* ####################################### */
/* Responsive Tablet Display */
/* ####################################### */
@media screen and (min-width: 768px) and (max-width: 959px) {
/* トップスライドショー */
.photos li span {font-size: 180%;}

#recentPostArea {float: none;}
#cntPickup {float: none; width: 704px; margin: 2em auto; padding-top: 1em; border-top: 1px dashed #dddddd;}
#cntPickup .HTMLBlock {display: inline; width: auto;}
#recentEvent, #ohanaPoint, #yasaiSchool, #yasaiSchool, #startPoint, #increasePoint, #changePoint {display: inline-block; vertical-align: top; width: 30%; border-bottom: none;}

#currentItem h1.recentCntTitle {
width: 25em;
font-size: 220%;
}

} /* End 768px-959px */

/* ####################################### */
/* Responsive SmartPhone Display */
/* ####################################### */
@media only screen and (max-width: 767px) {
#ohanaHead {width: 100%;}

/* トップスライドショー */
.photos li span {font-size: 120%;}

/*
.photos li.ohanaPhoto01 {background: url(../img/ohana_top01_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto02 {background: url(../img/ohana_top02_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto03 {background: url(../img/ohana_top03_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto04 {background: url(../img/ohana_top04_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto05 {background: url(../img/ohana_top05_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto06 {background: url(../img/ohana_top06_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto07 {background: url(../img/ohana_top07_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto08 {background: url(../img/ohana_top08_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto09 {background: url(../img/ohana_top09_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto10 {background: url(../img/ohana_top10_sp.jpg) center center no-repeat; background-size: 100% auto;}
.photos li.ohanaPhoto11 {background: url(../img/ohana_top11_sp.jpg) center center no-repeat; background-size: 100% auto;}
*/

#recentPostArea {float: none; width: 100%;}
#ohanaLeaflet {float: right; position: relative; right: auto; top: auto; width: 50%;}

.currentSet {margin: 0 0.5em;}
.currentSet ul {width: 100%; padding: 1em 0;}
.currentSet ul li {margin: 0 0.5em;}
.currentSet ul li img {width: 80px; height: 80px;}
.yasai-tab #btn-set-a, .yasai-tab #btn-set-b, .yasai-tab #btn-set-c, .yasai-tab #btn-set-d, .yasai-tab #btn-set-e {margin: 2.5em 0.2em 1em 0.2em; width: 100%; max-width: 300px;}
#toShopCart img {width: 220px; height: 50px;}

#ofBox {position: static; width: 95%;}
#of-book {
margin: 0 auto 1em auto;
position: static;
left: auto;
top: auto;
text-align: center;
width: 140px; height: 210px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
#of-book img {width: 140px; height: 210px; vertical-align: bottom;}

#ofBox h2 {
display: block;
margin: 0 0.5em 10px 0.5em;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
#of-download {
position: relative;
display: inline-block;
width: 100%;
padding: 0 1em;
color: #ffffff;
text-align: left;
}
.sampleLeft, .sampleRight {float: none; padding: 0.5em 1.5em;}

.recentPost {float: none; margin-left: auto; margin-right: auto; width: 300px;}
#newsLetter header, #newsLetter form {float: none; width: 100%;}
#newsLetter form label {margin-top: 1em;}

#recentOhanaRecipe #lastUpdateChef span, #recentOhanaRecipe #lastUpdateMember span {display: block;}
.originalRecipe, .memberRecipe {float: none; margin-left: auto; margin-right: auto; width: 200px;}
.iconVrecipe, .originalRecipe header {width: 100%;}

#cntPickup {float: none; margin-top: 1em; padding-top: 1em; width: 100%; border-top: 2px dashed #006538;}

} /* 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) {
#currentItem {background: transparent url("../img/line_set_dotted@2x.png") center top repeat-x;	background-size: 24px 30px;}
#currentItem h1.recentCntTitle {
	width: 20em;
	font-size: 125%;
}
.yasai-tab #btn-set-a span {background: url("../img/icon_set_tab_a@2x.png") center top no-repeat; background-size: 100px 32px;}
.yasai-tab #btn-set-b span {background: url("../img/icon_set_tab_b@2x.png") center top no-repeat; background-size: 100px 32px;}
.yasai-tab #btn-set-c span {background: url("../img/icon_set_tab_c@2x.png") center top no-repeat; background-size: 100px 32px;}
.yasai-tab #btn-set-d span {background: url("../img/icon_set_tab_c@2x.png") center top no-repeat; background-size: 100px 32px;}
.yasai-tab #btn-set-e span {background: url("../img/icon_set_tab_c@2x.png") center top no-repeat; background-size: 100px 32px;}

#recentOhanaBlog {background: transparent url("../img/line_blog_dotted@2x.png") center top repeat-x; background-size: 24px 30px;}
#recentOhanaRecipe {background: transparent url("../img/line_recipe_dotted@2x.png") center top repeat-x; background-size: 24px 30px;}

#recentEvent {background: url("../img/event_board@2x.png") center top no-repeat; background-size: 220px 420px;}
#pointGet span {background-image: url("../img/icon_getpoint@2x.png"); background-size: 150px 50px;}
#eventAd h1 {background: url("../img/event_title_top@2x.png") center top no-repeat; background-size: 180px 210px;}
#eventNumber {background: url("../img/event_number@2x.png") center top no-repeat; background-size: 60px 60px;}
#eventDlpdf {background-image: url("../img/event_dlpdf@2x.png"); background-size: 60px 60px;}
.newMark {background: url("../img/icon_new@2x.png") center center no-repeat; background-size: 66px 48px;}

} /* End Retina */

/* ####################################### */
/* for IE */
/* ####################################### */
/*
.ie8 .photos li.ohanaPhoto01 {background: url(../img/ohana_top01.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto02 {background: url(../img/ohana_top02.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto03 {background: url(../img/ohana_top03.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto04 {background: url(../img/ohana_top04.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto05 {background: url(../img/ohana_top05.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto06 {background: url(../img/ohana_top06.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto07 {background: url(../img/ohana_top07.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto08 {background: url(../img/ohana_top08.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto09 {background: url(../img/ohana_top09.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto10 {background: url(../img/ohana_top10.jpg) center top no-repeat; background-size: 100% auto;}
.ie8 .photos li.ohanaPhoto11 {background: url(../img/ohana_top11.jpg) center top no-repeat; background-size: 100% auto;}
*/
.ie6 .photos li span, .ie7 .photos li span, .ie8 .photos li span, .ie9 .photos li span {font-family: "ＭＳ 明朝","ＭＳ Ｐ明朝",serif !important;}

/* PowerTip Plugin */
.popup:hover {cursor: pointer;}
#powerTip {
	cursor: default;
	background-color: #9a2231;
	background-color: rgba(154, 34, 49, 0.8);
	border-radius: 6px;
	color: #fff;
	display: none;
	padding: 10px;
	position: absolute;
/*	white-space: nowrap;*/
	z-index: 2147483647;
}
#powerTip:before {
	content: "";
	position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid #9a2231;
	border-top: 10px solid rgba(154, 34, 49, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid #9a2231;
	border-right: 10px solid rgba(154, 34, 49, 0.8);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid #9a2231;
	border-bottom: 10px solid rgba(154, 34, 49, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid #9a2231;
	border-left: 10px solid rgba(154, 34, 49, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid #9a2231;
	border-top: 10px solid rgba(154, 34, 49, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid #9a2231;
	border-bottom: 10px solid rgba(154, 34, 49, 0.8);
	top: -10px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: 10px solid #9a2231;
	border-top: 10px solid rgba(154, 34, 49, 0.8);
	bottom: -10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: 10px;
}
#powerTip.ne-alt:before {
	left: auto;
	right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: none;
	border-bottom: 10px solid #9a2231;
	border-bottom: 10px solid rgba(154, 34, 49, 0.8);
	bottom: auto;
	top: -10px;
}
#powerTip.se-alt:before {
	left: auto;
	right: 10px;
}

/* 非表示 */
#recentOhanaRecipe .originalRecipe, #photoContest {display: none;}