@charset "UTF-8";
body {
  min-width: 1190px;
}
body {
  overflow: hidden;
}
.mainContents {
  padding: 0;
}
.mainContents .pcOnly {
  display: block;
}
.mainContents img.pcOnly {
  width: 320px;
}
.mainContents .spOnly {
  display: none;
}
.mainContents section {
  position: relative;
}
.mainContents .contentsInner {
  max-width: 1190px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.mainContents .contentsInner.banner {
  padding-bottom: 100px;
}
.mainContents p {
  margin: 0;
}
.mainContents .kv {
  margin-left: 90px;
}
.mainContents img {
  max-width: 100%;
  height: auto;
}
.mainContents .ban {
  margin-top: 110px;
  text-align: center;
}
.mainContents .ban a {
  display: inline-block;
}
.mainContents .spOnly {
  display: none;
}
.mainContents .titBox {
  padding: 56px 0;
  mask-image: url("/recipe/chisanchisho/images/bg_tit_clip.png");
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: cover;
  /* Chrome, Safari用 */
  -webkit-mask-image: url("/recipe/chisanchisho/images/bg_tit_clip.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100% 240px;
}
.mainContents .titBox .secTit {
  text-align: center;
  position: relative;
  bottom: -25px;
}
.mainContents .titBox .secTit img {
  height: 95px;
  width: auto;
}
.mainContents .invisible {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  body {
    min-width: 0;
  }
  .mainContents .pcOnly {
    display: none;
  }
  .mainContents .spOnly {
    display: block;
  }
  .mainContents .kv {
    margin-left: 0;
  }
  .mainContents .ban {
    margin-top: 80px;
  }
  .mainContents .banner .ban {
    margin-top: 37px;
  }
  .mainContents .ban img {
    width: 100%;
  }
  .mainContents .contentsInner {
    padding: 0 20px;
  }
  .mainContents .contentsInner.banner {
    padding: 0 15px 50px;
  }
  .mainContents .titBox {
    padding: 27px 0;
    -webkit-mask-size: 100% 147px;
  }
  .mainContents .titBox .secTit {
    bottom: -10px;
  }
  .mainContents .titBox .secTit img {
    height: 59px;
  }
}


/* ===========================================
TOP
=========================================== */
.mainContents .kvArea {
  padding: 50px 0 72px;
  background: url(/recipe/chisanchisho/images/bg_kv_pc.jpg) no-repeat center top / cover;
}
.mainContents .kvArea .contentsInner {
  position: relative;
}
.mainContents .kvArea .contentsInner:before {
  content: "";
  width: 111px;
  height: 145px;
  background: url(/recipe/chisanchisho/images/img_nippon_food_shift.png) no-repeat center / contain;
  position: absolute;
  top: -23px;
  left: 0;
}
.mainContents .kvArea .nav {
  width: calc(100% + 18px);
  margin: 54px -18px 0 auto;
  display: flex;
}
.mainContents .kvArea .nav li {
  width: calc(100% / 6);
}
.mainContents .bg {
  padding: 33px 0 130px;
  margin-top: -30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mainContents .kyushuArea .bg {
  padding-bottom: 95px;
}
.mainContents .bg.hokkaido {
  background-color: #f1f9fd;
  background-image: url(/recipe/chisanchisho/images/bg_texture_hokkaido.png);
  padding-bottom: 114px;
}
@media screen and (max-width: 767px) {
	.mainContents .bg.hokkaido {
		padding-bottom: 160px;
	}
}
.mainContents .bg.kanto {
  background-color: #e0faf8;
  background-image: url(/recipe/chisanchisho/images/bg_texture_hokkaido.png);
  padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
	.mainContents .bg.kanto {
		padding-bottom: 120px;
	}
}
.mainContents .bg.chubu {
  background-color: #effdd6;
  background-image: url(/recipe/chisanchisho/images/bg_texture_chubu.png);
  padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
	.mainContents .bg.chubu {
		padding-bottom: 120px;
	}
}
.mainContents .bg.kinki {
  background-color: #fff4cb;
  background-image: url(/recipe/chisanchisho/images/bg_texture_kinki.png);
  padding-bottom: 110px;
}
@media screen and (max-width: 767px) {
	.mainContents .bg.kinki {
		padding-bottom: 120px;
	}
}
.mainContents .bg.chushikoku {
  background-color: #fdf2d6;
  background-image: url(/recipe/chisanchisho/images/bg_texture_chushikoku.png);
  padding-bottom: 95px;
}
@media screen and (max-width: 767px) {
	.mainContents .bg.chushikoku {
		padding-bottom: 170px;
	}
}
.mainContents .bg.kyushu {
  background-color: #ffeff1;
  background-image: url(/recipe/chisanchisho/images/bg_texture_kyushu.png);
  padding-bottom: 107px;
}
@media screen and (max-width: 767px) {
	.mainContents .bg.kyushu {
  padding-bottom: 160px;
}
}


@media screen and (max-width: 767px) {
  .mainContents .kvArea {
    padding: 61px 0 62px;
    background: url(/recipe/chisanchisho/images/bg_kv_sp.jpg) no-repeat top / cover;
  }
  .mainContents .kvArea .contentsInner {
    position: relative;
  }
  .mainContents .kvArea .contentsInner:before {
    width: 45px;
    height: 60px;
    top: -54px;
    left: 10px;
  }
  .mainContents .kvArea .kv img {
		width: calc(100% + 25px);
    max-width: none;
    margin: 2px 0 3px -10px;
  }
  .mainContents .kvArea .nav {
    width: calc(100% + 0px);
    box-sizing: border-box;
    padding: 0 16px;
    margin: 26px 0px 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .mainContents .kvArea .nav li {
    width: calc(100% / 3);
    margin-top: 8px;
  }
  .mainContents .bg {
    padding: 23px 0 130px;
    margin-top: -20px;
    background-image: url(/recipe/chisanchisho/images/bg_texture.png);
  }
}


.mainContents .hokkaidoArea {
  margin-top: -25px;
}
.mainContents .hokkaidoArea .titBox {
  background: url(/recipe/chisanchisho/images/bg_hokkaido.png) no-repeat top 39%  left 0% / 100%;
}
.mainContents .kantoArea .titBox {
  background: url(/recipe/chisanchisho/images/bg_kanto.png) no-repeat center 59% / cover;
}
.mainContents .chubuArea .titBox {
  background: url(/recipe/chisanchisho/images/bg_chubu.png) no-repeat center 32% / cover;
}
.mainContents .kinkiArea .titBox {
  background: url(/recipe/chisanchisho/images/bg_kinki.png) no-repeat center 39% / cover;
}
.mainContents .chushikokuArea .titBox {
  background: url(/recipe/chisanchisho/images/bg_chushikoku.png) no-repeat center 47% / cover;
}
.mainContents .kyushuArea .titBox {
  background: url(/recipe/chisanchisho/images/bg_kyushu.png) no-repeat center 6% / 105%;
}
.mainContents .curryList {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.mainContents .curryList > li {
  width: calc((100% - 96px ) / 3);
  margin-top: 62px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
.mainContents .curryList > li:not(:nth-of-type(3n + 1)) {
  margin-left: 48px;
}
.mainContents .curryList li .imgBox {
  position: relative;
}
.mainContents .curryList li .area {
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translate(-50%);
}
.mainContents .curryList li .area img {
  width: 180px;
  max-width: 180px;
}
.mainContents .curryList li .area.tokyo img {
  width: 225px;
  max-width: 225px;
}
.mainContents .curryList li .area.osaka img {
  width: 236px;
  max-width: 236px;
}
.mainContents .curryList li .area.aichi img {
  width: 227px;
  max-width: 227px;
}
.mainContents .curryList li .titBox {
  display: flex;
}
.mainContents .curryList li .txtBox {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.mainContents .curryList li .tit {
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.363636364;
  letter-spacing: 0.02em;
}
.mainContents .curryList li .tit + .btn {
  margin-top: auto;
}
.mainContents .curryList li .btn.modalBtn {
  display: none;
}
.mainContents .curryList li .btn + .btn {
  margin-top: 14px;
}
.mainContents .kantoArea,
.mainContents .chubuArea,
.mainContents .kinkiArea,
.mainContents .chushikokuArea,
.mainContents .kyushuArea {
  margin-top: -48px;
}
.mainContents .modalWrap {
  position: relative;
  z-index: 110;
}
.mainContents .modal {
  width: 100%;
  height: 100vh;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.mainContents .modal.show {
  visibility: visible;
  pointer-events: all;
}
.mainContents .modalBg {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  opacity: 0;
  transition: .3s;
}
.mainContents .show .modalBg {
  opacity: 1;
}
.mainContents .modalContent {
  width: 900px;
  max-height: 100vh;
  scrollbar-width: none;
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  z-index: 100;
  -ms-overflow-style: none;
}
.mainContents .show .modalContent {
  width: 520px;
  max-height: 90vh;
  opacity: 1;
}
.mainContents .modalContent::-webkit-scrollbar {
  display: none;
}
.mainContents .modalContent::-webkit-scrollbar {
  display: none;
}
.mainContents .movieWrap {
  width: 100%;
  position: relative;
}
.mainContents .movieWrap .video-js {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
}
@media print {
  .mainContents .movieWrap {
    opacity: 0;
  }
}
.mainContents .movieWrap .closeBtn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -40px;
}
.mainContents video {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
.mainContents .modalContent .modalClose {
  width: 24px;
  height: 24px;
  background: url(/recipe/chisanchisho/images/ico_close.png) no-repeat center / contain;
  position: absolute;
  top: -10px;
  right: 0;
}
.mainContents .curryList .txtBox .btn {
  cursor: pointer;
}
.mainContents .modalContent .btn {
  margin-top: 40px;
  text-align: center;
}
.mainContents .modalContent .btn a {
  display: inline-block;
}
html.hidden {
  overflow: hidden;
}
.hokkaidoArea:before {
  content: "";
  width: 235px;
  height: 218px;
  background: url(/recipe/chisanchisho/images/img_deco_hokkaido_before.png) no-repeat center / contain;
  position: absolute;
  top: 57px;
  left: 40px;
  z-index: 5;
  pointer-events: none;
}
.hokkaidoArea:after {
  content: "";
  width: 422px;
  height: 233px;
  background: url(/recipe/chisanchisho/images/img_deco_hokkaido_after.png) no-repeat center / contain;
  position: absolute;
  bottom: 169px;
    right: 79px;
  z-index: 2;
  pointer-events: none;
}
.kantoArea:before {
  content: "";
  width: 247px;
  height: 206px;
  background: url(/recipe/chisanchisho/images/img_deco_kanto_before.png) no-repeat center / contain;
  position: absolute;
  top: 98px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
/* .kantoArea:after {
  content: "";
  width: 396px;
  height: 341px;
  background: url(/recipe/chisanchisho/images/img_deco_kanto_after.png) no-repeat center / contain;
  position: absolute;
  bottom: 120px;
  right: 0;
  z-index: 2;
  pointer-events: none;
} */
.chubuArea:before {
  content: "";
  width: 291px;
  height: 233px;
  background: url(/recipe/chisanchisho/images/img_deco_chubu_before.png) no-repeat center / contain;
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
/* .chubuArea:after {
  content: "";
  width: 401px;
  height: 262px;
  background: url(/recipe/chisanchisho/images/img_deco_chubu_after.png) no-repeat center / contain;
  position: absolute;
  bottom: 150px;
  right: 40px;
  z-index: 2;
  pointer-events: none;
} */
.kinkiArea:before {
  content: "";
  width: 238px;
  height: 257px;
  background: url(/recipe/chisanchisho/images/img_deco_kinki_before.png) no-repeat center / contain;
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
/* .kinkiArea:after {
  content: "";
  width: 311px;
  height: 226px;
  background: url(/recipe/chisanchisho/images/img_deco_kinki_after.png) no-repeat center / contain;
  position: absolute;
  bottom: 84px;
  right: 0;
  z-index: 2;
  pointer-events: none;
} */
.chushikokuArea:before {
  content: "";
  width: 276px;
  height: 308px;
  background: url(/recipe/chisanchisho/images/img_deco_chushikoku_before.png) no-repeat center / contain;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.chushikokuArea:after {
  content: "";
  width: 368px;
  height: 257px;
  background: url(/recipe/chisanchisho/images/img_deco_chushikoku_after.png) no-repeat center / contain;
  position: absolute;
  bottom: 154px;
  right: 61px;
  z-index: 2;
  pointer-events: none;
}
.kyushuArea:before {
  content: "";
  width: 261px;
  height: 251px;
  background: url(/recipe/chisanchisho/images/img_deco_kyushu_before.png) no-repeat center / contain;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.kyushuArea:after {
  content: "";
  width: 284px;
  height: 265px;
  background: url(/recipe/chisanchisho/images/img_deco_kyushu_after.png) no-repeat center / contain;
  position: absolute;
  bottom: 140px;
  right: 130px;
  z-index: 2;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .mainContents .hokkaidoArea {
    margin-top: -25px;
  }
  .mainContents .hokkaidoArea .titBox {
    background: url(/recipe/chisanchisho/images/bg_hokkaido.png) no-repeat top 33% left 64% / 140%;
  }
  .mainContents .kantoArea .titBox {
    background: url(/recipe/chisanchisho/images/bg_kanto.png) no-repeat center 52% / 113%;
  }
  .mainContents .chubuArea .titBox {
    background: url(/recipe/chisanchisho/images/bg_chubu.png) no-repeat center 24% / 144%;
  }
  .mainContents .kinkiArea .titBox {
    background: url(/recipe/chisanchisho/images/bg_kinki.png) no-repeat center 33% / 135%;
  }
  .mainContents .chushikokuArea .titBox {
    background: url(/recipe/chisanchisho/images/bg_chushikoku.png) no-repeat center 27% / 124%;
  }
  .mainContents .kyushuArea .titBox {
    background: url(/recipe/chisanchisho/images/bg_kyushu.png) no-repeat center 41% / 126%;
  }
  .mainContents .curryList {
    display: block;
  }
  .mainContents .curryList > li {
    width: 100%;
    margin-top: 47px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
  }
  .mainContents .curryList > li:not(:nth-of-type(3n + 1)) {
    margin-left: 0;
  }
  .mainContents .curryList li .imgBox {
    width: calc(50% + 4px);
  }
  .mainContents .curryList li .area {
    bottom: -16px;
  }
  .mainContents .curryList li .area img {
    width: 110px;
    max-width: 110px;
  }
  .mainContents .curryList li .area.tokyo {
    bottom: -23px;
  }
  .mainContents .curryList li .area.tokyo img {
    width: 137px;
    max-width: 137px;
  }
  .mainContents .curryList li .area.osaka {
    bottom: -23px;
  }
  .mainContents .curryList li .area.osaka img {
    width: 144px;
    max-width: 144px;
  }
  .mainContents .curryList li .area.aichi {
    bottom: -16px;
  }
  .mainContents .curryList li .area.aichi img {
    width: 138px;
    max-width: 138px;
    margin-left: -7px;
  }
  .mainContents .curryList li .titBox {
    display: flex;
  }
  .mainContents .curryList li .txtBox {
    width: 50%;
    padding-left: 16px;
    box-sizing: border-box;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    z-index: 5;
  }
  .mainContents .curryList li .tit {
    margin: 0 -5px 7px 0;
    font-size: 18px;
    line-height: 1.333333333;
    text-align: left;
  }
  .mainContents .curryList li .tit + .btn {
    margin-top: auto;
  }
  .mainContents .curryList li .btn + .btn {
    margin-top: 7px;
  }
  .mainContents .kantoArea,
  .mainContents .chubuArea,
  .mainContents .kinkiArea,
  .mainContents .chushikokuArea,
  .mainContents .kyushuArea {
    margin-top: -38px;
  }
  .mainContents .modal {
    width: 100%;
    height: 100vh;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }
  .mainContents .modalBg {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
  }
  .mainContents .modalContent {
    width: 150%;
    padding: 0 25px;
    box-sizing: border-box;
    max-height: 90vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .mainContents .show .modalContent {
    width: 100%;
  }
  .mainContents .modalContent .movieWrap {
    width: 100%;
  }
  .mainContents .modalContent .movieWrap .ico {
    width: 50px;
    height: 50px;
  }
  .mainContents .modalContent .movieWrap .closeBtn {
    width: 19px;
    height: 19px;
    right: 0;
    top: -35px;
  }
  .mainContents .modalContent video {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }
  .mainContents .modalContent .modalClose {
    width: 24px;
    height: 24px;
    background: url(/recipe/chisanchisho/images/ico_close.png) no-repeat center / contain;
    position: absolute;
    top: -10px;
    right: 0;
  }
  .mainContents .modalContent .btn {
    margin-top: 23px;
  }
  .mainContents .modalContent .btn a {
    width: 152px;
    display: inline-block;
  }
  body.hidden {
    overflow: hidden;
  }
  .hokkaidoArea:before {
            width: 87px;
        height: 82px;
        top: 92px;
        left: -6px;
  }
  .hokkaidoArea:after {
    width: 182px;
    bottom: -16px;
    right: -37px;
  }
  .kantoArea:before {
    width: 115px;
    top: 15px;
    left: -11px;
    z-index: 5;
  }
  .kantoArea:after {
		width: 140px;
    height: 145px;
    bottom: 40px;
    right: -20px;
    z-index: 2;
  }
  .chubuArea:before {
    width: 131px;
    top: 3px;
    left: 2px;
    z-index: 5;
  }
  .chubuArea:after {
    width: 165px;
		height: 107px;
		bottom: 60px;
    right: -55px;
  }
  .kinkiArea:before {
    width: 114px;
    top: -4px;
    left: -18px;
  }
  .kinkiArea:after {
    width: 121px;
		height: 96px;
    bottom: 60px;
    right: -32px;
  }
  .chushikokuArea:before {
    width: 128px;
    top: -24px;
    left: -20px;
  }
  .chushikokuArea:after {
    width: 171px;
        height: 120px;
        bottom: 47px;
        right: -52px;
  }
  .kyushuArea:before {
    width: 121px;
    height: 251px;
    top: -13px;
    left: -23px;
  }
  .kyushuArea:after {
    width: 118px;
        height: 108px;
        bottom: 42px;
        right: 14px;
  }
}

.mainContents .kv_leadArea {
	margin-top: 5px;
	text-align: center;
}

.mainContents .kv_leadATit {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
}

@media screen and (max-width: 767px) {
	.mainContents .kv_leadATit {
		font-size: 18px;
		line-height: 1.1;
	}
}

.mainContents .kv_leadATxt {
	font-size: 18px;
	line-height: 1.77;
	margin-top: 19px;
  letter-spacing: 0.6px;
}

@media screen and (max-width: 767px) {
	.mainContents .kv_leadATxt {
		font-size: 14px;
		line-height: 1.6;
		margin-top: 12px;
	}
}

.mainContents .kv_leadATxt + .kv_leadATxt {
	margin-top: 18px;
}

@media screen and (max-width: 767px) {
	.mainContents .kv_leadATxt + .kv_leadATxt {
		margin-top: 10px;
	}
}

.mainContents .summerArea {
	margin-top: 46px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerArea {
		margin-top: 45px;
	}
}

.mainContents .summerTit {
	margin: 0;
	text-align: center;
  margin-bottom: 56px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerTit {
    margin-bottom: 15px;
  }
}

.mainContents .summerTit img {
	max-width: 738px;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.mainContents .summerTit img {
    max-width: 623px;
    width: calc(100% + 50px);
    margin: 0 -25px;
  }
}

.mainContents .suummerCurryList {
	display: flex;
	flex-wrap: wrap;
	margin-top: 54px;
  margin-bottom: 30px;
	font-size: 0;
}

.mainContents .suummerCurryList .btn img.pcOnly {
	width: 436px;
}

@media screen and (max-width: 767px) {
	.mainContents .suummerCurryList .btn img.spOnly {
		width: 150px;
	}
}

@media screen and (max-width: 767px) {
	.mainContents .suummerCurryList {
		margin: 12px 10px 0;
	}
}

.mainContents .suummerCurryList > li {
	width: 100%;
	padding: 41px 48px 45px;
	border-radius: 30px;
	background: #FFF;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.mainContents .suummerCurryList > li {
		width: 100%;
		padding: 25px 25px 28px;
	}
}

.mainContents .suummerCurryList > li:nth-of-type(even) {
	margin-left: 40px;
}

@media screen and (max-width: 767px) {
	.mainContents .suummerCurryList > li:nth-of-type(even) {
		margin-left: 0;
	}
	.mainContents .suummerCurryList > li:nth-of-type(n+2) {
		margin-top: 16px;
	}
}

.mainContents .summerImgBoxBalloon {
	width: 224px;
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.mainContents .summerImgBoxBalloon {
		width: 130px;
		top: 15px;
		left: 10px;
	}
}

.mainContents .summerImgBox {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.mainContents .summerImgBoxTit {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1.4;
	padding: 10px 24px;
	position: absolute;
	bottom: 14px;
	right: -12px;
	background: #FFF100;
}

@media screen and (max-width: 767px) {
	.mainContents .summerImgBoxTit {
		font-size: 14px;
		letter-spacing: -0.08em;
		padding: 4px 10px;
		right: -4px;
		bottom: 12px;
	}
}

.mainContents .summerTxtBox {
	margin-top: 32px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerTxtBox {
		margin-top: 12px;
	}
}

.mainContents .summerTxtPint {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.04rem;
	text-align: center;
	padding: 5px;
	background: #000;
}

@media screen and (max-width: 767px) {
	.mainContents .summerTxtPint {
		font-size: 12px;
		line-height: 1.25;
	}
}

.mainContents .summerList {
	list-style: none;
	padding-inline-start: 0;
	margin-top: 24px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerList {
		margin-top: 12px;
	}
}

.mainContents .summerList > li:nth-of-type(n+2) {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerList > li:nth-of-type(n+2) {
		margin-top: 8px;
	}
}

.mainContents .summerListImg {
	width: auto;
	height: 22px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerListImg {
		height: 15px;
	}
}

.mainContents .summerListTxt {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 6px;
}

@media screen and (max-width: 767px) {
	.mainContents .summerListTxt {
		font-size: 13px;
		line-height: 1.2;
	}
}

.mainContents .suummerCurryList > li .btn {
	  margin: 39px auto 0;
    width: 436px;
}

.mainContents .suummerCurryList > li .btn a {
	display: block;
}

@media screen and (max-width: 767px) {
	.mainContents .suummerCurryList > li .btn {
		margin-top: 20px;
		width: 60.97%;
    display: flex;
    justify-content: center;
	}
}

.mainContents .bgLocalArea {
	background-color: #f1f9fd;
	background-image: url(/recipe/chisanchisho/images/bg_texture_hokkaido.png);
}

.mainContents .bgLocalAreaTit {
	text-align: center;
	margin: 0;
	padding: 74px 0 53px;
}

@media screen and (max-width: 767px) {
	.mainContents .bgLocalAreaTit {
		padding: 26px 10px 28px;
	}
}

.mainContents .bgLocalAreaTit img {
	max-width: 870px;
	width: 100%;
}

/*―――――――――――――――――――――――――――――――――――――――――――――
/* sns_area
――――――――――――――――――――――――――――――――――――――――――――――*/
.sns_area {
  display: flex;
  justify-content: center;
  padding-top: 13px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sns_area {
    padding: 40px 0 18px;
    width: 100%;
  }
}
.sns_area li a {
  display: block;
  width: 62px;
  margin: 0 11px;
}
@media screen and (max-width: 767px) {
  .sns_area li a {
    width: 11vw;
    margin: 0 8px;
  }
}
.sns_area img {
  width: 100%;
  height: auto;
}