@charset "UTF-8";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
/*==================================================================*/
/* 玄米酵素F100 css */
/*==================================================================*/
/* 基本スタイル
---------------------------------------------------------------------------- */
/*===========================================================================*/
/*  common  */
/*===========================================================================*/
/* リセット
---------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: normal;
  word-break: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

img {
  max-width: 100%;
  height: auto;
  line-height: 0;
}

/* ハック
---------------------------------------------------------------------------- */
/* letter-spacing hack */
@media screen {
  body {
    letter-spacing: 0.5px;
  }

  br {
    letter-spacing: 0;
  }
}
/* height100% hack */
body > #container {
  height: auto;
}

/* リンク
---------------------------------------------------------------------------- */
a {
  overflow: hidden;
  color: #000;
  outline: none;
}

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

a:hover img,
.btn a:hover {
  opacity: 0.7;
}

b {
  font-weight: bold;
}

span.underline {
  font-weight: bold;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ffdde1 40%) repeat scroll 0 100%;
}

/* 基本スタイル
---------------------------------------------------------------------------- */
html {
  overflow: auto;
}

body {
  height: 100%;
  color: #000;
  font-family: "Segoe UI" , SegoeUI,"Malgun Gothic", Gulim , sans-serif;
  font-size: .9em;
  font-weight: 500;
  line-height: 1.7;
  border-top: 8px solid #a37e38;
}

/* マウスドラッグ時のテキストカラー
---------------------------------------------- */
::selection {
  background: #255e9e;
  color: #fff;
}

/* Firefox */
::-moz-selection {
  background: #255e9e;
  color: #fff;
}

/*===========================================================================*/
/*  item f100 style css  */
/*===========================================================================*/
#item-f100 {
  font-size: 1em!important;
  /* 共通
  ---------------------------------------------- */
  /* page-link
  ---------------------------------------------------------------------------- */
  /* section
  ---------------------------------------------------------------------------- */
  /* 玄米酵素F100について
  ---------------------------------------------------------------------------- */
  /* 召し上がり方（目安量・タイミング）
  ---------------------------------------------------------------------------- */
  /* 商品説明
  ---------------------------------------------------------------------------- */
  /* 玄米酵素プチ断食にチャレンジした人たちの感想
  ---------------------------------------------------------------------------- */
  /* 玄米酵素F100の特徴
  ---------------------------------------------------------------------------- */
  /* 安心安全へのこだわり
  ---------------------------------------------------------------------------- */
}
#item-f100 table {
  margin: 0 auto 2.5em;
  border: 1px solid white;
  width: 100%;
}
#item-f100 table th {
  width: 20%;
  padding: 10px 15px;
  border: 1px solid white;
  background: #fbffbf;
  text-align: left;
}
#item-f100 table td {
  padding: 10px;
  border: 1px solid white;
  background: #f6f6f6;
}
#item-f100 table td em {
  font-weight: bold;
  color: #ff3b50;
}
#item-f100 footer {
  padding: 2em 0;
  border-top: 1px solid #e2e2e2;
}
#item-f100 footer .inblock {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#item-f100 .contents {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
}
#item-f100 .bg-area {
  background: url("../../img/bg_area.jpg") no-repeat 100% 0;
}
#item-f100 .logo {
  padding: 1em 0;
}
#item-f100 .inblock {
  width: 95%;
  margin: 0 auto 3em;
}
#item-f100 .sub-t {
  margin-bottom: 2em;
  padding: 0.5em 1em;
  background: #a37e38;
  color: #fff;
}
#item-f100 .sub-t h2 {
  font-size: 1.5em;
  font-weight: bold;
  border-left: 5px solid white;
  padding-left: 1em;
  line-height: 1.2em;
}
#item-f100 .h3-title {
  margin-bottom: 1em;
  padding: 0.5em;
  border-bottom: 1px solid #a37e38;
}
#item-f100 .h3-title h3 {
  border-left: 8px solid #a37e38;
  padding: 0.25em 0.5em;
  font-weight: bold;
  font-size: 1.4em;
}
#item-f100 .fig {
  text-align: center;
}
#item-f100 .fig span {
  display: block;
  font-size: 0.8em;
  text-align: left;
}
#item-f100 .btn a,
#item-f100 .pdf a {
  padding: 0.5em 1.5em;
  display: block;
  border: 1px solid #a37e38;
  color: #a37e38;
  font-weight: bold;
  text-decoration: none;
}
#item-f100 .btn {
  display: inline-block;
}
#item-f100 .btn a:before {
  content: "\f105";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
}
#item-f100 .pdf {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
#item-f100 h1 {
  margin-bottom: 2em;
}
#item-f100 sup {
  font-size: .7em;
  font-weight: normal;
  vertical-align: top;
  position: relative;
  top: .3em;
}
#item-f100 .day {
  margin-bottom: 1em;
  font-size: .9em;
}
#item-f100 .page-link {
  padding: 1em 2em;
  border: 1px solid #878785;
  margin-bottom: 4em;
  background-color: rgba(255, 255, 255, 0.7);
}
#item-f100 .page-link p {
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
}
#item-f100 .page-link li {
  margin-bottom: 1em;
}
#item-f100 .page-link li i {
  margin-right: 0.5em;
  color: #ff3b50;
}
#item-f100 section {
  margin-bottom: 4em;
}
#item-f100 section p {
  margin-bottom: 1em;
}
#item-f100 #about ul.photo {
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
}
#item-f100 #about ul.photo li {
  margin: 0 0.5em;
  text-align: center;
}
#item-f100 #about ul.photo li span {
  display: block;
}
#item-f100 #about .pg-link i {
  color: #ff3b50;
}
#item-f100 #about .osusume {
  margin-bottom: 2em;
}
#item-f100 #about .osusume h2 {
  margin-bottom: 1em;
}
#item-f100 #about .osusume .waku {
  padding: 3em 2em;
  border: 3px solid #e1e1e1;
  background: url("../../img/img_osusume.jpg") no-repeat 0 0;
}
#item-f100 #about .osusume .waku ul {
  width: 50%;
  margin: 0 0 0 auto;
}
#item-f100 #about .osusume .waku ul li {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  text-indent: -1.25em;
  margin-left: 1.25em;
}
#item-f100 #about .osusume .waku ul li:before {
  content: "\f046";
  font-family: "FontAwesome";
  padding: 0 0 0 7px;
  color: #ff3b50;
}
#item-f100 .bikou em {
  display: block;
  font-weight: bold;
  color: #f28329;
}
#item-f100 .caution {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto 4em;
  border: 1px solid #b45347;
  padding: 1em 2em;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
#item-f100 .caution p.ic {
  margin-right: 1em;
}
#item-f100 .caution p {
  margin-bottom: 0.8em;
}
#item-f100 .caution p span {
  display: block;
}
#item-f100 .caution .more {
  margin: 0;
}
#item-f100 .caution .more a {
  text-decoration: underline;
  color: #b45347;
}
#item-f100 .caution .more a:after {
  color: #b45347;
  content: "\f1c1";
  font-family: "FontAwesome";
  padding: 0 5px 0 0;
}
#item-f100 #timing .howto p {
  float: right;
}
#item-f100 #timing .howto dl {
  margin-bottom: 2em;
}
#item-f100 #timing .howto dl dt {
  font-size: 1.1em;
  margin-bottom: 0.8em;
  font-weight: bold;
}
#item-f100 #timing .howto dl dt:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
#item-f100 #timing .howto dl dd ul {
  display: flex;
  justify-content: space-between;
}
#item-f100 #timing .howto dl dd ul li {
  text-align: center;
}
#item-f100 #timing .howto dl dd ul li span {
  display: block;
}
#item-f100 #timing .point {
  font-weight: bold;
  color: #ff3b50;
}
#item-f100 #timing .point em {
  margin-right: 0.5em;
  background: #ff3b50;
  color: #fff;
  padding: 0.25em 1em;
}
#item-f100 #timing .meyasu {
  margin: 2em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#item-f100 #timing .meyasu p {
  margin: 0;
}
#item-f100 #timing .meyasu dl {
  margin-left: 1em;
}
#item-f100 #timing .meyasu dl dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}
#item-f100 #timing .note {
  border: 1px solid #ff3b50;
  color: #ff3b50;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.5em 1em;
}
#item-f100 #timing .eat dl {
  margin-bottom: 2em;
}
#item-f100 #timing .eat dl dt {
  margin-bottom: 1em;
  padding: 0.5em;
  background: #f0f0f0;
  font-size: 1.2em;
}
#item-f100 #timing .eat dl dt em {
  color: #ff3b50;
}
#item-f100 #timing .eat dl dt:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
#item-f100 #timing .eat dl dd .video {
  margin-bottom: 2em;
  position: relative;
  width: 80%;
  padding-top: 56.25%;
}
#item-f100 #timing .eat dl dd .video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#item-f100 #timing .read {
  margin-bottom: 1em;
  text-align: center;
}
#item-f100 .product {
  margin-bottom: 1em;
  padding: 1em 1.5em;
  border: 2px solid #878785;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#item-f100 .product .photo {
  width: 35%;
}
#item-f100 .product .txt-area {
  width: 64%;
}
#item-f100 .product .txt-area h2 {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.8em;
}
#item-f100 .product .txt-area h2 a:hover {
  text-decoration: none;
}
#item-f100 .product .txt-area dl {
  font-size: 0.95em;
  margin-bottom: 0.25em;
  display: flex;
  justify-content: flex-start;
}
#item-f100 .product .txt-area dl dt {
  width: 20%;
}
#item-f100 .product .txt-area dl dd {
  width: 80%;
}
#item-f100 #impressions dl {
  margin-bottom: 1em;
  padding: 1em 0;
  border-bottom: 1px dotted #cccccc;
}
#item-f100 #impressions dl dt {
  font-weight: bold;
  color: #ff3b50;
  font-size: 1.1em;
}
#item-f100 #impressions dl dt i {
  font-size: 1.5em;
}
#item-f100 #impressions dl dt span {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.25em 0.5em;
  background: #ffecee;
  color: #ff6777;
  font-size: 0.8em;
}
#item-f100 #impressions .question h4 {
  margin-bottom: 1em;
  font-size: 1.2em;
}
#item-f100 #impressions .question h4 em {
  margin-right: 0.25em;
  font-weight: bold;
  color: #ff3b50;
  font-size: 1.8em;
}
#item-f100 #tokucho .t-tokucho {
  margin-bottom: 2em;
}
#item-f100 #tokucho .t-tokucho h3 {
  padding: 0.25em 0.5em 0.25em 4em;
  border-top: 1px solid #ff6777;
  border-bottom: 1px solid #ff6777;
  position: relative;
  font-size: 1.8em;
}
#item-f100 #tokucho .t-tokucho h3 img {
  position: absolute;
  top: -15px;
  left: 0;
}
#item-f100 #tokucho .box {
  margin-bottom: 4em;
}
#item-f100 #tokucho .box h4 {
  margin-bottom: 1em;
  font-size: 1.3em;
  font-weight: bold;
}
#item-f100 #tokucho .box h4:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
#item-f100 #tokucho .column {
  background: url("../img/bg_column.gif") repeat 0 0;
  padding: 2em;
}
#item-f100 #tokucho .column h3 {
  margin-bottom: 1em;
}
#item-f100 #tokucho .column .teacher {
  margin: 0 0 0 auto;
  display: flex;
  justify-content: flex-end;
  font-size: 0.9em;
  align-items: center;
}
#item-f100 #tokucho .column .teacher .photo {
  margin-right: 0.5em;
}
#item-f100 #tokucho .column .txt {
  margin-bottom: 2em;
}
#item-f100 #kodawari .inner {
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
}
#item-f100 #kodawari .inner .txt {
  width: 60%;
}
#item-f100 #kodawari .inner .txt h3 {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}
#item-f100 #kodawari .inner .txt h3:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
#item-f100 #kodawari .inner .txt .iso {
  float: right;
}
#item-f100 #kodawari .inner .photo {
  width: 38%;
}
#item-f100 .kiji h2 {
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: bold;
}
#item-f100 .kiji ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#item-f100 .kiji ul li {
  width: 18%;
  margin: 1%;
}
#item-f100 .kiji ul li span {
  display: block;
  font-size: 0.8em;
}

#item-detail .intro {
  margin-top: 3em!important;
}

/*==================================================================*/
/* F100 cart-product（0000120） css */
/*==================================================================*/
.product-f100 {
  /* 共通
  ---------------------------------------------- */
  /* section
  ---------------------------------------------------------------------------- */
  /* 分析表 */
  /* 玄米酵素F100について
  ---------------------------------------------------------------------------- */
  /* 召し上がり方（目安量・タイミング）
  ---------------------------------------------------------------------------- */
  /* 比較　お得！ */
  /* まずはお試し！ */
  /* 安心・安全な原材料 */
  /* 商品説明
  ---------------------------------------------------------------------------- */
  /* 玄米酵素プチ断食にチャレンジした人たちの感想
  ---------------------------------------------------------------------------- */
  /* 玄米酵素F100の特徴
  ---------------------------------------------------------------------------- */
  /* 安心安全へのこだわり
  ---------------------------------------------------------------------------- */
  /*「F100」名称の由来*/
  /*商品説明*/
}
.product-f100 .inblock {
  width: 95%;
  margin: 0 auto 3em;
}
.product-f100 .sub-t {
  margin-bottom: 2em;
  padding: 0.5em 1em;
  background: #a37e38;
  color: #fff;
  border: none!important;
}
.product-f100 .sub-t h2 {
  font-size: 1.5em;
  font-weight: bold;
  border-left: 5px solid white;
  padding-left: 1em;
  line-height: 1.2em;
}
.product-f100 .h3-title {
  margin-bottom: 1em;
  padding: 0.5em;
  border-bottom: 1px solid #a37e38;
}
.product-f100 .h3-title h3 {
  border-left: 8px solid #a37e38;
  padding: 0.25em 0.5em;
  font-weight: bold;
  font-size: 1.4em;
}
.product-f100 .fig {
  text-align: center;
}
.product-f100 .fig span {
  display: block;
  font-size: 0.8em;
  text-align: left;
}
.product-f100 .btn a,
.product-f100 .pdf a {
  padding: 0.5em 1.5em;
  display: block;
  border: 1px solid #a37e38;
  color: #a37e38;
  font-weight: bold;
  text-decoration: none;
}
.product-f100 .btn {
  display: inline-block;
}
.product-f100 .btn a:before {
  content: "\f105";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
}
.product-f100 .btn a {
  text-decoration: none!important;
}
.product-f100 .btn a:hover {
  color: #a37e38;
  opacity: 0.7;
}
.product-f100 .pdf {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.product-f100 h1 {
  margin-bottom: 2em;
}
.product-f100 .read {
  margin: 0 auto 1em;
}
.product-f100 a {
  text-decoration: underline!important;
}
.product-f100 a:hover {
  text-decoration: none!important;
}
.product-f100 span.underline {
  font-weight: bold;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ffdde1 40%) repeat scroll 0 100%;
}
.product-f100 sup {
  font-size: .7em;
  font-weight: normal;
  vertical-align: top;
  position: relative;
  top: .3em;
}
.product-f100 .day {
  margin-bottom: 1em;
  font-size: .9em;
}
.product-f100 section {
  margin-bottom: 4em;
}
.product-f100 section p {
  margin-bottom: 1em;
}
.product-f100 .section-in {
  width: 95%;
  margin: 0 auto;
}
.product-f100 #charm h1 {
  margin-bottom: 1em;
}
.product-f100 #analysis {
  margin: 0 auto 3em;
}
.product-f100 #analysis table {
  width: 100%;
  margin: 0 auto 0.5em;
  border-collapse: collapse;
}
.product-f100 #analysis table tr th, .product-f100 #analysis table tr td {
  border: 1px solid #c6c6c6;
  padding: 2px 15px;
}
.product-f100 #analysis table tr th {
  font-weight: bold;
  background: #f3ffe1;
  text-align: left;
}
.product-f100 #analysis table tr td {
  text-align: right;
  background: #fff!important;
}
.product-f100 #analysis table tr .unit {
  text-align: center;
}
.product-f100 #analysis table tr .right-txt {
  text-align: right;
}
.product-f100 #analysis table tr.group th, .product-f100 #analysis table tr.group td {
  border-bottom: 1px solid #ececec;
}
.product-f100 #analysis .chart-note {
  font-size: 0.8em;
  color: #585652;
}
.product-f100 #about ul.photo {
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
}
.product-f100 #about ul.photo li {
  margin: 0 0.5em;
  text-align: center;
}
.product-f100 #about ul.photo li span {
  display: block;
}
.product-f100 #about .pg-link i {
  color: #ff3b50;
}
.product-f100 #about .osusume {
  margin-bottom: 2em;
}
.product-f100 #about .osusume h2 {
  margin-bottom: 1em;
}
.product-f100 #about .osusume .waku {
  padding: 3em 1em;
  border: 3px solid #e1e1e1;
  background: url("../../img/img_osusume.jpg") no-repeat 0 0;
}
.product-f100 #about .osusume .waku ul {
  width: 50%;
  margin: 0 0 0 auto;
}
.product-f100 #about .osusume .waku ul li {
  margin-bottom: 0.5em;
  font-size: 1.1em;
  text-indent: -1.25em;
  margin-left: 1.25em;
}
.product-f100 #about .osusume .waku ul li:before {
  content: "\f046";
  font-family: "FontAwesome";
  padding: 0 0.3em 0 0;
  color: #ff3b50;
}
.product-f100 .bikou em {
  display: block;
  font-weight: bold;
  color: #f28329;
}
.product-f100 .caution {
  width: 95%;
  max-width: 1020px;
  margin: 0 auto 4em;
  border: 1px solid #b45347;
  padding: 1em 2em;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
.product-f100 .caution p.ic {
  margin-right: 1em;
}
.product-f100 .caution p {
  margin-bottom: 0.8em;
}
.product-f100 .caution p span {
  display: block;
}
.product-f100 .caution .more {
  margin: 0;
}
.product-f100 .caution .more a {
  text-decoration: underline;
  color: #b45347;
}
.product-f100 .caution .more a:after {
  color: #b45347;
  content: "\f1c1";
  font-family: "FontAwesome";
  padding: 0 5px 0 0;
}
.product-f100 #timing .howto p {
  float: right;
}
.product-f100 #timing .howto dl {
  margin-bottom: 2em;
}
.product-f100 #timing .howto dl dt {
  font-size: 1.1em;
  margin-bottom: 0.8em;
  font-weight: bold;
}
.product-f100 #timing .howto dl dt:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
.product-f100 #timing .howto dl dd ul {
  display: flex;
  justify-content: space-between;
}
.product-f100 #timing .howto dl dd ul li {
  text-align: center;
}
.product-f100 #timing .howto dl dd ul li span {
  display: block;
  font-size: .9em;
}
.product-f100 #timing .point {
  font-weight: bold;
  color: #ff3b50;
}
.product-f100 #timing .point em {
  margin-right: 0.5em;
  background: #ff3b50;
  color: #fff;
  padding: 0.25em 1em;
}
.product-f100 #timing .meyasu {
  margin: 2em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-f100 #timing .meyasu p {
  margin: 0;
}
.product-f100 #timing .meyasu dl {
  margin-left: 1em;
}
.product-f100 #timing .meyasu dl dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}
.product-f100 #timing .note {
  border: 1px solid #ff3b50;
  color: #ff3b50;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.5em;
}
.product-f100 #timing .eat dl {
  margin-bottom: 2em;
}
.product-f100 #timing .eat dl dt {
  margin-bottom: 1em;
  padding: 0.5em;
  background: #f0f0f0;
  font-size: 1.2em;
}
.product-f100 #timing .eat dl dt em {
  color: #ff3b50;
}
.product-f100 #timing .eat dl dt:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
.product-f100 #timing .eat dl dd .video {
  margin-bottom: 2em;
  position: relative;
  width: 80%;
  padding-top: 56.25%;
}
.product-f100 #timing .eat dl dd .video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.product-f100 #timing .read {
  margin-bottom: 1em;
  text-align: center;
}
.product-f100 #timing .column {
  background: url("../img/bg_column.gif") repeat 0 0;
  padding: 2em;
}
.product-f100 #timing .column h3 {
  margin-bottom: 1em;
}
.product-f100 #timing .column .teacher {
  margin: 0 0 0 auto;
  display: flex;
  justify-content: flex-end;
  font-size: 0.9em;
  align-items: center;
}
.product-f100 #timing .column .teacher .photo {
  margin-right: 0.5em;
  width: auto;
}
.product-f100 #timing .column .txt {
  margin-bottom: 2em;
}
.product-f100 #deals {
  margin: 0 auto 3em;
}
.product-f100 #deals h2 {
  font-family: "Nanum Myeongjo", "Batang", serif;
  font-size: 1.6em;
  font-weight: bold;
  background: #b45347;
  color: #fff;
  margin: 0 auto 1em;
  padding: 10px;
  text-align: center;
  line-height: 1;
}
.product-f100 #deals .deals-in {
  padding: 0 1.5em;
}
.product-f100 #deals .deals-in .box {
  margin: 0 auto 1em;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
}
.product-f100 #deals .deals-in .box dl {
  width: 48%;
}
.product-f100 #deals .deals-in .box dl dt {
  background: #fcbe00;
  margin: 0 auto 1.5em;
  padding: 5px 10px;
  text-align: center;
  position: relative;
  font-size: .9em;
  font-feature-settings: "palt";
}
.product-f100 #deals .deals-in .box dl dt:after {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: url("../img/deals_arrow.gif");
}
.product-f100 #deals .deals-in .box dl dt span {
  color: #cc0000;
  font-size: 1.4em;
  font-weight: bold;
}
.product-f100 #deals .deals-in .box dl dd {
  text-align: center;
  margin: 0 auto 5px;
}
.product-f100 #deals .deals-in .box dl dd.name {
  color: #b45347;
}
.product-f100 #deals .deals-in .box dl dd a {
  color: #b45347;
  text-decoration: underline;
}
.product-f100 #deals .deals-in .box dl dd a:hover {
  text-decoration: none;
}
.product-f100 #deals .deals-in .box dl.mark {
  position: relative;
}
.product-f100 #deals .deals-in .box dl.mark:after {
  position: absolute;
  top: 6px;
  left: 3px;
  content: url("../img/deals_mark.png");
}
.product-f100 #trial {
  margin: 0 auto 3em;
}
.product-f100 #trial h2 {
  background: #b45347;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 1.2em;
}
.product-f100 #trial .trial-in {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: space-between;
  border: 1px solid #b45347;
  padding: 1em;
}
.product-f100 #trial .trial-in .picture {
  width: 40%;
  margin: 0 5% 0 0;
  text-align: right;
}
.product-f100 #trial .trial-in .text {
  width: 55%;
}
.product-f100 #trial .trial-in .text .read span {
  font-weight: bold;
}
.product-f100 #trial .trial-in .text a {
  color: #b45347;
}
.product-f100 #relief {
  margin: 0 auto 2em;
}
.product-f100 #relief .material {
  margin: 0 auto 1em;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  justify-content: left;
}
.product-f100 #relief .material dl {
  width: 24%;
  text-align: center;
  margin: 0 0.5%;
}
.product-f100 .product {
  margin-bottom: 1em;
  padding: 1em 1.5em;
  border: 2px solid #878785;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-f100 .product .photo {
  width: 35%;
}
.product-f100 .product .txt-area {
  width: 64%;
}
.product-f100 .product .txt-area h2 {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.8em;
}
.product-f100 .product .txt-area dl {
  font-size: 0.95em;
  margin-bottom: 0.25em;
  display: flex;
  justify-content: flex-start;
}
.product-f100 .product .txt-area dl dt {
  width: 20%;
}
.product-f100 .product .txt-area dl dd {
  width: 80%;
}
.product-f100 #impressions dl {
  margin-bottom: 1em;
  padding: 1em 0;
  border-bottom: 1px dotted #cccccc;
}
.product-f100 #impressions dl dt {
  font-weight: bold;
  color: #ff3b50;
  font-size: 1.1em;
}
.product-f100 #impressions dl dt i {
  font-size: 1.5em;
}
.product-f100 #impressions dl dt span {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.25em 0.5em;
  background: #ffecee;
  color: #ff6777;
  font-size: 0.8em;
}
.product-f100 #impressions .question h4 {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.product-f100 #impressions .question h4 em {
  margin-right: 0.25em;
  font-weight: bold;
  color: #ff3b50;
  font-size: 1.8em;
}
.product-f100 #impressions .question .fig img {
  margin: 0 auto 1em;
  max-width: 300px;
  width: 100%;
}
.product-f100 #tokucho .t-tokucho {
  margin-bottom: 2em;
}
.product-f100 #tokucho .t-tokucho h3 {
  padding: 0.25em 0.5em 0.25em 4em;
  border-top: 1px solid #ff6777;
  border-bottom: 1px solid #ff6777;
  position: relative;
  font-size: 1.4em;
}
.product-f100 #tokucho .t-tokucho h3 img {
  position: absolute;
  top: -15px;
  left: 0;
  width: 70px;
}
.product-f100 #tokucho .box {
  margin-bottom: 4em;
}
.product-f100 #tokucho .box h4 {
  margin-bottom: 1em;
  font-size: 1.3em;
  font-weight: bold;
}
.product-f100 #tokucho .box h4:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
.product-f100 #kodawari .inner {
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between!important;
}
.product-f100 #kodawari .inner .txt {
  width: 65%;
}
.product-f100 #kodawari .inner .txt h3 {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}
.product-f100 #kodawari .inner .txt h3:before {
  content: "\f00c";
  font-family: "FontAwesome";
  padding: 0 7px 0 0;
  color: #ff3b50;
}
.product-f100 #kodawari .inner .txt .iso {
  float: right;
}
.product-f100 #kodawari .inner .photo {
  width: 33%;
}
.product-f100 #yurai {
  margin-top: -130px;
  padding-top: 130px;
}
.product-f100 .kiji h2 {
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: bold;
}
.product-f100 .kiji ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.product-f100 .kiji ul li {
  width: 18%;
  margin: 1%;
}
.product-f100 .kiji ul li span {
  display: block;
  font-size: 0.8em;
}
.product-f100 #cont {
  margin-bottom: 2em;
}
.product-f100 #cont .section-in {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.product-f100 #cont .section-in .package {
  width: 20%;
  margin-right: 3%;
  text-align: center;
}
.product-f100 #cont .section-in .text {
  width: 77%;
}
.product-f100 #cont .section-in .text .wan {
  margin-bottom: .5em;
}
.product-f100 #cont .section-in .text .wan span {
  font-weight: bold;
  font-size: 1.1em;
}
.product-f100 #cont .section-in .text dl {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: .9em;
}
.product-f100 #cont .section-in .text dl dt, .product-f100 #cont .section-in .text dl dd {
  padding: .5em;
  margin: .25%;
}
.product-f100 #cont .section-in .text dl dt {
  width: 30%;
  text-align: center;
  background: #fffddd;
  font-weight: bold;
}
.product-f100 #cont .section-in .text dl dd {
  width: 69%;
  background: #f8f8f8;
}
.product-f100 #cont .section-in .package {
  width: 20%;
  margin-right: 3%;
  text-align: center;
}
.product-f100 #cont.w-photo .package {
  width: 30%;
  margin-right: 2%;
}
.product-f100 #cont.w-photo .text {
  width: 68%;
}

/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  #item-f100 {
    font-size: 0.9em;
    /* page-link
    ---------------------------------------------------------------------------- */
    /* 玄米酵素F100について
    ---------------------------------------------------------------------------- */
    /* 召し上がり方（目安量・タイミング）
    ---------------------------------------------------------------------------- */
    /* 商品説明
    ---------------------------------------------------------------------------- */
    /* 玄米酵素プチ断食にチャレンジした人たちの感想
    ---------------------------------------------------------------------------- */
    /* 玄米酵素F100の特徴
    ---------------------------------------------------------------------------- */
    /* 安心安全へのこだわり
    ---------------------------------------------------------------------------- */
  }
  #item-f100 .sub-t h2 {
    font-size: 1.3em;
  }
  #item-f100 .bg-area {
    background-size: 60%;
  }
  #item-f100 footer .inblock {
    display: block;
    text-align: center;
  }
  #item-f100 footer .inblock p img {
    max-width: 160px;
  }
  #item-f100 footer .inblock p:last-of-type {
    font-size: .8em;
  }
  #item-f100 .logo img {
    max-width: 160px;
  }
  #item-f100 .caution {
    padding: 0.7em 1.2em;
    font-size: .9em;
    display: block;
  }
  #item-f100 .caution .ic img {
    max-width: 30px;
  }
  #item-f100 .caution p span {
    display: inline-block;
  }
  #item-f100 .page-link {
    padding: 1em;
    margin-bottom: 2em;
  }
  #item-f100 .page-link p {
    margin-bottom: 0.5em;
    font-size: 1.2em;
  }
  #item-f100 .page-link li {
    margin-bottom: 0.5em;
  }
  #item-f100 #about .osusume {
    margin-bottom: 1em;
  }
  #item-f100 #about .osusume .waku {
    padding: 2em;
    background: url("../../img/img_osusume.jpg") no-repeat -60px 100%;
    background-size: 60%;
  }
  #item-f100 #about .osusume .waku ul {
    width: 80%;
    margin: 0 0 0 auto;
  }
  #item-f100 #about .osusume .waku ul li {
    margin-bottom: 0.5em;
    font-size: 1em;
  }
  #item-f100 #about table {
    font-size: 0.8em;
  }
  #item-f100 #timing .howto p {
    float: none;
    text-align: center;
  }
  #item-f100 #timing .howto dl {
    margin-bottom: 1em;
  }
  #item-f100 #timing .howto dl dt {
    font-size: 1em;
    margin-bottom: 0.5em;
  }
  #item-f100 #timing .howto dl dd {
    font-size: 0.9em;
  }
  #item-f100 #timing .eat dl dd .video {
    width: 100%;
  }
  #item-f100 #timing .note {
    border: 1px solid #ff3b50;
    color: #ff3b50;
    text-align: center;
    font-size: 1.1em;
    padding: 0.5em 1em;
  }
  #item-f100 .product {
    margin-bottom: 0em;
    padding: 1em;
    display: block;
  }
  #item-f100 .product .photo {
    width: 50%;
    margin: 0 auto;
  }
  #item-f100 .product .txt-area {
    width: 100%;
  }
  #item-f100 .product .txt-area h2 {
    font-size: 1.4em;
  }
  #item-f100 .product .txt-area dl {
    font-size: 0.9em;
  }
  #item-f100 #impressions .question p.fig {
    width: 80%;
    margin: 0 auto;
  }
  #item-f100 #tokucho .t-tokucho {
    margin-bottom: 2em;
  }
  #item-f100 #tokucho .t-tokucho h3 {
    padding: 0.25em 0.5em 0.25em 3em;
    font-size: 1.2em;
    font-weight: bold;
  }
  #item-f100 #tokucho .t-tokucho h3 img {
    top: -7px;
    max-width: 45px;
  }
  #item-f100 #tokucho .box {
    margin-bottom: 2em;
  }
  #item-f100 #tokucho .box h4 {
    margin-bottom: 1em;
  }
  #item-f100 #tokucho .column {
    padding: 1em;
  }
  #item-f100 #tokucho .column .txt {
    margin-bottom: 1em;
  }
  #item-f100 #kodawari .inner {
    display: block;
  }
  #item-f100 #kodawari .inner .txt {
    width: 100%;
  }
  #item-f100 #kodawari .inner .txt .iso {
    float: none;
    text-align: center;
  }
  #item-f100 #kodawari .inner .photo {
    width: 80%;
    margin: 0 auto;
  }
  #item-f100 .kiji h2 {
    font-size: 1.2em;
  }
  #item-f100 .kiji ul li {
    width: 31.3%;
    margin: 1%;
  }
  #item-f100 .kiji ul li span {
    font-size: 0.8em;
  }

  /*==================================================================*/
  /* F100 cart-product（0000120） css */
  /*==================================================================*/
  .product-f100 {
    font-size: 0.9em;
    /* page-link
    ---------------------------------------------------------------------------- */
    /* 玄米酵素F100について
    ---------------------------------------------------------------------------- */
    /* 召し上がり方（目安量・タイミング）
    ---------------------------------------------------------------------------- */
    /* 商品説明
    ---------------------------------------------------------------------------- */
    /* 玄米酵素プチ断食にチャレンジした人たちの感想
    ---------------------------------------------------------------------------- */
    /* 玄米酵素F100の特徴
    ---------------------------------------------------------------------------- */
    /* 安心安全へのこだわり
    ---------------------------------------------------------------------------- */
    /*商品説明*/
  }
  .product-f100 .sub-t h2 {
    font-size: 1.3em;
  }
  .product-f100 .bg-area {
    background-size: 60%;
  }
  .product-f100 footer .inblock {
    display: block;
    text-align: center;
  }
  .product-f100 footer .inblock p img {
    max-width: 160px;
  }
  .product-f100 footer .inblock p:last-of-type {
    font-size: .8em;
  }
  .product-f100 .logo img {
    max-width: 160px;
  }
  .product-f100 .caution {
    padding: 0.7em 1.2em;
    font-size: .9em;
    display: block;
  }
  .product-f100 .caution .ic img {
    max-width: 30px;
  }
  .product-f100 .caution p span {
    display: inline-block;
  }
  .product-f100 .page-link {
    padding: 1em;
    margin-bottom: 2em;
  }
  .product-f100 .page-link p {
    margin-bottom: 0.5em;
    font-size: 1.2em;
  }
  .product-f100 .page-link li {
    margin-bottom: 0.5em;
  }
  .product-f100 #about .osusume {
    margin-bottom: 1em;
  }
  .product-f100 #about .osusume .waku {
    padding: 2em;
    background: url("../../img/img_osusume.jpg") no-repeat -60px 100%;
    background-size: 60%;
  }
  .product-f100 #about .osusume .waku ul {
    width: 80%;
    margin: 0 0 0 auto;
  }
  .product-f100 #about .osusume .waku ul li {
    margin-bottom: 0.5em;
    font-size: 1em;
  }
  .product-f100 #about table {
    font-size: 0.8em;
  }
  .product-f100 #timing .howto p {
    float: none;
    text-align: center;
  }
  .product-f100 #timing .howto dl {
    margin-bottom: 1em;
  }
  .product-f100 #timing .howto dl dt {
    font-size: 1em;
    margin-bottom: 0.5em;
  }
  .product-f100 #timing .howto dl dd {
    font-size: 0.9em;
  }
  .product-f100 #timing .eat dl dd .video {
    width: 100%;
  }
  .product-f100 #timing .note {
    border: 1px solid #ff3b50;
    color: #ff3b50;
    text-align: center;
    font-size: 1.1em;
    padding: 0.5em 1em;
  }
  .product-f100 #timing .column {
    padding: 1em;
  }
  .product-f100 #timing .column .txt {
    margin-bottom: 1em;
  }
  .product-f100 .product {
    margin-bottom: 0em;
    padding: 1em;
    display: block;
  }
  .product-f100 .product .photo {
    width: 50%;
    margin: 0 auto;
  }
  .product-f100 .product .txt-area {
    width: 100%;
  }
  .product-f100 .product .txt-area h2 {
    font-size: 1.4em;
  }
  .product-f100 .product .txt-area dl {
    font-size: 0.9em;
  }
  .product-f100 #impressions .question p.fig {
    width: 80%;
    margin: 0 auto;
  }
  .product-f100 #tokucho .t-tokucho {
    margin-bottom: 2em;
  }
  .product-f100 #tokucho .t-tokucho h3 {
    padding: 0.25em 0.5em 0.25em 3em;
    font-size: 1.2em;
    font-weight: bold;
  }
  .product-f100 #tokucho .t-tokucho h3 img {
    top: -7px;
    max-width: 45px;
  }
  .product-f100 #tokucho .box {
    margin-bottom: 2em;
  }
  .product-f100 #tokucho .box h4 {
    margin-bottom: 1em;
  }
  .product-f100 #kodawari .inner {
    display: block;
  }
  .product-f100 #kodawari .inner .txt {
    width: 100%;
  }
  .product-f100 #kodawari .inner .txt .iso {
    float: none;
    text-align: center;
  }
  .product-f100 #kodawari .inner .photo {
    width: 100%;
    margin: 0 auto 1em;
    text-align: center;
  }
  .product-f100 .kiji h2 {
    font-size: 1.2em;
  }
  .product-f100 .kiji ul li {
    width: 31.3%;
    margin: 1%;
  }
  .product-f100 .kiji ul li span {
    font-size: 0.8em;
  }
  .product-f100 #cont .section-in {
    display: block;
  }
  .product-f100 #cont .section-in .text {
    width: 100%;
  }
  .product-f100 #cont .section-in .package {
    width: 100%;
    margin: 0 0 0.5em;
    text-align: center;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  #item-f100 {
    /* 玄米酵素F100について
    ---------------------------------------------------------------------------- */
  }
  #item-f100 .bg-area {
    background-size: 40%;
  }
  #item-f100 table th {
    padding: 5px;
  }
  #item-f100 table td {
    padding: 5px;
  }
  #item-f100 #about .osusume {
    margin-bottom: 1em;
  }
  #item-f100 #about .osusume .waku {
    padding: 1em;
    background: url("../../img/img_osusume.jpg") no-repeat -71px 100%;
    background-size: 63%;
  }
  #item-f100 #about .osusume .waku ul {
    width: 85%;
    margin: 0 0 0 auto;
  }
  #item-f100 #about table {
    font-size: 0.8em;
  }
  #item-f100 .kiji ul li {
    width: 48%;
    margin: 1%;
  }

  /*==================================================================*/
  /* F100 cart-product（0000120） css */
  /*==================================================================*/
  .product-f100 {
    /*分析表*/
    /* 玄米酵素F100について
    ---------------------------------------------------------------------------- */
    /*まずはお試し！！*/
    /*商品説明*/
  }
  .product-f100 .bg-area {
    background-size: 40%;
  }
  .product-f100 #analysis table {
    font-size: 0.9em;
  }
  .product-f100 #analysis table tr th, .product-f100 #analysis table tr td {
    padding: 2px 5px;
  }
  .product-f100 #about .osusume {
    margin-bottom: 1em;
  }
  .product-f100 #about .osusume .waku {
    padding: 1em;
    background: url("../../img/img_osusume.jpg") no-repeat -71px 100%;
    background-size: 63%;
  }
  .product-f100 #about .osusume .waku ul {
    width: 85%;
    margin: 0 0 0 auto;
  }
  .product-f100 #about table {
    font-size: 0.8em;
  }
  .product-f100 .kiji ul li {
    width: 48%;
    margin: 1%;
  }
  .product-f100 #trial .trial-in {
    display: block;
  }
  .product-f100 #trial .trial-in .picture {
    width: 100%;
    text-align: center;
    margin: 0 auto 1em;
  }
  .product-f100 #trial .trial-in .text {
    width: 100%;
  }
  .product-f100 #cont .text dl dt, .product-f100 #cont .text dl dd {
    padding: 0.5em 0.3em !important;
  }
}