@charset "UTF-8";
.kondate-detail__heading {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.28;
  margin: 20px 0 0;
  padding: 25px 0 15px;
  color: #138458;
  border-top: 4px solid #138458;
}

.kondate-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.kondate-social.p-dish-social .sns {
  float: none;
  margin-right: 15px;
}

.kondate-social.p-dish-social .func {
  float: none;
  width: auto;
}

.kondate-social:after {
  display: none;
}

.kondate-detail__howto {
  text-align: right;
}

.kondate-detail__howto a {
  font-size: 1.4rem;
  text-decoration: none;
  color: #91bf38;
}

.kondate-detail__howto a:hover {
  text-decoration: underline;
}

.kondate-detail__howto span {
  display: inline-block;
  vertical-align: middle;
}

.kondate-detail__howto .icon-question {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  vertical-align: middle;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -126px -96px;
}

.kondate-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 17px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-gallery:after {
  display: none;
}

.kondate-gallery.kondate-gallery-single .kondate-gallery__left {
  width: 67.72%;
}

.kondate-gallery.kondate-gallery-single .kondate-gallery__right {
  width: auto;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-gallery.kondate-gallery-single .kondate-gallery__check {
  width: 100%;
}

.kondate-gallery__left {
  width: 420px;
}

.kondate-gallery__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.kondate-gallery__item {
  width: 100%;
  margin-bottom: 20px;
}

.kondate-gallery__item:last-child {
  margin-bottom: 0;
}

.kondate-gallery__category {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 7px;
  color: #f39c05;
}

.kondate-gallery__image,
.kondate-gallery__check {
  position: relative;
  border: 4px solid #91bf38;
  border-radius: 3px;
}

.kondate-gallery__image img,
.kondate-gallery__check img {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 4px solid #fff;
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-gallery__image:after,
.kondate-gallery__check:after {
  display: block;
  padding-top: 100%;
  content: '';
}

.kondate-gallery__card {
  position: relative;
  width: calc(50% - 2.5%);
}

.kondate-gallery__check {
  display: block;
  width: 100%;
  border: none;
}

.kondate-gallery__check img {
  border-radius: 3px;
}

.kondate-gallery__name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  padding: 7px 4px;
  color: #333;
}

.kondate-gallery__checkbox {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.kondate-gallery__checkbox-icon:before {
  position: absolute;
  z-index: 0;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: '';
  border-radius: 3px;
  background: #d2d2d2;
}

.kondate-gallery__checkbox-icon span {
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  display: block;
  width: 22px;
  height: 22px;
}

.kondate-gallery__checkbox-icon span:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  content: '';
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  border-radius: 1px 0 3px 0;
  background: #d2d2d2;
}

.kondate-gallery__checkbox-icon span:after {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 14px;
  height: 6px;
  content: '';
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.kondate-gallery__checkbox.js-kondate-checkbox + .kondate-gallery__checkbox-icon span::before {
  background: #91bf38;
}

.kondate-gallery__checkbox.js-kondate-checkbox + .kondate-gallery__checkbox-icon::before {
  background: #91bf38;
}

.kondate-gallery__thumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-gallery__thumbs:after {
  display: none;
}

.recipe-card__data--kondate {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 780px;
  margin: 0 auto;
  padding: 7px 20px;
  color: #f39c05;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.recipe-card__data--kondate dt {
  font-size: 1.6rem;
  float: left;
}

.recipe-card__data--kondate dd {
  font-size: 1.4rem;
  float: right;
}

.recipe-card__data--kondate .display-calorie {
  font-size: 1.8rem;
  font-weight: bold;
}

.recipe-card__data--kondate.is-active {
  color: #fff;
  border: none;
  background: #f39c05;
}

.recipe-card__data--kondate.is-active .icon-calorie {
  width: 10px;
  height: 18px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -97px -52px;
}

.display-calorie {
  font-size: 1.8rem;
}

#calorie-lists {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 780px;
  margin: 0 auto;
  padding: 20px 30px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

#calorie-lists.is-active {
  display: block;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.kondate-calorie-lists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 0 16px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.kondate-calorie-lists:last-child {
  margin-bottom: 0;
}

.kondate-calorie-lists:after {
  display: none;
}

.kondate-calorie-lists.js-calorie-lists {
  display: none;
}

.kondate-calorie-lists.js-calorie-lists.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.kondate-calorie-heading {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  width: 48px;
  padding: 3px 0;
  text-align: center;
  color: #fff;
  background: #f39c05;
}

.kondate-calorie-text {
  font-size: 1.5rem;
  line-height: 1.533;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding-left: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.js-calorie-text {
  display: none;
}

.js-calorie-text.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.kondate-calorie-strong {
  display: block;
  width: 80px;
  text-align: right;
}

.kondate-calorie-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.recipe-card--kondate {
  position: relative;
  margin: 0 0 20px;
  padding: 50px 40px 29px;
  background: #fbf7e8;
}

.recipe-card--kondate .kondate-detail__howto {
  position: absolute;
  top: 13px;
  right: 14px;
}

.kondate-detail__description {
  font-size: 1.6rem;
  line-height: 1.5;
  width: 460px;
}

.kondate-list-wrap {
  width: 370px;
  padding: 18px 19px 19px;
  border: 1px solid #e5e5e5;
  background: #fbfbfb;
}

.kondate-list-item {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px;
}

.kondate-list-item a {
  text-decoration: underline;
  color: #91bf38;
}

.kondate-list-item a:hover {
  text-decoration: none;
}

.kondate-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-description:after {
  display: none;
}

.kondate-tag {
  font-size: 1.4rem;
  display: inline-block;
  text-decoration: none;
  color: #138458;
}

.kondate-tag:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  content: '';
  vertical-align: middle;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -32px -130px;
}

.kondate-tag-group li {
  display: inline-block;
}

.kondate-tag__text {
  display: inline-block;
  vertical-align: middle;
}

.kondate-category-label {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  margin-top: 20px;
  padding: 5px 13px 4px;
  color: #fff;
  background: #f39c05;
}

.kondate-share-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  margin-bottom: 62px;
  padding: 20px;
  border: 1px solid #e5e5e5;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-share-btns li {
  padding-right: 10px;
  padding-left: 10px;
}

.kondate-share-btns a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  color: #91bf38;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kondate-share-btns i {
  display: block;
  margin: 0 8px 0 0;
}

.kondate-share-btns button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  cursor: pointer;
  color: #91bf38;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.kondate-share-btns .kondate-share-btns__heading {
  font-size: 1.6rem;
  padding-right: 20px;
}

.kondate-share-btns__text {
  font-size: 1.2rem;
  display: block;
  text-align: center;
}

.kondate-share-btns__text.is-selected {
  color: #333;
}

.kondate-share-btns__line {
  width: 30px;
  height: 28px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -154px -90px;
}

.kondate-share-btns__mail {
  width: 32px;
  height: 24px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: 0 -130px;
}

.kondate-share-btns__url {
  width: 30px;
  height: 30px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -96px -96px;
}

.kondate-share-btns__copy {
  width: 30px;
  height: 30px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -154px -30px;
}

.kondate-share-btns__url-complete {
  width: 30px;
  height: 30px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -154px 0;
}

.kondate-share-btns__copy-complete {
  width: 30px;
  height: 30px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -154px -60px;
}

.kondate-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-bottom: 3px solid #138458;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-tab-list:after {
  display: none;
}

.ranking-tab-menu {
  display: inline-block;
  margin-right: 5px;
}

.ranking-tab-menu a {
  font-size: 1.4rem;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 78px;
  height: 37px;
  cursor: pointer;
  color: #138458;
  border-top: 1px solid #138458;
  border-right: 1px solid #138458;
  border-left: 1px solid #138458;
  border-radius: 5px 5px 0 0;
  background: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ranking-tab-menu a:hover {
  text-decoration: none;
}

.ranking-tab-menu.is-active a {
  color: #fff;
  background: #138458;
}

.icon-calorie {
  display: inline-block;
  width: 10px;
  height: 18px;
  margin-top: -3px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -97px -70px;
}

.kondate-tab-calorie {
  font-size: 1.6rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #f39c05;
}

.kondate-tab-calorie .recipe-card__meta {
  font-size: 1.4rem;
}

.kondate-tab-calorie .display-calorie {
  font-size: 1.8rem;
  font-weight: bold;
}

.recipe-detail-list {
  margin-bottom: 50px;
  list-style-type: none;
  counter-reset: item;
}

.recipe-detail-item--check {
  position: relative;
  padding: 15px 0 15px;
}

.recipe-detail-item--check:before {
  font-size: 2.0rem;
  font-weight: bold;
  position: absolute;
  top: 15px;
  left: 47px;
  content: counter(item) ".";
  counter-increment: item;
}

.recipe-detail-item--check.is-disabled {
  color: #d2d2d2;
}

.recipe-detail-item--check.is-disabled .kondate-detail-panel_image {
  opacity: .6;
}

.kondate-checkbox-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  cursor: pointer;
}

.kondate-checkbox-label .recipe-detail-item-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.recipe-detail-item-num {
  font-size: 2.0rem;
  font-weight: bold;
}

.recipe-detail-item-text {
  font-size: 1.6rem;
  line-height: 1.81;
}

.recipe-detail-item-text + div {
  margin-left: 35px;
}

.kondate-detail-panel {
  width: 250px;
}

.kondate-detail-panel .kondate-detail-panel_image {
  width: 250px;
}

.kondate-detail-panel .kondate-detail-panel_image img {
  display: block;
  max-width: 100%;
}

.kondate-detail-panel .kondate-detail-panel_text {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 16px 19px;
  background: #f6f6f6;
}

.kondate-recipe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  padding: 20px;
  background: #fbf7e8;
}

.kondate-recipe-select {
  margin-bottom: 15px;
  padding: 20px;
  background: #fbf7e8;
}

.kondate-recipe-select_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.kondate-recipe-name {
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 9px;
  color: #333;
}

.kondate-recipe-name.kondate-recipe-name-main {
  font-weight: bold;
  margin-bottom: 0;
  color: #138458;
}

.kondate-recipe-name input {
  display: none;
}

.kondate-recipe-name input.js-kondate-checkbox + .kondate-recipe-name__radio {
  font-weight: bold;
  color: #138458;
}

.kondate-recipe-name input.js-kondate-checkbox + .kondate-recipe-name__radio:after {
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  width: 13px;
  height: 13px;
  content: '';
  border-radius: 50%;
  background: #91bf38;
}

.kondate-recipe-name__radio {
  position: relative;
  padding-left: 32px;
}

.kondate-recipe-name__radio:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  content: '';
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #fff;
}

.js-tab-content .kondate-recipe_image,
.js-tab-content .kondate-recipe-memo,
.js-tab-content .kondate-recipe-content {
  display: none;
}

.js-tab-content .kondate-recipe_image.is-show,
.js-tab-content .kondate-recipe-memo.is-show,
.js-tab-content .kondate-recipe-content.is-show {
  display: block;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.kondate-list-unselected {
  display: none;
}

.kondate-list-unselected.is-show {
  display: block;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

.kondate-recipe_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-recipe_title:after {
  display: none;
}

.kondate-recipe_image {
  width: 200px;
  height: 200px;
  margin: 0 0 8px;
}

.kondate-recipe_body {
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-checkbox {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.kondate-checkbox--icon {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}

.kondate-checkbox--icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  content: '';
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  border-radius: 3px;
  background: #d2d2d2;
}

.kondate-checkbox--icon:after {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 18px;
  height: 9px;
  content: '';
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.kondate-checkbox:checked + .kondate-checkbox--icon::before {
  background: #91bf38;
}

.kondate-recipe-memo {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}

.kondate-recipe-memo-title {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 6px;
  color: #138458;
}

.kondate-recipe-memo-text {
  font-size: 1.6rem;
  line-height: 1.62;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.kondate-recipe-memo-text li {
  width: 50%;
  margin-bottom: 5px;
}

.kondate-recipe-memo-text a {
  text-decoration: underline;
  color: #91bf38;
}

.kondate-recipe-memo-text a:hover {
  text-decoration: none;
}

.recipe-memo-caption {
  font-size: 1.4rem;
}

.kondate-recipe__text {
  font-size: 1.5rem;
  margin-bottom: 10px;
  color: #138458;
}

.kondate-recipe-radio-group li {
  padding-top: 3px;
  padding-bottom: 3px;
}

.recipe-link-wrap {
  margin-top: 30px;
}

.kondate-tab-content {
  display: none;
  padding-bottom: 45px;
}

.kondate-tab-content.is-active {
  display: block;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.kondate-tab-content .btn-weekly-kondate {
  font-size: 1.6rem;
  line-height: 1.25;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 56px;
  margin: 0 auto;
  padding: 0 15px;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #91bf38;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kondate-tab-content .btn-weekly-kondate:hover {
  opacity: .5;
}

.kondate-tab-content .btn-weekly-kondate span {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}

.kondate-tab-content .btn-weekly-kondate span:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.kondate-recom-item {
  border-bottom: 1px solid #e5e5e5;
}

.kondate-recom-item:first-child .kondate-recom-item__link {
  padding-top: 0;
}

.kondate-recom-item__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 0;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-decoration: none;
}

.kondate-recom-item__link:hover {
  text-decoration: none;
  opacity: .5;
}

.kondate-recom-thumb {
  width: 130px;
  vertical-align: top;
}

.kondate-recom-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-recom-contents {
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-recom-title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.kondate-recom-desc {
  font-size: 1.4rem;
  line-height: 1.5;
}

.kondate-recom-heading {
  color: #138458;
}

.kondate-recom {
  margin-bottom: 20px;
}

.kondate-recom-block {
  padding: 30px 0 45px;
}

.js-kondate-materials {
  display: none;
}

.js-kondate-materials.is-show {
  display: block;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.js-kondate-material {
  display: none;
}

.js-kondate-material.is-active {
  display: block;
  -webkit-animation-name: fade-in;
  -moz-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  opacity: 1;
}

.kondate-modal-heading {
  font-weight: bold;
  margin-bottom: 3px;
}

.kondate-modal-text {
  font-size: 1.5rem;
  line-height: 1.53;
  margin-bottom: 30px;
  padding-left: 15px;
  text-indent: -1.5rem;
}

.kondate-dictionary {
  padding: 30px 20px 0;
}

.kondate-dictionary .recipe-material-item {
  width: 400px;
}

.kondate-dictionary-trigger {
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  padding: 14px 18px;
  cursor: pointer;
  color: #138458;
  background: #e2f0eb;
}

.kondate-dictionary-trigger:after {
  position: absolute;
  top: 50%;
  right: 26px;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  content: '';
  background: url("/img/v2/recipe/pc/kondate/icon_acco_open.png") no-repeat;
  background-size: cover;
}

.kondate-dictionary-trigger.is-open:after {
  background: url("/img/v2/recipe/pc/kondate/icon_acco_close.png") no-repeat;
  background-size: cover;
}

.kondate-dictionary-trigger__small {
  font-size: 1.6rem;
  font-weight: normal;
}

.kondate-box {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.kondate-box_link {
  display: block;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.kondate-box_link:hover {
  opacity: .5;
}

.kondate-box_item {
  position: relative;
  float: left;
  overflow: hidden;
  /* 1つの場合 */
  /* 2・3つの場合 */
  /* 4・5つの場合 */
}

.kondate-box_item .list-label {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 65px;
  padding: 0 0 5px;
  -webkit-transform: rotate(-45deg) translate(-23px, -55px);
  transform: rotate(-45deg) translate(-23px, -55px);
  letter-spacing: -.1rem;
  color: #fff;
  background: #f39c05;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-box_item .kondate-box_noimage {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-box_item:only-child {
  width: 100%;
}

.kondate-box_item:first-child:nth-last-child(3),
.kondate-box_item:first-child:nth-last-child(3) ~ .kondate-box_item {
  width: 33.334%;
}

.kondate-box_item:first-child:nth-last-child(3):before,
.kondate-box_item:first-child:nth-last-child(3) ~ .kondate-box_item:before {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background: #fbf7e8;
}

.kondate-box_item:first-child:nth-last-child(3) {
  width: 66.666%;
}

.kondate-box_item:first-child:nth-last-child(3):after {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: '';
  background: #fbf7e8;
}

.kondate-box_item:first-child:nth-last-child(5),
.kondate-box_item:first-child:nth-last-child(5) ~ .kondate-box_item {
  width: 25%;
}

.kondate-box_item:first-child:nth-last-child(5):before,
.kondate-box_item:first-child:nth-last-child(5) ~ .kondate-box_item:before {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background: #fbf7e8;
}

.kondate-box_item:first-child:nth-last-child(5):after,
.kondate-box_item:first-child:nth-last-child(5) ~ .kondate-box_item:after {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 100%;
  content: '';
  background: #fbf7e8;
}

.kondate-box_item:first-child:nth-last-child(5) {
  width: 50%;
}

.kondate-box_item:first-child:nth-last-child(5):after {
  display: none;
}

#target {
  font-size: 0;
  display: block;
  width: 0;
  height: 0;
}

.clipboard-button.is-active {
  color: #f00;
}

.kondate-block-lead {
  font-size: 1.6rem;
  line-height: 1.375;
  margin-bottom: 35px;
}

.kondate-block-lead-small {
  font-size: 1.4rem;
}

.kondate-weekly-navi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.kondate-weekly-navi.kondate-weekly-navi-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-weekly-navi li {
  margin-right: 20px;
}

.kondate-weekly-navi li a {
  font-size: 2.0rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #91bf38;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-weekly-navi li a:hover {
  opacity: .5;
}

.weekly-kondate {
  padding: 20px 0;
}

.weekly-kondate#sun {
  padding-bottom: 40px;
}

.weekly-kondate_heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.weekly-kondate_heading:after {
  display: block;
  height: 8px;
  margin-left: 15px;
  content: '';
  background: url("/img/v2/recipe/pc/kondate/title_line.png") repeat-x 0 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.weekly-kondate_heading_icon {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41px;
  height: 45px;
  margin-top: -5px;
  padding-top: 21px;
  text-align: center;
  background: url("/img/v2/recipe/pc/kondate/bg_calendar.png") no-repeat center center;
  background-size: 41px auto;
}

.weekly-kondate_heading_text {
  font-size: 2.6rem;
  font-weight: bold;
  padding-left: 5px;
  white-space: nowrap;
  color: #138458;
}

.kondate-list-panel {
  margin-bottom: 20px;
  padding: 27px 40px;
  background: #fbf7e8;
}

.kondate-list-panel .recipe-card__data--kondate {
  width: 460px;
  margin: 25px auto 0;
}

.kondate-list-heading {
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 0 10px;
}

.kondate-list-lead {
  font-size: 1.4rem;
  line-height: 1.857;
  margin: 11px 0 15px;
}

.kondate-diet-lead {
  font-size: 1.6rem;
  line-height: 1.81;
  margin: 0 0 17px;
}

.btn-kondate {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  display: block;
  width: 260px;
  margin: 0 auto;
  padding: 15px 0;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #91bf38;
}

.btn-kondate:hover {
  opacity: .5;
}

.btn-kondate:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 12px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.btn-kondate span {
  display: inline-block;
  vertical-align: middle;
}

.kondate-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.kondate-list_left {
  width: 420px;
}

.kondate-list_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.kondate-list_right:after {
  display: none;
}

.kondate-list_item {
  width: 100%;
  margin-bottom: 15px;
}

.kondate-list_item:last-child {
  margin-bottom: 0;
}

.kondate-list_name {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 5px;
  color: #f39c05;
}

.kondate-list_image {
  position: relative;
  overflow: hidden;
}

.kondate-list_image:after {
  display: block;
  padding-top: 100%;
  content: '';
}

.kondate-list_image img {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-list_title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  padding: 7px 4px 0;
  color: #333;
}

.kondate-list_name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  padding: 7px 0 0;
}

.kondate-list_thumbs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-list_thumbs:after {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 50px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: 'or';
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 50%;
  background: #fbf7e8;
}

.kondate-list_card {
  width: calc(50% - 5px);
}

.kondate-pagenavi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 70px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-pagenavi:after {
  display: none;
}

.kondate-pagenavi_link {
  font-size: 1.6rem;
  line-height: 1;
  display: inline-block;
  padding: 12px 22px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-decoration: none;
  color: #91bf38;
  border: 2px solid #91bf38;
  border-radius: 5px;
}

.kondate-pagenavi_link:hover {
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 0 2px #91bf38, 0 0 1px transparent;
  box-shadow: inset 0 0 0 2px #91bf38, 0 0 1px transparent;
}

.kondate-pagenavi_prev:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-right: 4px;
  content: '';
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  vertical-align: middle;
  border-top: 2px solid #91bf38;
  border-right: 2px solid #91bf38;
}

.kondate-pagenavi_next:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: 4px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #91bf38;
  border-right: 2px solid #91bf38;
}

.kondate-recomlist_heading {
  font-size: 2.2rem;
  font-weight: bold;
  overflow: hidden;
  margin: 0 0 20px;
  padding-bottom: 4px;
  color: #138458;
  border-bottom: 2px solid #138458;
}

.kondate-recom-image {
  width: 130px;
}

.kondate-recomlist_date {
  font-size: 1.6rem;
  font-weight: normal;
  float: right;
  color: #333;
}

.kondate-ranking {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.kondate-ranking_left {
  width: 300px;
}

.kondate-ranking_left img {
  margin-bottom: 15px;
}

.kondate-ranking_left .kondate-recom-rank {
  margin-bottom: 8px;
}

.kondate-ranking_right {
  padding-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-recom-rank {
  margin-top: 20px;
  margin-right: 6px;
}

.kondate-ranking_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kondate-ranking_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 11px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-ranking_link:hover {
  text-decoration: none;
  opacity: .5;
}

.kondate-link-rank01 {
  display: block;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.kondate-link-rank01:hover {
  text-decoration: none;
  opacity: .5;
}

.kondate-ranking_image {
  position: relative;
  overflow: hidden;
  width: 130px;
  height: 130px;
}

.kondate-ranking_image img {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-ranking_body {
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-recom-rank {
  display: block;
  margin: 0 auto;
}

.kondate-recom-rank01 {
  width: 60px;
  height: 52px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: 0 0;
}

.kondate-recom-rank02 {
  width: 48px;
  height: 44px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -60px 0;
}

.kondate-recom-rank03 {
  width: 48px;
  height: 44px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: 0 -52px;
}

.kondate-recom-rank04 {
  width: 48px;
  height: 34px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -48px -96px;
}

.kondate-recom-rank05 {
  width: 48px;
  height: 34px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: 0 -96px;
}

.kondate-recom-section {
  padding: 0 0 70px;
}

.btn-archive-kondate {
  font-size: 1.6rem;
  line-height: 1.25;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 56px;
  margin: 0 auto;
  padding: 0 15px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #91bf38;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-archive-kondate:hover {
  text-decoration: none;
  opacity: .5;
}

.btn-archive-kondate span {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}

.btn-archive-kondate span:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.kondate-recom-tab {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-recom-tab:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 3px;
  content: '';
  background: #138458;
}

.kondate-recom-tab_item {
  padding-right: 5px;
  padding-left: 5px;
}

.kondate-recom-tab_link {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  padding: 10px 11px 9px;
  cursor: pointer;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-align: center;
  color: #138458;
  border-top: 1px solid #138458;
  border-right: 1px solid #138458;
  border-left: 1px solid #138458;
  border-radius: 5px 5px 0 0;
  background: #fff;
}

.kondate-recom-tab_link.is-active {
  color: #fff;
  background: #138458;
}

.kondate-recom-tab_link:hover {
  -webkit-box-shadow: 0 0 0 2px #138458 inset;
  box-shadow: 0 0 0 2px #138458 inset;
}

.c-dish-header_discription {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.71;
  display: block;
  margin: 0;
  color: #333;
}

.p-category-block-season {
  margin-bottom: 20px;
  padding: 20px 0 20px 30px;
  border: 1px solid #e5e5e5;
}

.p-category-block_title-season {
  font-size: 1.8rem;
  font-weight: bold;
  color: #138458;
}

.p-category-block_list-season > li {
  font-size: 1.6rem;
  line-height: 1.8;
}

.p-category-block_list-season > li a {
  text-decoration: underline;
  color: #91bf38;
}

.p-category-block_list-season > li a:hover {
  text-decoration: none;
}

.sidebar__block--popular-kondate {
  margin-top: 20px;
}

.sidebar__block--popular-kondate .sidebar__heading {
  line-height: 31px;
  margin: -10px 0 15px -10px;
  color: #138458;
}

.sidebar__block--popular-kondate .sidebar__heading .sidebar__heading__ico {
  display: inline-block;
  vertical-align: middle;
}

.sidebar__block--popular-kondate .sidebar__heading .sidebar__heading__text {
  display: inline-block;
  vertical-align: middle;
}

.sidebar__block--popular-kondate .kondate-recom-tab_link {
  font-weight: normal;
}

.sidebar__block--popular-kondate .sidebar__list {
  margin-bottom: 20px;
}

.sidebar__heading--kondate {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 10px;
  color: #138458;
}

.js-recom-tab-content {
  display: none;
}

.js-recom-tab-content.is-active {
  display: block;
}

.sidebar__block--popular-news .sidebar__heading--kondate {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.sidebar__block--popular-news .sidebar__list {
  margin-bottom: 20px;
}

.sidebar__block--popular-news .sidebar__neww__heading {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}

.sidebar__block--popular-news .sidebar__news__discription {
  font-size: 1.4rem;
  line-height: 1.285;
}

.kondate-season .c-category_article_inner {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding-left: 8px;
  white-space: nowrap;
  color: #91bf38;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kondate-season .kondate-season_heading {
  font-weight: bold;
}

.tag-list.tag-list-kondate {
  margin-right: 12px;
  margin-left: 12px;
}

.kondate-season_link {
  display: block;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.kondate-season_link:hover {
  opacity: .5;
}

.kondate-calendar-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0 0 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kondate-calendar-links:after {
  display: none;
}

.kondate-calendar-links_prev,
.kondate-calendar-links_next {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 48px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-align: center;
  color: #91bf38;
  border: 2px solid #91bf38;
  border-radius: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-calendar-links_prev span,
.kondate-calendar-links_next span {
  display: inline-block;
  vertical-align: middle;
}

.kondate-calendar-links_prev:hover,
.kondate-calendar-links_next:hover {
  -webkit-box-shadow: inset 0 0 0 2px #91bf38, 0 0 1px transparent;
  box-shadow: inset 0 0 0 2px #91bf38, 0 0 1px transparent;
}

.kondate-calendar-links_prev:before {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 14px;
  content: '';
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  vertical-align: middle;
  border-top: 2px solid #91bf38;
  border-right: 2px solid #91bf38;
}

.kondate-calendar-links_next:after {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 14px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #91bf38;
  border-right: 2px solid #91bf38;
}

.kondate-calendar-links_text {
  font-size: 2.2rem;
  font-weight: bold;
  color: #138458;
}

.kondate-calendar {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 2px solid #138458;
}

.kondate-calendar_week {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 48px;
  width: 20%;
  text-align: center;
  color: #138458;
  border-bottom: 1px solid #138458;
}

.kondate-calendar_tbody tr:last-child td {
  border-bottom: none;
}

.kondate-calendar_item {
  vertical-align: top;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.kondate-calendar_item:first-child {
  border-left: none;
}

.kondate-calendar_item a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 16px 18px 15px;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.kondate-calendar_item a:hover {
  text-decoration: none;
  opacity: .5;
}

.kondate-calendar_item.is-current {
  background: #fbf7e8;
  -webkit-box-shadow: 0 0 0 2px #f39c05 inset;
  box-shadow: 0 0 0 2px #f39c05 inset;
}

.kondate-calendar_item.is-current a:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100px;
  height: 60px;
  content: '';
  -webkit-transform: rotate(-45deg) translate(-17px, -42px);
  transform: rotate(-45deg) translate(-17px, -42px);
  background: #f39c05;
}

.kondate-calendar_item.is-current a .kondate-calendar_num {
  z-index: 3;
  color: #fff;
}

.kondate-calendar_item.kondate-calendar_noimage {
  background: url("/img/v2/recipe/pc/kondate/noimage_calendar.png") no-repeat center center;
}

.kondate-calendar_num {
  font-size: 1.4rem;
  font-weight: bold;
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
}

.kondate-calendar_image {
  position: relative;
  overflow: hidden;
  margin-bottom: 6px;
}

.kondate-calendar_image img {
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-calendar_image:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 30px;
  content: '';
  -webkit-transform: rotate(-45deg) translate(-10px, -27px);
  transform: rotate(-45deg) translate(-10px, -27px);
  background: #fff;
}

.kondate-calendar_image.kondate-calendar_noimage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kondate-calendar_heading {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.285;
}

.kondate-today_heading {
  margin-bottom: 6px;
  background: url("/img/v2/recipe/pc/bg-line.png") repeat-x 0 8px;
}

.kondate-today_heading span {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  padding-right: 9px;
  color: #138458;
  background: #fff;
}

.kondate-today_title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 22px;
}

.kondate-today_image {
  display: block;
  margin: 0 auto 17px;
}

.kondate-today_tags {
  margin-bottom: 20px;
}

.kondate-today_tags li {
  font-size: 1.4rem;
  line-height: 2;
  display: inline-block;
}

.kondate-today_tags li:after {
  display: inline;
  content: ' / ';
}

.kondate-today_tags a {
  text-decoration: underline;
  color: #91bf38;
}

.kondate-today_tags a:hover {
  text-decoration: none;
}

.kondate-today_tags:last-child:after {
  display: none;
}

.kondate-today_tags .kondate-tag {
  text-decoration: none;
  color: #138458;
}

.kondate-today_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 19px;
}

.kondate-today_info_title {
  font-size: 1.6rem;
  white-space: nowrap;
}

.kondate-today_info_item {
  margin: 0;
  padding-top: 3px;
}

.kondate-today_info_item li {
  display: inline-block;
  margin: 0 5px 10px 0;
}

.kondate-today_info_item a {
  font-size: 1.4rem;
  line-height: 1;
  padding: 4px 9px 3px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-decoration: none;
  color: #91bf38;
  border: 1px solid #91bf38;
  border-radius: 3px;
}

.kondate-today_info_item a:hover {
  -webkit-box-shadow: inset 0 0 0 2px #91bf38, 0 0 1px transparent;
  box-shadow: inset 0 0 0 2px #91bf38, 0 0 1px transparent;
}

.kondate-today_btn-wrapper {
  text-align: center;
}

.kondate-today_btn {
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
  padding: 12px 33px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  background: #91bf38;
}

.kondate-today_btn:after {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 12px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.kondate-today_btn span {
  display: inline-block;
  vertical-align: middle;
}

.kondate-today_btn:hover {
  opacity: .5;
  text-decoration: none;
}

.p-kondate-section {
  margin-bottom: 90px;
}

.icon-rank01 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank02 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank03 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank04 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank05 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank06 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank07 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank08 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank09 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  margin-top: -15px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank10 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank11 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank12 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank13 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank14 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank15 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank16 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank17 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank18 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank19 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank20 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank21 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank22 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank23 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank24 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank25 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank26 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank27 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank28 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank29 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank30 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank31 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank32 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank33 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank34 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank35 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank36 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank37 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank38 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank39 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank40 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank41 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank42 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank43 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank44 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank45 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank46 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank47 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank48 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank49 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.icon-rank50 {
  font-size: 1.7rem;
  line-height: 30px;
  display: block;
  width: 30px;
  height: 30px;
  margin: -15px 8px 0 8px;
  text-align: center;
  color: #138458;
  border: 1px solid #138458;
  border-radius: 50%;
}

.kondate-recom-tab.kondate-ranking-tab {
  margin-bottom: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.kondate-recom-tab.kondate-ranking-tab .kondate-recom-tab_item {
  padding: 0 5px 0 0;
}

.kondate-recom-tab.kondate-ranking-tab .kondate-recom-tab_link {
  font-size: 1.4rem;
  padding: 10px 20px 9px;
}

.kondate-recom-tab.kondate-ranking-tab .kondate-recom-tab_link:hover {
  text-decoration: none;
}

.kondate-ranking_date {
  font-size: 1.4rem;
  margin-bottom: 16px;
  text-align: right;
}

.kondate-ranking-list .kondate-ranking_item {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.kondate-ranking-list .kondate-recom-rank01 {
  width: 49px;
  height: 43px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -48px -52px;
}

.kondate-ranking-list .kondate-recom-rank02 {
  width: 46px;
  height: 42px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -108px 0;
}

.kondate-ranking-list .kondate-recom-rank03 {
  width: 46px;
  height: 41px;
  background-image: url(/img/v2/recipe/pc/kondate/sprite.png);
  background-position: -108px -42px;
}

.kondate-week {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 25px;
}

.kondate-this-week {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 8px;
  color: #138458;
}

.kondate-week_item {
  width: 20%;
}

.kondate-week_item a {
  display: block;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.kondate-week_item a:hover {
  text-decoration: none;
  opacity: .5;
}

.kondate-week_inner {
  margin: 0 0 6px;
  padding: 12px;
}

.is-current .kondate-week_inner {
  background: #fbf7e8;
  -webkit-box-shadow: 0 0 0 2px #f39c05;
  box-shadow: 0 0 0 2px #f39c05;
}

.kondate-week_image {
  overflow: hidden;
}

.kondate-week_image img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.kondate-week_name {
  font-size: 1.6rem;
  line-height: 1.5625;
}

.kondate-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.kondate-category_item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.kondate-category_item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kondate-category_item a:hover {
  text-decoration: none;
  opacity: .5;
}

.kondate-category_image {
  width: 80px;
}

.kondate-category_name {
  font-size: 1.6rem;
  padding: 0 0 0 14px;
  color: #91bf38;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kondate-category_name span {
  font-weight: bold;
}

.calender-week {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  display: block;
  width: 37px;
  height: 41px;
  margin: 0 auto 8px;
  padding-top: 18px;
  text-align: center;
  background: url("/img/v2/recipe/pc/kondate/bg_calendar.png") no-repeat 0 0;
  background-size: 37px auto;
}

/* 太らない献立でのタイトルタグ内 */
.datail_only {
    font-size: 70%;
    display: block;
}

/* 献立カレンダーでの前後リンクがない場合のli */
li.no_link {
    width: 120px;
}

/* 献立カレンダーの本日の付記タイトル部 */
.kondate-list-title {
	white-space: nowrap;
}

.dictionary_link {
	text-decoration: underline;
	color: #91bf38;
}

.dictionary_link:hover {
	text-decoration: none;
	cursor: pointer;
}

.kondate-ingredinet-recipe-name,
.kondate-ingredinet-recipe-name_side,
.kondate-ingredinet-recipe-name_soup {
	margin-left: 5px;
	font-size: 1.6rem;
	font-weight: bold;
}