@charset "UTF-8";
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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { text-decoration: none; }

.mobile { display: none; }
@media screen and (max-width: 640px) { .mobile { display: block; } }

.desktop { display: block; }
@media screen and (max-width: 640px) { .desktop { display: none; } }

@media screen and (max-width: 640px) { img { max-width: 100% !important; height: auto; } }

@media screen and (max-width: 640px) { iframe { max-width: 100% !important; max-height: 360px !important; } }

body { -webkit-text-size-adjust: none; word-wrap: break-word; word-break: break-all; background: white; color: #333333; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo',sans-serif; font-size: 15px; font-weight: normal; }

.container, .path { width: 960px; padding: 0; margin: 0 auto; position: relative; overflow: hidden; *zoom: 1; }
@media screen and (max-width: 640px) { .container, .path { width: auto; padding: 15px; } }

@media screen and (max-width: 1100px) { #viewport { width: 1100px; margin: 0 auto; } }
@media screen and (max-width: 640px) { #viewport { width: auto; } }

#header { border-top: 3px solid #ed1c24; font-size: 12px; }
#header .container, #header .path { padding: 21px 0 16px 0; background: url('../img/head/fig.png') right top no-repeat; }
#header ul, #header p { position: absolute; }
#header ul { top: 11px; right: 320px; line-height: 1; }
#header li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
#header li a { color: #333333; margin: 0 0 0 1em; }
#header li a:hover { color: #00a1e4; text-decoration: underline; }
#header p { right: 186px; }
#header input, #header select { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0; font-size: 13px; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333333; outline: none; }
#header .search { top: 50px; }
#header .search input, #header .search img, #header .search span { vertical-align: top; }
#header .search span { border: 1px solid #C0C0C0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; overflow: hidden; position: relative; padding: 4px; }
#header .search span.lang { width: 12em; }
#header .search input { width: 14em; }
#header .search .button { background: url('../img/head/search.png') center center no-repeat; width: 24px; height: 21px; position: absolute; right: 4px; top: 3px; text-indent: 100%; font-size: 0; }
#header .lang { border: 1px solid #C0C0C0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; overflow: hidden; position: relative; padding: 4px; width: 8em; }
#header .lang select { background: url('../img/arrow1.png') 6px center no-repeat; padding-left: 20px; width: 120%; }
#header .lang select::-ms-expand { display: none; }
#header .shop { top: 0; background: #ed1c24; padding: 1em 0.5em 0.8em 0.5em; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px; }
#header .shop a { color: white; }
@media screen and (max-width: 640px) { #header { border-bottom: 1px solid #e5e5e5; }
  #header .container, #header .path { padding: 11px 15px; background: none; }
  #header ul, #header .search, #header .shop { display: none; }
  #header .mobile { position: static; }
  #header .mobile a, #header .mobile span { position: absolute; }
  #header .mobile .open { right: 116px; top: 16px; width: 19px; }
  #header .mobile .lang { right: 15px; top: 12px; width: 6.5em; padding: 2px 2px 2px 5px; }
  #header .mobile .lang select { background: none; padding-left: 0; }
  #header .logo { width: 137px; } }

#footer { background: #ed1c24; color: white; }
#footer .container, #footer .path { padding: 30px 0 55px 0; }
@media screen and (max-width: 640px) { #footer { font-size: 10px; text-align: center; margin-top: 2em; }
  #footer .container, #footer .path { overflow: visible; } }

#footlogo { padding-bottom: 0; }

#global { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#global ul { font-size: 0; }
#global li, #global a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
#global a { padding: 12px 0 2px 0; margin: 0 1px; /* border-top:3px solid white; &.on { border-top:3px solid $red; }
*/ }
@media screen and (max-width: 640px) { #global { display: none; } }
#global.open { position: absolute; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 99999; width: 100%; height: 100%; }
#global .mobile ul { font-size: 14px; background: white; }
#global .mobile li, #global .mobile a { display: block; }
#global .mobile a { border-bottom: 1px solid #e5e5e5; margin: 0; padding: 1.2em 1em; background: none; position: relative; color: #333333; }
#global .mobile a:after { content: '\003e'; color: #ed1c24; position: absolute; right: 1em; top: 1.2em; }
#global .mobile ul { display: block; width: auto; }
#global .mobile ul ul { display: none; }
#global .mobile .close { color: #999999; }
#global .mobile .close:after { content: '\002715'; font-size: 30px; color: #999999; top: 0.2em; right: 0.3em; }

.path { padding: 30px 0 50px 0; font-size: 13px; }
.path a { color: #333333; }
.path span { color: #ed1c24; }
@media screen and (max-width: 640px) { .path { display: none; } }

.pagetop { font-size: 12px; }
.pagetop a { position: absolute; top: 30px; right: 0; z-index: 9999; color: white; background: url('../img/arrow.up.png') left 2px no-repeat; padding-left: 12px; }
@media screen and (max-width: 640px) { .pagetop a { top: -2em; right: 1em; color: red; }
  .pagetop a:before { content: '▲'; } }

#cover { position: relative; width: 100%; overflow: hidden; margin-bottom: 20px; }
#cover .slide { margin-bottom: 0; height: 400px; overflow: hidden; }
#cover .slide div { width: 960px; margin: 0 auto; }
#cover .slide div img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }
#cover .slide .slick-list { position: relative; left: 50%; margin-left: -480px; overflow: visible; }
#cover .slide .slick-active img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#cover .nav a { position: absolute; top: 156px; left: 50%; }
#cover .nav .prev { margin-left: -503px; }
#cover .nav .next { margin-left: 457px; }
#cover .indicator { position: relative; top: -180px; text-align: right; padding: 1em 0; font-size: 10px; width: 920px; margin: 0 auto; }
#cover .indicator a { color: #e5e5e5; margin: 0 0.5em; }
#cover .indicator a.on { color: #ed1c24; }
#cover .thumb { position: relative; margin-top: -58px; text-align: center; }
#cover .thumb a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 17px; }
#cover .thumb a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.page #cover { margin-bottom: 50px; }
@media screen and (max-width: 640px) { #cover { padding-bottom: 0; margin-bottom: 30px; border-bottom: 2px dotted #ed1c24; }
  #cover .slide { height: auto; }
  #cover .slide div { width: 100%; }
  #cover .slide .slick-list { left: auto; margin-left: auto; }
  #cover .thumb { display: none; }
  #cover .nav a { position: absolute; top: 50%; left: auto; width: 25px; }
  #cover .nav .prev, #cover .nav .next { margin: -30px 0 0 0; }
  #cover .nav .prev { left: 0; }
  #cover .nav .next { right: 0; }
  #cover .indicator { top: auto; text-align: center; width: 100%; } }

#recipe .more a, #topics .more a, #products .more a, #main .back a, #main .button a, #main .button, .company #main .map, .products.item #main .more a, .products.post #main .more a , #cookpad a{ border: 1px solid #ed1c24; background: white; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; text-align: center; padding: 0.8em 0; color: #ed1c24; line-height: 1 !important; }
#recipe .more a:before, #topics .more a:before, #products .more a:before, #main .back a:before, #main .button a:before, #main .button:before, .company #main .map:before, .products.item #main .more a:before, .products.post #main .more a:before, #cookpad a:before{ content: ' '; background: url('../img/arrow2.png') left 1px no-repeat; width: 20px; height: 12px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; }
#recipe .more a:hover, #topics .more a:hover, #products .more a:hover, #main .back a:hover, #main .button a:hover, #main .button:hover, .company #main .map:hover, .products.item #main .more a:hover, .products.post #main .more a:hover ,#cookpad a:hover{ background: #ed1c24; color: white; }
#recipe .more a:hover:before, #topics .more a:hover:before, #products .more a:hover:before, #main .back a:hover:before, #main .button a:hover:before, #main .button:hover:before, .company #main .map:hover:before, .products.item #main .more a:hover:before, .products.post #main .more a:hover:before ,#cookpad a:hover:before{ content: ' '; background: url('../img/arrow0.png') left 1px no-repeat; }

#recipe { margin-bottom: 60px; }
#recipe .icon { position: absolute; top: 94px; left: 14px; width: 62px; height: auto; z-index: 9999; }
#recipe h2 { margin-bottom: 22px; }
#recipe .pickup { background: url('../img/recipe/head3.png') left top repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px; }
#recipe p, #recipe a { color: #ed1c24; }
#recipe p { margin-bottom: 15px; }
#recipe .frame { clear: both; overflow: hidden; background: white; padding: 20px 10px; margin-bottom: 20px; font-size: 0; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.4) inset; box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.4) inset; }
#recipe .item { font-size: 14px; width: 205px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 10px 20px 10px; text-align: left; }
#recipe .item img { width: 100%; }
#recipe .item .variety { display: block; }
#recipe .item .variety span { padding: 2px 2em; font-size: 10px; margin-top: -20px; }
#recipe .nav { display: none; }
#recipe .more a { width: 100%; background: none; }
@media screen and (max-width: 640px) { #recipe .icon { top: 160px; left: 20px; width:45px; height:45px; }
  #recipe .item { width: 48%; margin: 0 1% 10px 1%; }
  #recipe .item img { width: 134px; height: auto; }
  #recipe p { line-height: 1.4; }
  #recipe .variety { text-align: center; }
  #recipe .nav { display: inline; }
  #recipe .nav a { width: 30px; height: 30px; position: absolute; top: 240px; }
  #recipe .nav .prev { left: 20px; }
  #recipe .nav .next { right: 20px; } }

#topics { width: 630px; margin-right: 30px; margin-bottom: 60px; }
#topics .rss { position: absolute; right: 0; top: 16px; }
#topics h2 { margin-bottom: 22px; }
#topics ul { overflow: hidden; margin-bottom: 14px; }
#topics li { border-top: 1px dashed #333333; margin-top: -1px; padding: 1em 0; }
#topics li a { color: #00a1e4; }
#topics li a:hover { color: #ed1c24; }
#topics li span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; text-decoration: underline; width: 420px; line-height: 1.4; }
#topics .date, #topics .category { color: #333333; text-decoration: none; line-height: 1; padding: 0.2em 0; }
#topics .date { width: 7em; }
#topics .category { width: 5em; border: 1px solid #333333; text-align: center; font-size: 90%; margin: -1px 10px 0 0; }
#topics .category.null { border: 1px solid white; }
#topics .more a { width: 100%; }
@media screen and (max-width: 640px) { #topics { margin-right: 0; margin-bottom: 30px; }
  #topics h2 { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/mobile/topics.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 26px; background-position: left center; height: 30px; margin-bottom: 0; }
  #topics .rss { display: none; }
  #topics li span { display: block; width: auto; padding-top: 0.5em; }
  #topics li .date, #topics li .category { display: inline-block; }
  #topics li .date { padding-top: 4px; }
  #topics li .category { margin-top: 0; } }

#banner { width: 300px; margin-bottom: 60px; }
#banner a { display: block; margin-bottom: 20px; }
#banner a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
@media screen and (max-width: 640px) { #banner { margin-bottom: 0; text-align: center; }
  #banner a { margin-bottom: 10px; } }

#topics, #banner { position: relative; float: left; }
@media screen and (max-width: 640px) { #topics, #banner { float: none; width: auto; } }

#products { position: relative; margin-bottom: 70px; padding-bottom: 14px; background: url('../img/products/back.png') center top repeat-x; }
#products .container, #products .path { white-space: nowrap; }
#products h2, #products .category li, #products .category a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; }
#products h2 { padding-top: 23px; margin: 0 20px 36px 0; }
#products .category { font-size: 13px; margin-bottom: 44px; }
#products .category a { padding-top: 35px; margin: 0 0.2em; color: #333333; }
#products .category a.on, #products .category a:hover { padding-top: 32px; border-top: 3px solid #ed1c24; color: #ed1c24; }
#products .list { height: 175px; overflow: hidden; margin-bottom: 14px; }
#products .list .dummy { height: 175px; }
#products .list a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
#products .container, #products .path { overflow: visible; }
#products .nav a { position: absolute; top: 204px; }
#products .nav .prev { left: -70px; }
#products .nav .next { right: -70px; }
#products .more a { padding: 0.6em 0; width: 100%; }
@media screen and (max-width: 640px) { #products { background: none; margin-bottom: 10px; }
  #products .container, #products .path { padding: 0; }
  #products h2, #products .category, #products .category li, #products .category a { display: block; }
  #products h2 { padding: 0; margin: 15px; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/mobile/products.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 86px auto; background-position: left center; height: 20px; }
  #products .category { background: #fef7e8; margin-bottom: 10px; }
  #products .category a { border-bottom: 1px solid #e5e5e5; margin: 0; position: relative; }
  #products .category a, #products .category a.on, #products .category a:hover { padding: 1.2em 1em 1.2em 40px; color: #333333; }
  #products .category a.on, #products .category a:hover { border-top: none; }
  #products .category a:after { content: '\003e'; color: #ed1c24; position: absolute; right: 1em; top: 1.2em; }
  #products .category .all { background: url('../img/mobile/type0.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type01 { background: url('../img/mobile/type1.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type02 { background: url('../img/mobile/type2.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type03 { background: url('../img/mobile/type3.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type04 { background: url('../img/mobile/type4.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type05 { background: url('../img/mobile/type5.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type06 { background: url('../img/mobile/type6.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type07 { background: url('../img/mobile/type7.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type08 { background: url('../img/mobile/type8.png') 15px center no-repeat; background-size: 19px auto; }
  #products .category .type10 { background: url('../img/mobile/type10.png') 15px center no-repeat; background-size: 19px auto; }
  #products .list, #products .nav { display: none; }
  #products .more { padding: 0 20px; }
  #products .more a { display: block; width: auto; } }

#products.test .list { width: 960px; text-align: center; font-size: 0; }
#products.test .list li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 107px; text-align: center; }
#products.test .list li img { display: inline; }

#facebook {width: 480px;margin-right: 30px;margin-bottom: 70px;}


#cookpad {width: 448px;border: 1px solid #e5e5e5;margin-bottom: 70px;padding: 0 0 20px 0;}
#cookpad h2 {border-top: 3px solid #ed1c24;padding: 15px 0 15px 15px;}
#cookpad .imgBox img { width:450px; }
#cookpad p{text-align: center;padding: 14px;}
#cookpad a{padding:8px 0;width:420px;margin: 0 10px;}
@media screen and (max-width: 640px) { #cookpad { margin-right: 0; margin-bottom: 40px; }  #cookpad h2 { overflow: hidden; text-align: left; text-transform: capitalize; } 
#cookpad h2 img{
  width:260px;
  }
#cookpad p{
  padding:14px 0;
}
#cookpad a{
  margin:0;
  width:100%;
}
#cookpad .imgBox img{
  width: 100%;
}
#cookpad .txtBox{
  padding:0 10px;

  }}




#knowledge {width: 960px;margin-bottom: 70px;}
#knowledge h2 {border-top: 3px solid #ed1c24;padding: 20px 0;}
#knowledge ul {overflow: hidden;}
#knowledge li {border: 1px solid #e5e5e5;width: 310px;float: left;margin-right: 12px;}
#knowledge li:last-child {margin-right: 0;}
#knowledge li img {float: left;margin-right: 0px;}
#knowledge li a { display: block; color: #333333; }
#knowledge li a:hover{ opacity: 0.8; }
#knowledge li .txtBox {padding: 10px 8px 0;float: left;width: 214px;}
#knowledge li span {display: block;font-size: 12px;line-height: 150%;}
#knowledge li span br { display: none; }
#knowledge li span strong {display: block;color: #ed1c24;font-weight: bold;margin-bottom: 6px;background: url('../img/arrow2.png') left 3px no-repeat;padding-left: 12px;font-size: 14px;}
@media screen and (max-width: 640px) {
  #knowledge { padding: 0 10px; margin-right: 0; margin-bottom: 40px; width: auto; padding:0;}
  #knowledge h2 { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/mobile/knowledge.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 122px auto; background-position: 10px 10px; height: 20px; padding: 16px 10px;}
  #knowledge li{
    border-bottom: 1px solid #e5e5e5;
    border-top:0;
    border-left:0;
    border-right: 0;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0;
    float: none;
    width: auto;
    padding: 0 0 10px;}
  #knowledge li .txtBox{
    padding: 5px 8px;
    float: none;
    overflow: hidden;
    width: auto;}}

#facebook, #cookpad { float: left; }
@media screen and (max-width: 640px) { #facebook, #cookpad { float: none; width: auto; } }

#site { border-top: 1px solid #e5e5e5; padding: 30px 0 20px 0; font-size: 0; background: #fef7e8; }
#site a { color: #333333; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-bottom: 1em; background: url('../img/arrow2.png') left 2px no-repeat; padding-left: 16px; white-space: nowrap; }
#site a:hover { color: #00a1e4; text-decoration: underline; }
#site ul { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; width: 25%; font-size: 14px; line-height: 1.1; }
#site ul ul { display: block; font-size: 12px; margin-left: 16px; margin-bottom: 1em; width: auto; }
#site ul ul a { padding-left: 0; background: none; }
#site ul ul ul { margin-left: 0.5em; }
@media screen and (max-width: 640px) { #site { background: none; padding: 0; }
  #site .container, #site .path { padding: 0; }
  #site a { display: block; border-bottom: 1px solid #e5e5e5; margin-bottom: 0; padding: 1.2em 1em; background: none; position: relative; }
  #site a:after { content: '\003e'; color: #ed1c24; position: absolute; right: 1em; top: 1.2em; }
  #site ul { display: block; width: auto; }
  #site ul ul { display: none; } }

#main { width: 660px; margin-right: 100px; margin-bottom: 50px; line-height: 1.8; }
#main p, #main div, #main ul, #main ol, #main dl, #main table { margin-bottom: 2em; }
#main h2, #main h3, #main h4, #main h5, #main h6 { margin-bottom: 1em; color: black; }
#main h2, #main h3, #main h4, #main h5, #main h6, #main strong { font-weight: bold; }
#main h2 { font-size: 18px; line-height: 1.1; background: #fef7e8; padding: 0.4em; }
#main h3 { font-size: 20px; }
#main .back a, #main .button a { padding: 0.8em 1em; }
#main .button { padding: 0.8em 1em; }
#main .local { font-size: 0; margin: 0 0 54px 0; }
#main .local li, #main .local a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
#main .local a { vertical-align: top; color: red; width: 134px; border: 1px solid #e5e5e5; line-height: 40px; margin: 0 5px 10px 5px; color: #333333; padding-left: 20px; background: url('../img/arrow1.png') 8px center no-repeat; white-space: nowrap; font-size: 13px; }
#main .local a:hover { color: #ed1c24; background: url('../img/arrow2.png') 8px center no-repeat; }
#main .local ul { margin-right: -10px; }
#main .tab { border-bottom: 1px solid #e5e5e5; margin-bottom: 54px; }
#main .tab ul { margin: 0 2em; }
#main .tab li, #main .tab a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
#main .tab a { border-width: 1px 1px 0 1px; border-style: solid; border-color: white; padding: 0.6em 1em; color: #333333; margin-bottom: -1px; }
#main .tab a.on { border-width: 1px; border-style: solid; border-color: #e5e5e5 #e5e5e5 white #e5e5e5; color: #ed1c24; }
#main .alignleft { float: left; margin: 0 30px 30px 0; }
#main .alignright { float: right; margin: 0 0 30px 30px; }
#main .aligncenter { text-align: center; }
#main img.aligncenter { display: block; margin: 0 auto; }
#main .clear { clear: both; overflow: hidden; }
#main .frame { border: 1px solid #e5e5e5; padding: 30px 40px; }
#main .frame h3 { color: #ed1c24; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.4em; }
#main .frame h4 { border-left: 3px solid #ed1c24; padding-left: 10px; }
#main .frame h4 img { vertical-align: middle; }
#main .frame dt { color: #ed1c24; }
#main .frame dd { margin-bottom: 1em; }
@media screen and (max-width: 640px) { #main { margin-right: 0; }
  #main .local li, #main .tab li { width: 50%; }
  #main .local li a, #main .tab li a { font-size: 12px; display: block; width: auto; white-space: normal; line-height: 1.2; padding: 1em 0 1em 5px; margin: 0 2px 4px 0; }
  #main .local li a:before, #main .tab li a:before { content: url('../img/arrow1.png'); }
  #main .local li a, #main .local li a:hover, #main .tab li a, #main .tab li a:hover { background: none; }
  #main .frame { padding: 10px; }
  #main .tab { border: none; margin-bottom: 10px; }
  #main .tab ul { margin: 0; font-size: 0; }
  #main .tab a, #main .tab a.on { border: 1px solid silver; }
  #main .alignleft, #main .alignright { float: none; display: block; }
  #main .alignleft.force { float: left; }
  #main .alignright.force { float: left; } }

#side { width: 200px; margin-bottom: 100px; }
#side h2 { font-size: 18px; margin-bottom: 16px; }
#side ul { border-top: 1px solid #e5e5e5; margin-bottom: 30px; }
#side a { display: block; background: url('../img/arrow1.png') 10px center no-repeat; padding: 0.8em 0 0.8em 26px; border-bottom: 1px solid #e5e5e5; color: #333333; }
#side a.on { background: url('../img/arrow2.png') 10px center no-repeat; }
#side a.on, #side a:hover { color: #ed1c24; }
#side .banner a { padding: 0; background: none; border-bottom: none; }
#side .banner img { width: 100%; height: auto; margin-bottom: 10px; display: block; }
@media screen and (max-width: 640px) { #side { margin-bottom: 50px; } }

#main, #side { float: left; }
@media screen and (max-width: 640px) { #main, #side { float: none; width: auto; } }

#title { padding-bottom: 19px; margin-bottom: 60px; }
#title h1 { color: #ed1c24; font-size: 24px; line-height: 1.1; background: #fef7e8; padding: 0.4em; }
@media screen and (max-width: 640px) { #title { padding-bottom: 0; margin-bottom: 0; } }

.company #main .toc, .knowledge #main .toc { font-size: 0; margin: 0 -25px; }
.company #main .toc div, .knowledge #main .toc div { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 300px; font-size: 15px; margin: 0 25px 5em 25px; vertical-align: top; }
.company #main .toc div img, .knowledge #main .toc div img { margin-bottom: 1em; }
.company #main .toc div a, .knowledge #main .toc div a { text-decoration: none; color: #333333; }
.company #main .toc div a:hover img, .knowledge #main .toc div a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.company #main .toc div strong, .knowledge #main .toc div strong { font-size: 120%; color: #ed1c24; font-weight: normal; }
@media screen and (max-width: 640px) { .company #main .toc, .knowledge #main .toc { margin: 0; }
  .company #main .toc div, .knowledge #main .toc div { width: auto; margin: 0 0 3em 0; } }

.company .lead { text-align: center; margin-bottom: 6em; }
.company .lead img { margin-bottom: 2em; }
.company #main table { border-bottom: 1px dashed silver; width: 100%; }
.company #main th, .company #main td { padding: 1em; border-bottom: 1px dashed silver; position: relative; }
.company #main th { font-weight: bold; white-space: nowrap; }
.company #main .map { float: right; padding: 0.5em 2em; }
.company #main .map:before { content: ' '; background: url('../img/pin.png') left 1px no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; margin-top: -3px; }
.company #main .map:hover:before { background: url('../img/pin_hover.png') left 1px no-repeat; }
@media screen and (max-width: 640px) { .company .lead { margin-bottom: 2em; }
  .company #main table { border-bottom: none; width: 100%; }
  .company #main th, .company #main td { display: block; }
  .company #main th { border-bottom: none; padding: 1em 0 0 0; }
  .company #main td { padding: 0 0 1em 0; }
  .company #main .map { float: none; margin-top: 0; } }

.company.history #main table .alignright { margin-bottom: 0; }
.company.history #main th { font-weight: bold; vertical-align: top; }
.company.history #main .epoch th, .company.history #main .epoch td { color: #ed1c24; }
@media screen and (max-width: 640px) { .company.history table img { display: none; } }

.company.message #main h2, .company.recovery #main h2 { color: #ed1c24; background: none; padding-left: 0; }

.products.item #main h2, .products.post #main h2 { clear: both; background: #ed1c24; color: white; padding-left: 1em; font-weight: normal; }
.products.item #main table, .products.post #main table { line-height: 1.4; }
.products.item #main th, .products.item #main td, .products.post #main th, .products.post #main td { padding: 1em; border: 1px solid #e5e5e5; }
.products.item #main th, .products.post #main th { background: #fef5f9; width: 8em; text-align: center; vertical-align: middle; padding: 2em 1em; }
.products.item #main .pack td, .products.post #main .pack td { text-align: center; }
.products.item #main .figure, .products.item #main .detail, .products.post #main .figure, .products.post #main .detail { float: left; margin-bottom: 60px; }
.products.item #main .figure, .products.post #main .figure { width: 300px; margin-right: 45px; }
.products.item #main .detail, .products.post #main .detail { width: 315px; border-bottom: 1px solid #e5e5e5; padding-top: 30px; }
.products.item #main .detail h3, .products.post #main .detail h3 { color: #ed1c24; font-size: 140%; font-weight: normal; line-height: 1.4; }
.products.item #main .detail p, .products.post #main .detail p { margin-bottom: 1em; }
.products.item #main .zoom, .products.item #main .thumb, .products.post #main .zoom, .products.post #main .thumb { font-size: 0; }
.products.item #main .zoom, .products.item #main .thumb a, .products.post #main .zoom, .products.post #main .thumb a { border: 1px solid #e5e5e5; }
.products.item #main .zoom, .products.post #main .zoom { margin-bottom: 20px; overflow: hidden; }
.products.item #main .zoom span, .products.post #main .zoom span { display: table; width: 100%; }
.products.item #main .zoom span span, .products.post #main .zoom span span { display: table-cell; text-align: center; vertical-align: middle; }
.products.item #main .thumb, .products.post #main .thumb { margin: 0 -3px; }
.products.item #main .thumb a, .products.post #main .thumb a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 3px; }
.products.item #main .thumb a.on, .products.post #main .thumb a.on { border: 1px solid #ed1c24; }
.products.item #main .banner, .products.post #main .banner { clear: both; text-align: right; position: relative; top: -60px; font-size: 0; }
.products.item #main .banner img, .products.post #main .banner img { margin-top: -98px; }
.products.item #main .recipe, .products.post #main .recipe { font-size: 0; margin: 0 -15px 30px -15px; }
.products.item #main .recipe div, .products.post #main .recipe div { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; width: 200px; font-size: 15px; line-height: 1.2; margin: 0 15px; }
.products.item #main .recipe a, .products.post #main .recipe a { color: #333333; }
.products.item #main .recipe strong, .products.item #main .recipe img, .products.post #main .recipe strong, .products.post #main .recipe img { display: block; }
.products.item #main .recipe strong, .products.post #main .recipe strong { color: #ed1c24; min-height: 2.4em; }
.products.item #main .more a, .products.post #main .more a { width: 100%; }
@media screen and (max-width: 640px) { .products.item #main, .products.post #main { width: auto; margin-right: 0; }
  .products.item #main h2, .products.post #main h2 { font-size: 18px; line-height: 1.2; padding: 0.5em; }
  .products.item #main .figure, .products.item #main .detail, .products.post #main .figure, .products.post #main .detail { float: none; }
  .products.item #main .figure, .products.post #main .figure { margin: 0 auto; }
  .products.item #main .detail, .products.post #main .detail { width: auto; margin-bottom: 20px; }
  .products.item #main .banner, .products.post #main .banner { margin-bottom: 20px; text-align: center; top: auto; }
  .products.item #main .banner img, .products.post #main .banner img { margin-top: auto; }
  .products.item #main .info, .products.post #main .info { width: 100%; }
  .products.item #main .info th, .products.item #main .info td, .products.post #main .info th, .products.post #main .info td { display: block; width: 100%; padding: 0.5em; box-sizing: border-box; margin-top: -1px; }
  .products.item #main .pack, .products.post #main .pack { width: 100%; }
  .products.item #main .pack tr, .products.post #main .pack tr { display: block; float: left; width: 50%; }
  .products.item #main .pack tr:nth-child(1) td, .products.post #main .pack tr:nth-child(1) td { border-right: none; }
  .products.item #main .pack th, .products.item #main .pack td, .products.post #main .pack th, .products.post #main .pack td { display: block; width: 100%; }
  .products.item #main .pack th, .products.post #main .pack th { padding: 0.5em 0; }
  .products.item #main .pack td, .products.post #main .pack td { margin: -1px 0 0 0; padding: 0.5em 0 0 0; }
  .products.item #main .thumb, .products.post #main .thumb { text-align: center; }
  .products.item #main .thumb a, .products.post #main .thumb a { display: inline-block; width: 29%; margin: 0 1px; } }
@media screen and (max-width: 320px) { .products.item #main .figure, .products.post #main .figure { width: auto; } }

.products.index .lead { text-align: center; margin-bottom: 6em; }
.products.index .lead img { margin-bottom: 2em; }
.products.index #cover { margin-bottom: 50px; }
.products.index #main { width: 660px; margin-right: 100px; }
.products.index #main h2 { clear: both; background: #ed1c24; color: white; padding-left: 1em; font-weight: normal; }
.products.index #main div { width: 672px; margin: 0 -6px 30px -6px; font-size: 0; }
.products.index #main div p { font-size: 15px; padding-left: 16px; }
.products.index #main div a { font-size: 14px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100px; vertical-align: top; color: red; line-height: 1.3; margin: 0 6px 20px 6px; position: relative; }
.products.index #main div a .img { display: block; margin-bottom: 10px; text-align: center; border: 1px solid #e5e5e5; overflow: hidden; }
.products.index #main div a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.products.index #main div a .status { position: absolute; top: 0; left: 0; width: 50px; height: 50px; }
.products.index #main div a .new { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/products/new.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.products.index #main div a .pickup { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/products/pickup.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.products.index #main div a .pro { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/products/pro.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.products.index #main .pickup { background: #fff6de; text-align: center; }
.products.index #main .pickup h2 { text-align: left; background: #eb6100; }
.products.index #main .pickup a { color: #eb6100; text-align: left; }
.products.index #main .pickup a, .products.index #main .pickup a img { width: 137px; }
.products.index #main .pickup a .img { background: white; border: none; }
.products.index #main .totop { text-align: right; font-size: 12px; }
.products.index #main .totop a { color: gray; }
.products.index #main .pro h2, .products.index #main .type09 h2 { background: #00a0e9; }
.products.index #main .category { font-size: 0; margin-left: 0; }
.products.index #main .category h3 { color: #ed1c24; padding-bottom: 0.5em; border-bottom: 1px dashed #e5e5e5; font-size: 15px; margin-bottom: 1em; }
.products.index #main .category li, .products.index #main .category a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; }
.products.index #main .category a { width: 136px; border: 1px solid #e5e5e5; line-height: 40px; margin: 0 5px 10px 5px; color: #333333; padding-left: 20px; background: url('../img/arrow1.png') 8px center no-repeat; white-space: nowrap; font-size: 13px; }
.products.index #main .category a:hover { color: #ed1c24; background: url('../img/arrow2.png') 8px center no-repeat; }
.products.index #main .category ul { margin-right: -10px; }
@media screen and (max-width: 640px) { .products.index #main { width: auto; margin-right: 0; }
  .products.index #main div { width: auto; margin: 0 0 30px 0; }
  .products.index #main .category ul { margin-right: 0; }
  .products.index #main .category li { width: 50%; position: relative; }
  .products.index #main .category a { font-size: 12px; display: block; width: auto; white-space: normal; line-height: 1.2; padding: 1em 0 1em 5px; margin: 0 2px 4px 0; }
  .products.index #main .category a:before { content: url('../img/arrow1.png'); }
  .products.index #main .category a, .products.index #main .category a:hover { background: none; } }
@media screen and (max-width: 320px) { .products.index #main div a { width: 125px; }
  .products.index #main .pickup a { width: 120px; } }

.materials #main table { width: 100%; }
.materials #main th, .materials #main td { border: 1px solid #e5e5e5; padding: 0.2em; text-align: center; width: 49%; }
.materials #main th { background: #fef7e8; }
@media screen and (max-width: 320px) { .materials #main img { display: block; float: none; margin: 0 auto 10px auto; text-align: center; } }

.knowledge.recipe #main th, .knowledge.recipe #main td, .knowledge.recipe2 #main th, .knowledge.recipe2 #main td, .knowledge.recipe3 #main th, .knowledge.recipe3 #main td { border-bottom: 1px dashed #333333; padding: 0.4em 0; vertical-align: top; }
.knowledge.recipe #main .item, .knowledge.recipe2 #main .item, .knowledge.recipe3 #main .item { text-align: center; font-size: 80%; margin-left: 10px; }
.knowledge.recipe #main .num, .knowledge.recipe2 #main .num, .knowledge.recipe3 #main .num { color: #ed1c24; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; font-weight: bold; }
.knowledge.recipe #main .story, .knowledge.recipe2 #main .story, .knowledge.recipe3 #main .story { background: none; padding-left: 0; color: #ed1c24; }
.knowledge.recipe #main .point, .knowledge.recipe2 #main .point, .knowledge.recipe3 #main .point { background: #fef7e8; padding: 20px; }
.knowledge.recipe #main .point h3, .knowledge.recipe2 #main .point h3, .knowledge.recipe3 #main .point h3 { color: #ed1c24; }
.knowledge.recipe #main .notice, .knowledge.recipe2 #main .notice, .knowledge.recipe3 #main .notice { color: #ed1c24; }
.knowledge.recipe #main .lineup, .knowledge.recipe2 #main .lineup, .knowledge.recipe3 #main .lineup { width: 100%; clear: both; }
.knowledge.recipe #main .lineup th, .knowledge.recipe #main .lineup td, .knowledge.recipe2 #main .lineup th, .knowledge.recipe2 #main .lineup td, .knowledge.recipe3 #main .lineup th, .knowledge.recipe3 #main .lineup td { border: 1px solid #e5e5e5; padding: 0.4em 1em; }
.knowledge.recipe #main .lineup th, .knowledge.recipe2 #main .lineup th, .knowledge.recipe3 #main .lineup th { background: #fef7e8; }
@media screen and (max-width: 640px) { .knowledge.recipe #main .item, .knowledge.recipe2 #main .item, .knowledge.recipe3 #main .item { display: inline-block; } }

.recruit #main table { width: 100%; }
.recruit #main th, .recruit #main td { border-bottom: 2px dotted #e5e5e5; vertical-align: top; padding: 1em; }
.recruit #main th { font-weight: bold; white-space: nowrap; width: 8em; }

.sitemap #main li, .sitemap #main a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.sitemap #main li { width: 32%; }
.sitemap #main a { color: #333333; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-bottom: 1em; background: url('../img/arrow2.png') left 2px no-repeat; padding-left: 16px; white-space: nowrap; line-height: 1; }
.sitemap #main a:hover { color: #00a1e4; text-decoration: underline; }
@media screen and (max-width: 640px) { .sitemap #main li { display: block; width: auto; } }

.inquiry.form #main table { width: 100%; }
.inquiry.form #main table input, .inquiry.form #main table textarea { font-size: 130%; padding: 0.2em 0.4em; }
.inquiry.form #main table select { font-size: 106%; padding: 0.1em; }
.inquiry.form #main table .full input, .inquiry.form #main table textarea { width: 95%; }
.inquiry.form #main table table { margin-bottom: 0; }
.inquiry.form #main table table th, .inquiry.form #main table table td { border: none; width: 50%; }
.inquiry.form #main table table.full input, .inquiry.form #main table table.full textarea { width: 90%; }
.inquiry.form #main th, .inquiry.form #main td { vertical-align: top; padding: 0.3em; border: 1px solid silver; }
.inquiry.form #main th { white-space: nowrap; padding-right: 1em; background: #fcf9f2; width: 12em; }
.inquiry.form #main .required { color: #ed1c24; }
.inquiry.form #main .half { width: 20%; }
.inquiry.form #main input[type=submit], .inquiry.form #main input[type=button] { font-size: 120%; border: 1px solid #ed1c24; padding: 0.4em 1em; background: white; color: red; background: url('../img/arrow2.png') 10px center no-repeat; text-indent: 16px; }
.inquiry.form #main input[type=submit]:hover, .inquiry.form #main input[type=button]:hover { background: #ed1c24; color: white; cursor: pointer; }
@media screen and (max-width: 640px) { .inquiry.form #main th, .inquiry.form #main td { display: block; width: auto; margin-top: -1px; }
  .inquiry.form #main table table th, .inquiry.form #main table table td { width: 49%; padding: 0.5%; display: table-cell; } }
.inquiry.form.confirm #main .note { display: none; }

.business .frame .more { text-align: right; margin-top: -70px; }
.business .frame .tel { font-size: 200%; margin-bottom: 0; }
@media screen and (max-width: 640px) { .business .frame .more { margin-top: 0; }
  .business .frame .tel { font-size: 140%; } }

.notfound .message { padding-bottom: 200px; text-align: center; }
.notfound h3 { margin-bottom: 6em; }
.notfound p { margin-bottom: 3em; }

#recipe .item .variety span, .recipe.post #title h1 span span, .recipe.post #main .product h2 span, .recipe.index #main .item .variety, .recipe.index #main .detail .title span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background: #ed1c24; color: white; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }

.recipe.post #main .data, .recipe.index #main .item .data span { font-size: 12px; line-height: 16px; }
.recipe.post #main .data img, .recipe.index #main .item .data span img { vertical-align: middle; }

.recipe.post #title h1 span span { font-size: 16px; padding: 6px 2em; margin-top: -4px; }
.recipe.post #main .wrap { background: #fef7e8; padding: 20px 20px 0 20px; }
.recipe.post #main .process, .recipe.post #main .notice, .recipe.post #main .lead { clear: both; overflow: hidden; }
.recipe.post #main .process h2, .recipe.post #main .notice h2, .recipe.post #main .lead h2 { background: none; padding: 0; line-height: 1; font-size: 16px; }
.recipe.post #main .process, .recipe.post #main .lead { margin-bottom: 0; }
.recipe.post #main .lead { font-size: 18px; color: #ed1c24; padding-bottom: 20px; }
.recipe.post #main .detail { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; float: left; width: 290px; margin-right: 23px; }
.recipe.post #main .photo { margin-bottom: 10px; }
.recipe.post #main .photo div { margin-bottom: 0; }
.recipe.post #main .data { margin-bottom: 30px; }
.recipe.post #main .data p { margin-bottom: 0.5em; }
.recipe.post #main .product { background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding-bottom: 20px; }
.recipe.post #main .product h2 { text-align: center; background: none; margin-bottom: 0; }
.recipe.post #main .product h2 span { font-size: 10px; padding: 5px 10px; margin-top: -32px; }
.recipe.post #main .product div { overflow: hidden; line-height: 1.3; margin-bottom: 0; }
.recipe.post #main .product div img, .recipe.post #main .product div span { float: left; }
.recipe.post #main .product div span { font-size: 12px; width: 182px; }
.recipe.post #main .product div a { color: #ed1c24; text-decoration: underline; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.recipe.post #main .material { float: right; width: 306px; }
.recipe.post #main .material h2 { border-top: 2px solid #80c269; text-align: center; margin: 10px 0 0 0; }
.recipe.post #main .material h2 span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background: #80c269; color: white; line-height: 28px; position: relative; padding: 0 60px; top: -23px; }
.recipe.post #main .material h2 span span { font-size: 14px; background: none; display: inline; position: static; padding: 0; }
.recipe.post #main .material h2 span:before, .recipe.post #main .material h2 span:after { position: absolute; top: 0; content: ''; border-width: 14px 8px; border-style: solid; }
.recipe.post #main .material h2 span:before { border-color: transparent #80c269 transparent transparent; left: -16px; }
.recipe.post #main .material h2 span:after { border-color: transparent transparent transparent #80c269; right: -16px; }
.recipe.post #main .material .column { overflow: hidden; }
.recipe.post #main .material table { margin: -2px 0 0 0; width:100%; }
.recipe.post #main .material th, .recipe.post #main .material td { border-top: 1px dashed #d1c9bd; padding: 0.5em 0; }
.recipe.post #main .material td { text-align: right; }
.recipe.post #main .process { padding-top: 10px; }
.recipe.post #main .process h2 { background: url('../img/recipe/head3.png') left bottom repeat-x; line-height: 33px; height: 33px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 20px; color: #ed1c24; }
.recipe.post #main .process h2 img { margin-top: -8px; vertical-align: top; }
.recipe.post #main .process dl { margin-bottom: 0; }
.recipe.post #main .process dt { background: url('../img/recipe/num.png') center top no-repeat; color: white; float: left; width: 3em; margin-right: -3em; text-align: center; font-size: 80%; font-weight: bold; padding-top: 8px; }
.recipe.post #main .process dd { padding: 4px 0 0 3em; margin-bottom: 1em; }
.recipe.post #main .notice { padding-top: 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0; border-radius: 0 0 10px 10px; }
.recipe.post #main .notice h2 { font-weight: bold; color: #80c269; margin-bottom: 0.5em; }
.recipe.post #main .notice div { padding: 20px 20px 5px 20px; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; }
.recipe.post #main .notice div:before { position: absolute; top: -28px; left: 36px; content: ''; border-width: 14px 7px; border-color: transparent transparent white transparent; border-style: solid; }
.recipe.post #main .notice li { background: url('../img/recipe/star.png') left 0.2em no-repeat; padding-left: 20px; margin-bottom: 0.5em; }
.recipe.post #main .share { margin: 0 -12px 20px 0; font-size: 0; }
.recipe.post #main .share a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 11px; }
@media screen and (max-width: 640px) { .recipe.post #title h1 span { margin: 0 0 5px 0; display: block; }
  .recipe.post #main .wrap { padding: 20px 16px 0 16px; }
  .recipe.post #main .lead { line-height: 1.4; }
  .recipe.post #main .detail, .recipe.post #main .material { float: none; width: auto; margin-right: 0; }
  .recipe.post #main #tab { text-align: center; font-size: 0; margin-bottom: -6px; position: relative; z-index: 0; }
  .recipe.post #main #tab a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; width: 50%; font-size: 14px; padding: 12px 0; }
  .recipe.post #main #tab a.material { background: #80c269; color: white; }
  .recipe.post #main #tab a.process { background: #fdee83; color: #ed1c24; }
  .recipe.post #main .material, .recipe.post #main .process { padding-top: 0; }
  .recipe.post #main .material h2, .recipe.post #main .process h2 { display: none; }
  .recipe.post #main .material span, .recipe.post #main .process span { background: none; padding: 0 !important; margin: 0 !important; position: static !important; }
  .recipe.post #main .material span:before, .recipe.post #main .material span:after, .recipe.post #main .process span:before, .recipe.post #main .process span:after { display: none; }
  .recipe.post #main .column { padding: 20px 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: white; position: relative; z-index: 1; border-width: 2px; border-style: solid; }
  .recipe.post #main .material .column { border-color: #80c269; }
  .recipe.post #main .process .column { border-color: #fdee83; }
  .recipe.post #main .notice div { background: #fef3a7; }
  .recipe.post #main .notice div:before { border-color: transparent transparent #fef3a7 transparent; }
  .recipe.post #main .share { text-align: center; }
  .recipe.post #main .share a { width: 93px; height: 47px; margin-right:0; }
  .recipe.post #main .share a:nth-child(1) { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/recipe/share4.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .recipe.post #main .share a:nth-child(2) { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/recipe/share5.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
  .recipe.post #main .share a:nth-child(3) { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../img/recipe/share6.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } }

@media screen and (max-width: 320px) {
.recipe.post #main .product div img, .recipe.post #main .product div span { float:none; }
.recipe.post #main .product { text-align:center; }
}
.recipe.index #title { margin-bottom: 40px; }
.recipe.index #main, .recipe.index #side { padding-top: 20px; }
.recipe.index #main h2 { color: #ed1c24; clear: both; background: none; font-size: 16px; line-height: 1.6; }
.recipe.index #main h2 img { float: left; margin: -24px 10px -20px -5px; }
.recipe.index #main .item { width: 188px; float: left; clear: none; margin-right: 17px; background: #fef7e8; padding: 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0; border-radius: 0 0 10px 10px; }
.recipe.index #main .item a, .recipe.index #main .item .img, .recipe.index #main .item .title { display: block; }
.recipe.index #main .item a { color: #ed1c24; margin-bottom: 10px; }
.recipe.index #main .item .img { margin: -10px -10px 0 -10px; text-align: center; }
.recipe.index #main .item .variety { padding: 2px 2em; font-size: 10px; margin-top: -40px; text-align: left; }
.recipe.index #main .item .title { clear: both; border-bottom: 1px dashed #ed1c24; padding-bottom: 15px; margin: -10px 0 0 0; text-align: left; line-height: 1.4; }
.recipe.index #main .item .data span { display: block; margin-bottom: 5px; }
.recipe.index #main .pickup img, .recipe.index #main .list img { max-width: 100%; }
.recipe.index #main .pickup { background: url('../img/recipe/head3.png') left top repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 70px 15px 15px 15px; margin-top: -80px; }
.recipe.index #main .frame { clear: both; overflow: hidden; background: white; padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.4) inset; box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.4) inset; }
.recipe.index #main .detail, .recipe.index #main .thumb { float: left; background: none; padding: 0; }
.recipe.index #main .detail { width: 445px; padding-right: 20px; position: relative; }
.recipe.index #main .detail .title, .recipe.index #main .detail a { display: block; }
.recipe.index #main .detail .title { clear: both; margin-top: -20px; }
.recipe.index #main .detail .title span { padding: 3px 2em; }
.recipe.index #main .detail .item, .recipe.index #main .detail .variety { display: none; }
.recipe.index #main .detail .item { width:445px; background: none; margin-right: 0; }
.recipe.index #main .detail .item:first-child { display: block; }
.recipe.index #main .detail .item .title { text-align: center; border: none; }
.recipe.index #main .detail a { text-align: center; margin-bottom: 20px; }
.recipe.index #main .detail .img,.recipe.index #main .detail img { max-width: 100%; }
.recipe.index #main .detail .data span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 1em; }
.recipe.index #main .thumb { width: 132px; margin-left: -21px; padding-left: 12px; }
.recipe.index #main .thumb a, .recipe.index #main .thumb img { display: block; }
.recipe.index #main .thumb a { width: 114px; border: 3px solid white; margin-bottom: 4px; }
.recipe.index #main .thumb a.active { border: 3px solid #ed1c24; position: relative; }
.recipe.index #main .thumb a.active:before { position: absolute; top: 50%; left: -24px; margin-top: -10px; content: ''; border-width: 10px 12px; border-color: transparent #ed1c24 transparent transparent; border-style: solid; }
.recipe.index #main .list h2 { background: url('../img/recipe/head3.png') left center repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; line-height: 40px; }
.recipe.index #main .list h2 img { margin: -20px 15px 20px 15px; }
.recipe.index #main .list .items { margin-right: -17px; clear: both; overflow: hidden; }
@media screen and (max-width: 640px) { .recipe.index #title { margin-bottom: 0; }
  .recipe.index #main { padding-top: 20px; }
  .recipe.index #main h2 { position: relative; z-index: 999; }
  .recipe.index #main h2 img { position: absolute; top: 100%; margin: 0; width: 60px; height: auto; margin-top: 20px; }
  .recipe.index #main .pickup { margin-top: -10px; padding-top: 15px; }
  .recipe.index #main .detail, .recipe.index #main .thumb { float: none; width: auto; overflow: hidden; }
  .recipe.index #main .detail { padding-right: 0; margin-bottom: 0; }
  .recipe.index #main .detail .item, .recipe.index #main .detail a { margin: 0; padding: 0; }
  .recipe.index #main .detail .item { width:auto; }
  .recipe.index #main .thumb { padding-top: 10px; font-size: 0; }
  .recipe.index #main .thumb a { width: 44px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
  .recipe.index #main .thumb a.active:before { top: -10px; left: 10px; border-width: 10px 12px; border-color: transparent transparent #ed1c24 transparent; }
  .recipe.index #main .list h2 { line-height: 1.2; }
  .recipe.index #main .list h2 img { position: static; margin: -20px 10px 20px 4px; }
  .recipe.index #main .list .items { margin: 0 -2%; }
  .recipe.index #main .item { width: 46%; box-sizing: border-box; margin: 0 2% 10px 2%; }
  .recipe.index #main .item img { max-width: 100%; } }

.pagination { text-align: center; clear: both; }
.pagination a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border: 1px solid #ed1c24; line-height: 30px; padding: 0 0.5em; color: #ed1c24; }
.pagination .current { background: #ed1c24; color: white; }

/* FAQ */
.qa-006 {
    max-width: 600px;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6dde3;
}

.qa-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-006 summary::before,
.qa-006 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-006 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #777;
    border-right: 3px solid #777;
    content: '';
    transition: transform .5s;
}

.qa-006[open] summary::after {
    transform: rotate(225deg);
}

.qa-006 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-006[open] p {
    transform: none;
    opacity: 1;
}

.qa-006 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
/* FAQ ここまで */

.social-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.social-list li {
  margin-left: 10px;
  margin-right: 10px;
}