@charset "UTF-8";
/* ==========================================================================
INDEX
---- Base ----
*base
---- Layout ----
*header
*navigator
*main-layout
*modal
*footer
*print
---- Object ----
*general-conponent
========================================================================== */
/************************* Utility *************************/
/* *** typography */
.u-td-ul {
  text-decoration: underline;
}

.u-td-ul:hover {
  text-decoration: none;
}

.u-td-n {
  text-decoration: none;
}

.u-td-lt {
  text-decoration: line-through;
}

.is-mobile .js-call-sp {
  cursor: pointer;
  text-decoration: underline;
}

.is-mobile .js-call-sp:hover {
  text-decoration: none;
}

.fs-10 {
  font-size: 1.0rem !important;
}

.fs-11 {
  font-size: 1.1rem !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.fs-13 {
  font-size: 1.3rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-15 {
  font-size: 1.5rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-17 {
  font-size: 1.7rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.fs-19 {
  font-size: 1.9rem !important;
}

.fs-20 {
  font-size: 2.0rem !important;
}

.fw-b {
  font-weight: bold !important;
}

.fw-n {
  font-weight: normal !important;
}

.fc-w {
  color: #fff;
}

.fc-b {
  color: #000;
}

.u-ta-c {
  text-align: center;
}

.u-ta-l {
  text-align: left;
}

.u-ta-r {
  text-align: right;
}

.u-ws-nw {
  white-space: nowrap;
}

.u-va-t {
  vertical-align: top;
}

.u-va-m {
  vertical-align: middle;
}

.u-va-b {
  vertical-align: bottom;
}

.u-lis-n {
  list-style: none;
}

.u-lis-d {
  list-style: decimal;
  padding-left: 28px;
}

/* *** margin */
.u-mt-zero {
  margin-top: 0 !important;
}

.u-mt-mcr {
  margin-top: 5px !important;
}

.u-mt-sml {
  margin-top: 13px !important;
}

.u-mt-mid {
  margin-top: 20px !important;
}

.u-mt-lrg {
  margin-top: 38px !important;
}

.u-mt-auto {
  margin-top: auto !important;
}

.u-mr-zero {
  margin-right: 0 !important;
}

.u-mr-mcr {
  margin-right: 5px !important;
}

.u-mr-sml {
  margin-right: 13px !important;
}

.u-mr-mid {
  margin-right: 20px !important;
}

.u-mr-lrg {
  margin-right: 38px !important;
}

.u-mr-auto {
  margin-right: auto !important;
}

.u-mb-zero {
  margin-bottom: 0 !important;
}

.u-mb-mcr {
  margin-bottom: 5px !important;
}

.u-mb-sml {
  margin-bottom: 13px !important;
}

.u-mb-mid {
  margin-bottom: 20px !important;
}

.u-mb-lrg {
  margin-bottom: 38px !important;
}

.u-mb-auto {
  margin-bottom: auto !important;
}

.u-ml-zero {
  margin-left: 0 !important;
}

.u-ml-mcr {
  margin-left: 5px !important;
}

.u-ml-sml {
  margin-left: 13px !important;
}

.u-ml-mid {
  margin-left: 20px !important;
}

.u-ml-lrg {
  margin-left: 38px !important;
}

.u-ml-auto {
  margin-left: auto !important;
}

@media screen and (max-width: 780px) {
  .u-sp-mb-zero {
    margin-bottom: 0 !important;
  }
  .u-sp-mb-mcr {
    margin-bottom: 5px !important;
  }
  .u-sp-mb-sml {
    margin-bottom: 13px !important;
  }
  .u-sp-mb-mid {
    margin-bottom: 20px !important;
  }
  .u-sp-mb-lrg {
    margin-bottom: 38px !important;
  }
  .u-sp-mb-auto {
    margin-bottom: auto !important;
  }
  .u-sp-ml-zero {
    margin-left: 0 !important;
  }
  .u-sp-ml-mcr {
    margin-left: 5px !important;
  }
  .u-sp-ml-sml {
    margin-left: 13px !important;
  }
  .u-sp-ml-mid {
    margin-left: 20px !important;
  }
  .u-sp-ml-lrg {
    margin-left: 38px !important;
  }
  .u-sp-ml-auto {
    margin-left: auto !important;
  }
  .u-sp-mr-zero {
    margin-right: 0 !important;
  }
  .u-sp-mr-mcr {
    margin-right: 5px !important;
  }
  .u-sp-mr-sml {
    margin-right: 13px !important;
  }
  .u-sp-mr-mid {
    margin-right: 20px !important;
  }
  .u-sp-mr-lrg {
    margin-right: 38px !important;
  }
  .u-sp-mr-auto {
    margin-right: auto !important;
  }
  .u-sp-mt-zero {
    margin-top: 0 !important;
  }
  .u-sp-mt-mcr {
    margin-top: 5px !important;
  }
  .u-sp-mt-sml {
    margin-top: 13px !important;
  }
  .u-sp-mt-mid {
    margin-top: 20px !important;
  }
  .u-sp-mt-lrg {
    margin-top: 38px !important;
  }
  .u-sp-mt-auto {
    margin-top: auto !important;
  }
}

/* *** layout */
.u-pos-r {
  position: relative;
}

.u-pos-a {
  position: absolute;
}

.u-dsp-b {
  display: block;
}

.u-dsp-ib {
  display: inline-block;
}

.u-dsp-n {
  display: none;
}

.u-dsp-tb {
  display: table;
}

.u-dsp-tbc {
  display: table-cell;
}

.u-dsp-f {
  display: flex;
  display: -webkit-flex;
}

.u-dsp-if {
  display: flex;
  display: -webkit-flex;
}

@media screen and (max-width: 780px) {
  .u-sp-dsp-b {
    display: block;
  }
  .u-sp-dsp-ib {
    display: inline-block;
  }
  .u-sp-dsp-n {
    display: none;
  }
}

.u-wid-full {
  width: 100% !important;
}

.u-wid-half--separate {
  width: calc(50% - 10px);
}

.u-wid-33per {
  width: 33.33% !important;
}

.u-wid-2em {
  width: calc(2em + 8px) !important;
}

.u-wid-3em {
  width: calc(3em + 6px) !important;
}

.u-wid-4em {
  width: calc(4em + 4px) !important;
}

.u-wid-5em {
  width: 5em !important;
}

.u-wid-6em {
  width: 6em !important;
}

.u-wid-num-select {
  min-width: 70px !important;
}

.u-maxw-600 {
  max-width: 600px !important;
}

@media screen and (min-width: 781px) {
  .u-pc-wid-full {
    width: 100% !important;
  }
  .u-pc-wid-half {
    width: 50% !important;
  }
}

@media screen and (max-width: 780px) {
  .u-sp-wid-full {
    width: 100% !important;
  }
  .u-sp-wid-half {
    width: 50% !important;
  }
}

.u-ba-c {
  margin-left: auto;
  margin-right: auto;
}

.u-sp-break {
  display: none;
}

@media screen and (max-width: 780px) {
  .u-sp-break {
    display: inherit;
  }
}

/* *** layout-flex */
.u-flex--as-fs {
  -webkit-align-self: flex-start !important;
  align-self: flex-start !important;
}

.u-flex--ai-end {
  -webkit-align-items: flex-end !important;
  align-items: flex-end !important;
}

.u-flex--ai-c {
  -webkit-align-items: center !important;
  -ms-align-items: center !important;
  align-items: center !important;
}

.u-flex--ai-bl {
  -webkit-align-items: baseline !important;
  -ms-align-items: baseline !important;
  align-items: baseline !important;
}

.u-flex--jc-sa {
  -webkit-justify-content: space-around !important;
  justify-content: space-around !important;
}

.u-flex--jc-sb {
  -webkit-justify-content: space-between !important;
  justify-content: space-between !important;
}

.u-flex--jc-end {
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
}

.u-flex--jc-c {
  -webkit-justify-content: center !important;
  justify-content: center !important;
}

.u-flex--dir-col {
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
}

.u-flex--wrap-w {
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.u-flex--frow-rre {
  -webkit-flex-flow: row-reverse !important;
  flex-flow: row-reverse !important;
}

@media screen and (max-width: 780px) {
  .u-sp-flex--as-fs {
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important;
  }
  .u-sp-flex--ai-fs {
    -webkit-align-items: flex-start !important;
    -ms-align-items: flex-start !important;
    align-items: flex-start !important;
  }
  .u-sp-flex--ai-end {
    -webkit-align-items: flex-end !important;
    -ms-align-items: flex-end !important;
    align-items: flex-end !important;
  }
  .u-sp-flex--ai-c {
    -webkit-align-items: center !important;
    -ms-align-items: center !important;
    align-items: center !important;
  }
  .u-sp-flex--ai-bl {
    -webkit-align-items: baseline !important;
    -ms-align-items: baseline !important;
    align-items: baseline !important;
  }
  .u-sp-flex--jc-sa {
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important;
  }
  .u-sp-flex--jc-sb {
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
  }
  .u-sp-flex--jc-end {
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
  }
  .u-sp-flex--jc-c {
    -webkit-justify-content: center !important;
    justify-content: center !important;
  }
  .u-sp-flex--dir-col {
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
  }
  .u-sp-flex--wrap-w {
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .u-sp-flex--frow-rre {
    -webkit-flex-flow: row-reverse !important;
    flex-flow: row-reverse !important;
  }
}

/* *** decoration */
.u-bdrs-sm {
  border-radius: 3px;
}

.u-bdrs-md {
  border-radius: 5px;
}

/* *** action */
.u-mc-p {
  cursor: pointer;
}

.u-mh-alpha:hover,.u-mh-alpha:hover img,.u-mh-alpha:hover span {
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.u-mh-ul:hover {
  text-decoration: underline;
}

.u-mh-block {
  display: block;
  height: 100%;
}

.u-mh-block:hover,.u-mh-block:hover img,.u-mh-block:hover span {
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.u-mh-block:hover .u-mh-block__headline {
  text-decoration: underline;
}

.u-ovf-h {
  overflow: hidden;
}

/* *** forr reader */
.u-spk-n {
  speak: none;
}

/* *** ime-mode */
.u-ime-a {
  ime-mode: active !important;
}

.u-ime-i {
  ime-mode: inactive !important;
}

.u-ime-d {
  ime-mode: disabled !important;
}

/* *** color */
@media screen and (max-width: 780px) {
  .u-sp-bgc-wh {
    background-color: #fff !important;
  }
}

@media screen and (max-width: 780px) {
  .u-bread-area-next {
    margin-top: 20px;
  }
}

.c-disc-list {
  list-style: none;
}

.c-disc-list__item {
  padding-left: 15px;
  position: relative;
}

.c-disc-list__item:before {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 2px;
  left: 4px;
  position: absolute;
  top: 0.4em;
  width: 2px;
}

.u-color-caution {
  color: #b4181c;
}

.u-form-required {
  font-size: 0.85em;
}

.u-caution-indent {
  display: flex;
  display: -webkit-flex;
}

.u-caution-indent--inline {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.u-caution-indent__icon {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 5px;
  white-space: nowrap;
}

.u-caution-indent__icon img {
  max-width: inherit;
}

.u-caution-indent__text {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

a.u-link--has-underline,a .u-link--has-underline {
  text-decoration: underline;
}

a.u-link--has-underline:hover,a:hover .u-link--has-underline {
  text-decoration: none;
}

.u-icon-pdf {
  vertical-align: top;
  width: 18px;
}

.u-new-line {
  display: none;
}

@media screen and (max-width: 780px) {
  .u-new-line {
    display: inline;
  }
}

/* ==========================================================================
Base
========================================================================== */
/************************* base *************************/
.fwWysiwygObj {
  position: relative;
}

html {
  font-size: 62.5%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

*,*:before,*:after {
  box-sizing: border-box;
}

body,form {
  background: transparent;
  border: 0;
  color: #000;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
}

button,input,optgroup,select,textarea {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select,input,textarea,button {
  vertical-align: middle;
}

button {
  cursor: pointer;
}

ul {
  margin: 0;
  padding: 0;
}

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

a:hover {
  text-decoration: none;
}

a:focus,input:focus,button:focus,area:focus {
  outline: 1px dotted #ddd;
}

*[id]:not(a):not(input):not(button):not(area):focus {
  outline: none;
}

h1,h2,h3,h4 {
  margin-bottom: 0;
  margin-top: 0;
}

img {
  height: auto !important;
  max-width: 100%;
}

#fwCms_wrapper {
  margin-left: auto;
  margin-right: auto;
  min-width: 1200px;
  padding-top: 90px;
  width: 100%;
}

/* ==========================================================================
.is-tablet #fwCms_wrapper {
  min-width: 1024px;
}

.is-tablet .header-wrapper--fixed {
  min-width: 1024px;
}
========================================================================== */

@media screen and (max-width: 780px) {
  #fwCms_wrapper {
    min-width: 320px;
    padding-top: 70px;
  }
  .is-tablet #fwCms_wrapper {
    min-width: 320px;
  }
  .is-tablet .header-wrapper--fixed {
    min-width: 320px;
  }
}

/* ==========================================================================
Layout
========================================================================== */
/************************* header *************************/
.header-wrapper--fixed {
  background-color: #fff;
  left: 0;
  min-width: 1200px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 150;
}

@media screen and (max-width: 780px) {
  .header-wrapper--fixed {
    min-width: 320px;
  }
}

.header-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #f9f3e7;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (max-width: 780px) {
  .header-wrapper {
    padding-right: 64px;
  }
  .header-wrapper.is-short {
    padding-right: 12px;
  }
}

.header {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 0 0 980px;
  flex: 0 0 980px;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 90px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 980px;
}

@media screen and (max-width: 780px) {
  .header {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 60px;
    padding: 0;
  }
}

.header-contents {
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  max-width: 980px;
  width: 100%;
}

@media screen and (max-width: 780px) {
  .header-contents {
    height: 60px;
  }
}

.header__logo-image {
  display: block;
  height: auto;
  padding: 0;
  width: 266px;
}

.header-contents__left {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.header-contents__right {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

@media screen and (max-width: 780px) {
  .header-contents__left {
    padding-right: 10px;
  }
}

.header__button-link-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.header__button-link {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-left: 12px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.header__button-link span {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 780px) {
  .header__button-link {
    font-size: 1.2rem;
    margin-left: 0;
  }
}

.header__button-link:hover {
  opacity: 0.7;
}

.header__button-link-icon {
  display: inline-block;
  height: 30px;
  margin-right: 6px;
  vertical-align: middle;
  width: 30px;
}

.header__button-link-procedure {
  background-color: #f69812;
  width: 180px;
}

@media screen and (max-width: 780px) {
  .header__button-link-icon {
    height: 20px;
    width: 20px;
  }
  .header__button-link-procedure {
    display: none;
  }
}

.header__button-link-mypage {
  background-color: #c08915;
  max-width: 200px;
  min-width: 140px;
  width: auto;
}

.header__button-link-login,.header__button-link-logout {
  background-color: #756c6d;
  max-width: 200px;
  min-width: 140px;
  width: auto;
}

.sp-menu-list__two-button-wrapper {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.header__button-link-return {
  background-color: #efe0c7;
  color: #231815;
  width: 140px;
}

.header__button-link-return .icon {
  margin-left: 10px;
  position: relative;
}

.header__button-link-return .icon::before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #231815;
  border-top: 5px solid transparent;
  content: "";
  left: -14px;
  margin-top: -2px;
  position: absolute;
  top: 0.43em;
}

@media screen and (max-width: 780px) {
  .header__button-link-mypage,.header__button-link-login {
    min-width: 110px;
    width: auto;
  }
  .header__button-link-logout {
    display: none;
    min-width: 110px;
    width: auto;
  }
  .header__button-link-procedure {
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
    width: calc(50% - 6px);
  }
}

.sp-menu-list__two-button-wrapper {
  margin-left: -3px;
  margin-right: -3px;
}

.sp-menu-list__banner-image {
  background-color: #ccc;
  /* TODO:仮height */
  height: 100px;
  width: 100%;
}

.sp-menu-list__banner-wrapper {
  padding: 10px 12px;
}

@media screen and (max-width: 780px) {
  .header-contents__right {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    width: auto;
  }
}

@media screen and (max-width: 780px) {
  .header__logo {
    margin-left: 12px;
    max-width: 192px;
    min-width: 1%;
  }
  .header__logo-image {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    width: 100%;
  }
}

.sp-menu {
  display: none;
}

@media screen and (max-width: 780px) {
  .sp-menu {
    height: 40px;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 40px;
  }
  .sp-menu img {
    display: block;
    vertical-align: top;
  }
  .sp-menu.is-active,.sp-menu.is-current {
    display: block;
  }
}

.sp-menu-list-wrapper {
  background-color: #f8f2e6;
  display: none;
}

@media screen and (min-width: 781px) {
  .sp-menu-list-wrapper {
    display: none !important;
  }
}

@media screen and (max-width: 780px) {
  .sp-menu-list-wrapper {
    height: calc(100vh - 59px);
    position: fixed;
    top: 59px;
    width: 100%;
    z-index: 199;
  }
  .sp-menu-list__inner {
    height: calc(100vh - 99px);
    overflow: auto;
  }
}

.sp-menu-list__headline {
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ed777a;
  display: flex;
  display: -webkit-flex;
  height: 60px;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-bottom: 7px;
  padding-right: 12px;
  padding-top: 7px;
}

.sp-menu-close {
  background-color: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  display: block;
  font-size: 1rem;
  height: 50px;
  padding: 0;
  width: 50px;
}

.sp-menu-list {
  border-bottom: 1px solid #3d3630;
  border-top: 1px solid #3d3630;
  font-size: 1.6rem;
}

.sp-menu-list__item {
  background-color: #efe1c7;
  position: relative;
  width: 100%;
}

.sp-header__search-form-wrapper {
  padding: 12px;
}

.sp-header__search-form {
  width: 100%;
}

.sp-menu-list__item-arrow::before {
  border-right: 4px solid #3d3630;
  border-top: 4px solid #3d3630;
  content: "";
  height: 15px;
  position: absolute;
  right: 15px;
  top: 35%;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 15px;
}

.sp-menu-list__item-arrow.is-current::before,.sp-menu-list__item-arrow:hover::before {
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
}

.sp-menu-list__item-link {
  border-bottom: 1px solid #d1c5af;
  color: #3b3630;
  display: block;
  height: 100%;
  padding: 18px;
  padding-left: 10px;
  width: 100%;
}

.sp-menu-list__item-link:hover,.sp-menu-list__item-link.is-current {
  background: #be8915;
  color: #fff;
}

.sp-menu-list__item-toggle {
  border-bottom: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 18px;
  padding-left: 10px;
}

.sp-toggle-menu-wrapper {
  display: none;
}

.sp-menu-list__item-toggle.is-close::before {
  border-bottom: 4px solid #fff;
  border-right: 4px solid #fff;
  content: "";
  height: 15px;
  position: absolute;
  right: 14px;
  top: 28%;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 15px;
}

.sp-menu-list__item-toggle.is-open {
  background-color: #ed777a;
  color: #fff;
}

.sp-menu-list__item-toggle.is-open::before {
  border-left: 4px solid #fff;
  border-top: 4px solid #fff;
  content: "";
  height: 15px;
  position: absolute;
  right: 14px;
  top: 38%;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 15px;
}

.sp-menu-list__button {
  padding: 10px 12px;
}

.navigation {
  -webkit-align-items: center;
  align-items: center;
  background-color: #efe1c7;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 780px) {
  .navigation {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  .sp-inner-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.navigation__list {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  max-width: 980px;
  min-width: 60px;
  padding-bottom: 14px;
  padding-top: 14px;
  position: relative;
  width: 100%;
}

.navigation__list-item {
  border-left: 1px solid #d2c3ac;
  display: flex;
  display: -webkit-flex;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 25%;
}

.navigation__list-item:last-child {
  border-right: 1px solid #d2c3ac;
}

.navigation__list-link {
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border-radius: 4px;
  color: #3c3c3c;
  display: flex;
  display: -webkit-flex;
  font-size: 1.4rem;
  font-weight: bold;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1;
  min-height: 30px;
  padding: 5px;
  width: 100%;
}

.navigation__list-link.is-current,.navigation__list-link:hover {
  background: #be8915;
  color: #fff;
}

.serach-category-block {
  display: flex;
  display: -webkit-flex;
  margin-left: -6px;
  margin-right: -6px;
}

.serach-category-block__item--three-col {
  padding-left: 6px;
  padding-right: 6px;
  width: 33.33%;
}

.serach-category-block .serach-category-block__link {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-top: 6px;
}

.serach-category-block .serach-category-block__link span {
  display: inline-block;
  margin-left: 0;
  padding-left: 12px;
  text-align: left;
}

.serach-category-block .serach-category-block__link span::before {
  border-left: 5px solid #827e75;
  left: 0;
  margin-top: -5px;
  top: 0.68em;
}

/* Layout */
#contents {
  display: flex;
  display: -webkit-flex;
  font-size: 1.5rem;
  height: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

@media screen and (max-width: 780px) {
  #contents {
    margin-top: 0 !important;
    min-width: 320px;
    width: 100%;
  }
}

.mainArea {
  padding-bottom: 50px;
  padding-top: 40px;
}

.is-tablet .mainArea {
  padding-bottom: 70px;
}

@media screen and (max-width: 780px) {
  .mainArea {
    padding-bottom: 15px;
    padding-top: 10px;
  }
}

.frame_LM {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: auto;
  background-color: #f9f3e7;
}

.frame_LM .fwCms_sortObj,.frame_LM .fwWysiwygObj {
  display: flex;
  display: -webkit-flex;
/*  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;	*/
  -webkit-flex-direction: column;
  flex-direction: column;
}

.sub-navigation {
  display: flex;
  display: -webkit-flex;
  /* -webkit-flex: 1 1 auto; */
  /* flex: 1 1 auto; */
  -webkit-flex-direction: column;
  flex-direction: column;
  font-size: 1.4rem;
  width: 256px;
}

.frame_MB {
  color: #000;
  min-width: 320px;
  width: 700px;
}
.frame_MB .sub-navigation {
	display: none;
	width: auto;
	background: #ffffff;
}
.frame_MB .sub-navigation .sub-navigation__search-wrapper{
	padding: 0;
}
.frame_LM .serach-category-block {
  display: none;
}
@media screen and (max-width: 780px) {
  .frame_MB {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
  .frame_MB .sub-navigation {
    display: block;
  }
  .frame_MB .sub-navigation .sub-navigation__search-wrapper{
    margin: -22px -12px 0;
    padding: 18px 24px;
    background: #f8f2e6;
  }
  .frame_MB .sub-navigation .sub-navigation__search-wrapper .sub-navigation__keyword-search {
  	margin-bottom: 0px;
  }
  .frame_MB .sub-navigation .sub-navigation__search-wrapper .sp-contents__block {
    display: block;
  }
  .frame_MB .sub-navigation .sub-navigation__search-wrapper .sp-contents__block .sub-navigation__headline {
    display: none;
  }
  .frame_MB .sub-navigation .sub-navigation__block {
    display: none;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .frame_MB .sub-navigation .sns-block {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.section {
  margin-bottom: 55px;
}

@media screen and (max-width: 780px) {
  .section {
    margin-bottom: 35px;
  }
}

.section-last--margin-none {
  margin-bottom: 0;
}

.section--mb-sm {
  margin-bottom: 20px;
}

.section--mb-none {
  margin-bottom: 0;
}

.section--sp-only {
  display: none;
}

@media screen and (max-width: 780px) {
  .section--sp-only {
    display: block;
  }
  .sp-section__bgcolor {
    background-color: #f8f2e6;
    margin-bottom: 0;
    margin-left: -12px;
    margin-right: -12px;
    padding-bottom: 1px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .section-index-sp-search {
    margin-bottom: 38px;
    margin-top: -10px;
    padding-bottom: 18px;
    padding-top: 6px;
  }
}

/************************* modal *************************/
.modal-window {
  -webkit-align-items: center;
  align-items: center;
  display: none;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}

.modal-window__overlay {
  background-color: rgba(255, 255, 255, 0.75);
  height: 120%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}

.hidden-modal-contents {
  display: none;
}

.modal-window__wrapper {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: auto;
  max-height: calc(100% - 1px);
  position: relative;
  z-index: 300;
}

@media screen and (max-width: 780px) {
  .modal-window__wrapper {
    max-height: calc(100% - 20px);
    min-width: 296px;
    width: 90%;
  }
}

.modal-window__base {
  background-color: #fff;
  border: #be8915 2px solid;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: inherit;
  margin: 20px 0;
  min-height: 1%;
  padding: 20px 15px;
  position: relative;
}

@supports (-ms-ime-align: auto) {
  .modal-window__base {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 1px;
  }
}

.slider-modal-window__base {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: inherit;
  margin: 20px 0;
  min-height: 1%;
  padding: 20px 15px;
  position: relative;
}

@supports (-ms-ime-align: auto) {
  .slider-modal-window__base {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 1px;
  }
}

.modal-close {
  height: 38px;
  position: absolute;
  right: -18px;
  top: -20px;
  width: 38px;
}

.modal-close-image {
  width: 100%;
}

@media screen and (max-width: 780px) {
  .modal-close {
    position: absolute;
    right: -10px;
  }
}

.modal-lock {
  overflow: hidden;
}

.modal-window__contents--margin {
  margin-bottom: 30px;
}

.modal-window__contents-wrapper {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 700px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-select-week__wrapper {
  max-height: 100%;
  min-width: 700px;
}

@media screen and (max-width: 780px) {
  .modal-select-week__wrapper {
    min-width: 0;
    width: 100%;
  }
}

.modal-window__headline {
  /*
  margin-left: -15px;
  margin-right: -15px;
*/
  padding-left: 40px;
}

.modal-window__headline:before {
  left: 15px;
}

.modal-text {
  margin-bottom: 20px;
}

.modal-select-week__item {
  padding: 12px 10px;
}

.modal-select-week__headline {
  font-size: 1.6rem;
  font-weight: bold;
}

.modal-select-week__headline {
  border-bottom: 1px solid #dbd1d2;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.modal-select-week__headline input[type="radio"] {
  margin-right: 8px;
}

.modal-select-week__item {
  background-color: #ffeced;
}

.modal-select-week__date {
  line-height: 1.6;
  width: 100%;
}

.modal-select-week__date--mb {
  margin-bottom: 10px;
}

.modal-select-week__date-head {
  width: 25%;
}

.modal-select-week__date-contents {
  width: 75%;
}

.modal-select-week__cart-button {
  padding: 5px;
  width: 100%;
}

.modal-cart-text__icon {
  display: block;
  height: 36px;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 4px;
  width: 36px;
}

.modal-cart-text__price {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
}

.modal-cart-text__number {
  border-bottom: 1px solid #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 6px;
}

.modal-cart-text__info {
  background-color: #fff;
  border-radius: 3px;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 14px 3px;
  padding-top: 17px;
  position: relative;
}

.modal-window__button {
  background-color: #fbe2e5;
  border-radius: 80px;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  min-width: 125px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.modal-window__submit-button {
  background-color: #b4181c;
  color: #fff;
}

/************************* footer *************************/
.footer {
  position: relative;
}

.footer__pc-page-top-button {
  bottom: -30px;
  position: absolute;
  right: 50px;
  z-index: 140;
}

.footer__pc-page-top-button.is-fixed {
  bottom: 20px;
  position: fixed;
  right: 50px;
}

.is-tablet .footer__pc-page-top-button {
  position: absolute;
  right: 15px;
  top: -30px;
  z-index: 150;
}

.footer.is-short .footer__after-menu-wrapper {
  padding: 0;
  text-align: center;
}

.footer.is-short .footer__after-menu {
  background-color: #efe1c7;
  max-width: 100%;
  padding-bottom: 9px;
  padding-top: 9px;
}

.footer.is-short .footer__after-menu-item {
  margin-bottom: 0;
}

.footer.is-short .footer__after-menu-item.u-ta-c {
  text-align: center;
}

@media screen and (max-width: 780px) {
  .footer__pc-page-top-button {
    display: none;
  }
}

.sp-page-top-button {
  color: #ed777a;
  display: none;
  font-size: 1.2rem;
  font-weight: bold;
  height: 0;
  line-height: 3.5;
  text-align: center;
}

@media screen and (max-width: 780px) {
  .sp-page-top-button {
    display: inline-block;
    height: auto;
    position: absolute;
    right: 10px;
    top: -30px;
  }
}

.pc-pagetop-wrapper {
  position: relative;
}

.page-top-image {
  height: 60px;
  width: 60px;
}

.footer__menu-wrapper {
  background-color: #efe1c7;
  padding-bottom: 35px;
  padding-top: 35px;
}

@media screen and (max-width: 780px) {
  .footer__menu-wrapper {
    padding: 45px 10px 25px;
  }
}

.footer__menu {
  display: flex;
  display: -webkit-flex;
  font-size: 1.4rem;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

@media screen and (min-width: 781px) {
  .footer__menu + .footer__menu {
    margin-top: 12px;
  }
}

@media screen and (max-width: 780px) {
  .footer__menu {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .pc-footer__menu-list {
    display: none;
  }
}

.footer__menu-block {
  width: 25%;
}

@media screen and (max-width: 780px) {
  .footer__menu-block {
    margin-bottom: 13px;
    width: 50%;
  }
}

.footer__menu-headline {
  font-size: 1.6rem;
  font-weight: bold;
}

.footer__menu-headline + .pc-footer__menu-list {
  margin-top: 20px;
}

.footer__menu-item {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  font-size: 1.3rem;
  margin-bottom: 14px;
}

.footer__menu-block {
  text-align: left;
}

.footer__menu-item-link-blunk {
  margin-left: 2px;
}

.footer__menu-single-link {
  margin-bottom: 15px;
}

@media screen and (max-width: 780px) {
  .footer__menu-headline-link {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.3;
    padding-right: 10px;
  }
  .footer__menu-single-link {
    margin-bottom: 5px;
    width: 50%;
  }
}

.footer__menu-headline-link:hover,.footer__menu-item-link:hover {
  text-decoration: underline;
}

.footer__after-menu-wrapper {
  padding-bottom: 35px;
  padding-top: 30px;
}

@media screen and (max-width: 780px) {
  .footer__after-menu-wrapper {
    padding: 20px 10px;
  }
}

.footer__after-menu {
  display: flex;
  display: -webkit-flex;
  font-size: 1.4rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
  width: 100%;
}

@media screen and (max-width: 780px) {
  .footer__after-menu {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.footer__after-menu-item {
  margin-left: 8px;
  margin-right: 8px;
  text-align: left;
}

@media screen and (max-width: 780px) {
  .footer__after-menu-item {
    font-size: 1.4rem;
    margin: 0 0 20px;
    width: 50%;
  }
}

.footer__after-menu-link {
  display: inline-block;
  padding-left: 3px;
}

.footer__after-menu-link:hover {
  text-decoration: underline;
}

.footer__copyright {
  text-align: center;
}

.footer__copyright-text {
  display: block;
  font-size: 1.2rem;
  padding-bottom: 30px;
}

@media screen and (max-width: 780px) {
  .footer__copyright-text {
    padding-bottom: 25px;
  }
}

/* ==========================================================================
Object
========================================================================== */
/* Component
----------------------------------------------------------------- */
/************************* general-conponent *************************/
/*リーダー系全般*/
.c-reader {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*ヘッダーの最初のメインコンテンツへ行くリンクだけ、下記クラス*/
.c-skip-link:not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  width: 1px;
}

.c-skip-link {
  background-color: #d8d8d8;
  display: block;
  font-size: 1.2rem;
  height: auto;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
}

.c-ignore {
  display: none;
}

.contents__primary-headline {
  border-bottom: 3px solid #c08915;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  position: relative;
}

.contents__primary-headline--small {
  font-size: 2rem;
}

.contents__primary-headline--margin-l {
  margin-bottom: 40px;
}

@media screen and (max-width: 780px) {
  .contents__primary-headline {
    padding-bottom: 8px;
  }
}

.contents__secondary-headline {
  border-bottom: 1px solid #c08915;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

@media screen and (max-width: 780px) {
  .contents__secondary-headline {
    padding-bottom: 8px;
  }
}

.contents__sub-headline {
  border-bottom: 1px solid #c08915;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 8px;
  position: relative;
}

.contents__primary-headline-h1,.page-headline {
  border-bottom: 3px solid #675e53;
  font-size: 3rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-left: 3px;
  position: relative;
}

@media screen and (max-width: 780px) {
  .contents__primary-headline-h1,.page-headline {
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 780px) {
  .contents__primary-headline::before {
    height: 16px;
    width: 16px;
  }
}

.contents__primary-headline::before {
  left: 0;
}

.contents__primary-arrow {
  display: inline-block;
  padding-left: 17px;
  position: relative;
}

.contents__primary-arrow::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #ed777a;
  border-top: 3px solid #ed777a;
  content: "";
  height: 12px;
  left: -2px;
  margin-top: -6px;
  position: absolute;
  top: 0.68em;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

.contents__less-color {
  color: #747474;
}

.c-link--blank {
  padding-left: 15px;
  position: relative;
}

.c-link--blank::before {
  background: url("/excludes/biosapo/img/blunk-link-icon.png") no-repeat center center;
  background-size: contain;
  content: "";
  height: 10px;
  left: 0;
  margin-top: -3px;
  position: absolute;
  top: 0.5em;
  width: 10px;
}

.c-link--blank-after {
  padding-right: 15px;
  position: relative;
}

.c-link--blank-after::before {
  background: url("/excludes/biosapo/img/blunk-link-icon.png") no-repeat center center;
  background-size: contain;
  content: "";
  height: 10px;
  margin-top: -3px;
  position: absolute;
  right: 0;
  bottom: 0.5em;
  width: 10px;
}

.c-link--blank-group-color::before {
  background: url("/excludes/biosapo/img/blunk-link-icon-gc.png") no-repeat center center;
  background-size: contain;
}

.contents__name {
  font-size: 1.5rem;
  font-weight: bold;
  min-height: 23px;
  padding-left: 15px;
}

.sp-contents__name {
  display: none;
}

@media screen and (max-width: 780px) {
  .pc-contents__name {
    display: none !important;
  }
  .sp-contents__name {
    display: block;
  }
  .contents__name--sp-small {
    font-size: 1.2rem;
  }
}

.c-submit-button {
  background-color: #efe0c7;
  border: 2px solid #efe0c7;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  padding-bottom: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
}

button > .c-submit-button {
  width: 300px;
}

.c-submit-button--tall {
  font-size: 1.8rem;
  padding-bottom: 20px;
  padding-top: 20px;
}

.c-submit-button--more-short {
  min-width: 120px;
}

.c-submit-button-square {
  min-height: 47px;
  min-width: 47px;
  padding: 0;
}

@media screen and (max-width: 780px) {
  .c-submit-button--sp-small {
    padding-bottom: 10px;
    padding-top: 11px;
  }
  .c-submit-button-square--sp-small {
    min-height: 34px;
    min-width: 34px;
  }
}

.c-submit-button--is-change {
  background-color: #fff;
  border-color: #f9f3e7;
}

.c-submit-button--is-back {
  background-color: #d8d8d8;
  border: #d8d8d8;
  color: #000;
}

.button-wrapper .c-submit-button--is-cansel {
  background-color: #d8d8d8;
  border: #d8d8d8;
  color: #000;
  width: auto !important;
  z-index: 20;
}

.c-submit-button--is-edit {
  background-color: #f0e0c7;
  border-radius: 50px;
  color: #000;
  max-width: 105px;
}

.c-submit-button--is-edit.c-submit-button--is-cansel {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}

.c-submit-button .button__next-icon {
  margin-left: 10px;
  position: relative;
}

.c-submit-button .button__next-icon::before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #231815;
  border-top: 5px solid transparent;
  content: "";
  left: -14px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

.c-submit-button .button__close-icon {
  margin-left: 0;
  padding-left: 25px;
  position: relative;
}

.c-submit-button .button__close-icon::before {
  background: #000;
  border: none;
  content: "";
  height: 3px;
  left: 4px;
  margin-top: -1px;
  position: absolute;
  top: 48%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 17px;
}

.c-submit-button .button__close-icon::after {
  background: #000;
  border: none;
  content: "";
  height: 3px;
  left: 4px;
  margin-top: -1px;
  position: absolute;
  top: 48%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 17px;
}

.c-submit-button .button__back-icon {
  margin-left: 10px;
  position: relative;
}

.c-submit-button .button__back-icon::before {
  border-bottom: 5px solid transparent;
  border-left: transparent;
  border-right: 5px solid #231815;
  border-top: 5px solid transparent;
  content: "";
  left: -14px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

.c-submit-button .button__add-icon {
  margin-left: 0;
  padding-left: 24px;
  position: relative;
}

.c-submit-button .button__add-icon::before {
  background: #000;
  border: none;
  content: "";
  height: 3px;
  left: 4px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 15px;
}

.c-submit-button .button__add-icon::after {
  background: #000;
  border: none;
  content: "";
  height: 3px;
  left: 4px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 15px;
}

.c-submit-button .button__up-icon,.c-submit-button .button__down-icon {
  background: url(../../img/recipe/up_icon.png) no-repeat center center;
  background-size: 18px 18px;
  display: block;
  margin-left: 0;
  min-height: 43px;
  width: 100%;
}

.c-submit-button .button__up-icon::before,.c-submit-button .button__up-icon::after,.c-submit-button .button__down-icon::before,.c-submit-button .button__down-icon::after {
  display: none;
}

.c-submit-button .button__down-icon {
  background: url(../../img/recipe/down_icon.png) no-repeat center center;
  background-size: 18px 18px;
}

.c-submit-button .button__select-icon {
  background: url(../../img/recipe/select_icon.png) no-repeat left center;
  background-size: 12px 9px;
  margin-left: 0;
  padding-left: 17px;
}

.c-submit-button .button__select-icon::before {
  display: none;
}

@media screen and (max-width: 780px) {
  .c-submit-button-square--sp-small .button__up-icon,.c-submit-button-square--sp-small .button__down-icon {
    min-height: 34px;
  }
}

.contents__link-button,.c-link-button {
  background-color: #efe0c7;
  border: 2px solid #efe0c7;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  padding-bottom: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
}

.contents__link-button .button__next-icon,.c-link-button .button__next-icon {
  margin-left: 10px;
  position: relative;
}

.contents__link-button .button__next-icon::before,.c-link-button .button__next-icon::before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #231815;
  border-top: 5px solid transparent;
  content: "";
  left: -14px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

.contents__link-button .button__more-icon,.c-link-button .button__more-icon {
  position: relative;
}

.contents__link-button .button__more-icon::before,.c-link-button .button__more-icon::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #231815;
  content: "";
  left: -14px;
  position: absolute;
  top: 33%;
}

.contents__link-button .button__close-icon,.c-link-button .button__close-icon {
  position: relative;
}

.contents__link-button .button__close-icon::before,.c-link-button .button__close-icon::before {
  border-bottom: 1px solid transparent;
  border-left: 2px solid #807c71;
  border-right: 1px solid transparent;
  border-top: 2px solid #807c71;
  content: "";
  height: 8px;
  left: -16px;
  position: absolute;
  top: 0.6em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 8px;
}

.contents__link-button--is-close,.c-link-button--is-close {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #000;
  position: relative;
}

.follow-button {
  border: 2px solid #d45314;
  border-radius: 5px;
  color: #d45314;
  display: block;
  min-height: 40px;
  min-width: 108px;
  padding: 9px 5px;
  text-align: center;
}

.follow-button.is-follow {
  background: #d45314;
  color: #fff;
}

/* *** tab menu */
.tabs-block__tab {
  margin-bottom: 30px;
  width: 100%;
}

@media screen and (max-width: 780px) {
  .tabs-block__tab {
    margin-bottom: 25px;
  }
}

.tabs-block__tab-item {
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  font-size: 1.4rem;
  font-weight: bold;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  min-height: 48px;
  padding-bottom: 7px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 7px;
  position: relative;
  width: 33.3%;
}

.tabs-block__tab-item.tabs-block__tab-item--half-button {
  width: 50%;
}

.tabs-block__tab-title {
  display: block;
  display: inline-block;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
  width: 100%;
}

.tabs-block__tab-title span {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 780px) {
  .tabs-block__tab-title {
    padding-left: 7px;
    padding-right: 7px;
  }
  .tabs-block__tab-title-min-h {
    min-height: 2.3em;
  }
}

.tabs-block__tab--left-radius {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.tabs-block__tab--right-radius {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.tabs-block__tab-title--border {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-bottom: 7px;
  padding-top: 7px;
}

.tabs-block__tab-item--half-button .tabs-block__tab-title--border {
  border-right: none;
}

.tabs-block__tab--bgcolor {
  background-color: #efe1c7;
}

.tabs-block__tab--bgcolor.is-select {
  background-color: #be8915;
  color: #fff;
}

.tabs-block__tab--bgcolor.is-select::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #be8915;
  bottom: -7px;
  content: "";
  left: 47%;
  position: absolute;
}

.tabs-block__tab-order::before {
  background-image: url("/excludes/biosapo/img/index/tab-view.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}

.tabs-block__tab-item.is-select .tabs-block__tab-order::before {
  background-image: url("/excludes/biosapo/img/index/tab-view__select.png");
}

.tabs-block__tab-favorite::before {
  background-image: url("/excludes/biosapo/img/index/tab-favorite.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}

.tabs-block__tab-item.is-select .tabs-block__tab-favorite::before {
  background-image: url("/excludes/biosapo/img/index/tab-favorite__select.png");
}

.tabs-block__tab-recipe::before {
  background-image: url("/excludes/biosapo/img/index/tab-recipe.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  width: 18px;
}

.tabs-block__tab-item.is-select .tabs-block__tab-recipe::before {
  background-image: url("/excludes/biosapo/img/index/tab-recipe__select.png");
}

.tabs-block__tab-review::before {
  background-image: url("/excludes/biosapo/img/index/tab-comment.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  width: 20px;
}

.tabs-block__tab-item.is-select .tabs-block__tab-event::before {
  background-image: url("/excludes/biosapo/img/index/tab-event__select.png");
}

.tabs-block__tab-event::before {
  background-image: url("/excludes/biosapo/img/index/tab-event.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  content: "";
  display: inline-block;
  height: 22px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  width: 17px;
}

.tabs-block__tab-item.is-select .tabs-block__tab-review::before {
  background-image: url("/excludes/biosapo/img/index/tab-comment__select.png");
}

.tabs-block__tab-past::before {
  background-image: url("/excludes/biosapo/img/index/tab-past.png");
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  width: 22px;
}

.tabs-block__tab-item.is-select .tabs-block__tab-past::before {
  background-image: url("/excludes/biosapo/img/index/tab-past__select.png");
}

@media screen and (max-width: 780px) {
  .tabs-block__tab-order::before,.tabs-block__tab-favorite::before,.tabs-block__tab-review::before,.tabs-block__tab-recipe::before,.tabs-block__tab-event::before,.tabs-block__tab-past::before {
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  .tabs-block__tab-recipe::before {
    height: 16px;
  }
}

.tabs-block__tab-item.is-select .tabs-block__tab-by-list::before {
  background-image: url("/excludes/biosapo/img/list/by-list--current.png");
}

.tabs-block__list {
  display: none !important;
}

.tabs-block__list.is-select {
  display: flex !important;
  display: -webkit-flex !important;
}

/* *** arrow icon */
.contents__primary-arrow--black::before {
  border-right-color: #000;
  border-top-color: #000;
}

.hr {
  border: 0;
  border-color: #a09a8e;
  border-style: solid;
  border-top-width: 1px;
}

.hr.hr-light {
  border-color: #c08915;
}

.hr.hr-dash {
  border-style: dashed;
}

.hr.color-light {
  border-color: #c08915;
}

.information-box-wrapper {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.information-box {
  margin-bottom: 24px;
  width: 100%;
}

.information-box.information-box--two-column {
  width: 50%;
}

.information-box.information-box--two-column:nth-child(odd) {
  padding-right: 12px;
}

.information-box.information-box--two-column:nth-child(even) {
  padding-left: 12px;
}

.information-box .information-box__image {
  margin-bottom: 15px;
}

.information-box__date-box {
  border: 1px solid #efe0c7;
  font-size: 1.6rem;
  padding: 12px 10px;
}

.information-box--inline {
  display: flex;
  display: -webkit-flex;
}

.information-box--inline .information-box__image {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  min-width: 1%;
  padding-right: 12px;
  width: 50%;
}

.information-box--inline .information-box__image img {
  min-width: 1%;
}

.information-box--inline .information-box__text-wrapper {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 1%;
  padding-left: 12px;
  width: 50%;
}

.information-box__link {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 17px;
  position: relative;
}

.information-box__link::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  content: "";
  height: 12px;
  left: -2px;
  margin-top: -6px;
  position: absolute;
  top: 0.68em;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

@media screen and (max-width: 780px) {
  .information-box,.information-box.information-box--two-column {
    border-bottom: 1px dotted #bf8916;
    margin-bottom: 17px;
    padding: 0 0 17px 0 !important;
    width: 100%;
  }
  .information-box--inline {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .information-box--inline .information-box__text-wrapper,.information-box--inline .information-box__image {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .information-box__image,.information-box--inline .information-box__image {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

/*端末での表示判定*/
.dsp-is-tablet {
  display: none;
}

.dsp-is-tablet-only {
  display: none;
}

.dsp-is-mobile {
  display: none;
}

.dsp-is-mobile-only {
  display: none;
}

.is-tablet .dsp-is-pc {
  display: none;
}

.is-tablet .dsp-is-tablet {
  display: block;
}

.is-tablet .dsp-is-tablet-only {
  display: block;
}

.is-tablet .dsp-is-mobile-only {
  display: none;
}

.is-mobile .dsp-is-pc {
  display: none;
}

.is-mobile .dsp-is-tablet {
  display: block;
}

.is-mobile .dsp-is-mobile {
  display: block;
}

.is-mobile .dsp-is-tablet-only {
  display: none;
}

.is-mobile .dsp-is-mobile-only {
  display: block;
}

/************************* index-page *************************/
/* serchmenu */
.sub-navigation {
  background-color: #f9f3e7;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-size: 1.4rem;
  width: 256px;
}

.sub-navigation__search-wrapper {
  padding: 0 24px 24px;
}

.sub-navigation__headline {
  border-bottom: 3px solid #bf8814;
  font-size: 1.7rem;
  font-weight: bold;
  padding-bottom: 5px;
}

.sub-navigation__block {
  margin-bottom: 48px;
  margin-top: 24px;
}

.sub-navigation__block:last-child {
  margin-bottom: 0;
}

.sub-navigation__list {
  list-style: none;
  margin-bottom: 10px;
  width: 100%;
}

.sub-navigation__list--negative {
  margin-left: -24px;
  margin-right: -24px;
  width: auto;
}
.frame_MB .sub-navigation__list--negative {
  margin-left: 0px;
  margin-right: 0px;
  width: auto;
}

.sub-navigation__list--child {
  background-color: #f0e0c7;
  display: none;
  margin-bottom: 0;
}

.sub-navigation__search-item {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-weight: bold;
  list-style: none;
  min-height: 28px;
  width: 100%;
}

.sub-navigation__search-item-link {
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  display: flex;
  display: -webkit-flex;
  padding: 12px 24px;
  padding-right: calc(24px + 1em);
  width: 100%;
}

.sub-navigation__search-item-link--second {
  font-weight: normal;
  padding-left: calc(24px + 1em);
}

.sub-navigation__search-item-link--third {
  font-weight: normal;
  padding-left: calc(24px + 2em);
}

.sub-navigation__search-item-link::after {
  background: #d8d8d8;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 24px;
  width: calc(100% - 48px);
}

.sub-navigation__search-item-link--second::after {
  width: calc(100% - 48px - 1em);
}

.sub-navigation__search-item-link--third::after {
  width: calc(100% - 48px - 2em);
}

.sub-navigation__search-item-link--first:hover,.sub-navigation__search-item-link--first.is-active,.sub-navigation__search-item-link--first.is-current {
  background-color: #be8915;
  color: #fff;
}

.sub-navigation__search-item-link--first:hover::after,.sub-navigation__search-item-link--first.is-active::after,.sub-navigation__search-item-link--first.is-current::after {
  display: none;
}

.sub-navigation__search-item-link--second:hover,.sub-navigation__search-item-link--second.is-current {
  background-color: #e0c58e;
}

.sub-navigation__search-item-link--second:hover::after,.sub-navigation__search-item-link--second.is-current::after {
  display: none;
}

.sub-navigation__search-item-link--third:hover,.sub-navigation__search-item-link--third.is-current {
  background-color: #e0c58e;
}

.sub-navigation__search-item-link--third:hover::after,.sub-navigation__search-item-link--third.is-current::after {
  display: none;
}

.sub-navigation__search-item-has-thumbnail-large {
  -webkit-align-items: stretch;
  align-items: stretch;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.sub-navigation__search-item-has-thumbnail-large::after,.sub-navigation__search-item-has-thumbnail-short::after {
  display: none;
}

.sub-navigation__search-item-has-thumbnail-large .search__item-link--arrow::before {
  left: -20px;
  right: auto;
  top: 0.68em;
}

.sub-navigation__search-item-has-thumbnail-large__text {
  background: #fff;
  padding: 10px 10px 10px 24px;
}

.sub-navigation__search-item-has-thumbnail-short .search__item-link--arrow::before {
  left: -20px;
  right: auto;
}

.sub-navigation__search-item-has-thumbnail-short {
  -webkit-align-items: stretch;
  align-items: stretch;
  display: flex;
  display: -webkit-flex;
  padding: 0;
  width: 100%;
}

.sub-navigation__search-item-has-thumbnail-short img {
  height: 60px !important;
  width: 60px;
}

.sub-navigation__search-item-has-thumbnail-short__text {
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px 10px 10px 24px;
}

.sub-navigation__search-item-has-thumbnail-short__text .search__item-link--arrow::before {
  top: 0.68em;
}

@media screen and (max-width: 780px) {
  .sub-navigation__search-item-has-thumbnail-large__text,.sub-navigation__search-item-has-thumbnail-short__text {
    background: #f9f3e7;
  }
}

.search__item-link--arrow,.search__item-link--more {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.search__item-link--arrow::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  content: "";
  height: 12px;
  margin-top: -6px;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

.search__item-link--more::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  content: "";
  height: 12px;
  margin-top: -9px;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: rotate(135deg) scale(0.7);
  transform: rotate(135deg) scale(0.7);
  width: 12px;
}

.search__item-link--more.is-active::before,.search__item-link--more.is-current::before {
  margin-top: -4px;
  -webkit-transform: rotate(-45deg) scale(0.7);
  transform: rotate(-45deg) scale(0.7);
}

.sub-navigation__search-item-link--first.is-current::before,.sub-navigation__search-item-link--first:hover::before,.sub-navigation__search-item-link--first.is-active::before {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
}

.sub-navigation__banner-item {
  margin-bottom: 12px;
}

@media screen and (max-width: 780px) {
  .sub-navigation__banner-item img {
    display: block;
    width: 100%;
  }
}

.sub-navigation__index-link + .sub-navigation__list {
  margin-top: 30px;
}

.sub-navigation__list + .sub-navigation__list {
  margin-top: 30px;
}

.keyword-search__form {
  display: -webkit-flex;
  display: flex;
  height: 42px;
  padding: 1px;
}

.keyword-search__form input[type="search"] {
  -webkit-appearance: textfield;
}

.keyword-search__form input[type="search"]::-webkit-input-placeholder {
  padding-top: 0.3em;
}

.keyword-search__form input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

.sub-navigation__keyword-search {
  margin-bottom: 45px;
  margin-top: 12px;
}

.keyword-search__form {
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #d2c1c2;
  display: -webkit-flex;
  display: flex;
  font-size: 1.2rem;
  -webkit-justify-content: center;
  justify-content: center;
}

.keyword-search__text {
  border: none;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 37px;
  min-width: 1%;
  padding: 0 0 0 8px;
  vertical-align: middle;
  width: 99%;
}

.keyword-search__submit {
  background-color: #fff;
  border: none;
  display: -webkit-flex;
  display: block;
  height: 18px;
  margin-right: 10px;
  min-width: 18px;
  text-align: center;
  width: 18px;
}

.keyword-serch__list-wrapper {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-left: -6px;
  margin-right: -6px;
}

.keyword-serch__list-label {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  margin: 0 6px 6px;
}

.sub-navigation__sns {
  padding-top: 15px;
}

.sub-navigation__sns-item-link {
  display: inline-flex;
  display: -webkit-inline-flex;
  margin-bottom: 15px;
}

.sub-navigation__sns-item-link img {
  height: 40px !important;
  width: 40px;
}

.sub-navigation__sns-item-link > span {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: bold;
  padding-left: 10px;
}

@media screen and (max-width: 780px) {
  .sub-navigation__sns {
    display: flex;
    display: -webkit-flex;
    padding-top: 0;
  }
  .sub-navigation__sns-item {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
  .sub-navigation__sns-item:first-child {
    border-right: 1px solid #dad9d7;
  }
  .sub-navigation__sns-item {
    width: 50%;
  }
  .sub-navigation__sns-item-link {
    margin-bottom: 0;
  }
  .sub-navigation__sns-item-link > span {
    font-size: 1rem;
  }
}

.blunk-link--icon-after {
  position: relative;
}

.blunk-link--icon-after::after {
  background: url("/excludes/biosapo/img/index/blunk-link-icon.png") no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
  width: 10px;
}

.contents-label-list {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
}

@media screen and (max-width: 780px) {
  .contents-label-list.sp-second-show .contents-label-list--item {
    display: none;
  }
  .contents-label-list.sp-second-show .contents-label-list--item:nth-child(1),.contents-label-list.sp-second-show .contents-label-list--item:nth-child(2) {
    display: flex;
    display: -webkit-flex;
  }
}

.contents-label-list--inline {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.contents-label-list--item {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  margin: 0 6px 6px;
}

.contents-label {
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  display: inline-flex;
  display: -webkit-inline-flex;
  font-size: 1rem;
  font-weight: bold;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1.1;
  min-width: 60px;
  padding: 5px 2px;
}

.contents-label--wide {
  padding-left: 15px;
  padding-right: 15px;
}

.contents-label--category {
  border: 2px solid #456c35;
  color: #456c35;
}

.contents-label--category.is-select {
  border-color: #d45314;
  color: #d45314;
}

.contents-label--block {
  border: 2px solid #0d347f;
  color: #0d347f;
}

.news-list {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-right: 12px;
}

.news-list__child {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #be8915;
  display: flex;
  display: -webkit-flex;
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.news-list__date {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 20px;
  padding-top: 0.2em;
}

.news-list__category {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
}

.news-list__text {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 1.6rem;
  margin-top: 0.1em;
  word-break: break-all;
}

a.news-list__text:hover {
  text-decoration: underline;
}

@media screen and (max-width: 780px) {
  .news-list__child {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-list__text {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-top: 13px;
  }
}

@media screen and (min-width: 781px) {
  .contents-info {
    display: flex;
    display: -webkit-flex;
  }
  .contents-info__child-left {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .contents-info__child-right {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 5px !important;
    margin-top: -5px !important;
  }
  .contents-info__child-right--mt-zero {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 781px) {
  .pc-social-button-wrapper {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 13px;
  }
  .pc-social-button-wrapper .social-button-outer {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
    margin-top: -5px;
  }
}

@media screen and (max-width: 780px) {
  .contents-info.sp-flex {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .contents-info.sp-flex .social-button-outer {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
  }
  .contents-info .user-name {
    margin-bottom: 5px;
  }
  .social-button-wrapper {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 13px;
  }
  .social-button-wrapper .social-button-outer {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 8px;
    margin-top: -5px;
  }
}

.social-button-outer {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: flex;
  display: -webkit-flex;
  margin-left: -2px;
  margin-right: -2px;
}

.social-button {
  -webkit-align-items: center;
  align-items: center;
  background: #ccc;
  /* dummy */
  border: 2px solid #ccc;
  /* dummy */
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  margin: 5px 2px;
  min-width: 62px;
  padding: 3px 6px;
  position: relative;
}

.social-button:last-child {
  margin-right: 0;
}

.social-button:hover {
  opacity: 0.8;
}

.social-button--favorite {
  background-color: #fff;
  border-color: #958d8c;
  color: #958d8c;
}

.social-button--favorite.social-button--on {
  background-color: #dd6064;
  border-color: #dd6064;
  color: #fff;
}

.social-button--comment {
  background-color: #bf8916;
  border-color: #bf8916;
  color: #fff;
}

.social-button__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
}

.social-button__number {
  display: inline-block;
  vertical-align: middle;
}

.social-button--favorite .social-button__icon {
  background-image: url(/excludes/biosapo/img/favorite-icon-off.png);
}

.social-button--favorite.social-button--on .social-button__icon {
  background-image: url(/excludes/biosapo/img/favorite-icon.png);
}

.social-button--comment .social-button__icon {
  background-image: url(/excludes/biosapo/img/comment-icon.png);
}

.user-name {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  word-break: break-all;
}

a.user-name:hover {
  opacity: 0.8;
}

.user-name--inline {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.user-name__icon {
  border-radius: 100%;
  height: 40px;
  margin-right: 6px;
  width: 40px;
}

.user-name__output {
  display: inline-block;
  position: relative;
}

.user-name__output-has-icon {
  padding-right: 34px;
}

.user-name__output__icon {
  display: block;
  height: 24px;
  margin-top: -13px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
}

.user-name .contents__primary-arrow::before {
  margin-top: -6px;
  top: 49%;
}

.two-column-block__list {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-left: -10px;
  margin-right: -10px;
}

.two-column-block__list--border-top {
  border-top: 1px solid #c08915;
  padding-top: 25px;
}

.two-column-block__list--has-ranking .two-column-block__item {
  padding-top: 15px;
  position: relative;
}

.two-column-block__list--has-catalog .two-column-block__item {
  padding-top: 25px;
  position: relative;
}

@media screen and (max-width: 780px) {
  .two-column-block__list {
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .sp-two-column-block__list--border-bottom {
    border-bottom: 1px dotted #c08915;
  }
  .sp-two-column-block__list {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -5px;
    margin-right: -5px;
  }
  .tabs-block__list .two-column-block__list,.tabs-block__list .two-column-block__item {
    width: 100%;
  }
  .two-column-block__item.two-column-block__item--no-border {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.two-column-block__item {
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  width: calc(50% - 20px);
}

@media screen and (max-width: 780px) {
  .two-column-block__item .pc-contents {
    display: none;
  }
}

@media screen and (min-width: 781px) {
  .two-column-block__item .sp-contents {
    display: none;
  }
}

.two-column-block__item .is-unpublished {
  -webkit-align-items: center;
  align-items: center;
  background: #746c6c;
  border-radius: 4px;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  font-size: 1.2rem;
  -webkit-justify-content: center;
  justify-content: center;
  left: 5px;
  line-height: 1;
  opacity: 1 !important;
  padding: 6px 12px;
  position: absolute;
  top: 5px;
  z-index: 2;
}

.two-column-block__list--has-catalog .two-column-block__item .is-unpublished {
  top: 30px;
}

@media screen and (min-width: 781px) {
  .two-column-block__item--pc-border {
    border-bottom: 1px dotted #c08915;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

.three-column-block__item {
  width: calc(33.33% - 20px);
}

@media screen and (max-width: 780px) {
  .two-column-block__item {
    border-bottom: 1px dotted #c08915;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 13px;
    width: 100%;
  }
  .sp-two-column-block__list .two-column-block__item,.two-column-block__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .sp-two-column-block__list .two-column-block__item {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(50% - 10px);
  }
  .two-column-block__item.two-column-block__item--has-button {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .two-column-block__item--has-button .sp-square-image-box__text-box {
    width: calc(100% - 130px);
  }
  .two-column-block__item.two-column-block__item-sp-hide {
    display: none;
  }
}

.two-column-block__image {
  display: block;
  width: 100%;
}

.two-column-block__name {
  margin-top: 15px;
}

.two-column-block__head-catalog,.article__main-image__catalog {
  opacity: 1 !important;
  padding-right: 16px;
  position: absolute;
  right: 0;
  top: 1px;
  width: 88px;
  z-index: 2;
}

@media screen and (max-width: 780px) {
  .one-column-block__head-catalog {
    left: 50px;
  }
}

.two-column-block__head-catalog img {
  opacity: 1 !important;
}

.two-column-block__head-catalog::before,.article__main-image__catalog::before {
  border-color: transparent transparent #e9a888 transparent;
  border-style: solid;
  border-width: 0 14px 24px 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

.article__main-image__catalog,.two-column-block__head-catalog--pos-l {
  left: 0;
  right: auto;
}

.two-column-block__list--has-catalog .two-column-block__head-ranking {
  top: 10px;
}

.two-column-block__head-ranking {
  left: 12px;
  opacity: 1 !important;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 2;
}

.two-column-block__head-ranking::before {
  -webkit-align-items: center;
  align-items: center;
  content: attr(data-ranking-num);
  display: -webkit-flex;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  height: 30px;
  -webkit-justify-content: center;
  justify-content: center;
  left: -1px;
  letter-spacing: -0.1em;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 30px;
  z-index: 2;
}

.square-image-box {
  display: flex;
  display: -webkit-flex;
}

.square-image-box__image {
  -webkit-flex: 0 0 120px;
  flex: 0 0 120px;
  height: 120px;
  margin-right: 10px;
}

.square-image-box__text-box {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  min-width: 1%;
}

.square-image-box__link {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.square-image-box__text {
  display: block;
  line-height: 1.6;
  margin-bottom: 10px;
}

.toggle-button {
  display: none !important;
}

.toggle-button.is-active {
  display: block !important;
}

.sp-contents-image {
  display: none;
}

@media screen and (max-width: 780px) {
  .pc-contents-image {
    display: none;
  }
  .sp-contents-image {
    display: block;
  }
  .sp-square-image-box {
    display: flex;
    display: -webkit-flex;
  }
  .sp-square-image-box__image {
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
    height: 120px;
    margin-right: 10px;
  }
  .sp-square-image-box__text-box {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 1%;
  }
}

.search-result-box {
  background: #f9f3e7;
  border-bottom: 1px solid #d2c1c2;
  border-left: 1px solid #d2c1c2;
  border-radius: 0 0 4px 4px;
  border-right: 1px solid #d2c1c2;
  padding: 13px 13px 7px;
}

/************************* article-common *************************/
.article {
  margin-bottom: 55px;
}

.article__section {
  margin-bottom: 20px;
}

.article__metadata {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.article__date {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  font-size: 1.4rem;
  margin-bottom: 10px;
  margin-left: auto;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: right;
  word-break: keep-all;
}

.article__tags-outer {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 0 280px;
  flex: 1 0 280px;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.article__tags {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.article__tag {
  margin-bottom: 10px;
  margin-right: 10px;
}

.article__favorite-button {
  -webkit-flex-basis: 300px;
  flex-basis: 300px;
}

@media screen and (max-width: 780px) {
  .article__favorite-button {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .article__favorite-button .c-favorite-button {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}

.article__sns-buttons {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  border: 2px solid #d8d8d8;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  padding: 6px;
}

@media screen and (max-width: 780px) {
  .article__sns-buttons {
    padding-bottom: 0;
  }
  .article__sns-buttons > div {
    margin-bottom: 6px;
  }
}

.article__sns-button {
  line-height: 1;
  margin: 2px;
}

.article__sns-buttons iframe,.article__sns-buttons div {
  vertical-align: bottom;
}

.article__main-image {
  margin-bottom: 10px;
}

.article__main-image > img {
  width: 100%;
}

.article__main-image--has-catalog {
  padding-top: 25px;
  position: relative;
}

.article__image {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.article__image > img {
  width: 100%;
}

.article__image-float-wrapper:after {
  clear: both;
  content: "";
  display: table;
}

.article__image-float-r {
  float: right;
  margin-bottom: 1em;
  margin-left: 1em;
  width: 218px;
}

.article__image-float-l {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
  width: 218px;
}

@media screen and (max-width: 780px) {
  .article__image-float-r,.article__image-float-l {
    max-width: 40vw;
  }
}

.article__image-caption {
  font-size: 1.2rem;
  text-align: left;
}

.article__text {
  line-height: 1.5;
  margin-bottom: 20px;
  overflow: hidden;
}

.article__note {
  border: 1px solid #d8d8d8;
  padding: 20px 12px;
}

.article__note-text {
  margin-bottom: 20px;
}

.article__note-list > li {
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
}

.icon-copy-link {
  vertical-align: top;
  width: 20px;
}

.c-favorite-button {
  background-color: #dd6064;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}

.c-favorite-button:hover {
  opacity: 0.8;
}

.c-favorite-button__text {
  display: inline-block;
  vertical-align: middle;
}

.c-favorite-button__icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
}

.c-favorite-button__note {
  margin-bottom: 30px;
  text-align: center;
}

.c-button-print {
  background-color: #c08915;
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  min-height: 20px;
  padding: 2px 20px;
  text-align: center;
}

@media screen and (max-width: 780px) {
  .c-button-print {
    display: none;
  }
}

.caution-box {
  background: #faf7f2;
  border: 4px solid #ba2d00;
  padding: 15px 20px;
}

.caution-box.caution-box--normal {
  border-color: #bf8814;
}

.caution-box.caution-box--error {
  border-color: #fe0000;
}

.caution-box__heading {
  color: #ba2d00;
  font-weight: bold;
  margin-bottom: 16px;
  padding-left: 26px;
  position: relative;
}

.caution-box__heading::before {
  background: url(/excludes/biosapo/img/icon-caution.png) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  margin-top: -8px;
  position: absolute;
  top: 0.64em;
  width: 20px;
}

.caution-box__heading.caution-box__heading--error {
  color: #fe0000;
}

.caution-box__heading.caution-box__heading--error::before {
  background: url(/excludes/biosapo/img/icon-caution-error.png) no-repeat;
  background-size: contain;
}

.caution-box__text {
  color: #ba2d00;
}

.judge-box {
  background-color: #fff8d9;
  border: 1px solid #e9e3c6;
  min-height: 112px;
  padding: 10px;
  position: relative;
}

.judge-box__image {
  position: absolute;
  top: -20px;
}

.judge-box__text {
  padding-left: 120px;
}

.ribbon-heading {
  margin-bottom: 20px;
  padding: 0 55px 0;
  position: relative;
}

.ribbon-heading__inner {
  background: #db403c;
  box-shadow: 0 1px 1px 0 rgba(154, 33, 30, 0.4);
  color: #fff;
  display: block;
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.1;
  padding: 10px;
  position: relative;
  text-align: center;
  z-index: 2;
}

.ribbon-heading__inner::before {
  border-color: transparent #851512 transparent transparent;
  border-style: solid;
  border-width: 0 8px 8px 0;
  bottom: -8px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.ribbon-heading__inner::after {
  border-color: #851512 transparent transparent transparent;
  border-style: solid;
  border-width: 8px 8px 0 0;
  bottom: -8px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}

.ribbon-heading__end--left {
  bottom: -8px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 63px;
  z-index: 1;
}

.ribbon-heading__end--left::before {
  background: #d23a36;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(40deg);
  transform: skewX(40deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 100%;
}

.ribbon-heading__end--left::after {
  background: #d23a36;
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  width: 100%;
}

.ribbon-heading__end--right {
  bottom: -8px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 63px;
  z-index: 1;
}

.ribbon-heading__end--right::before {
  background: #d23a36;
  content: "";
  height: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  width: 100%;
}

.ribbon-heading__end--right::after {
  background: #d23a36;
  bottom: 0;
  content: "";
  height: 50%;
  position: absolute;
  right: 0;
  -webkit-transform: skewX(40deg);
  transform: skewX(40deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  width: 100%;
}

@media screen and (max-width: 780px) {
  .ribbon-heading {
    padding: 0 30px 0;
  }
  .ribbon-heading__inner {
    font-size: 1.8rem;
  }
  .ribbon-heading__end--left {
    width: 38px;
  }
  .ribbon-heading__end--left::before {
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }
  .ribbon-heading__end--left::after {
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
  .ribbon-heading__end--right {
    width: 38px;
  }
  .ribbon-heading__end--right::before {
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
  }
  .ribbon-heading__end--right::after {
    -webkit-transform: skewX(40deg);
    transform: skewX(40deg);
  }
}

.modal-inner-scroll {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

/************************* second-page *************************/
.anchor-list {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.anchor-list__child {
  margin-bottom: 10px;
  margin-right: 26px;
}

.anchor-list__link {
  display: inline-block;
  padding-left: 16px;
  position: relative;
  text-decoration: underline;
}

.anchor-list__link::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  content: "";
  height: 12px;
  left: 0;
  margin-top: -6px;
  position: absolute;
  top: 0.55em;
  -webkit-transform: rotate(135deg) scale(0.7);
  transform: rotate(135deg) scale(0.7);
  width: 12px;
}

/************************* list-page-common *************************/
.bread-area {
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: -34px;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
  padding-top: 10px;
  width: 100%;
}

.bread-area__symbol {
  margin-left: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 780px) {
  .bread-area {
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .section__bread--bgcolor {
    background-color: #f9f3e7;
  }
}

.top-category-wrapper {
  border-bottom: 1px dotted #c08915;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.category-serach-box__outer {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.category-serach-box {
  background: #eee0c6;
  border-radius: 4px;
  display: flex;
  display: -webkit-flex;
  margin: 10px;
  padding: 10px;
  width: calc(33.33% - 20px);
}

.category-serach-box__image {
  -webkit-flex: 0 0 60px;
  flex: 0 0 60px;
  height: 60px;
  margin-right: 15px;
  width: 60px;
}

@media screen and (max-width: 780px) {
  .category-serach-box__image {
    display: none;
  }
}

.category-serach-box__text {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  font-weight: bold;
}

.primariy-box-arrow {
  padding-left: 14px;
  position: relative;
}

.primariy-box-arrow::before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #231815;
  border-top: 5px solid transparent;
  content: "";
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

/************************* recipe-page *************************/
.recipe-data__set {
  border-bottom: 1px dotted #8e816f;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 17px;
  padding-top: 17px;
}

.recipe-data__set-head {
  padding-right: 1em;
}

.recipe-data__set-body {
  -webkit-flex: 0 0 150px;
  flex: 0 0 300px;
}

@media screen and (max-width: 780px) {
  .recipe-data__set-body {
    -webkit-flex: 0 0 80px;
    flex: 0 0 160px;
  }
}

.recipe-data__set-body--fullbody {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.recipe-combine-set {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.recipe-combine-set__head {
  -webkit-align-items: center;
  align-items: center;
  color: #bf8814;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 2.1rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 35px;
}

.recipe-combine-set__body {
  border-left: 10px solid #bf8814;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.recipe-data__set-text {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.recipe-data__set-image {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 20px;
  margin-right: 0;
}

.recipe-data__set--in-combine {
  padding-left: 17px;
}

.recipe__flow-number {
  -webkit-align-items: center;
  align-items: center;
  border: 4px solid #8e816f;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  font-size: 2rem;
  font-weight: bold;
  height: 66px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 66px;
}

@media screen and (max-width: 780px) {
  .recipe-data__set-body--fullbody {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .recipe-data__set-image {
    margin-left: 0;
    margin-top: 15px;
    text-align: center;
  }
}

.group-text-color,.group-link-color {
  color: #bf8814;
}

.recipe-info-block {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.recipe-info-inner-block {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media screen and (max-width: 780px) {
  .recipe-info-block {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.recipe-info-block__time {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.recipe-info-block__user {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  margin-left: 25px;
}

.recipe-info-block__button {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  margin-left: 25px;
}

@media screen and (max-width: 780px) {
  .recipe-info-block__button {
    margin-left: 0;
    margin-top: 13px;
    width: 100%;
  }
}

.cooking-time {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.cooking-time__icon {
  height: 40px;
  margin-right: 6px;
  width: 40px;
}

.c-button-follow {
  background-color: #c08915;
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  min-height: 25px;
  min-width: 140px;
  padding: 4px 10px;
  text-align: center;
}

.c-button-follow.c-button-follow--large {
  font-size: 1.5rem;
  min-height: 40px;
  width: 100%;
}

.c-button-follow span {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}

.c-button-follow span::before {
  background: url("/excludes/biosapo/img/index/icon-follow-plus.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 24px;
}

.c-button-follow.is-follow span::before {
  background: url("/excludes/biosapo/img/index/icon-follow.png") no-repeat;
  background-size: contain;
}

.comment-box__date {
  font-size: 1.3rem;
  margin-bottom: 13px;
}

.comment-res-box {
  border: 2px solid #8e8170;
  margin-top: 32px;
  padding: 20px;
}

.comment-res-box__date {
  font-size: 1.3rem;
  margin-top: 13px;
  text-align: right;
}

.comment-button {
  background-color: #be8915;
  border: 2px solid #be8915;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  padding-bottom: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
}

.comment-button .button__comment-icon {
  display: inline-block;
  padding-left: 26px;
  position: relative;
}

.comment-button .button__comment-icon::before {
  background-image: url(/excludes/biosapo/img/index/tab-comment__select.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 0.26em;
  width: 20px;
}

/************************* input *************************/
.common-select {
  display: inline-block;
  position: relative;
}

.common-select__outer.common-select__outer--has-label {
  display: inline-flex;
  display: -webkit-inline-flex;
}

.common-select__outer::after {
  border-bottom: 2px solid #be8915;
  border-left: 2px solid transparent;
  border-right: 2px solid #be8915;
  border-top: 2px solid transparent;
  content: "";
  content: "";
  height: 12px;
  margin-top: -9px;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
  z-index: 1;
}

.common-select__label {
  -webkit-align-self: center;
  align-self: center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.common-select.common-select--full {
  display: block;
  width: 100%;
}

.common-select.common-select--very-large {
  max-width: 400px;
}

.common-select.common-select--more-large {
  min-width: 350px;
}

.common-select.common-select--large {
  min-width: 200px;
}

.common-select.common-select--short {
  min-width: 160px;
}

.common-select.common-select--more-short {
  min-width: 120px;
}

.common-select.common-select--very-short {
  min-width: 105px;
}

.common-select--full .common-select__input {
  width: 100%;
}

@media screen and (max-width: 780px) {
  .common-select.sp-common-select--full {
    display: block;
    max-width: 100%;
  }
  .sp-common-select--full .common-select__input {
    width: 100%;
  }
}

.common-select__input {
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  line-height: 1.7 !important;
  padding: 4px 9px;
  padding-right: 26px;
  position: relative;
  width: 100%;
}

.common-select__input::-ms-expand {
  display: none;
}

.common-check {
  display: inline-flex;
  display: -webkit-inline-flex;
  padding-left: calc(1.2em + 6px);
  position: relative;
}

.common-check label {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.common-check__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #6b706a;
  cursor: pointer;
  height: 20px;
  left: 0;
  margin-top: -10px;
  position: absolute;
  top: 0.66em;
  width: 20px;
  z-index: 1;
}

.common-check__input::-ms-check {
  background: #fff;
  border: 1px solid #6b706a;
  color: transparent;
}

.common-check__label::before {
  border-bottom: 2px solid #ed777a;
  border-left: 2px solid #ed777a;
  content: "";
  display: none;
  height: 6px;
  left: 0.3em;
  margin-left: 0;
  margin-top: -4px;
  position: absolute;
  top: 0.66em;
  -webkit-transform: rotate(-50deg) skewX(-12deg);
  transform: rotate(-50deg) skewX(-12deg);
  width: 12px;
  z-index: 1;
}

.common-check__input:checked + .common-check__label::before {
  display: block;
}

.common-radio {
  display: inline-flex;
  display: -webkit-inline-flex;
  line-height: 1.2;
  min-width: 1%;
  padding-left: 24px;
  position: relative;
}

.common-radio label {
  display: flex;
  display: -webkit-flex;
}

.common-radio__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #6b706a;
  border-radius: 100%;
  cursor: pointer;
  font-size: 1em;
  height: 20px;
  left: 0;
  line-height: 1em;
  margin-top: -10px;
  position: absolute;
  top: 0.55em;
  width: 20px;
  z-index: 1;
}

.common-radio__input::-ms-check {
  background: #fff;
  border: 1px solid #6b706a;
  color: transparent;
}

.common-radio__label::after {
  background: transparent;
  border-radius: 100%;
  content: "";
  height: 10px;
  left: 5px;
  margin-top: -5px;
  position: absolute;
  top: 0.55em;
  width: 10px;
  z-index: 2;
}

.common-radio__input:checked + .common-radio__label::after {
  background: #6b706a;
}

.radio-select-box {
  display: flex;
  display: -webkit-flex;
}

.radio-select-box__input {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 1em;
}

.radio-select-box__image {
  -webkit-flex: 0 0 126px;
  flex: 0 0 126px;
  max-width: 126px;
  min-height: 1%;
  min-width: 1%;
}

@media screen and (min-width: 781px) {
  .radio-select-outer {
    display: flex;
    display: -webkit-flex;
    margin-left: -10px;
    margin-right: -10px;
  }
  .radio-select-outer[data-col="2"] .radio-select-box {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
  .radio-select-outer[data-col="3"] .radio-select-box {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.33%;
  }
  .radio-select-outer.radio-select-outer--a-items-center {
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
  }
}

@media screen and (max-width: 780px) {
  .radio-select-box {
    margin-bottom: 20px;
  }
}

.search-option {
  display: flex;
  display: -webkit-flex;
}

.search-option__number {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  font-size: 1.2rem;
}

.search-option__right {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/************************* pager *************************/
.pager {
  margin-bottom: 5px;
}

.sp-pager {
  display: none;
}

@media screen and (max-width: 780px) {
  .pager {
    display: none;
  }
  .sp-pager {
    display: flex;
    display: -webkit-flex;
    font-size: 1.35rem !important;
    line-height: 1.28;
    padding-bottom: 15px;
  }
}

.pager__item {
  background-color: #f0e0c7;
  border-radius: 3px;
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  min-width: 36px;
  padding: 8px 5px;
  text-align: center;
}

@media screen and (max-width: 780px) {
  .pager__item {
    padding-left: 3px;
    padding-right: 3px;
  }
}

a.pager__item:hover {
  opacity: 0.6;
}

.pager__item--disabled {
  opacity: 0.5;
}

.pager__current {
  background-color: #c08817;
  color: #fff;
}

.pager__side {
  -webkit-flex: 0 0 20%;
  flex: 0 0 20%;
  margin: 0;
  max-width: 70px;
}

@media screen and (max-width: 780px) {
  .pager__side-prev {
    padding-right: 0;
  }
}

.pager__item-space {
  display: block;
  text-align: center;
  width: 58px;
}

@media screen and (max-width: 780px) {
  .pager__item-space {
    display: block;
    text-align: center;
    width: 18px;
  }
}

.pager__prev--arrow {
  margin-right: 4px;
}

.pager__next--arrow {
  margin-left: 4px;
}

.pager__prev--arrow::before {
  border-bottom: 2px solid #c08817;
  border-left: 2px solid #c08817;
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  content: "";
  height: 12px;
  left: 5px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

.pager__next--arrow::after {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #c08817;
  border-top: 2px solid #c08817;
  content: "";
  height: 12px;
  position: absolute;
  right: 5px;
  top: 10px;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

li.pager__side > span {
  color: #b4b4b4;
}

li.pager__side > span.pager__item {
  background-color: #d8d8d8;
  border-radius: 3px;
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  min-width: 36px;
  padding: 8px 5px;
  text-align: center;
}

li.pager__side > span.pager__prev--arrow::before {
  border-bottom: 2px solid #b4b4b4;
  border-left: 2px solid #b4b4b4;
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  content: "";
  height: 12px;
  left: 5px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

li.pager__side > span.pager__next--arrow::after {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #b4b4b4;
  border-top: 2px solid #b4b4b4;
  content: "";
  height: 12px;
  position: absolute;
  right: 5px;
  top: 10px;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
  width: 12px;
}

.pager--max-min {
  opacity: 0.5;
}

/************************* my-page *************************/
.user-info {
  display: flex;
  display: -webkit-flex;
}

.user-info__image {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
  min-width: 1px;
  width: 140px;
}

.user-info__image img {
  border-radius: 100%;
  min-width: 1%;
}

.user-info__box {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 1%;
}

.user-info__box.user-info__box--button {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 0 0 300px;
  flex: 0 0 300px;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.user-info-social {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.user-info-social .c-button-follow {
  max-width: 300px;
}

.user-icon-list {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 12px;
  padding-right: 12px;
}

.user-icon-list__list {
  -webkit-flex: 0 0 26px;
  flex: 0 0 26px;
  max-width: 26px;
  min-width: 1px;
  padding: 2px;
}

.user-icon-list__link {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.user-icon-list__link img {
  border-radius: 100%;
  min-width: 1%;
}

.user-icon-list__list--more {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  height: 22px;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  text-decoration: underline;
  width: 22px;
}

.user-icon-list__list--more::before,.user-icon-list__list--more::after,.user-icon-list__list--more > span::after {
  background: #000;
  border-radius: 100%;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 2px;
}

.user-icon-list__list--more > span::before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 24%;
  position: absolute;
  width: 60%;
}

.user-icon-list__list--more:hover span::before {
  display: none;
}

.user-icon-list__list--more::before {
  margin-left: -4px;
}

.user-icon-list__list--more span::after {
  margin-left: 4px;
}

.user-info__description {
  margin-bottom: 20px;
}

.user-info__description--sp {
  display: none;
}

.user-info--form {
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.user-info--form .user-info__image {
  margin: 0 0 38px 0;
}

.user-info--form .user-info__box.user-info__box--button {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 300px;
  width: 100%;
}

.follow-heading {
  -webkit-align-items: center;
  align-items: center;
  border-right: 1px solid #efe0c7;
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 0 0 160px;
  flex: 0 0 160px;
  width: 160px;
}

.follow-heading:hover .follow-heading__number,.follow-list__link:hover .follow-heading__number {
  text-decoration: none !important;
}

.follow-heading__number {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 4px;
  padding: 12px;
  text-decoration: underline;
}

.follow-heading__link {
  font-size: 1.3rem;
  font-weight: normal;
}

@media screen and (max-width: 780px) {
  .follow-heading__number {
    font-size: 1.8rem;
  }
  .follow-heading__link {
    font-size: 1.4rem;
  }
}

.sp-follow {
  display: none;
}

.c-button-profile-wrapper {
  margin-top: 13px;
}

.c-button-profile {
  background-color: #c08915;
  border-radius: 4px;
  color: #fff;
  font-size: 1.5rem;
  min-height: 40px;
  min-width: 140px;
  padding: 4px 10px;
  text-align: center;
  width: 100%;
}

.pc-follow {
  border: 1px solid #efe0c7;
  display: flex;
  display: -webkit-flex;
}

.pc-follow.pc-follow--top {
  border-bottom: none;
}

@media screen and (max-width: 780px) {
  .c-button-profile-wrapper {
    display: block;
  }
  .c-button-profile {
    font-size: 1.2rem;
    max-width: 160px;
    min-height: 24px;
    width: 100%;
  }
  .user-info--my-page {
    padding-bottom: 30px;
  }
  .user-info--my-page .user-info__image {
    position: relative;
  }
  .user-info--my-page .c-button-profile {
    bottom: -30px;
    left: 0;
/**    position: absolute; **/
  }
  .user-info__image {
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
    margin-right: 10px;
  }
  .pc-follow {
    display: none;
  }
  .sp-follow {
    display: block;
    margin-top: 20px;
  }
  .user-info__description--pc {
    display: none;
  }
  .user-info__description--sp {
    display: block;
  }
  .user-info-social .user-icon-list {
    display: none;
  }
  .user-info__box {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 1%;
  }
  .user-info-social {
    -webkit-align-self: center;
    align-self: center;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
  }
  .user-info-social .user-info-social__button {
    margin-left: 0;
  }
}

.follow-list {
  display: flex;
  display: -webkit-flex;
}

.follow-list__item {
  display: flex;
  display: -webkit-flex;
  width: 50%;
}

.follow-list__link {
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border: 1px solid #efe0c7;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 40px;
  padding: 2px;
  width: 100%;
}

.follow-list__item:last-child .follow-list__link {
  border-left: none;
}

.social-list li {
  margin-bottom: 5px;
}

.social-list__title {
  display: block;
}

.social-list__link {
  display: inline-block;
  text-decoration: underline;
  word-break: break-all;
}

@media screen and (max-width: 780px) {
  .pc-social-list {
    display: none;
  }
}

.comment-button-wrapper {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 13px;
}

@media screen and (max-width: 780px) {
  .comment-button-wrapper {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 13px;
    width: 100%;
  }
  .comment-button-wrapper .c-submit-button {
    margin: 0 5px;
  }
}

.user-follow-box {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 13px;
}

.user-follow-box__user {
  margin-right: 13px;
}

/************************* form conpornent *************************/
.button-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

@media screen and (max-width: 780px) {
  .button-wrapper {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .button-wrapper .c-submit-button,.button-wrapper .contents__link-button {
    margin-bottom: 15px;
    min-width: 300px;
  }
  .button-wrapper .c-submit-button--is-cansel {
    min-width: inherit;
  }
  .sp-button-wrapper--reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .modal-window__contents .button-wrapper .c-submit-button {
    max-width: 300px;
    min-width: auto;
    min-width: inherit;
    width: 100%;
  }
}

.c-form-input--required-check {
  background-color: #fcf8cb;
}

.c-form-input--required-check.is-inputed {
  background-color: #fff;
}

.c-form-input--is-error {
  background-color: #fbe3e4;
}

.c-form-input--required-check.is-inputed {
  background-color: #fff;
}

.c-form__text-input,input[type="text"].c-form__text-input,input[type="password"].c-form__text-input,textarea.c-form__text-input {
  border: 1px solid #999;
  padding: 9px 9px;
}

.c-form__text-input--full-wide,.c-form__select--full-wide {
  width: 100%;
}

.c-card-date-set {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}

.c-card-date-set__child {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.c-card-date-set__label {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 15px 0 10px;
}

.c-card-date-set__input {
  max-width: 3em;
}

.c-year-set__label {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 5px 0 0;
}

.c-year-set__input {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 5px;
  width: 3em;
}

.c-year-set__input--year {
  width: 5em;
}

@media screen and (max-width: 780px) {
  .c-card-date-set__label {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.user-info__image.has-icon {
  margin: 0 auto;
}

.use-icon-wrap {
  position: relative;
  width: 100%;
}

.use-icon-mask {
  margin: 0 auto;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  width: 100%;
}

.use-icon-mask .use-icon {
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border: #999 1px solid;
  border-radius: 100%;
  color: #999;
  display: flex;
  display: -webkit-flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.use-icon-mask .use-icon.is-reg {
  background: none;
  border: none;
}

.use-icon-delete-button {
  background: #c28a19;
  border-radius: 50%;
  height: 50px;
  position: absolute;
  right: -25px;
  top: 0;
  width: 50px;
}

.use-icon-delete-button::before {
  background: #fff;
  border: none;
  content: "";
  height: 3px;
  left: 17px;
  position: absolute;
  top: 1.6em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 17px;
}

.use-icon-delete-button::after {
  background: #fff;
  border: none;
  content: "";
  height: 3px;
  left: 17px;
  position: absolute;
  top: 1.6em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 17px;
}

@media screen and (max-width: 780px) {
  .sp-wid-full {
    width: 100%;
  }
  .use-icon-delete-button {
    height: 30px;
    right: 0;
    width: 30px;
  }
  .use-icon-delete-button::before,.use-icon-delete-button::after {
    left: 6px;
    top: 0.9em;
  }
}

.img-thumb {
  -webkit-align-items: center;
  align-items: center;
  color: #717171;
  display: inline-flex;
  display: -webkit-inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 42px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}

.img-thumb .use-icon-delete-button {
  bottom: -25px;
  right: -25px;
}

.img-thumb .thumb {
  border: #c8c7c5 1px solid;
}

.img-thumb img {
  display: block;
  vertical-align: top;
}

.img-thumb.img-thumb--no-reg {
  background: #dad8d4;
  margin-bottom: 13px;
  max-width: 300px;
  padding: 15px;
  width: 100%;
}

.img-thumb.img-thumb--no-reg .thumb {
  border: none;
}

.data-wrap {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.data-wrap-material .material-name {
  width: 60%;
}

.data-wrap-material .material-number {
  width: calc(40% - 10px);
}

.data-wrap .material-group,.data-wrap .block-control {
  display: flex;
  display: -webkit-flex;
}

.data-wrap .material-group .common-radio__input {
  border: none;
  border-radius: 0;
  height: 18px;
  margin-right: 20px;
  position: static;
  width: 18px;
}

.data-wrap .material-group .common-radio__input.material-group1 {
  background: url(../../img/recipe/group_icon1_off.png) no-repeat center center;
  background-size: 18px 18px;
}

.data-wrap .material-group .common-radio__input.material-group1:checked {
  background: url(../../img/recipe/group_icon1_on.png) no-repeat center center;
  background-size: 18px 18px;
}

.data-wrap .material-group .common-radio__input.material-group2 {
  background: url(../../img/recipe/group_icon2_off.png) no-repeat center center;
  background-size: 18px 18px;
}

.data-wrap .material-group .common-radio__input.material-group2:checked {
  background: url(../../img/recipe/group_icon2_on.png) no-repeat center center;
  background-size: 18px 18px;
}

.data-wrap .material-group .common-radio__input.material-group3 {
  background: url(../../img/recipe/group_icon3_off.png) no-repeat center center;
  background-size: 18px 18px;
}

.data-wrap .material-group .common-radio__input.material-group3:checked {
  background: url(../../img/recipe/group_icon3_on.png) no-repeat center center;
  background-size: 18px 18px;
}

.material-group1::-ms-check,.material-group2::-ms-check,.material-group3::-ms-check {
  background: none;
  border: none;
}

@media screen and (max-width: 780px) {
  .material-group .item {
    padding-top: 8px;
  }
}

.data-wrap .block-control {
  margin-left: auto;
}

.data-wrap .block-control .item {
  margin-left: 20px;
}

@media screen and (max-width: 780px) {
  .data-wrap-material {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .data-wrap-material .material-name {
    margin-bottom: 13px;
    width: 100%;
  }
  .data-wrap-material .material-number {
    width: 100%;
  }
  .data-wrap .block-control .item {
    margin-left: 10px;
  }
}

.step__image-wrap {
  text-align: center;
}

.step__image {
  display: inline-block;
  position: relative;
}

.step__image .step-icon-delete-button {
  background: #717171;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 5px;
  top: -20px;
  width: 40px;
}

.step__image .step-icon-delete-button.step-icon-delete-button--color-submit {
  background-color: #c28a19;
}

.step__image .step-icon-delete-button::before {
  background: #fff;
  border: none;
  content: "";
  height: 3px;
  left: 11px;
  position: absolute;
  top: 1.25em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 17px;
}

.step__image .step-icon-delete-button::after {
  background: #fff;
  border: none;
  content: "";
  height: 3px;
  left: 11px;
  position: absolute;
  top: 1.25em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 17px;
}

/* ==========================================================================
Print
========================================================================== */
/************************* print *************************/
@media print {
  #fwCms_wrapper {
    min-width: 1024px;
  }
  .mainArea {
    padding-bottom: 0;
  }
  .header-wrapper--fixed {
    min-width: 1024px;
    position: relative !important;
  }
  .header-contents__right {
    display: none;
  }
  .navigation {
    display: none;
  }
  #fwCms_wrapper,.fwCms_leftMenu {
    padding-top: 0 !important;
  }
  #contents {
    display: block;
    height: unset;
  }
  .fwCms_leftMenu .frame_MB {
    margin-left: auto;
    margin-right: auto;
  }
  .pc-pagetop-wrapper,.sp-page-top-button {
    display: none;
  }
  .fwCms_leftMenu .frame_LM {
    display: none;
  }
  .footer__after-menu-wrapper {
    margin-top: 0;
  }
  .footer__menu-wrapper {
    display: none;
  }
  .footer__after-menu {
    display: none;
  }
  .article__sns-buttons {
    display: none !important;
  }
}

/* 旧ビオサポサイトCSSここから--------------------------- */
@charset "utf-8";.trans_text:hover{-webkit-transition-property:color;-webkit-transition-duration:0.3s;-webkit-transition-timing-function:linear;-moz-transition-property:color;-moz-transition-duration:0.3s;-moz-transition-timing-function:linear;}
.trans_img{-webkit-transition:opacity 0.3s linear;-webkit-transform-origin:50% 50%;-moz-transition:opacity 0.3s linear;-mox-transform-origin:50% 50%;cursor:pointer;}
.trans_img:hover{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.50;-ms-filter:"alpha( opacity=50 )";}
.trans_img80{-webkit-transition:opacity 0.3s linear;-webkit-transform-origin:50% 50%;-moz-transition:opacity 0.3s linear;-mox-transform-origin:50% 50%;}
.trans_img80:hover{opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-ms-filter:"alpha( opacity=80 )";}
a.trans_text{-webkit-transition:opacity 0.3s linear;-webkit-transform-origin:50% 50%;-moz-transition:opacity 0.3s linear;-mox-transform-origin:50% 50%;}
a.trans_text:hover{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.50;-ms-filter:"alpha( opacity=50 )";}
a .trans_img{-webkit-transition:opacity 0.3s linear;-webkit-transform-origin:50% 50%;-moz-transition:opacity 0.3s linear;-mox-transform-origin:50% 50%;}
a .trans_img:hover{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.50;-ms-filter:"alpha( opacity=50 )";}
a .trans_img80{-webkit-transition:opacity 0.3s linear;-webkit-transform-origin:50% 50%;-moz-transition:opacity 0.3s linear;-mox-transform-origin:50% 50%;}
a .trans_img80:hover{opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-ms-filter:"alpha( opacity=80 )";}
.clear{clear:both;}
.clearfix:after{content:"";clear:both;display:block;}
* html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}
.for_seo{font-size:12px;margin:0px;padding:0px;font-weight:normal;line-height:1em;display:inline;}
.a_indent{text-indent:-9999px;display:block;}
.b_indent{text-indent:-9999px;}
.wid_ful{width:100%;}
.hgt_ful{height:100%;}
.max_hgt100{max-height:100px;}
.max_hgt300{max-height:300px;}
.min_hgt500{min-height:500px;}
.min_hgt1000{min-height:1000px;}
.mg_auto{margin-left:auto;margin-right:auto;}
.mgt0{margin-top:0px;font-size: 15px;}
.mgt10{margin-top:10px;font-size: 15px;}
.mgt20{margin-top:20px;font-size: 15px;}
.mgt30{margin-top:30px;font-size: 15px;}
.mgt40{margin-top:40px;font-size: 15px;}
.mgt50{margin-top:50px;font-size: 15px;}
.mgt60{margin-top:60px;font-size: 15px;}
.mgb0{margin-bottom:0px !important;font-size: 15px;}
.mgb5{margin-bottom:5px;font-size: 15px;}
.mgb10{margin-bottom:10px;font-size: 15px;}
.mgb15{margin-bottom:15px;font-size: 15px;}
.mgb20{margin-bottom:20px;font-size: 15px;}
.mgb25{margin-bottom:25px;font-size: 15px;}
.mgb30{margin-bottom:30px;font-size: 15px;}
.mgb35{margin-bottom:35px;font-size: 15px;}
.mgb40{margin-bottom:40px;font-size: 15px;}
.mgb45{margin-bottom:45px;font-size: 15px;}
.mgb50{margin-bottom:50px;font-size: 15px;}
.mgb55{margin-bottom:55px;font-size: 15px;}
.mgb60{margin-bottom:60px;font-size: 15px;}
.mgb65{margin-bottom:65px;font-size: 15px;}
.mgb70{margin-bottom:70px;font-size: 15px;}
.mgb75{margin-bottom:75px;font-size: 15px;}
.mgb80{margin-bottom:80px;font-size: 15px;}
.mgb85{margin-bottom:85px;font-size: 15px;}
.mgb90{margin-bottom:90px;font-size: 15px;}
.mgb95{margin-bottom:95px;font-size: 15px;}
.mgb100{margin-bottom:100px;font-size: 15px;}
.mgb125{margin-bottom:125px;font-size: 15px;}
.mgb150{margin-bottom:150px;font-size: 15px;}
.mgb200{margin-bottom:200px;font-size: 15px;}
.mgb250{margin-bottom:250px;font-size: 15px;}
.mgb300{margin-bottom:300px;font-size: 15px;}
.mgb350{margin-bottom:350px;font-size: 15px;}
.pdt0{padding-top:0;}
.pdb0{padding-bottom:0 !important;}
.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdl15{padding-left:15px;}
.pdl110{padding-left:110px;}
.cursor_p{cursor:pointer;}
.dis_bl{display:block;}
.dis_in{display:inline;}
.fix{position:fixed;}
.abslt{position:absolute;}
.reltiv{position:relative;}
.al_left{text-align:left;}
.al_right{text-align:right;}
.al_center{text-align:center;}
.val_top{vertical-align:top;}
.val_mid{vertical-align:middle;}
.val_btm{vertical-align:bottom;}
.fl_left{float:left;}
.fl_right{float:right;}
.overflow{overflow:auto;}
.overhidden{overflow:hidden;}
.border_no{border:0;}
.border{border:solid 1px #BBB;}
.border_eee{border:solid 1px #EEE;}
.border_e0e0e0{border:solid 1px #E0E0E0;}
.border_e1e1e1{border:solid 1px #E1E1E1;}
.border_dot{border:dotted 1px #BBB;}
.border_t{border-top:solid 1px #BBB;}
.border_t_333{border-top:solid 1px #333;}
.border_t_dot_ccc{border-top:dotted 1px #ccc;}
.border_b{border-bottom:solid 1px #BBB;}
.border_b_333{border-bottom:solid 1px #333;}
.border_b_ccc{border-bottom:solid 1px #ccc;}
.border_b_e1e1e1{border-bottom:solid 1px #E1E1E1;}
.border_l{border-left:solid 1px #BBB;}
.border_l_ccc{border-left:solid 1px #CCC;}
.border_r{border-right:solid 1px #BBB;}
.border_r_ccc{border-right:solid 1px #CCC;}
.border_b_dot{border-bottom:dotted 1px #999;}
.border_b_dot_ccc{border-bottom:dotted 1px #ccc;}
.bg_white{background:#FFF;}
.bg_black{background:#000;}
.bg_red{background:#FF0000;}
.bg_blue{background:#0000FF;}
.bg_green{background:#00FF00;}
.bg_orange{background:#FF9900;}
.bg_gray{background:#666;}
.bg_999{background:#999;}
.bg_BBB{background:#BBB;}
.bg_CCC{background:#CCC;}
.bg_DDD{background:#DDD;}
.bg_e1e1e1{background:#e1e1e1;}
.bg_ebebeb{background:#EBEBEB;}
.bg_f2f2f2{background:#F2F2F2;}
.bg_e4f0fe{background:#e4f0fe;}
.bg_eef{background:#e4f0fe;}
.fs8{font-size:8px;}
.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs29{font-size:29px;}
.fs30{font-size:30px;}
.text{font-size:15px;}
.under_line_0{text-decoration:none;}
.under_line{text-decoration:underline;}
.link_under_0:hover{text-decoration:none;}
.link_under:hover{text-decoration:underline;}
.list_non{list-style-type:none;}
.list_ul_non li{list-style-type:none;}
.l_hgt1em{line-height:1em}
.l_hgt1-2em{line-height:1.2em}
.l_hgt1-5em{line-height:1.5em}
.l_hgt1-8em{line-height:1.8em}
.l_hgt2em{line-height:2em}
.l_spacing_0{letter-spacing:0px;}
.l_spacing_1{letter-spacing:1px;}
.l_spacing_3{letter-spacing:3px;}
.fw_b{font-weight:bold;}
.fw_n{font-weight:normal;}
.fc_white{color:#FFF;}
.fc_black{color:#000;}
.fc_gray{color:#666;}
.fc_green{color:#00FF00;}
.fc_red{color:#FF0000;}
.fc_yellow{color:#F7E700}
.fc_d_red{color:#D60000;}
.fc_333{color:#333333;}
.fc_666{color:#666666;}
.fc_recipe_title{color:#e95200;}
.pc_only{display:block;}
.sp_only{display:none;}
a.pc_only,
span.pc_only,
br.pc_only{display:inline;}
a.sp_only,
span.sp_only,
br.sp_only{display:none;}
@media screen and (max-width:667px){.pc_only{display:none;}
.sp_only{display:block;}
a.pc_only,
span.pc_only,
br.pc_only{display:none;}
a.sp_only,
span.sp_only,
br.sp_only{display:inline;}
}
@media screen and (min-width:668px){.pcmgb0{margin-bottom:0px !important;}
.pcmgb5{margin-bottom:5px;}
.pcmgb10{margin-bottom:10px;}
.pcmgb15{margin-bottom:15px;}
.pcmgb20{margin-bottom:20px;}
.pcmgb25{margin-bottom:25px;}
.pcmgb30{margin-bottom:30px;}
.pcmgb35{margin-bottom:35px;}
.pcmgb40{margin-bottom:40px;}
.pcmgb45{margin-bottom:45px;}
.pcmgb50{margin-bottom:50px;}
.pcmgb55{margin-bottom:55px;}
.pcmgb60{margin-bottom:60px;}
.pcmgb65{margin-bottom:65px;}
.pcmgb70{margin-bottom:70px;}
.pcmgb75{margin-bottom:75px;}
.pcmgb80{margin-bottom:80px;}
.pcmgb85{margin-bottom:85px;}
.pcmgb90{margin-bottom:90px;}
.pcmgb95{margin-bottom:95px;}
.pcmgb100{margin-bottom:100px;}
.pcmgb125{margin-bottom:125px;}
.pcmgb150{margin-bottom:150px;}
.pcmgb175{margin-bottom:175px;}
.pcmgb200{margin-bottom:200px;}
.pcmgb225{margin-bottom:225px;}
.pcmgb250{margin-bottom:250px;}
.pcmgb300{margin-bottom:300px;}
.pcmgb350{margin-bottom:350px;}
}

@charset "utf-8";#g_nav nav li.nav01 a{color:#e1007e;}
#g_nav nav li.nav02 a{color:#0bac3e;}
#g_nav nav li.nav03 a{color:#0066b5;}
#g_nav nav li.nav04 a{color:#eb7600;}
#g_nav nav li.nav05 a{color:#df0010;}
#contents_inner .block01 .box dd span.red{font-weight:bold;color:#ff0101;}
#contents_inner .block02 .box dl dt strong.new{color:#ff0101;font-weight:bold;}
#contents_inner .block02 .box dl dt strong.red{color:#e40011;font-weight:bold;}
#contents_inner .block02 .box dl dt strong.green{color:#0bac3e;font-weight:bold;}
#about_inner .block01 ul .li01 .btn a{background:#c2d700;}
#about_inner .block01 ul .li02 .btn a{background:#00adbb;}
#about_inner .block01 ul .li03 .btn a{background:#fac215;}
#about_inner .block01 ul .li04 .btn a{background:#f0855d;}
#index #main_visual .sp{display:none;}
#index #main_visual .bx-wrapper{display:block;width:100%;margin:0 auto;position:relative;}
#index #main_visual .bx-pager{width:100%;text-align:center;position:absolute;left:0;bottom:-36px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#ededed;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:50%;border:#d0cfcf solid 1px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#d0cfcf;}
.to_homebiosapo{width:300px;margin:0 auto;height:47px;padding-top:0;}
.to_homebiosapo a{display:block;background-image:url(../img/minna/btn_homebiosapo_sprite.png);background-repeat:no-repeat;background-position:0 0;height:0;overflow:hidden;padding-top:47px;}
.to_homebiosapo a:hover{background-position:0 -52px;}
#shokuzai_inner .to_home{width:300px;margin:0 auto 30px;}
#shokuzai_inner .to_home a{background-image:url(../img/minna/btn_home_sprite.png);}
#shokuzai_inner .to_home a:hover{background-position:0 -52px;}
.library_btn{width:256px;//margin:60px auto 0;}
.library_btn a{display:block;background-image:url(../img/kondate_detail/btn3_sprite.png);background-repeat:no-repeat;background-position:0 0;width:256px;height:0;overflow:hidden;padding-top:51px;}
.library_btn a:hover{background-position:0 -51px;}
.to_kondate_home_detail{width:256px;padding:30px 0;}
.to_kondate_home_detail a{display:block;background:url(../img/kondate_detail/btn4_sprite.png);background-repeat:no-repeat;background-position:0 0;height:0;overflow:hidden;padding-top:51px;}
.to_kondate_home_detail a:hover{background-position:0 -51px;}
.notes{font-size:80%;margin:0 20px;text-align:left;}
@media screen and (min-width:668px){#head{width:100%;background:#e1e4c1;height:114px;}
#head #head_top{width:920px;margin:0 auto;padding:10px 0;overflow:hidden;}
#head #head_top h1{float:left;margin:0 7px 0 20px;}
#g_nav{position:absolute;top:80px;left:0;z-index:100;width:100%;background:#f9fbe6;line-height:34px;height:34px;padding-top:5px;}
#head.fixed #g_nav{position:fixed;top:0px;}
#g_nav nav ul{width:920px;margin:0 auto;text-align:center;}
#g_nav nav li{display:inline-block;padding:0 20px;}
#g_nav nav li p{text-decoration:underline;}
#g_nav nav li a{font-size:20px;font-weight:bold;}
#g_nav nav li a:hover{text-decoration:none;}
#contents{background:url(../img/index/201707/bg.jpg) center top no-repeat;}
#contents_inner{width:920px;margin:0 auto;}
#contents_inner h2{font-size:30px;border-bottom:#000 solid 3px;text-align:center;}
#contents_inner .block01{padding:45px 0 0;}
#contents_inner .block01 h2:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:33px;height:33px;background:url(../img/index/201707/icon_recipe.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#contents_inner .block01 .box_wrapper{overflow:hidden;margin:30px 0 25px;}
#contents_inner .block01 .box{width:450px;height:390px;float:left;margin:0 20px 20px 0;}
#contents_inner .block01 .box_r{margin:0 0 20px 0;}
#contents_inner .block01 .box dt{background:#b8851a;color:#fff;text-align:center;font-size:16px;font-weight:bold;}
#contents_inner .block01 .box dd{background:#f6eedd;border-top:#fff solid 1px;padding:10px 10px 12px;height:90px;}
#contents_inner .block01 .box dd a{font-size:20px;font-weight:bold;//text-decoration:underline;}
#contents_inner .block01 .box dd a:hover{text-decoration:none;}
#contents_inner .block01 .box dd span{font-size:12px;}
#contents_inner .block01 .btn a{text-align:center;display:block;background:#b8851a;color:#fff;border:#ebdab7 solid 4px;font-size:22px;padding:10px 0;}
#contents_inner .block02{padding:50px 0 0;}
#contents_inner .block02 h2{margin:0 0 30px;}
#contents_inner .block02 h2:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:33px;height:33px;background:url(../img/index/201707/icon_pickup.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#contents_inner .block02 ul li{overflow:hidden;background:#f0efe9;text-align:left;margin:0 0 2px;}
#contents_inner .block02 ul li .img{float:left;}
#contents_inner .block02 ul li a{display:block;height:145px;background:#f0efe9;}
#contents_inner .block02 ul li dl{width:580px;padding:10px 15px;float:left;}
#contents_inner .block02 ul li dl dt{font-size:20px;font-weight:bold;padding:10px 0 20px 0;}
#contents_inner .block02 ul li dl dd{font-size:15px;}
#contents_inner .block02 ul li dl dd p{display:inline-block;font-size:13px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#contents_inner .block03{padding:50px 0 0;}
#contents_inner .block03 h2:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:33px;height:33px;background:url(../img/index/201707/icon_contents.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#contents_inner .block03 ul{margin:30px 0 0;overflow:hidden;}
#contents_inner .block03 ul li{float:left;margin:0 0 20px 20px;}
#contents_inner .block03 ul li:nth-child(odd){margin:0 0 20px;}
.bnr_seikatsuclub{width:830px;margin:0 auto;padding:60px 0 15px;text-align:center;}
#footer{background:#f0efe9;text-align:center;font-size:16px;}
#footer a{background:#f0efe9;text-align:center;font-size:16px;}
#page_top{position:fixed;bottom:40px;right:40px;}
#about{}
#about_inner{background:url(../img/about/bg.jpg) center top no-repeat;}
#about_inner .block01{width:920px;margin:0 auto;padding:58px 0 0;text-align:center;}
#about_inner .block01 h2{margin:34px 0 60px;}
#about_inner .block01 .txt{margin:0 auto 60px;}
#about_inner .block01 .txt img{width:664px;}
#about_inner .block01 ul li{overflow:hidden;text-align:left;margin:0 0 60px;}
#about_inner .block01 ul li .img{float:left;width:63px;margin:10px 40px 0 40px;}
#about_inner .block01 ul li dl{float:left;width:593px;}
#about_inner .block01 ul li dl dt{font-weight:bold;font-size:22px;}
#about_inner .block01 ul li dl dd{font-size:14px;}
#about_inner .block01 ul li .btn{float:left;width:154px;text-align:center;margin:10px 0 0 30px;}
#about_inner .block01 ul li .btn a{display:block;font-size:16px;font-weight:bold;color:#fff;padding:10px 0;border-radius:4px;}
#dayori{background:#f0855d;}
#dayori_inner{width:920px;margin:0 auto;text-align:center;padding:25px 0 0;}
#dayori_inner h2{margin:0 auto 25px;}
#dayori_inner .txt{font-size:18px;color:#fff;margin:15px auto;text-align:left;}
#dayori_inner .dayori_box ul li{overflow:hidden;background:#f0efe9;text-align:left;margin:0 0 2px;}
#dayori_inner .dayori_box ul li a{display:block;height:145px;background:#f0efe9;}
#dayori_inner .dayori_box ul li a:hover{background:#e5e3d6;}
#dayori_inner .dayori_box ul li .img{float:left;}
#dayori_inner .dayori_box ul li dl{height:145px;width:580px;padding:0 15px;float:left;}
#dayori_inner .dayori_box ul li dl dt{font-size:20px;font-weight:bold;padding:10px 0 20px 0;}
#dayori_inner .dayori_box ul li dl dd{font-size:15px;}
#dayori_inner .dayori_box ul li dl dd p{display:inline-block;font-size:13px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#dayori_inner .btn a{width:830px;display:block;background:#fff;font-size:22px;color:#e1007e;border:#e1007e solid 2px;padding:7px 0 5px;margin:45px auto 0;}
#dayori_inner .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:42px;height:42px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#dayori_inner .box{background:#fff;padding:40px 55px;margin:0 auto 40px;}
#dayori_inner .box_inner01{margin:30px auto;overflow:auto;}
#dayori_inner .box_inner01 dl{width:357px;float:left;margin:0 24px;}
#dayori_inner .box_inner01 dl dt{font-size:20px;font-weight:bold;margin:0 0 10px;}
#dayori_inner .box_inner02{margin:30px auto;overflow:auto;}
#dayori_inner .box_inner02 dl{width:357px;float:left;margin:0 24px;}
#dayori_inner .box_inner02 dl dt{font-size:16px;margin:0 0 50px;border:#f0855d solid 2px;border-radius:2px;}
#dayori_inner .box_inner02 dl dd{text-align:left;margin:0 20px;}
#dayori_inner .set_box01{overflow:hidden;padding:28px 50px 16px;background:#fff;margin:0 0 40px;}
#dayori_inner .set_box01 .img{float:left;margin:0 60px 0 25px;}
#dayori_inner .set_box01 dl{width:358px;float:left;text-align:left;}
#dayori_inner .set_box01 dl dt{font-size:22px;font-weight:bold;margin:0 0 20px;}
#dayori_inner .set_box01 dl dd{font-size:16px;}
#dayori_inner .set_box02{background:#fff;padding:0 0 40px;margin:0 0 80px;}
#dayori_inner .set_box02 .ttl{background:#fff8e7;font-size:26px;font-weight:bold;padding:15px 0;}
#dayori_inner .set_box02 h3{font-size:22px;font-weight:bold;margin:20px 0 10px;}
#dayori_inner .set_box02 .catch{font-size:16px;margin:0 0 20px;}
#dayori_inner .set_box02 dl{text-align:left;width:580px;margin:0 auto;padding:20px 0;}
#dayori_inner .set_box02 dl dt{color:#f06412;font-size:16px;font-weight:bold;}
#dayori_inner .set_box02 dl dd{margin:0 0 20px;}
#dayori_inner .set_box02 dl dd ul{overflow:hidden;}
#dayori_inner .set_box02 dl dd ul li{float:left;width:50%;}
#dayori_inner .set_box03{overflow:hidden;padding:12px 14px 10px;background:#fff;margin:0 0 40px;}
#dayori_inner .set_box03 .img{float:left;margin:0 16px 0 0;}
#dayori_inner .set_box03 dl{width:720px;float:left;text-align:left;}
#dayori_inner .set_box03 dl dt{font-size:22px;font-weight:bold;border-bottom:#000 dotted 2px;}
#dayori_inner .set_box03 dl dd{margin:14px 0 0;font-size:16px;}
#dayori_inner .set_box04{background:#fff;padding:0 0 40px;margin:0 0 20px;}
#dayori_inner .set_box04 .ttl{background:#fff8e7;}
#dayori_inner .set_box04 h3{font-size:22px;font-weight:bold;margin:20px 0 10px;}
#dayori_inner .set_box04 .catch{font-size:16px;margin:0 0 20px;}
#dayori_inner .set_box04 .kondate_box01{overflow:hidden;width:820px;margin:0 auto;}
#dayori_inner .set_box04 .kondate_box01 .kondate_box01_l{float:left;}
#dayori_inner .set_box04 .kondate_box01 .kondate_box01_r{float:right;}
#dayori_inner .set_box04 .kondate_box02{width:820px;margin:20px auto;text-align:left;font-size:16px;}
#dayori_inner .set_box04 .kondate_box02 ul li{overflow:hidden;margin:0 0 10px;}
#dayori_inner .set_box04 .kondate_box02 ul li strong.orange{font-weight:bold;color:#ff942c;display:block;float:left;}
#dayori_inner .set_box04 .kondate_box02 ul li strong.green{font-weight:bold;color:#21ab37;display:block;float:left;}
#dayori_inner .set_box04 .kondate_box02 ul li strong.blue{font-weight:bold;color:#3168b1;display:block;float:left;}
#dayori_inner .set_box04 .kondate_box02 ul li span{display:block;float:left;}
#dayori_inner .set_box04 .recipe_btn{float:left;margin:0 0 0 10px;}
#dayori_inner .set_box04 .recipe_btn a{display:block;background-image:url(../img/kondate_detail/btn2_sprite.png);background-repeat:no-repeat;background-position:0 0;width:100px;margin:0 auto;height:0;overflow:hidden;padding-top:22px;}
#dayori_inner .set_box04 .recipe_btn a:hover{background-position:0 -22px;}
#dayori_inner .set_box04 .kondate_box03 dl{border-top:#000 solid 1px;width:820px;padding:20px 0 0;margin:0 auto;text-align:left;font-size:16px;}
#dayori_inner .set_box04 .kondate_box03 dl dt{color:#ff2f2f;font-weight:bold;margin:0 0 6px;}
#dayori_inner .set_box05{background:#fff;padding:0 0 40px;margin:0 0 80px;}
#dayori_inner .set_box05 .ttl{background:#fff8e7;font-size:26px;font-weight:bold;padding:15px 0;color:#ff0000;}
#dayori_inner .set_box05 .catch{font-size:16px;margin:20px 0 40px;}
#dayori_inner .set_box05 .catch strong{font-weight:bold;}
#dayori_inner .set_box05 .btn_box{text-align:center;}
#dayori_inner .set_box05 .btn_box div{display:inline-block;margin:0 15px;}
#kondate_bg{background:#fac215;padding:0 0 25px;}
.dayori_inner{width:920px;margin:0 auto;text-align:center;padding:25px 0 0;}
#kondate_bg h2{margin:0 auto 25px;}
#kondate .dayori_box .txt{font-size:18px;margin:0 auto 15px;text-align:left;}
#kondate .dayori_box ul li{overflow:hidden;background:#f0efe9;text-align:left;margin:0 0 2px;}
#kondate .dayori_box ul li a{display:block;height:145px;background:#f0efe9;}
#kondate .dayori_box ul li a:hover{background:#e5e3d6;}
#kondate .dayori_box ul li .img{float:left;}
#kondate .dayori_box ul li dl{height:145px;width:580px;padding:0 15px;float:left;}
#kondate .dayori_box ul li dl dt{font-size:20px;font-weight:bold;padding:10px 0 20px 0;}
#kondate .dayori_box ul li dl dd{font-size:15px;}
#kondate .dayori_box ul li dl dd p{display:inline-block;font-size:13px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#kondate .btn a{width:830px;display:block;background:#fff;font-size:22px;color:#e1007e;border:#e1007e solid 2px;padding:7px 0 5px;margin:45px auto 0;}
#kondate .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:42px;height:42px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#kondate .box{background:#fff;padding:40px 55px;margin:0 auto 40px;}
#kondate .box_inner01{margin:30px auto;overflow:auto;}
#kondate .box_inner01 dl{width:357px;float:left;margin:0 24px;}
#kondate .box_inner01 dl dt{font-size:20px;font-weight:bold;margin:0 0 10px;}
#kondate .box_inner02{margin:30px auto;overflow:auto;}
#kondate .box_inner02 dl{width:357px;float:left;margin:0 24px;}
#kondate .box_inner02 dl dt{font-size:16px;margin:0 0 50px;border:#f0855d solid 2px;border-radius:2px;}
#kondate .box_inner02 dl dd{text-align:left;margin:0 20px;}
#kondate .set_box01{overflow:hidden;padding:28px 50px 16px;background:#fff;margin:0 0 40px;}
#kondate .set_box01 .img{float:left;margin:0 60px 0 25px;}
#kondate .set_box01 dl{width:358px;float:left;text-align:left;}
#kondate .set_box01 dl dt{font-size:22px;font-weight:bold;margin:0 0 20px;}
#kondate .set_box01 dl dd{font-size:16px;}
#kondate .set_box02{background:#fff;padding:0 0 40px;margin:0 0 80px;}
#kondate .set_box02 .ttl{background:#fff8e7;font-size:26px;font-weight:bold;padding:15px 0;}
#kondate .set_box02 h3{font-size:22px;font-weight:bold;margin:20px 0 10px;}
#kondate .set_box02 .catch{font-size:16px;margin:0 0 20px;}
#kondate .set_box02 dl{text-align:left;width:580px;margin:0 auto;padding:20px 0;}
#kondate .set_box02 dl dt{color:#f06412;font-size:16px;font-weight:bold;}
#kondate .set_box02 dl dd{margin:0 0 20px;}
#kondate .set_box02 dl dd ul{overflow:hidden;}
#kondate .set_box02 dl dd ul li{float:left;width:50%;}
#tabekata_bg{background:#c2d700;padding:0 0 25px;}
.tabekata_inner{width:920px;margin:0 auto;text-align:center;padding:25px 0 0;}
#tabekata_bg h2{margin:0 auto 25px;}
#tabekata .tabekata_box .txt{font-size:18px;margin:0 auto 15px;text-align:left;}
#tabekata .tabekata_box ul li{overflow:hidden;background:#f0efe9;text-align:left;margin:0 0 2px;}
#tabekata .tabekata_box ul li a{display:block;height:145px;background:#f0efe9;}
#tabekata .tabekata_box ul li a:hover{background:#e5e3d6;}
#tabekata .tabekata_box ul li .img{float:left;}
#tabekata .tabekata_box ul li dl{height:145px;width:580px;padding:0 15px;float:left;}
#tabekata .tabekata_box ul li dl dt{font-size:20px;font-weight:bold;padding:10px 0 20px 0;}
#tabekata .tabekata_box ul li dl dd{font-size:15px;}
#tabekata .tabekata_box ul li dl dd p{display:inline-block;font-size:13px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#tabekata .btn a{width:830px;display:block;background:#fff;font-size:22px;color:#e1007e;border:#e1007e solid 2px;padding:7px 0 5px;margin:45px auto 0;}
#tabekata .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:42px;height:42px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#tabekata .box{background:#fff;padding:40px 55px;margin:0 auto 40px;}
#tabekata .box_inner01{margin:30px auto;overflow:auto;}
#tabekata .box_inner01 dl{width:357px;float:left;margin:0 24px;}
#tabekata .box_inner01 dl dt{font-size:20px;font-weight:bold;margin:0 0 10px;}
#tabekata .box_inner02{margin:30px auto;overflow:auto;}
#tabekata .box_inner02 dl{width:357px;float:left;margin:0 24px;}
#tabekata .box_inner02 dl dt{font-size:16px;margin:0 0 50px;border:#f0855d solid 2px;border-radius:2px;}
#tabekata .box_inner02 dl dd{text-align:left;margin:0 20px;}
#tabekata .set_box01{overflow:hidden;padding:28px 50px 16px;background:#fff;margin:0 0 40px;}
#tabekata .set_box01 .img{float:left;margin:0 60px 0 25px;}
#tabekata .set_box01 dl{width:358px;float:left;text-align:left;}
#tabekata .set_box01 dl dt{font-size:22px;font-weight:bold;margin:0 0 20px;}
#tabekata .set_box01 dl dd{font-size:16px;}
#tabekata .set_box02{background:#fff;padding:0 0 40px;margin:0 0 80px;}
#tabekata .set_box02 .ttl{background:#fff8e7;font-size:26px;font-weight:bold;padding:15px 0;}
#tabekata .set_box02 h3{font-size:22px;font-weight:bold;margin:20px 0 10px;}
#tabekata .set_box02 .catch{font-size:16px;margin:0 0 20px;}
#tabekata .set_box02 dl{text-align:left;width:580px;margin:0 auto;padding:20px 0;}
#tabekata .set_box02 dl dt{color:#f06412;font-size:16px;font-weight:bold;}
#tabekata .set_box02 dl dd{margin:0 0 20px;}
#tabekata .set_box02 dl dd ul{overflow:hidden;}
#tabekata .set_box02 dl dd ul li{float:left;width:50%;}
#tabemono_bg{background:#00adbb;padding:0 0 25px;}
.tabemono_inner{width:920px;margin:0 auto;text-align:center;padding:25px 0 0;}
#tabemono_bg h2{margin:0 auto 25px;}
#tabemono .tabemono_box .txt{font-size:18px;margin:0 auto 15px;text-align:left;}
#tabemono .tabemono_box ul li{overflow:hidden;background:#f0efe9;text-align:left;margin:0 0 2px;}
#tabemono .tabemono_box ul li a{display:block;height:145px;background:#f0efe9;}
#tabemono .tabemono_box ul li a:hover{background:#e5e3d6;}
#tabemono .tabemono_box ul li .img{float:left;}
#tabemono .tabemono_box ul li dl{height:145px;width:580px;padding:0 15px;float:left;}
#tabemono .tabemono_box ul li dl dt{font-size:20px;font-weight:bold;padding:10px 0 20px 0;}
#tabemono .tabemono_box ul li dl dd{font-size:15px;}
#tabemono .tabemono_box ul li dl dd p{display:inline-block;font-size:13px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#tabemono .btn a{width:830px;display:block;background:#fff;font-size:22px;color:#e1007e;border:#e1007e solid 2px;padding:7px 0 5px;margin:45px auto 0;}
#tabemono .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:42px;height:42px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#tabemono .box{background:#fff;padding:40px 55px;margin:0 auto 40px;}
#tabemono .box_inner01{margin:30px auto;overflow:auto;}
#tabemono .box_inner01 dl{width:357px;float:left;margin:0 24px;}
#tabemono .box_inner01 dl dt{font-size:20px;font-weight:bold;margin:0 0 10px;}
#tabemono .box_inner02{margin:30px auto;overflow:auto;}
#tabemono .box_inner02 dl{width:357px;float:left;margin:0 24px;}
#tabemono .box_inner02 dl dt{font-size:16px;margin:0 0 50px;border:#f0855d solid 2px;border-radius:2px;}
#tabemono .box_inner02 dl dd{text-align:left;margin:0 20px;}
#tabemono .set_box01{overflow:hidden;padding:28px 50px 16px;background:#fff;margin:0 0 40px;}
#tabemono .set_box01 .img{float:left;margin:0 60px 0 25px;}
#tabemono .set_box01 dl{width:358px;float:left;text-align:left;}
#tabemono .set_box01 dl dt{font-size:22px;font-weight:bold;margin:0 0 20px;}
#tabemono .set_box01 dl dd{font-size:16px;}
#tabemono .set_box02{background:#fff;padding:0 0 40px;margin:0 0 80px;}
#tabemono .set_box02 .ttl{background:#fff8e7;font-size:26px;font-weight:bold;padding:15px 0;}
#tabemono .set_box02 h3{font-size:22px;font-weight:bold;margin:20px 0 10px;}
#tabemono .set_box02 .catch{font-size:16px;margin:0 0 20px;}
#tabemono .set_box02 dl{text-align:left;width:580px;margin:0 auto;padding:20px 0;}
#tabemono .set_box02 dl dt{color:#f06412;font-size:16px;font-weight:bold;}
#tabemono.set_box02 dl dd{margin:0 0 20px;}
#tabemono .set_box02 dl dd ul{overflow:hidden;}
#tabemono.set_box02 dl dd ul li{float:left;width:50%;}
#shokuzai{background:#f0855d;}
#shokuzai_inner{width:1200px;margin:0 auto;text-align:center;padding:25px 0 0;}
#shokuzai_inner h2{margin:0 auto 25px;}
#shokuzai_inner .txt{font-size:26px;color:#fff;//margin:15px auto;text-align:center;}
#shokuzai_inner .box{padding:68px 120px;background:#fff;position:relative;margin:30px auto;}
#shokuzai_inner .box .txt01{font-size:18px;margin:30px 0 0 0;}
#shokuzai_inner .box .txt02{font-size:14px;font-weight:bold;color:#a41919;padding:0 0 270px;}
#shokuzai_inner .box .txt03{font-size:16px;width:660px;margin:auto;text-align:left;}
#shokuzai_inner .box #img01{position:absolute;top:540px;left:127px;}
#shokuzai_inner .box .dl01{padding:30px 0 60px;}
#shokuzai_inner .box .dl01 dt{font-size:16px;margin:0 0 30px;}
#shokuzai_inner .box .dl01 dd ul li{font-size:18px;color:#486a00;font-weight:bold;margin:0 0 10px;}
#shokuzai_inner .box .ttl01{display:inline-block;font-size:24px;font-weight:bold;background:url(../img/minna/shokuzai/icon01.png) left center no-repeat;padding:0 78px;margin:0 0 40px;}
#shokuzai_inner .recommend_box{display:table;margin:0 170px 14px;table-layout:fixed;}
#shokuzai_inner .recommend_box .img{vertical-align:middle;display:table-cell;width:　80%;}
#shokuzai_inner .recommend_box dl{width:468px;vertical-align:middle;display:table-cell;text-align:center;padding:0 0 0 15px;}
#shokuzai_inner .recommend_box dl dt{font-size:18px;font-weight:bold;}
#shokuzai_inner .box .ttl02{display:inline-block;margin:130px 0 70px;background:#fffaf0;padding:14px 75px;}
#shokuzai_inner .box .ttl02 h3{background:url(../img/minna/shokuzai/icon02.png) left center no-repeat;font-size:24px;font-weight:bold;padding:0 83px;}
#shokuzai_inner .pickup_box_wrapper{overflow:hidden;margin:0 76px;}
#shokuzai_inner .pickup_box{width:364px;margin:0 20px;float:left;}
#shokuzai_inner .pickup_box .dl02 dt{font-size:18px;font-weight:bold;margin:0 0 20px;}
#shokuzai_inner .pickup_box .dl02 dd.set{margin:20px 0 0;}
#shokuzai_inner .pickup_box .dl02 dd.set p{font-weight:bold;}
#shokuzai_inner .pickup_box .dl02 dd.set ul{text-align:left;margin:0 0 0 80px;height:140px;}
#shokuzai_inner .pickup_box .dl03 dt{font-size:14px;margin:0 0 10px;}
#shokuzai_inner .pickup_box .dl03 .pickup_btn a{display:block;width:240px;margin:0 auto 20px;background:#AFAFAC;//background:#eee;color:#fff;font-size:14px;font-weight:bold;padding:10px 0;}
#shokuzai_inner .btn a{width:830px;display:block;background:#fff;font-size:22px;color:#e1007e;border:#e1007e solid 2px;padding:7px 0 5px;margin:45px auto 0;}
#shokuzai_inner .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:42px;height:42px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#shokuzai01{background:#f0855d;}
#shokuzai01_inner{width:1200px;margin:0 auto;text-align:center;padding:25px 0 0;}
#shokuzai01_inner h2{margin:0 auto 25px;}
#shokuzai01_inner .txt{font-size:26px;color:#fff;//margin:30px auto;text-align:center;}
#shokuzai01_inner .box{padding:68px 120px;background:#fff;position:relative;margin:30px auto;}
#shokuzai01_inner .box .txt01{font-size:24px;margin:30px auto;font-weight:bold;}
#shokuzai01_inner .box .txt03{width:830px;text-align:center;margin:0 auto;}
#shokuzai01_inner .box .txt02{font-size:24px;margin:30px auto;}
#shokuzai01_inner .box .bg_box01{background:#fdf8e2;overflow:hidden;margin:30px 0 60px;padding:0 24px 30px 24px;}
#shokuzai01_inner .box .bg_box01 dl{float:left;}
#shokuzai01_inner .box .bg_box01 dl dd{font-size:14px;}
#shokuzai01_inner .box .bg_box01 div{float:left;}
#shokuzai01_inner .box .bg_box01 .ml{//margin-left:34px;//margin-right:34px;}
#shokuzai01_inner .box .ttl01{display:inline-block;font-size:24px;font-weight:bold;background:url(../img/minna/shokuzai/icon02.png) left center no-repeat;padding:0 78px;margin:0 0 10px;}
#shokuzai01_inner .box .dl01{margin:0 0 90px;}
#shokuzai01_inner .box .dl01 dt{font-size:24px;font-weight:bold;margin:0 0 40px;}
#shokuzai01_inner .box .dl01 .img{text-align:left;margin:0 0 20px 254px;}
#shokuzai01_inner .box .fukusai_box{overflow:hidden;margin:0 0 100px;}
#shokuzai01_inner .box .fukusai_box dl{width:240px;float:left;margin:0 40px;}
#shokuzai01_inner .box .fukusai_box dl dt.ttl{font-weight:bold;margin:30px 0;}
#shokuzai01_inner .box .fukusai_box dl .fukusai_btn a{display:block;width:240px;margin:30px auto 0;background:#AFAFAC;font-size:14px;color:#fff;padding:10px 0;}
#shokuzai01_inner .box .img01{margin-bottom:40px;}
#shokuzai01_inner .box .bg_box02{background:#fdf8e2;margin:20px 0 0;padding:40px 0;font-weight:bold;}
#shokuzai01_inner .box .bg_box02 dt{font-size:24px;margin:0 0 30px;}
#shokuzai01_inner .btn a{width:830px;display:block;background:#fff;font-size:22px;color:#e1007e;border:#e1007e solid 2px;padding:7px 0 5px;margin:45px auto 0;}
#shokuzai01_inner .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:42px;height:42px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#shokuzai01_inner .to_home{width:300px;margin:0 auto 30px;}
#shokuzai01_inner .to_home a{background-image:url(../img/minna/btn_home_sprite.png);}
}
@media screen and (max-width:667px){#head{background:#e1e4c1;}
#head #head_top{overflow:hidden;//padding:0px 2.5%;}
#head #head_top h1{float:left;width:30%;text-align:center;padding-top:5px;}
#head #head_top .txt01{width:50%;margin:0 7px;text-align:center;padding-top:10px;}
#head #head_top .txt02{width:0%;}
#g_nav{background:#f9fbe6;}
#g_nav nav ul{overflow:hidden;border-bottom:#e1e4c1 solid 1px;border-right:#e1e4c1 solid 1px;}
#g_nav nav li{float:left;width:50%;box-sizing:border-box;border-top:#e1e4c1 solid 1px;border-left:#e1e4c1 solid 1px;}
#g_nav nav li a{display:block;font-size:14px;font-weight:bold;padding:5px 1em;}
#main_visual{}
#index #main_visual .sp{display:block;}
#index #main_visual .bx-wrapper{width:100%;margin:0 auto;position:relative;display:none}
#contents_inner{width:96.875%;margin:0 auto;}
#contents_inner h2{font-size:16px;font-weight:bold;border-bottom:#000 solid 2px;text-align:center;}
#contents_inner .block01{padding:20px 0 0;}
#contents_inner .block01 h2:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/201707/icon_recipe.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#contents_inner .block01 .box_wrapper{overflow:hidden;margin:20px 0 0;}
#contents_inner .block01 .box{width:49%;float:left;margin:0 2% 10px 0;box-sizing:border-box;}
#contents_inner .block01 .box_r{margin:0 0 20px 0;}
#contents_inner .block01 .box dt{background:#b8851a;color:#fff;text-align:center;font-size:14px;font-weight:bold;}
#contents_inner .block01 .box dd{background:#f6eedd;border-top:#fff solid 1px;padding:10px 0.5em;height:100px;}
#contents_inner .block01 .box dd a{font-size:14px;font-weight:bold;//text-decoration:underline;}
#contents_inner .block01 .box dd a:hover{text-decoration:none;}
#contents_inner .block01 .box dd span{font-size:12px;}
#contents_inner .block01 .btn a{text-align:center;display:block;background:#b8851a;color:#fff;border:#ebdab7 solid 4px;font-size:16px;padding:10px 0;box-sizing:border-box;}
#contents_inner .block02{margin:20px 0 0;}
#contents_inner .block02 h2{margin:0 0 20px;}
#contents_inner .block02 h2:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/201707/icon_pickup.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#contents_inner .block02 ul li{display:table;table-layout:fixed;width:100%;background:#f0efe9;text-align:left;margin:0 0 5px;}
#contents_inner .block02 ul li a{display:block;background:#f0efe9;}
#contents_inner .block02 ul li .img{display:block;width:100%;text-align:center;padding:20px 0 0 0;}
#contents_inner .block02 ul li dl{display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;vertical-align:top;}
#contents_inner .block02 ul li dl dt{font-size:14px;font-weight:bold;font-feature-settings:"palt";}
#contents_inner .block02 ul li dl dd{font-size:12px;}
#contents_inner .block02 ul li dl dd p{display:inline-block;font-size:10px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#contents_inner .block03{margin:20px 0 0;}
#contents_inner .block03 h2:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/201707/icon_contents.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#contents_inner .block03 ul{margin:20px 0 0;overflow:hidden;}
#contents_inner .block03 ul li{margin:0 0 5px;width:100%;}
.bnr_seikatsuclub{margin:0 auto;padding:0 0 20px;}
#footer{background:#f0efe9;text-align:center;font-size:10px;}
#footer a{background:#f0efe9;text-align:center;font-size:10px;}
#page_top a{display:block;z-index:1000;position:fixed;bottom:10px;right:10px;width:50px;height:50px;}
#about{background:url(../img/index/bg2_sp.jpg) center top no-repeat;background-size:contain;}
#about_inner{width:96.875%;margin:0 auto;}
#about_inner .block01 .icon{width:6.5%;margin:0 auto;padding:40px 0 20px;}
#about_inner .block01 h2{width:95%;margin:0 auto 20px;}
#about_inner .block01 .txt{width:95%;margin:0 auto 20px;}
#about_inner .block01 ul li{overflow:hidden;margin:0 0 60px;}
#about_inner .block01 ul li .img{float:left;width:16%;margin:10px 4% 0 0;}
#about_inner .block01 ul li dl{float:left;width:80%;margin:0 0 10px;}
#about_inner .block01 ul li dl dt{font-weight:bold;font-size:16px;}
#about_inner .block01 ul li dl dd{font-size:12px;}
#about_inner .block01 ul li .btn{clear:both;width:90%;text-align:center;margin:0 auto;}
#about_inner .block01 ul li .btn a{display:block;font-size:16px;font-weight:bold;color:#fff;padding:10px 0;border-radius:4px;}
#dayori{background:#f0855d;}
#dayori_inner{width:96.875%;margin:0 auto;text-align:center;}
#dayori_inner h2{width:55%;margin:0 auto;padding:10px 0;}
#dayori_inner .txt{font-size:12px;color:#fff;margin:10px auto;text-align:left;}
#dayori_inner .dayori_box ul li{display:table;table-layout:fixed;width:100%;background:fixed;text-align:left;margin:0 0 5px;}
#dayori_inner .dayori_box ul li a{display:block;background:#f0efe9;}
#dayori_inner .dayori_box ul li .img{display:block;width:100%;text-align:center;padding:20px 0 0 0;}
#dayori_inner .dayori_box ul li dl{display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;vertical-align:top;}
#dayori_inner .dayori_box ul li dl dt{font-size:14px;font-weight:bold;font-feature-settings:"palt";}
#dayori_inner .dayori_box ul li dl dd{font-size:12px;}
#dayori_inner .dayori_box ul li dl dd p{display:inline-block;font-size:10px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#dayori_inner .btn{margin:0 0 20px;}
#dayori_inner .btn a{display:block;background:#fff;font-size:14px;color:#e1007e;border:#e1007e solid 2px;padding:17px 0 15px;margin:25px 0 0;}
#dayori_inner .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#dayori_inner .box{background:#fff;padding:20px 2em;margin:0 auto 20px;}
#dayori_inner .box_inner01{margin:20px auto;overflow:auto;}
#dayori_inner .box_inner01 dl{margin:0 0 20px;}
#dayori_inner .box_inner01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#dayori_inner .box_inner02{margin:30px auto;overflow:auto;}
#dayori_inner .box_inner02 dl{margin:20px auto;}
#dayori_inner .box_inner02 dl dt{font-size:16px;margin:0 0 20px;border:#f0855d solid 2px;border-radius:2px;}
#dayori_inner .box_inner02 dl dd{text-align:left;margin:0 1em;}
#dayori_inner .set_box01{overflow:hidden;padding:20px 2em;background:#fff;margin:0 0 20px;box-sizing:border-box;}
#dayori_inner .set_box01 .img{}
#dayori_inner .set_box01 dl{text-align:left;}
#dayori_inner .set_box01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#dayori_inner .set_box01 dl dd{font-size:14px;}
#dayori_inner .set_box02{background:#fff;padding:0 0 20px;margin:0 0 20px;}
#dayori_inner .set_box02 .ttl{background:#fff8e7;font-size:16px;font-weight:bold;padding:10px 0;}
#dayori_inner .set_box02 h3{font-size:16px;font-weight:bold;margin:20px 0;}
#dayori_inner .set_box02 .catch{font-size:14px;margin:0 0 20px;}
#dayori_inner .set_box02 .img{width:90%;margin:0 auto;}
#dayori_inner .set_box02 dl{text-align:left;margin:20px 5%;}
#dayori_inner .set_box02 dl dt{color:#f06412;font-size:14px;font-weight:bold;}
#dayori_inner .set_box02 dl dd{margin:0 0 20px;}
#dayori_inner .set_box02 dl dd ul li{font-size:14px;}
#dayori_inner .set_box03{overflow:hidden;padding:20px 2em;background:#fff;margin:0 0 20px;box-sizing:border-box;}
#dayori_inner .set_box03 .img{}
#dayori_inner .set_box03 dl{text-align:left;margin:10px 0 0;}
#dayori_inner .set_box03 dl dt{font-size:16px;font-weight:bold;border-bottom:#000 dotted 2px;margin:0 0 10px;}
#dayori_inner .set_box01 dl dd{font-size:14px;}
#dayori_inner .set_box04{background:#fff;padding:0 0 40px;margin:0 0 20px;}
#dayori_inner .set_box04 .ttl{background:#fff8e7;}
#dayori_inner .set_box04 .ttl img{width:11.8%;margin:0 auto;}
#dayori_inner .set_box04 h3{font-size:16px;font-weight:bold;margin:20px 0;}
#dayori_inner .set_box04 .catch{font-size:14px;margin:0 0 20px;}
#dayori_inner .set_box04 .kondate_box01{margin:0 auto;}
#dayori_inner .set_box04 .kondate_box01 .kondate_box01_l{width:90%;margin:0 auto 20px;}
#dayori_inner .set_box04 .kondate_box01 .kondate_box01_r{width:90%;margin:0 auto 20px;}
#dayori_inner .set_box04 .kondate_box02{margin:0 auto;font-size:14px;}
#dayori_inner .set_box04 .kondate_box02 ul li{margin:0 0 20px;}
#dayori_inner .set_box04 .kondate_box02 ul li strong.orange{font-weight:bold;color:#ff942c;}
#dayori_inner .set_box04 .kondate_box02 ul li strong.green{font-weight:bold;color:#21ab37;}
#dayori_inner .set_box04 .kondate_box02 ul li strong.blue{font-weight:bold;color:#3168b1;}
#dayori_inner .set_box04 .recipe_btn a{display:block;background-image:url(../img/kondate_detail/btn2_sprite.png);background-repeat:no-repeat;background-position:0 0;width:100px;margin:0 auto;height:0;overflow:hidden;padding-top:22px;}
#dayori_inner .set_box04 .recipe_btn a:hover{background-position:0 -22px;}
#dayori_inner .set_box04 .kondate_box03 dl{border-top:#000 solid 1px;width:90%;padding:20px 0 0;margin:0 auto;font-size:12px;}
#dayori_inner .set_box04 .kondate_box03 dl dt{color:#ff2f2f;font-weight:bold;margin:0 0 6px;}
#dayori_inner .set_box05{background:#fff;padding:0 0 20px;margin:0 0 20px;}
#dayori_inner .set_box05 .ttl{background:#fff8e7;font-size:16px;font-weight:bold;padding:10px 0;color:#ff0000;}
#dayori_inner .set_box05 .catch{font-size:14px;margin:20px 0;padding:0 1em;}
#dayori_inner .set_box05 .catch strong{font-weight:bold;}
#dayori_inner .set_box05 .img{width:90%;margin:0 auto;}
#kondate_bg{background:#fac215;padding:0 0 20px;}
.dayori_inner{width:96.875%;margin:0 auto;text-align:center;}
#kondate_bg h2{width:45%;margin:0 auto;padding:10px 0;}
#kondate .dayori_box .txt{font-size:12px;margin:10px auto;text-align:left;}
#kondate .dayori_box ul li{display:table;table-layout:fixed;width:100%;background:#f0efe9;text-align:left;margin:0 0 5px;}
#kondate .dayori_box ul li a{display:block;background:#f0efe9;}
#kondate .dayori_box ul li .img{display:block;width:100%;text-align:center;padding:20px 0 0 0;}
#kondate .dayori_box ul li dl{display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;vertical-align:top;}
#kondate .dayori_box ul li dl dt{font-size:14px;font-weight:bold;font-feature-settings:"palt";}
#kondate .dayori_box ul li dl dd{font-size:12px;}
#kondate .dayori_box ul li dl dd p{display:inline-block;font-size:10px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#kondate .btn{margin:0 0 20px;}
#kondate .btn a{display:block;background:#fff;font-size:14px;color:#e1007e;border:#e1007e solid 2px;padding:17px 0 15px;margin:25px 0 0;}
#kondate .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#kondate .box{background:#fff;padding:20px 2em;margin:0 auto 20px;}
#kondate .box_inner01{margin:20px auto;overflow:auto;}
#kondate .box_inner01 dl{margin:0 0 20px;}
#kondate .box_inner01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#kondate .box_inner02{margin:30px auto;overflow:auto;}
#kondate .box_inner02 dl{margin:20px auto;}
#kondate .box_inner02 dl dt{font-size:16px;margin:0 0 20px;border:#f0855d solid 2px;border-radius:2px;}
#kondate .box_inner02 dl dd{text-align:left;margin:0 1em;}
#kondate .set_box01{overflow:hidden;padding:20px 2em;background:#fff;margin:0 0 20px;box-sizing:border-box;}
#kondate .set_box01 .img{}
#kondate .set_box01 dl{text-align:left;}
#kondate .set_box01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#kondate .set_box01 dl dd{font-size:14px;}
#kondate .set_box02{background:#fff;padding:0 0 20px;margin:0 0 20px;}
#kondate .set_box02 .ttl{background:#fff8e7;font-size:16px;font-weight:bold;padding:10px 0;}
#kondate .set_box02 h3{font-size:16px;font-weight:bold;margin:20px 0;}
#kondate .set_box02 .catch{font-size:14px;margin:0 0 20px;}
#kondate .set_box02 .img{width:90%;margin:0 auto;}
#kondate .set_box02 dl{text-align:left;margin:20px 5%;}
#kondate .set_box02 dl dt{color:#f06412;font-size:14px;font-weight:bold;}
#kondate .set_box02 dl dd{margin:0 0 20px;}
#kondate .set_box02 dl dd ul li{font-size:14px;}
#tabekata_bg{background:#c2d700;padding:0 0 20px;}
.tabekata_inner{width:96.875%;margin:0 auto;text-align:center;}
#tabekata_bg h2{width:25%;margin:0 auto;padding:20px 0;}
#tabekata .tabekata_box .txt{font-size:12px;margin:10px auto;text-align:left;}
#tabekata .tabekata_box ul li{display:table;table-layout:fixed;width:100%;background:#f0efe9;text-align:left;margin:0 0 5px;}
#tabekata .tabekata_box ul li a{display:block;background:#f0efe9;}
#tabekata .tabekata_box ul li .img{display:block;width:100%;text-align:center;padding:20px 0 0 0;}
#tabekata .tabekata_box ul li dl{display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;vertical-align:top;}
#tabekata .tabekata_box ul li dl dt{font-size:14px;font-weight:bold;font-feature-settings:"palt";}
#tabekata .tabekata_box ul li dl dd{font-size:12px;}
#tabekata .tabekata_box ul li dl dd p{display:inline-block;font-size:10px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#tabekata .btn{margin:0 0 20px;}
#tabekata .btn a{display:block;background:#fff;font-size:14px;color:#e1007e;border:#e1007e solid 2px;padding:17px 0 15px;margin:25px 0 0;}
#tabekata .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#tabekata .box{background:#fff;padding:20px 2em;margin:0 auto 20px;}
#tabekata .box_inner01{margin:20px auto;overflow:auto;}
#tabekata .box_inner01 dl{margin:0 0 20px;}
#tabekata .box_inner01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#tabekata .box_inner02{margin:30px auto;overflow:auto;}
#tabekata .box_inner02 dl{margin:20px auto;}
#tabekata .box_inner02 dl dt{font-size:16px;margin:0 0 20px;border:#f0855d solid 2px;border-radius:2px;}
#tabekata .box_inner02 dl dd{text-align:left;margin:0 1em;}
#tabekata .set_box01{overflow:hidden;padding:20px 2em;background:#fff;margin:0 0 20px;box-sizing:border-box;}
#tabekata .set_box01 .img{}
#tabekata .set_box01 dl{text-align:left;}
#tabekata .set_box01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#tabekata .set_box01 dl dd{font-size:14px;}
#tabekata .set_box02{background:#fff;padding:0 0 20px;margin:0 0 20px;}
#tabekata .set_box02 .ttl{background:#fff8e7;font-size:16px;font-weight:bold;padding:10px 0;}
#tabekata .set_box02 h3{font-size:16px;font-weight:bold;margin:20px 0;}
#tabekata .set_box02 .catch{font-size:14px;margin:0 0 20px;}
#tabekata .set_box02 .img{width:90%;margin:0 auto;}
#tabekata .set_box02 dl{text-align:left;margin:20px 5%;}
#tabekata .set_box02 dl dt{color:#f06412;font-size:14px;font-weight:bold;}
#tabekata .set_box02 dl dd{margin:0 0 20px;}
#tabekata .set_box02 dl dd ul li{font-size:14px;}
#tabemono_bg{background:#00adbb;padding:0 0 20px;}
.tabemono_inner{width:96.875%;margin:0 auto;text-align:center;}
#tabemono_bg h2{width:30%;margin:0 auto;padding:10px 0;}
#tabemono .tabemono_box .txt{font-size:12px;margin:10px auto;text-align:left;}
#tabemono .tabemono_box ul li{display:table;table-layout:fixed;width:100%;background:#f0efe9;text-align:left;margin:0 0 5px;}
#tabemono .tabemono_box ul li a{display:block;background:#f0efe9;}
#tabemono .tabemono_box ul li .img{display:block;width:100%;text-align:center;padding:20px 0 0 0;}
#tabemono .tabemono_box ul li dl{display:inline-block;width:100%;padding:10px 10px;box-sizing:border-box;vertical-align:top;}
#tabemono .tabemono_box ul li dl dt{font-size:14px;font-weight:bold;font-feature-settings:"palt";}
#tabemono .tabemono_box ul li dl dd{font-size:12px;}
#tabemono .tabemono_box ul li dl dd p{display:inline-block;font-size:10px;text-decoration:none;font-weight:bold;padding-bottom:0.5px;float:right;}
#tabemono .btn{margin:0 0 20px;}
#tabemono .btn a{display:block;background:#fff;font-size:14px;color:#e1007e;border:#e1007e solid 2px;padding:17px 0 15px;margin:25px 0 0;}
#tabemono .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#tabemono .box{background:#fff;padding:20px 2em;margin:0 auto 20px;}
#tabemono .box_inner01{margin:20px auto;overflow:auto;}
#tabemono .box_inner01 dl{margin:0 0 20px;}
#tabemono .box_inner01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#tabemono .box_inner02{margin:30px auto;overflow:auto;}
#tabemono .box_inner02 dl{margin:20px auto;}
#tabemono .box_inner02 dl dt{font-size:16px;margin:0 0 20px;border:#f0855d solid 2px;border-radius:2px;}
#tabemono .box_inner02 dl dd{text-align:left;margin:0 1em;}
#tabemono .set_box01{overflow:hidden;padding:20px 2em;background:#fff;margin:0 0 20px;box-sizing:border-box;}
#tabemono .set_box01 .img{}
#tabemono .set_box01 dl{text-align:left;}
#tabemono .set_box01 dl dt{font-size:16px;font-weight:bold;margin:0 0 10px;}
#tabemono .set_box01 dl dd{font-size:14px;}
#tabemono .set_box02{background:#fff;padding:0 0 20px;margin:0 0 20px;}
#tabemono .set_box02 .ttl{background:#fff8e7;font-size:16px;font-weight:bold;padding:10px 0;}
#tabemono .set_box02 h3{font-size:16px;font-weight:bold;margin:20px 0;}
#tabemono .set_box02 .catch{font-size:14px;margin:0 0 20px;}
#tabemono .set_box02 .img{width:90%;margin:0 auto;}
#tabemono .set_box02 dl{text-align:left;margin:20px 5%;}
#tabemono .set_box02 dl dt{color:#f06412;font-size:14px;font-weight:bold;}
#tabemono .set_box02 dl dd{margin:0 0 20px;}
#tabemono .set_box02 dl dd ul li{font-size:14px;}
#shokuzai{background:#f0855d;}
#shokuzai_inner{width:96.875%;margin:0 auto;text-align:center;}
#shokuzai_inner h2{width:48.4%;margin:0 auto;padding:10px 0;}
#shokuzai_inner .txt{font-size:14px;color:#fff;//margin:10px auto;text-align:center;}
#shokuzai_inner .btn{margin:0 0 20px;}
#shokuzai_inner .btn a{display:block;background:#fff;font-size:14px;color:#e1007e;border:#e1007e solid 2px;padding:17px 0 15px;margin:25px 0 0;}
#shokuzai_inner .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#shokuzai_inner .box{background:#fff;padding:20px 2em;margin:0 auto 20px;text-align:center;}
#shokuzai_inner .box .txt01{font-size:11px;font-weight:bold;margin:10px auto;}
#shokuzai_inner .box .txt02{font-size:10px;font-weight:bold;text-align:left;color:#a41919;margin:10px auto;}
#shokuzai_inner .box .txt03{font-size:12px;margin:auto;text-align:left;}
#shokuzai_inner .box .dl01{padding:20px 0;}
#shokuzai_inner .box .dl01 dt{font-size:12px;margin:0 0 10px;text-align:center;}
#shokuzai_inner .box .dl01 dd ul li{font-size:16px;color:#486a00;font-weight:bold;margin:0 0 10px;}
#shokuzai_inner .box .ttl01{display:inline-block;font-size:14px;font-weight:bold;background:url(../img/minna/shokuzai/icon01.png) left center no-repeat;background-size:20px;padding:0 0 0 30px;margin:10px 65px;}
#shokuzai_inner .recommend_box{display:table;table-layout:fixed;margin:0 0 15px 0;}
#shokuzai_inner .recommend_box .img{vertical-align:middle;display:table-cell;width:20%;box-sizing:border-box;}
#shokuzai_inner .recommend_box dl{width:70%;padding:0 0 0 5%;box-sizing:border-box;vertical-align:middle;display:table-cell;font-size:10px;text-align:left;}
#shokuzai_inner .recommend_box dl dt{font-size:12px;font-weight:bold;}
#shokuzai_inner .box .ttl02{display:inline-block;margin:20px 0 10px 20px;background:#fffaf0;//padding:10px 20px;}
#shokuzai_inner .box .ttl02 h3{background:url(../img/minna/shokuzai/icon02.png) left center no-repeat;background-size:20px;padding:0 0 0 30px;font-size:14px;font-weight:bold;}
#shokuzai_inner .pickup_box{margin:0 20px;}
#shokuzai_inner .pickup_box .dl02 dt{font-size:13px;font-weight:bold;margin:20px 0 10px;}
#shokuzai_inner .pickup_box .dl02 dd.set{margin:20px 0 0;}
#shokuzai_inner .pickup_box .dl02 dd.set p{font-size:12px;font-weight:bold;}
#shokuzai_inner .pickup_box .dl02 dd.set ul{font-size:10px;text-align:left;display:table;margin:0 auto 20px;}
#shokuzai_inner .pickup_box .dl03 dt{font-size:12px;margin:0 0 10px;}
#shokuzai_inner .pickup_box .dl03 .pickup_btn a{display:block;width:240px;margin:0 auto 10px;background:#AFAFAC;//background:#eee;font-size:12px;font-weight:bold;color:#fff;padding:10px 0;}
#shokuzai01{background:#f0855d;}
#shokuzai01_inner{font-size:10px;text-align:center;width:96.875%;margin:0 auto;}
#shokuzai01_inner h2{width:48.4%;margin:0 auto;padding:10px 0;}
#shokuzai01_inner .txt{font-size:13px;color:#fff;//margin:20px auto;text-align:center;}
#shokuzai01_inner .box{background:#fff;padding:20px 2em;margin:0 auto 20px;}
#shokuzai01_inner .box .txt01{font-size:14px;font-weight:bold;text-align:center;margin:10px auto;}
#shokuzai01_inner .box .txt02{font-size:13px;text-align:center;margin:15px auto;}
#shokuzai01_inner .box .txt03{font-size:10px;text-align:center;margin:15px 10%;}
#shokuzai01_inner .box .txt04{font-size:11px;font-weight:bold;text-align:center;}
#shokuzai01_inner .box .bg_box01{background:#fdf8e2;//margin:20px 0;padding:10px;display:table;width:100%;box-sizing:border-box;}
#shokuzai01_inner .box .bg_box01 dl{display:table-cell;vertical-align:top;}
#shokuzai01_inner .box .bg_box01 dl dd{font-size:10px;}
#shokuzai01_inner .box .dl01 dd l{float:left;}
#shokuzai01_inner .box .bg_box01 div{display:table-cell;vertical-align:top;}
#shokuzai01_inner .box .ttl01{display:inline-block;font-size:14px;font-weight:bold;text-align:center;background:url(../img/minna/shokuzai/icon01.png) left center no-repeat;background-size:20px;padding:0 0 0 30px;margin:10px 95px;}
#shokuzai01_inner .box .dl01{margin:0 0 10px;}
#shokuzai01_inner .box .dl01 dt{font-size:13px;font-weight:bold;margin:0 0 10px;}
#shokuzai01_inner .box .dl01 .img{width:80%;margin:0 auto;}
#shokuzai01_inner .box .fukusai_box dl{margin:0 auto 20px;}
#shokuzai01_inner .box .fukusai_box dl dt.ttl{font-weight:bold;margin:20px 0;}
#shokuzai01_inner .box .fukusai_box dl .fukusai_btn a{display:block;width:240px;margin:0 auto 10px;background:#AFAFAC;font-size:12px;font-weight:bold;color:#fff;padding:10px 0;}
#shokuzai01_inner .box .img01{margin-bottom:20px;}
#shokuzai01_inner .box .img02{width:80%;margin:0 auto 20px;}
#shokuzai01_inner .box .bg_box02{background:#fdf8e2;margin:20px 0;padding:20px 10px;font-weight:bold;}
#shokuzai01_inner .box .bg_box02 dt{font-size:14px;margin:0 0 20px;}
#shokuzai01_inner .btn{margin:0 0 20px;}
#shokuzai01_inner .btn a{display:block;background:#fff;font-size:14px;color:#e1007e;border:#e1007e solid 2px;padding:17px 0 15px;margin:25px 0 0;}
#shokuzai01_inner .btn a:before{margin:0 8px 4px 0;content:" ";display:inline-block;width:16px;height:16px;background:url(../img/index/about_mark1.png) left center no-repeat;background-size:contain;vertical-align:middle;}
#shokuzai01_inner .to_home{width:300px;margin:0 auto 30px;}
#shokuzai01_inner .to_home a{background-image:url(../img/minna/btn_home_sprite.png);}
}
@charset "utf-8";html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,
/* article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0;padding:0;} */
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
@charset "utf-8";

/* ---------------------------
 * ビオサポだより
 * --------------------------- */

/*
#dayori div,
#dayori p {
			overflow: hidden;
}
*/

.to_dayori_list {width:226px;margin:0 auto 0;}
.to_dayori_list a {
	display: block;
	background: url(../img/dayori/btn2_sprite.png) ;
	background-repeat:no-repeat;
	background-position:0 0;
	height:0;
	overflow:hidden;
	padding-top:47px;
}
.to_dayori_list a:hover {background-position:0 -47px;}

.to_minna_home {width:226px;margin:0 auto 0;}
.to_minna_home a {
	display: block;
	background: url(../img/dayori/btn3_sprite.png) ;
	background-repeat:no-repeat;
	background-position:0 0;
	height:0;
	overflow:hidden;
	padding-top:47px;
}
.to_minna_home a:hover {background-position:0 -47px;}

.to_home_dayori {width:226px;margin:0 auto 0;}
.to_home_dayori a {
	display: block;
	background: url(../img/dayori/btn1_sprite.png) ;
	background-repeat:no-repeat;
	background-position:0 0;
	height:0;
	overflow:hidden;
	padding-top:47px;
}
.to_home_dayori a:hover {background-position:0 -47px;}

/* for SP */
@media screen and (max-width: 667px) {
	#dayori .btns {width:226px;padding-top: 50px;margin: 0 auto 50px;}
	#dayori .home_btn {margin-bottom: 20px;}
	#dayori .btns2 {margin-bottom: 50px}
	#dayori .btns3 {margin-bottom: 20px}
	.to_dayori_list,
	.to_minna_home,
	.to_home_dayori {
		padding-top: 30px;
	}
}

/* for PC */
@media screen and (min-width: 668px) {
	#dayori .btns {width:500px;padding-top: 100px;margin:0 auto 100px;}
	#dayori .home_btn {float:left;width:226px;}
	#dayori .list_btn {float:right;width:226px;}
	#dayori .btns2 {width:738px;padding-top: 100px;margin:0 auto 50px;}
	#dayori .btns3 {width:500px;padding-top: 60px;margin:0 auto 30px;}
	#dayori .btns4 {width:738px;padding-top: 200px;margin:0 auto 50px;}
	.to_dayori_list,
	.to_minna_home,
	.to_home_dayori {float: left;margin: 0 10px;}
}

#dayori .home_btn a {
	display:block;
	background-image:url(../img/dayori/btn1_sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:226px;
	height:0;
	overflow:hidden;
	padding-top:47px;
}
#dayori .home_btn a:hover {background-position:0 -47px;}
#dayori .list_btn a {
	display:block;
	background-image:url(../img/dayori/btn2_sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:226px;
	height:0;
	overflow:hidden;
	padding-top:47px;
}
#dayori .list_btn a:hover {background-position:0 -47px;}


/* for SP */
@media screen and (max-width: 667px) {
	#dayori {background-color:#F0855D;}
	#dayori #contents_lower .main {padding:90px 10px;}
	#dayori .ph {
		background-image: url(../img/dayori/dayori_title_img.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		width: 300px;
		margin: 0 auto 30px;
		height: 0;
		overflow: hidden;
		padding-top: 49px;
	}
	#dayori .sub_ph {
		padding: 0 20px;
		margin-bottom: 30px;
		text-align:center;
	}
	#dayori .sub_ph2 {
		padding: 0 20px;
		margin-bottom: 30px;
		font-size:26px;
    font-weight: bold;
		color:#FFF;
		text-align:center;
		position: relative;
	}
	#dayori .sec_wrap {padding: 20px;}
	#dayori #contents_lower .sec_wrap {background-color: #ffffff;font-size: 12px;}
	#dayori #contents_lower .sec_wrap .fs_small {font-size: 93%;}
}

/* for PC */
@media screen and (min-width: 668px) {
	#dayori {background-color:#F0855D;}
	#dayori #contents {padding-top:120px;}
	#dayori .ph {
		background-image: url(../img/dayori/dayori_title_img.png);
		background-repeat: no-repeat;
		background-position: center center;
		width: 332px;
		margin: 0 auto 30px;
		height: 0;
		overflow: hidden;
		padding-top: 49px;
	}
	#dayori .sub_ph {
		width:840px;
		margin:0 auto 30px;
		text-align:center;
		position:relative;
	}
	#dayori .sub_ph2 {
		width:840px;
		height:24px;
		margin:0 auto 30px;
		font-size:26px;
    font-weight: bold;
		color:#FFF;
		text-align:center;
		position: relative;
		top:-10px;
	}
	#dayori .sub_ph .library_btn {position:absolute;top:0;right:0;width:166px;}
	#dayori .sub_ph .library_btn a {
		display:block;
		background-image:url(../img/kondate_detail/btn1_sprite.png);
		background-repeat:no-repeat;
		background-position:0 0;
		width:166px;
		height:0;
		overflow:hidden;
		padding-top:32px;
	}
	#dayori .sub_ph .library_btn a:hover {background-position:0 -32px;}
	#dayori .sec_wrap {
		background:#ffffff;
		width:780px;
		margin:0 auto 50px;
		padding:40px 30px;
	}
	#dayori .sec_wrap .fs_small {font-size: 93%;}
	#dayori #contents_lower .sec_wrap {padding: 30px 20px;}
	#dayori .head {margin-bottom:40px;}
	#dayori .head:after {content:"";clear: both;display: block;}
	* html #dayori .head { zoom: 1; } /* IE6 */
	*:first-child+html #dayori .head { zoom: 1; } /* IE7 */
	#dayori .head .left {float:left;width:160px;}
	#dayori .head .right {float:right;width:620px;}
	#dayori .head .right .title {
		background-image:url(../img/kondate_detail/mark1.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding:18px 0 18px 78px;
		height:24px;
		font-size:160%;
		font-weight:bold;
		margin-bottom:20px;
	}
	#dayori .head .right .title img {vertical-align: top;}
	#dayori .body {padding-bottom:20px;}
	#dayori .body .point_top {
		width:550px;
		margin:0 auto 75px;
		background-image:url(../img/kondate_detail/box1_top.png);
		background-repeat:no-repeat;
		background-position:center top;
		padding-top:23px;
	}
	#dayori .body .point_btm {
		background-image:url(../img/kondate_detail/box1_btm.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		padding-bottom:10px;
	}
	#dayori .body .point_mid {
		background-image:url(../img/kondate_detail/box1_mid.png);
		background-repeat:repeat-y;
		background-position:center;
		padding:0 10px 10px;
		text-align:center;
	}
	#dayori .body .point_mid .title {margin-bottom:10px;}
	#dayori .body .point_mid .text1 {margin-bottom:20px;}
	#dayori .body .point_mid .figure {margin-bottom:20px;}
	#dayori .body .point_mid .text2 {font-size:80%;margin-bottom:20px;}
	#dayori .body .point_mid .text3 {font-weight:bold;}
	#dayori .body .secc1 {margin-bottom:40px;}
	#dayori .body .secc1 .sh_img {margin:0 auto 10px;}
	#dayori .body .secc1 .sh_text {font-size:173%;font-weight:bold;text-align:center;}
	#dayori .body .secc1 .img {width:380px;margin:0 auto 20px;padding-top:20px;}
	#dayori .body .secc1 .figure {width:800px;margin:0 auto;}
	#dayori .body .secc1 .figure:after {content:"";clear: both;display: block;}
	* html #dayori .body .secc1 .figure { zoom: 1; } /* IE6 */
	*:first-child+html #dayori .body .secc1 .figure { zoom: 1; } /* IE7 */
	#dayori .body .secc1 .figure .left {float:left;width:380px;padding-top:40px;text-align:center;}
	#dayori .body .secc1 .figure .left li {margin-bottom:20px;}
	#dayori .body .secc1 .figure .left .title {font-weight:bold;margin-bottom:5px;}
	#dayori .body .secc1 .figure .left .text {margin-bottom:5px;}
	#dayori .body .secc1 .figure .left .recipe_btn a {
		display:block;
		background-image:url(../img/kondate_detail/btn2_sprite.png);
		background-repeat:no-repeat;
		background-position:0 0;
		width:100px;
		margin:0 auto;
		height:0;
		overflow:hidden;
		padding-top:22px;
	}
	#dayori .body .secc1 .figure .left .recipe_btn a:hover {background-position:0 -22px;}
	#dayori .body .secc1 .figure .right {float:right;width:380px;}
	#dayori .body .sec1 .sh_img {width:67px;}
	#dayori .body .sec1 .text1_title {width:156px;margin:0 auto 5px;}
	#dayori .body .sec1 .text1 {text-align:center;}
	#dayori .body .sec1 .figure .left .title {color:#eb5200;}
	#dayori .body .sec2 .sh_img {width:74px;}
	#dayori .body .sec2 .figure .left .title {color:#10ad2e;}
	#dayori .body .sec3 .sh_img {width:72px;}
	#dayori .body .sec3 .figure .left .title {color:#2e63b3;}
	#dayori .body .next_update {
		width:759px;
		margin:0 auto 50px;
	}
	#dayori .body .library_btn {width:256px;margin:0 auto 50px;}
	#dayori .body .library_btn a {
		display:block;
		background-image:url(../img/kondate_detail/btn3_sprite.png);
		background-repeat:no-repeat;
		background-position:0 0;
		width:256px;
		height:0;
		overflow:hidden;
		padding-top:51px;
	}
	#dayori .body .library_btn a:hover {background-position:0 -51px;}
	#dayori .body .notes {font-size:80%;}
}



/* for SP */
@media screen and (max-width: 667px) {
	.table1 {width:100%;border: 1px #F0855D solid;}
	.table1 th{ text-align:center;}
	.table1 tr th,
	.table1 tr td {padding:5px 10px;font-size: 12px;}
	.table1 tr.month_head th,
	.table1 tr.month_head td {border-top: 1px #F0855D solid;}
	.table1 tr th {border-right: 1px #F0855D solid;width: 30px;}

	.table2 {width:100%;}
	.table2 tr th,
	.table2 tr td {border: 0px #FFFFFF;padding: 10px;}

	.list_yeartitle{
		text-align: center;
		font-weight: bold;
		margin:10px auto;
	}

}

/* for PC */
@media screen and (min-width: 668px) {
	.table1 {width:100%;border: 1px #F0855D solid;}
	.table1 th{ text-align:center;}
	.table1 tr th,
	.table1 tr td {padding:5px 10px;}
	.table1 tr.month_head th,
	.table1 tr.month_head td {border-top: 1px #F0855D solid;}
	.table1 tr th {border-right: 1px #F0855D solid;width: 30px;}

	.table2 {width:100%;}
	.table2 tr th,
	.table2 tr td {border: 0px #FFFFFF;padding: 10px;}

	/*
	.table1 table, tbody, tr, td, th {
		border: 1px #00ACBD solid;
		padding: 5px;
	}

	.table2 table, tbody, tr, td, th{
		border: 0px #FFFFFF;
		padding: 10px;
	}

	.table3 table{
		padding:0px;
		margin: 0px;
	}
	*/

	.mt-image-center{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.link_arrow_dayori{
		padding-left:16px;
		background-image: url(../img/common/link_arrow_dayori.png);
		background-repeat: no-repeat;
		background-position:left center;
	}

		.list_yeartitle{
			text-align:center;
			font-weight: bold;
			margin:10px auto;
	}

}



/* 画像系
------------------------------ */

/* for SP */
@media screen and (max-width: 667px) {
	#dayori img {max-width: 100%;height: auto;}
}



/*  記事タイトル部分
------------------------------ */

/* for SP */
@media screen and (max-width: 667px) {
	.head_note {margin-bottom: 20px;}
	.article_head {margin-bottom: 20px;}
	.article_head .title {
		margin-bottom: 20px;
		color: #01adb9;
		font-size: 137%;
		font-weight: bold;
		text-align: center;
	}
	.article_head .title strong {
		font-size: 110%;
		color: #F0855D;
		font-weight:bold;
	}
	.article_head .text .logo {
		display: block;
		margin: 0 auto 20px;
	}
	/* 以下1021追加 */
	.article_head2 {
		margin-bottom: 20px;
	}
	.article_head2 .title {
		width: 100%;
		margin-bottom: 20px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 18px;
		text-align: center;
	}
	.article_head2 .title strong {
		font-weight: bold;
	}
	.article_head2 .logo {
		width: 150px;
		height: 120px;
		margin: 0 auto;
	}
/* 第47回のタイトル部分 */
	.article_head2 .title47 {
		width: 100%;
		margin-bottom: 20px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 18px;
		text-align: center;
	}
	.article_head2 .title47 strong {
		font-weight: bold;
	}
/* 第49回のタイトル部分 */
	.article_head2 .title49 {
		width: 100%;
		margin-bottom: 20px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 18px;
		text-align: center;
	}
	.article_head2 .title49 strong {
		font-weight: bold;
	}

/* 第51回のタイトル部分 */
	.article_head2 .title51 {
		width: 100%;
		margin-bottom: 20px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 18px;
		text-align: center;
	}
	.article_head2 .title51 strong {
		font-weight: bold;
	}

}
/* for PC */
@media screen and (min-width: 668px) {
	.head_note {margin-bottom: 20px;font-size:15px;}
	.article_head {margin-bottom: 20px;}
	.article_head .title {
		padding-left: 150px;
		margin-bottom: 20px;
		color: #01adb9;
		font-size: 137%;
		font-weight: bold;
	}
	.article_head .title strong {
		font-size: 110%;
		color: #F0855D;
		font-weight:bold;
	}
	.article_head .text {overflow: visible !important;margin-bottom:0px;font-size: 15px;}
	.article_head .text .logo {
		float: left;
		margin-top: -15px;
		padding: 0 20px 10px 0;
	}
	/* 以下1021追加 */
	.article_head2 {
		margin-bottom: 20px;
		overflow: hidden;
	}
	.article_head2 .title {
		float: right;
		width: 550px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 23px;
	}
	.article_head2 .title strong {
		display: table-cell;
		height: 120px;
		vertical-align: middle;
		font-weight: bold;
	}
	.article_head2 .logo {
		float: left;
		width: 150px;
		height: 120px;
	}

/* 第47回のタイトル部分 */
	.article_head2 .title47 {
		float: right;
		width: 450px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 23px;
	}
	.article_head2 .title47 strong {
		display: table-cell;
		height: 120px;
		vertical-align: middle;
		font-weight: bold;
	}
/* 第49回のタイトル部分 */
	.article_head2 .title49 {
		float: right;
		width: 500px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 23px;
	}
	.article_head2 .title49 strong {
		display: table-cell;
		height: 120px;
		vertical-align: middle;
		font-weight: bold;
	}

/* 第51回のタイトル部分 */
	.article_head2 .title51 {
		float: right;
		width: 600px;
		vertical-align: middle;
		color: #F0855D;
		font-size: 23px;
	}
	.article_head2 .title51 strong {
		display: table-cell;
		height: 120px;
		vertical-align: middle;
		font-weight: bold;
	}

}



/* テキスト系
------------------------------ */

.break {word-break: break-all;}

.title {font-weight:bold;font-size: 15px;}

/* 右揃え */
.txt_right {text-align: right}

/* 中央揃え */
.txt_center {text-align: center}

/* 文字サイズ */
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}

.fs_small2 {font-size: 83%;}
.fs_small1 {font-size: 91%;}
.fs_large1 {font-size: 108%;}
.fs_large2 {font-size: 116%;}
.fs_xlarge {font-size: x-large;}

/* 文字色 */
.fc_blue {color: #0000ff;}



/* 画像系
------------------------------ */

/*20181122 NEC デザイン影響のため削除
img {max-width: none;}
*/

/* 中央揃え */
.img_center,
.img_center img {
	display: block;
	margin:  10px auto;
}

.img_center_p0,
.img_center_p0 img {
	display: block;
	margin:  0px auto;
}


/* 左フロート */
/* for SP */
@media screen and (max-width: 667px) {
	.img_left {display: block;margin: 10px auto;}
}
/* for PC */
@media screen and (min-width: 668px) {
	.img_left {float: left;margin: 0 10px;}
	.img_left0 {float: left;margin: 0;}
}

/* 右フロート */
/* for SP */
@media screen and (max-width: 667px) {
	.img_right {display: block;margin: 10px auto;}
}
/* for PC */
@media screen and (min-width: 668px) {
	.img_right {float: right;margin: 0 10px;}
	.img_right0 {float: right;margin: 0;}
}


/* フロート系
------------------------------ */

/* 左フロート */
/* for SP */
@media screen and (max-width: 667px) {
	.float_left {width: 100%;text-align: center;}
	.float_left_p0 {width: 100%;text-align: center;padding-bottom :10px;}
}
/* for PC */
@media screen and (min-width: 668px) {
.float_left {float: left;padding :10px;}
	.float_left_p0 {float: left;padding :0 10px 0 0;}
}

/* 右フロート */
/* for SP */
@media screen and (max-width: 667px) {
	.float_right {width: 100%;text-align: center;}
	.float_right_p0 {width: 100%;text-align: center;padding-bottom :10px;}
	.float_right_43 {width:100%;text-align: center;padding-bottom :10px;}

}
/* for PC */
@media screen and (min-width: 668px) {
	.float_right {float: right;padding :10px;}
	.float_right_p0 {
		float: right;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
	}
	.float_right_43 {
		float: right;
		padding-top: 0;
		padding-right: 0px;
		padding-bottom: 0;
		padding-left: 40px;
		width:163px;
	}
	.float_right_60 {
		float: right;
		padding-top: 0;
		padding-right: 0px;
		padding-bottom: 0;
		padding-left: 40px;
		width:143px;
	}
}



/* マージン系
------------------------------ */
.sp_mgb0 {margin-bottom: 0 !important;}



/* 微調整用
------------------------------ */
/* for SP */
@media screen and (max-width: 667px) {
	.pdl30_sp {padding-left: 30px;}
}
/* for PC */
@media screen and (min-width: 668px) {
	/* 下マージン */
	.mgbt10 {margin-bottom: 10px !important;}
	.mgbt20 {margin-bottom: 20px !important;}
	.mgbt30 {margin-bottom: 30px !important;}
	.mgbt40 {margin-bottom: 40px !important;}
	.mgbt50 {margin-bottom: 50px !important;}
	.mgbt60 {margin-bottom: 60px !important;}
	/* 上マージン */
	.mgtt10 {margin-top: 10px !important;}
	.mgtt20 {margin-top: 20px !important;}
	.mgtt30 {margin-top: 30px !important;}
	.mgtt40 {margin-top: 40px !important;}
	.mgtt50 {margin-top: 50px !important;}
	.mgtt60 {margin-top: 60px !important;}
	/* 左マージン */
	.mgl10 {margin-left: 10px !important;}
	.mgl20 {margin-left: 20px !important;}
	.mgl30 {margin-left: 30px !important;}
	.mgl40 {margin-left: 40px !important;}
	.mgl50 {margin-left: 50px !important;}
	.mgl60 {margin-left: 60px !important;}
	/* 右マージン */
	.mgr10 {margin-right: 10px !important;}
	.mgr20 {margin-right: 20px !important;}
	.mgr30 {margin-right: 30px !important;}
	.mgr40 {margin-right: 40px !important;}
	.mgr50 {margin-right: 50px !important;}
	.mgr60 {margin-right: 60px !important;}
	/* ネガティヴ上マージン */
	.mgtn20 {margin-top: -20px !important;}
	.mgtn30 {margin-top: -30px !important;}
	.mgtn35 {margin-top: -35px !important;}
	.mgtn40 {margin-top: -40px !important;}
	.mgtn50 {margin-top: -50px !important;}
	.mgtn60 {margin-top: -60px !important;}
	.mgtn70 {margin-top: -70px !important;}
	.mgtn80 {margin-top: -80px !important;}
	/* 幅 */
	.w180 {width: 180px;}
	/* パディング */
	.pdl100_pc {padding-left: 100px;}
}



/* 行インデント
------------------------------ */
.sampleIndent {
	text-indent: -1.5em;
	margin-left: 1.5em;
	overflow: visible !important;
}

/* 引用 */
.quote{
	padding: 15px;
	border: 1px solid #000;
}

/* 寄せ */
.right{
	text-align:right;
}

/* ボックスボーダー */
.box_boder{
		border: 1px solid #000;
}



/* レスポンシブ表示/非表示
------------------------------ */
.pc_only {display: block !important;}
.sp_only {display: none !important;}
br.pc_only {display: inline !important;}
br.sp_only {display: none !important;}
@media screen and (max-width: 667px) {
	.pc_only {display: none !important;}
	.sp_only {display: block !important;}
	br.pc_only {display: none !important;}
	br.sp_only {display: inline !important;}
}



/* 記事ページ個別対応
------------------------------ */

/* 記事46レスポンシブ化（1125追加） */
.recipe_list {
	width: 660px;
	margin: 0 auto;
	overflow: hidden;
}
.recipe_list li {
	float: left;
	width: 330px;
	margin-bottom: 30px;
}
.recipe_list li a {
	display: block;
	text-align: center;
}
.recipe_list li .recipe_title {
	font-size: 13px;
}

.recipe_list li .center{
	display: block;
	text-align: center;
}

@media screen and (max-width: 667px) {
	.recipe_list {
		width: 100%;
	}
	.recipe_list li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.recipe_list li .recipe_title {
		font-size: 12px;
	}
}

/* 記事56（0209追加） */
.list56 {
	width: 750px;
	margin: 0 auto 30px;
	overflow: hidden;
}
.list56 li {
	float: left;
	width: 250px;
	text-align:center;
}
.list56 li.double {
	width: 500px;
}
.list56 li .image {
	padding: 20px 20px 5px;
}
.list56 li .text {
	font-size: 11px;
	text-align: center;
}

/* 記事98用（151207追加） */
.no98_img{
	width:470px;
	font-size:small;
}
@media screen and (max-width: 667px) {
	.no98_img {max-width: 100%;height: auto;}
}



@media screen and (max-width: 667px) {
	.list56 {
		width: 100%;
	}
	.list56 li {
		width: 50%;
	}
	.list56 li.double {
		width: 100%;
	}
	.list56 li .image {
		padding: 10px 10px 5px;
	}
	.list56 li .text {
		min-height: 32px;
	}
}

.text_indent{
	padding-left:1em;
}

#dayori p a {
	text-decoration:underline;
}

.float_right_p0 p.text{
	text-align:center;
	font-size:12px;
	margin:5px 0 10px;
	line-height: 1.2;
}

.dayori_box{
	border:solid 1px #F0855D;
	padding:20px;
}

.link_p{
	line-height:1.5em;
}
@charset "utf-8";

/* ---------------------------
 * 組合員インタビュー
 * --------------------------- */

#minna {background-color:#F0855D;}
#minna #contents {padding-top:120px;}
#minna .sec1 ul li .texts .point {
	border: solid 2px #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f2956f;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: 15px;
	text-align: center;
}
#minna .sec1 ul .point1 .texts .point {background-image: url(../img/minna/interview/text_point1.png);}
#minna .sec1 ul .point2 .texts .point {background-image: url(../img/minna/interview/text_point2.png);}
#minna .sec1 ul .point3 .texts .point {background-image: url(../img/minna/interview/text_point3.png);}
#minna .sec1 ul .point4 .texts .point {background-image: url(../img/minna/interview/text_point4.png);}
#minna .sec1 ul .point5 .texts .point {background-image: url(../img/minna/interview/text_point5.png);}

#minna .to_home a {background-image:url(../img/minna/btn_home_sprite.png);}
#minna .to_home a:hover {background-position: 0 -52px;}

/* ホームへ戻る */
.to_homebiosapo {width:300px;margin:0 auto;height:47px;padding-top: 30px;}
.to_homebiosapo a {
	display:block;
	background-image: url(../img/minna/btn_homebiosapo_sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:0;
	overflow:hidden;
	padding-top:47px;
}
.to_homebiosapo a:hover {background-position:0 -52px;}


/* for SP */
@media screen and (max-width: 667px) {
	#minna .ph {
		background-image:url(../img/minna/interview/p_title.png);
		background-repeat:no-repeat;
		background-position:center top;
		background-size: contain;
		width:300px;
		margin:0 auto 30px;
		height:0;
		overflow:hidden;
		padding-top:50px;
	}
	#minna .head_text_title {padding: 0 20px;margin-bottom: 5px;font-weight: bold;text-align: center;}
	#minna .head_text {padding: 0 20px;margin-bottom: 20px;font-size: 14px;}
	#minna .head_imgs {width: 195px;margin: 0 auto;}
	#minna .head_imgs li {margin-bottom: 20px;}
	#minna .head_name_wrap {margin-bottom: 60px;}
	#minna .head_name {margin-bottom:10px;color: #ffffff;font-size: 16px;text-align: center;}
	#minna .head_caption {text-align: center;color: #000000;font-size: 12px;}
	#minna .secc1 {padding: 0 20px;margin-bottom: 50px;}
	#minna .secc1 .sh {margin-bottom: 20px;color: #ffffff;font-size: 16px;text-align: center;}
	#minna .sec1 ul li {margin-bottom: 40px;}
	#minna .sec1 ul li .img {margin-bottom: 15px;text-align: center;}
	#minna .sec1 ul li .texts .title {color: #ffffff;font-size: 14px;text-align: center;margin-bottom: 15px;}
	#minna .sec1 ul li .texts .text {font-size: 14px;}
	#minna .sec2 .img {margin-bottom: 20px;}
	#minna .sec2 .note_top {
		background: url(../img/minna/interview/box1_top.png) no-repeat center top;
		padding-top: 40px;
	}
	#minna .sec2 .note_btm {
		background: url(../img/minna/interview/box1_btm.png) no-repeat center bottom;
		padding-bottom: 30px;
	}
	#minna .sec2 .note_mid {
		background: url(../img/minna/interview/box1_mid.png) repeat-y center;
		padding: 0 20px;
	}
	#minna .sec2 .recipe_list li {padding: 25px 0;}
	#minna .sec2 .recipe_list .recipe_img {text-align: center;margin-bottom: 10px;}
	#minna .sec2 .recipe_list .recipe_title {margin-bottom: 10px;font-size: 16px;font-weight: bold; text-align:center;}
	#minna .sec2 .recipe_list .recipe_text {margin-bottom: 15px;font-size: 14px;}
	#minna .sec2 .recipe_list .recipe_text span {font-weight: bold;}
	#minna .sec2 .recipe_list .comment_title {
		background: url(../img/minna/interview/icon_comment.png) no-repeat center top;
		background-repeat: no-repeat;
		background-position: center top;
		width: 124px;
		margin-bottom: 5px;
		height: 0;
		overflow: hidden;
		padding-top: 26px;
	}
	#minna .sec2 .recipe_list .comment_text {overflow: hidden;font-size: 14px;}
	#minna .sec2 .recipe_list .comment_text img {
		display: block;
		float: right;
		margin-left: 10px;
	}
	#minna .sec3 {padding: 0 20px;}
	#minna .sec3_top {background-color: #ffffff;padding: 10px 20px;}
	#minna .sec3_sh {margin-bottom: 10px;text-align: center;}
	#minna .andi_list li {padding: 10px 0;}
	#minna .andi_list li .title {color: #F0855D;font-size: 16px;}
	#minna .andi_list li .text {font-size: 14px;}
	#minna .biosapo_point .title {
		border: solid 2px #ffffff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #f2956f;
		padding: 3px 0 5px;
		margin-bottom: 10px;
		text-align: center;
	}
	#minna .biosapo_point .text_img {color: #F0855D;font-size: 16px;}
}

/* for PC */
@media screen and (min-width: 668px) {
	#minna .ph {
		background-image:url(../img/minna/interview/p_title.png);
		background-repeat:no-repeat;
		background-position:center top;
		width:380px;
		margin:0 auto 30px;
		height:0;
		overflow:hidden;
		padding-top:50px;
	}
	#minna .ph_sub {
		background-repeat:no-repeat;
		background-position:center top;
		margin:0 auto 30px;
		height:0;
		overflow:hidden;
	}
	#minna .head_text_title {margin-bottom: 5px;font-weight: bold;text-align: center;}
	#minna .head_text {width: 660px;margin:0 auto 30px;}
	#minna .head_imgs {width: 759px;margin: 0 auto 20px;}
	#minna .head_imgs:after {content:"";clear: both;display: block;}
	* html #minna .head_imgs { zoom: 1; } /* IE6 */
	*:first-child+html #minna .head_imgs { zoom: 1; } /* IE7 */
	#minna .head_imgs li {float: left;width: 195px;margin: 0 29px;}
	#minna .head_name_wrap {margin-bottom: 120px;}
	#minna .head_name {
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 auto 10px;
		height: 0;
		overflow: hidden;
	}
	#minna .head_caption {text-align: center;color: #000000;}
	#minna .secc1 {width: 700px;margin: 0 auto 100px;}
	#minna .sec1 .sh {
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 auto 30px;
		height: 0;
		overflow: hidden;
	}
	#minna .sec1 ul li {margin-bottom: 40px;}
	#minna .sec1 ul li:after {content:"";clear: both;display: block;}
	* html #minna .sec1 ul li { zoom: 1; } /* IE6 */
	*:first-child+html #minna .sec1 ul li { zoom: 1; } /* IE7 */
	#minna .sec1 ul li .img {float: left;width: 195px;}
	#minna .sec1 ul li .texts {float: right;width: 485px;}
	#minna .sec1 ul li .texts .title {
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 auto 15px;
		height: 0;
		overflow: hidden;
	}
	#minna .sec2 .sh {
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 auto 30px;
		height: 0;
		overflow: hidden;
	}
	#minna .sec2 .img {margin-bottom: 40px;}
	#minna .sec2 .note_top {
		background: url(../img/minna/interview/box1_top.png) no-repeat center top;
		padding-top: 40px;
	}
	#minna .sec2 .note_btm {
		background: url(../img/minna/interview/box1_btm.png) no-repeat center bottom;
		padding-bottom: 30px;
	}
	#minna .sec2 .note_mid {
		background: url(../img/minna/interview/box1_mid.png) repeat-y center;
		padding: 0 40px;
	}
	#minna .sec2 .recipe_list li {padding: 15px 0;}
	#minna .sec2 .recipe_list li:after {content:"";clear: both;display: block;}
	* html #minna .sec2 .recipe_list li { zoom: 1; } /* IE6 */
	*:first-child+html #minna .sec2 .recipe_list li { zoom: 1; } /* IE7 */
	#minna .sec2 .recipe_list .recipe_img {float: left;width: 195px;}
	#minna .sec2 .recipe_list .recipe_texts {float: right;width: 405px;}
	#minna .sec2 .recipe_list .recipe_title {margin-bottom: 10px;font-size: 17px;font-weight: bold;}
	#minna .sec2 .recipe_list .recipe_text {margin-bottom: 15px;}
	#minna .sec2 .recipe_list .recipe_text span {font-weight: bold;}
	#minna .sec2 .recipe_list .comment_title {
		background: url(../img/minna/interview/icon_comment.png) no-repeat center top;
		background-repeat: no-repeat;
		background-position: center top;
		width: 124px;
		margin-bottom: 5px;
		height: 0;
		overflow: hidden;
		padding-top: 26px;
	}
	#minna .sec2 .recipe_list .comment_text {overflow: hidden;}
	#minna .sec2 .recipe_list .comment_text img {
		display: block;
		float: right;
		margin-left: 10px;
	}
	#minna .sec3_top {
		background: url(../img/minna/interview/box2_top.png) no-repeat center top;
		padding-top: 100px;
		position: relative;
	}
	#minna .sec3_btm {
		background: url(../img/minna/interview/box2_btm.png) no-repeat center bottom;
		padding-bottom: 30px;
	}
	#minna .sec3_mid {
		background: url(../img/minna/interview/box2_mid.png) repeat-y center;
		padding: 10px 30px 0;
	}
	#minna .sec3_sh {
		width: 210px;
		height: 42px;
		position: absolute;
		left: 50%;
		top: 40px;
		margin-left: -105px;
	}
	#minna .andi_list li {padding: 20px 0;}
	#minna .andi_list li .title {
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 auto 10px;
		height: 0;
		overflow: hidden;
	}
	#minna .biosapo_point {padding-bottom: 20px;}
	#minna .biosapo_point .title {
		border: solid 2px #ffffff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #f2956f;
		padding: 3px 0 5px;
		margin-bottom: 10px;
		text-align: center;
	}
	#minna .biosapo_point .text_img {
		background-repeat: no-repeat;
		background-position: center top;
		margin: 0 auto 10px;
		height: 0;
		overflow: hidden;
	}
}



/* ---------------------------
 * 東京
 * --------------------------- */

/* for PC */
@media screen and (min-width: 668px) {
	#minna .tokyo .ph_sub {
		background-image:url(../img/minna/interview/01_tokyo/title_balance.png);
		width: 339px;
		padding-top: 74px;
	}
	#minna .tokyo .head_name {
		background-image: url(../img/minna/interview/01_tokyo/text_tomita.png);
		width: 153px;
		padding-top: 50px;
	}
	#minna .tokyo .sec1 .sh {
		background-image: url(../img/minna/interview/01_tokyo/title_oishisa.png);
		width: 224px;
		padding-top: 59px;
	}
	#minna .tokyo .sec1 ul .point1 .texts .title {
		background-image: url(../img/minna/interview/01_tokyo/text_ajitsuke.png);
		width: 471px;
		padding-top: 20px;
	}
	#minna .tokyo .sec1 ul .point2 .texts .title {
		background-image: url(../img/minna/interview/01_tokyo/text_seiro.png);
		width: 296px;
		padding-top: 20px;
	}
	#minna .tokyo .sec1 ul .point3 .texts .title {
		background-image: url(../img/minna/interview/01_tokyo/text_zakkoku.png);
		width: 426px;
		padding-top: 19px;
	}
	#minna .tokyo .sec1 ul .point4 .texts .title {
		background-image: url(../img/minna/interview/01_tokyo/text_shun.png);
		width: 297px;
		padding-top: 19px;
	}
	#minna .tokyo .sec1 ul .point5 .texts .title {
		background-image: url(../img/minna/interview/01_tokyo/text_otona.png);
		width: 254px;
		padding-top: 20px;
	}
	#minna .tokyo .sec2 .sh {
		background-image: url(../img/minna/interview/01_tokyo/title_tomita.png);
		width: 251px;
		padding-top: 23px;
	}
	#minna .tokyo .andi_list .andi1 .title {
		background-image: url(../img/minna/interview/01_tokyo/text_andi1.png);
		width: 276px;
		padding-top: 26px;
	}
	#minna .tokyo .andi_list .andi2 .title {
		background-image: url(../img/minna/interview/01_tokyo/text_andi2.png);
		width: 455px;
		padding-top: 27px;
	}
	#minna .tokyo .andi_list .andi3 .title {
		background-image: url(../img/minna/interview/01_tokyo/text_andi3.png);
		width: 225px;
		padding-top: 25px;
	}
}



/* ---------------------------
 * 神奈川
 * --------------------------- */

/* for PC */
@media screen and (min-width: 668px) {
	#minna .kanagawa .ph_sub {
		background-image:url(../img/minna/interview/02_kanagawa/title_wakuwaku.png);
		width:295px;
		padding-top:73px;
	}
	#minna .kanagawa .head_name {
		background-image: url(../img/minna/interview/02_kanagawa/text_miyaguchi.png);
		width: 165px;
		padding-top: 50px;
	}
	#minna .kanagawa .sec1 .sh {
		background-image: url(../img/minna/interview/02_kanagawa/title_sozai.png);
		width: 438px;
		padding-top: 24px;
	}
	#minna .kanagawa .sec1 ul .point1 .texts .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_oyatsu.png);
		width: 232px;
		padding-top: 19px;
	}
	#minna .kanagawa .sec1 ul .point2 .texts .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_dashi.png);
		width: 263px;
		padding-top: 20px;
	}
	#minna .kanagawa .sec1 ul .point3 .texts .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_hozon.png);
		width: 319px;
		padding-top: 19px;
	}
	#minna .kanagawa .sec1 ul .point4 .texts .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_mikaku.png);
		width: 270px;
		padding-top: 19px;
	}
	#minna .kanagawa .sec1 ul .point5 .texts .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_jinsei.png);
		width: 422px;
		padding-top: 19px;
	}
	#minna .kanagawa .sec2 .sh {
		background-image: url(../img/minna/interview/02_kanagawa/title_kondate.png);
		width: 252px;
		padding-top: 23px;
	}
	#minna .kanagawa .andi_list .andi1 .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_andi1.png);
		width: 396px;
		padding-top: 29px;
	}
	#minna .kanagawa .andi_list .andi2 .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_andi2.png);
		width: 380px;
		padding-top: 27px;
	}
	#minna .kanagawa .andi_list .andi3 .title {
		background-image: url(../img/minna/interview/02_kanagawa/text_andi3.png);
		width: 188px;
		padding-top: 27px;
	}
	#minna .kanagawa .biosapo_point .text_img {
		background-image: url(../img/minna/interview/02_kanagawa/text_original.png);
		width: 382px;
		padding-top: 19px;
	}
}



/* ---------------------------
 * 埼玉
 * --------------------------- */

/* for PC */
@media screen and (min-width: 668px) {
	#minna .saitama .ph_sub {
		background-image:url(../img/minna/interview/03_saitama/title_jitan.png);
		width:384px;
		padding-top:74px;
	}
	#minna .saitama .head_name {
		background-image: url(../img/minna/interview/03_saitama/text_ogawa.png);
		width: 132px;
		padding-top: 50px;
	}
	#minna .saitama .sec1 .sh {
		background-image: url(../img/minna/interview/03_saitama/title_kufu.png);
		width: 302px;
		padding-top: 59px;
	}
	#minna .saitama .sec1 ul .point1 .texts .title {
		background-image: url(../img/minna/interview/03_saitama/text_balance.png);
		width: 304px;
		padding-top: 19px;
	}
	#minna .saitama .sec1 ul .point2 .texts .title {
		background-image: url(../img/minna/interview/03_saitama/text_reasonable.png);
		width: 397px;
		padding-top: 20px;
	}
	#minna .saitama .sec1 ul .point3 .texts .title {
		background-image: url(../img/minna/interview/03_saitama/text_syouene.png);
		width: 235px;
		padding-top: 20px;
	}
	#minna .saitama .sec1 ul .point4 .texts .title {
		background-image: url(../img/minna/interview/03_saitama/text_kaiketsu.png);
		width: 439px;
		padding-top: 20px;
	}
	#minna .saitama .sec1 ul .point5 .texts .title {
		background-image: url(../img/minna/interview/03_saitama/text_jitan.png);
		width: 424px;
		padding-top: 20px;
	}
	#minna .saitama .sec2 .sh {
		background-image: url(../img/minna/interview/03_saitama/title_kondate.png);
		width: 252px;
		padding-top: 23px;
	}
	#minna .saitama .andi_list .andi1 .title {
		background-image: url(../img/minna/interview/03_saitama/text_andi1.png);
		width: 249px;
		padding-top: 28px;
	}
	#minna .saitama .andi_list .andi2 .title {
		background-image: url(../img/minna/interview/03_saitama/text_andi2.png);
		width: 360px;
		padding-top: 25px;
	}
	#minna .saitama .andi_list .andi3 .title {
		background-image: url(../img/minna/interview/03_saitama/text_andi3.png);
		width: 337px;
		padding-top: 25px;
	}
}

/* minna_detail_body
--------------------------------------------- */
.minna_detail_body {
	width:740px;
	padding: 40px,0px;
	margin:20px auto;
	background-color: #fff;
	font-size:15px;
}
@media screen and (max-width: 667px) {
	.minna_detail_body {
		width:300px;
		padding: 20px 20px;
	}
}




/* minna_detail_category
--------------------------------------------- */
.minna_detail_category {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 667px) {
	.minna_detail_category {
		margin-bottom: 25px;
	}
}

.white_head_text{
	margin-bottom:30px;
}

/* -- item_title -- */
.minna_detail_category .item_title {
	line-height: 32px;
/*	color: #fff; */
	color: #000;
	font-size: 1.93em;
	font-weight: bold;
}
@media screen and (max-width: 667px) {
	.minna_detail_category .item_title {
		margin-bottom: 20px;
	}
}
*/ 旧ビオサポサイトCSSここまで-------------------- */

/* **CKEditor */
ul.CKEditorUL {
  margin-left: 1em;
}

ul.CKEditorUL li {
  padding-left: 15px;
  position: relative;
}

ul.CKEditorUL li::before {
  content: "・";
  left: 0;
  position: absolute;
  top: 0;
}

ol.CKEditorOL {
  list-style: decimal;
  padding-left: 25px;
  margin-left: 1em;
}

span.catch-text {
  font-size: 1.8rem;
  font-weight: bold;
}

span.read-text {
  font-size: 1.7rem;
}

span.go-to-top a {
  display: inline-block;
  line-height: 1.2;
  padding-left: 20px;
  position: relative;
}

span.go-to-top a::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #747474;
  border-top: 3px solid #747474;
  content: "";
  height: 12px;
  left: 2px;
  margin-top: 0;
  position: absolute;
  top: 0.43em;
  -webkit-transform: rotate(-45deg) scale(0.7);
  transform: rotate(-45deg) scale(0.7);
  width: 12px;
}

span.border-box {
  display: block;
  border: 1px solid #d8d8d8;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 20px 12px;
}

h1.CKEditorH1 {
  border-bottom: 3px solid #675e53;
	font-size: 3rem;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 3px;
	position: relative;
/*  color: #ed777a;	*/
}

h2.CKEditorH2 {
  border-bottom: 3px solid #c08915;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
/*  color: #ed777a;	*/
}

h3.CKEditorH3 {
  border-bottom: 1px solid #c08915;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 8px;
	position: relative;
/*  color: #ed777a;	*/
}

.CKEditor hr {
  border: 1px solid #d8d8d8;
	border-width: 1px 0 0 0;
}

.CKEditor a {
  text-decoration: underline;
}

.CKEditor a:hover {
  text-decoration: none;
}

.internal-link, .external-link, .anchor-link, .download-link {
  line-height: 1.2;
  padding-left: 20px;
  display: inline-block;
  text-decoration: underline;
  position: relative;
}
.internal-link:hover, .external-link:hover, .anchor-link:hover, .download-link:hover {
  text-decoration: none;
}
.internal-link::before {
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: -1px;
  -webkit-transform: rotate(45deg) scale(0.7);
  transform: rotate(45deg) scale(0.7);
}
.external-link::before {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  top: 4px;
  left: 3px;
  background: url(/excludes/biosapo/img/blunk-link-icon.png) no-repeat;
  background-size: cover;
}
.anchor-link::before {
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  content: "";
  width: 12px;
  height: 12px;
  top: 0;
  left: 2px;
  position: absolute;
  -webkit-transform: rotate(-45deg) scale(0.7);
  transform: rotate(-45deg) scale(0.7);
}
.download-link::before {
  content: "";
  width: 18px;
  height: 22px;
  position: absolute;
  top: -1px;
  left: -1px;
  background: url(/excludes/biosapo/img/pdf-icon.png) no-repeat;
  background-size: cover;
}

.CKEditor table {
  width: 100% !important;
}

.CKEditor table th,.CKEditor table td {
  border: 1px solid #bf8814;
  font-weight: normal;
  height: 50px;
  padding: 10px;
}

.CKEditor table th {
  background-color: #f9f3e7;
}

.CKEditor table th:first-child {
  width: 30%;
}