.p-menu--cookper {
  background-color: #fa8f00; }
  .p-menu--cookper .p-menu-hamburger {
    background-color: #fa8f00; }
  .p-menu--cookper .p-menu-list {
    background-color: #fa8f00;
    border-color: #ffcb85; }
    .p-menu--cookper .p-menu-list__item {
      background-color: #fa8f00;
      border-color: #ffcb85; }
  .p-menu--cookper .p-menu-sub::after {
    background-color: #fa8f00; }

@media (max-width: 768.98px) {
  .p-menu-media__img {
    width: 28.98936vw; } }

.p-pdlineup--cookper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .p-pdlineup--cookper .p-pdlineup__unit--pink {
    color: #e4007f; }
  .p-pdlineup--cookper .p-pdlineup__number {
    color: #e4007f; }
    .p-pdlineup--cookper .p-pdlineup__number::before {
      background-color: #e4007f; }
  .p-pdlineup--cookper .p-pdlineup__group-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 154px;
    flex: 0 0 154px;
    width: 154px;
    margin: 0 30px 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 25px;
    height: calc(100% - 25px); }
    .p-pdlineup--cookper .p-pdlineup__group-link .c-btn {
      min-width: 154px;
      padding: 7px 10px 6px;
      display: block;
      font-size: 12px;
      letter-spacing: 0.01em;
      margin-bottom: 15px; }
      .p-pdlineup--cookper .p-pdlineup__group-link .c-btn:last-child {
        margin-bottom: 0; }
      .p-pdlineup--cookper .p-pdlineup__group-link .c-btn--outline-cookper-pink {
        border-color: #e4007f; }
        .p-pdlineup--cookper .p-pdlineup__group-link .c-btn--outline-cookper-pink:hover, .p-pdlineup--cookper .p-pdlineup__group-link .c-btn--outline-cookper-pink:focus {
          color: #ffffff;
          background-color: #e4007f; }
      .p-pdlineup--cookper .p-pdlineup__group-link .c-btn--outline-gray {
        border-color: #d4d4d4; }
        .p-pdlineup--cookper .p-pdlineup__group-link .c-btn--outline-gray:hover, .p-pdlineup--cookper .p-pdlineup__group-link .c-btn--outline-gray:focus {
          color: #ffffff;
          background-color: #d4d4d4; }
  .p-pdlineup--cookper .p-pdlineup__stores {
    padding-top: 22px; }
  .p-pdlineup--cookper .p-pdlineup__product {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .p-pdlineup--cookper .p-pdlineup__product-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; }
  .p-pdlineup--cookper .p-pdlineup__imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 379px;
    flex: 0 0 379px;
    width: 379px;
    padding: 22px 0 0 32px;
    height: calc(100% - 22px); }
    .p-pdlineup--cookper .p-pdlineup__imgs--reset {
      height: auto;
      padding-top: 0; }
    .p-pdlineup--cookper .p-pdlineup__imgs img {
      width: auto;
      max-width: 100%; }
    .p-pdlineup--cookper .p-pdlineup__imgs--center {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0; }





@media (max-width: 768.98px) {
  .p-pdlineup--cookper {
    margin-top: 9.30851vw; }
    .p-pdlineup--cookper .p-pdlineup__product {
      padding-bottom: 8.90957vw;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
      .p-pdlineup--cookper .p-pdlineup__product-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto; }
    .p-pdlineup--cookper .p-pdlineup__group-link {
      display: block;
      padding: 0;
      height: auto;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      width: 100%; }
      .p-pdlineup--cookper .p-pdlineup__group-link .c-btn {
        width: 41.62234vw;
        margin: 0 auto;
        font-size: 3.19149vw;
        font-weight: bold;
        margin-bottom: 4.25532vw; }
        .p-pdlineup--cookper .p-pdlineup__group-link .c-btn:last-child {
          margin-bottom: 0; }
    .p-pdlineup--cookper .p-pdlineup__imgs {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      padding: 0;
      height: auto;
      margin: 10.6383vw 0 3.98936vw;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .p-pdlineup--cookper .p-pdlineup__imgs img {
        max-width: 100%; }
      .p-pdlineup--cookper .p-pdlineup__imgs--center {
        padding: 0; }
      .p-pdlineup--cookper .p-pdlineup__imgs + .p-pdlineup__group-link {
        margin-top: 5.98404vw; }
  .p-pdlineup .p-pdlineup__unit {
    display: block;
    padding: 0;
    line-height: 3;
    font-size: 2.79255vw;
    margin: 5.31915vw 0 0 0; }
  .p-pdlineup .p-pdlineup__stores {
    padding-top: 0; }
    .p-pdlineup .p-pdlineup__stores .store-list {
      padding-bottom: 6.38298vw; } }

.recvideo-item {
  display: block;
  width: 450px;
  margin-left: auto;
  margin-right: auto; }
  .recvideo-item__icon {
    position: relative;
    display: block;
    width: 450px;
    height: 263px; }
    .recvideo-item__icon img {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 20px; }
    .recvideo-item__icon::before {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      border-radius: 20px; }
    .recvideo-item__icon::after {
      content: "";
      width: 100px;
      height: 100px;
      background: url(/saran/assets/images/common/icon_play.png) 0 0 no-repeat;
      background-size: 100% auto;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .recvideo-item__txt {
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 1.625;
    letter-spacing: 0.08em;
    color: #ffffff;
    padding-top: 18px; }

@media (max-width: 768.98px) {
  .recvideo-item {
    width: 100%; }
    .recvideo-item__icon {
      width: 100%;
      height: 50.79787vw; }
      .recvideo-item__icon img {
        width: 100%;
        height: 100%;
        border-radius: 3.98936vw; }
      .recvideo-item__icon::before {
        border-radius: 3.98936vw; }
      .recvideo-item__icon::after {
        width: 19.41489vw;
        height: 19.54787vw;
        background: url(/saran/assets/images/common/icon_play_sp.png) 0 0 no-repeat;
        background-size: 19.41489vw 19.54787vw; }
    .recvideo-item__txt {
      padding-top: 6.64894vw;
      font-size: 3.7234vw;
      line-height: 1.5;
      letter-spacing: 0.01em; } }

.c-table-cookper-wrap {
  border: 3px solid #e4007f;
  border-radius: 30px;
  overflow: hidden; }

.c-table-cookper {
  width: 100%;
  border-collapse: collapse; }
  .c-table-cookper th,
  .c-table-cookper td {
    border: 1px solid #c6c6c6;
    vertical-align: middle;
    padding: 13px 15px 12px;
    letter-spacing: 0.08em; }
  .c-table-cookper thead th {
    background-color: #ffffff;
    font-size: 18px;
    line-height: 1.85714;
    text-align: center;
    padding: 30px 15px 27px;
    border-top: 1px solid #edeafa;
    border-left: 1px solid #edeafa;
    border-right: 1px solid #edeafa; }
    .c-table-cookper thead th:nth-child(1) {
      background-color: #edeafa; }
  .c-table-cookper thead tr:first-child th:first-child {
    border-top-left-radius: 30px; }
  .c-table-cookper thead tr:first-child th:last-child {
    border-top-right-radius: 30px; }
  .c-table-cookper tbody th {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
    width: 280px;
    text-align: left; }
  .c-table-cookper tbody td {
    text-align: center;
    width: 378px;
    height: 68px; }
  .c-table-cookper tbody tr:nth-child(even) th {
    background-color: #e4007f; }
  .c-table-cookper tbody tr:nth-child(even) td {
    background-color: #fdeff7; }
  .c-table-cookper tbody tr:nth-child(odd) th {
    background-color: #e74ca7; }
  .c-table-cookper tbody tr:nth-child(odd) td {
    background-color: #fdeaf5; }
  .c-table-cookper tbody tr:last-child th:first-child {
    border-bottom-left-radius: 30px; }
  .c-table-cookper tbody tr:last-child th:last-child {
    border-bottom-right-radius: 30px; }
  .c-table-cookper__text-plain {
    font-size: 12px;
    color: #e4007f; }
  .c-table-cookper__o {
    color: #e4007f;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    position: relative; }
    .c-table-cookper__o::before {
      content: "";
      width: 21px;
      height: 21px;
      border: 4px solid #e4007f;
      display: inline-block;
      border-radius: 50%; }
    .c-table-cookper__o .c-table-cookper__sm {
      position: absolute;
      padding-left: 0;
      top: 50%;
      right: -28px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1; }
  .c-table-cookper__x {
    color: #552dcc;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block; }
    .c-table-cookper__x::before, .c-table-cookper__x::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 26px;
      height: 2px;
      background-color: #552dcc;
      z-index: 1; }
    .c-table-cookper__x::before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; }
    .c-table-cookper__x::after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      left: -38%; }
    .c-table-cookper__x + .c-table-cookper__text-plain {
      position: relative;
      top: 5px; }
  .c-table-cookper__sm {
    padding-left: 10px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1; }

@media (max-width: 768.98px) {
  .c-table-cookper-wrap {
    border-width: 0.66489vw 0 0.66489vw 0;
    border-radius: 0; }
  .c-table-cookper thead th {
    font-size: 3.19149vw;
    text-align: center;
    padding: 9.17553vw 2.39362vw 3.7234vw;
    line-height: 1.5; }
  .c-table-cookper thead tr:first-child th:first-child {
    border-top-left-radius: 0; }
  .c-table-cookper thead tr:first-child th:last-child {
    border-top-right-radius: 0; }
  .c-table-cookper tbody th,
  .c-table-cookper tbody td {
    padding: 1.32979vw 4.25532vw 1.32979vw;
    height: 20.74468vw;
    font-size: 3.19149vw;
    line-height: 1.3; }
  .c-table-cookper tbody td {
    padding-left: 1.32979vw;
    padding-right: 1.32979vw;
    width: 31.91489vw;
    height: 23.40426vw; }
  .c-table-cookper tbody th {
    width: 31.91489vw;
    letter-spacing: 0.08em;
    white-space: nowrap;
    padding-right: 2.65957vw; }
  .c-table-cookper tbody tr:last-child th:first-child {
    border-bottom-left-radius: 0; }
  .c-table-cookper tbody tr:last-child th:last-child {
    border-bottom-right-radius: 0; }
  .c-table-cookper__img01, .c-table-cookper__img02 {
    max-width: 100%;
    margin-bottom: 2.65957vw; }
  .c-table-cookper__o {
    font-size: 5.58511vw; }
    .c-table-cookper__o::before {
      content: "";
      width: 5.31915vw;
      height: 5.31915vw;
      border-width: 1.06383vw; }
    .c-table-cookper__o .c-table-cookper__sm {
      right: -7.57979vw; }
  .c-table-cookper__x {
    font-size: 7.71277vw;
    width: 5.05319vw;
    height: 5.05319vw; }
    .c-table-cookper__x::before, .c-table-cookper__x::after {
      content: "";
      position: absolute;
      width: 6.64894vw;
      height: 0.53191vw; }
    .c-table-cookper__x + .c-table-cookper__text-plain {
      top: 1.32979vw; }
  .c-table-cookper__text-plain {
    font-size: 2.65957vw;
    line-height: 1.55;
    letter-spacing: 0.08em; }
  .c-table-cookper__sm {
    font-size: 2.65957vw; } }

.note-cookper {
  font-size: 18px;
  line-height: 1.85714; }
  .note-cookper__item {
    display: table-row; }
  .note-cookper__cell {
    display: table-cell; }


/*--202510　小さい文字----*/
.note-cookper_small {
  font-size: 14px;
  line-height: 1.85714; }
  
/*--end of 小さい文字----*/

@media (max-width: 768.98px) {
  .note-cookper {
    font-size: 3.69149vw;
    letter-spacing: 0.08em;
    line-height: 1.75; }

/*--202510　小さい文字----*/
.note-cookper_small {
  font-size: 3.09149vw;
    letter-spacing: 0.08em;
    line-height: 1.75;  }
/*--end of 小さい文字----*/}
.block-other-product {
  padding: 73px 0 0; }
  .block-other-product .l-content {
    width: 1120px; }
  .block-other-product__title {
    text-align: center;
    margin-bottom: 40px; }
  .block-other-product__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: -1px 0 -1px  1px; }
  .block-other-product__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 1px);
    flex: 0 0 calc(33.333% - 1px);
    width: calc(33.333% - 1px);
    border-width: 1px 1px 1px 1px;
    border-color: #0066b3;
    border-style: dotted;
    margin: -1px 0 0 -1px;
    z-index: 1;
    position: relative; }
    .block-other-product__item:hover, .block-other-product__item:focus {
      z-index: 2; }
  .block-other-product__wrap {
    overflow: hidden; }

.other-product-box {
  text-align: center;
  display: block;
  border: 0;
  padding: 32px 0 16px; }
  .other-product-box__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0; }
    .other-product-box__photo img {
      max-width: 100%; }
  .other-product-box__title {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.01em;
    margin-top: 16px;
    font-weight: bold; }

@media (max-width: 768.98px) {
  .block-other-product {
    padding: 13.29787vw 0 1.32979vw; }
    .block-other-product .l-content {
      width: 100%; }
    .block-other-product__title {
      margin-bottom: 5.31915vw; }
      .block-other-product__title img {
        max-width: 100%; }
    .block-other-product__list {
      margin: 0 -3.19149vw; }
    .block-other-product__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      border: 0;
      margin: 0 0 14.62766vw;
      padding: 0 3.19149vw; }
  .other-product-box__photo {
    text-align: center; }
    .other-product-box__photo img {
      max-width: 100%; }
  .other-product-box__title {
    font-size: 3.7234vw;
    letter-spacing: 0.1em;
    margin: 2.65957vw 0 0;
    line-height: 1.37; } }

.block-other-product {
  padding: 73px 0 0; }
  .block-other-product .l-content {
    width: 1120px; }
  .block-other-product__title {
    text-align: center;
    margin-bottom: 40px; }
  .block-other-product__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: -1px 0 -1px  1px; }
  .block-other-product__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 1px);
    flex: 0 0 calc(33.333% - 1px);
    width: calc(33.333% - 1px);
    border-width: 1px 1px 1px 1px;
    border-color: #0066b3;
    border-style: dotted;
    margin: -1px 0 0 -1px;
    z-index: 1;
    position: relative; }
    .block-other-product__item:hover, .block-other-product__item:focus {
      z-index: 2; }
  .block-other-product__wrap {
    overflow: hidden; }

.other-product-box {
  text-align: center;
  display: block;
  border: 0;
  padding: 32px 0 16px; }
  .other-product-box__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0; }
    .other-product-box__photo img {
      max-width: 100%; }
  .other-product-box__title {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.01em;
    margin-top: 16px;
    font-weight: bold; }

@media (max-width: 768.98px) {
  .block-other-product {
    padding: 13.29787vw 0 1.32979vw; }
    .block-other-product .l-content {
      width: 100%; }
    .block-other-product__title {
      margin-bottom: 5.31915vw; }
      .block-other-product__title img {
        max-width: 100%; }
    .block-other-product__list {
      margin: 0 -3.19149vw; }
    .block-other-product__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      border: 0;
      margin: 0 0 14.62766vw;
      padding: 0 3.19149vw; }
  .other-product-box__photo {
    text-align: center; }
    .other-product-box__photo img {
      max-width: 100%; }
  .other-product-box__title {
    font-size: 3.7234vw;
    letter-spacing: 0.1em;
    margin: 2.65957vw 0 0;
    line-height: 1.37; } }

.p-recommended .c-btn-recommended {
  border-color: #e4007f; }
  .p-recommended .c-btn-recommended:hover, .p-recommended .c-btn-recommended:focus {
    background-color: #e4007f;
    color: #ffffff; }

.p-recommended__title {
  color: #e4007f; }
  .p-recommended__title::after {
    background-color: #e4007f; }

@media (min-width: 769px) {
  .p-recommended {
    margin-top: 53px; }
    .p-recommended .c-btn-recommended {
      border-color: #e4007f; }
      .p-recommended .c-btn-recommended:hover, .p-recommended .c-btn-recommended:focus {
        background-color: #e4007f;
        color: #ffffff; }
    .p-recommended__title {
      color: #e4007f; }
      .p-recommended__title::after {
        background-color: #e4007f; }
    .p-recommended .p-pdlineup__product {
      padding-right: 12px; }
  .p-pdlineup {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset; } }
  @media all and (min-width: 769px) and (-ms-high-contrast: none) {
    .p-pdlineup *::-ms-backdrop, .p-pdlineup {
      -ms-flex-align: start;
      align-items: flex-start; } }

@media (min-width: 769px) {
    .p-pdlineup__title {
      position: relative;
      top: -5px; }
    .p-pdlineup__rec {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 10px; }
    .p-pdlineup__imgs + .p-pdlineup__thumb {
      padding-left: 30px; }
    .p-pdlineup--recommended .p-pdlineup__imgs {
      padding-top: 0;
      padding-bottom: 0;
      width: 290px; }
      .p-pdlineup--recommended .p-pdlineup__imgs--auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto; }
        .p-pdlineup--recommended .p-pdlineup__imgs--auto img {
          max-width: 100%; }
    .p-pdlineup--recommended .p-pdlineup__btn {
      margin-top: 12px; } }

@media (max-width: 768.98px) {
  .p-recommended {
    margin-top: 7.18085vw; }
  .p-pdlineup__thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    text-align: center; }
    .p-pdlineup__thumb img {
      max-width: 100%; }
  .p-pdlineup__btn {
    text-align: center;
    margin: 6.64894vw 0 5.31915vw; }
    .p-pdlineup__btn .c-btn-recommended {
      min-width: 55.31915vw; }
  .p-pdlineup--recommended .p-pdlineup__product {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .p-pdlineup--recommended .p-pdlineup__imgs img {
    width: auto;
    max-width: 100%; } }

.block-main-thumb {
  padding: 113px 0 99px; }
  .block-main-thumb__title {
    font-size: 33px;
    letter-spacing: 0.08em;
    line-height: 1.42em;
    color: #e4007f; }
  .block-main-thumb__content {
    padding: 0 53px 0 80px; }
  .block-main-thumb__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .block-main-thumb__img img {
      max-width: 100%; }
  .block-main-thumb__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 769px) {
      .block-main-thumb__wrap--center .block-main-thumb__content {
        padding-right: 5px; }
      .block-main-thumb__wrap--center .block-main-thumb__img {
        text-align: center; } }

@media (max-width: 768.98px) {
  .block-main-thumb {
    padding: 13.69681vw 0 19.81383vw; }
    .block-main-thumb__wrap {
      display: block;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .block-main-thumb__title {
      font-size: 6.64894vw;
      margin-bottom: 17.28723vw; }
      .block-main-thumb__title img {
        display: block;
        margin: 0;
        max-width: 100%; }
    .block-main-thumb__content {
      padding: 0; }
      .block-main-thumb__content img {
        display: block;
        margin: 0; }
    .block-main-thumb__img {
      text-align: center; } }

.block-feature {
  background: #e4007f;
  padding: 52px 0 77px; }
  @media (min-width: 769px) {
    .block-feature .l-content {
      width: 960px; } }
  .block-feature__title {
    text-align: center;
    margin-bottom: 50px; }
  .block-feature__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -24px;
    margin-right: -24px;}
  .block-feature__item {
    padding: 0 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .block-feature__number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    color: #ffffff;
    width: 52px;
    height: 52px;
    border-radius: 52px;
    border: 2px solid #ffffff;
    font-size: 28px;
    line-height: 1; }
    @media all and (-ms-high-contrast: none) {
      .block-feature__number *::-ms-backdrop, .block-feature__number {
        padding-top: 12px; } }
  .block-feature__des {
    border-top: 1px dotted #ffffff;
    font-size: 18px;
    line-height: 1.625;
    color: #ffffff;
    margin: 33px 0 0 0;
    padding: 26px 0 0 0;
    font-weight: bold; }
  .block-feature__box {
    text-align: center; }

.block-p-a {
  padding: 75px 0 95px; 
}
.table_under{margin-top:1rem;}

  @media (min-width: 769px) {
    .block-p-a .l-content {
      width: 1024px; } 
	  
	  .block-p-a__note-box {
      padding: 1.06383vw 7.04787vw;}
      .block-p-a__note-box .note-cookper {
        margin-top: 7.18085vw; }
        .block-p-a__note-box .note-cookper:nth-child(2) {
          margin-top: 1.71809vw;}
	  
	 .block-p-a__note-box_small {
      padding: 1.06383vw 5.54787vw;
	  }   
}
  
.block-p-a__note-box {
    padding: 4px 25px 0; }
    .block-p-a__note-box .note-cookper {
      margin-top: 5px; }
.block-p-a__note-box_small {
    margin: 4px 25px 0; }

.se{display:flex;}   
.se area{width:100px!important;
}
.se img{border-radius:15px;}

@media (max-width: 768.98px) {
.se{display:block;}   
.se area{width:100%!important;
	background-color:aquamarine;}
.se img{width:100%;
	border-radius:15px;
}	
	
	
h3.second{
	font-size: 4.30851vw;
	font-weight:bold;
	padding:20px 3px 5px 3px;
	border-bottom:2px #ccc dotted;
}
	
	
	
}


.block-howto {
  padding: 0 0 93px; }




  @media (min-width: 769px) {
	  h3.second{
	font-size:23px;
	font-weight:bold;
	padding:10px 0 15px 0;
	border-bottom:2px #ccc dotted;
}
    .block-howto .l-content {
      width: 1024px; } }
  .block-howto__title {
    border-bottom: 2px solid #e4007f;
    padding-bottom: 9px;
    margin-bottom: 45px; }
  .block-howto__title01, .block-howto__title02, .block-howto__title03 {
    text-align: center;
    margin-bottom: 41px; }
  .block-howto__des-r {
    text-align: right;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.08em; }
  .block-howto__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -44px;
    margin-right: -44px; }
    .block-howto__list + .block-howto__des-r {
      margin-top: -15px;
      margin-right: 34px; }
    .block-howto__list--lf {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
  .block-howto__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 44px;
    margin-bottom: 50px; }
  .block-howto__sec01 {
    padding-bottom: 62px; }
  .block-howto__sec03 {
    padding: 49px 0 16px; }
  .block-howto__btn-full {
    display: block;
    background-color: #e4007f;
    border-color: #e4007f;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.01em;
    max-width: 484px;
    margin: 0 auto;
    padding: 18px 30px 15px; }
    .block-howto__btn-full:hover, .block-howto__btn-full:focus {
      background-color: #ffffff;
      border-color: #e4007f;
      color: #e4007f; }

.howto-box {
  text-align: center;
  max-width: 312px;
  width: 312px; }
  .howto-box__photo {
    border-radius: 20px;
    overflow: hidden;
    line-height: 1;
    margin-bottom: 18px; }
    .howto-box__photo img {
      border-radius: inherit;
      border: 1px solid #dcdcdc;
      display: block;
      margin: 0 auto; }
  .howto-box__title {
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.08em; }
    .howto-box__title-sub {
      display: block;
      font-size: 14px;
      line-height: 1.71429;
      margin-bottom: 2px; }
    .howto-box__title + .howto-box__btn {
      margin-top: 25px; }
  .howto-box__btn .c-btn {
    border-color: #e4007f;
    color: #e4007f;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px; }
    .howto-box__btn .c-btn:hover, .howto-box__btn .c-btn:focus {
      background-color: #e4007f;
      color: #ffffff; }

/*----brown------*/

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.block-howto-left{
	float:left;
	width:66%;
	height:auto;
	padding-bottom:50px;
	text-align:center;
	 }

.block-howto-right{
	float:right;
	width:31%;
	height:auto;
	padding-bottom:50px;
}

.block-howto-center{
	width:66%;
	margin:auto auto;
}


.block-howto_frame{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-left: -22px;
    margin-right: -22px;
}


.block-float__item {
    padding: 0 10px;
    margin-bottom: 20px;
}
.block-float__item_s {
    padding: 0;
    margin-bottom: 20px;
}

 .brown_howto-box__title {
	 text-align:center;
	 color:#ff0000;
	 padding:23px 0;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.08em; }

.brown_howto-box__title span{color:#000;}


.brown_howto-box__title-sub {
      display: block;
      font-size: 14px;
      line-height: 1.71429;
      margin-bottom: 2px; }

.brown_howto-box__btn .c-btn {
    border-color: #e4007f;
    color: #e4007f;
	margin:auto auto;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px; }
   .brown_howto-box__btn .c-btn:hover, .howto-box__btn .c-btn:focus {
      background-color: #e4007f;
      color: #ffffff; }


@media (max-width: 768.98px){
	
.block-howto-left{
	dispay:block;
	width:100%;
	height:auto;
	padding-bottom:4.90426vw;
	text-align:center;
	 }

.block-howto-right{
	dispay:block;
	width:100%;
	height:auto;
	padding-bottom:4.90426vw;
}

.block-howto-center{
	width:100%;
	margin:auto auto;
	height:auto;
}
.block-howto_frame{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-left: -1.19149vw;
    margin-right: -1.19149vw;
}


.block-float__item {
	width:50%;
    padding: 0 1vw 1.19149vw;
    margin-bottom: 4.90426vw;
}
.block-float__item_s {
    padding: 0;
    margin-bottom: 4.90426vw;
}	
	}

/*---end of brown-------*/







.block-video {
  background-color: #014099;
  padding: 47px 0 96px; }
  .block-video__title {
    text-align: center;
    margin-bottom: 38px; }
  .block-video__box {
    text-align: center; }

.block-pdlineup {
  padding: 75px 0 0 0; }
  @media (min-width: 769px) {
    .block-pdlineup .l-content {
      width: 1030px; } }
  .block-pdlineup__title {
    text-align: center; }
  .block-pdlineup__title02 {
    text-align: center; }

@media (max-width: 768.98px) {
  .block-main-thumb__title img {
    max-width: 100%; }
  .block-main-thumb__img img {
    max-width: 100%; }
  .block-feature {
    padding: 10.90426vw 0 1.32979vw 0; }
    .block-feature__title {
      margin-bottom: 13.96277vw; }
      .block-feature__title img {
        max-width: 100%;
        display: block;
        margin: 0 auto; }
    .block-feature__list {
      margin-left: -3.19149vw;
      margin-right: -3.19149vw;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .block-feature__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 3.19149vw;
      margin-bottom: 10.90426vw; }
    .block-feature__number {
      width: 19.54787vw;
      height: 19.54787vw;
      font-size: 9.30851vw;
      border-radius: 50%;
      border-width: 0.53191vw; } }
    @media all and (max-width: 768.98px) and (-ms-high-contrast: none) {
      .block-feature__number *::-ms-backdrop, .block-feature__number {
        padding-top: 5.05319vw; } }

@media (max-width: 768.98px) {
    .block-feature__des {
      font-size: 3.7234vw;
      letter-spacing: 0.08em;
      line-height: 2.1;
      margin: 7.18085vw 0 0 0;
      padding: 4.65426vw 0 0 0;
      white-space: nowrap; }
  .block-p-a {
    padding: 17.15426vw 0 13.29787vw; }
    .block-p-a .l-container {
      padding: 0; }
    
      .block-p-a img {
        max-width: 100%;
        display: block;
        margin: 0 auto; 
}
 
      
  .block-howto {
    padding-bottom: 13.29787vw; }
    .block-howto__title {
      padding-bottom: 3.32447vw;
      margin-bottom: 8.24468vw;
      border-bottom: 0.53191vw solid #e4007f; }
      .block-howto__title img {
        max-width: 100%; }
    .block-howto__title01 {
      margin-bottom: 7.97872vw; }
      .block-howto__title01 img {
        max-width: 100%; }
    .block-howto__title02 {
      margin-bottom: 13.29787vw; }
      .block-howto__title02 img {
        max-width: 100%; }
    .block-howto__title03 {
      margin-bottom: 8.7766vw; }
      .block-howto__title03 img {
        max-width: 100%; }
    .block-howto__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: 9.57447vw; }
    .block-howto .block-howto__des-r {
      font-size: 3.19149vw;
      line-height: 1; }
    .block-howto__list .block-howto__des-r {
      margin-top: -1.06383vw;
      margin-right: 1.72872vw; }
    .block-howto__sec01 {
      padding-bottom: 18.21809vw; }
    .block-howto__sec02 {
      padding-bottom: 1.99468vw; }
    .block-howto__sec03 {
      padding-bottom: 1.59574vw;
      margin-top: -6.11702vw; }
    .block-howto__btn-full {
      font-size: 3.19149vw;
      padding: 3.7234vw 3.98936vw 3.32447vw; }
  .howto-box {
    width: 100%;
    max-width: 100%; }
    .howto-box__title {
      margin-top: 4.52128vw;
      font-size: 3.45213vw;
      line-height: 1.2; }
      
      .howto-box__title + .howto-box__btn {
        margin-top: 5.98404vw; }
        .howto-box__title + .howto-box__btn--mt-sp {
          margin-top: 19.54787vw; }
        .howto-box__title + .howto-box__btn .c-btn {
          font-size: 3.19149vw; }
    .howto-box__photo {
      border-radius: 3.98936vw;
      margin: 0 auto;
      max-width: 50.79787vw; }
      .howto-box__photo img {
        max-width: 100%;
        border-width: 0.39894vw; }
  .block-video {
    padding: 13.29787vw 0 17.81915vw; }
    .block-video__title {
      text-align: center;
      margin-bottom: 10.6383vw; }
      .block-video__title img {
        width: 73.53723vw;
        max-width: 100%; }
    .block-video__box {
      text-align: center; }
  .block-pdlineup {
    padding: 19.41489vw 0 2.26064vw 0; }
    .block-pdlineup__title {
      margin-top: 0;
      margin-bottom: 10.37234vw; }
      .block-pdlineup__title img {
        max-width: 100%; } }


/*---20251001----*/

.product-usage-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /*--justify-content: space-between;--*/
  margin-bottom: 50px;
margin-top: 50px;}

.product-usage-grid__item {
    width: 35%;
    padding: 0 52px 0 0; 
}

.product-usage-grid__item:last-child{
    width: 30%;
    padding: 0 0 0 0; 
}

.product-usage-grid__item .product-usage-box__photo {
      position: relative; }
.product-usage-grid__item .product-usage-box__photo::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -48px;
        width: 36px;
        height: 25px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(/saran/assets/images/products/cookper/arrow_cookper_usage.png) no-repeat center center;
        background-size: 36px auto; }
.product-usage-grid__item:last-child .product-usage-box__photo:after {
      display: none; }

.product-usage-grid .product-usage-box__title {
    margin: -15px 0 15px; }
.product-usage-grid .product-usage-box__photo {
    margin-bottom: 22px; }
.product-usage-grid .product-usage-box__photo img {
      border-radius: 20px;
      border: 1px solid #dcdcdc; }
.product-usage-grid .product-usage-box__des {
    font-size: 18px; }


/*---table----*/
.block-timer__table {
    margin-bottom: 33px; }
.block-timer__table table {
      border-radius: 15px;
      border: 3px solid #d82f9b;
      display: block;
      overflow: hidden;
      border-collapse: collapse; }
.block-timer__table thead {
      font-weight: bold;
      background: #fce5f2; }
.block-timer__table thead td.small {
        width: 236px;
        padding: 15px 0;
        border-left: 2px solid #ffffff !important; }
.block-timer__table thead td.largest {
        width: 850px; }
.block-timer__table td {
      border: 1px solid #e1e1e1;
      font-size: 18px;
      text-align: center;
      padding: 10px 0; }
.block-timer__table td.first-col {
        width: 323px; }

/*---end of table----*/


@media (max-width: 768.98px) {
/*---table----*/
.block-timer__table {
    margin-bottom: 1vw; }


.block-timer__table thead td.small {
        
        padding: 15px 0;
        border-left: 2px solid #ffffff !important; }
	
.block-timer__table thead td.largest {
       }
.block-timer__table td {
      border: 1px solid #e1e1e1;
      font-size: 3.7234vw; 
      text-align: center;
      padding: 1vw 0; }
.block-timer__table td.first-col {
         }	
	
	

.product-usage-grid {
    margin-bottom: 5.31915vw; }
 .product-usage-grid__item {
      width: 100%;
      padding: 0;
      margin-bottom: 7.31383vw; }
	
.product-usage-grid__item:last-child {
      width: 100%;
      padding: 0;
      margin-bottom: 7.31383vw; }	
	
.product-usage-grid__item .product-usage-box__photo::after {
        display: none; }
.product-usage-grid .product-usage-box__title {
      margin: 0 0 5.31915vw 0; }
.product-usage-grid .product-usage-box__title img {
        max-width: 18.35106vw; }
.product-usage-grid .product-usage-box__photo {
      margin-bottom: 5.31915vw;
      text-align: center; }
.product-usage-grid .product-usage-box__photo img {
        width: 50vw;
        margin: 0 auto;
        border-radius: 2.65957vw;
        border: 0.39894vw solid #dcdcdc; }
.product-usage-grid .product-usage-box__des {
      font-size: 3.7234vw; }
.p-pdlineup--cookper .p-pdlineup__number--modified {
    line-height: 5.31915vw; }
.p-pdlineup--cookper .p-pdlineup__number--modified:before {
      top: 13.96277vw; } }


/*--end of 20251001-----*/