@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
#globalHeader .ghLogoWrap .ghLogoNote {
  display: none !important;
}

.pageHeader {
  background: #f2efe9;
  overflow: hidden;
  position: relative;
}
.pageHeader:not(:has(img)) .archiveTitle {
  color: #131212;
}
.pageHeader img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.pageHeader .archiveTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

#sectionArchive .contentList a {
  text-decoration: none;
}

.pageNav > li {
  display: flex;
}
.pageNav > li.isActive a {
  color: #fff;
  border-color: #333333;
  background: #333333;
  pointer-events: none;
}
.pageNav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
}
#sectionPost p strong:before {
  content: "・";
}
#sectionPost .postInfoWrap {
  display: flex;
}
#sectionPost .postInfoTag {
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  background: #333333;
}
#sectionPost .postInfo {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2;
}
#sectionPost .postInfo > li {
  position: relative;
}
#sectionPost .postInfo > li + li:before {
  content: "";
  display: block;
  width: 1px;
  background: #a9274c;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#sectionPost .postInfo > li.postInfoCat a {
  display: inline-block;
  color: #a9274c;
  text-decoration: underline;
}
#sectionPost h2:not([class]) {
  position: relative;
  font-weight: bold;
  line-height: 1.3;
  background: #f2efe9;
}
#sectionPost h3:not([class]) {
  line-height: 1.4;
  color: #756038;
  font-weight: bold;
  border-bottom: 1px solid #756038;
}
#sectionPost h4:not([class]) {
  position: relative;
}
#sectionPost h4:not([class]):before {
  content: "";
  display: block;
  width: 2px;
  background: #a9274c;
  position: absolute;
  left: 0;
}
#sectionPost h5:not([class]) {
  font-weight: bold;
}
#sectionPost figure:not([class]) {
  margin-inline: auto;
}
#sectionPost figure:not([class]) > img {
  overflow: hidden;
}
#sectionPost .profileBox {
  position: relative;
}
#sectionPost .profileBox:before {
  content: "";
  background: url(../images/common/bg_stripe.png) repeat;
}
#sectionPost .profileBox .profileBoxContent {
  background: #fff;
  position: relative;
}
#sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileThumb {
  aspect-ratio: 1/1;
  overflow: hidden;
}
#sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileThumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo .profileTitle {
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  background: #333333;
}
#sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo .profileName {
  line-height: 1.3;
}
#sectionPost .profileBox .profileBoxContent .profileText {
  line-height: 1.67;
}
#sectionPost .postProduct {
  background: #f2efe9;
  overflow: hidden;
}
#sectionPost .postProduct .postProductTitle {
  text-align: center;
  line-height: 1.4;
  position: relative;
}
#sectionPost .postProduct .postProductTitle:before {
  content: "";
  display: block;
  background: #a9274c;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
#sectionPost .postProduct .postProductBody .postProductThumb {
  text-align: center;
  overflow: hidden;
}
#sectionPost .postProduct .postProductBody .postProductThumb > img {
  width: 100%;
}
#sectionPost .postProduct .postProductBody .postProductText .postProductTextTitle {
  line-height: 1.4;
}
#sectionPost .postProduct .postProductBody .postProductText > .postProductNote {
  line-height: 1.4;
}
#sectionPost .btnWrap.btnBack > a:before {
  transform: rotate(135deg);
}
#sectionPost .btnWrap > a {
  display: block;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  border: 2px solid #000;
  text-decoration: none;
  background: #fff;
  position: relative;
}
#sectionPost .btnWrap > a:before {
  content: "";
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#sectionPost .postSnsWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#sectionPost .postSnsWrap .postSnsTitle {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
#sectionPost .postSnsWrap .postSns {
  display: flex;
}
#sectionPost .postSnsWrap .postSns > li.shareTwitter a {
  background-image: url(../images/second/icon_twitter.svg);
}
#sectionPost .postSnsWrap .postSns > li.shareFacebook a {
  background-image: url(../images/second/icon_facebook.svg);
}
#sectionPost .postSnsWrap .postSns > li.shareLine a {
  background-image: url(../images/second/icon_line.svg);
}
#sectionPost .postSnsWrap .postSns > li > a {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
#sectionPost .graybg {
  background: #f5f5f5;
}
#sectionPost .recipeBox {
  background: #f5f5f5;
}
#sectionPost .recipeBoxTitle {
  font-weight: 700;
}
#sectionPost .recipeBoxList {
  display: flex;
  flex-flow: wrap;
  margin-top: 0 !important;
}
#sectionPost .recipeBoxList .dotLine {
  background: radial-gradient(#000 20%, transparent 0%) left/6px 6px;
  background: #7b818c;
  display: flex;
  flex: 1 1 auto;
  min-width: 18px;
  height: 1px;
  padding: 0;
  border: 0;
  outline: 0;
}
#sectionPost .recipeBoxList li {
  align-items: center;
  display: flex;
  margin-bottom: 0px;
}
#sectionPost .recipeBoxList .recipeQuantity {
  text-align: right;
  font-weight: 700;
}

#sectionRecommend .inner .recommendTitle {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.2;
}
#sectionRecommend .inner .contentList > li > a {
  text-decoration: none;
}

.pageInfo {
  position: relative;
}
.pageInfo:before {
  content: "";
  background: url(../images/common/bg_stripe.png) repeat;
}
.pageInfo .pageInfoContent {
  background: #fff;
  position: relative;
  z-index: 1;
}
.pageInfo .pageInfoContent .pageInfoTitle {
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  background: #333333;
}
.pageInfo .pageInfoContent .pageInfoList {
  counter-reset: number 0;
}
.pageInfo .pageInfoContent .pageInfoList li {
  padding-left: 2em;
  position: relative;
}
.pageInfo .pageInfoContent .pageInfoList li:before {
  counter-increment: number 1;
  content: "0" counter(number) ".";
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  color: #93989e;
  position: absolute;
  top: 0.1em;
  left: 0;
  z-index: 2;
}
.pageInfo .pageInfoContent .pageInfoList li:nth-child(n+10):before {
  content: counter(number) ".";
}
#floatBnr {
  position: fixed;
  z-index: 10;
  transition: 0.4s right;
}
#floatBnr #bnrCloseButton {
  position: absolute;
  background-color: #93989e;
  border-radius: 100svh;
  border: none;
  z-index: 11;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
#floatBnr #bnrCloseButton span {
  position: relative;
  transition: 0.2s transform;
}
#floatBnr #bnrCloseButton span:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 14px;
  height: 1px;
  background-color: #fff;
}
#floatBnr #bnrCloseButton span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 14px;
  height: 1px;
  background-color: #fff;
}
#floatBnr .bnrLink {
  display: block;
  text-decoration: none;
  overflow: hidden;
  background-color: #fff;
}
#floatBnr .bnrLink img {
  display: block;
}
#floatBnr .bnrLink .floatBnrTitle {
  text-align: center;
  line-height: 1;
  background: #f2efe9;
}
#floatBnr .bnrLink .floatBnrName {
  text-align: center;
  font-weight: bold;
}
#floatBnr .bnrLink .floatBnrThumb {
  overflow: hidden;
}
#floatBnr .bnrLink .floatBnrNote {
  text-align: center;
  color: #fff;
  background: #333333;
}
#floatBnr.close {
  transform: translateX(250px);
  transition: all 300ms 0s ease;
}

.relatedInfo {
  position: relative;
  overflow: hidden;
}
.relatedInfo .relatedInfoContent {
  display: flex;
  text-decoration: none;
  background: #f2efe9;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.relatedInfo .relatedInfoContent .relatedContentText {
  order: 0;
}
.relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitle {
  color: #fff;
  background: #333333;
  position: absolute;
  top: 0;
  left: 0;
}
.relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitleSub {
  padding-left: 1em;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
}
.relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitleSub:before {
  content: "";
  display: block;
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
}
.relatedInfo .relatedInfoContent .relatedIndoContentThumb {
  order: 1;
  overflow: hidden;
}
.breadcrumb {
  margin: 0 auto;
}
.breadcrumb ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumb ul li {
  position: relative;
}
.breadcrumb ul li + li:before {
  content: "";
  display: block;
  background-color: #555555;
  position: absolute;
}
.breadcrumb ul li a {
  color: #555555;
}

main a {
  color: #000;
  text-decoration: underline;
}

.breadcrumbArea .breadcrumb {
  text-align: right;
}
.breadcrumbArea .breadcrumb > li {
  position: relative;
}
.breadcrumbArea .breadcrumb > li + li:before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: #a9274c;
  box-sizing: border-box;
}
.breadcrumbArea .breadcrumb > li a {
  color: #93989e;
  text-decoration: none;
}
.section[data-background=bgGray] {
  background: #f7f7f7;
}
.colImgFixed {
  display: flex;
}
.colImgFixed > *.colImg img {
  display: block;
  margin: 0 auto;
}

.commonTable {
  width: 100%;
  text-align: left;
  line-height: 1.25;
}
.commonTable.tableEqual {
  table-layout: fixed;
}
.commonTable > tbody > tr + tr,
.commonTable > thead > tr + tr {
  border-top: 1px solid #93989e;
}
.commonTable > tbody > tr * + *,
.commonTable > thead > tr * + * {
  border-left: 1px solid #93989e;
}
.commonTable > tbody > tr > th,
.commonTable > thead > tr > th {
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  border: 1px solid #93989e;
  word-break: break-all;
  background: #fffce9;
}
.commonTable > tbody > tr > th[scope=row],
.commonTable > thead > tr > th[scope=row] {
  background: #eee;
}
.commonTable > tbody > tr > td,
.commonTable > thead > tr > td {
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
  border: 1px solid #93989e;
  background: #fff;
}
.commonTable th.valTop,
.commonTable td.valTop {
  vertical-align: top;
}
.commonTable th.nowrap,
.commonTable td.nowrap {
  white-space: nowrap;
}

ul.commonList > li {
  padding-left: 1em;
  position: relative;
}
ul.commonList > li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #816b40;
  position: absolute;
}
ul.commonList > li a {
  display: inline-block;
}

ol.commonList {
  counter-reset: number 0;
}
ol.commonList > li {
  padding-left: 2em;
  position: relative;
}
ol.commonList > li:before {
  counter-increment: number 1;
  content: "0" counter(number) ".";
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #93989e;
  position: absolute;
  top: 0.1em;
  left: 0;
  z-index: 2;
}
ol.commonList > li:nth-child(n+10):before {
  content: counter(number) ".";
}

.title + dl.commonList {
  border-top: none !important;
}

dl.commonList {
  border-top: 1px solid #93989e;
}
dl.commonList > div {
  border-bottom: 1px solid #93989e;
}
dl.commonList > div > dt {
  flex: none;
  font-weight: bold;
}
dl.commonList > div > dd > *:nth-of-type(1) {
  margin-top: 0 !important;
}

.iframeWrap {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.iframeWrap iframe {
  border: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mapWrap {
  width: 100%;
  margin-top: 1.5em;
  position: relative;
}
.mapWrap iframe {
  border: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.colorBox,
.colorBoxAdd {
  background: #fffce9;
}

.colorBox .colorBoxTitle,
.colorBoxAdd .colorBoxTitle {
  font-weight: bold;
  color: #93989e;
  line-height: 1.5;
}
#sectionRanking {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent !important;
  position: relative;
}
#sectionRanking:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #bfbfbf;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.titleDeco {
  padding-left: 0;
}
.titleDeco:before {
  display: none;
}
.titleDeco strong {
  letter-spacing: 0.04em;
}
.titleDeco .ja {
  letter-spacing: 0.08em;
}

#sectionRecommend {
  background: transparent !important;
  position: relative;
}

.taC {
  text-align: center !important;
}

.taL {
  text-align: left !important;
}

.taR {
  text-align: right !important;
}

.pT0 {
  padding-top: 0 !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pB40 {
  padding-bottom: 40px !important;
}

.mB0 {
  margin-bottom: 0 !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mB60 {
  margin-bottom: 60px !important;
}

.mB70 {
  margin-bottom: 70px !important;
}

.mB80 {
  margin-bottom: 80px !important;
}

.mT0 {
  margin-top: 0 !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mT60 {
  margin-top: 60px !important;
}

.mT70 {
  margin-top: 70px !important;
}

.mT80 {
  margin-top: 80px !important;
}

.mL0 {
  margin-left: 0px !important;
}

.mL5 {
  margin-left: 5px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mL40 {
  margin-left: 40px !important;
}

.mL50 {
  margin-left: 50px !important;
}

.mR0 {
  margin-right: 0px !important;
}

.mR5 {
  margin-right: 5px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR30 {
  margin-right: 30px !important;
}

.mR40 {
  margin-right: 40px !important;
}

.mR50 {
  margin-right: 50px !important;
}

.size12 {
  font-size: 12px !important;
}

.size13 {
  font-size: 13px !important;
}

.size14 {
  font-size: 14px !important;
}

.size15 {
  font-size: 15px !important;
}

.size16 {
  font-size: 16px !important;
}

.size17 {
  font-size: 17px !important;
}

.size18 {
  font-size: 18px !important;
}

.size19 {
  font-size: 19px !important;
}

.size20 {
  font-size: 20px !important;
}

.size22 {
  font-size: 22px !important;
}

.size24 {
  font-size: 24px !important;
}

.size28 {
  font-size: 28px !important;
}

.colorRed {
  color: #de0000 !important;
}

.colorBlue {
  color: #356fcf !important;
}

.colorGray {
  color: #93989e !important;
}

.colorPrimary {
  color: #a9274c !important;
}

.preBox {
  background: #eff0f4;
  border: 1px solid #a9274c;
  padding: 15px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  font-family: Arial, sans-serif;
  line-height: 1.8;
}
.preBox pre {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-text-align-last: auto;
       text-align-last: auto;
}

@media screen and (min-width: 1001px) {
  #globalHeader .ghLogoWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 150px;
    height: 170px;
    padding: 0 20px 10px;
    border-radius: 0 0 10px 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.2s top, 0.2s left, 0.2s width, 0.2s height;
  }
  #globalHeader .ghLogoWrap .ghLogo {
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 770px) {
  .pageHeader {
    width: calc(100% - 20px);
    margin-left: auto;
    min-height: 130px;
    border-radius: 0 0 0 5px;
  }
  .pageHeader img {
    height: 200px;
  }
  .pageHeader.pageArchive {
    min-height: 130px;
  }
  .pageHeader.pageArchive img {
    height: 130px;
  }
  .pageHeader .archiveTitle {
    font-size: 20px;
  }
  #sectionArchive {
    padding: 34px 0 54px;
    line-height: 1.78;
  }
  .pageNav {
    display: flex;
    flex-wrap: wrap;
  }
  .pageNav + .contentList {
    margin-top: 30px;
  }
  .pageNav > li {
    width: calc(50% - 5px);
    display: flex;
  }
  .pageNav > li:nth-child(odd) {
    margin-right: 10px;
  }
  .pageNav > li:nth-child(n+3) {
    margin-top: 10px;
  }
  .pageNav > li > a {
    padding: 6px 10px;
    font-size: 11px;
    border: 1px solid #000000;
  }
  .pageNav.cat3n > li {
    width: calc(33.3% - 7px);
  }
  .pageNav.cat3n > li:nth-child(odd) {
    margin-right: 0;
  }
  .pageNav.cat3n > li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .pageNav.cat3n > li:not(:nth-child(3n)) {
    margin-right: 10px;
  }
  .pageNav.cat3n > li:nth-child(n+3) {
    margin-top: 0;
  }
  .pageNav.cat3n > li:nth-child(n+4) {
    margin-top: 10px;
  }
  #sectionPost {
    padding: 34px 0 54px;
    line-height: 1.68;
  }
  #sectionPost .postInfoWrap {
    flex-direction: column;
    align-items: flex-start;
  }
  #sectionPost .postInfoTag {
    padding: 3px 7px;
    font-size: 12px;
  }
  #sectionPost .postInfo {
    margin-top: 10px;
    font-size: 13px;
  }
  #sectionPost .postInfo > li + li {
    padding-left: 8px;
    margin-left: 5px;
  }
  #sectionPost .postInfo > li + li:before {
    height: calc(100% - 4px);
  }
  #sectionPost * + .postTitle {
    margin-top: 15px;
  }
  #sectionPost .postTitle {
    font-size: 22px;
    line-height: 1.43;
  }
  #sectionPost .postTitle + * {
    margin-top: 20px;
  }
  #sectionPost * + h2:not([class]) {
    margin-top: 48px;
  }
  #sectionPost h2:not([class]) {
    padding: 8px 12px;
    padding-left: 15px;
    font-size: 20px;
    border-radius: 5px;
  }
  #sectionPost * + h3:not([class]) {
    margin-top: 25px;
  }
  #sectionPost h3:not([class]) {
    padding-bottom: 7px;
    font-size: 18px;
  }
  #sectionPost * + h4:not([class]) {
    margin-top: 14px;
  }
  #sectionPost h4:not([class]) {
    padding-left: 10px;
    font-size: 17px;
  }
  #sectionPost h4:not([class]):before {
    height: 17px;
    top: 6px;
  }
  #sectionPost * + h5:not([class]) {
    margin-top: 20px;
  }
  #sectionPost h5:not([class]) {
    font-size: 16px;
  }
  #sectionPost * + figure:not([class]) {
    margin-top: 25px;
  }
  #sectionPost figure:not([class]) {
    width: 100%;
  }
  #sectionPost figure:not([class]) + * {
    margin-top: 25px;
  }
  #sectionPost figure:not([class]) > img {
    border-radius: 5px;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  #sectionPost * + .profileBox {
    margin-top: 48px;
  }
  #sectionPost .profileBox {
    width: calc(100% - 4px);
    margin-inline: auto;
  }
  #sectionPost .profileBox:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 3px;
    position: absolute;
    top: -2px;
    left: -2px;
  }
  #sectionPost .profileBox .profileBoxContent {
    padding: 25px 30px 25px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader {
    display: flex;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileThumb {
    width: 90px;
    border-radius: 3px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo {
    width: calc(100% - 113px);
    margin-left: auto;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo * + .profileTitle {
    margin-top: 65px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo .profileTitle {
    padding: 4px 7px;
    font-size: 13px;
    border-radius: 3px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo .profileName {
    margin-top: 9px;
    font-size: 16px;
  }
  #sectionPost .profileBox .profileBoxContent .profileText {
    margin-top: 13px;
    font-size: 12px;
  }
  #sectionPost * + .postProduct {
    margin-top: 55px;
  }
  #sectionPost .postProduct {
    margin-inline: -20px;
    padding: 30px 20px 40px;
    border-top: 4px solid #816b40;
  }
  #sectionPost .postProduct .postProductTitle {
    padding-bottom: 12px;
    font-size: 18px;
  }
  #sectionPost .postProduct .postProductTitle:before {
    width: 25px;
    height: 1px;
  }
  #sectionPost .postProduct .postProductBody .postProductThumb {
    width: 80%;
    max-width: 330px;
    margin-top: 20px;
    margin-inline: auto;
    border-radius: 10px;
  }
  #sectionPost .postProduct .postProductBody .postProductThumb > img {
    display: block;
    margin: 0 auto;
    max-width: 330px;
  }
  #sectionPost .postProduct .postProductBody * + .postProductText {
    margin-top: 24px;
  }
  #sectionPost .postProduct .postProductBody .postProductText .postProductTextTitle {
    font-size: 17px;
  }
  #sectionPost .postProduct .postProductBody .postProductText * + .postProductNote {
    margin-top: 5px;
  }
  #sectionPost .postProduct .postProductBody .postProductText > .postProductNote {
    font-size: 15px;
  }
  #sectionPost .postProduct .postProductBody .postProductText .btnWrap {
    max-width: 210px;
    margin-inline: auto;
  }
  #sectionPost * + .bnrArea {
    margin-top: 30px;
  }
  #sectionPost * + .btnWrap:not(.btnBack) {
    margin-top: 17px;
  }
  #sectionPost * + .btnWrap.btnBack {
    margin-top: 0;
  }
  #sectionPost .btnWrap.btnBack {
    max-width: 250px;
    order: 0;
  }
  #sectionPost .btnWrap.btnBack > a {
    padding-block: 8px;
    padding-right: 15px;
    margin-inline: auto;
    width: 120px;
    font-size: 13px;
  }
  #sectionPost .btnWrap.btnBack > a:before {
    right: inherit;
    left: 14px;
  }
  #sectionPost .btnWrap > a {
    padding: 12px 25px;
    font-size: 16px;
  }
  #sectionPost .btnWrap > a:before {
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    right: 12px;
  }
  #sectionPost * + .postFooter {
    margin-top: 37px;
  }
  #sectionPost .postFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #sectionPost .postSnsWrap {
    order: 1;
  }
  #sectionPost .postSnsWrap .postSnsTitle {
    font-size: 16px;
    margin-right: 20px;
  }
  #sectionPost .postSnsWrap .postSns > li + li {
    margin-left: 10px;
  }
  #sectionPost .postSnsWrap .postSns > li > a {
    width: 30px;
    height: 30px;
  }
  #sectionPost * + .graybg {
    margin-top: 20px;
  }
  #sectionPost .graybg {
    padding: 20px;
  }
  #sectionPost * + .recipeBox {
    margin-top: 20px;
  }
  #sectionPost .recipeBox {
    padding: 15px 20px;
  }
  #sectionPost .recipeBoxList {
    flex-direction: column;
    row-gap: 7px;
  }
  #sectionPost .recipeBoxList .dotLine {
    margin: 0 1em;
  }
  #sectionPost .recipeBoxList li {
    width: 100%;
  }
  #sectionPost .recipeBoxList li:nth-of-type(odd) {
    margin-right: 20px;
  }
  #sectionPost .recipeBoxList li span {
    line-height: 1.3;
  }
  #sectionRecommend {
    padding: 60px 0 40px;
  }
  #sectionRecommend .inner .recommendTitle {
    font-size: 25px;
    font-weight: 500;
  }
  * + .pageInfo {
    margin-top: 48px;
  }
  .pageInfo {
    width: calc(100% - 4px);
    max-width: 500px;
    margin-inline: auto;
  }
  .pageInfo:before {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 3px;
    position: absolute;
    top: -2px;
    left: -2px;
  }
  .pageInfo .pageInfoContent {
    padding: 25px 30px 25px;
  }
  .pageInfo .pageInfoContent .pageInfoTitle {
    min-width: 80px;
    padding: 4px 7px;
    font-size: 13px;
    border-radius: 3px;
  }
  .pageInfo .pageInfoContent * + .pageInfoList {
    margin-top: 16px;
  }
  .pageInfo .pageInfoContent .pageInfoList li {
    font-size: 15px;
  }
  .pageInfo .pageInfoContent .pageInfoList li + li {
    margin-top: 12px;
  }
  #floatBnr {
    width: 135px;
    right: 16px;
    bottom: 16px;
  }
  #floatBnr:not(.isActive) {
    right: -150px;
  }
  #floatBnr #bnrCloseButton {
    width: 26px;
    height: 26px;
    top: -11px;
    right: -8px;
  }
  #floatBnr .bnrLink {
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }
  #floatBnr .bnrLink .floatBnrTitle {
    padding: 5px 8px 5px;
    margin: 5px 5px 0;
    font-size: 12px;
  }
  #floatBnr .bnrLink .floatBnrName {
    padding-inline: 8px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.2;
  }
  #floatBnr .bnrLink .floatBnrThumb {
    margin: 0 17px 0;
    border-radius: 6px;
  }
  #floatBnr .bnrLink .floatBnrNote {
    padding: 0px 8px 2px;
    margin-top: 0;
    font-size: 12px;
  }
  * + .relatedInfo {
    margin-top: 48px;
  }
  .relatedInfo {
    max-width: 500px;
    margin-inline: auto;
  }
  .relatedInfo .relatedInfoContent {
    align-items: center;
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText {
    width: calc(100% - 113px);
    padding-block: 25px 15px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitle {
    padding: 1px 7px;
    font-size: 13px;
    border-radius: 3px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitleSub {
    margin-top: 0;
    font-size: 13px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitleSub:before {
    width: 6px;
    height: 6px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    top: 6px;
  }
  .relatedInfo .relatedInfoContent .relatedIndoContentThumb {
    display: block;
    margin-left: auto;
    text-align: center;
    max-width: 100px;
  }
  .relatedInfo .relatedInfoContent .relatedIndoContentThumb img {
    border-radius: 10px;
  }
  .breadcrumb {
    padding-inline: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .breadcrumb ul {
    min-height: 30px;
  }
  .breadcrumb ul li {
    font-size: 12px;
  }
  .breadcrumb ul li + li {
    margin-left: 24px;
  }
  .breadcrumb ul li + li:before {
    width: 8px;
    height: 1px;
    top: 10px;
    left: -16px;
  }
  main * + p {
    margin-top: 20px;
  }
  .breadcrumbArea {
    width: calc(100% - 50px);
    margin: 0 auto;
  }
  .breadcrumbArea .breadcrumb {
    margin-top: 14px;
  }
  .breadcrumbArea .breadcrumb > li {
    display: inline-block;
    margin: 1px 0;
    font-size: 12px;
  }
  .breadcrumbArea .breadcrumb > li:not(:last-child) {
    margin-right: 8px;
  }
  .breadcrumbArea .breadcrumb > li + li {
    padding-left: 12px;
  }
  .breadcrumbArea .breadcrumb > li + li:before {
    width: 4px;
    height: 4px;
    left: 0px;
    top: 10px;
  }
  .breadcrumbArea .breadcrumb > li a {
    display: inline;
  }
  .breadcrumbArea + .section {
    padding-top: 40px;
  }
  .section {
    padding: 60px 0;
  }
  .section + .section:not([data-background^=bg]) {
    padding-top: 26px;
  }
  .section[data-background^=bg] {
    padding-top: 40px;
  }
  .section[data-background^=bg] + .section {
    padding-top: 40px;
  }
  .section .inner {
    padding: 0 20px;
  }
  .pageLead {
    line-height: 1.8;
  }
  * + [class^=listCol] {
    margin-top: 28px;
  }
  [class^=listCol] {
    width: 100%;
  }
  [class^=listCol] > .listItem + .listItem {
    margin-top: 20px;
  }
  * + .colImgFixed {
    margin-top: 30px;
  }
  .colImgFixed {
    flex-direction: column;
  }
  .colImgFixed > * {
    width: 100%;
  }
  .colImgFixed > *.colText {
    order: 1;
    margin-top: 30px;
  }
  .colImgFixed > *.colImg {
    order: 0;
  }
  * + .commonTable {
    margin-top: 30px;
  }
  .commonTable {
    font-size: 14px;
  }
  .commonTable > tbody > tr > th,
  .commonTable > thead > tr > th {
    padding: 12px 6px;
  }
  .commonTable > tbody > tr > td,
  .commonTable > thead > tr > td {
    padding: 12px 6px;
  }
  .scrollTable {
    overflow: auto;
  }
  .scrollTable table {
    min-width: calc(100% + 50px);
    margin-top: 0;
    white-space: nowrap;
  }
  * + .scrollText {
    margin-top: 15px;
  }
  .scrolltext {
    width: 160px;
    display: block;
    padding: 4px 8px;
    margin-bottom: 8px;
    margin-left: auto;
    color: #a9274c;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border-radius: 12px;
    background: #333;
  }
  * + ul.commonList,
  * + ol.commonList {
    margin-top: 20px;
  }
  ul.commonList.col_sp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  ul.commonList.col_sp > li {
    width: calc(50% - 20px);
  }
  ul.commonList.col_sp > li:nth-child(odd) {
    margin-right: 10px;
  }
  ul.commonList.col_sp > li:nth-child(even) {
    margin-left: 10px;
  }
  ul.commonList > li:before {
    top: 11px;
    margin: auto;
    left: 0;
  }
  ol.commonList > li {
    position: relative;
  }
  ol.commonList > li + li {
    margin-top: 7px;
  }
  *:not(.title) + dl.commonList {
    margin-top: 20px;
  }
  .title + dl.commonList {
    margin-top: 0;
  }
  dl.commonList > div {
    padding: 15px 0;
  }
  dl.commonList > div > dt,
  dl.commonList > div > dd {
    font-size: 12px;
    line-height: 1.3;
  }
  dl.commonList > div > dt {
    font-size: 16px;
    font-weight: 600;
  }
  dl.commonList > div > dd {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.76;
  }
  .iframeWrap {
    margin-top: 1.5em;
  }
  .mapWrap {
    padding-bottom: 50.25%;
  }
  * + .colorBox {
    margin-top: 30px;
  }
  * + .colorBoxAdd {
    margin-top: 15px;
  }
  .colorBox {
    padding: 25px 13px 25px;
    border-radius: 8px;
  }
  .colorBoxAdd {
    padding: 18px 15px 18px;
    border-radius: 8px;
  }
  .colorBox .colorBoxTitle,
  .colorBoxAdd .colorBoxTitle {
    font-size: 15px;
  }
  .colorBox .colorBoxTitle + p,
  .colorBoxAdd .colorBoxTitle + p {
    margin-top: 6px;
  }
  #sectionRanking .inner {
    padding-top: 60px;
  }
  #sectionRanking + *:not(#sectionRecommend) {
    margin-top: 40px;
  }
  .ctaLine {
    margin-bottom: 0;
  }
  .preBox {
    margin-top: 20px;
  }
  .taC_sp {
    text-align: center !important;
  }
  .taL_sp {
    text-align: left !important;
  }
  .taR_sp {
    text-align: right !important;
  }
  .pT0_sp {
    padding-top: 0 !important;
  }
  .pT10_sp {
    padding-top: 10px !important;
  }
  .pT20_sp {
    padding-top: 20px !important;
  }
  .pB0_sp {
    padding-bottom: 0 !important;
  }
  .pB10_sp {
    padding-bottom: 10px !important;
  }
  .pB20_sp {
    padding-bottom: 20px !important;
  }
  .pB30_sp {
    padding-bottom: 30px !important;
  }
  .pB40_sp {
    padding-bottom: 40px !important;
  }
  .pT30_sp {
    padding-top: 30px !important;
  }
  .pT40_sp {
    padding-top: 40px !important;
  }
  .mB0_sp {
    margin-bottom: 0 !important;
  }
  .mB5_sp {
    margin-bottom: 5px !important;
  }
  .mB10_sp {
    margin-bottom: 10px !important;
  }
  .mB15_sp {
    margin-bottom: 15px !important;
  }
  .mB20_sp {
    margin-bottom: 20px !important;
  }
  .mB30_sp {
    margin-bottom: 30px !important;
  }
  .mB40_sp {
    margin-bottom: 40px !important;
  }
  .mB50_sp {
    margin-bottom: 50px !important;
  }
  .mB60_sp {
    margin-bottom: 60px !important;
  }
  .mB70_sp {
    margin-bottom: 70px !important;
  }
  .mB80_sp {
    margin-bottom: 80px !important;
  }
  .mT0_sp {
    margin-top: 0 !important;
  }
  .mT5_sp {
    margin-top: 5px !important;
  }
  .mT10_sp {
    margin-top: 10px !important;
  }
  .mT20_sp {
    margin-top: 20px !important;
  }
  .mT30_sp {
    margin-top: 30px !important;
  }
  .mT40_sp {
    margin-top: 40px !important;
  }
  .mT50_sp {
    margin-top: 50px !important;
  }
  .mT60_sp {
    margin-top: 60px !important;
  }
  .mT70_sp {
    margin-top: 70px !important;
  }
  .mT80_sp {
    margin-top: 80px !important;
  }
  .mL0_sp {
    margin-left: 0px !important;
  }
  .mL5_sp {
    margin-left: 5px !important;
  }
  .mL10_sp {
    margin-left: 10px !important;
  }
  .mL20_sp {
    margin-left: 20px !important;
  }
  .mL30_sp {
    margin-left: 30px !important;
  }
  .mL40_sp {
    margin-left: 40px !important;
  }
  .mL50_sp {
    margin-left: 50px !important;
  }
  .mR0_sp {
    margin-right: 0px !important;
  }
  .mR5_sp {
    margin-right: 5px !important;
  }
  .mR10_sp {
    margin-right: 10px !important;
  }
  .mR20_sp {
    margin-right: 20px !important;
  }
  .mR30_sp {
    margin-right: 30px !important;
  }
  .mR40_sp {
    margin-right: 40px !important;
  }
  .mR50_sp {
    margin-right: 50px !important;
  }
  .size12_sp {
    font-size: 12px !important;
  }
  .size13_sp {
    font-size: 13px !important;
  }
  .size14_sp {
    font-size: 14px !important;
  }
  .size15_sp {
    font-size: 15px !important;
  }
  .size16_sp {
    font-size: 16px !important;
  }
  .size17_sp {
    font-size: 17px !important;
  }
  .size18_sp {
    font-size: 18px !important;
  }
  .size19_sp {
    font-size: 19px !important;
  }
  .size20_sp {
    font-size: 20px !important;
  }
  .size22_sp {
    font-size: 22px !important;
  }
  .size24_sp {
    font-size: 24px !important;
  }
  .size28_sp {
    font-size: 28px !important;
  }
  .w50p_sp {
    width: 50% !important;
  }
}
@media print, screen and (min-width: 771px) {
  .pageHeader {
    min-height: 516px;
    width: calc(100% - 78px);
    margin-left: auto;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
  }
  .pageHeader img {
    height: 516px;
  }
  .pageHeader.pageArchive {
    min-height: 190px;
    margin-top: 38px;
  }
  .pageHeader.pageArchive img {
    height: 190px;
  }
  .pageHeader .archiveTitle {
    font-size: 40px;
  }
  #sectionArchive {
    padding: 115px 0 107px;
    line-height: 2.25;
  }
  #sectionArchive .inner {
    max-width: 1326px;
    padding: 0 78px;
    margin-inline: auto;
  }
  .pageNav {
    display: flex;
    flex-wrap: wrap;
  }
  .pageNav + .contentList {
    margin-top: 70px;
  }
  .pageNav > li {
    width: calc(25% - 15px);
  }
  .pageNav > li:not(:nth-child(4n)) {
    margin-right: 20px;
  }
  .pageNav > li:nth-child(4n) {
    margin-left: auto;
  }
  .pageNav > li:nth-child(n+5) {
    margin-top: 20px;
  }
  .pageNav > li > a {
    padding: 19px 0;
    font-size: 18px;
    border: 2px solid #000000;
    transition: 0.2s color, 0.2s background;
  }
  .pageNav > li > a:hover {
    color: #fff;
    background: #000000;
  }
  .pageNav.cat3n > li {
    width: calc(33.3% - 14px);
  }
  .pageNav.cat3n > li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .pageNav.cat3n > li:not(:nth-child(3n)) {
    margin-right: 20px;
  }
  .pageNav.cat3n > li:nth-child(3n) {
    margin-left: auto;
  }
  .pageNav.cat3n > li:nth-child(n+4) {
    margin-top: 20px;
  }
  #sectionPost {
    padding: 80px 0 107px;
    font-size: 20px;
    line-height: 1.75;
  }
  #sectionPost .postInfoWrap {
    align-items: center;
  }
  #sectionPost .postInfoTag {
    padding: 7px 15px;
    margin-right: 15px;
    font-size: 14px;
  }
  #sectionPost .postInfo {
    font-size: 16px;
  }
  #sectionPost .postInfo > li + li {
    padding-left: 13px;
    margin-left: 10px;
  }
  #sectionPost .postInfo > li + li:before {
    height: calc(100% - 6px);
  }
  #sectionPost .postInfo > li.postInfoCat a {
    transition: 0.2s opacity;
  }
  #sectionPost .postInfo > li.postInfoCat a:hover {
    opacity: 0.7;
  }
  #sectionPost * + .postTitle {
    margin-top: 20px;
  }
  #sectionPost .postTitle {
    font-size: 34px;
    line-height: 1.47;
  }
  #sectionPost .postTitle + * {
    margin-top: 45px;
  }
  #sectionPost * + h2:not([class]) {
    margin-top: 80px;
  }
  #sectionPost h2:not([class]) {
    padding: 12px 12px;
    padding-left: 28px;
    font-size: 32px;
    border-radius: 8px;
  }
  #sectionPost * + h3:not([class]) {
    margin-top: 48px;
  }
  #sectionPost h3:not([class]) {
    padding-bottom: 7px;
    font-size: 26px;
  }
  #sectionPost * + h4:not([class]) {
    margin-top: 21px;
  }
  #sectionPost h4:not([class]) {
    padding-left: 12px;
    font-size: 21px;
  }
  #sectionPost h4:not([class]):before {
    height: 21px;
    top: 8px;
  }
  #sectionPost * + h5:not([class]) {
    margin-top: 30px;
  }
  #sectionPost h5:not([class]) {
    font-size: 18px;
  }
  #sectionPost * + figure:not([class]) {
    margin-top: 50px;
  }
  #sectionPost figure:not([class]) {
    max-width: 940px;
  }
  #sectionPost figure:not([class]) + * {
    margin-top: 40px;
  }
  #sectionPost figure:not([class]) > img {
    border-radius: 10px;
  }
  #sectionPost * + .profileBox {
    margin-top: 90px;
  }
  #sectionPost .profileBox {
    width: calc(100% - 16px);
    margin-inline: auto;
  }
  #sectionPost .profileBox:before {
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border-radius: 15px;
    position: absolute;
    top: -8px;
    left: -8px;
  }
  #sectionPost .profileBox .profileBoxContent {
    min-height: 253px;
    padding: 35px 80px 35px 292px;
    border-radius: 10px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileThumb {
    width: 182px;
    border-radius: 10px;
    position: absolute;
    top: 35px;
    left: 80px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo {
    line-height: 1.2;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo * + .profileTitle {
    margin-top: 98px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo .profileTitle {
    padding: 7px 15px;
    margin-right: 15px;
    font-size: 14px;
    border-radius: 3px;
  }
  #sectionPost .profileBox .profileBoxContent .profileBoxHeader .profileInfo .profileName {
    margin-top: 9px;
    font-size: 22px;
  }
  #sectionPost .profileBox .profileBoxContent .profileText {
    margin-top: 12px;
    font-size: 16px;
  }
  #sectionPost * + .postProduct {
    margin-top: 90px;
  }
  #sectionPost .postProduct {
    padding: 34px 50px 50px;
    border-top: 4px solid #816b40;
    border-radius: 0 0 15px 15px;
  }
  #sectionPost .postProduct .postProductTitle {
    padding-bottom: 12px;
    font-size: 26px;
  }
  #sectionPost .postProduct .postProductTitle:before {
    width: 25px;
    height: 1px;
  }
  #sectionPost .postProduct .postProductBody {
    display: flex;
    margin-top: 35px;
  }
  #sectionPost .postProduct .postProductBody .postProductThumb {
    width: 330px;
    margin-right: 70px;
    border-radius: 10px;
  }
  #sectionPost .postProduct .postProductBody .postProductThumb > img {
    display: block;
    margin: 0 auto;
  }
  #sectionPost .postProduct .postProductBody .postProductText {
    width: calc(100% - 400px);
    max-width: 450px;
    padding-top: 15px;
  }
  #sectionPost .postProduct .postProductBody .postProductText .postProductTextTitle {
    font-size: 22px;
  }
  #sectionPost .postProduct .postProductBody .postProductText * + .postProductNote {
    margin-top: 10px;
  }
  #sectionPost .postProduct .postProductBody .postProductText > .postProductNote {
    font-size: 16px;
  }
  #sectionPost .postProduct .postProductBody .postProductText .btnWrap > a {
    margin-left: auto;
    max-width: none !important;
  }
  #sectionPost * + .bnrArea {
    margin-top: 60px;
  }
  #sectionPost .bnrArea {
    text-align: center;
  }
  #sectionPost .bnrArea a {
    transition: 0.2s opacity;
  }
  #sectionPost .bnrArea a:hover {
    opacity: 0.7;
  }
  #sectionPost * + .btnWrap:not(.btnBack) {
    margin-top: 25px;
  }
  #sectionPost * + .btnWrap.btnBack {
    margin-top: 55px;
  }
  #sectionPost .btnWrap.btnBack > a {
    max-width: 170px;
    padding-block: 8px;
    padding-right: 25px;
    margin-inline: auto;
    font-size: 16px;
  }
  #sectionPost .btnWrap.btnBack > a:hover:before {
    left: 11px;
    right: inherit;
  }
  #sectionPost .btnWrap.btnBack > a:before {
    width: 8px;
    height: 8px;
    right: inherit;
    left: 19px;
    transition: 0.2s left;
  }
  #sectionPost .btnWrap > a {
    max-width: 324px;
    padding: 18px 40px;
    font-size: 21px;
  }
  #sectionPost .btnWrap > a:hover::before {
    right: 12px;
  }
  #sectionPost .btnWrap > a:before {
    width: 11px;
    height: 11px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    right: 20px;
    transition: 0.2s right;
  }
  #sectionPost * + .postFooter {
    margin-top: 40px;
  }
  #sectionPost .postSnsWrap .postSnsTitle {
    font-size: 16px;
    margin-right: 20px;
  }
  #sectionPost .postSnsWrap .postSns > li + li {
    margin-left: 10px;
  }
  #sectionPost .postSnsWrap .postSns > li > a {
    width: 35px;
    height: 35px;
    transition: 0.2s opacity;
  }
  #sectionPost .postSnsWrap .postSns > li > a:hover {
    opacity: 0.8;
  }
  #sectionPost * + .graybg {
    margin-top: 40px;
  }
  #sectionPost .graybg {
    padding-block: 30px 35px;
    padding-inline: 60px;
  }
  #sectionPost * + .recipeBox {
    margin-top: 40px;
  }
  #sectionPost .recipeBox {
    padding: 45px 60px;
  }
  #sectionPost .recipeBoxList {
    row-gap: 10px;
  }
  #sectionPost .recipeBoxList .dotLine {
    margin: 0 0.6em;
  }
  #sectionPost .recipeBoxList li {
    width: calc(50% - 25px);
  }
  #sectionPost .recipeBoxList li:nth-of-type(odd) {
    margin-right: 50px;
  }
  #sectionRecommend {
    padding: 75px 0 80px;
  }
  #sectionRecommend .inner {
    max-width: 1320px;
    padding: 0 75px;
    margin-inline: auto;
  }
  #sectionRecommend .inner .recommendTitle {
    font-size: 40px;
  }
  #sectionRecommend .inner .contentList > li:nth-child(n+4) {
    display: none !important;
  }
  #sectionRecommend .inner .contentList > li > a:hover .contentListThumb img {
    transform: scale(1.1);
  }
  * + .pageInfo {
    margin-top: 80px;
  }
  .pageInfo {
    width: calc(100% - 16px);
    max-width: 680px;
    margin-inline: auto;
  }
  .pageInfo:before {
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border-radius: 15px;
    position: absolute;
    top: -8px;
    left: -8px;
  }
  .pageInfo .pageInfoContent {
    padding: 35px 80px 45px 80px;
    border-radius: 10px;
  }
  .pageInfo .pageInfoContent .pageInfoTitle {
    min-width: 80px;
    padding: 7px 15px;
    margin-right: 15px;
    font-size: 14px;
    border-radius: 3px;
  }
  .pageInfo .pageInfoContent * + .pageInfoList {
    margin-top: 20px;
  }
  .pageInfo .pageInfoContent .pageInfoList li {
    font-size: 18px;
  }
  .pageInfo .pageInfoContent .pageInfoList li + li {
    margin-top: 12px;
  }
  #floatBnr {
    width: 170px;
    right: 20px;
    bottom: 40px;
  }
  #floatBnr:not(.isActive) {
    right: -190px;
  }
  #floatBnr #bnrCloseButton {
    width: 26px;
    height: 26px;
    top: -12px;
    right: -8px;
    transition: 0.3s;
  }
  #floatBnr #bnrCloseButton:hover, #floatBnr #bnrCloseButton:focus {
    background-color: #b1b1b1;
  }
  #floatBnr .bnrLink {
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
  }
  #floatBnr .bnrLink:hover .floatBnrThumb img, #floatBnr .bnrLink:focus .floatBnrThumb img {
    transform: scale(1.1);
  }
  #floatBnr .bnrLink img {
    transition: 0.3s;
  }
  #floatBnr .bnrLink .floatBnrTitle {
    padding: 4px 8px 4px;
    margin: 6px 6px 0;
    font-size: 12px;
  }
  #floatBnr .bnrLink .floatBnrName {
    padding-inline: 8px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.2;
  }
  #floatBnr .bnrLink .floatBnrThumb {
    margin: 0 17px 0;
    border-radius: 6px;
  }
  #floatBnr .bnrLink .floatBnrThumb img {
    transition: 0.2s transform;
  }
  #floatBnr .bnrLink .floatBnrNote {
    padding: 2px 8px 4px;
    margin-top: 0;
    font-size: 12px;
  }
  * + .relatedInfo {
    margin-top: 80px;
  }
  .relatedInfo {
    max-width: 630px;
    margin-inline: auto;
  }
  .relatedInfo .relatedInfoContent {
    padding: 20px 20px 20px 30px;
    border-radius: 10px;
  }
  .relatedInfo .relatedInfoContent:hover .relatedIndoContentThumb img, .relatedInfo .relatedInfoContent:focus .relatedIndoContentThumb img {
    transform: scale(1.1);
  }
  .relatedInfo .relatedInfoContent .relatedContentText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 286px);
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitle {
    font-size: 16px;
    padding: 4px 16px;
    border-radius: 3px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitleSub {
    font-size: 18px;
  }
  .relatedInfo .relatedInfoContent .relatedContentText .relatedInfoContentTitleSub:before {
    width: 8px;
    height: 8px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    transition: 0.2s right;
    top: 9px;
  }
  .relatedInfo .relatedInfoContent .relatedIndoContentThumb {
    width: 226px;
    margin-left: auto;
  }
  .relatedInfo .relatedInfoContent .relatedIndoContentThumb img {
    border-radius: 10px;
    transition: 0.2s transform;
  }
  .breadcrumb {
    max-width: 1320px;
    padding-inline: 75px;
    margin-top: 40px;
    padding-bottom: 20px;
  }
  .breadcrumb ul li {
    font-size: 13px;
  }
  .breadcrumb ul li + li {
    margin-left: 30px;
  }
  .breadcrumb ul li + li:before {
    width: 10px;
    height: 1px;
    top: 10px;
    left: -20px;
  }
  .breadcrumb ul li a {
    transition: 0.2s opacity;
  }
  .breadcrumb ul li a:hover {
    text-decoration: none;
    opacity: 0.5;
  }
  main * + p {
    margin-top: 20px;
  }
  main a {
    transition: 0.2s color;
  }
  main a:hover {
    text-decoration: none;
  }
  .breadcrumbArea {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding: 0;
    margin: 0 auto;
  }
  .breadcrumbArea .breadcrumb {
    margin-top: 22px;
  }
  .breadcrumbArea .breadcrumb > li {
    display: inline;
    font-size: 13px;
  }
  .breadcrumbArea .breadcrumb > li:not(:last-child) {
    margin-right: 12px;
  }
  .breadcrumbArea .breadcrumb > li + li {
    padding-left: 22px;
  }
  .breadcrumbArea .breadcrumb > li + li:before {
    width: 6px;
    height: 6px;
    left: 2px;
    top: 7px;
  }
  .breadcrumbArea .breadcrumb > li a {
    transition: 0.2s opacity;
  }
  .breadcrumbArea .breadcrumb > li a:hover {
    opacity: 0.7;
  }
  .breadcrumbArea .breadcrumb > li > span {
    font-weight: bold;
  }
  .breadcrumbArea + .section {
    padding-top: 40px;
  }
  .section {
    padding: 120px 0 120px;
  }
  .section + .section:not([data-background^=bg]) {
    padding-top: 30px;
  }
  .section[data-background^=bg] {
    padding-top: 60px;
  }
  .section[data-background^=bg] + .section {
    padding-top: 60px;
  }
  .section .inner {
    max-width: 1320px;
    padding: 0 75px;
    margin-inline: auto;
  }
  .pageLead {
    text-align: center;
    line-height: 2;
  }
  * + [class^=listCol] {
    margin-top: 43px;
  }
  [class^=listCol] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .listCol2 > .listItem {
    width: calc(50% - 25px);
  }
  .listCol2 > .listItem:nth-child(odd) {
    margin-right: 50px;
  }
  .listCol2 > .listItem:nth-child(n+3) {
    margin-top: 50px;
  }
  .listCol3 .listItem {
    width: calc(33.3% - 34px);
  }
  .listCol3 .listItem:not(:nth-child(3n)) {
    margin-right: 50px;
  }
  .listCol3 .listItem:nth-child(n+4) {
    margin-top: 50px;
  }
  .listCol4 .listItem {
    width: calc(25% - 26px);
  }
  .listCol4 .listItem:not(:nth-child(4n)) {
    margin-right: 30px;
  }
  .listCol4 .listItem:nth-child(n+5) {
    margin-top: 30px;
  }
  * + .colImgFixed {
    margin-top: 30px;
  }
  .colImgFixed > *.colImg {
    flex: none;
  }
  .colImgFixed > *:nth-child(odd) {
    margin-right: 97px;
  }
  .colImgFixed > *:nth-child(n+3) {
    margin-top: 30px;
  }
  * + .commonTable {
    margin-top: 30px;
  }
  .commonTable {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .commonTable > tbody > tr > th,
  .commonTable > thead > tr > th {
    padding: 28px 1.5%;
  }
  .commonTable > tbody > tr > th:not([scope=row]),
  .commonTable > thead > tr > th:not([scope=row]) {
    width: 150px !important;
  }
  .commonTable > tbody > tr > td,
  .commonTable > thead > tr > td {
    padding: 28px 1.5%;
  }
  * + .scrollTable {
    margin-top: 30px;
  }
  .scrolltext {
    display: none !important;
  }
  * + ul.commonList,
  * + ol.commonList {
    margin-top: 20px;
  }
  ul.commonList.col_pc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  ul.commonList.col_pc > li {
    width: calc(50% - 20px);
  }
  ul.commonList.col_pc > li:nth-child(odd) {
    margin-right: 10px;
  }
  ul.commonList.col_pc > li:nth-child(even) {
    margin-left: 10px;
  }
  ul.commonList > li:before {
    top: 15px;
    margin: auto;
    left: 0;
  }
  ol.commonList.col_pc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  ol.commonList.col_pc > li {
    width: calc(50% - 20px);
  }
  ol.commonList.col_pc > li:nth-child(odd) {
    margin-right: 10px;
  }
  ol.commonList.col_pc > li:nth-child(even) {
    margin-left: 10px;
  }
  ol.commonList.col_pc > li:nth-of-type(2) {
    margin-top: 0 !important;
  }
  ol.commonList > li + li {
    margin-top: 7px;
  }
  *:not(.title) + dl.commonList {
    margin-top: 40px;
  }
  .title + dl.commonList {
    margin-top: 0;
  }
  dl.commonList > div {
    display: flex;
    padding: 20px 0;
  }
  dl.commonList > div > dt,
  dl.commonList > div > dd {
    font-size: 16px;
  }
  dl.commonList > div > dt {
    width: 196px;
    padding-right: 20px;
  }
  dl.commonList > div > dd {
    width: calc(100% - 196px);
  }
  .iframeWrap {
    margin-top: 63px;
  }
  .mapWrap {
    padding-bottom: 50.55%;
    margin-top: 63px;
  }
  * + .colorBox {
    margin-top: 40px;
  }
  * + .colorBoxAdd {
    margin-top: 20px;
  }
  .colorBox {
    padding: 40px 40px 40px;
    border-radius: 15px;
  }
  .colorBoxAdd {
    padding: 20px 40px 20px;
    border-radius: 8px;
  }
  .colorBox .colorBoxTitle,
  .colorBoxAdd .colorBoxTitle {
    font-size: 18px;
  }
  .colorBox .colorBoxTitle + p,
  .colorBoxAdd .colorBoxTitle + p {
    margin-top: 4px;
  }
  #sectionRanking:before {
    max-width: 1170px;
  }
  #sectionRanking .inner {
    padding-top: 70px;
  }
  .titleDeco strong {
    font-size: 38px;
  }
  .titleDeco .ja {
    font-size: 16px;
  }
  .titleDeco + * {
    margin-top: 40px;
  }
  #sectionRanking .contentListTitle {
    -webkit-line-clamp: 2;
  }
  #sectionRanking + *:not(#sectionRecommend) {
    margin-top: 80px;
  }
  .ctaLine {
    margin-bottom: 0;
  }
  .preBox {
    margin-top: 30px;
  }
  .taC_pc {
    text-align: center !important;
  }
  .taL_pc {
    text-align: left !important;
  }
  .taR_pc {
    text-align: right !important;
  }
  .pT10_pc {
    padding-top: 10px !important;
  }
  .pT20_pc {
    padding-top: 20px !important;
  }
  .pT30_pc {
    padding-top: 30px !important;
  }
  .pT40_pc {
    padding-top: 40px !important;
  }
  .pB10_pc {
    padding-bottom: 10px !important;
  }
  .pB20_pc {
    padding-bottom: 20px !important;
  }
  .pB30_pc {
    padding-bottom: 30px !important;
  }
  .pB40_pc {
    padding-bottom: 40px !important;
  }
  .mB0_pc {
    margin-bottom: 0 !important;
  }
  .mB5_pc {
    margin-bottom: 5px !important;
  }
  .mB10_pc {
    margin-bottom: 10px !important;
  }
  .mB15_pc {
    margin-bottom: 15px !important;
  }
  .mB20_pc {
    margin-bottom: 20px !important;
  }
  .mB30_pc {
    margin-bottom: 30px !important;
  }
  .mB40_pc {
    margin-bottom: 40px !important;
  }
  .mB50_pc {
    margin-bottom: 50px !important;
  }
  .mB60_pc {
    margin-bottom: 60px !important;
  }
  .mB70_pc {
    margin-bottom: 70px !important;
  }
  .mB80_pc {
    margin-bottom: 80px !important;
  }
  .mT0_pc {
    margin-top: 0 !important;
  }
  .mT5_pc {
    margin-top: 5px !important;
  }
  .mT10_pc {
    margin-top: 10px !important;
  }
  .mT20_pc {
    margin-top: 20px !important;
  }
  .mT30_pc {
    margin-top: 30px !important;
  }
  .mT40_pc {
    margin-top: 40px !important;
  }
  .mT50_pc {
    margin-top: 50px !important;
  }
  .mT70_pc {
    margin-top: 70px !important;
  }
  .mT80_pc {
    margin-top: 80px !important;
  }
  .mL0_pc {
    margin-left: 0px !important;
  }
  .mL5_pc {
    margin-left: 5px !important;
  }
  .mL10_pc {
    margin-left: 10px !important;
  }
  .mL20_pc {
    margin-left: 20px !important;
  }
  .mL30_pc {
    margin-left: 30px !important;
  }
  .mL40_pc {
    margin-left: 40px !important;
  }
  .mL55_pc {
    margin-left: 55px !important;
  }
  .mR0_pc {
    margin-right: 0px !important;
  }
  .mR5_pc {
    margin-right: 5px !important;
  }
  .mR10_pc {
    margin-right: 10px !important;
  }
  .mR20_pc {
    margin-right: 20px !important;
  }
  .mR30_pc {
    margin-right: 30px !important;
  }
  .mR40_pc {
    margin-right: 40px !important;
  }
  .mR50_pc {
    margin-right: 50px !important;
  }
  .mR55_pc {
    margin-right: 55px !important;
  }
  .size12_pc {
    font-size: 12px !important;
  }
  .size13_pc {
    font-size: 13px !important;
  }
  .size14_pc {
    font-size: 14px !important;
  }
  .size15_pc {
    font-size: 15px !important;
  }
  .size16_pc {
    font-size: 16px !important;
  }
  .size17_pc {
    font-size: 17px !important;
  }
  .size18_pc {
    font-size: 18px !important;
  }
  .size19_pc {
    font-size: 19px !important;
  }
  .size20_pc {
    font-size: 20px !important;
  }
  .size22_pc {
    font-size: 22px !important;
  }
  .size24_pc {
    font-size: 24px !important;
  }
  .size28_pc {
    font-size: 28px !important;
  }
  .hoverAlpha,
  .hoverAlpha img {
    display: block;
    transition: 0.3s opacity;
  }
  .hoverAlpha:hover, .hoverAlpha:hover img,
  .hoverAlpha img:hover,
  .hoverAlpha img:hover img {
    opacity: 0.8;
  }
}
@media screen and (min-width: 771px) and (max-width: 1000px) {
  .pageHeader {
    min-height: 344px;
    width: calc(100% - 40px);
  }
  .pageHeader.pageArchive {
    min-height: 190px;
    margin-top: 60px;
  }
  #sectionArchive .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
  #sectionPost .postProduct .postProductBody {
    display: block;
  }
  #sectionPost .postProduct .postProductBody .postProductThumb {
    margin-right: inherit;
    margin-inline: auto;
  }
  #sectionPost .postProduct .postProductBody .postProductText {
    width: 100%;
    max-width: inherit;
  }
  #sectionRecommend .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
/*# sourceMappingURL=map/second2026.css.map */