@charset "UTF-8";
/* 20220727 あね子さんバナー追加 */
/* CSS Document */
main {
 padding-bottom: 60px;
}
.tsukushi {
 font-family: fot-tsukuardgothic-std, sans-serif;
 font-weight: 700;
 font-feature-settings: "palt";
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.titleblock {
 position: relative;
 text-align: left;
}
.titles {
 position: relative;
 width: 100%;
 padding: 0 6%;
 z-index: 2;
 text-align: left;
}
.heroimg {
 width: 100%;
 height: 320px;
 position: relative;
 z-index: 1;
 background-position: center center;
 background-size: cover;
}
.pageread {
 font-weight: bold;
 line-height: 1.7;
 font-feature-settings: "palt";
 letter-spacing: 0.05em;
}
.headread {
 padding-top: 30px;
 font-feature-settings: "palt";
}
@media print, screen and (max-width: 747px) {
 .titles {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  margin-top: -25px;
 }
 .titles img {
  width: 280px;
  margin-bottom: 15px;
  margin-left: 20px;
 }
 .heroimg {
  background-image: url("../images/jitan/main_smp.jpg");
 }
}
@media print, screen and (min-width: 748px) {
 .titles {
  padding-top: 160px;
  height: 640px;
  margin-top: 0;
 }
 .pageread {
  font-size: 1.125em;
 }
 h1 img {
  margin-top: 30px;
  margin-left: 0;
  width: 440px;
 }
 .pagetitle {
  font-size: 1.125em;
 }
 .heroimg {
  width: 62%;
  height: 620px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background-position: center center;
  background-image: url("../images/jitan/main.jpg");
 }
}
@media print, screen and (min-width: 960px) {
 .heroimg {
  width: calc(100% - 8% - 280px);
  height: 640px;
 }
 h1 img {
  width: auto;
  height: auto;
  margin-left: 0;
 }
}
@media print, screen and (min-width: 1281px) {
 .titles {
  padding: 160px 8% 0 8%;
 }
}
@media print, screen and (min-width: 960px) {
 .bw.headread {
  font-size: 1.125em !important;
 }
}
.bg {
 background: url("../images/jitan/bg.png");
}
.sectiontitle {
 padding: 0 0 30px;
 position: relative;
 margin-top: 150px;
}
.sectiontitle .iconmark {
 position: absolute;
 width: 100%;
 top: -100px;
 left: 0;
 z-index: 3;
}
@media print, screen and (max-width: 767px) {
 .sectiontitle .iconmark {
  top: -75px;
 }
 .sectiontitle .iconmark img {
  width: 140px;
  height: auto;
 }
}
.sectiontitle p.subtitle {
 font-size: 1.375em;
 font-feature-settings: "palt";
 padding: 30px 0 0 0;
}
.sectiontitle h2 {
 font-size: 3.375em;
 line-height: 1.2;
 padding: 0 0 30px 0;
 letter-spacing: 0;
 -webkit-font-smoothing: subpixel-antialiased;
 -moz-osx-font-smoothing: auto;
}
.sectiontitle h2 span {
 display: inline-block;
}
.sectiontitle .titletxt {
 font-size: 1.0625em;
 font-feature-settings: "palt";
}
@media print, screen and (max-width: 767px) {
 .sectiontitle p.subtitle {
  font-size: 1.15em;
  line-height: 1.5;
  margin-bottom: 15px;
 }
 .sectiontitle h2 {
  font-size: 2.5em;
 }
 .sectiontitle .titletxt {
  text-align: left;
  font-size: 1em;
 }
}
@media print, screen and (min-width: 768px) {
 .sectiontitle p {
  font-size: 1em;
 }
}
@media print, screen and (min-width: 1024px) {
 .sectiontitle p {
  font-size: 1em;
 }
}
.titleborder {
 color: #A5622B;
 border-top: 2px solid;
 font-size: 1.4em;
 font-weight: bold;
 padding: 12px 0;
 position: relative;
 text-align: center;
}
.titleborder::after {
 content: "";
 display: block;
 height: 1px;
 width: calc(50% - 10px);
 border-top: 2px solid #A5622B;
 position: absolute;
 bottom: 0;
 left: 0;
}
.titleborderbottom {
 position: relative;
 display: block;
 border-top: 2px solid #A5622B;
 width: calc(50% - 20px);
 bottom: 0;
 right: 0;
 left: calc(50% + 20px);
 height: 20px;
 transform: translateY(-2px);
}
.titleborderbottom::before {
 content: "";
 display: block;
 height: 1px;
 width: 35px;
 border-top: 2px solid #A5622B;
 position: absolute;
 top: 0;
 left: -34px;
 transform: rotate(-30deg) translateY(-2px);
 transform-origin: top right;
}
h3.titleborder span {
 font-weight: normal;
 font-size: .85rem;
 display: block;
}
.mealkit .bg, .delica .bg, .yusyoku .bg {
 padding: 0 0 40px 0;
 position: relative;
}
.mealkit .bg::before, .delica .bg::before, .yusyoku .bg::before {
 position: absolute;
 content: '';
 width: 100%;
 height: 200px;
 background: #fff;
 display: block;
 top: 0;
 left: 0;
 z-index: 1;
}
.mealkit .sectiontitle, .delica .sectiontitle, .yusyoku .sectiontitle {
 position: relative;
 z-index: 2;
}
.mealkit, .delica, .yusyoku {
 color: #6B4012;
}
.setimg {
 position: relative;
}
.setimg .setsample {
 text-align: center;
 font-weight: bold;
 padding: 0 0 25px 0;
}
.setdetail {
 width: auto;
 margin: 0px 0 0 0;
}
.setdetail p {
 margin: 0 0 0 auto;
 font-size: 1.0625em;
}
.setdetail p.tejyun {
 padding: 15px 0;
}
.setdetail .cookimg {
 position: relative;
 margin: 0 0 0 auto;
}
.setdetail .cookimg .cookimgword {
 position: absolute;
 left: 0px;
 top: 10px;
 width: 140px;
}
@media print, screen and (min-width: 768px) {
 .setimg .setsample {
  position: absolute;
  top: 0;
  left: -10px;
  z-index: 3;
  width: 55%;
 }
 .setdetail p {
  width: 48%;
 }
 .setdetail p.tejyun {
  width: 45%;
  padding: 30px 0;
 }
 .setdetail .cookimg {
  width: 400px;
 }
 .setdetail {
  width: auto;
  margin: 40px 0 0 0;
 }
 .setdetail .cookimg .cookimgword {
  width: auto;
  left: -140px;
  top: auto;
  bottom: 100px;
 }
}
@media print, screen and (min-width: 850px) {
 .setdetail .cookimg {
  width: 480px;
 }
 .setdetail .cookimg .cookimgword {
  width: auto;
  left: -140px;
  top: auto;
  bottom: 50px;
 }
}
@media print, screen and (min-width: 1240px) {
 .setimg .setsample {
  width: auto;
 }
 .setdetail p {
  width: 390px;
 }
 .setdetail p.tejyun {
  width: 380px;
  padding: 30px 0;
 }
 .setdetail .cookimg .cookimgword {
  width: auto;
  left: -160px;
  top: auto;
  bottom: 0px;
 }
}
.point ul {
 padding: 20px 0 40px 0;
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 margin-right: -15px;
}
.point li {
 margin: 70px 15px 0 0;
 position: relative;
 background: #fff;
 padding: 60px 18px 25px;
 font-size: 0.9375em;
 /*box-shadow: 0 3px 3px rgba(107, 64, 18, 0.4);*/
 font-feature-settings: "palt";
}
.point li::after {
 content: '';
 position: absolute;
 right: 0;
 left: -0%;
 top: 100%;
 z-index: 10;
 display: block;
 height: 15px;
 background-size: 15px 100%;
 background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%);
 background-position: 0 0;
 filter: drop-shadow(0 2px 1px rgba(107, 64, 18, 0.1));
}
.pointnum {
 position: absolute;
 width: 100%;
 top: -50px;
 left: 0;
 text-align: center;
}
.point .marker {
 background: #FFF490;
 font-weight: bold;
}
@media print, screen and (max-width: 640px) {
 .point li {
  margin: 40px 10px 0 0;
  width: calc(50% - 10px);
  padding: 60px 12px 25px;
 }
 .pointnum {
  position: absolute;
  width: 100%;
  top: -25px;
 }
 .pointnum img {
  width: 70px;
 }
}
@media print, screen and (min-width: 641px) {
 .point li {
  width: calc(33.33% - 15px);
 }
}
@media print, screen and (min-width: 1024px) {
 .point li {
  width: calc(20% - 15px);
 }
}
.items {
 margin-top: 30px;
 position: relative;
}
.items ul {
 margin: 30px 0 20px 0;
}
.items ul li {
 /*box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);FAF5ED
 background: #F8EFE1;*/
 background: #fff;
 position: relative;
 margin-bottom: 35px;
}
.items p {
 font-size: .93em;
}
.items .itemtxt {
 padding: 0 25px 25px;
}
.items .ninmae {
 position: relative;
 margin-top: -17px;
 padding-bottom: .7em;
}
.items .ninmae span {
 display: inline-block;
 font-size: .9em;
 font-weight: bold;
 color: #fff;
 padding: 2px 1.5em;
 border-radius: 30px;
 background: #FF8976;
}
.items h4 {
 font-weight: bold;
 font-size: 1.2em;
 line-height: 1.4;
 margin-bottom: 12px;
 letter-spacing: 0.05em;
}
.items .set {
 font-size: .95em;
}
.items .set h5 {
 font-weight: bold;
 margin: .5em 0 .3em 0;
}
.items .set p {
 font-size: .9em;
 font-feature-settings: "palt";
}
@media print, screen and (max-width: 640px) {
 .items ul li {
  margin-bottom: 15px;
 }
}
@media print, screen and (min-width: 641px) {
 .items ul {
  margin: 30px 0 20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 .items ul li {
  width: calc(50% - 15px);
 }
 .items::before {
  /*content: '';*/
  width: 100%;
  height: 49%;
  display: block;
  background-image: radial-gradient(#BA906D 2px, transparent 2px), radial-gradient(#BA906D 2px, transparent 2px);
  background-size: 30px 30px;
  background-position: 8px 8px, 23px 23px;
  position: absolute;
  top: 20%;
  left: 0;
  opacity: 0.5;
  /* background-size: 52px 52px;
  background-image: repeating-linear-gradient(90deg, #FFDC8A 0, #FFDC8A 13px, transparent 0, transparent 50%);
 */
 }
}
.sonota {
 font-weight: bold;
 line-height: 1.4;
 font-size: 1.15em;
 position: relative;
}
.sonota img {
 width: 42px;
 height: auto;
 margin-bottom: 5px;
}
.sonota span {
 font-weight: normal;
 font-size: .75em;
}
@media print, screen and (min-width: 641px) {
 .sonota {
  /*margin-top: -30px;*/
 }
}
.voice {
 padding: 30px 0;
}
.voice ul {
 margin-top: 20px;
}
.voice li {
 display: flex;
 /*align-items: center;*/
 margin-bottom: 20px;
}
.voice li .face {
 width: 72px;
 height: 72px;
}
.voice li .comment {
 flex: 1;
 padding-left: 10px;
 font-size: .93em;
 line-height: 1.6;
}
.voice li .comment img {
 margin-left: -15px;
}
@media print, screen and (max-width: 640px) {
 .voice li:nth-of-type(even) {
  flex-direction: row-reverse;
 }
 .voice li {
  align-items: center;
 }
}
@media print, screen and (min-width: 641px) {
 .voice ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .voice li {
  width: 48%;
  display: flex;
 }
}
@media print, screen and (min-width: 1024px) {
 .voice li {
  align-items: center;
 }
}
.delica {
 position: relative;
}
.delicaimg {
 position: relative;
}
.delicaimg .fukidashi {
 position: absolute;
 right: -20px;
 top: -40px;
}
.delicaimg p {
 width: 670px;
 height: auto;
 border-top-left-radius: 40px;
 border-bottom-right-radius: 40px;
 overflow: hidden;
}
.delica .sectiontitle {}
.delica .sectiontitle .read, .yusyoku .sectiontitle .read {
 font-size: 1rem;
 font-feature-settings: normal;
 font-weight: normal;
}
.delica .items .itemimg {
 position: relative;
}
.delica .items .package {
 float: right;
 margin-left: 8px;
 margin-right: -5px;
 width: auto;
 height: 120px;
}
.delica .items .itemtxt {
 padding: 15px 25px 25px;
}
.delica .items .itemtxt::after {
 content: "";
 display: block;
 width: 100%;
 height: 1px;
 clear: both;
}
.yusyoku {
 padding: 20px 0 0 0;
}
.yusyoku .settxt .sectiontitle {
 flex: 1;
 padding-right: 50px;
}
.yusyoku .items .itemtxt {
 padding: 10px 25px 25px;
}
.yusyoku .items li p {
 text-align: left;
}
.yusyoku .items .itemimg img {
 position: relative;
 z-index: 3;
 margin-top: -20px;
 -webkit-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.3));
 -moz-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.3));
 -ms-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.3));
 filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.3));
}
.yusyoku .items h4 {
 font-size: 1.3em;
}
.yusyoku .items h4 span {
 font-size: .8em;
 display: inline-block;
}
.yusyoku .items .set {
 padding-top: .8em;
}
@media print, screen and (min-width: 768px) {
 .yusyoku .items li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
 }
 .yusyoku .items .itemimg {
  width: 52%;
 }
 .yusyoku .items ul li .itemimg img {
  position: relative;
  z-index: 3;
  margin-top: auto;
  margin-left: -30px;
 }
 .yusyoku .items ul li .itemtxt {
  width: 48%;
  padding: 25px 25px 25px 0;
 }
}
@media print, screen and (min-width: 1024px) {
 .yusyoku .items ul li:nth-child(2) {
  flex-direction: row-reverse;
 }
 .yusyoku .items .itemimg img {
  position: relative;
  z-index: 3;
  margin: -30px 0 -30px -30px;
 }
 .yusyoku .items ul li:nth-child(2) .itemimg img {
  margin: -30px -30px -30px 20px;
 }
 .yusyoku .items ul li:nth-child(2) .itemtxt {
  padding: 25px 0px 25px 30px;
 }
}
.yusyoku .items .sonota {
 line-height: 1.8;
}
.yusyoku .items .sonota p {
 font-feature-settings: "palt";
}
.yusyoku .voice {
 padding: 30px 0 50px;
}
.yusyoku .voice li {
 width: 100%;
 align-items: flex-start;
}
.yusyoku .voice .face {
 border-radius: 0;
}
.yusyoku .servicearea {
 border: 5px solid #FFEC9F;
 padding: 10px 30px 30px;
 color: #333;
}
.yusyoku .servicearea dl {
 font-size: .9em;
}
.yusyoku .servicearea dt {
 float: left;
 clear: left;
 color: #FF871E;
 font-weight: bold;
}
.yusyoku .servicearea dt::after {
 content: "：";
}
.yusyoku .servicearea .truck {
 stroke: #FF871E;
 width: 62px;
 transform: scale(-1, 1);
 text-align: center;
}
.yusyoku .yusyokuarea {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}
.yusyoku .yusyokuarea h3 {
 color: #FF871E;
 font-size: 1.25em;
 font-weight: bold;
 margin: -15px 0 20px 0;
}
@media print, screen and (min-width: 641px) {
 .items ul li {
  width: calc(50% - 15px);
 }
 .yusyoku .items ul li {
  width: 100%;
 }
 .yusyoku .yusyokuarea {
  flex-direction: row;
 }
 .yusyoku .yusyokuarea h3 {
  padding-left: .5em;
  margin: 0;
 }
 .yusyoku .voice {
  padding: 30px 15% 50px;
 }
}
.yusyoku .note {
 padding: 1.5em 0;
 text-align: center;
 color: #333;
}
.yusyoku .note p {
 font-size: .9em;
 position: relative;
}
.yusyoku .note p::before {
 content: "※";
}
@media print, screen and (max-width: 1023px) {
 .yusyoku .note p {
  padding-left: 1.2em;
  text-align: left;
 }
 .yusyoku .note p::before {
  position: absolute;
  left: 0;
  top: 0;
 }
}
span.newwin {
 display: inline-block;
 height: auto;
 padding: 0 .2em;
}
.yusyoku a {
 color: #EF835E;
}
.banner-blank {
 fill: #EF835E;
}
.catalog ul.sample {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 margin: 20px 0 0 0;
}
.catalog ul.sample li {
 width: 20%;
 margin: 0 0 25px 0;
 padding: 0 5px;
}
@media print, screen and (max-width: 640px) {
 .catalog ul.sample li {
  width: 33.33%;
  margin: 0 0 10px 0;
  padding: 0 5px;
 }
}
/* 20220727 あね子さんバナー追加 */
.banner_aneko {
 margin: 0 0 32px;
 text-align: center;
 /*background: #574937;*/
 background: #ffc075;
 padding: 10px;
}
.banner_aneko a img {
 border: 3px solid #a67c52;
}
@media print, screen and (min-width: 1025px) {
 .banner_aneko {
  width: 960px;
  margin: 0 auto 32px;
 }
}
@media (hover: hover) {
 .banner_aneko a:hover img {
  border: 3px solid #ff8200;
  filter: brightness(1.05);
 }
}
.trial_link {
 text-align: center;
 margin: 0 0 3em 0;
 padding-top: 1.5em;
 padding-bottom: 1.5em;
 background: #fff7c9
}
@media (hover: hover) {
 .trial_link a:hover img {
  filter: brightness(1.05);
 }
}