@charset "utf-8";
#container { padding-top: 90px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*header*/
header { z-index: 99999; width: 100%; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #FA524C; }
.headInr { max-width:1200px; margin: 0 auto; padding: 0; transition: all 0.3s; }
.headInr .logo { padding: 32px 0 22px; float: left; width: 300px; }
.headInr .logo a { line-height: 1; display: inline-block; }
.headInr .gnav { float: left; width: calc( 100% - 400px ); text-align: right; }
.headInr .gnav li { display: inline-block; padding: 25px 10px; vertical-align: middle; }
.headInr .gnav li > a { display: block; position: relative; display: inline-block; padding: 5px 0; vertical-align: middle; line-height: 30px; font-size: 14px; color: #1F1514; font-weight: bold; text-decoration: none; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.headInr .gnav li.navB > a::before, .headInr .gnav li > a::after { border-bottom: 1px solid #FA524C; bottom: 0; content: ""; display: block; position: absolute; transition: all .3s ease; -webkit-transition: all .3s ease; width: 0;}
.headInr .gnav li.navB > a::before { left: 50%; }
.headInr .gnav li.navB > a::after { right: 50%; }
.headInr .gnav li.navB > a:hover::before, .headInr .gnav li > a:hover::after { width: 50%; }
.headInr .gnav li.navB > span { cursor: pointer; position: relative; display: inline-block; padding: 5px 10px; line-height: 30px; font-size: 14px; color: #1F1514; font-weight: bold; text-decoration: none; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.headInr .gnav li.navB > span::before, .headInr .gnav li > span::after { border-bottom: 1px solid #FA524C; bottom: 0; content: ""; display: block; position: absolute; transition: all .3s ease; -webkit-transition: all .3s ease; width: 0;}
.headInr .gnav li.navB > span::before { left: 50%; }
.headInr .gnav li.navB > span::after { right: 50%; }
.headInr .gnav li.navB > span:hover::before, .headInr .gnav li > span:hover::after { width: 50%; }
.headInr .gnav li.contactBtn { padding: 25px 0; font-weight: bold; }
.headInr .gnav li.contactBtn a { padding: 5px 20px; background: #FA524C; color: #fff; font-weight: bold; border-radius: 20px; transition-duration: 0.3s; }
.headInr .gnav li.contactBtn a:hover { background: #e23a34; font-weight: bold; }
.headInr .gnav li > .subnav { position: absolute; top: 90px; left: 0; z-index: 100; overflow: hidden; display: none; width: 100%; background: #FFF5F0; border-bottom: 1px solid #FA524C; padding: 20px 0; }
.headInr .gnav li > .subnav div { margin: 0 auto; width: 1000px; }
.headInr .gnav li > .subnav div a { display: block; width: 20%; float: left; padding: 5px 10px; text-decoration: none; }
.headInr .gnav li > .subnav div a dl dt { border: 1px solid #D5D2CC; background: #fff; width: 100%; height: 90px; text-align: center; padding: 0 5px; }
.headInr .gnav li > .subnav div a dl dt img { max-height: 90px; }
.headInr .gnav li > .subnav div a dl dt.companyNav { background: url(/static/images/common/icon_company.png) no-repeat center center; background-size: cover; }
.headInr .gnav li > .subnav div a dl dt.greetingNav { background: url(/static/images/common/icon_greeting.png) no-repeat center center; background-size: cover; }
.headInr .gnav li > .subnav div a dl dt.columnNav { background: url(/static/images/common/icon_column.png) no-repeat center center; background-size: cover; }
.headInr .gnav li > .subnav div a dl dt.worksNav { background: url(/static/images/common/icon_works.png) no-repeat center center; background-size: cover; }
.headInr .gnav li > .subnav div a dl dt.recruitNav { background: url(/static/images/common/icon_recruit.png) no-repeat center center; background-size: cover; }
.headInr .gnav li > .subnav div a dl dd { padding: 5px 0; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }
.headInr .gnav li > .subnav div a dl { display: block; font-size: 14px; font-weight: bold; text-align: center; transition: all .3s ease; }
.headInr .gnav li > .subnav div a:hover { opacity: 0.8; }
.headInr .gnav li.proBtn:hover > .subnav { display: block; }
.headInr .gnav li.recipeBtn:hover > .subnav { display: block; }
.headInr .gnav li.compBtn:hover > .subnav { display: block; }
.headInr .gnav li.pickBtn { display: none; }
.headInr .gnav li.topicsBtn { display: none; }
.headInr .gnav li.privacyBtn { display: none; }
.headInr .gnav li.mapBtn { display: none; }
.headInr .menuBox { display: none; }
.headInr .snsBtn { float: left; display: inline-block; width: 100px; font-size: 0; padding: 25px 0 25px 10px; }
.headInr .snsBtn li { display: inline-block; margin-left: 5px; }
.headInr .snsBtn li.instagram { width: 40px; text-align: center; }
.headInr .snsBtn li.instagram a { display: block; color: #fff; background: linear-gradient(-135deg,#1400c8,#b900b4,#f50000); font-size: 20px; line-height: 40px; vertical-align: middle; border-radius: 50%; }
.headInr .snsBtn li.instagram a:visited { color: #fff; }
.headInr .snsBtn li.facebook { width: 40px; text-align: center; }
.headInr .snsBtn li.facebook a { display: block; color: #fff; background: #4267B2; font-size: 20px; line-height: 40px; vertical-align: middle; border-radius: 50%; }
.headInr .snsBtn li.facebook a:visited { color: #fff; }
.is-animation .headInr .gnav li { padding: 15px 10px; transition: all 0.3s; }
.is-animation .headInr .logo { padding: 20px 0 0; transition: all 0.3s; }
.is-animation .headInr .gnav li > .subnav { top: 70px; }
.is-animation .headInr .gnav li.contactBtn { padding: 15px 0; }
.is-animation .headInr .snsBtn { padding: 15px 0 15px 10px; transition: all 0.3s; }

.breadcrumb { border-bottom: 1px solid #D5D2CC; }
.breadcrumb ul { width:1200px; margin: 0 auto; padding: 5px 0; line-height: 20px; }
.breadcrumb ul li { display: inline-block; }
.breadcrumb ul li span { display: inline-block; font-size: 12px; padding: 0 5px; vertical-align: middle; line-height: 20px; }
.breadcrumb ul li a span { color: #063190; text-decoration: underline; transition: all .3s ease; }
.breadcrumb ul li a span:hover { opacity: 0.8; }

/*top*/
.top h2 { text-align: center; padding: 0 0 30px; }
.top .attentionInfo { background: #FFEEEE; }
.top .attentionInfo .infoInr { max-width: 1200px; margin: 0 auto; }
.top .attentionInfo .infoInr a { display: block; padding: 10px; text-decoration: none; color: #f00; font-size: 16px; font-weight: bold; transition: all 0.3s ease; }
.top .attentionInfo .infoInr a i { font-size: 20px; }
.top .attentionInfo .infoInr a:hover { text-decoration: underline; }
.top .content01 .pickup { width: 1200px; margin: 0 auto; padding: 60px 0 100px; }
.top .content01 .pickup li { padding: 20px; text-align: center; transition: all .3s ease; }
.top .content01 .pickup li:hover { opacity: 0.8; }
.top .content01 .pickup img { max-width: 100%; margin: 0 auto; }
.top .content02 { background: #FFF5F0 url(/static/images/common/bg.png); }
.top .content02 .products { width: 1200px; margin: 0 auto; padding: 60px 0; }
.top .content02 .products .productsInr { display: flex; flex-wrap: wrap; }
.top .content02 .products .productsInr li { width: calc( 100% / 5 ); padding: 0 20px; }
.top .content02 .products .productsInr li a { display: block; padding: 70px 0 0; transition: all 0.3s ease; }
.top .content02 .products .productsInr li a img { width: 100%; padding: 5px 0 2px; transform: scale(0.9); transition-duration: 0.3s; }
.top .content02 .products .productsInr li.tuna a:hover { background: url(/static/images/top/tuna_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.chicken a:hover { background: url(/static/images/top/chicken_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.thai a:hover { background: url(/static/images/top/thai_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.corn a:hover { background: url(/static/images/top/corn_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.beans a:hover { background: url(/static/images/top/beans_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.flavored a:hover { background: url(/static/images/top/flavored_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.scallops a:hover { background: url(/static/images/top/scallops_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.other a:hover { background: url(/static/images/top/other_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.sweetness a:hover { background: url(/static/images/top/sweetness_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li.lab a:hover { background: url(/static/images/top/lab_ov.png) no-repeat center top; background-size: contain; }
.top .content02 .products .productsInr li a:hover img { padding: 7px 0 0; transform: scale(1); }
.top .content03 .recipe { width: 1200px; margin: 0 auto; padding: 60px 0; }
.top .content03 .recipe .recipeInr { padding: 0 0 60px; }
.top .content03 .recipe dl { width: 25%; margin: 0 auto; float: left; background: #FBFEC7; transition-duration: 0.3s; }
.top .content03 .recipe dl:hover { cursor: pointer; opacity: 0.8; }
.top .content03 .recipe dl a { text-decoration: none; display: block; }
.top .content03 .recipe dl dt { width: 100%; }
.top .content03 .recipe dl dd { padding: 10px; line-height: 1.2; }
.top .content03 .recipe dl dd span { color: #ED5A52; font-size: 12px; font-weight: bold; line-height: 1.2; }
.top .content03 .recipe dl dd p { color: #1F1514; font-size: 16px; font-weight: bold; line-height: 1.2; }
.top .content03 .recipe .moreBtn { text-align: center; font-weight: bold; }
.top .content03 .recipe .moreBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #FA524C; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.top .content03 .recipe .moreBtn a:hover { font-weight: bold; background: #e23a34; }
.top .content04 { background: #FFF5F0 url(/static/images/common/bg.png); }
.top .content04 .topics { width: 1200px; margin: 0 auto; padding: 60px 0; }
.top .content04 .topics dl dt { float: left; width: 25%; background: #073190; text-align: center; position: relative; }
.top .content04 .topics dl dt:before { content: ""; display: block; padding-top: 100%; }
.top .content04 .topics dl dt h2 { width: 100%; background-size: contain; position: absolute; top: 50%; left: 0; margin-top:-38px; }
.top .content04 .topics dl dd { float: left; width: 75%; background: #fff; text-align: left; padding: 25px 50px; min-height: 300px; }
.top .content04 .topics dl dd ul li { overflow: hidden; line-height: 30px; padding: 10px 0; }
.top .content04 .topics dl dd ul li a { display: block; color: #1F1514; line-height: 30px; font-size: 14px; font-weight: bold; text-decoration: none; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top .content04 .topics dl dd ul li a:hover { text-decoration: underline; }
.top .content04 .topics dl dd ul li a .date { display: inline-block; width: 74px; color: #1F1514; line-height: 30px; font-size: 14px; font-weight: 500; margin-right: 50px; }
.top .content04 .topics .moreBtn { font-weight: bold; text-align: center; margin-top: 60px; }
.top .content04 .topics .moreBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #073190; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.top .content04 .topics .moreBtn a:hover { font-weight: bold; background: #002882; }
.top .content05 .group { width: 1200px; margin: 0 auto; padding: 60px 0; }
.top .content05 .group ul li { float: left; width: 285px; margin: 0 20px 0 0; }
.top .content05 .group ul li:last-child { margin: 0; }
.top .content05 .group ul li a { display: block; transition-duration: 0.3s; }
.top .content05 .group ul li a:hover { opacity: 0.8; }

.topMovie { max-width: 800px; margin: 0 auto; padding: 50px 10px; }
.topMovie .inrCont { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.topMovie .inrCont img { width: 100%; }
.topMovie .inrCont iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/*products*/
.products .mainCatch { padding: 85px; text-align: center; background: url(/static/images/products/catch_products.png); background-size: cover; background-position: center center; }
.products .selectTit { background: #FFF5F0 url(/static/images/common/bg.png); }
.products .selectTit h3 { width: 1200px; margin: 0 auto; padding: 10px 0; font-weight: 500; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.products .searchArea h2 { font-size: 24px; text-align: center; font-weight: bold; padding: 10px; border-bottom: 2px solid #FA524C; }
.products .searchArea { background: #FFF5F0 url(/static/images/common/bg.png); }
.products .searchArea .searchInr { width: 1200px; margin: 0 auto; padding: 60px 0; }
.products .searchArea .searchInr h3 { font-size: 16px; text-align: left; font-weight: bold; float: left; padding: 10px 0; width: 20%; }
.products .searchArea .searchInr .category { padding: 30px 0 20px; }
.products .searchArea .searchInr .category div { float: left; width: 80%; }
.products .searchArea .searchInr .category div a { display: block; text-decoration: none; position: relative; float: left; width: 230px; margin: 0 10px 10px 0; border: 1px solid #D5D2CC; background: #fff; padding: 0; }
.products .searchArea .searchInr .category div a dl dt { float: left; width: 148px; font-size: 16px; line-height: 23px; padding: 30px 10px; }
.products .searchArea .searchInr .category div a dl dd { float: right; width: 80px; }
.products .searchArea .searchInr .category div a dl dd img { width: 100%; }
.products .searchArea .searchInr .package { padding: 0 0 20px; }
.products .searchArea .searchInr .package div { float: left; width: 80%; }
.products .searchArea .searchInr .package div a { display: block; text-decoration: none; position: relative; float: left; width: 230px; margin: 0 10px 10px 0; border: 1px solid #D5D2CC; background: #fff; padding: 0; }
.products .searchArea .searchInr .package div a dl dt { float: left; width: 148px; font-size: 16px; line-height: 23px; padding: 30px 10px; }
.products .searchArea .searchInr .package div a dl dd { float: right; width: 80px; }
.products .searchArea .searchInr .package div a dl dd img { width: 100%; }
.products .searchArea .searchInr .material { padding: 0 0 20px; }
.products .searchArea .searchInr .material ul { float: left; width: 80%; }
.products .searchArea .searchInr .material ul li { display: inline-block; margin: 0 10px 10px 0; padding: 10px; }
.products .searchArea .searchInr .material ul li a { color: #1F1313; transition: all .3s ease;  }
.products .searchArea .searchInr .material ul li a:hover { color: #FA524C; }
.products .searchArea .searchInr .seasoning { padding: 0 0 20px; }
.products .searchArea .searchInr .seasoning div { float: left; width: 80%; }
.products .searchArea .searchInr .seasoning div a { display: block; text-decoration: none; position: relative; float: left; width: 230px; margin: 0 10px 10px 0; border: 1px solid #D5D2CC; background: #fff; padding: 0; }
.products .searchArea .searchInr .seasoning div a dl dt { float: left; width: 148px; font-size: 16px; line-height: 23px; padding: 30px 10px; }
.products .searchArea .searchInr .seasoning div a dl dd { float: right; width: 80px; }
.products .searchArea .searchInr .seasoning div a dl dd img { width: 100%; }
.products .listArea { padding: 0 0 60px; }
.products .listArea h2 { font-size: 24px; text-align: center; font-weight: bold; padding: 10px; border-bottom: 2px solid #FA524C; }
.products .listArea .listInr { width: 1200px; margin: 0 auto; padding: 60px 0 0; }
.products .listArea .listInr p { padding: 0 0 30px; }
.products .listArea .listInr div { padding: 30px 0; }
.products .listArea .listInr a { display: block; text-decoration: none; float: left; width: 20%; padding: 20px; position: relative; }
.products .listArea .listInr a .newItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #FA524C; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; font-size: 12px; font-weight: bold; }
.products .listArea .listInr a dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.products .listArea .listInr a dl dt { border: 1px solid #fff; display: inline-block; position: relative; text-align: center; padding: 20px; }
.products .listArea .listInr a dl dt img { width: 100%; }
.products .listArea .listInr a dl dd { text-align: center; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; text-decoration: none; color: #1F1413; }
.products .listArea .moreBtn { text-align: center; font-weight: bold; }
.products .listArea .moreBtn a { display: inline-block; width: 300px; padding: 10px 25px; background: #FA524C; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.products .listArea .moreBtn a:hover { background: #e23a34; }
.backBtn { text-align: center; font-weight: bold; }
.backBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #afadaa; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.backBtn a:hover { font-weight: bold; background: #8a8a8a; }
.borderBox::after, .borderBox::before, .borderInr::after, .borderInr::before { background-color: #FA524C; content: ''; display: block; position: absolute; z-index: 10; transition: all .3s ease; -webkit-transition: all .3s ease; }
.borderBox::after { height: 1px; left: -1px; top: -1px; width: 0px; }
.borderBox::before { bottom: -1px; height: 1px; right: -1px; width: 0px; }
.borderInr::after { bottom: -1px; height: 0px; left: -1px; width: 1px; }
.borderInr::before { height: 0px; right: -1px; top: -1px; width: 1px; }
.borderBox:hover::after, .borderBox:hover::before { width: 100%; width: calc(100% + 1px); }
.borderBox:hover .borderInr::after, .borderBox:hover .borderInr::before { height: 100%; height: calc(100% + 1px); }
.products .detailCont { width: 1200px; margin: 0 auto; padding: 60px 0; }
.products .detailCont .mainArea { width: 820px; float: left; margin: 0 50px 0 0; }
.products .detailCont .mainArea .mainInr { padding: 0 0 30px; }
.products .detailCont .mainArea .mainInr .leftCont { float: left; width: 400px; text-align: center; border: 1px solid #D5D2CC; position: relative;  }
.products .detailCont .mainArea .mainInr .leftCont:before { content: ""; display: block; padding-top: 100%; }
.products .detailCont .mainArea .mainInr .leftCont img { width: 250px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align:center; }
.products .detailCont .mainArea .mainInr .rightCont { width: 400px; float: right; text-align: left; padding: 30px 0; }
.products .detailCont .mainArea .mainInr .rightCont h2 { text-align: left; padding: 0 0 30px; font-size: 24px; color: #EE5B53; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.products .detailCont .mainArea .mainInr .rightCont p { text-align: left; padding: 0 0 30px; font-size: 16px; }
.products .detailCont .mainArea .mainInr .rightCont ul li { float: left; text-align: center; vertical-align: middle; color: #073190; font-size: 14px; line-height: 30px; width: 32%; margin-right: 2%; }
.products .detailCont .mainArea .mainInr .rightCont ul li:nth-child(3n) { margin-right: 0; }
.products .detailCont .mainArea .mainInr .rightCont ul li.state { background: #EEFDDE; }
.products .detailCont .mainArea .mainInr .rightCont ul li.material { background: #D2F0FF; }
.products .detailCont .mainArea .mainInr .rightCont ul li.method { background: #FBFEC7; }
.products .detailCont .mainArea .mainInr .rightCont ul li a { color: #073190; text-decoration: none; }
.products .detailCont .mainArea .detailTable { padding: 0 0 30px; }
.products .detailCont .mainArea .detailTable h3 { font-size: 20px; text-align: center; padding: 10px; border-bottom: 1px solid #EE5B53; }
.products .detailCont .mainArea .detailTable table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.products .detailCont .mainArea .detailTable table tr { background: #FFF5F0; }
.products .detailCont .mainArea .detailTable table tr:nth-child(2n) { background: #FCFBFA; }
.products .detailCont .mainArea .detailTable table tr th { border: none; width: 25%; text-align: left; padding: 10px; font-size: 14px; font-weight: bold; }
.products .detailCont .mainArea .detailTable table tr td { border: none; width: 75%; text-align: left; padding: 10px; font-size: 14px; }
.products .detailCont .mainArea .allergy { padding: 0 0 30px; }
.products .detailCont .mainArea .allergy h3 { font-size: 20px; text-align: center; padding: 10px; border-bottom: 1px solid #EE5B53; }
.products .detailCont .mainArea .allergy .disc { padding: 20px 0; font-size: 14px; }
.products .detailCont .mainArea .allergy .disc span { color: #FA524C; }
.products .detailCont .mainArea .allergy .list { border-top: 1px solid #D5D2CC; border-left: 1px solid #D5D2CC; }
.products .detailCont .mainArea .allergy .list li { float: left; width: 16.66%; font-size: 14px; line-height: 30px; text-align: center; background: #FCFBFA; border-bottom: 1px solid #D5D2CC; border-right: 1px solid #D5D2CC; }
.products .detailCont .mainArea .allergy .list li.active { color: #fff; font-weight: bold; background: #FA524C; }
.products .detailCont .mainArea .allergy .list li .must { display: block; line-height: 28px; border: 1px solid #D5D2CC; box-sizing: border-box; }
.products .detailCont .mainArea .allergy .list li.active .must { color: #fff; font-weight: bold; }
.products .detailCont .mainArea .allergy .attention { padding: 20px 0; font-size: 14px; }
.products .detailCont .mainArea .recipeArea { padding: 0 0 30px; }
.products .detailCont .mainArea .recipeArea h3 { font-size: 20px; text-align: center; padding: 10px; border-bottom: 1px solid #EE5B53; }
.products .detailCont .mainArea .recipeArea div { padding: 20px 0; }
.detailCont .mainArea .recipeArea a { float: left; width: 22%; margin: 0 4% 0 0; text-decoration: none; }
.detailCont .mainArea .recipeArea a:nth-child(4n) { margin: 0; }
.detailCont .mainArea .recipeArea a dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.detailCont .mainArea .recipeArea a dl dt { border: 1px solid #D5D2CC; display: inline-block; position: relative; text-align: center; }
.detailCont .mainArea .recipeArea a dl dt img { width: 100%; }
.detailCont .mainArea .recipeArea a dl dd { text-align: left; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; text-decoration: none; color: #1F1413; }
.detailCont .mainArea .recipeArea a dl span { color: #ED5A52; font-size: 12px; font-weight: bold; line-height: 1.2; }
.detailCont .mainArea .recipeArea a dl p { color: #1F1514; font-size: 14px; font-weight: bold; line-height: 1.2; }
.detailCont .sideCont { width: 320px; float: left; margin: 0; }
.detailCont .sideCont dl { border: 1px solid #D5D2CC; padding: 0 10px 10px 10px; margin-bottom: 20px; }
.detailCont .sideCont dl dt { font-size: 18px; border-bottom: 1px solid #FA524C; padding: 10px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.detailCont .sideCont dl dd a { background: url(/static/images/products/icon_arrow.png) no-repeat 10px center; vertical-align: middle; border-bottom: 1px dotted #D5D2CC; display: block; padding: 10px 10px 10px 30px; color: #1F1313; font-size: 14px; text-decoration: none; line-height: 20px; transition: all .3s ease; }
.detailCont .sideCont dl dd a:hover { padding: 10px 7px 10px 33px; }

/*recipe*/
.recipe .mainCatch { padding: 85px; text-align: center; background: url(/static/images/recipe/catch_recipe.png); background-size: cover; background-position: center center; }
.recipe .searchArea h2 { font-size: 24px; text-align: center; font-weight: bold; padding: 10px; border-bottom: 2px solid #FA524C; }
.recipe .searchArea { background: #FFF5F0 url(/static/images/common/bg.png); }
.recipe .searchArea .searchInr { width: 1200px; margin: 0 auto; padding: 60px 0; }
.recipe .searchArea .searchInr h3 { font-size: 16px; text-align: left; font-weight: bold; float: left; padding: 10px 0; width: 20%; }
.recipe .searchArea .searchInr .freeword { padding: 30px 0 20px;}
.recipe .searchArea .searchInr .freeword div { float: left; width: 80%; }
.recipe .searchArea .searchInr .freeword #form1 { position: relative; height: 40px; }
.recipe .searchArea .searchInr .freeword #sbox1 { outline: 0; height: 40px; padding: 0 10px 0 40px; position: absolute; z-index: 55555; left: 0; top: 0; width: 400px; background: #fff; border: 1px solid #D5D2CC; }
.recipe .searchArea .searchInr .freeword #sbtn1 { width: 80px; height: 40px; position: absolute; left: 400px; top: 0; background: #FA524C; color: #fff; font-weight: bold; font-size: 14px; border: none; }
.recipe .searchArea .searchInr .freeword #sbtn1 :hover{ background: #e23a34; cursor: pointer; }
.recipe .searchArea .searchInr .freeword i { color: #FA524C; font-size: 20px; line-height: 20px; top: 10px; left: 10px; position: absolute; z-index: 66666; }
.recipe .searchArea .searchInr .category { padding: 0 0 20px; }
.recipe .searchArea .searchInr .category div { float: left; width: 80%; }
.recipe .searchArea .searchInr .category div a { display: block; text-decoration: none; position: relative; float: left; width: 230px; margin: 0 10px 10px 0; border: 1px solid #D5D2CC; background: #fff; padding: 0; }
.recipe .searchArea .searchInr .category div a dl dt { float: left; width: 148px; font-size: 16px; line-height: 23px; padding: 30px 10px; }
.recipe .searchArea .searchInr .category div a dl dd { float: right; width: 80px; }
.recipe .searchArea .searchInr .category div a dl dd img { width: 100%; }
.recipe .searchArea .searchInr .season { padding: 0; }
.recipe .searchArea .searchInr .season div { float: left; width: 80%; }
.recipe .searchArea .searchInr .season div a { display: block; text-decoration: none; position: relative; float: left; width: 230px; margin: 0 10px 10px 0; border: 1px solid #D5D2CC; background: #fff; padding: 0; }
.recipe .searchArea .searchInr .season div a dl dt { float: left; width: 138px; font-size: 16px; line-height: 23px; padding: 30px 10px; }
.recipe .searchArea .searchInr .season div a dl dd { float: right; width: 90px; }
.recipe .searchArea .searchInr .season div a dl dd img { width: 100%; }
.recipe .listArea h2 { font-size: 24px; text-align: center; font-weight: bold; padding: 10px; border-bottom: 2px solid #FA524C; }
.recipe .listArea .listInr { width: 1200px; margin: 0 auto; padding: 60px 0; }
.recipe .listArea .listInr .recipeInr { padding: 10px 0; }
.recipe .listArea .listInr .recipeInr a { display: block; float: left; width: 25%; padding: 20px; text-decoration: none; }
.recipe .listArea .listInr .recipeInr a dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.recipe .listArea .listInr .recipeInr a dl dt { border: 1px solid #D5D2CC; display: inline-block; position: relative; text-align: center; }
.recipe .listArea .listInr .recipeInr a dl dt img { width: 100%; }
.recipe .listArea .listInr .recipeInr a dl dd { text-align: left; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; text-decoration: none; color: #1F1413; }
.recipe .listArea .listInr .recipeInr a dl dd { padding: 10px 0; line-height: 1.2; }
.recipe .listArea .listInr .recipeInr a dl dd span { color: #ED5A52; font-size: 12px; font-weight: bold; line-height: 1.2; }
.recipe .listArea .listInr .recipeInr a dl dd p { color: #1F1514; font-size: 16px; font-weight: bold; line-height: 1.2; }
.recipe .listArea .listInr .moreBtn { text-align: center; font-weight: bold; }
.recipe .listArea .listInr .moreBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #FA524C; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.recipe .listArea .listInr .moreBtn a:hover { font-weight: bold; background: #e23a34; }
.recipe .listArea .backBtn { text-align: center; font-weight: bold; }
.recipe .listArea .backBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #afadaa; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.recipe .listArea .backBtn a:hover { font-weight: bold; background: #8a8a8a; }
.pagenation p { text-align: center; font-size: 14px; line-height: 24px; }
.pagenation p strong { display: inline-block; color: #FA524C; font-size: 18px; line-height: 24px; font-weight: bold; padding: 0 5px; }
.pagenation ul { text-align: center; padding: 10px 0 60px; }
.pagenation ul li { display: inline-block; width: 30px; line-height: 30px; vertical-align: middle; color: #fff; background: #FA524C; }
.pagenation ul li a { display: block; background: #D5D2CC; font-size: 16px; color: #fff; line-height: 30px; vertical-align: middle; text-decoration: none; font-weight: bold; transition: all .3s ease; }
.pagenation ul li a:hover { background: #FA524C; }
.pagenation ul li a i { font-size: 12px; }
.pagenation ul li em { display: block; background: #FA524C; color: #fff; line-height: 30px; vertical-align: middle; font-weight: bold; }
.recipe .detailCont { width: 1200px; margin: 0 auto; padding: 10px 0 60px; }
.recipe .detailCont h2 { text-align: left; padding: 20px 0; font-size: 24px; line-height: 40px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.recipe .detailCont .mainArea { width: 820px; float: left; margin: 0 50px 0 0; }
.recipe .detailCont .mainArea .mainInr { padding: 0 0 30px; }
.recipe .detailCont .mainArea .mainInr .leftCont { float: left; width: 400px; text-align: center; }
.recipe .detailCont .mainArea .mainInr .leftCont div { display: inline-block; border: 1px solid #D5D2CC; }
.recipe .detailCont .mainArea .mainInr .leftCont div img { max-width: 100%; }
.recipe .detailCont .mainArea .mainInr .rightCont { width: 400px; float: right; text-align: left; padding: 0; }
.recipe .detailCont .mainArea .mainInr .rightCont p { text-align: left; padding: 0 0 5px; font-size: 16px; line-height: 1.5; }
.recipe .detailCont .mainArea .mainInr .rightCont ul { padding: 30px 0; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li { float: left; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.time { background: #FCE1E0; width: 290px; padding: 10px; margin: 0 10px 0 0; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.time dl dt { float: left; width: 60%; color: #EE5B53; font-weight: bold; font-size: 16px; text-align: left; line-height: 20px; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.time dl dt i { font-size: 20px; padding: 0 10px 0 0; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.time dl dd { float: left; width: 40%; color: #EE5B53; font-weight: bold; font-size: 16px; text-align: right; line-height: 20px; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.instagram { background: linear-gradient(-135deg,#1400c8,#b900b4,#f50000); width: 40px; color: #fff; font-size: 26px; line-height: 40px; text-align: center; vertical-align: middle; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.instagram a { display: block; color: #fff; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.instagram a:visited { color: #fff; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.facebook { background: #4267B2; width: 40px; color: #fff; font-size: 26px; line-height: 40px; text-align: center; vertical-align: middle; margin: 0 10px 0 0; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.facebook a { display: block; color: #fff; }
.recipe .detailCont .mainArea .mainInr .rightCont ul li.facebook a:visited { color: #fff; }
.recipe .detailCont .mainArea .mainInr .rightCont .material { width: 100%; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table tr { border-bottom: 1px dotted #D5D2CC; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table tr.headTable { border-bottom: 2px solid #EE5B53; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table tr.headTable th { font-weight: bold; font-size: 18px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table tr.headTable td { font-weight: bold; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table th { border: none; width: 60%; text-align: left; padding: 10px; font-size: 16px; }
.recipe .detailCont .mainArea .mainInr .rightCont .material table td { border: none; width: 40%; text-align: right; padding: 10px; font-size: 16px; }
.recipe .detailCont .mainArea .howto { padding: 0 0 30px; }
.recipe .detailCont .mainArea .howto h3 { font-size: 18px; text-align: left; padding: 10px; border-bottom: 2px solid #EE5B53; margin-bottom: 20px; }
.recipe .detailCont .mainArea .howto ul { counter-reset: my-counter; list-style: none; padding: 0; }
.recipe .detailCont .mainArea .howto ul li { font-size: 16px; line-height: 1.5; padding: 10px 10px 10px 30px; margin-bottom: 10px; position: relative; }
.recipe .detailCont .mainArea .howto ul li:before { content: counter(my-counter); counter-increment: my-counter; border: 1px solid #EE5B53; color: #EE5B53; font-weight: bold; display: block; float: left; line-height: 20px; margin-left: -30px; text-align: center; height: 20px; width: 20px; border-radius: 50%; vertical-align: middle; }
.recipe .detailCont .mainArea .howto .onepoint { background: #FFF5F0 url(/static/images/common/bg.png); padding: 10px; }
.recipe .detailCont .mainArea .howto .onepoint dt { color: #EE5B53; font-weight: bold; font-size: 18px; padding: 0 0 10px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.recipe .detailCont .mainArea .howto .onepoint dd { font-size: 16px; }
.recipe .detailCont .mainArea .useProducts { padding: 0 0 30px; }
.recipe .detailCont .mainArea .useProducts h3 { font-size: 18px; text-align: left; padding: 10px; border-bottom: 2px solid #EE5B53; margin-bottom: 20px; }
.recipe .detailCont .mainArea .useProducts a { display: block; float: left; width: 22%; margin: 0 4% 0 0; text-decoration: none; }
.recipe .detailCont .mainArea .useProducts a:nth-child(4n) { margin: 0; }
.recipe .detailCont .mainArea .useProducts a dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.recipe .detailCont .mainArea .useProducts a dl dt { border: 1px solid #fff; display: inline-block; position: relative; text-align: center; padding: 20px; }
.recipe .detailCont .mainArea .useProducts a dl dt img { width: 100%; }
.recipe .detailCont .mainArea .useProducts a dl dd { text-align: center; padding: 10px 0; font-size: 14px; font-weight: bold; line-height: 1.2; vertical-align: middle; text-decoration: none; color: #1F1413; }
.recipe .detailCont .mainArea .recipeArea { padding: 0; }
.recipe .detailCont .mainArea .recipeArea h3 { font-size: 18px; text-align: left; padding: 10px; border-bottom: 2px solid #EE5B53; margin-bottom: 20px; }
.recipe .detailCont .sideCont .freeword #form1 { position: relative; height: 40px; margin: 0 0 20px; }
.recipe .detailCont .sideCont .freeword #sbox1 { outline: 0; height: 40px; padding: 0 10px 0 40px; position: absolute; z-index: 55555; left: 0; top: 0; width: 80%; background: #fff; border: 1px solid #D5D2CC; }
.recipe .detailCont .sideCont .freeword #sbtn1 { width: 20%; height: 40px; position: absolute; left: 80%; top: 0; background: #FA524C; color: #fff; font-weight: bold; font-size: 14px; border: none; }
.recipe .detailCont .sideCont .freeword #sbtn1 :hover { background: #e23a34; cursor: pointer; }
.recipe .detailCont .sideCont .freeword i { color: #FA524C; font-size: 20px; line-height: 20px; top: 10px; left: 10px; position: absolute; z-index: 66666; }

/*topics*/
.topics .mainCatch { padding: 85px; text-align: center; background: url(/static/images/topics/catch_topics.png); background-size: cover; background-position: center center; }
.topics .contInr { width: 1000px; margin: 0 auto; padding: 60px 0; }
.topics .contInr dl { width: 100%; overflow: hidden; line-height: 30px; border-bottom: 1px solid #D5D2CC; padding: 10px 0; transition-duration: 0.3s; }
.topics .contInr dl:first-child { border-top: 1px solid #D5D2CC; }
.topics .contInr dl:hover { background: #FFF5F0; cursor: pointer; }
.topics .contInr dl dt { float: left; width: 20%; padding: 10px 30px; color: #1F1514; text-align: center; line-height: 25px; font-size: 14px; }
.topics .contInr dl dd { float: left; width: 80%; line-height: 25px; font-size: 14px; }
.topics .contInr dl dd a { width: 100%; padding: 10px; color: #073190; text-align: left; display: block; line-height: 25px; font-size: 14px; text-decoration: none; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.topics .contInr dl:hover dd a { text-decoration: underline; }
.topics .pagenation p strong { color: #073190; }
.topics .pagenation ul li { color: #afadaa; background: #e6e4e0; }
.topics .pagenation ul li a { background: #D5D2CC; }
.topics .pagenation ul li a:hover { background: #073190; }
.topics .pagenation ul li em { background: #073190; }
.topics .detailCont { width: 1000px; margin: 0 auto; padding: 60px 0; }
.topics .detailCont .detailInr { padding: 0 0 40px; }
.topics .detailCont .detailInr .date { font-size: 14px; padding: 0 0 10px; color: #073190; font-weight: bold; }
.topics .detailCont .detailInr h2 { text-align: left; padding: 0 0 10px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #073190; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.topics .detailCont .detailInr .catchImg { text-align: left; padding: 20px 0 0; }
.topics .detailCont .detailInr .catchImg img { max-width: 100%; }
.topics .detailCont .detailInr p { font-size: 16px; line-height: 1.75; padding: 20px 0; }

/*企業情報*/
.company .mainCatch { padding: 85px; text-align: center; background: url(/static/images/company/catch_company.png); background-size: cover; background-position: center center; }
.company h2 { font-size: 30px; text-align: center; }
.company .greeting { width: 1000px; padding: 100px 0; margin: 0 auto; }
.company .greeting .contInr { padding: 100px 30px; margin: 0 auto; }
.company .greeting .contInr h3 { font-size: 20px; line-height: 1.75; text-align: left; padding: 0 0 10px; }
.company .greeting .contInr p { font-size: 16px; line-height: 1.75; text-align: left; padding: 0 0 20px; }
.company .greeting .contInr .sign { text-align: right; }
.company .greeting .contInr .sign span { display: inline-block; padding: 0 10px 0 0; line-height: 30px; }
.company .greeting table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.company .greeting table tr { border-top: 1px solid #D5D2CC; }
.company .greeting table tr:last-child { border-bottom: 1px solid #D5D2CC; }
.company .greeting table th { width: 25%; padding: 15px 20px; text-align: left; font-size: 14px; vertical-align: middle; background: #FFF5F0; font-weight: bold; border-left: 1px solid #D5D2CC; }
.company .greeting table td { width: 75%; padding: 15px 20px; text-align: left; font-size: 14px; border-right: 1px solid #D5D2CC; }
.company .banner ul li { float: left; width: 23.5%; margin: 0 2% 0 0; text-align: center; }
.company .banner ul li a { display: block; }
.company .banner ul li img { max-width: 100%; }
.company .banner ul li:last-child { margin: 0; margin: 0 auto; }
.company .about { width: 1000px; padding: 100px 0; margin: 0 auto; }
.company .about .contInr { padding: 100px 0; margin: 0 auto; }
.company .about table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.company .about table tr { border-top: 1px solid #D5D2CC; }
.company .about table tr:last-child { border-bottom: 1px solid #D5D2CC; }
.company .about table th { width: 25%; padding: 15px 20px; text-align: left; font-size: 14px; vertical-align: middle; background: #FFF5F0; font-weight: bold; border-left: 1px solid #D5D2CC; }
.company .about table td { width: 75%; padding: 15px 20px; text-align: left; font-size: 14px; border-right: 1px solid #D5D2CC; }
.company .about table td .map { float: left; width: 50%; }
.company .about table td dl.fBox { float: left; width: 50%; padding: 0 0 0 10px; }
.company .about table td dl { padding: 0 0 10px; }
.company .about table td dl dt { font-weight: bold; }
.company .about table td dl dt span { display: inline-block; padding: 0 0 0 10px; color: #FA524C; }
.company .about table td dl dt span i { display: inline-block; padding: 0 5px 0 0; color: #FA524C; }
.company .about table td dl.fBox dd a { display: inline-block; text-decoration: none; padding: 0 2px; color: #063190; transition: all 0.3s ease; }
.company .about table td dl.fBox dd a:hover { opacity: 0.8; }
.company .about table td dl.fBox dd i { display: inline; color: #063190; }
.company .works { padding: 100px 0; margin: 0 auto; }
.company .works .foods .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; text-align: left; }
.company .works .foods .leftCont { float: left; width: 50%; padding: 50px 0; }
.company .works .foods .rightCont { float: right; width: 50%; text-align: center; }
.company .works .petfood { background: #FFF5F0; }
.company .works .petfood .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; text-align: left; }
.company .works .petfood .leftCont { float: right; width: 50%; padding: 50px 0; }
.company .works .petfood .rightCont { float: left; width: 50%; text-align: center; }
.company .works .delica .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; text-align: left; }
.company .works .delica .leftCont { float: left; width: 50%; padding: 50px 0; }
.company .works .delica .rightCont { float: right; width: 50%; text-align: center; }
.company .works h3 { font-size: 30px; padding: 0 0 50px; }
.company .works p { font-size: 16px; line-height: 1.5; padding: 0 0 50px; }
.company .works .linkBtn a { display: inline-block; padding: 10px 60px; line-height: 1; border-radius: 30px; border: 1px solid #FA524C; background: #fff; }
.company .works .recruit { background: url(/static/images/company/bg_recruit.png); background-size: cover; background-position: center center; }
.company .works .recruit .contInr { width: 1000px; padding: 100px 0; margin: 0 auto; text-align: center; }
.company .works .recruit .contInr .linkBtn.new { margin: 0 auto 30px; }
.company .works .recruit .contInr .linkBtn.new a { display: inline-block; padding: 20px 150px; line-height: 1; border-radius: 45px; border: 2px solid #1d298a; background: #fff; }
.company .works .recruit .contInr .linkBtn.career a { display: inline-block; padding: 20px 150px; line-height: 1; border-radius: 45px; border: 2px solid #0097E0; background: #fff; }
.company .works .banner{ width: 1000px; padding: 100px 0 0; margin: 0 auto; }
.company .column { width: 1000px; padding: 100px 0; margin: 0 auto; }
.company .column .contInr { padding: 50px 0; margin: 0 auto; }
.company .column .disc { font-size: 16px; line-height: 1.75; text-align: left; padding: 0 0 50px; }
.company .column .contInr .sign { font-size: 16px; line-height: 1.75; text-align: left;  text-align: right; }
.company .column .columnCont { padding: 50px 0; border-bottom: 1px solid #D5D2CC; }
.company .column .columnCont .thumb { float: left; border: 1px solid #D5D2CC; margin: 0 20px 20px 0; }
.company .column .columnCont .thumb img { max-width: 480px; }
.company .column .columnCont dt { font-size: 24px; line-height: 1.5; font-weight: bold; padding: 0 0 20px; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
.company .column .columnCont dd p { font-size: 16px; line-height: 1.75; padding: 0 0 10px; }
.company .column .photo { border-bottom: 1px solid #D5D2CC; }
.company .column .photo img { width: 100%; }
.company .column .tab_menu { display: inline-block; width: calc( 50% - 10px ); padding: 0 5px; }
.company .column .tab_menu img { width: 100%; }
.company .column label { display: block; }
.company .column label:hover { cursor: pointer; }
.company .column .tab_radio { display:none; }
.company .column .tab_contains{ display:none; }
#newspaper:checked ~ #newspaperCont,
#highschool:checked ~ #highschoolCont{ display:block; }
.company .column .columnCont02 { padding: 50px 0; border-bottom: 1px solid #D5D2CC; }
.company .column .columnCont02 .thumb02 { float: right; margin: 0 0 20px 20px; }
.company .column .columnCont02 .thumb02 img { max-width: 250px; }
.company .column .columnCont02 .thumb03 { float: right; margin: 0 0 20px 20px; }
.company .column .columnCont02 .thumb03 img { max-width: 320px; }
.company .column .columnCont02 .thumb03 span { display: block; text-align: center; padding: 5px 0 0; }
.company .column .columnCont02 dt { font-size: 24px; line-height: 36px; font-weight: bold; padding: 0 0 20px; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; vertical-align: baseline; }
.company .column .columnCont02 dt span { font-size: 18px; line-height: 36px; font-weight: bold; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; vertical-align: baseline; }
.company .column .columnCont02 dd p { font-size: 16px; line-height: 1.75; padding: 0 0 10px; }
.company .column .columnCont02 dd p.name { padding: 0 0 20px; text-align: right; }

/*収穫当日コーン*/
.corn .mainCatch { padding: 0; text-align: center; background: url(/static/images/pickup/catch_corn.png); background-size: cover; background-position: center center; }
.corn h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.corn .cont01 { background: url(/static/images/pickup/bg_corn.png); background-size: cover; background-position: center center; }
.corn .cont01 .contInr { width: 1200px; padding: 100px 0; margin: 0 auto; }
.corn .cont01 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.corn .cont01 ul { text-align: center; }
.corn .cont01 ul li { display: inline-block; text-align: center; padding: 10px; }
.corn .cont01 ul li a { display: block; }
.corn .cont01 ul li a img { transform: scale(0.95); transition: all 0.3s ease; }
.corn .cont01 ul li a img:hover { transform: scale(1); transition-duration: 0.3s; }
.corn .cont02 { background: #FFF5F0; }
.corn .cont02 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.corn .cont02 .contInr dl { float: left; width: 32%; margin: 0 2% 0 0; }
.corn .cont02 .contInr dl:last-child { margin: 0; }
.corn .cont02 .contInr dl dt { text-align: center; }
.corn .cont02 .contInr dl .contTit { text-align: center; font-size: 20px; padding: 10px 0; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.corn .cont02 .contInr dl .contDisc { font-size: 16px; line-height: 1.5; text-align: center; }
.corn .cont03 { width: 1200px; padding: 50px 0; margin: 0 auto; }
.corn .cont03 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.corn .cont03 .contInr dl { float: left; width: 32%; margin: 0 2% 0 0; padding: 30px; position: relative; }
.corn .cont03 .contInr dl:nth-child(3n) { margin: 0; }
.corn .cont03 .contInr dl dt { position: absolute; top: 0; left: 0; background: #FA524C; text-align: center; width: 60px; height: 60px; line-height: 60px; border-radius: 30px; font-size: 30px; color: #fff; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.corn .cont03 .contInr dl dd { text-align: center; }
.corn .cont03 .contInr dl dd.stepDisc { padding: 10px 0; font-size: 16px; line-height: 1.2; }

/*食塩無添加シリーズ*/
.salt .mainCatch { padding: 0; text-align: center; background: url(/static/images/pickup/catch_salt.png); background-size: cover; background-position: center center; }
.salt h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.salt .cont01 .contInr { width: 1200px; padding: 100px 0; margin: 0 auto; }
.salt .cont01 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.salt .cont01 ul { text-align: center; }
.salt .cont01 ul li { display: inline-block; margin: 0 20px; width: 200px; height: 200px; border-radius: 50%; border: 1px solid #FA524C; }
.salt .cont01 ul li span { color: #FA524C; font-size: 20px; line-height: 30px; padding: 70px 0; text-align: center; display: block; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.salt .cont02 { background: url(/static/images/pickup/bg_salt.png); background-size: cover; background-position: center center; }
.salt .cont02 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.salt .cont02 .movie { text-align: center;  }
.salt h3 { font-size: 24px; text-align: center; padding: 0 0 30px; }
.salt .cont03 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; border-bottom: 1px solid #D5D2CC; }
.salt .cont03 h2 span { font-size: 20px; font-weight: bold; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.salt .cont03 .inrBox { background: #FFF5F0; padding: 20px; }
.salt .cont03 .inrBox .leftCont { width: 50%; float: left; }
.salt .cont03 .inrBox .rightCont { width: 50%; float: left; border-left: 1px solid #D5D2CC; }
.salt .cont03 .inrBox p { font-size: 16px; text-align: center; padding: 0 0 30px; }
.salt .cont03 .inrBox .graph { text-align: center; padding: 0 0 30px; }
.salt .cont03 .inrBox ul { padding: 0 30px; }
.salt .cont04 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.salt .cont04 .inrBox { background: #FFF5F0; padding: 20px; }
.salt .cont04 .inrBox .leftCont { width: 50%; float: left; border-right: 1px solid #D5D2CC; }
.salt .cont04 .inrBox .rightCont { width: 50%; float: left; }
.salt .cont04 .inrBox p { font-size: 16px; text-align: center; }
.salt .cont04 .inrBox .graph { text-align: center; padding: 0 0 30px; }
.salt .cont04 .attention { text-align: center; padding: 50px 0 0; }
.salt .cont04 .attention span { padding: 5px; background: linear-gradient(#fff 50%, #FCFFC1 50%); font-size: 30px; font-weight: bold; color: #FA524C; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.salt .cont05 { background: #FFF5F0; }
.salt .cont05 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.salt .cont05 .contInr p { font-size: 16px; text-align: center; padding: 0 0 30px; }
.salt .cont06 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.salt .cont06 a { display: block; float: left; width: 20%; padding: 20px; text-decoration: none; color: #1F1413; }
.salt .cont06 a dl { vertical-align: middle; display: block; text-align: center; }
.salt .cont06 a dl dt { border: 1px solid #fff; display: inline-block; position: relative; text-align: center; padding: 20px; }
.salt .cont06 a dl dt img { width: 100%; }
.salt .cont06 a dl dd { text-align: center; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; text-decoration: none; color: #1F1413; }
.salt .cont07 { background: #FFF5F0; }
.salt .cont07 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.salt .cont07 dl { width: 22%; padding: 0 0 20px; margin: 0 4% 0 0; float: left; position: relative; transition-duration: 0.3s; }
.salt .cont07 dl:nth-child(4n) { margin: 0 0 0 0; }
.salt .cont07 dl a { text-decoration: none; display: block; }
.salt .cont07 dl dt { width: 100%; text-align: center; }
.salt .cont07 dl dt img { max-width: 100%; border: 1px solid #D5D2CC; }
.salt .cont07 dl dd { text-align: center; padding: 10px 0; font-size: 16px; line-height: 1.2; }
.salt .cont08 .contInr { width: 1200px; padding: 50px 0 100px; margin: 0 auto; }
.salt .cont08 .contInr p { font-size: 16px; text-align: center; padding: 0 0 30px; }
.salt .cont08 .contInr ul li { width: 22%; float: left; margin: 0 4% 0 0; text-align: center; }
.salt .cont08 .contInr ul li:last-child { margin-right: 0; }

/*タイとインドシリーズ*/
.curry .mainCatch { padding: 0; text-align: center; background: url(/static/images/pickup/catch_curry.png); background-size: cover; background-position: center center; }
.curry h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.curry .cont01 { background: #FAEECB; }
.curry .cont01 .contInr { width: 1200px; padding: 100px 0; margin: 0 auto; }
.curry .cont01 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.curry .cont01 ul { text-align: center; padding: 20px 0 0; }
.curry .cont01 ul li { float: left; width: 180px; margin: 0 10px; }
.curry .cont01 ul li img { max-width: 100%; }
.curry .cont02 { background: url(/static/images/pickup/bg_curry.png); background-size: cover; background-position: center center; }
.curry .cont02 .contInr { width: 1200px; padding: 100px 0; margin: 0 auto; }
.curry .cont02 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.curry .cont02 .makeImg { width: 100%; padding: 20px 0 0; text-align: center; }
.curry .cont02 .makeImg img { max-width: 100%; }
.curry .cont03 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.curry .cont03 .stepCont { padding: 50px 0; position: relative; overflow: hidden; }
.curry .cont03 .stepCont dl { text-align: center; position: relative; float: left; display: inline-block; padding: 0 40px 0 20px; background-color: #eee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.curry .cont03 .stepCont dl.step01 { width: 35%; background: #FDCE97; }
.curry .cont03 .stepCont dl.step01 dd.contTit { line-height: 48px; }
.curry .cont03 .stepCont dl.step02 { width: 35%; background: #FABB72; }
.curry .cont03 .stepCont dl.step02 dd.contTit { line-height: 24px; }
.curry .cont03 .stepCont dl.step03 { width: 30%; background: #F29F3E; }
.curry .cont03 .stepCont dl.step03 dd.contTit { line-height: 48px; }
.curry .cont03 .stepCont dl:before, .stepCont dl:after { position: absolute; left: -25px; display: block; content: ''; width: 50px; height: 179px; }
.curry .cont03 .stepCont dl.step01:before, .stepCont dl.step01:after { background: #FDCE97; }
.curry .cont03 .stepCont dl.step02:before, .stepCont dl.step02:after { background: #FABB72; }
.curry .cont03 .stepCont dl.step03:before, .stepCont dl.step03:after { background: #F29F3E; }
.curry .cont03 .stepCont dl:after { top: 0; -moz-transform: skew(10deg); -ms-transform: skew(10deg); -webkit-transform: skew(10deg); transform: skew(10deg); }
.curry .cont03 .stepCont dl:before { bottom: 0; -moz-transform: skew(-10deg); -ms-transform: skew(-10deg); -webkit-transform: skew(-10deg); transform: skew(-10deg); }
.curry .cont03 .stepCont dl:first-child:before, .stepCont dl:first-child:after { content: none; }
.curry .cont03 .stepCont dl dt { margin-top: -50px; }
.curry .cont03 .stepCont dl dd.contTit { font-size: 20px; font-weight: bold; padding: 20px 0; }
.curry .cont03 .stepCont dl dd.contDisc { padding: 0 0 20px; }
.curry .cont03 .point { width: 1000px; margin: 0 auto; background: #FAEECB; padding: 50px; }
.curry .cont03 .point .hotImg { float: left; width: 30%; }
.curry .cont03 .point .hotImg img { max-width: 100%; }
.curry .cont03 .point dl { float: left; width: 70%; padding: 0 0 0 20px; }
.curry .cont03 .point dl dt { font-size: 24px; padding: 0 0 20px; color: #DD410C; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.curry .cont03 .point dl dd { font-size: 16px; line-height: 1.5; text-align: left; }
.curry .cont04 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.curry .cont04 a { display: block; float: left; width: 20%; padding: 20px; text-decoration: none; }
.curry .cont04 a dl { vertical-align: middle; display: block; text-align: center; text-decoration: none; color: #1F1413; }
.curry .cont04 a dl dt { border: 1px solid #fff; display: inline-block; position: relative; text-align: center; padding: 20px; }
.curry .cont04 a dl dt img { width: 100%; }
.curry .cont04 a dl dd { text-align: center; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; text-decoration: none; color: #1F1413; }

/*缶詰でお弁当おかず*/
.bento .mainCatch { padding: 0; text-align: center; background: url(/static/images/pickup/catch_bento.png); background-size: cover; background-position: center center; }
.bento h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.bento h3 { font-size: 30px; font-weight: bold; text-align: left; padding: 0 0 30px; }
.bento .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.bento .topCont { background: url(/static/images/pickup/bg_bento.png); background-size: cover; background-position: center center; }
.bento .topCont .contInr { position: relative; width: 1200px; padding: 100px 0; margin: 0 auto; }
.bento .topCont .contInr p { text-align: center; font-size: 16px; }
.bento .topCont .contInr .can { position: absolute; left: 0; top: 30px; }
.bento .topCont .contInr .bento { position: absolute; right: 0; top: 50px; }
.bento .cont02 { background: #FFF5F0; }
.bento .cont04 { background: #FFF5F0; }
.bento .bentoRecipe { padding: 0 0 50px; }
.bento .bentoRecipe .leftCont { float: left; width: 500px; text-align: center; }
.bento .bentoRecipe .leftCont img { max-width: 100%; border: 1px solid #D5D2CC; }
.bento .bentoRecipe .rightCont { float: left; width: 700px; padding: 0 0 0 50px; }
.bento .bentoRecipe .rightCont p { font-size: 20px; color: #FA524C; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.bento .bentoRecipe .rightCont li { font-size: 16px; line-height: 1.75; }
.bento .bentoList .recipeDetail { float: left; width: 360px; margin: 0 50px 0 0; }
.bento .bentoList .recipeDetail:last-child { margin: 0; }
.bento .bentoList .recipeDetail a { display: block; text-decoration: none; transition: all 0.3s ease; }
.bento .bentoList .recipeDetail a:hover { opacity: 0.8; }
.bento .bentoList .recipeDetail .recipeImage img { max-width: 100%; border: 1px solid #D5D2CC; }
.bento .bentoList .recipeDetail .recipeInr { position: relative; }
.bento .bentoList .recipeDetail .iconArea { position: absolute; left: 0; top: -20px; }
.bento .bentoList .recipeDetail .recipeTit { padding: 10px 0 0 110px; }
.bento .bentoList .recipeDetail .recipeTit dd { font-size: 14px; line-height: 1.2; font-weight: bold; color: #FA524C; padding: 0 0 5px; }
.bento .bentoList .recipeDetail .recipeTit dt { font-size: 20px; line-height: 1.2; font-weight: bold; }
.bento .bentoList .recipeDetail .recipeTit dd.spTime { display: none; }

/*ツナ缶の基礎知識*/
.tsuna .mainCatch { padding: 0; text-align: center; background: url(/static/images/pickup/catch_beginner.png); background-size: cover; background-position: center center; }
.tsuna h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.tsuna .cont01 { background: url(/static/images/pickup/bg_beginner.png); background-size: cover; background-position: center center; }
.tsuna .cont01 .contInr { width: 1200px; padding: 100px 0; margin: 0 auto; }
.tsuna .cont01 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.tsuna .cont02 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.tsuna .cont02 .inrBox div { float: left; width: 25%; border-top: 1px solid #D5D2CC; border-left: 1px solid #D5D2CC; border-bottom: 1px solid #D5D2CC; }
.tsuna .cont02 .inrBox div:last-child { border-right: 1px solid #D5D2CC; }
.tsuna .cont02 .inrBox div .itemTit { background: #FFF5F0; padding: 10px 0; }
.tsuna .cont02 .inrBox div .itemTit dt { text-align: center; padding: 5px 0; }
.tsuna .cont02 .inrBox div .itemTit dt img { max-width: 100%; }
.tsuna .cont02 .inrBox div .itemTit dd { text-align: center; padding: 5px 0; font-size: 20px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.tsuna .cont02 .inrBox div .name { text-align: center; padding: 20px 0; }
.tsuna .cont02 .inrBox div .disc { text-align: center; background: #FFF5F0; padding: 20px 10px; font-size: 14px; }
.tsuna .cont03 { background: #FFF5F0; }
.tsuna .cont03 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.tsuna .cont03 .contInr dl { float: left; width: 32%; margin: 0 2% 0 0; }
.tsuna .cont03 .contInr dl:last-child { margin: 0; }
.tsuna .cont03 .contInr dl dt { text-align: center; border: 1px solid #D5D2CC; background: #fff; }
.tsuna .cont03 .contInr dl dt img { max-width: 100%; }
.tsuna .cont03 .contInr dl .contTit { text-align: center; font-size: 20px; line-height: 1.5; padding: 10px 0; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.tsuna .cont03 .contInr dl .contTit span { text-align: center; font-size: 16px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.tsuna .cont03 .contInr dl .contDisc { font-size: 16px; line-height: 1.5; text-align: center; }
.tsuna .cont04 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.tsuna .cont04 .contInr dl { float: left; width: 32%; margin: 0 2% 0 16%; }
.tsuna .cont04 .contInr dl:last-child { margin: 0 16% 0 0; }
.tsuna .cont04 .contInr dl dt { text-align: center; border: 1px solid #D5D2CC; background: #fff; }
.tsuna .cont04 .contInr dl dt img { max-width: 100%; }
.tsuna .cont04 .contInr dl .contTit { text-align: center; font-size: 20px; line-height: 1.5; padding: 10px 0; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.tsuna .cont04 .contInr dl .contTit span { text-align: center; font-size: 16px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.tsuna .cont04 .contInr dl .contDisc { font-size: 16px; line-height: 1.5; text-align: center; }
.tsuna .point { width: 1000px; padding: 50px 0; margin: 0 auto; }
.tsuna .point dl { background: #FFF5F0; }
.tsuna .point dl dt { float: left; width: 30%; text-align: center; padding: 20px; }
.tsuna .point dl dt img { max-width: 100%; }
.tsuna .point dl dd { float: left; width: 70%; text-align: left; padding: 80px 20px; line-height: 30px; font-size: 16px; }

/*イージーオープン缶の正しい開け方*/
.eo .mainCatch { padding: 85px; text-align: center; background: url(/static/images/pickup/catch_eo.png); background-size: cover; background-position: center center; }
.eo h2 { text-align: left; padding: 0 0 30px; }
.eo .contInrL p { font-size: 16px; line-height: 1.5; text-align: left; }
.eo .cont01 { width: 1000px; padding: 50px 0; margin: 0 auto; border-bottom: 1px solid #D5D2CC; }
.eo .cont01 .contInrL { float: left; width: 340px; margin: 0 30px 0 0; }
.eo .cont01 .imgArea { float: left; width: 300px; margin: 0 30px 0 0; }
.eo .cont01 .imgArea img { max-width: 100%; border: 1px solid #D5D2CC; }
.eo .cont01 .attention { float: left; width: 300px; background: #FFF5F0; padding: 20px; }
.eo .cont01 .attention dt { color: #C01920; padding: 0 0 10px; font-size: 20px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.eo .cont01 .attention .contTit { padding: 0 0 10px; font-size: 14px; }
.eo .cont01 .attention .contDisc { padding: 0 0 10px; text-align: center; }
.eo .cont01 .attention .contDisc img { max-width: 100%; }
.eo .cont02 { width: 1000px; padding: 50px 0; margin: 0 auto; border-bottom: 1px solid #D5D2CC; }
.eo .cont02 .contInrL { float: left; width: 340px; margin: 0 30px 0 0; }
.eo .cont02 .imgArea { float: left; width: 300px; margin: 0 30px 0 0; }
.eo .cont02 .imgArea img { max-width: 100%; border: 1px solid #D5D2CC; }
.eo .cont03 { width: 1000px; padding: 50px 0; margin: 0 auto; }
.eo .cont03 .contInrL { float: left; width: 340px; margin: 0 30px 0 0; }
.eo .cont03 .contInrR { float: right; width: 630px; }
.eo .cont03 .contInrR .imgArea01 { float: left; width: 300px; margin: 0 30px 0 0; }
.eo .cont03 .contInrR .imgArea01 img { max-width: 100%; border: 1px solid #D5D2CC; }
.eo .cont03 .contInrR .imgArea02 { float: left; width: 300px; margin: 0; }
.eo .cont03 .contInrR .imgArea02 img { max-width: 100%; border: 1px solid #D5D2CC; }
.eo .cont03 .attention { background: #FFF5F0; padding: 20px; margin-top: 50px; }
.eo .cont03 .attention dl { float: left; width: 270px; margin: 0 30px 0 0; }
.eo .cont03 .attention dt { color: #C01920; padding: 0 0 10px; font-size: 20px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.eo .cont03 .attention dd.contTit { padding: 0 0 10px; font-size: 14px; }
.eo .cont03 .attention .contDisc { float: left; width: 660px; padding: 0 0 10px; text-align: center; }
.eo .cont03 .attention .contDisc li { float: left; width: 220px; padding: 0; }
.eo .cont03 .attention .contDisc img { max-width: 100%; }
.eo .cont04 { width: 1000px; padding: 0; margin: 0 auto; }
.eo .cont04 .attention { background: #FFF5F0; padding: 20px; margin-bottom: 50px; }
.eo .cont04 .attention dl { float: left; width: 710px; margin: 0 30px 0 0; }
.eo .cont04 .attention dt { color: #C01920; padding: 0 0 10px; font-size: 20px; font-family: 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.eo .cont04 .attention dd.contTit { padding: 0 0 10px; font-size: 14px; }
.eo .cont04 .attention .contDisc { float: left; width: 220px; padding: 0 0 10px; text-align: center; }
.eo .cont04 .attention .contDisc li { float: left; width: 220px; padding: 0; }
.eo .cont04 .attention .contDisc img { max-width: 100%; }
.eo .cont05 { background: url(/static/images/pickup/bg_eo.png); background-size: cover; background-position: center center; }
.eo .cont05 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.eo .cont05 .movie { text-align: center; }
.eo .cont05 h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.eo .cont05 p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.eo .point { width: 1000px; padding: 50px 0; margin: 0 auto; }
.eo .point dl { background: #FFF5F0; }
.eo .point dl dt { float: left; width: 30%; text-align: center; padding: 20px; }
.eo .point dl dt img { max-width: 100%; }
.eo .point dl dd { float: left; width: 70%; text-align: left; padding: 80px 20px; line-height: 30px; font-size: 16px; }

/*よくあるご質問*/
.faq .mainCatch { padding: 85px; text-align: center; background: url(/static/images/support/catch_contact.png); background-size: cover; background-position: center center; }
.faq .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.faq .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.faq .contInr p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.faq .contInr .cont01 { padding: 10px 0; }
.faq .contInr .cont02 { padding: 10px 0; }
.faq .contInr .cont03 { padding: 10px 0; }
.faq .contInr .cont04 { padding: 10px 0; }
.faq .contInr .cont05 { padding: 10px 0; }
.faq .contInr .cont06 { padding: 10px 0; }
.faq .contInr .question { position: relative; padding: 10px 0; border-bottom: 1px dotted #D5D2CC; }
.faq .contInr .question dt { position: absolute; top: 10px; left: 0; padding: 0; background: #073190; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; }
.faq .contInr .question dd { padding: 10px 0 10px 50px; color: #073190; font-size: 16px; font-weight: bold; line-height: 20px; }
.faq .contInr .answer { position: relative; padding: 10px 0; }
.faq .contInr .answer dt { position: absolute; top: 10px; left: 0; padding: 0; background: #FA524C; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; }
.faq .contInr .answer dd { padding: 10px 0 10px 50px; font-size: 16px; font-weight: bold; line-height: 20px; }
.faq .contInr .answer dd a { color: #0095e0; }
.faq .contInr .answer .case { padding: 10px 0 10px 50px; }
.faq .contInr .cont03 .answer .case h3 { font-size: 16px; font-weight: bold; text-align: left; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.faq .contInr .cont03 .answer .case p { font-size: 16px; text-align: left; padding: 0; }
.faq .contInr .cont04 .answer .case h3 { font-size: 16px; font-weight: bold; text-align: left; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.faq .contInr .cont04 .answer .case h3 span { font-size: 16px; font-weight: bold; text-align: left; }
.faq .contInr .cont04 .answer .case p { font-size: 16px; text-align: left; padding: 0; }
.faq .contInr .cont04 .answer .case p img { max-width: 100%; }
.faq .contInr .cont06 .answer .case .point { background: #FFF5F0; margin-top: 10px; }
.faq .contInr .cont06 .answer .case .point h3 { float: left; width: 30%; text-align: center; padding: 20px; }
.faq .contInr .cont06 .answer .case .point h3 img { max-width: 100%; }
.faq .contInr .cont06 .answer .case .point p { float: left; width: 70%; text-align: left; padding: 80px 10px; line-height: 30px; font-size: 16px; }

/*プライバシーポリシー*/
.privacy .mainCatch { padding: 85px; text-align: center; background: url(/static/images/support/catch_contact.png); background-size: cover; background-position: center center; }
.privacy .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.privacy .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.privacy .contInr p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.privacy .contInr dl { padding:  20px 0; }
.privacy .contInr dl dt { border-bottom: 2px solid #073190; color: #073190; margin: 0 auto 20px; padding: 0 0 10px; font-size: 16px; font-weight: bold; }
.privacy .contInr dl dd { padding: 0 0 10px; font-size: 16px; line-height: 1.75; }
.privacy .contInr dl dd ul li:before { content: '・'; }
.privacy .contInr dl dd a { color: #0095e0; }
.privacy .contInr table th { text-align: left; padding: 5px 10px; font-weight: bold; color: #073190; }
.privacy .contInr table td { text-align: left; padding: 5px 10px; }

/*サイトマップ*/
.sitemap .mainCatch { padding: 85px; text-align: center; background: url(/static/images/support/catch_contact.png); background-size: cover; background-position: center center; }
.sitemap .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.sitemap .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.sitemap .siteList .listInr { border-bottom: 1px dotted #D5D2CC; padding: 10px 0; }
.sitemap .siteList .listInr p { float: left; width: 20%; color: #073190; font-size: 16px; font-weight: bold; }
.sitemap .siteList .listInr p a { text-decoration: none; display: inline-block; color: #073190; transition: all .3s ease; }
.sitemap .siteList .listInr p a:hover { color: #0095e0; }
.sitemap .siteList .listInr ul { float: left; width: 80%; }
.sitemap .siteList .listInr ul li { float: left; width: 33.33%; padding: 5px; font-size: 16px; font-weight: 500; line-height: 1.5; transition: all .3s ease; }
.sitemap .siteList .listInr ul li a { text-decoration: none; display: block; color: #1F1514; transition: all .3s ease; }
.sitemap .siteList .listInr ul li a:hover { color: #0095e0; }

/*お問い合わせ*/
.contact .mainCatch { padding: 85px; text-align: center; background: url(/static/images/support/catch_contact.png); background-size: cover; background-position: center center; }
.contact .contInr { width: 800px; padding: 60px 0 100px; margin: 0 auto; }
.contact .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0; }
.contact .contInr .telArea { background: #FFF5F0; border: 1px solid #FA524C; padding: 60px 0; margin: 0 auto 60px; }
.contact .contInr .telArea p { font-size: 18px; line-height: 1.5; font-weight: bold; text-align: center; padding: 30px 0; }
.contact .contInr .telArea p.attention { color: #f00; font-size: 16px; font-weight: bold; line-height: 1.5; text-align: center; padding: 30px 0 0; }
.contact .contInr .telArea dl { text-align: center; }
.contact .contInr .telArea dl dt { display: inline-block; padding: 10px 0 0; }
.contact .contInr .telArea dl dd { display: inline-block; }
.contact .contInr .telArea dl dd p { padding: 0; font-size: 14px; font-weight: bold; }
.contact .contInr .mailArea { background: #FFF5F0; border: 1px solid #D5D2CC; padding: 60px 0; }
.contact .contInr .mailArea dl { text-align: center; padding: 30px 0 0; }
.contact .contInr .mailArea dl dt { display: inline-block; }
.contact .contInr .mailArea dl dd { display: inline-block; text-align: center; font-size: 16px; line-height: 1.5; padding: 10px 0; }

/*どこでもいなば*/
.photo .mainCatch { padding: 0; text-align: center; background: url(/static/images/pickup/catch_photo.png); background-size: cover; background-position: center center; }
.photo h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.photo .contInr p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.photo .contInr p span.attention { font-size: 14px; color: #B00101; }
.photo .cont01 { background: url(/static/images/pickup/bg_photo.png); background-size: cover; background-position: center center; }
.photo .cont01 .contInr { width: 1200px; padding: 100px 0; margin: 0 auto; }
.photo .cont02 .contInr { width: 1200px; padding: 50px 0; margin: 0 auto; }
.photo .cont02 .contInr .formArea { width: 1000px; padding: 50px 0; margin: 0 auto; }
.photo .cont02 .contInr .formArea .formInr { padding: 0 0 30px; margin: 0 auto; border-top: 1px solid #D5D2CC; }
.photo .cont02 .contInr .formArea dl { width: 100%; background: #FCFBFA; border-bottom: 1px solid #D5D2CC; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.photo .cont02 .contInr .formArea dl:after { content:''; display:block; clear:both; }
.photo .cont02 .contInr .formArea dl dt { float: left; position: relative; width: 25%; font-size: 16px; font-weight: bold; line-height: 36px; padding: 30px 20px; background: #FFF5F0; }
.photo .cont02 .contInr .formArea dl dt.required:after { content:"必須"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #B00202; color:#fff; vertical-align:middle; position:absolute; top:38px; right:20px; }
.photo .cont02 .contInr .formArea dl dt.any:after { content:"任意"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #073190; color:#fff; vertical-align:middle; position:absolute; top:38px; right:20px; }
.photo .cont02 .contInr .formArea dl dd { float: left; width: 75%; padding: 30px 20px; font-size: 16px; vertical-align: middle; background: #FCFBFA; position: relative; box-sizing: border-box; }
.photo .cont02 .contInr .formArea dl dd span { display: inline-block; line-height: 36px; font-size: 14px; padding: 0 0 0 10px; }
.photo .cont02 .contInr .formArea dl dd input[type="text"] { width: 50%; height:36px; font-size: 16px; line-height:26px; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #D5D2CC; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.photo .cont02 .contInr .formArea dl dd textarea { width: 100%; height: 150px; font-size: 16px; line-height: 1.5; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #D5D2CC; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.photo .cont02 .contInr .formArea dl dd input[type="text"]:focus,textarea:focus { border:1px solid #7E7C7E; }
.photo .cont02 .contInr .formArea dl dd input[type="text"]:disabled,textarea:disabled { background-color: #EFEFEF; }
.photo .cont02 .contInr .formArea dl dd input[type="text"].warning { border-color: #B00202; }
.photo .cont02 .contInr .formArea dl dd label { background: #FA524C; color: #fff; font-size: 16px; line-height: 26px; font-weight: bold; cursor: pointer; padding: 5px 30px; border-radius: 5px; margin: 0; display: inline-block; transition: all .3s ease; }
.photo .cont02 .contInr .formArea dl dd label:hover { opacity: 0.8; }
.photo .cont02 .contInr .formArea dl dd label input { display: none; }
.photo .cont02 .contInr .formArea dl dd img { max-width: 100%; }
.photo .cont02 .contInr .checkArea { padding: 30px 0; }
.check-input { display: none; }
.check-parts { padding-left: 30px; position:relative; margin-right: 20px; font-size: 16px; line-height: 26px; display: inline-block; transition: all .3s ease; }
.check-parts:hover { color: #FA524C; }
.check-parts::before{ content: ""; display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; border: 1px solid #999; border-radius: 2px; }
.check-input:checked + .check-parts::after{ content: ""; display: block; position: absolute; top: 0; left: 4px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #FA524C; border-right: 3px solid #FA524C; }
.photo .cont02 .contInr .btnArea { text-align: center; }
.photo .cont02 .contInr .btnArea li { margin: 0 auto; padding: 0 10px; text-align: center; display: inline-block; width: 300px; }
.photo .cont02 .contInr .btnArea li a { text-decoration: none; }
.photo .cont02 .contInr .btnArea li .next { font-size: 20px; font-weight: bold; width: 100%; background: #FA524C; color: #fff; line-height: 30px; cursor: pointer; padding: 10px 50px; border-radius: 25px; margin: 0; display: block; border: none; box-shadow: none; transition: all .3s ease; }
.photo .cont02 .contInr .btnArea li .back { font-size: 20px; font-weight: bold; width: 100%; background: #afadaa; color: #fff; line-height: 30px; cursor: pointer; padding: 10px 50px; border-radius: 25px; margin: 0; display: block; border: none; box-shadow: none; transition: all .3s ease; }
.photo .cont02 .contInr .btnArea li input:hover { opacity: 0.8; }
.preview_image { padding: 10px 0; display: block; }
.preview_image img { max-width: 50px; }
#changeImage { display: none; color: #ff0000; }
div#image_file { display: block; margin-top: 10px; padding: 0; }
div#image_file .image_delete { display: inline-block; background: #D5D2CC; color: #fff; font-weight: bold; font-size: 11px; border: none; padding: 5px; text-decoration: none; border-radius: 5px; }
.contInr .errorwrap { background: #FFEEEE; padding: 20px; margin: 0 0 10px; border: 1px solid #f00; }
.contInr .errorwrap h3 { color:#f00; padding: 0 0 5px; font-weight: bold; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
.contInr .errorwrap h3:before { content: url(/static/images/common/icon_attention.png); position: relative; top:2px; margin: 0 5px 0 0; }
.contInr .errorwrap ul { color:#f00; padding: 0 0 0 20px; font-weight: 400; font-size: 16px; }
.contInr .errorwrap li { color:#f00; list-style-type: disc; padding: 2px 0; font-weight: 400; font-size: 16px; }

/*乳酸*/
.nyusan .mainCatch { padding: 0; text-align: center; background: #CBEBFB; border-bottom: 1px solid #D5D2CC; }
.nyusan .cont01 { padding: 100px 0; margin: 0 auto; }
.nyusan .cont01 .contInr { width: 800px; margin: 0 auto; }
.nyusan .cont01 .contInr .point01 { margin: 0 auto 50px; color: #595757; font-size: 24px; font-weight: bold; line-height: 50px; vertical-align: baseline; text-align: center; border: 1px solid #33B3ED; border-radius: 10px; padding: 20px; }
.nyusan .cont01 .contInr .point01 span { color: #E50012; font-size: 36px; font-weight: bold; line-height: 50px; vertical-align: baseline; }
.nyusan .cont01 .contInr .point02 { margin: 0 auto 50px; text-align: center; border: 1px solid #33B3ED; border-radius: 10px; padding: 20px; }
.nyusan .cont01 .contInr .point02 p { color: #595757; font-size: 20px; font-weight: bold; line-height: 1.75; padding: 20px 0; }
.nyusan .cont01 .contInr .point02 p.attent { color: #E50012; }
.nyusan .cont01 .contInr .point03 { font-size: 24px; font-weight: bold; text-align: center; color: #595757; padding: 0 0 50px; }
.nyusan .cont01 .contInr .point04 { margin: 0 auto 10px; color: #009FE9; font-size: 24px; font-weight: bold; line-height: 50px; vertical-align: baseline; text-align: center; }
.nyusan .cont01 .contInr .point04 span { color: #E50012; font-size: 30px; font-weight: bold; line-height: 50px; vertical-align: baseline; }
.nyusan .cont01 .contInr .point05 { margin: 0 auto 50px; color: #595757; font-size: 20px; font-weight: bold; line-height: 50px; vertical-align: baseline; text-align: center; }
.nyusan .cont01 .contInr .point05 span { color: #E50012; font-size: 24px; font-weight: bold; line-height: 50px; vertical-align: baseline; }
.nyusan .cont01 .point06 { margin: 0 auto 50px; text-align: center; padding: 50px 0; background: url(/static/images/pickup/bg_nyusan.png) no-repeat center center; }
.nyusan .cont01 .point06 img { text-align: center; width: 100%; max-width: 640px; margin: 0 auto; }
.nyusan .cont01 .contInr .point07 { margin: 0 auto 50px; max-width: 400px; }
.nyusan .cont01 .contInr .point07 a { display: block; padding: 10px; font-size: 24px; font-weight: bold; text-align: center; color: #009FE9; background: #CBEBFB; text-decoration: none; }
.nyusan .cont02 .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; }
.nyusan .cont02 .contInr h2 { text-align: center; padding: 20px; color: #009FE9; font-size: 36px; font-weight: bold; font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; border-top: 2px solid #33B3ED; border-bottom: 2px solid #33B3ED; }
.nyusan .cont02 .contInr .point { width: 800px; margin: 50px auto 0; }
.nyusan .cont02 .contInr dl { position: relative; }
.nyusan .cont02 .contInr dl dt { position: absolute; top: 0; left: 0; width: 80px; font-size: 40px; line-height: 60px; font-weight: bold; text-align: center; padding: 10px 0; color: #009FE9; background: #CBEBFB; }
.nyusan .cont02 .contInr dl dd { padding: 0 0 0 100px; color: #009FE9; font-size: 24px; font-weight: bold; line-height: 40px; vertical-align: baseline; text-align: left; }
.nyusan .cont02 .contInr .figure { text-align: center; }
.nyusan .cont02 .contInr .figure img { max-width: 100%; }
.nyusan .topMovie02 { max-width: 1200px; margin: 0 auto; padding: 50px 0; }
.nyusan .topMovie02 .inrBox01 { float: left; width: 50%; padding: 0 10px; }
.nyusan .topMovie02 .inrBox02 { float: left; width: 50%; padding: 0 10px; }
.nyusan .topMovie02 .inrBox01 .inrCont { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.nyusan .topMovie02 .inrBox02 .inrCont { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.nyusan .topMovie02 .inrCont img { width: 100%; }
.nyusan .topMovie02 .inrCont iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


/*footer*/
footer .bnrArea { background: #FFF5F0 url(/static/images/common/bg.png); }
footer .bnrArea ul { width: 1200px; margin: 0 auto; padding: 40px 0; }
footer .bnrArea ul li { margin: 0 10px; }
footer .bnrArea ul li a { display: block; transition-duration: 0.3s; }
footer .bnrArea ul li a:hover { opacity: 0.8; }
footer .bnrArea ul li a img { width: 100%; }
footer .footSitemap { border-bottom: 1px solid #D5D2CC; }
footer .footSitemap .siteList { width: 1200px; margin: 0 auto; padding: 60px 0; }
footer .footSitemap .siteList .listInr { float: left; width: 285px; margin: 0 20px 0 0; }
footer .footSitemap .siteList .listInr:last-child { margin: 0; }
footer .footSitemap .siteList .listInr dl dt { padding: 5px 10px; margin-bottom: 5px; border-bottom: 1px solid #D5D2CC; font-size: 14px; font-weight: bold; line-height: 20px; }
footer .footSitemap .siteList .listInr dl dt a { text-decoration: none; display: inline-block; color: #1F1514; }
footer .footSitemap .siteList .listInr dl dd { padding: 5px 10px 0; font-size: 14px; font-weight: 500; line-height: 20px; transition: all .3s ease; }
footer .footSitemap .siteList .listInr dl dd a { text-decoration: none; display: inline-block; color: #1F1514; }
footer .footSitemap .siteList .listInr dl dd:hover { padding: 5px 7px 0 13px; opacity: 0.8; }
footer .footSitemap .siteList .listInr dl.inrBox { padding-top: 30px; }
footer .footCopy { width: 1200px; margin: 0 auto; padding: 20px 0; }
footer .footCopy .logo { float: left; width: 200px; margin: 0 auto; }
footer .footCopy .logo img { width: 100%; }
footer .footCopy .copyright { float: right; font-size: 12px;  }

.pagetop { position: fixed; bottom: 50px; right: 50px; z-index: 77777; }
.pagetop a { background: #D5D2CC; line-height: 1; display: inline-block; padding: 20px 15px 24px; border-radius: 30px; transition: all .3s ease; }
.pagetop a:hover { background: #bfbebc; padding: 17px 15px 27px; }
.pagetop a img { width: 30px; height: 16px; }

/*slick setting*/
.single-item { margin: 0 auto; width: 100%; height: 500px; }
.single-item li { width: 100%; height: 500px; }
.single-item li.mainSl { background: url(/static/images/top/mainslide.jpg) no-repeat center center; background-size: cover; }
.single-item li.nadiaSl { background: url(/static/images/top/nadia.jpg) no-repeat center center; background-size: cover; }
.single-item li.recipeSl { background: url(/static/images/top/recipe.jpg) no-repeat center center; background-size: cover; }
.single-item li.nyusanSl { background: url(/static/images/top/nyusan.jpg) no-repeat center center; background-size: cover; }
.single-item li.saltSl { background: url(/static/images/top/salt.jpg) no-repeat center center; background-size: cover; }
.single-item li.sugoiSl { background: #e16a64; background-size: cover; }
.single-item li.currySl { background: #f8efdb; background-size: cover; }
.single-item li.thaicurryriceSl { background: url(/static/images/top/thaicurryrice.png) no-repeat center center; background-size: cover; }
.single-item img { max-width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.multiple-item { margin: 0 auto; width: 100%; }
.multiple-item li { text-align: center; }
.multiple-item li img { max-width: 100%; margin: 0 auto; }
.slick-prev:before, .slick-next:before { color: #fff; }

.companycellist { display: flex; }
.companycellist li:nth-of-type(1) { width: 14em; text-align: right; }
.companycellist li:nth-of-type(2) { width: 15em; text-align: right; }


@media screen and (max-width:1200px) {
	.headInr { max-width: 100%; padding: 0 10px; }
	.headInr .gnav li > .subnav div { width: 100%; }
	.headInr .gnav li > .subnav div a dl dt { width: 100%; }
	.is-animation .headInr .gnav li { padding: 15px 10px; }
	.breadcrumb ul { width: 100%; }
	.top .content01 .pickup { width: 100%; margin: 0 auto; padding: 60px 0 120px; }
	.top .content02 .products { width: 100%; padding: 60px 0; }
	.top .content02 .products .productsInr li a { background-size: contain; }
	.top .content03 .recipe { width: 100%; }
	.top .content03 .recipe dl { width: 25%; margin: 0 auto; float: left; position: relative; background: #FBFEC7; }
	.top .content03 .recipe dl dt { width: 100%; }
	.top .content03 .recipe dl dt img { width: 100%; }
	.top .content04 .topics { width: 100%; }
	.top .content04 .topics dl { width: 960px; margin: 0 auto; }
	.top .content04 .topics dl dt { width: 240px; }
	.top .content04 .topics dl dd { width: 720px; padding: 20px; min-height: 240px; }
	.top .content04 .topics dl dd ul li { padding: 5px 0; line-height: 30px; }
	.top .content04 .topics dl dd ul li a .date { display: inline-block; color: #1F1514; line-height: 30px; font-size: 14px; font-weight: 500; margin-right: 30px; }
	.top .content05 .group { width: 100%; }
	.top .content05 .group ul li { width: 25%; margin: 0; padding: 0 5px; text-align: center; }
	.top .content05 .group ul li img { max-width: 100%; }
	.products .selectTit h3 { width: 100%; padding: 10px;}
	.products .searchArea .searchInr { width: 100%; padding: 60px 5vw; }
	.products .searchArea .searchInr .category div a { width: 32%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .category div a:nth-child(3n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .package div a { width: 32%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .package div a:nth-child(3n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .seasoning div a { width: 32%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .seasoning div a:nth-child(3n) { margin: 0 0 10px 0; }
	.products .listArea { padding: 0 5vw 60px; }
	.products .listArea .listInr { width: 100%; padding: 60px 0; }
	.products .listArea .listInr div { padding: 20px 0; }
	.products .listArea .listInr a { padding: 10px; }
	.products .listArea .listInr a .newItem { top: 0; left: 0; }
	.products .detailCont { width: 100%; padding: 60px 5vw; }
	.products .detailCont .mainArea { width: 70%; margin: 0 3% 0 0; }
	.products .detailCont .mainArea .mainInr .leftCont { width: 50%; }
	.products .detailCont .mainArea .mainInr .leftCont img { width: 250px; }
	.products .detailCont .mainArea .mainInr .rightCont { width: 50%; padding: 20px 0 20px 20px; }
	.products .detailCont .mainArea .mainInr .rightCont h2 { padding: 0 0 20px; }
	.products .detailCont .sideCont { width: 27%; float: left; margin: 0; }
	.recipe .searchArea .searchInr { width: 100%; padding: 60px 5vw; }
	.recipe .searchArea .searchInr .category div a { width: 32%; margin: 0 2% 10px 0; }
	.recipe .searchArea .searchInr .category div a:nth-child(3n) { margin: 0 0 10px 0; }
	.recipe .searchArea .searchInr .season div a { width: 32%; margin: 0 2% 10px 0; }
	.recipe .searchArea .searchInr .season div a:nth-child(3n) { margin: 0 0 10px 0; }
	.recipe .listArea .listInr { width: 100%; padding: 60px 5vw; }
	.recipe .listArea .listInr .recipeInr { padding: 20px 0; }
	.recipe .detailCont { width: 100%; padding: 10px 5vw 60px; }
	.recipe .detailCont .mainArea { width: 70%; margin: 0 3% 0 0; }
	.recipe .detailCont .sideCont { width: 27%; }
	.recipe .detailCont .mainArea .mainInr { padding: 0 0 30px; }
	.recipe .detailCont .mainArea .mainInr .leftCont { width: 50%; }
	.recipe .detailCont .mainArea .mainInr .rightCont { width: 50%; padding: 0 0 0 20px; }
	.recipe .detailCont .mainArea .mainInr .rightCont ul li.time { width: 100%; margin: 0 0 10px; }
	.topics .contInr { width: 100%; padding: 60px 5vw; }
	.topics .detailCont { width: 100%; padding: 60px 5vw; }
	.company .about { width: 100%; padding: 60px 5vw; }
	.company .about .contInr { padding: 60px 0; }
	.company .about table td .map img { max-width: 100%; }
	.company .greeting { width: 100%; padding: 60px 5vw; }
	.company .greeting .contInr { padding: 60px 0; }
	.company .works { width: 100%; padding: 60px 0; }
	.company .works .contInr { padding: 60px 5vw; }
	.company .works .foods .contInr { width: 100%; padding: 30px; }
	.company .works .foods .leftCont { padding: 30px 0; }
	.company .works .foods .rightCont img { max-width: 100%; }
	.company .works .petfood .contInr { width: 100%; padding: 30px; }
	.company .works .petfood .leftCont { padding: 30px 0; }
	.company .works .petfood .rightCont img { max-width: 100%; }
	.company .works .delica .contInr { width: 100%; padding: 30px; }
	.company .works .delica .leftCont { padding: 30px 0; }
	.company .works .delica .rightCont img { max-width: 100%; }
	.company .works .linkBtn img { max-width: 100%; }
	.company .works .recruit .contInr { width: 100%; padding: 30px; }
	.company .works .banner { width: 100%; padding: 30px 30px 0; }
	.corn .mainCatch img { max-width: 100%; }
	.corn .cont01 .contInr { width: 100%; padding: 60px 10px; }
	.corn .cont02 .contInr { width: 100%; padding: 50px 10px; }
	.corn .cont03 { width: 100%; padding: 50px 10px; }
	.salt .mainCatch img { max-width: 100%; }
	.salt .cont01 .contInr { width: 100%; padding: 60px 10px; }
	.salt .cont01 ul li { margin: 0 10px; width: 160px; height: 160px; }
	.salt .cont01 ul li span { font-size: 16px; line-height: 25px; padding: 55px 0; }
	.salt .cont02 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont03 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont03 .inrBox .graph img { max-width: 100%; }
	.salt .cont04 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont04 .inrBox .graph img { max-width: 100%; }
	.salt .cont05 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont06 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont06 a { padding: 10px; }
	.salt .cont07 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont08 .contInr { width: 100%; padding: 50px 10px; }
	.salt .cont08 .contInr ul li img { max-width: 100%; }
	.bento .mainCatch img { max-width: 100%; }
	.bento .contInr { width: 100%; padding: 50px 10px; }
	.bento .topCont .contInr { width: 100%; }
	.bento .bentoRecipe .leftCont { width: 40%; }
	.bento .bentoRecipe .rightCont { width: 60%; padding: 0 0 0 30px; }
	.bento .bentoList .recipeDetail {width: 32%; margin: 0 2% 0 0; }
	.curry .mainCatch img { max-width: 100%; }
	.curry .cont01 .contInr { width: 100%; padding: 60px 10px; }
	.curry .cont01 ul li { width: 15%; margin: 0 2% 0 0; }
	.curry .cont01 ul li:last-child { margin: 0; }
	.curry .cont02 .contInr { width: 100%; padding: 60px 10px; }
	.curry .cont03 .contInr { width: 100%; padding: 50px 10px; }
	.curry .cont03 .stepCont dl dd.contTit { font-size: 16px; }
	.curry .cont03 .point { width: 100%; }
	.curry .cont04 .contInr { width: 100%; padding: 50px 10px; }
	.curry .cont04 a { padding: 10px; }
	.tsuna .mainCatch img { max-width: 100%; }
	.tsuna .cont01 .contInr { width: 100%; padding: 60px 10px; }
	.tsuna .cont02 .contInr { width: 100%; padding: 50px 10px; }
	.tsuna .cont03 .contInr { width: 100%; padding: 50px 10px; }
	.tsuna .cont04 .contInr { width: 100%; padding: 50px 10px; }
	.tsuna .point { width: 100%; padding: 50px 10px; }
	.eo .cont01 { width: 100%; padding: 50px 10px; }
	.eo .cont01 .contInrL { width: 40%; margin: 0; }
	.eo .cont01 .imgArea { width: 60%; margin: 0; }
	.eo .cont01 .imgArea img { width: 50%; }
	.eo .cont01 .attention { width: 100%; margin-top: 20px; }
	.eo .cont01 .attention dt { float: left; width: 75%; }
	.eo .cont01 .attention .contTit { float: left; width: 75%; }
	.eo .cont01 .attention .contDisc { float: right; width: 25%; }
	.eo .cont02 { width: 100%; padding: 50px 10px; }
	.eo .cont02 .contInrL { width: 40%; margin: 0; }
	.eo .cont02 .imgArea { width: 60%; margin: 0; }
	.eo .cont02 .imgArea img { width: 50%; }
	.eo .cont03 { width: 100%; padding: 50px 10px; }
	.eo .cont03 .contInrL { width: 40%; margin: 0; }
	.eo .cont03 .contInrR { width: 60%; margin: 0; }
	.eo .cont03 .contInrR .imgArea01 { width: 50%; margin: 0; }
	.eo .cont03 .contInrR .imgArea01 img { width: 100%; }
	.eo .cont03 .contInrR .imgArea02 { width: 50%; }
	.eo .cont03 .contInrR .imgArea02 img { width: 100%; }
	.eo .cont03 .attention { margin-top: 20px; }
	.eo .cont03 .attention dl { width: 25%; margin: 0; }
	.eo .cont03 .attention .contDisc { width: 75%; margin: 0; }
	.eo .cont03 .attention .contDisc li { width: 33.33%; }
	.eo .cont04 { width: 100%; padding: 0 10px 50px; }
	.eo .cont04 .attention { margin-bottom: 0; }
	.eo .cont04 .attention dl { width: 75%; margin: 0; }
	.eo .cont04 .attention .contDisc { width: 25%; margin: 0; }
	.eo .cont04 .attention .contDisc li { width: 100%; }
	.eo .cont05 .contInr { width: 100%; padding: 50px 10px; }
	.eo .point { width: 100%; padding: 50px 10px; }
	.faq .contInr { width: 100%; padding: 50px 10px; }
	.privacy .contInr { width: 100%; padding: 50px 10px; }
	.sitemap .contInr { width: 100%; padding: 50px 10px; }
	.sitemap .siteList .listInr ul li { width: 50%; }
	.photo .mainCatch img { max-width: 100%; }
	.photo .cont01 .contInr { width: 100%; padding: 50px 10px; }
	.photo .cont02 .contInr { width: 100%; padding: 50px 10px; }
	.photo .cont02 .contInr .formArea { width: 100%; padding: 20px 0; }
	.nyusan .mainCatch img { max-width: 100%; }
	.nyusan .cont01 {padding: 50px 20px; }
	.nyusan .cont01 .contInr { width: 100%; }
	.nyusan .cont02 .contInr { width: 100%; padding: 50px 20px; }
	footer .bnrArea ul { width: 100%; }
	footer .footSitemap .siteList { width: 100%; }
	footer .footSitemap .siteList .listInr { width: 25%; margin: 0; }
	footer .footSitemap .siteList .listInr dl { padding: 0 5px; }
	footer .footSitemap .siteList .listInr dl dt { padding: 5px 10px; border-bottom: 1px solid #D5D2CC; font-size: 14px; font-weight: bold; line-height: 20px; }
	footer .footCopy { width: 100%; padding: 20px 10px; }
	.single-item li.sugoiSl { background: url(/static/images/top/sugoi_pc.jpg) no-repeat center center; background-size: cover; }

}

@media screen and (max-width:1000px) {
	#container { padding-top: 70px; }
	.headInr { position: relative; padding: 0 10px; }
	.headInr .logo { padding: 23px 0 13px; }
	.headInr .gnav { z-index: 88888; display: none; float: none; width: 100%; padding-bottom: 100px; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; overflow-y: auto; background:#FFF5F0; text-align: left; }
	.headInr .gnav::-webkit-scrollbar { display: none; }
	.headInr .gnav li { display: block; padding: 0; border-top: 1px solid #D5D2CC; }
	.headInr .gnav li:last-child { border-bottom: 1px solid #D5D2CC; }
	.headInr .gnav li > .subnav { position: static; overflow: hidden; display: block; border: none; padding: 0; }
	.headInr .gnav li > a { color: #FA524C; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size: 15px; position: static; display: block; padding: 10px; background: url(/static/images/common/arrow_right_s.png) no-repeat; background-size: 10px 20px; background-position: center right 20px; }
	.headInr .gnav li > a:hover { opacity: 0.8; }
	.headInr .gnav li.navB > a::before, .headInr .gnav li > a::after { border-bottom: none; }
	.headInr .gnav li.navB > span { color: #FA524C; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size: 15px; display: block; padding: 10px; }
	.headInr .gnav li.navB > span::before, .headInr .gnav li > span::after { border-bottom: none; }
	.headInr .gnav li.contactBtn { padding:0; }
	.headInr .gnav li.contactBtn a { padding: 10px; background: transparent url(/static/images/common/arrow_right_s.png) no-repeat; background-size: 10px 20px; background-position: center right 20px; color: #FA524C; border-radius: 0; }
	.headInr .gnav li.contactBtn a:hover { padding: 10px; background: transparent url(/static/images/common/arrow_right_s.png) no-repeat; background-size: 10px 20px; background-position: center right 20px; color: #FA524C; border-radius: 0; }
	.headInr .gnav li.pickBtn { display: block; }
	.headInr .gnav li.topicsBtn { display: block; }
	.headInr .gnav li.privacyBtn { display: block; }
	.headInr .gnav li.mapBtn { display: block; }
	.headInr .gnav li > .subnav div a { width: calc( 100% / 3 ); padding: 5px; }
	.headInr .gnav li.pickBtn > .subnav div dl dt { padding: 0; height: auto; border: none; }
	.headInr .gnav li.pickBtn > .subnav div dl dt img { width: 100%; }
	.headInr .gnav li > .subnav div a dl dd { font-size: 13px; }
	.headInr .snsBtn { float: none; position: absolute; top: 0; right: 60px; width: 70px; padding: 20px 0; }
	.headInr .snsBtn li { display: inline-block; margin-left: 5px; }
	.headInr .snsBtn li.instagram { width: 30px; }
	.headInr .snsBtn li.instagram a { background: #D5D2CC; font-size: 16px; line-height: 30px; }
	.headInr .snsBtn li.facebook { width: 30px; }
	.headInr .snsBtn li.facebook a { background: #D5D2CC; font-size: 16px; line-height: 30px; }
	.is-animation .headInr .gnav li { padding: 0; }
	.is-animation .headInr .logo { padding: 32px 0 22px; }
	.headInr .menuBox { display: block; width: 50px; height: 50px; margin: 10px 0; float: right; position: relative; }
	.headInr .menuBox:hover { cursor: pointer; }
	.headInr .menuBtn { display: block; position: absolute; top: 25px; right: 10px; width: 30px; height: 2px; background: #1F1514; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
	.headInr .menuBtn:before { content:''; position:absolute; width: 30px; height: 2px; background: #1F1514; top: -10px; right: 0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
	.headInr .menuBtn:after { content:''; position:absolute; width: 30px; height: 2px; background: #1F1514; bottom: -10px; right: 0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
	.headInr .menuBtn.active { background:#fff; }
	.headInr .menuBtn.active:before { -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:0; right:0; }
	.headInr .menuBtn.active:after { -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); bottom:0; right:0; }
	.top h2 { padding: 0 0 40px; }
	.top .attentionInfo .infoInr a { text-align: center; font-size: 15px; text-decoration: underline; }
	.top .attentionInfo .infoInr a i { font-size: 18px; }
	.top .content01 .pickup { padding: 40px 0 60px; }
	.top .content02 .products { padding: 40px 10px; }
	.top .content02 .products .productsInr li a { display: block; padding: 70px 0 0; transition: all 0.3s ease; }
	.top .content02 .products .productsInr li a img { padding: 5px 0 2px; transform: scale(0.9); transition-duration: 0.3s; }
	.top .content02 .products .productsInr li.tuna a { background: url(/static/images/top/tuna_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li.chicken a { background: url(/static/images/top/chicken_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li.thai a { background: url(/static/images/top/thai_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li.corn a { background: url(/static/images/top/corn_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li.beans a { background: url(/static/images/top/beans_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li.flavored a { background: url(/static/images/top/flavored_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li.scallops a { background: url(/static/images/top/scallops_ov.png) no-repeat center top; background-size: contain; }
  .top .content02 .products .productsInr li.other a { background: url(/static/images/top/other_ov.png) no-repeat center top; background-size: contain; }
  .top .content02 .products .productsInr li.sweetness a { background: url(/static/images/top/sweetness_ov.png) no-repeat center top; background-size: contain; }
  .top .content02 .products .productsInr li.lab a { background: url(/static/images/top/lab_ov.png) no-repeat center top; background-size: contain; }
	.top .content02 .products .productsInr li a:hover img { padding: 5px 0 2px; transform: scale(0.9); }
	.top .content03 .recipe { padding: 40px 0; }
	.top .content03 .recipe .recipeInr { padding: 0 40px 40px; }
	.top .content03 .recipe dl { width: 50%; border: 2px solid #fff; }
	.top .content03 .recipe dl dt { width: 100%; }
	.top .content03 .recipe dl dt:hover { cursor: pointer; }
	.top .content04 .topics { padding: 40px; }
	.top .content04 .topics dl { width: auto; }
	.top .content04 .topics dl dt { float: none; width: 100%; }
	.top .content04 .topics dl dt:before { content: ""; display: block; padding-top: 96px; }
	.top .content04 .topics dl dt h2 { width: 100%; background-size: contain; }
	.top .content04 .topics dl dd { float: none; width: 100%; padding: 10px 20px; min-height: auto; }
	.top .content04 .topics .moreBtn { margin-top: 40px; }
	.top .content05 .group { padding: 40px 0; }
	.top .content05 .group ul li { width: 50%; margin: 0 0 10px; }
	.top .content05 .group ul li img { max-width: 100%; }
	.products .mainCatch { padding: 60px; }
	.products .searchArea h2 { font-size: 20px; margin-bottom: 10px; }
	.products .searchArea .searchInr { padding: 40px 10px; }
	.products .searchArea .searchInr h3 { padding: 5px 10px; border-left: 4px solid #FA524C; text-align: left; float: none; width: 100%; }
	.products .searchArea .searchInr .category { padding: 0 0 20px; }
	.products .searchArea .searchInr .category div { float: none; width: 100%; padding: 10px 0 0; }
	.products .searchArea .searchInr .category div a { width: 49%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .category div a:nth-child(3n) { margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .category div a:nth-child(2n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .category div a dl dt { float: none; width: 100%; padding: 10px 0 0; text-align: center; }
	.products .searchArea .searchInr .category div a dl dd { float: none; width: 100%; text-align: center; }
	.products .searchArea .searchInr .category div a dl dd img { width: 80px; }
	.products .searchArea .searchInr .package { padding: 0 0 20px; }
	.products .searchArea .searchInr .package div { float: none; width: 100%; padding: 10px 0 0; }
	.products .searchArea .searchInr .package div a { width: 49%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .package div a:nth-child(3n) { margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .package div a:nth-child(2n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .package div a dl dt { float: none; width: 100%; padding: 10px 0 0; text-align: center; }
	.products .searchArea .searchInr .package div a dl dd { float: none; width: 100%; text-align: center; }
	.products .searchArea .searchInr .package div a dl dd img { width: 80px; }
	.products .searchArea .searchInr .material ul { float: none; width: 100%; padding: 10px 0 0; }
	.products .searchArea .searchInr .seasoning { padding: 0 0 20px; }
	.products .searchArea .searchInr .seasoning div { float: none; width: 100%; padding: 10px 0 0; }
	.products .searchArea .searchInr .seasoning div a { width: 49%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .seasoning div a:nth-child(3n) { margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .seasoning div a:nth-child(2n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .seasoning div a dl dt { float: none; width: 100%; padding: 10px 0 0; text-align: center; }
	.products .searchArea .searchInr .seasoning div a dl dd { float: none; width: 100%; text-align: center; }
	.products .searchArea .searchInr .seasoning div a dl dd img { width: 80px; }
	.products .listArea h2 { font-size: 20px; margin-bottom: 10px; }
	.products .listArea .listInr { padding: 40px 0; }
	.products .listArea .listInr div { padding: 0 0 20px; }
	.products .listArea .listInr a { width: 50%; padding: 10px 20px; }
	.products .listArea .listInr a .newItem { top: 10px; left: 20px; }
	.products .listArea .listInr a dl dt { padding: 10px; }
	.products .listArea .listInr a dl dt img { max-width: 125px; }
	.products .detailCont { padding: 40px 10px; }
	.products .detailCont .mainArea { width: 100%; float: none; margin: 0; }
	.products .detailCont .mainArea .mainInr .leftCont { width: 50%; }
	.products .detailCont .mainArea .mainInr .leftCont img { width: 250px; }
	.products .detailCont .mainArea .mainInr .rightCont { width: 50%; padding: 20px 0 20px 20px; }
	.products .detailCont .mainArea .mainInr .rightCont h2 { padding: 0 0 20px; }
	.products .detailCont .mainArea .allergy .list li { width: 25%; }
	.detailCont .mainArea .recipeArea { padding: 0 0 30px; }
	.products .detailCont .sideCont { width: 100%; float: none; margin: 0; }
	.products .detailCont .sideCont dl { margin-bottom: 10px; }
	.products .detailCont .sideCont dl dt { font-size: 16px; }
	.recipe .searchArea h2 { font-size: 20px; margin-bottom: 10px; }
	.recipe .searchArea .searchInr { padding: 40px 10px; }
	.recipe .searchArea .searchInr h3 { padding: 5px 10px; border-left: 4px solid #FA524C; text-align: left; float: none; width: 100%; }
	.recipe .searchArea .searchInr .freeword { padding: 0 0 20px;}
	.recipe .searchArea .searchInr .freeword div { float: none; width: 100%; padding: 10px 0 0; }
	.recipe .searchArea .searchInr .category { padding: 0 0 20px; }
	.recipe .searchArea .searchInr .category div { float: none; width: 100%; padding: 10px 0 0; }
	.recipe .searchArea .searchInr .category div a { width: 49%; margin: 0 2% 10px 0; }
	.recipe .searchArea .searchInr .category div a:nth-child(3n) { margin: 0 2% 10px 0; }
	.recipe .searchArea .searchInr .category div a:nth-child(2n) { margin: 0 0 10px 0; }
	.recipe .searchArea .searchInr .category div a dl dt { float: none; width: 100%; padding: 10px 0 0; text-align: center; }
	.recipe .searchArea .searchInr .category div a dl dd { float: none; width: 100%; text-align: center; }
	.recipe .searchArea .searchInr .category div a dl dd img { width: 80px; }
	.recipe .searchArea .searchInr .season { padding: 0; }
	.recipe .searchArea .searchInr .season div { float: none; width: 100%; padding: 10px 0 0; }
	.recipe .searchArea .searchInr .season div a { width: 49%; margin: 0 2% 10px 0; }
	.recipe .searchArea .searchInr .season div a:nth-child(3n) { margin: 0 2% 10px 0; }
	.recipe .searchArea .searchInr .season div a:nth-child(2n) { margin: 0 0 10px 0; }
	.recipe .searchArea .searchInr .season div a dl dt { float: none; width: 100%; padding: 10px 0 0; text-align: center; }
	.recipe .searchArea .searchInr .season div a dl dd { float: none; width: 100%; text-align: center; }
	.recipe .searchArea .searchInr .season div a dl dd img { width: 80px; }
	.recipe .listArea h2 { font-size: 20px; margin-bottom: 10px; }
	.recipe .listArea .listInr { padding: 40px 10px; }
	.recipe .listArea .listInr .recipeInr { padding: 0 0 30px; }
	.recipe .listArea .listInr .recipeInr a { float: none; width: 100%; margin: 0; padding: 10px 0; border-bottom: 1px dotted #D5D2CC; }
	.recipe .listArea .listInr .recipeInr a dl dt { float: left; width: 30%; margin: 0; padding: 0; }
	.recipe .listArea .listInr .recipeInr a dl dd { float: left; width: 70%; margin: 0; padding: 10px; }
	.recipe .listArea .listInr .recipeInr a dl dd p { font-size: 15px; }
	.recipe .detailCont h2 { font-size: 20px; padding: 10px 0; }
	.recipe .detailCont .mainArea { float: none; width: 100%; margin: 0; }
	.recipe .detailCont .mainArea .mainInr .rightCont p { font-size: 14px; }
	.recipe .detailCont .mainArea .mainInr .rightCont ul { padding: 20px 0; }
	.recipe .detailCont .mainArea .mainInr .rightCont .material table th { font-size: 14px; }
	.recipe .detailCont .mainArea .mainInr .rightCont .material table td { font-size: 14px; }
	.recipe .detailCont .mainArea .howto ul li { padding: 0 0 0 30px; font-size: 14px; }
	.recipe .detailCont .mainArea .howto .onepoint dt { font-size: 16px; }
	.recipe .detailCont .mainArea .howto .onepoint dd { font-size: 14px; }
	.recipe .detailCont .sideCont { float: none; width: 100%; }
	.recipe .detailCont .sideCont dl dt { font-size: 16px; }
	.topics .contInr { padding: 40px 10px; }
	.topics .contInr dl { padding: 10px 0; }
	.topics .contInr dl dt { padding: 5px; }
	.topics .contInr dl dd a { padding: 5px; }
	.topics .detailCont { padding: 40px 10px; }
	.recipe .detailCont .mainArea .recipeArea { padding: 0 0 30px; }
	.topics .detailCont .detailInr h2 { font-size: 20px; }
	.topics .detailCont .detailInr .date { font-size: 13px; padding: 0; }
	.contact .contInr { width: 100%; padding: 40px 10px; }
	.contact .contInr h2 { font-size: 20px; }
	.contact .contInr .telArea { padding: 40px 10px; margin: 0 auto 40px; }
	.contact .contInr .telArea p { font-size: 16px; padding: 20px 0; }
	.contact .contInr .telArea p.attention { font-size: 14px; padding: 20px 0 0; }
	.contact .contInr .telArea dl dd div { text-align: left; }
	.contact .contInr .telArea dl dd p { font-size: 13px; }
	.contact .contInr .mailArea { padding: 40px 10px; }
	.contact .contInr .mailArea dl { padding: 20px 0 0; }
	.contact .contInr .mailArea dl dd { font-size: 14px; padding: 0; }
	.company h2 { font-size: 24px; }
	.company .banner { padding: 0 30px; }
	.company .about { padding: 30px 0; }
	.company .about .contInr { padding: 30px; }
	.company .about table th { padding: 10px; }
	.company .about table td { padding: 10px; }
	.company .about table td .map { float: none; width: 100%; }
	.company .about table td dl.fBox { float: none; width: 100%; padding: 10px 0 0; }
	.company .greeting { padding: 30px 0; }
	.company .greeting .contInr { padding: 30px; }
	.company .greeting .contInr h3 { font-size: 20px; line-height: 1.5; }
	.company .greeting .contInr p { font-size: 14px; line-height: 1.5; }
	.company .works { padding: 30px 0; }
	.company .works h3 { font-size: 20px; padding: 0 0 20px; }
	.company .works p { font-size: 14px; padding: 0 0 20px; }
	.company .works .linkBtn a { padding: 10px 30px; }
	.company .works .linkBtn a img { max-width: 100%; }
	.company .works .foods .rightCont { padding: 10px 20px; }
	.company .works .petfood .rightCont { padding: 10px 20px; }
	.company .works .delica .rightCont { padding: 10px 20px; }
	.company .works .recruit .contInr .linkBtn.new { margin: 0 auto 20px; }
	.company .works .recruit .contInr .linkBtn.new a { display: block; width: 100%; text-align: center; padding: 20px 50px; }
	.company .works .recruit .contInr .linkBtn.career a { display: block; width: 100%; text-align: center; padding: 20px 50px; }
	.company .column { width: 100%; padding: 30px 0; }
	.company .column .contInr { padding: 30px; }
	.company .column .contInr .disc { font-size: 14px; padding: 0 0 20px; }
	.company .column .columnCont { padding: 30px 0; }
	.company .column .columnCont .thumb { max-width: 50%; }
	.company .column .columnCont .thumb img { width: 100%; }
	.company .column .columnCont dt { font-size: 20px; }
	.company .column .columnCont dd p { font-size: 14px; }
	.company .column .columnCont02 { padding: 30px 0; }
	.company .column .columnCont02 .thumb02 { max-width: 50%; }
	.company .column .columnCont02 .thumb02 img { width: 100%; }
	.company .column .columnCont02 .thumb03 { max-width: 50%; }
	.company .column .columnCont02 .thumb03 img { width: 100%; }
	.company .column .columnCont02 .thumb03 span { font-size: 14px; }
	.company .column .columnCont02 dt { font-size: 20px; line-height: 24px; }
	.company .column .columnCont02 dt span { display: block; font-size: 16px; line-height: 24px; }
	.company .column .columnCont02 dd p { font-size: 14px; }
	.corn .cont01 .contInr { padding: 40px 10px; }
	.corn h2 { font-size: 20px; padding: 0 0 20px; }
	.corn .cont01 p { font-size: 14px; padding: 0 0 20px; }
	.corn .cont01 ul li a img { transform: none; }
	.corn .cont01 ul li a img:hover { transform: none; }
	.corn .cont02 .contInr { padding: 40px 10px; }
	.corn .cont02 .contInr dl dt img { width: 100%; }
	.corn .cont02 .contInr dl .contTit { font-size: 16px; }
	.corn .cont02 .contInr dl .contDisc { font-size: 14px; }
	.corn .cont03 { padding: 40px 10px; }
	.corn .cont03 p { font-size: 14px; }
	.corn .cont03 .contInr dl { padding: 20px; }
	.corn .cont03 .contInr dl dt { width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; }
	.corn .cont03 .contInr dl dd img { width: 100%; }
	.corn .cont03 .contInr dl dd.stepDisc { font-size: 14px; }
	.salt h2 { font-size: 20px; padding: 0 0 20px; }
	.salt h3 { font-size: 18px; padding: 0 0 20px; }
	.salt .cont01 .contInr { padding: 40px 10px; }
	.salt .cont01 ul li { width: 130px; height: 130px; margin: 0 5px 10px; }
	.salt .cont01 ul li span { font-size: 14px; line-height: 20px; padding: 45px 0; }
	.salt .cont01 p { font-size: 14px; }
	.salt .cont02 .contInr { padding: 40px 10px; }
	.salt .cont03 .contInr { padding: 40px 10px; }
	.salt .cont03 h2 span { font-size: 16px; }
	.salt .cont03 .inrBox .leftCont { width: 100%; float: none; border-bottom: 1px solid #D5D2CC; }
	.salt .cont03 .inrBox .rightCont { width: 100%; float: none; border-left: none; padding: 20px 0; }
	.salt .cont03 .inrBox ul { padding: 0 20px; }
	.salt .cont03 .inrBox ul li { font-size: 14px; }
	.salt .cont03 .inrBox p { font-size: 14px; }
	.salt .cont04 .contInr { padding: 40px 10px; }
	.salt .cont04 .inrBox .leftCont { width: 100%; float: none; border-right: none; border-bottom: 1px solid #D5D2CC; }
	.salt .cont04 .inrBox .rightCont { width: 100%; float: none; padding: 20px 0; }
	.salt .cont04 .inrBox p { font-size: 14px; }
	.salt .cont04 .attention { padding: 40px 0 0; }
	.salt .cont04 .attention span { font-size: 20px; }
	.salt .cont05 .contInr { padding: 40px 10px 10px; }
	.salt .cont05 .contInr p { font-size: 14px; }
	.salt .cont06 .contInr { padding: 40px 10px; }
	.salt .cont06 a { width: 50%; padding: 10px; }
	.salt .cont06 a dl dt { padding: 10px; }
	.salt .cont06 a dl dt img { max-width: 125px; }
	.salt .cont07 .contInr { padding: 40px 10px; }
	.salt .cont07 dl { width: 48%; padding: 0 20px 20px; }
	.salt .cont07 dl:nth-child(2n) { margin: 0; }
	.salt .cont07 dl dd { font-size: 14px; }
	.salt .cont08 .contInr { padding: 40px 10px; }
	.salt .cont08 .contInr ul li { width: 48%; padding: 0 10px 20px; }
	.salt .cont08 .contInr ul li:nth-child(2n) { margin: 0; }
	.salt .cont08 .contInr p { font-size: 14px; }
	.bento h2 { font-size: 20px; padding: 0 0 20px; }
	.bento h3 { font-size: 20px; padding: 0 0 10px; }
	.bento .contInr { padding: 40px 10px; }
	.bento .topCont .contInr { padding: 40px 10px; text-align: center; }
	.bento .topCont .contInr p { font-size: 14px; padding: 0 0 20px; }
	.bento .topCont .contInr .can { position: static; display: inline-block; }
	.bento .topCont .contInr .can img { max-width: 150px; }
	.bento .topCont .contInr .bento { position: static; display: inline-block; padding: 10px 0 0;}
	.bento .topCont .contInr .bento img { max-width: 160px; }
	.bento .bentoRecipe { padding: 0 0 30px; }
	.bento .bentoRecipe .rightCont p { font-size: 15px; }
	.bento .bentoRecipe .rightCont li { font-size: 14px; line-height: 1.5; }
	.bento .bentoList .recipeDetail .iconArea img { max-width: 80px; }
	.bento .bentoList .recipeDetail .recipeTit { padding: 10px 0 0 90px; }
	.bento .bentoList .recipeDetail .recipeTit dd { font-size: 12px; }
	.bento .bentoList .recipeDetail .recipeTit dt { font-size: 15px; }
	.curry .cont01 .contInr { padding: 40px 10px; }
	.curry h2 { font-size: 20px; padding: 0 0 20px; }
	.curry .cont01 p { font-size: 14px; padding: 0 0 20px; }
	.curry .cont01 ul { padding: 0; }
	.curry .cont02 .contInr { padding: 40px 10px; }
	.curry .cont02 p { font-size: 14px; padding: 0 0 20px; }
	.curry .cont02 .makeImg { padding: 0; }
	.curry .cont03 .contInr { padding: 40px 10px; }
	.curry .cont03 .stepCont { padding: 40px 0; }
	.curry .cont03 .stepCont dl { padding: 0; }
	.curry .cont03 .stepCont dl.step01 { width: 35%; }
	.curry .cont03 .stepCont dl.step02 { width: 40%; }
	.curry .cont03 .stepCont dl.step03 { width: 25%; }
	.curry .cont03 .stepCont dl dt { margin-top: -40px; }
	.curry .cont03 .stepCont dl dt img { width: 80px; }
	.curry .cont03 .stepCont dl.step01 dd.contTit { line-height: 40px; font-size: 14px; padding: 10px 0; }
	.curry .cont03 .stepCont dl.step02 dd.contTit { line-height: 20px; font-size: 14px; padding: 10px 0; }
	.curry .cont03 .stepCont dl.step03 dd.contTit { line-height: 40px; font-size: 14px; padding: 10px 0; }
	.curry .cont03 .stepCont dl dd.contDisc { padding: 0 0 20px; }
	.curry .cont03 .stepCont dl dd.contDisc img { width: 110px; }
	.curry .cont03 .stepCont dl:before, .stepCont dl:after { display: none; }
	.curry .cont03 .point { padding: 20px; text-align: center; }
	.curry .cont03 .point .hotImg { float: none; width: 100%; text-align: center; }
	.curry .cont03 .point dl { float: none; width: 100%; padding: 20px 0 0; text-align: center;}
	.curry .cont03 .point dl dt { font-size: 20px; text-align: center; padding: 0 0 10px; }
	.curry .cont03 .point dl dd { font-size: 14px; text-align: center; }
	.curry .cont04 .contInr { padding: 40px 10px; }
	.curry .cont04 a { width: 50%; padding: 10px; }
	.curry .cont04 a dl dt { padding: 10px; }
	.curry .cont04 a dl dt img { max-width: 125px; }
	.tsuna .cont02 .inrBox div { width: 50%; }
	.tsuna .cont02 .inrBox div:nth-child(2n) { border-right: 1px solid #D5D2CC; }
	.tsuna h2 { font-size: 20px; padding: 0 0 20px; }
	.tsuna h3 { font-size: 18px; padding: 0 0 20px; }
	.tsuna .cont01 p { font-size: 14px; padding: 0 0 20px; }
	.tsuna .cont02 .contInr { padding: 40px 10px; }
	.tsuna .cont02 .inrBox div .itemTit dd { font-size: 18px; }
	.tsuna .cont02 .inrBox div .name { padding: 10px 0; font-size: 14px; }
	.tsuna .cont02 .inrBox div .disc { padding: 10px; font-size: 14px; }
	.tsuna .cont03 .contInr { padding: 40px 10px; }
	.tsuna .cont03 .contInr dl dt { padding: 10px; }
	.tsuna .cont03 .contInr dl .contTit { font-size: 18px; }
	.tsuna .cont03 .contInr dl .contTit span { font-size: 12px; }
	.tsuna .cont03 .contInr dl .contDisc { font-size: 14px; }
	.tsuna .cont04 .contInr { padding: 40px 10px; }
	.tsuna .cont04 .contInr dl dt { padding: 10px; }
	.tsuna .cont04 .contInr dl .contTit { font-size: 18px; }
	.tsuna .cont04 .contInr dl .contTit span { font-size: 12px; }
	.tsuna .cont04 .contInr dl .contDisc { font-size: 14px; }
	.tsuna .point { padding: 0 10px 40px; }
	.tsuna .point dl dt { padding: 10px; width: 20%;}
	.tsuna .point dl dd { padding: 20px 10px; width: 80%; font-size: 16px; line-height: 1.5; }
	.eo h2 { padding: 0 0 20px; }
	.eo .contInrL p { font-size: 14px; }
	.eo .cont01 { padding: 40px 10px; }
	.eo .cont01 .contInrL { width: 50%; }
	.eo .cont01 .imgArea { width: 50%; }
	.eo .cont02 { padding: 40px 10px; }
	.eo .cont02 .contInrL { width: 50%; }
	.eo .cont02 .imgArea { width: 50%; }
	.eo .cont03 { padding: 40px 10px; }
	.eo .cont03 .contInrL { width: 50%; }
	.eo .cont03 .contInrR { width: 50%; }
	.eo .cont04 { padding: 0 10px 40px; }
	.eo .cont05 .contInr { padding: 40px 10px; }
	.eo .cont05 h2 { font-size: 20px; padding: 0 0 20px; }
	.eo .cont05 p { font-size: 14px; padding: 0 0 20px; }
	.eo .point { padding: 40px 10px; }
	.eo .point dl dt { width: 25%; padding: 10px; }
	.eo .point dl dd { width: 75%; font-size: 14px; line-height: 1.5; padding: 20px 10px; }
	.faq .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.faq .contInr p { font-size: 14px; padding: 0 0 20px; }
	.faq .contInr .cont01 { padding: 5px 0; }
	.faq .contInr .cont02 { padding: 5px 0; }
	.faq .contInr .cont03 { padding: 5px 0; }
	.faq .contInr .cont04 { padding: 5px 0; }
	.faq .contInr .cont05 { padding: 5px 0; }
	.faq .contInr .cont06 { padding: 5px 0; }
	.faq .contInr .question dt { width: 36px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 18px; }
	.faq .contInr .question dd { padding: 10px 0 10px 45px; font-size: 14px; line-height: 16px; }
	.faq .contInr .answer dt { width: 36px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 18px; }
	.faq .contInr .answer dd { padding: 10px 0 10px 45px; font-size: 14px; line-height: 16px; }
	.faq .contInr .answer .case { padding: 5px 0 5px 45px; }
	.faq .contInr .cont03 .answer .case h3 { font-size: 14px; }
	.faq .contInr .cont03 .answer .case p { font-size: 14px; }
	.faq .contInr .cont04 .answer .case h3 { font-size: 14px; }
	.faq .contInr .cont04 .answer .case h3 span { font-size: 13px; font-weight: 500; }
	.faq .contInr .answer .case .movie { position:relative; width:100%; height:0; padding-top:60%; }
	.faq .contInr .answer .case .movie iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
	.faq .point { padding: 40px 10px; }
	.faq .contInr .cont06 .answer .case .point h3 { width: 25%; padding: 10px; }
	.faq .contInr .cont06 .answer .case .point p { width: 75%; font-size: 14px; line-height: 1.5; padding: 20px 10px; }
	.privacy .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.privacy .contInr p { font-size: 14px; padding: 0 0 20px; }
	.privacy .contInr dl { padding: 10px 0; }
	.privacy .contInr dl dt { font-size: 14px; margin: 0 auto 10px; }
	.privacy .contInr dl dd { font-size: 14px; }
	.privacy .contInr table th { font-size: 14px; padding: 5px; }
	.privacy .contInr table td { font-size: 14px; padding: 5px; }
	.sitemap .contInr { padding: 40px 10px; }
	.sitemap .contInr h2 { font-size: 20px; }
	.sitemap .siteList .listInr p { font-size: 14px; }
	.sitemap .siteList .listInr ul li { font-size: 14px; }
	.photo h2 { font-size: 20px; padding: 0 0 20px; }
	.photo .contInr p { font-size: 14px; padding: 0 0 20px; }
	.photo .cont01 .contInr { padding: 40px 10px; }
	.photo .cont02 .contInr { padding: 40px 10px; }
	.photo .cont02 .contInr .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.photo .cont02 .contInr .formArea dl dt.required:after { top: 15px; }
	.photo .cont02 .contInr .formArea dl dt.any:after { top: 15px; }
	.photo .cont02 .contInr .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.photo .cont02 .contInr .formArea dl dd span { line-height: 30px; }
	.photo .cont02 .contInr .formArea dl dd input[type="text"] { width: 100%; font-size: 14px; line-height: 20px; }
	.photo .cont02 .contInr .formArea dl dd textarea { font-size: 14px; }
	.photo .cont02 .contInr .formArea dl dd label { line-height: 30px; padding: 0 30px; font-size: 14px; }
	.photo .cont02 .contInr .checkArea { padding: 20px 0; }
	.check-parts { font-size: 14px; }
	.photo .cont02 .contInr .btnArea li { width: 80%; padding: 5px 0; }
	.photo .cont02 .contInr .btnArea li .next { padding: 5px; font-size: 14px; border-radius: 20px; }
	.photo .cont02 .contInr .btnArea li .back { padding: 5px; font-size: 14px; border-radius: 20px; }
	.nyusan .cont01 { padding: 40px 10px; }
	.nyusan .cont01 .contInr .point03 { font-size: 20px; padding: 0 0 30px; }
	.nyusan .cont01 .contInr .point01 { font-size: 20px; margin: 0 auto 30px; }
	.nyusan .cont01 .contInr .point01 span { font-size: 30px; }
	.nyusan .cont01 .contInr .point02 { margin: 0 auto 30px; }
	.nyusan .cont01 .contInr .point02 p { font-size: 16px; }
	.nyusan .cont01 .contInr .point04 { font-size: 20px; margin: 0 auto; }
	.nyusan .cont01 .contInr .point04 span { font-size: 24px; }
	.nyusan .cont01 .contInr .point05 { font-size: 16px; margin: 0 auto 30px; }
	.nyusan .cont01 .contInr .point05 span { font-size: 20px; }
	.nyusan .cont01 .point06 { margin: 0 auto 30px; }
	.nyusan .cont01 .contInr .point07 { margin: 0 auto 30px; }
	.nyusan .cont01 .contInr .point07 a { font-size: 20px; }
	.nyusan .cont02 .contInr { padding: 40px 10px; }
	.nyusan .cont02 .contInr h2 { font-size: 24px; padding: 15px; }
	.nyusan .cont02 .contInr .point { width: 100%; margin: 30px auto 0; }
	.nyusan .cont02 .contInr dl dt { width: 60px; font-size: 30px; line-height: 40px; }
	.nyusan .cont02 .contInr dl dd { padding: 0 0 0 80px; font-size: 20px; line-height: 30px; }
	.nyusan .cont02 .contInr .figure img { width: 100%; }
	.contInr .errorwrap h3 { font-size: 14px; }
	.contInr .errorwrap ul { font-size: 14px; }
	.contInr .errorwrap li { font-size: 14px; }
	footer .bnrArea ul { width: 100%; padding: 40px 0; }
	footer .bnrArea ul li { margin: 0; padding: 0 2px; }
	footer .footSitemap .siteList .listInr { width: 25%; margin: 0; }
	footer .footSitemap .siteList .listInr dl { padding: 0 5px; }
	footer .footSitemap .siteList .listInr dl dt { padding: 5px 10px; border-bottom: 1px solid #D5D2CC; font-size: 14px; font-weight: bold; line-height: 20px; }
	footer .footCopy { width: 100%; }
	.pagetop { bottom: 20px; right: 20px; }
	.single-item { height: auto; }
	.single-item li { height: auto; }

}

@media screen and (max-width:600px) {
	.headInr { padding: 0 0 0 10px; }
	.headInr .logo { padding: 25px 0 0; width: 150px; }
	.headInr .logo img { width: 150px; }
	.headInr .gnav li > .subnav div a { width: 50%; box-sizing: border-box; }
	.headInr .snsBtn { right: 50px; }
	.top h2 { padding: 0 0 20px; }
	.top h2 img { width: 297px; height: 57px; }
	.top .content01 .pickup { padding: 30px 0 40px; }
	.top .content01 .pickup li { padding: 5px; }
	.top .content02 .products { padding: 30px 10px; }
	.top .content02 .products .productsInr li { width: 50%; padding: 0 20px 20px; }
	.top .content03 .recipe { padding: 30px 20px; }
	.top .content03 .recipe .recipeInr { padding: 0 0 20px; }
	.top .content03 .recipe dl { width: 100%; margin: 0 auto; float: none; }
	.top .content03 .recipe dl dt { width: 50%; float: left; }
	.top .content03 .recipe dl dd { width: 50%; float: left; }
	.top .content03 .recipe .moreBtn { text-align: center; }
	.top .content03 .recipe .moreBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.top .content04 .topics { padding: 30px 20px; }
	.top .content04 .topics dl dt:before { padding-top: 48px; }
	.top .content04 .topics dl dt h2 { position:static; padding: 0; margin-top: -43px; }
	.top .content04 .topics dl dt h2 img { width: 150px; height: 57px; }
	.top .content04 .topics dl dd { padding: 0 20px 10px; }
	.top .content04 .topics dl dd ul li { padding: 5px 0; line-height: 30px; border-bottom: 1px solid #D5D2CC; }
	.top .content04 .topics dl dd ul li a { display: block; color: #1F1514; line-height: 30px; font-size: 14px; font-weight: bold; text-decoration: none; }
	.top .content04 .topics dl dd ul li a .date { display: block; color: #1F1514; line-height: 30px; font-size: 14px; font-weight: 500; margin-right: 50px; }
	.top .content04 .topics .moreBtn { margin-top: 20px; }
	.top .content04 .topics .moreBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.top .content05 .group { padding: 30px 20px; }
	.products .mainCatch { padding: 40px; }
	.products .mainCatch img { width: 200px; }
	.products .searchArea .searchInr { padding: 30px 10px; }
	.products .searchArea .searchInr .category div a dl dt { font-size: 14px; }
	.products .searchArea .searchInr .package div a dl dt { font-size: 14px; }
	.products .searchArea .searchInr .material ul li { display: block; float: left; width: 49%; margin: 0 2% 10px 0; font-size: 14px; padding: 0; background: #fff; border: 1px solid #D5D2CC; }
	.products .searchArea .searchInr .material ul li:nth-child(2n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .material ul li a { text-decoration: none; display: block; padding: 10px; }
	.products .searchArea .searchInr .seasoning div a dl dt { font-size: 14px; }
	.products .listArea .listInr a .newItem { top: 0; left: 0; }
	.backBtn { margin-top: 20px; }
	.backBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.products .detailCont { padding: 30px 10px; }
	.products .detailCont .mainArea .mainInr { padding: 0 0 20px; }
	.products .detailCont .mainArea .mainInr .leftCont { float: none; width: 100%; padding: 20px; }
	.products .detailCont .mainArea .mainInr .leftCont:before { padding-top: 0; }
	.products .detailCont .mainArea .mainInr .leftCont img { width: auto; max-width: 100%; position: static; }
	.products .detailCont .mainArea .mainInr .rightCont { width: 100%; float: none; padding: 10px 0; }
	.products .detailCont .mainArea .mainInr .rightCont h2 { padding: 0 0 10px; font-size: 20px; margin: 0; }
	.products .detailCont .mainArea .mainInr .rightCont p { padding: 0 0 10px; font-size: 14px; }
	.products .detailCont .mainArea .mainInr .rightCont ul li { font-size: 13px; line-height: 24px; }
	.products .detailCont .mainArea .detailTable h3 { text-align: left; font-size: 18px; }
	.products .detailCont .mainArea .recipeArea h3 { text-align: left; font-size: 18px; }
	.products .detailCont .mainArea .recipeArea div { padding: 20px 0 0; }
	.products .detailCont .mainArea .allergy .list li { width: 33.33%; }
	.detailCont .mainArea .recipeArea a { width: 48%; margin: 0 4% 10px 0; padding: 0; }
	.detailCont .mainArea .recipeArea a:nth-child(2n) { margin: 0 0 10px; }
	.detailCont .sideCont dl dd a:hover { padding: 10px 10px 10px 30px; }
	.recipe .mainCatch { padding: 40px; }
	.recipe .mainCatch img { width: 200px; }
	.recipe .searchArea .searchInr .freeword #sbox1 { width: 80%; }
	.recipe .searchArea .searchInr .freeword #sbtn1 { width: 20%; left: 80%; }
	.recipe .searchArea .searchInr { padding: 30px 10px; }
	.recipe .searchArea .searchInr .category div a dl dt { font-size: 14px; }
	.recipe .searchArea .searchInr .season div a dl dt { font-size: 14px; }
	.recipe .listArea .listInr { padding: 30px 10px; }
	.recipe .listArea .listInr .moreBtn { text-align: center; }
	.recipe .listArea .listInr .moreBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.recipe .listArea .backBtn { margin-top: 20px; }
	.recipe .listArea .backBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.recipe .detailCont { padding: 0 10px 30px; }
	.recipe .detailCont .mainArea .mainInr { padding: 0 0 20px; }
	.recipe .detailCont .mainArea .mainInr .leftCont { float: none; width: 100%; }
	.recipe .detailCont .mainArea .mainInr .rightCont { float: none; width: 100%; padding: 20px 0 0; }
	.recipe .detailCont .mainArea .howto { padding: 0 0 20px; }
	.recipe .detailCont .mainArea .howto h3 { margin-bottom: 10px; }
	.recipe .detailCont .mainArea .useProducts { padding: 0 0 20px; }
	.recipe .detailCont .mainArea .useProducts h3 { margin-bottom: 10px; }
	.recipe .detailCont .mainArea .useProducts a { width: 48%; margin: 0 4% 0 0; }
	.recipe .detailCont .mainArea .useProducts a:nth-child(2n) { margin: 0; }
	.recipe .detailCont .mainArea .useProducts a dl dt { padding: 10px; }
	.pagenation ul { padding: 10px 0 30px; }
	.topics .mainCatch { padding: 40px; }
	.topics .mainCatch img { width: 200px; }
	.topics .contInr { padding: 30px 10px; }
	.topics .contInr dl dt { float: none; width: 100%; padding: 0; text-align: left; }
	.topics .contInr dl dd { float: none; width: 100%; }
	.topics .contInr dl dd a { padding: 0; }
	.topics .detailCont { padding: 30px 10px; }
	.topics .detailCont .detailInr { padding: 0; }
	.topics .detailCont .detailInr p { font-size: 14px; }
	.contact .mainCatch { padding: 40px; }
	.contact .mainCatch img { width: 200px; }
	.contact .contInr { padding: 30px 10px; }
	.contact .contInr .telArea { padding: 20px 10px; margin: 0 auto 20px; }
	.contact .contInr .telArea p { font-size: 14px; line-height: 1.2; padding: 10px 0; }
	.contact .contInr .telArea p.attention { line-height: 1.2; padding: 10px 0 0; }
	.contact .contInr .telArea dl dt { float: left; width: 15%; text-align: right; }
	.contact .contInr .telArea dl dt img { max-width: 100%; }
	.contact .contInr .telArea dl dd { float: left; width: 85%; }
	.contact .contInr .telArea dl dd div { text-align: left; }
	.contact .contInr .telArea dl dd div img { max-width: 100%; }
	.contact .contInr .telArea dl dd p { font-size: 12px; text-align: left; }
	.contact .contInr .mailArea { padding: 20px 10px; }
	.contact .contInr .mailArea dl { padding: 20px 0 0; }
	.contact .contInr .mailArea dl dt { float: left; width: 15%; text-align: right; }
	.contact .contInr .mailArea dl dt img { max-width: 100%; }
	.contact .contInr .mailArea dl dd { float: left; width: 85%; text-align: left; }
	.company h2 { font-size: 20px; }
	.company .mainCatch { padding: 40px; }
	.company .mainCatch img { width: 200px; }
	.company .banner { padding: 0 20px; }
	.company .banner ul li { width: 49%; padding: 5px 0; }
	.company .banner ul li:nth-child(2n) { margin: 0; }
	.company .about .contInr { padding: 30px 20px; }
	.company .greeting table th { padding: 10px; }
	.company .greeting table td { padding: 10px; }
	.company .greeting .contInr { padding: 30px 20px; }
	.company .works .foods .leftCont { float: none; width: 100%; padding: 0; }
	.company .works .foods .rightCont { float: none; width: 100%; padding: 10px 0; }
	.company .works .foods .rightCont img { width: 200px; }
	.company .works .petfood .leftCont { float: none; width: 100%; padding: 0; }
	.company .works .petfood .rightCont { float: none; width: 100%; padding: 10px 0; }
	.company .works .petfood .rightCont img { width: 200px; }
	.company .works .delica .leftCont { float: none; width: 100%; padding: 0; }
	.company .works .delica .rightCont { float: none; width: 100%; padding: 10px 0; }
	.company .works .delica .rightCont img { width: 200px; }
	.company .works .recruit .contInr .linkBtn.new a { padding: 10px 30px; }
	.company .works .recruit .contInr .linkBtn.career a { padding: 10px 30px; }
	.company .works .banner { padding: 30px 20px 0; }
	.company .column .contInr { padding: 30px 20px; }
	.company .column .columnCont .thumb { float: none; max-width: 100%; margin: 0 0 15px; }
	.company .column .columnCont dt { padding: 0 0 15px; position: relative; }
	.company .column .columnCont dt:after { transition: all 0.3s; position: absolute; top: 5px; right: 15px; display: block; content: ''; width: 10px; height: 10px; border-bottom: solid 1px #FA524C; border-right: solid 1px #FA524C; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.company .column .columnCont dt.active:after { top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
	.company .column .columnCont dd { display: none; }
	.company .column .columnCont02 .thumb02 { float: none; max-width: 100%; margin: 0 0 15px; text-align: center; }
	.company .column .columnCont02 .thumb03 { float: none; max-width: 100%; margin: 0 0 15px; text-align: center; }
	.company .column .columnCont02 dt { padding: 0 0 15px; position: relative; }
	.company .column .tab_menu { width: 100%; margin-bottom: 10px; padding: 0 20px; }
	.corn h2 { font-size: 18px; }
	.corn .cont01 .contInr { padding: 30px 10px; }
	.corn .cont01 ul li { padding: 0; }
	.corn .cont01 ul li a img { width: 135px; }
	.corn .cont02 .contInr dl { float: none; width: 100%; margin: 0 0 30px; }
	.corn .cont02 .contInr dl:last-child { margin: 0; }
	.corn .cont03 .contInr dl { float: none; width: 100%; margin: 0 0 10px; }
	.salt h2 { font-size: 18px; }
	.salt h3 { font-size: 16px; }
	.salt .cont03 .inrBox ul { padding: 0; }
	.salt .cont02 .movie { position:relative; width:100%; height:0; padding-top:57%; }
	.salt .cont02 .movie iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
	.salt .cont04 .attention span { font-size: 18px; }
	.bento h2 { font-size: 18px; }
	.bento h3 { font-size: 16px; }
	.bento .contInr { padding: 30px 10px; }
	.bento .topCont .contInr { padding: 30px 10px; }
	.bento .bentoRecipe { padding: 0 0 10px; }
	.bento .bentoRecipe .leftCont { width: 100%; padding: 0 0 10px; }
	.bento .bentoRecipe .rightCont { width: 100%; padding: 0; }
	.bento .bentoRecipe .rightCont p { font-size: 13px; }
	.bento .bentoRecipe .rightCont li { font-size: 13px; }
	.bento .cont01 .bentoRecipe .leftCont img { max-width: 250px; }
	.bento .cont02 .bentoRecipe .leftCont img { max-width: 180px; }
	.bento .cont03 .bentoRecipe .leftCont img { max-width: 180px; }
	.bento .cont04 .bentoRecipe .leftCont img { max-width: 250px; }
	.bento .cont05 .bentoRecipe .leftCont img { max-width: 250px; }
	.bento .bentoList .recipeDetail { float: none; width: 100%; padding: 10px 0; margin: 0; border-top: 1px dotted #D5D2CC; }
	.bento .bentoList .recipeDetail:last-child { border-bottom: 1px dotted #D5D2CC; }
	.bento .bentoList .recipeDetail .recipeImage { float: left; width: 40%; text-align: center; }
	.bento .bentoList .recipeDetail .recipeInr { float: left; width: 60%; }
	.bento .bentoList .recipeDetail .recipeTit { padding: 0 0 0 10px; }
	.bento .bentoList .recipeDetail .recipeTit dt { padding: 0 0 5px; }
	.bento .bentoList .recipeDetail .iconArea { display: none; }
	.bento .bentoList .recipeDetail .recipeTit dd.spTime { display: inline-block; padding: 2px; color: #fff; background: #CA141D; }
	.curry h2 { font-size: 18px; }
	.curry .cont01 .contInr { padding: 30px 10px; }
	.curry .cont02 .contInr { padding: 30px 10px; }
	.curry .cont03 .contInr { padding: 30px 10px; }
	.curry .cont03 .stepCont { padding: 0; }
	.curry .cont03 .stepCont dl { float: none; padding: 10px; }
	.curry .cont03 .stepCont dl.step01 { width: 100%; }
	.curry .cont03 .stepCont dl.step02 { width: 100%; }
	.curry .cont03 .stepCont dl.step03 { width: 100%; }
	.curry .cont03 .stepCont dl dt { position: absolute; top: 0; left: 0; margin-top: 0; }
	.curry .cont03 .stepCont dl.step01 dd.contTit { line-height: 1.5; font-size: 14px; padding: 10px 0 10px 80px; text-align: left; }
	.curry .cont03 .stepCont dl.step02 dd.contTit { line-height: 1.5; font-size: 14px; padding: 10px 0 10px 80px; text-align: left; }
	.curry .cont03 .stepCont dl.step03 dd.contTit { line-height: 1.5; font-size: 14px; padding: 10px 0 10px 80px; text-align: left; }
	.curry .cont03 .stepCont dl dd.contDisc { padding: 10px 0 10px 90px; text-align: left; }
	.curry .cont03 .point dl dt { font-size: 18px; }
	.curry .cont04 .contInr { padding: 30px 10px; }
	.tsuna .cont01 .contInr { padding: 30px 10px; }
	.tsuna .cont02 .contInr { padding: 30px 10px; }
	.tsuna .cont02 .inrBox div { width: 100%; float: none; border-right: 1px solid #D5D2CC; }
	.tsuna .cont02 .inrBox div .itemTit dt img { max-width: 110px; }
	.tsuna .cont03 .contInr { padding: 30px 10px; }
	.tsuna .cont03 .contInr dl { width: 100%; float: none; margin: 0; padding: 0 0 20px; }
	.tsuna .cont03 .contInr dl dt { padding: 0 10px; }
	.tsuna .cont03 .contInr dl dt img { max-width: 100px; }
	.tsuna .cont03 .contInr dl .contTit { padding: 5px 0; line-height: 1.2; }
	.tsuna .cont04 .contInr { padding: 30px 10px; }
	.tsuna .cont04 .contInr dl { width: 100%; float: none; margin: 0; padding: 0 0 20px;}
	.tsuna .cont04 .contInr dl dt { padding: 0 10px; }
	.tsuna .cont04 .contInr dl dt img { max-width: 120px; }
	.tsuna .cont04 .contInr dl .contTit { padding: 5px 0; line-height: 1.2; }
	.tsuna .point dl dt { width: 100%; float: none; }
	.tsuna .point dl dt img { max-width: 110px; }
	.tsuna .point dl dd { width: 100%; float: none; font-size: 14px; padding: 0 10px 10px 10px;}
	.tsuna .point dl dd br { display: none; }
	.eo .mainCatch { padding: 40px; }
	.eo .mainCatch img { width: 200px; }
	.eo .contInrL p { padding: 0 0 20px; }
	.eo .cont01 { padding: 30px 10px; }
	.eo .cont01 .imgArea img { width: 100%; }
	.eo .cont01 .attention dt { float: none; width: 100%; }
	.eo .cont01 .attention .contTit { float: none; width: 100%; }
	.eo .cont01 .attention .contDisc { float: none; width: 100%; }
	.eo .cont02 { padding: 30px 10px; }
	.eo .cont02 .imgArea img { width: 100%; }
	.eo .cont03 { padding: 30px 10px; }
	.eo .cont03 .contInrL { width: 100%; float: none; }
	.eo .cont03 .contInrR { width: 100%; float: none; }
	.eo .cont03 .attention dl { width: 100%; float: none; }
	.eo .cont03 .attention .contDisc { width: 100%; float: none; }
	.eo .cont04 { padding: 30px 10px; }
	.eo .cont04 .imgArea img { width: 100%; }
	.eo .cont05 .contInr { padding: 30px 10px; }
	.eo .cont05 h2 { font-size: 20px; padding: 0 0 20px; }
	.eo .cont05 p { font-size: 14px; padding: 0 0 20px; }
	.eo .cont05 .movie { position:relative; width:100%; height:0; padding-top:60%; }
	.eo .cont05 .movie iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
	.eo .point { padding: 30px 10px; }
	.eo .point dl dt { width: 100%; float: none; }
	.eo .point dl dt img { max-width: 110px; }
	.eo .point dl dd { width: 100%; float: none; font-size: 14px; padding: 0 10px 10px 10px;}
	.faq .mainCatch { padding: 40px; }
	.faq .mainCatch img { width: 200px; }
	.faq .contInr { padding: 30px 10px; }
	.faq .contInr .cont04 .answer .case p img { width: 190px; }
	.faq .point { padding: 30px 10px; }
	.faq .contInr .cont06 .answer .case .point h3 { width: 100%; float: none; }
	.faq .contInr .cont06 .answer .case .point h3 img { width: 110px; }
	.faq .contInr .cont06 .answer .case .point p { width: 100%; float: none; font-size: 14px; padding: 0 10px 10px 10px;}
	.privacy .mainCatch { padding: 40px; }
	.privacy .mainCatch img { width: 200px; }
	.sitemap .mainCatch { padding: 40px; }
	.sitemap .mainCatch img { width: 200px; }
	.sitemap .contInr { padding: 30px 10px; }
	.sitemap .siteList .listInr { border-bottom: 1px solid #073190; padding: 20px 0 10px; }
	.sitemap .siteList .listInr p { float: none; width: 100%; padding: 0 0 10px; }
	.sitemap .siteList .listInr ul { float: none; width: 100%; }
	.sitemap .siteList .listInr ul { float: none; width: 100%; }
	.photo .cont01 .contInr { padding: 30px 10px; }
	.photo .cont02 .contInr { padding: 30px 10px; }
	.nyusan .cont01 { padding: 30px 10px; }
	.nyusan .cont01 .contInr .point03 { font-size: 16px; }
	.nyusan .cont01 .contInr .point01 { line-height: 1.5; padding: 15px; }
	.nyusan .cont01 .contInr .point01 span { display: block; font-size: 20px; line-height: 1.5; }
	.nyusan .cont01 .contInr .point02 { padding: 15px; }
	.nyusan .cont01 .contInr .point02 p { line-height: 1.5; padding: 5px 0; }
	.nyusan .cont01 .contInr .point04 { font-size: 18px; line-height: 1.5; }
	.nyusan .cont01 .contInr .point04 span { display: block; line-height: 1.5; }
	.nyusan .cont01 .contInr .point05 { margin: 0 auto; }
	.nyusan .cont01 .point06 { padding: 0; }
	.nyusan .cont01 .contInr .point07 a { font-size: 18px; }
	.nyusan .cont02 .contInr { padding: 30px 10px; }
	.nyusan .cont02 .contInr h2 { padding: 10px; font-size: 18px; }
	.nyusan .cont02 .contInr .point { margin: 20px auto 0; }
	.nyusan .cont02 .contInr dl dt { width: 50px; font-size: 20px; line-height: 30px; }
	.nyusan .cont02 .contInr dl dd { padding: 0 0 0 60px; font-size: 16px; line-height: 25px; }
	.nyusan .topMovie02 { padding: 30px 10px; }
	.nyusan .topMovie02 .inrBox01 { float: none; width: 100%; padding: 10px 10px; }
	.nyusan .topMovie02 .inrBox02 { float: none; width: 100%; padding: 10px 10px; }
	footer .footSitemap .siteList { padding: 30px 0; }
	footer .footSitemap .siteList .listInr { width: 50%; padding-bottom: 10px; }
	footer .footSitemap .siteList .listInr dl.inrBox { padding-top: 32px; }
	footer .footSitemap .siteList .listInr dl dt { border-bottom: 1px solid #1F1514; margin-bottom: 0; }
	footer .footSitemap .siteList .listInr dl dd { padding: 5px 10px; border-bottom: 1px solid #D5D2CC; }
	footer .footSitemap .siteList .listInr dl dd:hover { padding: 5px 10px; }
	footer .footSitemap .siteList .listInr dl dd a { font-size: 12px; }
	footer .footCopy .logo { float: none; width: 100%; text-align: center; margin: 0 auto; }
	footer .footCopy .logo img { width: 200px; }
	footer .footCopy .copyright { float: none; font-size: 11px; text-align: center; }
	.pagetop { bottom: 20px; right: 15px; }
	.pagetop a { padding: 15px 13px 18px; border-radius: 50%; line-height: 0; }
	.pagetop a:hover { padding: 15px 13px 18px; }
	.pagetop a img { width: 15px; height: 8px; }

}