@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body {
  overflow-x: hidden;
}

.sp_kpe {
  display: none !important;
}

.pc_kpe {
  display: block !important;
}


.mt_0{margin-top:0px !important}.mb_0{margin-bottom:0px !important}.mr_0{margin-right:0px !important}.ml_0{margin-left:0px !important}

.mt_10{margin-top:10px !important}.mb_10{margin-bottom:10px !important}.mr_10{margin-right:10px !important}.ml_10{margin-left:10px !important}

.mt_20{margin-top:20px !important}.mb_20{margin-bottom:20px !important}.mr_20{margin-right:20px !important}.ml_20{margin-left:20px !important}

.mt_30{margin-top:30px !important}.mb_30{margin-bottom:30px !important}.mr_30{margin-right:30px !important}.ml_30{margin-left:30px !important}

.mt_40{margin-top:40px !important}.mb_40{margin-bottom:40px !important}.mr_40{margin-right:40px !important}.ml_40{margin-left:40px !important}

.mt_50{margin-top:50px !important}.mb_50{margin-bottom:50px !important}.mr_50{margin-right:50px !important}.ml_50{margin-left:50px !important}

.mt_60{margin-top:60px !important}.mb_60{margin-bottom:60px !important}.mr_60{margin-right:60px !important}.ml_60{margin-left:60px !important}

.mt_70{margin-top:70px !important}.mb_70{margin-bottom:70px !important}.mr_70{margin-right:70px !important}.ml_70{margin-left:70px !important}

.mt_80{margin-top:80px !important}.mb_80{margin-bottom:80px !important}.mr_80{margin-right:80px !important}.ml_80{margin-left:80px !important}

.mt_90{margin-top:90px !important}.mb_90{margin-bottom:90px !important}.mr_90{margin-right:90px !important}.ml_90{margin-left:90px !important}

.mt_100{margin-top:100px !important}.mb_100{margin-bottom:100px !important}.mr_100{margin-right:100px !important}.ml_100{margin-left:100px !important}

.pt_0{padding-top:0px !important}.pb_0{padding-bottom:0px !important}

.pt_10{padding-top:10px !important}.pb_10{padding-bottom:10px !important}

.pt_20{padding-top:20px !important}.pb_20{padding-bottom:20px !important}

.pt_30{padding-top:30px !important}.pb_30{padding-bottom:30px !important}

.pt_40{padding-top:40px !important}.pb_40{padding-bottom:40px !important}

.pt_50{padding-top:50px !important}.pb_50{padding-bottom:50px !important}

.pt_60{padding-top:60px !important}.pb_60{padding-bottom:60px !important}

.pt_70{padding-top:70px !important}.pb_70{padding-bottom:70px !important}

.pt_80{padding-top:80px !important}.pb_80{padding-bottom:80px !important}

.pt_90{padding-top:90px !important}.pb_90{padding-bottom:90px !important}

.pt_100{padding-top:100px !important}.pb_100{padding-bottom:100px !important}

.w30 {
  overflow: hidden;
  width: 28% !important;
}

.w40 {
  overflow: hidden;
  width: 38% !important;
}

.w50 {
  overflow: hidden;
  width: 48% !important;
}

.w60 {
  overflow: hidden;
  width: 58% !important;
}

.w70 {
  overflow: hidden;
  width: 68% !important;
}



@font-face {
  font-family: "CraftMincho";
  src: url("../fonts/craftmincho-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family:"LogoTypeGothic";
  src:url("../fonts/logotypegothic.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}


/* 例：全体に適用 */
body {
  font-family: "CraftMincho", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#container {
  flex-direction: row;
  justify-content: center;
  background-image: url("../images/pc_haikei03.jpg");
  background-repeat: repeat;
  background-size: auto;
}

#container-wrap {
  max-width: 768px;
}

#menubar .animateme {
  background: #340f08;
  border-bottom: solid 2px #340f08;
}

.bg1 {
  background:#f3e8d4 !important;
}


#contents_gift {
  overflow: hidden;
  position: relative;
  z-index: 10;
  color: #340f08;

}

.contents_gift_gift {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.contents_gift_item {
  margin: 0;
}

.contents_gift_item img{
  display: block;
  margin: 20px auto;
}


.img-wrap {
  width: 80%;
  position: relative;
  display: block;
  margin: 40px auto 60px;
}

.img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.img-wrap-full {
  position: relative;
}

.wrap-2 {
  width: 100%;
  min-height: 200px;
  margin: 40px auto 60px;
  display: flex;
  flex-direction: column;
}

.text-center { 
  text-align: center;
  font-size: 1.2rem;
}

.img-text {
  position: absolute;
  right: 12px;
  top: 12px;
  transform: none;
  color: #340f08;
  font-weight: 700;
  font-size: 24px;
  padding: .4em .6em;
  pointer-events: none;
}

.img-text-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #340f08;
  font-weight: 700;
  font-size: 2.4rem;
  padding: .4em .6em;
  pointer-events: none;
}

.img-text-tate {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: #fff;
  font-weight: 700;
  font-size: 3.0rem;
  line-height: 3;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
  pointer-events: none;
}


/* sec_top */
/* 全国配送 */
.sec_top .img-wrap-full .img-image-right {
  position: absolute;
  right: -10px;
  top: 30px;
  z-index: 1;
  pointer-events: none;
}

.sec_top .img-wrap-full .img-image-right img {
  width: 70%;
}

/* ロゴ */
.sec_top .img-wrap-full .img-image-left {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
  width: 30%;
}


/* sec_01 */
.sec_00 {
  background: #f3e8d4 !important;
  margin: 80px 0;
  padding: 0 5%;
}

.sec_00 h1 { 
  font-size: 5.0rem;
  text-align: center;
  letter-spacing: -0.08em;
  line-height: 1.2;
}

.sec_00 h2 { 
  margin-top: 0 !important;
  font-size: 3.0rem;
  text-align: center;
  letter-spacing: -0.08em;
  line-height: 1.2;
}

.sec_00 h2 span { 
  color: #ea7547;
}

.sec_00 h3 {
  text-align: center;
  font-size: 1.6rem;
}

.sec_00 p {
  text-align: left;
  margin: 0 0 12px 0;
}

.sec_00 .img-wrap .img-text {
  width: 35%;
  font-size: 1.6rem;
  line-height: 1.2;
  right: 20px;
  top: 10%;
}

.sec_00 .img-wrap .img-text-price {
  position: absolute;
  width: 37%;
  font-size: 1.6rem;
  right: 10px;
  bottom: 40%;
  pointer-events: none;
}

.sec_00 .img-wrap .img-text-price span {
  font-size: 1.4rem;
  margin-right: 10px;
}



/* sec_01 */
.sec_01 {
  background: #f3e8d4 !important;
  padding: 0;
}

.sec_01 .img-wrap-full .img-image-title {
  left: -100px;
  top: 0px;
  z-index: 1;
  pointer-events: none;
  width: 60%;
}

.sec_01 .img-wrap-full .img-image-right {
  position: absolute;
  right: -100px;
  top: 20px;
  z-index: 1;
  pointer-events: none;
  width: 40%;
}

.sec_01 .img-wrap-full .img-image-left {
  position: absolute;
  left: -100px;
  bottom: 0px;
  z-index: 1;
  pointer-events: none;
  width: 30%;
}

.sec_01 .contents_gift {
  position: relative;
  margin: 0 5%;
}

.sec_01 .contents_gift_item {
  width: 80%;
  padding: 0 20px;
}

.sec_01 .contents_gift_gift {
  justify-content: center;
}

.sec_01 .img-image img{
  display: block;
  height: auto;
}

/* 香り高さ */
.ribon-01 {
  width: 100%;
}

.ribon-01 h2 {
  font-size: 2.6rem;
  margin-right: 80px;
}

.ribon-01 .img-text {
  top: 55px;
  left: 50px;
}

.shinmame-info01 {
  width:90% !important
}

.sec_01 .img-small01 {
  position: absolute;
  right: 40px;
  bottom: -80px;
  width: 20%;
  height: auto;
  z-index: 3;
  pointer-events: none;
}


/* 甘みが強い */
.ribon-02 {
  width: 100%;
  margin-top: 40px;
}

.ribon-02 .img-text {
  top: 40px;
  right: 50px;
}

.ribon-02 h2 {
  font-size: 2.6rem;
}

.sec_01 .img-small02 {
  position: absolute;
  left: 40px;
  bottom: -120px;
  width: 22%;
  height: auto;
  z-index: 3;
  pointer-events: none;
}


/* sec_02 */
.sec_02 {
  background: #ea7547 !important;
  margin: 0;
  padding: 200px 5%;
}

.sec_02 .img-wrap {
  width: 100%;
  position: relative;
  background: #E7774A;
  margin: 0;
  padding: 48px 0;
}


.sec_02 .img-wrap .img-small {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 30%;
  height: auto;
  z-index: 3;
  pointer-events: none;

}

/* 職人の煎り */
.sec_02 .img-wrap .img-image-text01 {
  position: relative;
  z-index: 1;
  width: 78%;
  margin-top: 90px;
}

.sec_02 .img-wrap .img-image-text01 img {
  display: block;
  width: 100%;
  height: auto;
}

.sec_02 .img-wrap .img-image-img01 {
  position: absolute;
  right: 40px;
  top: 80px; 
  width: 42%;
  z-index: 2;
}

.sec_02 .img-wrap .img-image-img01 img {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.sec_02 .img-wrap .img-image-text01 .img-text-h2 {
  position: absolute;
  width: 60%;
  top: 30px;
  left: 0px;
}

.sec_02 .img-wrap .img-image-text01 .img-text-h2 h2 {
  font-size: 1.6rem;
}

.sec_02 .img-wrap .img-image-text01 .img-text {
  width: 60%;
  font-size: 0.9rem;
  top: 60px;
  left: 50px;
  line-height: 1.8;
}

/* 熟成期間 */
.sec_02 .img-wrap .img-image-img02 {
  position: relative;
  z-index: 2;
  width: 46%;
}

.sec_02 .img-wrap .img-image-img02 img {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.sec_02 .img-wrap .img-image-text02 {
  position: absolute;
  right: 40px;
  top: 10px;
  width: 78%;
  z-index: 1;
  margin-top: 90px;
}

.sec_02 .img-wrap .img-image-text02 img {
  display: block;
  width: 100%;
  height: auto;
}

.sec_02 .img-wrap .img-image-text02 .img-text-h2 {
  position: absolute;
  width: 60%;
  top: 30px;
  right: 60px;
}

.sec_02 .img-wrap .img-image-text02 .img-text-h2 h2 {
  font-size: 1.6rem;
}

.sec_02 .img-wrap .img-image-text02 .img-text {
  width: 55%;
  font-size: 0.9rem;
  top: 70px;
  right: 20px;
  line-height: 1.8;
}

.sec_02 h2 {
  font-size: 3.0rem;
  text-align: center;
  letter-spacing: -0.08em;
  line-height: 1.2;
  color: #f6efe5;
}

.sec_02 .img-wrap h2 {
  color: #340f08;
}

.sec_02.wave-section-1{
  position: relative;
  overflow: hidden;
  background: #ea7547 !important;

  --sec-bg: #ea7547;
  --outer-bg: #f3e8d4;
  --skew: -3deg;
  --wave-h: 120px;
  --bleed: 220px;
}

/* 4枚共通：でかく＆斜め */
.sec_02.wave-section-1 .wave-top-bg,
.sec_02.wave-section-1 .wave-top-wave,
.sec_02.wave-section-1 .wave-bottom-bg,
.sec_02.wave-section-1 .wave-bottom-wave{
  position:absolute;
  left:-160%;
  width:420%;
  height: calc(var(--wave-h) + var(--bleed));
  transform: skewY(var(--skew));
  transform-origin:center;
  pointer-events:none;
  z-index: 1;
}

/* 背景（ベージュの全面塗り）＝オレンジ漏れを根絶 */
.sec_02.wave-section-1 .wave-top-bg{
  top: calc(var(--bleed) * -1);
  background: var(--outer-bg);
}
.sec_02.wave-section-1 .wave-bottom-bg{
  bottom: calc(var(--bleed) * -1);
  background: var(--outer-bg);
}

/* 波（オレンジの波形SVG）＝境界を波にする */
.sec_02.wave-section-1 .wave-top-wave{
  top: calc(var(--bleed) * -1);
  background-repeat:no-repeat;
  background-size: 100% var(--wave-h);
  background-position: 0 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='none'%3E%3Cpath fill='%23ea7547' d='M0 120 C 35 70 55 170 90 120 C 125 70 145 170 180 120 C 215 70 235 170 270 120 C 305 70 325 170 360 120 C 395 70 415 170 450 120 C 485 70 505 170 540 120 C 575 70 595 170 630 120 C 665 70 685 170 720 120 C 755 70 775 170 810 120 C 845 70 865 170 900 120 C 935 70 955 170 990 120 L 1000 200 L 0 200 Z'/%3E%3C/svg%3E");
}

/* 下側の波（上下反転） */
.sec_02.wave-section-1 .wave-bottom-wave{
  bottom: calc(var(--bleed) * -1);
  background-repeat:no-repeat;
  background-size: 100% var(--wave-h);
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='none'%3E%3Cg transform='scale(1,-1) translate(0,-200)'%3E%3Cpath fill='%23ea7547' d='M0 120 C 35 70 55 170 90 120 C 125 70 145 170 180 120 C 215 70 235 170 270 120 C 305 70 325 170 360 120 C 395 70 415 170 450 120 C 485 70 505 170 540 120 C 575 70 595 170 630 120 C 665 70 685 170 720 120 C 755 70 775 170 810 120 C 845 70 865 170 900 120 C 935 70 955 170 990 120 L 1000 200 L 0 200 Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* 中身は最前面 */
.sec_02.wave-section-1 .content-wave{
  position: relative;
  z-index: 2;
}

/* 過去の疑似要素が残ってたら無効化 */
.sec_02.wave-section-1::before,
.sec_02.wave-section-1::after{
  content:none !important;
}


/* うすいベージュ線（継ぎ目）対策：オレンジ波を少しだけ重ねる */
.sec_02.wave-section-1{
  --seam-fix: 2px;
}

/* 上のオレンジ波：少し下に伸ばして重ねる */
.sec_02.wave-section-1 .wave-top-wave{
  height: calc(var(--wave-h) + var(--bleed) + var(--seam-fix));
  background-size: 100% calc(var(--wave-h) + var(--seam-fix));
  background-position: 0 calc(100% + var(--seam-fix));
}

/* 下のオレンジ波：少し上に伸ばして重ねる */
.sec_02.wave-section-1 .wave-bottom-wave{
  height: calc(var(--wave-h) + var(--bleed) + var(--seam-fix));
  background-size: 100% calc(var(--wave-h) + var(--seam-fix));
  background-position: 0 calc(0% - var(--seam-fix));
}



/* sec_03 */
.sec_03 {
  background-image: url("../images/chiba02.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 0 80px;
  padding: 40px 50px 100px;
}

.sec_03 h2 {
  font-size: 3.0rem;
  text-align: center;
}

.sec_03 h2 span {
  font-size: 3.0rem;
  text-align: center;
  color: #340f0852;
}

.sec_03 p {
  margin-top: 40px;
}

.sec_03 .img-wrap-full .img-image-left {
  position: absolute;
  left: 0px;
  top: 180px;
  z-index: 1;
  pointer-events: none;
  width: 25%;
}

.sec_03 .img-wrap-full .img-image-right {
  position: absolute;
  right: 0px;
  bottom: -120px;
  z-index: 1; 
  pointer-events: none;
  width: 25%;
}


.sec_03 .img-image img{
  display: block;
  height: auto;
}






/* sec_04 */
.sec_04 {
  background-image: url("../images/haikei.png");
  background-repeat: repeat;
  background-size: 600px 600px;
  padding: 100px 0;
}

.sec_04 h2 {
  font-size: 3.0rem;
  text-align: center;
  padding-bottom: 50px;
}

.sec_04 p {
  font-size: 1.1rem;
  text-align: center;
}

.eiyou-wrap {
  padding: 20px 0;
}

.eiyou-wrap .img-wrap {
  width: 85%;
  margin-bottom: 0;
}

.eiyou-wrap .img-text {
  width: 90%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}

.sec_04 .img-text-center {
  font-size: 1.4rem;
}

.sec_04 .img-wrap .img-small01 {
  position: absolute;
  left: 40px;
  top: -30px;
  width: 50%;
  height: auto;
  z-index: 3;
  pointer-events: none;
}

.sec_04 .img-wrap .img-small02 {
  position: absolute;
  right: 40px;
  top: -30px;
  width: 55%;
  height: auto;
  z-index: 3;
  pointer-events: none;
}

.sec_04 .img-wrap .img-small03 {
  position: absolute;
  left: 40px;
  top: -30px;
  width: 60%;
  height: auto;
  z-index: 3;
  pointer-events: none;
}

.sec_04 .img-wrap-full .img-image-top {
  position: absolute;
  right: -90px;
  top: -100px;
  z-index: 1;
  pointer-events: none;
  width: 30%;
}

.sec_04 .img-wrap-full .img-image-bottom {
  position: absolute;
  left: -100px;
  bottom: -160px;
  z-index: 1; 
  pointer-events: none;
  width: 30%;
}

.sec_04 .img-wrap-full .img-image-left {
  position: absolute;
  left: 0px;
  top: -100px;
  z-index: 1;
  pointer-events: none;
  width: 30%;
}

.sec_04 .img-wrap-full .img-image-right {
  position: absolute;
  right: 0px;
  top: -20px;
  z-index: 1; 
  pointer-events: none;
  width: 30%;
}

.eiyou_pr {
  margin: 0 auto;
}


/* sec_05 */
.sec_05 h2 {
  font-size: 1.6rem;
  text-align: center;
}

.sec_05 p {
  font-size: 1.6rem;
  text-align: center;
}

.img-shinmame {
  width: 60%;
  display: block;
  margin: 20px auto 40px;
}

.sec_05 .img-wrap {
  width: 60%;
  position: relative;
  display: block;
  margin: 0px auto 60px;
}

.sec_05 .img-wrap .img-image-right {
  position: absolute;
  right: -140px;
  top: 40px;
  z-index: 1;
  pointer-events: none;
  width: 30%;
}

.sec_05 .img-wrap .contents_gift_gift {
    flex-direction: column;
}

.sec_05 .img-wrap .contents_gift_gift .img-text {
  position: initial;
  width: 90%;
  padding: 0;
}


.sec_05 .img-wrap-full {
  position: relative;
  width: 96%;
  margin: 80px auto;
}

.sec_05 .img-wrap-full .img-text {
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}

.sec_05 .img-wrap-full .img-text-right {
  position: absolute;
  top: 120px;
  right: 100px;
}

.sec_05 .img-wrap-full .img-text-right span {
  margin-right: 20px;
  padding: 10px;
  border: #340f08 solid 1px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


.sec_05 .img-wrap-full .img-text-left {
  position: absolute;
  top: 120px;
  left: 100px;
}

.sec_05 .img-wrap-full .img-text-left span {
  margin-right: 20px;
  padding: 10px;
  border: #340f08 solid 1px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


.sec_05-btn a {
  padding: 10px 20px;
  font-size: 1.2rem;
  color: #f6efe5;
  background: #ea7547;
  border: solid 1px #ea7547;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.sec_05-btn a:hover {
  color: #ea7547;
  background: #fff;
}

.sec_05-btn .btn-icon {
  width: 28px;
  height: auto;
  margin-right: 6px;
}

.btn-icon.hover {
  display: none;
}

.btn-link:hover .btn-icon.normal {
  display: none;
}

.btn-link:hover .btn-icon.hover {
  display: inline;
}

.btn-right {
  position: absolute;
  bottom: 55px;
  right: 80px;
}

.btn-left {
  position: absolute;
  bottom: 55px;
  left: 75px;
}


/* footer */
.gift_footer {
  background: 
    linear-gradient(
      rgba(52,15,8,0.8),
      rgba(52,15,8,0.8)
    ),
    url("../images/gift/haikei01.png");

  background-repeat: no-repeat;
  background-size: auto;
  font-family: "LogoTypeGothic", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


#copyright {
  background: #340f08;
  color: #fff;
}

.gift_footer h2 {
  font-family: "CraftMincho", "LogoTypeGothic", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fdf8f3;
  font-size: 2.0rem;
  margin-bottom: 20px;
}

.gift_footer p {
  color: #fdfbfa;
  font-size: 0.9rem;
  line-height: 2.4;
}


.gift_footer .contents_gift {
  margin: 0;
}

.gift_footer .contents_gift_gift {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

.footer-item {
  width: 48%;
}

.footer-btn {
  width: 180px;
  margin: 30px 10px;
}

.footer-btn a {
  padding: 10px 20px;
  border: solid 1px #fdfbfa;
  text-decoration: none;
}

.footer-btn a:hover {
  color: #340f08;
  background: #fdfbfa;
}

.footer-address {
  justify-content: space-around !important;
}

.shop-info {
  width: 44%;
}

.shop-info img {
  margin-top: 40px;
}


.shop-wrap {
  margin: 0 4px;
}

.shop-wrap p {
  font-size: 0.8rem;
}

.shop p {
  padding: 4px;
  color: #70372c;
  background: #ffedda;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: center;
}




/*画面幅750px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:750px){
#container-wrap {
    max-width: 100%;
}

/* top*/
.img-text-tate {
  font-size: 2.0rem;
}

.sec_top .img-wrap-full .img-image-right {
  right: -20px;
  top: 20px;
}

/* sec_00 */
.sec_00 h1 {
  font-size: 3.4rem;
}

.sec_00 .img-wrap .img-text {
  font-size: 1.1rem;
}

.sec_00 .img-wrap .img-text-price {
  font-size: 1.1rem;
}

.sec_00 .img-wrap .img-text-price span {
  font-size: 0.9rem;
}

/* sec_01 */
.ribon-01 h2 {
  font-size: 2.0rem;
}

.ribon-02 h2 {
  font-size: 2.0rem;
}

.ribon-01 .img-text {
  top: 40%;
}

.ribon-02 .img-text {
  top: 30%;
}


/* sec_05 */
.sec_05 h2 {
  font-size: 1.2rem;
}

.sec_05 .img-wrap-full .img-text {
  top: 30px;
}

.sec_05 .img-wrap .img-image-right {
  right: -120px;
}

}


/*画面幅740px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:740px){
.sp_kpe {
  display: block !important;
}

.pc_kpe {
  display: none !important;
}

/* sec_02 */
.sec_02 {
  padding: 200px 5% 360px;
}

.sec_02 h2 {
  font-size: 2.0rem;
}

.sec_02 .img-wrap .img-image-text01 .img-text-h2 {
  top: 20%;
}

.sec_02 .img-wrap .img-image-text01 .img-text {
  top: 40%;
}

.sec_02 .img-wrap .img-image-text02 .img-text-h2 {
  top: 20%;
  right: -10px;
}

.sec_02 .img-wrap .img-image-text02 .img-text {
  top: 40%;
  right: 30px;
}

/* sec_03 */
.sec_03 h2 {
  font-size: 2.0rem;
}

.sec_03 h2 span {
  font-size: 2.0rem;
}

.sec_03 .img-wrap-full .img-image-left {
  top: 220px;
}

/* sec_04 */
.sec_04 h2 {
  font-size: 2.0rem;
}

.sec_04 .img-text-center {
  font-size: 1.2rem;
}

/* sec_05 */
.sec_05-btn a {
  padding: 6px;
  font-size: 1.0rem;
}

.btn-right {
  bottom: 60px;
  right: 120px;
}

.btn-left {
  bottom: 60px;
  left: 90px;
}


}



/*画面幅630px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:630px){
/* sec_02 */
.ribon-01 .img-text {
  top: 35%;
}

.ribon-02 .img-text {
  top: 25%;
}


/* sec_02 */
.sec_02 .img-wrap .img-image-text01 .img-text {
  width: 80%;
  top: 35%;
}

.sec_02 .img-wrap .img-image-text02 .img-text {
  width: 75%;
  top: 45%;
}

/* sec_04 */
.eiyou-wrap .img-wrap {
  width: 100%;
}

.sec_04 .img-text-center {
  font-size: 1.0rem;
}

.sec_05 .img-wrap .img-image-right {
  right: -100px;
}

/* sec_05 */
.sec_05 h2 {
  font-size: 1.1rem;
}

.sec_05 p {
  font-size: 1.0rem;
  text-align: center;
}


.sec_05 .img-wrap-full .img-text-right {
  top: 80px;
  right: 60px;
}

.sec_05 .img-wrap-full .img-text-left {
  top: 80px;
  left: 60px;
}

.sec_05-btn a {
  padding: 4px;
  font-size: 0.9rem;
}

.sec_05-btn .btn-icon {
  width: 20px;
}

.btn-right {
  bottom: 35px;
  right: 60px;
}

.btn-left {
  bottom: 35px;
  left: 60px;
}

/* footer */
.gift_footer .contents_gift {
  margin-bottom: 30px;
}

.gift_footer .contents_gift_gift {
  display: block;
}

.footer-item {
  width: 100%;
}

.gift_footer h2 {
  color: #fdf8f3;
  font-size: 1.6rem;
  text-align: center;
}

.gift_footer p {
  font-size: 0.8rem;
  text-align: center;
}

.footer-btn {
  display: block;
  margin: 40px auto;
}

.footer-btn a {
  padding: 10px 32px;
}

.footer-item img {
  width: 80%;
}

.footer-address {
  display: flex !important;
  justify-content: space-around !important;
}


}




/*画面幅540px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:540px){
body {
  font-size: 14px;
}

.co {
  flex-direction: column !important;
}

.co_re {
  flex-direction: column-reverse !important;
}

.text-center { 
  font-size: 0.9rem;
  line-height: 2;
}


.contents_gift {
  margin: 0 2%;
}

.contents_gift h3 {
  font-size: 1.1rem;
  text-align: center;
  margin: 10px 0;
}

#contents_gift h2 {
  font-size: 1.4rem;
}

/* sec_top */
/* 全国配送 */
.sec_top .img-wrap-full .img-image-right {
  right: -10px;
  top: 10px;
  width: 20%;
}

.img-text-tate {
 font-size: 1.5rem;
 line-height:  3.0;
}



/* sec_00 */
.sec_00 {
  margin: 30px 0;
}

.sec_00 h1 { 
  font-size: 2.4rem;
}

.sec_00 .img-wrap {
  width: 100%;
  margin: 20px auto 30px;
}

.sec_00 .img-wrap .img-text {
  width: 40%;
  font-size: 1.0rem;
  right: 0;
}

.sec_00 .img-wrap .img-text-price {
  position: absolute;
  width: 40%;
  font-size: 1.0rem;
  right: 0;
  bottom: 40%
}

.sec_00 .img-wrap .img-text-price span {
  font-size: 0.8rem;
  margin-right: 10px;
}


/* sec_01 */
.sec_01 .img-wrap-full .img-image-title {
  width: 70%;
}

.text-center { 
  margin: 50px auto;
}

.sec_01 .img-wrap-full .img-image-right {
  right: -20px;
  top: 20px;
  width: 40%;
}

.sec_01 .img-wrap-full .img-image-left {
  left: -10px;
  bottom: -100px;
  width: 40%;
}

.sec_01 .contents_gift {
  margin: 30px 5%;
}

.sec_01 .contents_gift_item img {
  margin: 0 0 20px;
}

.sec_01 .img-small01 {
  right: 30px;
  bottom: 150px;
  width: 120px;
}

.sec_01 .img-small02 {
  left: 30px;
  bottom: 0px;
  width: 140px;
}

/* 香り高さ */
.ribon-01 h2 {
  font-size: 2.6rem;
  margin-right: 80px;
}

.ribon-01 .img-text {
  top: 45%;
  left: 20px;
}

.shinmame-info01 {
  width: auto;
}

.sec_01 .img-small01 {
  right: 20px;
  bottom: -60px;
  width: 25%;
}

/* 自然の甘味 */
.ribon-02 .img-text {
  top: 30%;
  right: 20px;
}

.ribon-02 h2 {
  font-size: 2.6rem;
}

.shinmame-info02 {
  width: auto;
}

.sec_01 .img-small02 {
  left: 320px;
  bottom: -100px;
  width: 30%;
}


/* sec_02 */
.sec_02 {
  padding: 150px 5% 70px;
}

.sec_02 .img-wrap {
  width: 100%;
  margin: 60px 0 0;
  padding: 0;
}

#contents_gift .sec_02 h2 {
  font-size: 1.6rem;
}

#contents_gift .sec_02 .img-wrap h2 {
  font-size: 1.4rem;
}

.sec_02 .img-wrap .img-small {
  left: 0px;
  top: -20px;
  width: 35%;
}

.sec_02 .img-wrap h2 {
  color: #340f08;
}

/* 職人の煎り */
.sec_02 .img-wrap .img-image-text01 {
  width: 100%;
  margin-top: 0px;
}

.sec_02 .img-wrap .img-image-img01 {
  right: 0px;
  top: -40px; 
  width: 50%;
}

.sec_02 .img-wrap .img-image-text01 .img-text-h2 {
  position: absolute;
  width: 60%;
  top: 20%;
  left: 0px;
}

.sec_02 .img-wrap .img-image-text01 .img-text {
  width: 80%;
  font-size: 0.9rem;
  top: 36%;
  left: 50%;
  transform: translateX(-50%);
}

/* 熟成期間 */
.sec_02 .img-wrap .img-image-img02 {
  width: 46%;
}

.sec_02 .img-wrap .img-image-text02 {
  right: 0px;
  top: 20px;
  width: 100%;
  margin-top: 0px;
}

.sec_02 .img-wrap .img-image-text02 .img-text-h2 {
  width: 60%;
  top: 20%;
  right: 0px;
}

.sec_02 .img-wrap .img-image-text02 .img-text-h2 {
  width: 60%;
  top: 20%;
  right: 0px;
}

.second-wrap {
  margin: 40px 0 280px !important;
}



/* sec_03 */
.sec_03 {
  margin: 0;
  padding: 0 5%;
}

#contents_gift .sec_03 h2 {
  font-size: 1.6rem;
  line-height: 1.6;
}

.sec_03 .text-center {
  margin: 0 auto 50px;
}


.sec_03 h2 span {
  font-size: 1.6rem;
}


.sec_03 .img-wrap-full .img-image-left {
  top: 80px;
}

.sec_03 .img-wrap-full .img-image-right {
  bottom: -30px;
}


/* sec_04 */
.sec_04 {
  padding: 60px 0 20px;
}

#contents_gift .sec_04 h2 {
  font-size: 1.6rem;
}

.eiyou-wrap {
  padding: 0;
}

.eiyou-wrap .img-wrap {
  width: 98%;
}

.sec_04 h2 {
  padding-bottom: 0;
}

.sec_04 p {
  font-size: 0.9rem;
  line-height: 2;
}

.eiyou_pr {
  width: 95%;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}

.eiyou_pr .img-text-center {
  font-size: 1.2rem;
  left: auto;
  top: auto;
  transform: none;
}

.sec_04 .img-wrap .img-small01 {
  left: 0px;
  top: -20px;
  width: 60%;
}

.sec_04 .img-wrap .img-small02 {
  right: 0px;
  top: -20px;
  width: 65%;
}

.sec_04 .img-wrap .img-small03 {
  left: 0px;
  top: -20px;
  width: 70%;
}


.sec_04 .img-wrap-full .img-image-top {
  right: -70px;
  top: -60px;
  width: 50%;
}

.sec_04 .img-wrap-full .img-image-bottom {
  left: -100px;
  bottom: -80px;
  width: 45%;
}

.sec_04 .img-wrap-full .img-image-left {
  left: 0px;
  top: -60px;
  width: 30%;
}

.sec_04 .img-wrap-full .img-image-right {
  right: -10px;
  top: 0px;
  width: 40%;
}


/* sec_05 */
.sec_05 {
  margin: 0;
  padding: 20px 5%;
}

#contents_gift .sec_05 h2 {
  font-size: 1.2rem;
  text-align: center;
}

#contents_gift .sec_05 h2 span {
  font-size: 0.9rem;
}

.sec_05 p {
  font-size: 0.9rem;
  text-align: center;
}

.sec_05 .img-wrap {
  right: 0;
  top: 0;
  margin: 20px auto 40px;
  width: 90%;
}

.sec_05 .img-wrap .img-image-right {
  right: -30px;
  top: 40px;
  z-index: 1;
  width: 25%;
}

.img-shinmame {
  width: 80%;
  margin: 20px auto 40px;
}

.sec_05 .img-wrap-full {
  width: 100%;
  margin: 80px auto;
}

.sec_05 .img-wrap-full .img-text {
  top: 25px;
}

.sec_05 .img-wrap-full .img-text-right {
  top: 90px;
  right: 70px;
}

.sec_05 .img-wrap-full .img-text-right span {
  margin-right: 10px;
  padding: 6px;
}

.sec_05 .img-wrap-full .img-text-left {
  top: 90px;
  left: 70px;
}

.sec_05 .img-wrap-full .img-text-left span {
  margin-right: 10px;
  padding: 6px;
}

.sec_05-btn a {
  padding: 10px;
  font-size: 0.7rem;
}

.sec_05-btn .btn-icon {
  width: 16px;
}


.btn-right {
  bottom: 32px;
  right: 70px;
}

.btn-left {
  bottom: 32px;
  left: 50px;
}



/* footer */
.footer-btn {
  width: 160px;
}


}


/*画面幅450px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:450px){
.sec_01 .img-wrap-full .img-image-left {
  bottom: -70px;
}

.ribon-01 .img-text {
  top: 40%;
}

.sec_01 .img-small02 {
  left: 20px;
  bottom: -120px;
  width: 30%;
}

.ribon-02 .img-text {
  top: 25%;
}

.sec_02 .img-wrap .img-image-text01 .img-text {
  font-size: 0.8rem;
}

.sec_02 .img-wrap .img-image-text02 .img-text {
  font-size: 0.8rem;
  top: 40%;
}

.sec_04 p {
  font-size: 0.8rem;
}

#contents_gift .sec_05 h2 {
  font-size: 1.0rem;
}

#contents_gift .sec_05 h2 span {
  font-size: 0.8rem;
}

.sec_05 p {
  font-size: 0.8rem;
}

.sec_05 .img-wrap-full .img-text {
  top: 20px;
}

.sec_05 .img-wrap-full .img-text-right {
  top: 65px;
  right: 40px;
}

.sec_05 .img-wrap-full .img-text-left {
  top: 65px;
  left: 50px;
}

.sec_05-btn a {
  padding: 10px;
  font-size: 0.7rem;
}

.sec_05-btn .btn-icon {
  width: 16px;
}


.btn-right {
  bottom: 20px;
  right: 30px;
}

.btn-left {
  bottom: 20px;
  left: 20px;
}

}

/*画面幅390px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:390px){
.ribon-01 .img-text {
  top: 35%;
}

.ribon-02 .img-text {
  top: 25%;
}

.sec_05 .img-wrap-full .img-text-right {
  top: 60px;
  right: 40px;
}

.sec_05 .img-wrap-full .img-text-left {
  top: 60px;
  left: 50px;
}

.btn-right {
  bottom: 12px;
  right: 25px;
}

.btn-left {
  bottom: 12px;
  left: 20px;
}


}