@import url("default.css");

* {-webkit-text-size-adjust:100%;}
a:link {text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000; opacity: 0.7;}
a:active{text-decoration:none; color:#000;}

.full-width { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.allWrapper { overflow: hidden; }
.container-fluid { max-width: 1110px; }
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

body { min-width: 1180px; font-size: 15px; line-height: 1.8; background-color: #fff; font-family: "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; color: #333333; letter-spacing: .08em;}

dt { font-weight: normal; }

.bg-pink01{ background-color: #FDE8EA; }
.bg-pink02{ background-color: #FEF2F3; }
.bg-red { background-color: #E50012; }
.bg-white { background-color: #fff; }
.red { color: #E50012; }
.white { color: #fff; }
.bold { font-weight: bold; }
.date { font-size: 14px; }
.white-cat { font-size: 14px; color: #E50012; width: 115px; background-color: #fff; }
.pink-cat { background-color: #FEF2F3; color: #E50012; }
.online a { opacity: 1; }
.link a { display: flex; justify-content:flex-end; }
.link a p { margin-right: 10px;}
.ttl { text-align: center; font-size: 26px; letter-spacing: .125em; }
.ttl p { margin-top: 10px; }
.mt { margin-top: 180px; }
hr { border-bottom: 1px solid #b1b1b1; margin: 30px 0; }
.radius { border-radius: 10px; overflow: hidden; }
.archive { font-size: 16px; position: relative; background-color: #fff; padding: 5px 10px; z-index: 1; top: 12px; left: -15px; display: inline-block;}
.archive::before { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; top:16px; right:-69px;}
.sidebar ul { padding: 20px; border: 1px solid #b0b0b0; position: relative; width: 140px;}
.sidebar ul::before { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; bottom:-2px; left:-4px;}
.sidebar ul::after { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; bottom:-2px; right:-4px;}
.sidebar ul li { padding: 10px 0; text-align: center; border-bottom: 1px dashed #b1b1b1; }
.sidebar ul li:last-of-type { border-bottom: none; }
.tabs .tab-btn {cursor: pointer; }
.tabs.many-tabs { flex-wrap: wrap; margin-top: 0 !important;}
.tab-list .tabs .tab-btn { width: 20%; }
.tab-list .tab-detail li { padding: 40px 0 30px; border-bottom: 1px solid #b0b0b0;}
.tab-list .tab-detail li:first-of-type { padding-top: 0; }
.tab-list .tab-detail li .block { margin-bottom: 15px; }
.tab-list .tab-detail li .date{ margin-right: 10px; }
.tab-list .tab-detail li .cat { color: #E50012; padding: 5px 10px; border-radius: 5px; font-size: 14px; letter-spacing: .1em;}
.tab-list .tab-detail li .news-ttl { font-size: 20px ; letter-spacing: .12em; margin-bottom: 15px;}
.page-nav { margin-top: 50px; }
.page-nav ul{ display: flex; align-items: center; justify-content: center;}
.page-nav ul li { margin-right: 20px; }
.page-nav ul li:last-of-type { margin-right: 0; }
.page-nav ul li a { color: #b1b1b1; transition: .5s; }
.page-nav ul li a:hover { color: #E50012; }
.bred-nav ul {display: flex; align-items: center; flex-wrap: wrap;}
.bred-nav ul li { margin-right:5px; }
.bred-nav ul li a { color: #999999!important; }
.btn-list ul { display: flex; align-items: center; flex-wrap: wrap; background-color: #fdf4f4; border-radius: 10px; text-align: center; overflow: hidden; }
.btn-list ul li { width: 16.66666667%; border-right: 1px solid #FBD9DB; border-bottom: 1px solid #FBD9DB;}
.btn-list ul li a { color: #E50012; font-size: 14px; font-weight: bold; letter-spacing: .1em; padding: 10px 0; display: block; transition: all .5s;}
.btn-list.tri ul li { width: 33.33333%; }
.btn-list .button.active { background-color: #E50012; color: #fff; opacity: 1;}
.btn-list .button.active a { color: #fff!important; }
.btn-list .button.radius-tl.active { border-top-left-radius: 10px; }
.btn-list .button.radius-tr.active { border-top-right-radius: 10px; }
.btn-list .button.radius-bl.active { border-bottom-left-radius: 10px; }
.btn-list .button.radius-br.active { border-bottom-right-radius: 10px; }
.btn-list .button.radius-tlbl.active { border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
.btn-list .button.radius-trbr.active { border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.products-block .photo { position: relative; border: 1px solid #b1b1b1; }
.products-block .photo::before { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; top:-2px; left:-4px; }
.products-block .photo::after { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; top:-2px; right:-4px; }
.products-block .squer { position: relative; }
.products-block .squer::before { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; bottom:-2px; left:-4px; z-index: 1;}
.products-block .squer::after { content:""; display:inline-block; width:10px;height: 10px; background-color:#fff; position:absolute; bottom:-2px; right:-4px; z-index: 1;}
.products-block .wrapper .p-catch { margin-bottom: 5px; }
.products-block .wrapper .p-ttl{ font-size: 31px; margin-bottom: 10px;}
.products-block .wrapper .text { font-size: 16px; margin-bottom: 20px;}
.online-shop-btn a { color: #fff; font-size: 14px; width: 260px; background-color: #E50012; text-align: center; border-radius: 10px; padding: 10px 0; display: inline-block; font-weight: bold;}
.white-btn a { color: #E50012; font-weight: bold; border: 1px solid #E50012; font-size: 14px; padding: 10px; border-radius: 10px;}
.bb-none { border-bottom: none !important; }
.br-none { border-right: none !important; }
.dl-table dl { display: flex; border-bottom: 1px dashed #b1b1b1; padding: 15px 0;}
.dl-table dl:last-of-type{ border-bottom: 1px solid #b1b1b1; }
.dl-table dt { font-weight: bold; width: 215px; }
.dl-table dd { width: calc(100% - 215px); }
.ttl-bb { font-weight: bold; font-size: 20px; letter-spacing: .1em; padding-bottom: 5px; border-bottom: 1px solid #b1b1b1;}
.sm { font-size: 14px; }
.button-list ul li { width: 25%; }
.button-list ul li.active a { color: #fff!important; background: #E50012; }
.cat-date-block .date { font-weight: bold; }
.cat-date-block .cat { color: #E50012; font-weight: bold; padding: 5px 25px; border-radius: 5px; font-size: 14px;}
.red-ttl { font-size: 20px; font-weight: bold; border-left: 4px solid #E50012;  padding-left: 10px; color: #E50012; margin-bottom: 30px;}
.dot-box { border-top: 3px dotted #E50012; border-bottom: 3px dotted #E50012; display: inline-block; padding: 15px 10px; font-size: 22px; color: #E50012; font-weight: bold; letter-spacing: .125em;}
.bb-pdot { border-bottom: 3px dotted #f7b2b8; }
.red-box { border: 2px solid #E50012; border-radius: 10px; text-align: center; background-color: #fff; padding: 15px 0;}
.green { color: #00a023; }
.orange { color: #f08c00; }
.g-box { border: 2px solid #00a023; border-radius: 10px; text-align: center; background-color: #fff; padding: 15px 0;}
.o-box { border: 2px solid #f08c00; border-radius: 10px; text-align: center; background-color: #fff; padding: 15px 0; display: inline-block; margin-top: 5px;}
.go-top { position: fixed; right: 30px; bottom: 30px; padding: 10px; width: 40px; height: 40px; border-radius: 100%; background: #E50012; display: flex; align-items: center; justify-content: center; }
.thumb-bg { position: relative; margin-bottom: 15px; }
.thumb-bg .icon { position: absolute; left: 10px; top: 10px; }
.origin-arrow { position: absolute; top: 0; bottom: 0; margin: auto 0; width: 30px; height: 30px; z-index: 1; transform: rotate(45deg); }
.origin-arrow.prev-arrow { left: 5px; border-bottom: 3px solid #e50012; border-left: 3px solid #e50012; }
.origin-arrow.next-arrow { right: 5px; border-top: 3px solid #e50012; border-right: 3px solid #e50012; }
.slick-dots { bottom: 10px; display: inline-block;}
.slick-dots li { margin: 0; }
.slick-dots li button:before { opacity: 1; color: #fff; }
.slick-dots li.slick-active button:before { color: #B1B1B1; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.tabs { display: flex; border-radius: 10px; overflow: hidden; }
.tabs .tab-btn { color: #E50012; font-weight: bold; font-size: 14px; letter-spacing: .1em; border-right: 1px solid #FBD9DB; width: 25%; text-align: center; padding: 10px 0; transition: all .5s;}
.tabs .tab-btn:last-of-type { border-right: none; }
.tabs .tab-btn.show { background-color: #E50012; color: #fff;}
.tabs.isrecipe .tab-btn { width: 20%; border-bottom: none; }
.tab-detail { display: none; }
.tab-detail.show { display: flex; justify-content: center;}
.page-wrap { margin-top: 175px;	}
.page-wrap .page-title {text-align: center;}
.page-wrap .page-title .title-icon { width: 60px; margin: 0 auto; }
.page-wrap .page-title p {font-size: 26px;font-weight: bold;letter-spacing: .1em; }
.page-wrap .page-title .ttl {font-size: 16px;color: #E50012;padding-bottom: 15px; }
.hero-img { height: 420px; }
.recipe_table { width: 100%; }
.recipe_table th,
.recipe_table td { border: 1px solid #b1b1b1; padding: 10px; }
.recipe_table th { width: 40%; }
.recipe_table td { width: 60%; }
.slick-slide img { width: 100%;}
.contact-table { margin-top: 50px; margin-bottom: 100px; }
.contact-table .req { display: inline-block; color: #fff; background: #e52212; font-size: 12px; line-height: 1; padding: 6px 10px 5px; border-radius: 3px; margin-left: 15px; }
.contact-table dl { display: flex; flex-wrap: wrap; margin-bottom: 25px; }
.contact-table dl dt { width: 240px; font-weight: bold; }
.contact-table dl dd { width: calc(100% - 240px); }
.contact-table input[type="text"],
.contact-table input[type="email"],
.contact-table input[type="tel"],
.contact-table input[type="number"],
.contact-table select { width: 390px; max-width: 100%; height: 33px; line-height: 33px; padding: 3px 5px; border:1px solid rgba(0,26,42,.5); }
.contact-table input[type="number"] { width: auto; }
.contact-table textarea { width: 100%; padding: 5px 5px; border:1px solid rgba(0,26,42,.5); height: 150px; }
.contact-table .wpcf7-list-item { margin-left: 0; margin-right: 2em; margin-bottom: 1.5em; }
.contact-table .full { width: 100%; }
.contact-table input[type="submit"] { margin: 50px auto 0; background: #e52212; color: #fff; font-weight: bold; display: block; border: none; width: 200px; padding: 10px 15px; border-radius: 3px; }
.grecaptcha-badge { opacity: 0; pointer-events: none; }
.searchbar { display: flex; flex-wrap: wrap; background: #fdf4f4; border-radius: 10px; overflow: hidden; }
.searchbar > div { width: 33.3333%; border-left: 1px solid #FBD9DB; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; padding: 15px 20px; }
.searchbar > div:first-child { border-left: none; }
.searchbar ._name { font-size: 18px; }
.searchbar ._name.active { background: #E50012; color: #fff; }
.searchbar .pointer { cursor: pointer; }
.searchbar form { display: flex; }
.searchbar form input { width: calc(100% - 60px); border: 1px solid #E50012; border-right: none; padding: 5px 10px; border-radius: 5px 0 0 5px; }
.searchbar form button { width: 60px; border: none; background: #E50012; color: #fff; border-radius: 0 5px 5px 0; }
.catlists { display: none; }
.catlists .wraps { display: flex; flex-wrap: wrap; background: #fdf4f4; border-radius: 10px; margin: 10px 0 0; padding: 10px; }
.catlists a { padding: 5px 10px; margin: 5px; display: block; border: 1px solid #FBD9DB; font-size: 16px; background: #fff; border-radius: 5px; }

header { width: 100%; position: fixed; z-index: 999; top: 35px; left: 0; width: 100%; }
header .wrap { display: flex; }
header .shadow { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important; }
header .local { width: 960px; display: flex; align-items: center; justify-content: space-between; border-radius: 10px; padding: 15px 25px 15px 15px; background-color: #fff;}
header .gnav { display: flex; align-items: center; justify-content: space-between; width: 75%; }
header .gnav ul { display: flex; justify-content: space-between; width: 100%;  }
header .gnav ul li { position: relative; }
header .gnav ul li a { cursor: pointer; }
header .gnav .sub-menu { position: absolute; top: calc(100% + 5px); left: 0; width: 220px; background: #fff; padding: 15px; border-radius: 1em; }
header .gnav .sub-menu a { border-bottom: 1px solid #eee; display: block; margin-bottom: 5px; padding-bottom: 5px; }
header .gnav .sub-menu > div:last-child a { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
header .online { width: 220px; margin-left: 25px;}
header .menu-trg-area { position: fixed; top: 12px; right: 20px; margin: auto; display: none; width: 40px; height: 40px; background: #E50012; border-radius: 5px; cursor: pointer; z-index: 999;}
header .menu-trigger,
header .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
header .menu-trigger { position: absolute; top: 13px; width: 17px; height: 13px; z-index: 2; left: 0; right: 0; margin: auto;}
header .menu-trigger span { position: absolute; right: 0; width: 100%; height: 1px; background-color: #fff;}
header .menu-trigger span:nth-of-type(1) { top: 0;}
header .menu-trigger span:nth-of-type(2) { top: 6px;}
header .menu-trigger span:nth-of-type(3) { bottom: 0;}
header .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: -14px;}
header .menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;}
header .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -14px;}
footer { color: #fff; padding-bottom:30px;}
footer .btns {  display: flex; align-items: center; }
footer .btns a { display: block; width: 50%; text-align: center;}
footer .btns a p { padding: 30px 0; font-size: 18px; letter-spacing: .18em;}
footer .block { display: flex; margin-top: 50px; justify-content: space-between; margin-bottom: 30px; position: relative;}
footer .gnav ul { display: flex; }
footer .gnav ul li { margin-right: 30px; }
footer .gnav ul li a { color: #fff; }
footer .wrapper { display: flex;}
footer .wrapper.top { justify-content: space-between; }
footer .wrapper.under { font-size: 12px; }
footer .logo { margin-right: 10px; }
footer .address { display: flex; }
footer .address dl { display: flex; letter-spacing: .1em; font-size: 12px;}
footer .address .add { margin-right: 15px; }
footer .sns { display: flex; }
footer .sns > div { margin-right: 10px; }
footer .sns > div:last-child { margin-right: 0;}
footer .privacy { margin-right: 30px; }
footer .privacy a { color: #fff; text-decoration: underline; }
footer .go-top { position: absolute; right: -5%; bottom: -50px;}

main#home #fv { position: relative; }
main#home #fv .top-slide .photo{ height: 100vh; }
main#home #fv .ttl { position: absolute; bottom: 15%; left: 145px;}
main#home #news .news-top .block { position: relative; }
main#home #news .news-top .wrapper { display: flex; }
main#home #news .news-top .wrap { padding: 60px 40px ; text-align: center; }
main#home #news .news-top .wrap ul li { display: flex; align-items: center; margin-bottom: 10px; }
main#home #news .news-top .wrap ul li .date { margin-right: 10px; }
main#home #news .news-top .wrap ul li .block a.cat { color: #E50012; margin-right: 15px; display: inline-block;}
main#home #news .news-top .wrap ul li .block { width: 240px; }
main#home #news .news-top .wrap ul li > a { width: calc(100% - 240px); text-align: left; }
main#home #news .news-top .wrap.w1 { white-space: nowrap; }
main#home #news .news-top .link { position: absolute; right: 0; bottom: 25px; }
main#home #recipe { margin: 60px 0 70px; }
main#home #recipe .recipe-slide { margin: 30px -15px 0; display: none; flex-wrap: wrap; width: calc(100% + 30px); }
main#home #recipe .recipe-slide.show { display: flex; }
/* main#home #recipe .slick-track { width: 1110px !important;} */
main#home #recipe .recipe-slide li{ position: relative; padding: 0 15px; width: 33.33333%;}
main#home #recipe .recipe-slide .text { font-size: 16px; text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; color: #fff; font-weight: bold; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); padding: 20px 0 10px; letter-spacing:.2em;}
main#home #recipe .recipe-slide .collabo { position: absolute; top: 10px; margin-left: 10px;}
main#home #column { margin-bottom: 70px; }
main#home #column .wrap {margin-bottom: 30px; }
main#home #column .category { display: flex; margin: 15px 0;}
main#home #column .category .pink-cat { width: 150px; padding: 0 3px; font-size: 13px; text-align: center; margin-right: 10px; border-radius: 5px; overflow: hidden!important; text-overflow: ellipsis; white-space: nowrap;}
main#home #column .category .date { font-size: 13px; letter-spacing: 0; font-weight: bold;}
main#home #products { margin-bottom: 100px; }
/* main#home #products .item-box { margin-bottom: 60px; justify-content: center;} */
main#home #products .item-box { position: relative;}
main#home #products .item-box .item-text { position: absolute; left: 0; right: 0; top: 10%; margin: 0 auto; width: 100px; font-size: 20px; letter-spacing: .2em; align-items: center; display: flex;}
main#home #products .items h3 { font-size: 24px;margin-top: 30px;}
main#home #products .wrapper { display: flex; padding: 20px 0; border: 1.5px solid #E50012; justify-content: center; position: relative;}
main#home #products .wrapper h4 { position: absolute; padding: 10px; top: -20px; left: -5px; z-index: 1; background-color: #fff;}
main#home #products .wrapper .wrap { padding: 0 10px; }
main#home #products .wrapper .wrap.center { border-left: 1px dashed #B1B1B1; border-right: 1px dashed #B1B1B1;}
main#home #products .wrapper .wrap p { text-align: center; font-size: 14px;}
main#home #products .wrapper .squer { height: 10px; width: 10px; position: absolute; background-color: #fff; }
main#home #products .wrapper .squer.top-tight { top: -2px; right: -5px; }
main#home #products .wrapper .squer.bottom-left { left: -2px; bottom: -2px; }
main#home #products .wrapper .squer.bottom-right { right: -2px; bottom: -2px; }
main#home #products .link a { justify-content: right; }
main#home #story { margin-bottom: 45px; }
main#home #story .catch  { text-align: center; }
main#home #story .catch a { display: inline-block;}
main#home #story .dot { text-align: center; margin-top: 45px;}
main#home #about .photo { position: relative; display: block; }
main#home #about .photo .caption { flex-wrap: wrap; font-size:20px; letter-spacing: .125em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
main#home #about .photo p small { font-size: 15px; display: block; }
main#home #secret { margin-bottom: 110px; }
main#home #secret .box { padding-bottom: 10px;position: relative; }
main#home #secret .box .text { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);font-size: 20px;color: #fff;font-weight: bold;letter-spacing: .1em; }
main#news-list #list { margin: 80px 0 115px; }
main#news-list #list .list-area { margin-top: 115px; }
main#productst #products-area { margin-top: 100px; }
main#productst #products-area .products-text { margin-top: 80px; }
main#productst #products-area .products-text .ttl { text-align: left; letter-spacing: .15em; font-size: 20px; margin-left: 20px; border-bottom: 1px solid #b1b1b1; padding-bottom: 5px; margin-left: 0;}
main#productst #products-area .white-btn { margin-top: 25px; text-align: center; }
main#productst #line-up { margin: 70px 0 120px; }
main#productst #line-up .wrapper h4 { font-size: 20px; letter-spacing: .15em; padding-bottom: 5px; border-bottom: 1px solid #b1b1b1; margin-bottom: 20px;}
main#productst #line-up .products-list-area { display: flex; }
main#productst #line-up .products-list-area li { text-align: center;}
main#productst #line-up .pl-area li a p { color: #0000ff;}
main#productst #line-up .wrapper { margin-bottom: 80px; }
main#productst #line-up .wrapper .recipe-list p { font-size: 16px; }
main#productst #line-up .white-btn { text-align: center; }
main#recipe-detail .products-block .squer::before { left: -5px; }
main#recipe-detail .products-block .squer::after { right: -5px; }
main#recipe-detail .slick-dots { position: static; }
main#recipe-detail .slick-dots li button:before { color: #ddd!important; }
main#recipe-detail .slick-dots li.slick-active button:before { color: #444!important; }
main#recipe-detail #products-serch .bred-nav { margin-bottom: 5px !important; }
/* main#recipe-detail #products-serch .ttl { font-size: 26px; margin-bottom: 0; letter-spacing: .15em; } */
main#recipe-detail #products-serch .genre { margin-top: 50px; }
main#recipe-detail #recipe-area { margin-top: 90px; }
main#recipe-detail #recipe-area .wrapper { margin-bottom: 15px; }
main#recipe-detail #recipe-area .ttl { text-align: left; font-size: 31px;}
main#recipe-detail #recipe-area .recipe-no { display: flex; align-items: center; margin-top: 20px;}
main#recipe-detail #recipe-area .recipe-no p { font-size: 14px; margin-top: 0; margin-left: 10px;}
main#recipe-detail #recipe-area .block { display: flex; justify-content: space-between;}
main#recipe-detail #recipe-area .wrap { width: 45%; }
main#recipe-detail #recipe-area .wrap.local { width: 50%; }
main#recipe-detail #recipe-area .material .material-area{ padding: 25px;}
main#recipe-detail #recipe-area .material .material-area h4 { font-size: 20px; }
main#recipe-detail #recipe-area .material .sm { font-weight: normal; }
main#recipe-detail #recipe-area .material .dl-table dl { font-size: 16px; }
main#recipe-detail #recipe-area .material .dl-table dl:last-of-type { border-bottom: none; }
main#recipe-detail #recipe-area .material .dl-table dt { width: 90px; font-weight: normal;}
main#recipe-detail #recipe-area .material .dl-table dd { width: calc(100% - 130px); margin-left: 45px;}
main#recipe-detail #recipe-area .wrap .wrapper { margin-top: 35px; }
main#recipe-detail #recipe-area .wrap .wrapper .ttl-bb { margin-bottom: 15px; }
main#recipe-detail #recipe-area .wrap .recipe-wrap p { font-size: 14px; }
main#recipe-detail #recipe-area .box { margin-bottom: 35px; }
main#recipe-detail #recipe-area .box ul { font-size: 16px; letter-spacing: .04em; }
main#recipe-detail #recipe-area .box ul li { padding: 10px 0; border-bottom: 1px dashed #b1b1b1;}
main#recipe-detail #recipe-area .box ul li:last-of-type { border-bottom: none; }
main#recipe-detail #recipe-area .box ul li .num { background: #E50012; color: #fff; font-weight: bold; width: 30px; height: 25px; line-height: 25px; text-align: center; border-radius: 4px; font-size: 15px; }
main#recipe-detail #recipe-area .box ul li .num + .p { width: calc(100% - 30px); padding-left: 15px; }
main#recipe-detail #recipe-area .box.item .wrapper { padding: 0 10px; }
main#recipe-detail #recipe-area .box.item .text { line-height: 1.5;}
main#column-detail .ttl-bb { font-size: 24px; padding: 20px 0;}
main#column-detail #column-fv { margin-top: 80px; }
main#column-detail #column-fv .photo { margin-top: 30px; }
main#column-detail #column-fv p.text { margin-top: 25px; }
main#column-detail #column-contents { margin: 65px 0 100px; }
main#column-detail #column-contents .wrapper { margin-bottom: 80px; }
main#column-detail #column-contents .wrapper.pb { margin-bottom: 0; padding-bottom: 50px; border-bottom: 1px solid #b1b1b1;}
main#column-detail #column-contents .wrapper .photo { display: flex; }
main#column-detail #column-contents .wrapper .text-area { margin-top: 30px; letter-spacing: .05em;}
main#column-detail #column-contents .link { margin-top: 25px; }
main#column-detail #column-contents .link a { justify-content: center; }
main#column-detail #recommendation { margin-bottom: 115px; }
main#column-detail #recommendation .ttl-bb { font-size: 20px; padding-bottom: 5px; margin-bottom: 10px;}
main#column-detail #recommendation .wrapper ul { display: flex; margin: 0 -25px; flex-wrap: wrap;}
main#column-detail #recommendation .wrapper ul li { padding: 10px 25px; border-right: 1px dashed #b1b1b1; width: 25%;}
main#column-detail #recommendation .wrapper ul li a { text-align: center; }
main#column-detail #recommendation .wrapper ul li p { font-size: 14px; line-height: 1.5;}
main#recipe #products-serch { margin-top: 80px; }
main#recipe #products-serch .genre { margin-top: 50px; }
main#recipe #recipe-list { margin: 100px 0 115px; }
main#recipe #recipe-list .wrapper .wrap { margin-bottom: 80px; }
main#recipe #recipe-list .wrapper .wrap:last-of-type { margin-bottom: 0; }
main#recipe #recipe-list .wrapper .ttl-bb { font-size: 20px; }
main#recipe #recipe-list .wrapper p { font-size: 13px; margin-top: 5px; letter-spacing: .02em;}
main#recipe #recipe-list .photo { position: relative; }
main#recipe #recipe-list .photo .new { position: absolute; top: 5px; left: 5px;}
main#recipe #recipe-list .page-nav { margin-top: 65px; }
main#products-list #products-serch { margin: 80px 0 60px; }
main#products-list #products-list-area { margin-bottom: 115px; }
main#products-list #products-list-area .wrapper { margin:  0 0; }
main#products-list #products-list-area .wrap { border-bottom: 1px dashed #b1b1b1; position: relative; z-index: 2;}
main#products-list #products-list-area .wrap:nth-of-type(4n) { border-right: none; }
main#products-list #products-list-area .wrap:last-of-type { border-right: none;}
main#products-list #products-list-area .wrap::before { position: absolute; content: ""; width: 15px; height: 15px; background-color: #fff; bottom: -7px; right: -8px; z-index: 1;}
main#products-list #products-list-area .wrap::after { position: absolute; content: ""; width: 15px; height: 15px; background-color: #fff; bottom: -7px; left: -8px; z-index: 1;}
main#products-list #products-list-area .wrap p { font-size: 14px; margin-top: 10px; text-align: center; }
main#products-list #products-list-area .photo { display: flex; align-items: center; justify-content: center; }
main#products-list #products-list-area .box { position: relative; border-right: 1px dashed #b1b1b1; margin-top: 10px; }
main#products-list #products-list-area .white-btn { text-align: center; }
main#column #products-serch,
main#column-detail #products-serch { margin: 80px 0 60px; }
main#column #column-list { margin-bottom: 110px; }
main#column #column-list .wrap { margin-bottom: 35px; }
main#column #column-list .wrap p { font-size: 16px; letter-spacing: .05em; }
main#column #column-list .category { display: flex; align-items: center; justify-content: space-between ; font-size: 14px; margin: 10px 0;}
main#column #column-list .category .cat { width: 60%; text-align: center;}
main#column #column-list .category .date { width: 37%; }
main#column #column-list .photo { position: relative; }
main#column #column-list .photo .new { position: absolute; top: 5px; left: 5px; }
main#company #fv { margin-bottom: 40px; }
main#company #fv .sec-nav ul { display: flex; align-items: center; justify-content: center;}
main#company #fv .sec-nav ul li { margin-right: 40px; }
main#company #fv .sec-nav ul li:last-of-type { margin-right: 0; }
main#company #fv .sec-nav ul li a{ display: flex; align-items: center; font-size: 14px; color: #E50012; font-weight: bold;}
main#company #fv .sec-nav ul li a p { margin-right: 5px; }
main#company { font-size: 16px; }
main#company #company-greetings { padding-top: 60px;}
main#company #company-greetings h3 { margin-bottom: 35px; }
main#company #company-greetings .wrapper .text { text-align: left; font-size: 16px;}
main#company #company-greetings .wrapper .name-box { text-align: right; font-size: 30px; margin-top: 30px;}
main#company #company-greetings .wrapper .sm { font-size: 14px; }
main#company #company-greetings .local { display: flex; justify-content: space-between; margin-top: 55px;}
main#company #company-greetings .local .wrap { background-color: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; width: 49%; padding: 25px;}
main#company #company-greetings .local .wrap h4 { text-align: center; font-size: 20px; letter-spacing: .14em; padding-bottom: 10px; margin-bottom: 10px;}
main#company #company-greetings .local .wrap p { font-size: 16px; text-align: center; line-height: 3; letter-spacing: .05em;}
main#company #company-greetings .local .wrap p .underline { border-bottom: 1px solid #f7b2b8;}
main#company #basic-info { margin: 100px 0; }
main#company #basic-info .wrapper { margin-bottom: 80px; letter-spacing: .05em;}
main#company #basic-info .dl-table { display: flex; padding: 10px 0; border-bottom: 1px dotted #b1b1b1;}
main#company #basic-info .dl-table:last-of-type { border-bottom: 1px solid #b1b1b1; }
main#company #basic-info .dl-table dt { width: 70px; font-weight: normal; margin-right: 100px;}
main#company #basic-info .dl-table dd { width: calc(100% - 170px); }
main#company #basic-info .wrapper table { border-bottom: 1px solid #b1b1b1; }
main#company #basic-info .wrapper tr { display: flex; padding-bottom: 10px; font-size: 16px; letter-spacing: .05em;}
main#company #basic-info .wrapper th { width: 100px; margin-right: 20px;}
main#company #basic-info .wrapper td { width: calc(100% - 100px);}
main#company #basic-info .block { margin-top: 20px; margin-bottom: 80px; }
main#company #basic-info .block:last-of-type{ margin-bottom: 0; }
main#company #factory { padding: 75px 0 120px; }
main#company #factory .dot-box { width: 180px; margin: 0 auto; display: block; text-align: center;}
main#company #factory .wrapper { margin-top: 40px; }
main#company #factory .flow { margin-top: 80px; }
main#company #factory .flow .wrapper { position: relative; z-index: 1;}
main#company #factory .flow .wrapper::before { content: ""; position: absolute; width: 2px; height: calc(100% - 230px); background-color: #E50012; left: 14%;}
main#company #factory .flow .box { align-items: center; margin-bottom: 25px;}
main#company #factory .flow .box:last-of-type { margin-bottom: 0; }
main#company #factory .flow .box h5 { font-size: 18px; }
main#company #factory .flow .box p { letter-spacing: .03em; line-height: 1.5;}
main#company #factory .flow .wrap.dot{ position: relative; }
main#company #factory .flow .wrap.dot::before { position: absolute; content: ""; width: 3px; height: 100%; border-right: 3px dotted #f7b2b8; right: 0;}
main#company #factory .flow .wrap h4 { font-size: 22px; text-align: center; padding: 15px 0; border-top: 2px solid #333333; border-bottom: 2px solid #333333; margin-bottom: 35px;}
main#company #factory .flow .chart { position: relative; }
main#company #factory .flow .chart .local{ margin-bottom: 35px; }
main#company #factory .flow .chart .local:last-of-type{ margin-bottom: 0; }
main#company #factory .flow .chart .block { display: flex; justify-content: space-between; margin-bottom: 15px; position: relative;}
main#company #factory .flow .chart .block .box { width: 48%; }
main#company #factory .flow .chart .arrow { position: absolute; }
main#company #factory .flow .chart .arrow.a1 { top: 19.5%; z-index: -1; left: 47%;}
main#company #factory .flow .chart .arrow.a2 { top: 38%; z-index: -1; left: 47%; }
main#company #factory .flow .chart .arrow.a3 { bottom: 6.8%; z-index: -1; left: 47%; }
main#company #factory .flow .chart .arrow.ag { top: -110%; z-index: -1; left: 17%;}
main#company #factory .flow .chart .arrow.ao { top: -110%; z-index: -1; right: 17%;}
main#activities #goals .wave { text-align: center; margin-top: -10px; margin-left: -10px;}
main#activities #goals .wave img { width: 740px; }
main#activities #works .p1 { letter-spacing: .05em; }
main#activities #goals { padding-bottom: 60px; }
main#activities #goals p { text-align: center;font-size: 20px;font-weight: bold;letter-spacing: .1em;padding-top: 90px;line-height: 2; }
main#activities #goals .goals-img { padding-top: 60px;width: 585px;margin: 0 auto; max-width: 100%; }
main#activities #goals .goals-img2 { padding-top: 30px; }
main#activities #goals .sm { font-size: 16px; }
main#activities #works { padding-top: 60px;padding-bottom: 120px; }
main#activities #works .work-block .title { display: flex;justify-content: space-between;border-bottom: #B1B1B1 1px solid;padding-bottom: 10px;margin-bottom: 25px; }
main#activities #works .work-block .text { font-size: 20px;font-weight: bold;letter-spacing: .15em; }
main#activities #works ul li.work-block:last-child { margin-bottom: 0; }
main#activities #works .link a p { margin-right: 5px; }
main#activities #works .icon { display: flex;margin-top: 14px;margin-right: -5px; }
main#activities #works .icon .icon-img { padding-right: 5px;width: 20%; }
main#activities #works .work-block { margin-bottom: 80px; }
main#story .contents { padding: 90px 0 100px; }
main#story .contents ul li { margin-bottom: 100px; }
main#story .contents ul li:last-child { margin-bottom: 0; }
main#story .contents .title { text-align: center; margin-bottom: 30px; }
main#story .contents .sub-title { text-align: center; margin-bottom: 30px; font-size: 28px; letter-spacing: .1em; font-weight: bold; }
main#story .contents p { text-align: center; }
main#story .contents .photo { margin-top: 40px; }
main#awards #awards-list .awards li { border-bottom: 1px solid #B0B0B0; padding: 40px 0;}
main#awards #awards-list .text { font-size: 20px;}
main#faq .contents { padding: 60px 0 100px;}
main#faq .faq-box dl{ border: 1px solid #FDEBEC; border-radius: 10px;overflow: hidden; margin-bottom: 30px;}
main#faq .faq-box dl:last-of-type{ margin-bottom: 0;}
main#faq .faq-box dl dt{ background: #FDEBEC; padding: 15px 40px 15px 55px; position: relative;font-size:20px;font-weight: bold; cursor: pointer;}
main#faq .faq-box dl dt::before{ content:url("../images/faq/icon4.svg");position: absolute;left: 20px;top: 20px;}
main#faq .faq-box dl dt::after{ content:url("../images/faq/icon2.svg");;position: absolute;right: 20px;top: 15px;}
main#faq .faq-box dl dt.active::after{ content:url("../images/faq/icon3.svg")}
main#faq .faq-box dl dd{ padding: 20px;display: none; }
.link_recipes { margin-bottom: 35px; display: block; }
.link_recipes .ttl-bb { font-size: 20px; }
.link_recipes p { font-size: 13px; margin-top: 5px; letter-spacing: .02em;}
.link_recipes .photo { position: relative; }
.link_recipes .photo .new { position: absolute; top: 5px; left: 5px; width: 58px; }
.movie-wrapper { position: relative; padding-top: 56.25%; }
.movie-wrapper iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

@media (min-width: 768px) {
	main#recipe #products-serch .ttl { font-size: 26px; }
}
@media (max-width: 767px) {
	body { min-width: 375px; font-size: 14px; padding-top: 65px; }
	.btn-list ul li { width: 50%; border: none; border-right: 1px solid #FBD9DB; border-bottom: 1px solid #FBD9DB;}
	.btn-list ul li a { font-size: 12px; }
	.btn-list.tri ul li { width: 50%; }
	.bb-none { border-bottom: 1px solid #FBD9DB !important; }
	.br-none { border-right: 1px solid #FBD9DB !important; }
	.sp-br-none { border-right: none !important; }
	.sp-bb-none { border-bottom: none !important; }
	.mt { margin-top: 40px; }
	.order1 { order: 1; }
	.order2 { order: 2; }
	.ttl { font-size: 22px; }
	/* .ttl img.icon { height: 24px; } */
	.archive { left: -15px; }
	.archive::before { right: -568px; }
	.sidebar ul { margin: 0 auto; display: flex; width: 100%; justify-content: center; flex-wrap: wrap;}
	.sidebar ul li { border-bottom: none; border-right: 1px dashed #b1b1b1; padding: 5px 10px;}
	.tab-list { margin-top: 30px; }
	.page-nav { margin-top: 25px; }
	.online-shop-btn { text-align: center; }
	.products-block .wrapper .p-ttl { margin-top: 20px; }
	.page-wrap { margin-top: 100px; }
	.tab-list .tabs { flex-wrap: wrap; margin: 15px 0 25px !important; }
	.tab-list .tabs .tab-btn { width: 33.333%; font-size: 12px;}
	.tab-list .tab-detail li { padding: 20px 0 20px; }
	.tab-list .tab-detail li .block { margin-bottom: 10px; }
	.tab-list .tab-detail li .cat { font-size: 12px; }
	.tab-list .tab-detail li .news-ttl { font-size: 17px; line-height: 1.6; margin-bottom: 10px; }
	.tab-list .tab-detail li .text p { font-size: 12px; }
	.tab-detail.slick-slider.show { display: block; }
	.tab-detail.slick-slider.show .slick-slide { width: 100vw; }
	.tab-btn.br-none { border-right: none; }
	.hero-img { height: 180px; }
	.contact-table { margin-top: 30px; }
	.contact-table dl { margin-bottom: 15px; }
	.contact-table dl dt { width: 100%; margin-bottom: 10px; }
	.contact-table dl dd { width: 100%; }
	.searchbar > div { width: 50%; padding: 13px 18px; }
	.searchbar ._name { font-size: 14px; }
	.searchbar ._free { width: 100%; border-top: 1px solid #FBD9DB; border-left: none; }
	.searchbar ._free .wraps { width: 100%; }
	.catlists a { font-size: 13px; margin: 3px; }
	header { top: 0; left: 0; width: 100%; background: #fff; height: 65px; }
	header .local { width: 100%; background: none; }
	header .menu-trg-area { display: block; }
	header .gnav { height: 100vh; right: -100%; position: fixed; transition: all .5s; width: 220px; top: 0; margin-top: 0; background: rgba(255,255,255,.8); display: block; }
	header .gnav ul { display: block; padding: 95px 15px 15px; }
	header .gnav ul li:last-child { margin-top: 30px; }
	header .gnav ul li a { display: block; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
	header .gnav.active { right: 0; }
	header .gnav .sub-menu { position: static; padding: 0 10px; }
	header .gnav .toggle-button { position: relative; }
	header .gnav .toggle-button:before { content: ""; position: absolute; right: 10px; bottom: 5px; top: 0; margin: auto 0; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); display: block; }
	header .online { margin: 0 10px; width: 200px;}
	footer .block { flex-direction: column; justify-content: center; text-align: center;}
	footer .logo { margin-right: 0; margin-bottom: 20px;}
	footer .address { justify-content: center; margin-bottom: 20px;}
	footer .gnav ul { justify-content: center; }
	footer .sns { justify-content: center; margin-top: 30px;}
	footer .wrapper.under { justify-content: center; }
	footer { padding-bottom: 80px; }
	footer dt,
	footer dd { margin-right: 0 !important; }
	footer a { color: #fff!important; }
	footer .btns { flex-wrap: wrap; }
	footer .btns a { width: 100%; }
	footer .btns a p { font-size: 14px; }
	footer .address { flex-direction: column;}
	footer .address dl { justify-content: center; margin-bottom: 20px; max-width: 100%; flex-wrap: wrap; }
	footer .address dl.tel { margin-bottom: 0; }
	footer .address .add { margin-right: 0; }
	footer .gnav ul { flex-wrap: wrap; margin-right: -10px; }
	footer .gnav ul li { width: 50%; padding-right: 10px; margin-bottom: 10px; margin-right: 0; }
	footer .gnav ul li a { display: block; border-bottom: 1px solid #fff; text-align: left; padding-left: 20px; position: relative; padding-bottom: 5px; padding-top: 5px; }
	footer .gnav ul li a:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 6px; height: 6px; transform: rotate(45deg); }
	footer .wrapper.under { flex-direction: column; }
	footer .wrapper.under div { text-align: center; }
	footer .sns { margin-top: 15px; }
	footer .privacy { margin-right: 0; }

	main#home #fv .top-slide .photo { height: 100vh; }
	main#home #fv .ttl { left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
	main#home #fv .ttl img { width: 25%; max-width: 140px; }
	main#home #news .news-top { padding: 20px 0; }
	main#home #news .news-top .wrapper { flex-direction: column; }
	main#home #news .news-top .wrap { padding: 20px 0px 0px; text-align: left; }
	main#home #news .news-top .wrap.w1 { padding: 10px; }
	main#home #news .news-top .wrap ul { margin-bottom: 0; }
	main#home #news .news-top .wrap ul li { flex-direction: column; align-items: flex-start; margin-bottom: 20px;}
	main#home #news .news-top .wrap ul li .block { margin-bottom: 5px; width: 100%; }
	main#home #news .news-top .wrap ul li .block a.cat { text-align: center; }
	main#home #news .news-top .wrap ul li > a { width: 100%; }
	main#home #news .news-top .link { position: static; text-align: right; }
	main#home #news .news-top .link a { justify-content: flex-end; }
	main#home #recipe { margin: 40px 0; }
	main#home #recipe .recipe-slide { width: 100vw; }
	main#home #recipe .recipe-slide li { width: 100vw; }
	main#home #recipe .recipe-slide .collabo { width: 30px; top: 5px;}
	main#home #recipe .recipe-slide.show { display: block; }
	main#home #column { margin-bottom: 35px; }
	main#home #column .tabs { flex-wrap: wrap; justify-content: space-between; border-radius: 0; }
	main#home #column .tabs .tab-btn { width: calc(50% - 5px); font-size: 13px; margin-bottom: 10px; border: none; border-radius: 5px; }
	main#home #column .panel-area .photo img { width: 100%; }
	main#home #column .category { margin: 10px 0; }
	main#home #products .items h3 { font-size: 20px; }
	main#home #story .dot { height: 60px; overflow: hidden; }
	main#home #about .photo { border-radius: 1.5em; overflow: hidden; }
	main#home #column .tabs .tab-btn.radius-tl.show { border-top-left-radius: 10px; }
	main#home #column .tabs .tab-btn.radius-tr.show { border-top-right-radius: 10px; }
	main#home #column .tabs .tab-btn.radius-bl.show { border-bottom-left-radius: 10px; }
	main#home #column .tabs .tab-btn.radius-br.show { border-bottom-right-radius: 10px; }
	main#news-list #list { margin: 40px 0 60px; }
	main#news-list #list .list-area { margin-top: 20px; }
	main#productst #products-area .products-block { margin-bottom: 50px; }
	main#productst #products-list .tab-btn { border-bottom: 1px solid #FBD9DB; border-right: 1px solid #FBD9DB;}
	main#productst #line-up { margin: 35px 0 60px; }
	main#productst #line-up .wrapper { margin-bottom: 40px; }
	main#productst #line-up .wrapper .recipe-list .photo { text-align: center; margin-bottom: 20px;}
	main#productst #line-up .wrapper .recipe-list p{ font-size: 14px; }
	main#recipe-detail #recipe-area { margin-top: 45px; }
	main#recipe-detail #recipe-area .ttl { font-size: 24px;}
	main#recipe-detail #recipe-area .block { flex-direction: column; }
	main#recipe-detail #recipe-area .wrap { width: 100%; }
	main#recipe-detail #recipe-area .wrap.local { width: 100%; }
	main#recipe-detail #recipe-area .wrapper { margin-bottom: 30px; }
	main#recipe-detail #recipe-area .recipe-wrap .photo { text-align: center; }
	main#column-detail .ttl-bb { font-size: 23px; }
	main#column-detail #column-contents { margin: 30px 0 50px; }
	main#column-detail #column-contents .red-ttl { font-size: 17px; margin-bottom: 20px; }
	main#column-detail #column-contents .wrapper { margin-bottom: 40px; }
	main#column-detail #column-contents .wrapper.pb { padding-bottom: 25px; }
	main#column-detail #recommendation .ttl-bb { font-size: 16px; }
	main#column-detail #recommendation .wrapper ul { margin: 0; }
	main#column-detail #recommendation .wrapper ul li { width: 100%; border-right: none; border-bottom: 1px dashed #b1b1b1; text-align: center;}
	main#recipe #products-serch { margin-top: 40px; }
	main#recipe #recipe-list { margin: 50px 0 60px; }
	main#recipe #recipe-list .wrapper .wrap { margin-bottom: 30px; }
	/* main#home #recipe .recipe-slide li { width: 100%;} */
	main#recipe #recipe-list .page-nav { margin-top: 30px; }
	main#products-list #products-serch { margin: 40px 0 30px; }
	main#products-list #products-list-area { margin-bottom: 60px; }
	main#products-list #products-list-area .box:nth-child(2) { border-right: none; }
	main#column #products-serch,
	main#column-detail #products-serch { margin: 40px 0 30px; }
	main#column #column-list { margin-bottom: 60px; }
	main#column #column-list .page-nav { margin-top: 0; }
	main#company #factory .flow .wrapper::before { content: none; }
	main#company #factory .flow .wrap h4 { margin-top: 20px; }
	main#company #factory .flow .chart .arrow.ag { left: 21%; }
	main#company #factory .flow .chart .arrow.ao { right: 21%; }
	main#company #fv { margin-bottom: 20px; }
	main#company #company-greetings { padding-top: 30px; }
	main#company #company-greetings .wrapper .text { margin-top: 10px; }
	main#company #company-greetings .wrapper .name-box { margin-top: 15px; }
	main#company #company-greetings .local { margin-top: 25px; flex-direction: column;}
	main#company #company-greetings .local .wrap { width: 100%; padding: 10px; margin-bottom: 15px; text-align: left; border-radius: 15px; }
	main#company #company-greetings .local .wrap h4 { margin-bottom: 10px; font-size: 18px; }
	main#company #company-greetings .local .wrap p { font-size: 13px; text-align: left; line-height: 2; }
	main#company #basic-info { margin: 50px 0; }
	main#company #basic-info .dl-table dt { margin-right: 20px; }
	main#company #basic-info .dl-table dd { width: calc(100% - 90px); }
	main#company #basic-info .wrapper { margin-bottom: 40px; }
	main#company #basic-info .wrapper th { width: 70px; }
	main#company #basic-info .block { margin-bottom: 40px; }
	main#company #basic-info .block p { margin-top: 10px; }
	main#company #factory { padding: 35px 0 20px; }
	main#company #factory .wrapper { margin-top: 20px; }
	main#company #factory .wrapper p { margin-bottom: 10px; }
	main#company #factory .flow { margin-top: 40px; }
	main#company #factory .flow .wrapper .txt { margin-top: 10px; }
	main#company #factory .flow .chart p { margin-bottom: 0; }
	main#company #factory .flow .chart .block { margin-bottom: 10px; }
	main#company #factory .flow .chart .arrow.ag { left: 20%; top: -100%; width: 55px;}
	main#company #factory .flow .chart .arrow.ao { right: 20%; top: -100%; width: 55px;}
	main#activities #goals { padding-bottom: 30px; }
	main#activities #goals p {font-size: 16px; padding-top: 45px;}
	main#activities #goals .sm {font-size: 14px; }
	main#activities #goals .wave img { width: 600px; }
	main#activities #goals .goals-img { padding-top: 40px; }
	main#activities #works { padding: 30px 0 60px; }
	main#activities #works .work-block { margin-bottom: 40px; }
	main#activities #works .photo { width: 100%; }
	main#activities #works .p1 { margin-top: 10px; }
	main#story .contents { padding: 40px 0 60px; }
	main#story .contents ul li { margin-bottom: 50px; }
	main#story .contents .title { margin-bottom: 20px; }
	main#story .contents .sub-title { margin-bottom: 20px; font-size: 20px; line-height: 1.6; }
	main#story .contents p { text-align: left; }
	main#faq .contents { padding: 20px 0 60px; }
	main#faq .faq-box dl dt{ font-size:18px;}
}

@media (max-width: 575px) {
	main#productst #products-area .products-text .dl-table dt { width: 120px; }
	main#productst #products-area .products-text .dl-table dd { width: calc(100% - 120px); }
	main#recipe #recipe-list .wrapper .ttl-bb { font-size: 18px; }
	main#products-list #products-list-area .box { border-right: none; }
	main#products-list #products-list-area .white-btn { margin-top: 50px !important }
	main#company #fv .sec-nav ul { flex-direction: column; }
	main#company #fv .sec-nav ul li { margin-right: 0; margin-bottom: 15px; }
	main#company #factory .flow .chart { font-size: 12px; }
	main#company #factory .flow .chart .arrow.ag { left: 20%; top: -105%; width: 55px;}
	main#company #factory .flow .chart .arrow.ao { right: 20%; top: -105%; width: 55px;}
	main#company #factory .flow .chart .arrow.a1 { width: 25px; }
	main#company #factory .flow .chart .arrow.a2 { width: 25px; }
	main#company #factory .flow .chart .arrow.a3 { width: 25px; }
	main#activities #goals .wave { display: none; }

}

.wp-post h1,
.wp-post h2 { font-size: 20px; margin-top: 20px; font-weight: bold; border-left: 4px solid #E50012; padding-left: 10px; color: #E50012; line-height: 1.4; }
.wp-post p { margin-top: 20px; }
#news-detail .ttl-bb { font-size: 24px; padding: 10px 0 15px; margin-bottom: 25px; }
#column-detail .related-pro-h { font-size: 20px; padding: 20px 0 5px; margin-bottom: 10px; letter-spacing: .1em; border-bottom: 1px solid #b1b1b1; }
#column-detail .related-pro-list { display: flex; margin: 0 -25px; flex-wrap: wrap; }
#column-detail .related-pro-list img { margin-right: 0; margin-top: 0; }
#column-detail .related-pro-list > li { width: 25%; padding: 10px 25px; border-right: 1px dashed #b1b1b1; margin-top: 10px; }
#column-detail .related-pro-list > li:nth-child(4n) { border-right: none; }
@media (max-width: 767px) {
	.wp-post h1, .wp-post h2 { font-size: 18px; }
	#news-detail .ttl-bb { font-size: 20px; }
	main#column-detail #column-fv { margin-top: 40px; }
	#column-detail .related-pro-h { font-size: 16px; }
}
@media (max-width: 575px) {
	#column-detail .related-pro-list > li { width: 50%; }
	#column-detail .related-pro-list > li:nth-child(2n) { border-right: none; }
}

/* 3/25 */
main#recruit .ttl-recruit { color: #E50012; text-align: center; font-size: 20px; border-top: 3px dotted #E50012; width: 200px; margin: 0 auto; padding: 15px 0; border-bottom: 3px dotted #E50012; letter-spacing: .125em; margin-bottom: 35px;}
main#recruit .ttl-b-recruit { font-size: 32px; font-weight: bold; text-align: center; letter-spacing: .12em; margin-bottom: 30px;}
main#recruit .gallery .photo-area { display: flex; justify-content: space-between;}
main#recruit .gallery .photo-area .photo1 { width: 27.5%; position: relative; }
main#recruit .gallery .photo-area .photo2 { width: 72%; position: relative; }
main#recruit .gallery .photo-area .num { position: absolute; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: #fff; }
main#recruit .gallery .photo-area .num1 { top: 136px; right: 4px; }
main#recruit .gallery .photo-area .num2 { bottom: 0; right: 4px; }
main#recruit .gallery .photo-area .num3 { bottom: 0; left: 0; }
main#recruit .gallery .photo-area .img1 { margin-bottom: 9px;}
main#recruit .p1 { font-size: 17px; letter-spacing: .1em;}
main#recruit .p2 { font-size: 14px; letter-spacing: .03em}
main#recruit .recurit-button-block { margin-bottom: 120px;}
main#recruit .recurit-button-block .recurit-button { width: 260px; margin: 0 auto; display: block;}
main#recruit .recurit-button-block .recurit-button .button { text-align: center; font-size: 14px; letter-spacing: .1em; border: 1px solid #E50012; border-radius: 10px; padding: 10px 0;}
main#recruit .recurit-button-block .p3 { text-align: center; font-size: 14px; letter-spacing: .03em}
main#recruit #fv .nav { justify-content: center;}
main#recruit #fv .nav li { margin-right: 30px;}
main#recruit #fv .nav li:last-of-type { margin-right: 0;}
main#recruit #fv .nav li a { display: flex; color: #E50012; font-weight: bold;}
main#recruit #fv .nav li a p { margin-right: 5px;}
main#recruit #fv .text { font-size: 17px; font-weight: bold; text-align: center; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;}
main#recruit #works { margin: 60px 0 45px; }
main#recruit #works .text-area { position: relative;}
main#recruit #works h2 { font-size: 33px; text-align: center;}
main#recruit #works p  { text-align: center;}
main#recruit #works .img { position: absolute; top: 0;}
main#recruit #works .img.r { right: 0;}
main#recruit #works-sales { margin-bottom: 130px;}
main#recruit #works-development { margin-bottom: 130px;}
main#recruit #works-development .gallery .photo-area .photo1 { width: 71.7% ;}
main#recruit #works-development .gallery .photo-area .photo2 { width: 27.2% ;}
main#recruit #works-manufacuturing { margin-bottom: 100px;}

@media (max-width: 767px) {
	main#home #products .item-box .item-text { font-size: 17px;}
	main#recruit .ttl-recruit { font-size: 18px;}
	main#recruit .ttl-b-recruit { font-size: 25px;}
	main#recruit .p1 { font-size: 15px;}
	main#recruit #fv .text { font-size: 15px;}
	main#recruit #works { margin: 30px 0 25px; }
	main#recruit #works h2 { font-size: 28px;}
	main#recruit #works-sales { margin-bottom: 60px;}
	main#recruit #works-development { margin-bottom: 60px;}
	main#recruit #works-manufacuturing { margin-bottom: 30px;}
	main#recruit .recurit-button-block { margin-bottom: 60px;}
	main#recruit .gallery .photo-area .num1 { right: 0; top: 28%; }
	main#home #recipe .recipe-slide li { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 575px) {
	main#home #products .item-box .item-block{ padding-top: 60% !important;}
	main#home #products .item-box .item-text { writing-mode: unset !important; width: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; justify-content: center; }
	main#recruit #fv .text { font-size: 15px;}
	main#recruit #fv .nav { justify-content: center; flex-wrap: wrap;}
	main#recruit #fv .nav li { margin-right: 0;  width: 50%; margin-bottom: 10px;}
	main#recruit #fv .nav li a { justify-content: center;}
	main#recruit #works .img { width: 65px !important; opacity: 0.6; display: none; }
	main#recruit .gallery .photo-area { flex-direction: column;}
	main#recruit .gallery .photo-area .photo1 { width: 100%; margin-bottom: 10px;}
	main#recruit .gallery .photo-area .photo2 { width: 100%;}
	main#recruit .gallery .photo-area img { width: 100%;}
	main#recruit .gallery .photo-area .num1 { left: 0; right: auto; }
	main#recruit #works-development .gallery .photo-area .photo1 { width: 100%;}
	main#recruit #works-development .gallery .photo-area .photo2 { width: 100%;}
	main#recruit .recurit-button-block .p3 { font-size: 12px;}
}

/* 商品一覧ローディング */
#loading { width: 100vw; height: 100vh; transition: all 2s; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.spinner { width: 100px; height: 100px; background-color: #FBD9DB; border-radius: 100%; animation: sk-scaleout 1.0s infinite ease-in-out;}
.loaded { opacity: 0; visibility: hidden;}

/* ローディングアニメーション */
@keyframes sk-scaleout {
	0% { transform: scale(0); }
	100% { transform: scale(1.0); opacity: 0; }
	}

@media (max-width: 575px) {
	.sp-3down > div:nth-child(4),
	.sp-3down > div:nth-child(5),
	.sp-3down > div:nth-child(6) { display: none; }
}