@charset "UTF-8";
html {line-height: 1.15; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: transparent; /* 3*/ font-family: "Shippori Mincho", serif;}
body {color: #3d3d3d;font-size: 16px;font-size: 1rem;font-weight: 400;line-height: 2.5;letter-spacing: 0.1rem;font-family: "Shippori Mincho", serif; margin: 0; position: relative; display: flex; flex-direction: column; min-height: 100vh;}
main {display: block;}
.pc{display: block;}
.sp{display:none;}
/*-------共通部分-------*/
.shop a {display: block;width: 100%;max-width: 13.194vw;padding: 0.6vw 2.014vw 0.5vw 1.4vw;font-family: "Jost", sans-serif;font-size: 1.111vw;font-weight: 400;letter-spacing: 0.1rem;border-radius: 1.389vw;color: #fff;background: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%);position: relative;}
.shop a::before {content: "";display: inline-block;width: 0.556vw;height: 0.556vw;border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 55%;right: 1.528vw;transform: translateY(-50%) rotate(45deg);}
.shop--middle a {max-width: 15.278vw;}
.shop--big a {font-size: 20px;font-family: "Shippori Mincho", serif;letter-spacing: 0.05rem;background: linear-gradient(to right, #5793bc 0%, #46a8b5 100%);padding: 12px 20px 16px;border-radius: 30px;max-width: 550px;text-align: center;}
.shop--big a::before {content: none;}
.shop--big a .dib {display: inline-block;padding-right: 32px;position: relative;}
.shop--big a .dib::before {content: "";display: inline-block;width: 1vw;height: 1vw;border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 55%;right: -0.472vw;transform: translateY(-50%) rotate(45deg);}

.archive-btn a {display: block;width: 100%;max-width: 15.278vw;padding: 0.6vw 2.014vw 0.5vw 1.4vw;font-family: "Jost", sans-serif;font-size: 1.111vw;font-weight: 400;text-align: left;letter-spacing: 0.1rem;border-radius: 1.389vw;color: #fff;border: 1px solid #fff;background: linear-gradient(to right, #5793bc 0%, #46a8b5 100%);position: relative;}
.archive-btn a::before {content: "";display: inline-block;width: 0.556vw;height: 0.556vw;border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 55%;right: 1.528vw;transform: translateY(-50%) rotate(45deg);}

.m-title1--en {display: inline-block;font-size: 2.083vw;font-weight: 400;font-family: "Alex Brush", cursive;line-height: 1.4;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%);}
.m-title1--ja {font-size: 3.472vw;font-weight: 400;font-family: "Shippori Mincho", serif;line-height: 1.8;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to right, #5793bc 0%, #46a8b5 100%);}
.m-title1--black {font-size: 2.778vw;letter-spacing: 0.05rem;color: #000000;line-height: 1.5;}
.m-title1--small {display: block;font-size: 1.111vw;letter-spacing: 0.05rem;font-family: "Zen Kaku Gothic New", sans-serif;margin-top: 0.417vw;}
.m-title1--small.bold {font-weight: 700;}

.wrapper {max-width: 1000px;margin-left: auto;margin-right: auto;}

/* PV数表示 */
.post-views{display: inline; position: fixed; bottom: 170px; right:4%; z-index:101;}
.top_view{display: inline; position: fixed; bottom: 170px; right:4%; z-index:101;}

/* 光るボタン ---------------------- */
.button {text-align: center;margin: 1rem;}
/* リンク部分 */
.button a {display: inline-block;padding: 0.5em 2em;background: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%);color: #fff;text-decoration: none;border-radius: 100vh;box-shadow: 0px 3px 11px rgb(175 175 175);transition: 0.3s;}
.button a:hover {opacity: 1;box-shadow: none;transform: scale(0.99, 0.99) translateY(1px);}
/*** ボタンを光らせる ***/
.btn-shine a {position: relative;overflow: hidden; width: 100%;}
/*** ボタンをキラッとさせる ***/
.btn-shine a:after {content: "";position: absolute;top: -50%;left: -50%;width: 10%;height: 150%;opacity: 0.5;filter: blur(1px);background: rgba(255, 255, 255, 0.5); transform: rotate(45deg);animation: reflect 3s ease-in-out infinite;}

/*** 光のアニメーション ***/
@keyframes reflect {
  0%,
  75% {transform: rotate(45deg) scale(0);opacity: 1;}
  100% {transform: rotate(45deg) scale(100);opacity: 0;}
}

/*-------footer-------*/
footer {margin-top: auto;
	background-color: #1ba0c6;background-image: url(../img/footer-bg.webp);background-position: bottom left;background-repeat: no-repeat;background-size: contain;}
footer .footer-head__container {display: flex;justify-content: space-between;padding-top: 3.125vw;position: relative;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
footer .footer-head__logo {width: 100%;max-width: 20.278vw;}
footer .footer-head__content {flex: 1;margin-top: 0.694vw;}
footer .footer-head__nav {display: flex;justify-content: flex-end;}
footer .footer-head__nav .navMenu {display: flex;}
footer .footer-head__nav .menu_single {font-size: 1.111vw;font-family: "Jost", sans-serif;letter-spacing: 0.1rem;font-weight: 300;margin-right: 2.917vw;color: #fff;}
footer .footer-head__nav .menu_single:last-child {margin-right: 3.403vw;}
footer .footer-head .shop {width: 100%;max-width: 13.194vw;}
footer .footer-head .shop a {border: 1px solid #fff;background: linear-gradient(to right, #5793bc 0%, #46a8b5 100%);}
footer .footer-head .sns {display: flex;justify-content: flex-end;margin-top: 1.389vw;}
footer .footer-head .sns__item {margin-right: 12px;}
footer .footer-head .sns__item:last-child {margin-right: 0;}
footer .footer-head .sns__link {display: block;}
footer .footer-copy {padding-top: 0.347vw;padding-bottom: 1.806vw;position: relative;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
footer .footer-copy__container {display: flex;justify-content: space-between;margin-top: 2.083vw;color: #fff;}
footer .footer-copy__container::before {content: "";display: inline-block;width: 33%;}
footer .footer-copy small {width: 33%;font-size: 0.972vw;font-family: "Shippori Mincho", serif;letter-spacing: 0.1rem;color: #fff;text-align: center;}
footer .footer-copy__attention {width: 33%;font-size: 0.972vw;font-family: "Shippori Mincho", serif;letter-spacing: 0.1rem;color: #fff;text-align: right;}

.f-menu {width: 100%; max-width: 500px; margin: 0 auto;position: fixed;bottom: 0px;left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);z-index: 2;}
.f-menu a{font-size: 12px;}

@media screen and (max-width:768px){
	footer .footer-head__container {display:block;}
	footer .footer-head__nav {display:block;}
	footer .footer-head__nav nav{margin: 20px 0;}
	footer .footer-head__nav .menu_single {font-size:2.8vw;}
	footer .footer-head .shop { width: 50%; max-width: inherit; margin: 20px 0;}
	footer .footer-head .shop a{font-size: 2.8vw; width: 100%; max-width:inherit; padding: 5%; border-radius: 4.389vw;}
	footer .footer-head .sns { justify-content: inherit;}
	footer .footer-copy__container {display:block;}
	footer .footer-copy__attention {width:100%; text-align:center; font-size:2.8vw;}
	footer .footer-copy small {font-size:2.8vw; width: 100%; display: block;}
	footer .footer-copy__container::before {content:""; display: none;}


}
/*-------header-------*/
header {display: flex;align-items: center;position: fixed;top: 2vw;left: 50%;transform: translateX(-50%);width: 100%;max-width: 83vw;margin-right: auto;margin-left: auto;z-index: 99;}
header .logo {width: 11.042vw;margin-right: 5.139vw;}
header .logo img{filter: drop-shadow(1px 1px 3px #999);}
header .container {display: flex;flex: 1;justify-content: flex-end;align-items: center;}
header .container nav .navMenu {display: flex;}
header .container nav .navMenu .menu_single {font-size: 1.111vw;font-family: "Jost", sans-serif;letter-spacing: 0.1rem;font-weight: 300;margin-right: 3.056vw;}
#top header .container nav .navMenu .menu_single a {color: #fff;}
header .container nav .navMenu .menu_single a {color: #46aef7;}
header .container .shop {width: 100%;max-width: 13.194vw;}
/* ハンバーガーめにゅー */
.humberger{position: fixed;bottom:70px;right: 5px;width:52px; height:52px; background: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%); text-align: center; padding-top:9px; z-index: 100; border-radius: 50%;}
.humberger p{line-height: 1; color: #fff; font-size: 10px;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger {position: relative;width: 30px;height: 20px;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 9px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
#menu02.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-315deg);transform: translateY(10px) rotate(-315deg);}
#menu02.active span:nth-of-type(2) {opacity: 0;}
#menu02.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(315deg);transform: translateY(-9px) rotate(315deg);}
@media screen and (max-width:768px){
  header{z-index: 100; display: block; background: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%); position:fixed;top:0;left:-100%; transition: .2s ease-in-out; transform: translateX(0%); padding: 5% 0;}
	header .logo{width: 40%;}
  header .container{ width:80%; height: 100vh; max-width: inherit; margin: 0 auto 0 0; display: block; position: relative;}
  header .container nav {position: absolute; top:0%; left:5%;  transform: translateY(0%) translateX(0%); -webkit-transform: translateY(0%) translateX(0%); width: 100%;}
	header .container nav .navMenu {display:block;}
  header .container nav ul {display: block;}
  header .container nav ul li{padding: 15% 0 0 5%; font-size: 15px!important;}
  header .container nav .navMenu .menu_single a {color: #fff;}
  .openNav{ left:0;transform: translateX(0); -webkit-transform:translateX(0%);}

}

/*-------main-------*/
#top main .mv {background-image: url(../img/mv.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
#top main .mv .container {position: relative;padding-top: 59.7vw;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .mv .container .ttl {color: #fff;position: absolute;top: 60%;left: 0;transform: translateY(-50%);width: 100%;max-width: 40vw;}
#top main .mv .container .ttl h2 {font-size: 3.0vw;font-family: "Shippori Mincho", serif;letter-spacing: 0.05rem;line-height: 1.7;}
#top main .mv .container .mv-scroll {color: #fff;font-size: 1.111vw;font-weight: 300;letter-spacing: 0.1rem;position: absolute;left: -2.153vw;bottom: 11.083vw;transform: rotate(90deg);}
#top main .mv .container .mv-scroll::before {content: "";display: inline-block;width: 7.639vw;height: 0.139vw;position: absolute;bottom: 1.3vw;right: -8.333vw;background: linear-gradient(to right, #94d2e4 0%, #94d2e4 70%, #faf7e7 70%, #faf7e7 100%);}
#top main .mv-about {position: relative;}
#top main .mv-about__subtitle {position: absolute;left: 0;top: 54%;transform: translateY(-50%);width: 58.958vw;}
#top main .mv-about__subtitle img {width: 100%;}
/*-------about-------*/
#top main .about {background-image: url(../img/about.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
#top main .about__container {position: relative;padding-top: 29.167vw;padding-bottom: 22.569vw;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .about-content {width: 50%;position: absolute;top: 53%;right: 0;transform: translateY(-50%);}
#top main .about-content__detail {color: #fff;font-size: 1.25vw;line-height: 2.77;margin-top: 0.903vw;}

/*-------details-------*/
#top main .details {background-color: #f5faff;}
#top main .details .imgtxt {position: relative;display: flex;justify-content: space-between;padding-bottom: 13.542vw;}
#top main .details .imgtxt .img {width: 48.5%;}
#top main .details .imgtxt .img img {width: 100%;object-fit: cover;}
#top main .details .imgtxt .txt {width: 46.2%;}
#top main .details .imgtxt .txt .detail {max-width: 38.056vw;margin-left: auto;margin-top: 6.181vw;}
#top main .details .imgtxt .txt .detail .m-title1 {position: relative;}
#top main .details .imgtxt .txt .detail .m-title1::before {content: "Details";font-size: 12.5vw;font-family: "Alex Brush", cursive;font-weight: 400;line-height: 1;letter-spacing: 0.5rem;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%);display: inline-block;position: absolute;top: -3.819vw;left: 0;opacity: 0.15;}
#top main .details .imgtxt .txt .detail .m-title1 .m-title1--small {text-align: right;}
#top main .details .imgtxt .txt .detail .detail__txt {font-size: 1.111vw;font-family: "Shippori Mincho", serif;margin-top: 0.694vw;line-height: 2.5;}
#top main .details .imgtxt .txt .ingredients {display: flex;align-items: center;border-top: 2px solid #8fd0e4;border-bottom: 2px solid #8fd0e4;margin-top: 2.708vw;padding-top: 1.319vw;padding-bottom: 1.597vw;padding-left: 2.222vw;}
#top main .details .imgtxt .txt .ingredients .ingredients-title1 {color: #1ba0c6;font-size: 1.389vw;font-family: "Jost", sans-serif;font-weight: 400;margin-right: 4.514vw;}
#top main .details .imgtxt .txt .ingredients .ingredients-list {margin-top: 0;margin-bottom: 0;}
#top main .details .imgtxt .txt .ingredients .ingredients-list .list-box {display: flex;font-size: 1.111vw;font-family: "Zen Kaku Gothic New", sans-serif;margin-top: 0.764vw;line-height: 1.5;}
#top main .details .imgtxt .txt .ingredients .ingredients-list .list-box:first-child {margin-top: 0px;}
#top main .details .imgtxt .txt .ingredients .ingredients-list .list-box__theme {font-weight: 500;width: 9.931vw;}
#top main .details .imgtxt .txt .ingredients .ingredients-list .list-box__des {flex: 1;}
#top main .details .imgtxt .txt .detail .shop {margin-top: 2.083vw;}
/*-------story-------*/
#top main .story {background-image: url(../img/story-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
#top main .story__container {padding-bottom: 6.389vw;text-align: center;position: relative;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .story__detail {font-size: 1.5vw;font-family: "Shippori Mincho", serif;line-height: 2.5;}
#top main .story__detail01 {margin-top: 3.264vw;}
#top main .story__subtitle {font-size: 1.944vw;font-family: "Shippori Mincho", serif;line-height: 2.5;margin-top: 0.972vw;}
/*-------video-------*/
#top main .video__main video {width: 100%;vertical-align: bottom;}

/*-------shopping-------*/
#top main .shopping {background-image: url(../img/shopping-bg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
#top main .shopping__container {padding-top: 1.056vw;padding-bottom: 5.556vw;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .shopping-content {padding-left: 3.472vw;}
#top main .shopping__head {display: inline-block;font-size: 10.417vw;font-weight: 400;font-family: "Alex Brush", cursive;line-height: 1;letter-spacing: 0.5rem;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to right, #46aef7 0%, #1dd5e6 100%);-moz-transform: matrix(0.9894206468, -0.1345734419, 0.1360220779, 0.9896778774, 0, 0);-webkit-transform: matrix(0.9894206468, -0.1345734419, 0.1360220779, 0.9896778774, 0, 0);-ms-transform: matrix(0.9894206468, -0.1345734419, 0.1360220779, 0.9896778774, 0, 0);}
#top main .shopping__title {font-size: 2.778vw;line-height: 2.25;letter-spacing: 0.25rem;margin-top: 0.903vw;color: #fff;}
#top main .shopping__detail {font-size: 1.111vw;line-height: 1.875;color: #fff;margin-top: 0.833vw;}
#top main .shopping .shop {margin-top: 3.819vw;}
#top main .shopping .shop a {border: 1px solid #fff;background: linear-gradient(to right, #5793bc 0%, #46a8b5 100%);}

/*-------media-------*/
#top main .media {background-image: url(../img/media-illust.webp);background-position: top right;background-repeat: no-repeat;background-size: 30%;}
#top main .media__container {padding-top: 6.944vw;padding-bottom: 7.431vw;text-align: center;position: relative;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .media-head {display: flex;align-items: center;justify-content: space-between;}
#top main .media-head .m-title1 {display: flex;align-items: center;}
#top main .media-head .m-title1--ja {line-height: 1;}
#top main .media-head .m-title1--en {line-height: 1;margin-left: 2.083vw;margin-top: 0.694vw;}
#top main .media-head .archive-btn {width: 15.278vw;}
#top main .media-list {margin-top: 5.278vw;margin-right: 3.819vw;margin-left: 3.819vw;}
#top main .media-list__item {display: flex;align-items: center;padding-bottom: 0.833vw;border-bottom: 2px solid #fdf9f7;margin-bottom: 0.417vw;}
#top main .media-list__item:last-child {border-bottom: none;margin-bottom: 0;}
#top main .media-list__date {font-size: 1.25vw;width: 7.639vw;margin-right: 1.319vw;line-height: 1;}
#top main .media-list__cat {display: inline-block;width: 8.333vw;font-size: 1.111vw;text-align: center;line-height: 1;letter-spacing: 0;margin-right: 1.597vw;color: #fff;background-color: #1ba0c6;padding: 0.139vw 0.347vw 0.139vw;}
#top main .media-list__title {font-size: 1.25vw;width: 43.75vw;text-align: left;margin-right: 0.972vw;line-height: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#top main .media-list__link {font-size: 1.111vw;color: #1ba0c6;position: relative;padding-right: 1.806vw;line-height: 1;}
#top main .media-list__link::before {content: "";display: inline-block;width: 0.556vw;height: 0.556vw;border-top: 1px solid #1ba0c6;border-right: 1px solid #1ba0c6;position: absolute;top: 55%;right: 0;transform: translateY(-50%) rotate(45deg);}

/*-------recipe-------*/
#top main .recipe-newsBg {background-image: url(../img/news-bg.webp);background-position: bottom right;background-repeat: no-repeat;background-size: contain;}
#top main .recipe__container {padding-bottom: 3.611vw;position: relative;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .recipe__inner {padding: 1.181vw 1.389vw 1.389vw;background-color: #f5faff;}
#top main .recipe-content {border: 2px solid #abdafc;padding: 3.542vw 2.569vw 4.097vw;}
#top main .recipe .m-title1 {text-align: center;}
#top main .recipe__lead {font-size: 1.111vw;text-align: center;margin-top: 1.389vw;line-height: 1.875;}
#top main .recipe .card {display: flex;justify-content: space-between;margin-top: 5.139vw;}
#top main .recipe .imgtxt {display: block;width: 32.4%;}
#top main .recipe .imgtxt .img {width: 100%;padding-top: 72%;position: relative;}
/* #top main .recipe .imgtxt .img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;object-position: center;} */


#top main .recipe .imgtxt .txt {padding: 0.833vw 1.736vw 1.667vw 1.042vw;background-color: #fff;}
#top main .recipe .imgtxt .txt__title {font-size: 1.528vw;letter-spacing: 0.05rem;line-height: 1.3;text-align: left;}
#top main .recipe .imgtxt .txt-info {display: flex;align-items: flex-start;justify-content: space-between;margin-top: 1.181vw;}
#top main .recipe .imgtxt .txt-info__date {font-size: 1.042vw;font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;line-height: 1;letter-spacing: 0.05rem;color: #999997;}
#top main .recipe .imgtxt .txt-info__cat {width: 5.5vw;display: inline-block;font-size: 1.111vw;text-align: center;line-height: 1;letter-spacing: 0;color: #fff;background-color: #1ba0c6;padding: 0.139vw 0.347vw 0.139vw;}
#top main .recipe .imgtxt .txt__des {font-size: 1.042vw;letter-spacing: 0.05rem;font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;line-height: 1.66;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 0.417vw;}
#top main .recipe .archive-btn {margin-top: 4.167vw;}
#top main .recipe .archive-btn a {margin-right: auto;margin-left: auto;}

/*-------news-------*/
#top main .news__container {padding-top: 2.917vw;padding-bottom: 9.722vw;position: relative;max-width: 83.333vw;margin-right: auto;margin-left: auto;}
#top main .news-head {display: flex;align-items: center;justify-content: space-between;position: relative;}
#top main .news-head__theme {position: absolute;top: 0;left: 0;font-size: 12.5vw;font-family: "Alex Brush", cursive;font-weight: 400;line-height: 0.5;letter-spacing: 0.5rem;color: #e8f4fa;display: inline-block;position: absolute;opacity: 0.8;}
#top main .news-head .m-title1 {display: flex;align-items: center;position: relative;}
#top main .news-head .m-title1--ja {line-height: 1;}
#top main .news-head .m-title1--en {line-height: 1;margin-left: 2.083vw;margin-top: 0.694vw;}
#top main .news-head .archive-btn {width: 15.278vw;}
#top main .news .news-slider {margin-top: 5.486vw;margin-right: -1.042vw;margin-left: -1.042vw;}
#top main .news .news-slider .card {width: 100%;max-width: 26.458vw;margin-right: 1.042vw;margin-left: 1.042vw; overflow: hidden;height: inherit!important;}
.slick-track{display: flex!important; }
#top main .news .news-slider .card .inner{height: 100%;}
#top main .news .news-slider .card .imgtxt .img {width: 100%;padding-top: 73%;position: relative;}
#top main .news .news-slider .card .imgtxt .img a{display: block; width: 100%; height: 100%;}
#top main .news .news-slider .card .imgtxt .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
#top main .news .news-slider .txt {padding: 1.2vw 1vw 1.667vw 1.042vw;background-color: #fff; height: 100%;}
#top main .news .news-slider .txt__title {font-size: 1.528vw;letter-spacing: 0.05rem;line-height: 1.3;text-align: left;}
#top main .news .news-slider .txt-info {display: flex;align-items: flex-start;justify-content: space-between;margin-top: 1.181vw;}
#top main .news .news-slider .txt-info__date {font-size: 1.042vw;font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;line-height: 1;letter-spacing: 0.05rem;color: #999997;}
#top main .news .news-slider .txt-info__cat {width: 5.5vw;display: inline-block;font-size: 1.111vw;text-align: center;line-height: 1;letter-spacing: 0;color: #fff;background-color: #1ba0c6;padding: 0.139vw 0.347vw 0.139vw;}
#top main .news .news-slider .txt__des {font-size: 1.042vw;letter-spacing: 0.05rem;font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;line-height: 1.66;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 0.417vw;}


/*-------------------------------お問い合わせ-------------------------------*/
#contact .contact .container{width: 90%; max-width: 1000px; margin: 0 auto; padding: 10% 0 5% 0;}
#contact h1 {font-size: 25px;text-align: center;margin: 0;}
#contact p{line-height: 2;}
#contact .tel{color:cornflowerblue;}

/* チェックボックス0 */
.contact .container .contactform form .checkbox input[type=checkbox] {display: none;}
.contact .container .contactform form .checkbox input{background: #fff;border: 2px solid #231815;content: ''; height: 20px;left: 0px;margin:1px 0 0 0;width: 20px;}
.contact .container .contactform .checkbox{display: flex; margin-bottom: 30px;}
.contact .container .contactform .checkbox .wpcf7-list-item { display: block!important; padding: 5px 30px 5px 0px; margin:0 0 5px 0px!important;}
.contact .container .contactform .checkbox .wpcf7-list-item label {box-sizing: border-box;cursor: pointer; display: block; position: relative;width: auto; font-weight:bold ; margin:0 0 5px 30px;}
.contact .container .contactform .checkbox .wpcf7-list-item label::before {background: #fff;border: 2px solid #231815;content: '';display: block;height: 20px;left: -30px;margin:0 0 8px 0; position: absolute;top: 24%;width: 20px;}
.contact .container .contactform .checkbox .wpcf7-list-item label span::after{border-right: 3px solid #1dd5e6; border-bottom: 3px solid #1dd5e6;content: '';display: block;height: 15px;left: -22px;margin-top: -7px;opacity: 0;position: absolute;top: 47%;transform: rotate(45deg);width: 5px;}
input[type=checkbox]:checked + span:after{opacity:1!important;}
/* テキストエリア */
.contact .container .contactform form input{margin:0 0 20px 0;}
.contact .container .contactform form .txt{margin-top: 10px; font-weight: bold; font-size: 18px; position: relative; width: fit-content; padding: 0!important; margin-bottom: 0;}
.contact .container .contactform form .txt .must{font-size: 11px;margin-left: 10px;background-color: #1dd5e6;color: #fff;padding: 0px 5px;position: absolute;right: -45px;top: 6px;}
.contact .container .contactform form input,
.contact .container .contactform form textarea{width: 100%; height: 40px; border: 1px solid #000; padding: 10px;}
.contact .container .contactform form textarea{height: 250px;}
.contact .container .contactform form .contactSubmit{width:250px; margin: 40px auto 20px auto;}
.contact .container .contactform form .contactSubmit input{color: #fff; display: block; background-color:#22302B; border: none; width: 100%}
.contact .container .contactform form .button{width: 150px; margin: 30px auto 0 auto;}
.contact .container .contactform form .button input{padding: 0; text-align: center;}
.contact .container a{color: #46aef7;}

@media screen and (max-width:768px){
	.pc{display: none;}
  .sp{display:block;}
	.m-title1--ja{font-size: 5.208vw;}
	.m-title1--en {	font-size: 4.267vw;}
	#top main .mv .container {padding-top: 77.7vw;}
	#top main .mv .container .ttl { max-width:fit-content;}
	#top main .about__container { padding-top: 87vw; max-width: 98vw; margin:0 0 0 auto;}
	#top main .mv .container .ttl h2 {font-size:4.906vw;}
	#top main .mv-about__subtitle { top: 44%;}
	#top main .about-content { width: 69%;}
	#top main .about-content__detail  {font-size:3.733vw; line-height: 1.6;}
	#top main .details {padding: 8% 0;}
	#top main .details .imgtxt {display:block; width: 98%; margin:50px auto 0 auto;}
	#top main .details .imgtxt .txt {width:100%;}
	#top main .details .imgtxt .img {width:100%;}
	#top main .details .imgtxt .txt .detail { max-width: inherit;margin: 0;}
	#top main .details .imgtxt .txt .detail .detail__txt {font-size:3.733vw;}
	.m-title1--black {font-size:6.667vw;}
	#top main .details .imgtxt .txt .detail .m-title1 .m-title1--small {font-size: 3.200vw;}
	#top main .details .imgtxt .txt .ingredients {display: block; margin: 5.7vw 0;}
	#top main .details .imgtxt .txt .ingredients .ingredients-title1 {font-size: 4vw;}
	#top main .details .imgtxt .txt .ingredients .ingredients-list .list-box {font-size: 4vw;;}
	#top main .details .imgtxt .txt .ingredients .ingredients-list .list-box__theme {width: 35.931vw;}
	#top main .story__container {max-width: 98vw;}
	#top main .story__detail {font-size:16px; line-height: 2.0; text-align: left;}
	#top main .story__subtitle {font-size:4.7vw; line-height: 2.0; margin: 30px 0 15px 0;}
	#top main .shopping {background-position: 71% 50%;}
	#top main .shopping__container {max-width: 98vw;}
	#top main .shopping .shop a {max-width: 35vw; padding:10px 15px; border-radius: 7.389vw; font-size: 2.8vw;}
	#top main .shopping .shop a::before {width: 1.556vw; height: 1.556vw; right: 4.528vw; top:49%}
	#top main .shopping__title {font-size: 4.800vw;}
	#top main .shopping__detail {font-size:3.467vw;}
	#top main .media__container {max-width: 98vw;}
	#top main .media-list__item {display: block; text-align: left;}
	#top main .media-list__date {font-size: 3.200vw;}
	#top main .media-list__cat {width: 8.333vw; width: fit-content;}
	#top main .media-list__title { font-size: 3.2vw; width: 100%;}
	#top main .media-list__link {font-size: 3.2vw;}
	#top main .recipe__container {max-width:98vw;}
	#top main .recipe__lead {text-align: left; font-size: 3.733vw;}
	#top main .recipe .card {display: block;}
	#top main .recipe .imgtxt { width: 100%; display: flex; margin-bottom: 7px;}
	#top main .recipe .imgtxt a{width: 35%;}
	#top main .recipe .imgtxt .img{ overflow: hidden;}
	#top main .recipe .imgtxt .img img{height: auto;}
	#top main .recipe .imgtxt .txt{width: 65%;}
	#top main .recipe .imgtxt .txt-info__cat {width: 12.5vw;font-size: 2.933vw;;}
	#top main .recipe .imgtxt .txt__title {font-size: 2.933vw;}
	#top main .recipe .imgtxt .txt-info__date {font-size: 2.933vw;}
	#top main .recipe .imgtxt .txt__des {font-size: 2.933vw; width: 100%;}
	#top main .news .news-slider .card {max-width: inherit;}
	#top main .news .news-slider .txt__title {font-size:3.922vw;}
	#top main .news .news-slider .txt__des {font-size:3.137vw;}
	#top main .news .news-slider .txt-info__cat {width: fit-content; font-size: 12px; padding: 0px 5px;}
	#top main .media-head {justify-content: space-around;}
	#top main .media-head .archive-btn { width:150px; margin: 0;}
	#top main .recipe .archive-btn {width:180px; margin: 8vw auto 5.5vw auto;}
	#top main .news-head .archive-btn {width:170px; }
  .archive-btn a{font-size: 2.8vw; max-width: inherit; border-radius: 4.389vw; padding: 5%;}
	.archive-btn a::before { width: 1.556vw;height: 1.556vw;}

}