.con-expert-comments .box-expert-comments { margin-left: auto; margin-right: auto; width: calc(100% - 80px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-expert-comments .box-expert-comments { width: 92%; } }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments { width: 89.6%; } }

/*Animate */
/* ----------------------------------------------------------- .con-expert-comments
----------------------------------------------------------- */
.con-expert-comments { background-color: #F0F0F0; padding: 160px 0; margin-bottom: 160px; margin-top: -160px; }
@media only screen and (max-width: 767px) { .con-expert-comments { padding: 80px 0; margin-bottom: 80px; margin-top: -80px; } }
.con-expert-comments .title-basic { margin-bottom: 40px; }
@media only screen and (max-width: 767px) { .con-expert-comments .title-basic { margin-bottom: 24px; } }
.con-expert-comments .box-expert-comments { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 40px; }
.con-expert-comments .box-expert-comments .item-comments { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; background-color: #fff; padding: 80px 5.6vw; position: relative; }
@media only screen and (min-width: 768px) { .con-expert-comments .box-expert-comments .item-comments { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-expert-comments .box-expert-comments .item-comments { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-expert-comments .box-expert-comments .item-comments { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments { padding: 32px 8.3vw; } }
.con-expert-comments .box-expert-comments .item-comments:nth-child(1):before { content: "USER TESTIMONIALS 01"; }
.con-expert-comments .box-expert-comments .item-comments:nth-child(2):before { content: "USER TESTIMONIALS 02"; }
.con-expert-comments .box-expert-comments .item-comments:nth-child(3):before { content: "USER TESTIMONIALS 03"; }
.con-expert-comments .box-expert-comments .item-comments:before { font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; font-weight: 300; letter-spacing: 0.1em; text-align: center; position: absolute; top: 0; bottom: 0; left: 1.6vw; margin: auto 0; color: #9A9A9A; text-transform: uppercase; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-expert-comments .box-expert-comments .item-comments:before { font-size: 1.3rem; } }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments:before { top: 40px; bottom: auto; font-size: 1rem; } }
@media only screen and (min-width: 768px) { .con-expert-comments .box-expert-comments .item-comments .img { width: 25%; } }
@media print { .con-expert-comments .box-expert-comments .item-comments .img { width: 25%; } }
.ie8 .con-expert-comments .box-expert-comments .item-comments .img { width: 25%; }
@media only screen and (min-width: 768px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail { width: 66.7%; } }
@media print { .con-expert-comments .box-expert-comments .item-comments .txt-detail { width: 66.7%; } }
.ie8 .con-expert-comments .box-expert-comments .item-comments .txt-detail { width: 66.7%; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail { margin-top: 32px; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name { margin-bottom: 32px; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name { margin-bottom: 16px; text-align: center; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .type { display: block; color: #9A9A9A; letter-spacing: 0.1em; margin-bottom: 8px; }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .name { letter-spacing: 0.1em; line-height: 1; margin-top: 8px; }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .name em { font-size: 3.2rem; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .name em { font-size: 2.2rem; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .use { display: inline-block; letter-spacing: 0.1em; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .use { font-size: 85%; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .use:before { content: "/"; margin-left: 1em; padding-right: 1em; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .txt-name .use:before { margin-left: 0.5em; padding-right: 0.5em; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .txt { font-size: 1.8rem; font-weight: 400; letter-spacing: 0.1em; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .txt { font-size: 1.4rem; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample { border: 1px solid #DDD; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 24px; margin-top: 48px; }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .title { margin: -2.5em 0 16px -16px; }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .title span { display: inline-block; background-color: #fff; padding: 0 16px; font-weight: bold; font-size: 1.8rem; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .title span { font-size: 1.5rem; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery { display: -webkit-flex; display: flex; gap: 24px; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; gap: 10px; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a { position: relative; display: block; }
@media only screen and (min-width: 1025px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:hover { opacity: 0.6; } }
@media print { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:hover { opacity: 0.6; } }
.ie8 .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:hover { opacity: 0.6; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a { width: calc(50% - 5px); } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:before { content: ""; background-color: #fff; width: 32px; height: 32px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; bottom: 4px; right: 4px; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:before { width: 28px; height: 28px; } }
.con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:after { content: ""; background: url(../images/reviews/icon-zoom.svg) 0 0 no-repeat; background-size: contain; width: 24px; height: 24px; position: absolute; bottom: 8px; right: 8px; }
@media only screen and (max-width: 767px) { .con-expert-comments .box-expert-comments .item-comments .txt-detail .box-cookingexample .js-gallery a:after { width: 20px; bottom: 4px; right: 8px; } }

/* ----------------------------------------------------------- .con-reviews
----------------------------------------------------------- */
.con-reviews { margin-left: auto; margin-right: auto; max-width: 1232px; }
@media only screen and (min-width: 1025px) and (max-width: 1280px) { .con-reviews { width: 94%; } }
@media print { .con-reviews { width: 94%; } }
.ie8 .con-reviews { width: 94%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reviews { width: 92%; } }
@media only screen and (max-width: 767px) { .con-reviews { width: 84%; } }
.con-reviews .title-basic { margin-bottom: 24px; }
.con-reviews .txt-caution { text-align: center; font-size: 1.8rem; font-weight: 400; line-height: 2; margin-bottom: 40px; }
@media only screen and (max-width: 767px) { .con-reviews .txt-caution { font-size: 1.2rem; } }
.con-reviews .box-reviews { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 40px; }
.con-reviews .box-reviews .item-reviews { border: 1px solid #DDD; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; padding: 40px; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews { padding: 24px 16px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } }
.con-reviews .box-reviews .item-reviews .box-outline { border-bottom: 1px solid #DDD; padding-bottom: 16px; }
@media only screen and (min-width: 768px) { .con-reviews .box-reviews .item-reviews .box-outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media print { .con-reviews .box-reviews .item-reviews .box-outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
.ie8 .con-reviews .box-reviews .item-reviews .box-outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline { border-bottom: none; border-top: 1px solid #DDD; order: 2; padding: 16px 0 0; } }
.con-reviews .box-reviews .item-reviews .box-outline .inner-outline { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reviews .box-reviews .item-reviews .box-outline .inner-outline { gap: 16px; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; } }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .inner-outline { gap: 16px; } }
.con-reviews .box-reviews .item-reviews .box-outline .inner-outline .old_sex { line-height: 1; letter-spacing: 0.1em; font-size: 1.8rem; font-weight: 400; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .inner-outline .old_sex { font-size: 1.2rem; letter-spacing: 0; } }
.con-reviews .box-reviews .item-reviews .box-outline .inner-outline .number { line-height: 1; font-size: 1.8rem; font-weight: 400; letter-spacing: 0.1em; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .inner-outline .number { font-size: 1.2rem; letter-spacing: 0; } }
.con-reviews .box-reviews .item-reviews .box-outline .inner-outline .number span { font-size: 1.5rem; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .inner-outline .number span { font-size: 1rem; } }
.con-reviews .box-reviews .item-reviews .box-outline .product { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; gap: 16px; width: 50%; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .product { width: 100%; margin-top: 16px; } }
.con-reviews .box-reviews .item-reviews .box-outline .product li { border: 1px solid #2D2D2D; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; width: 160px; height: 40px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; opacity: 0.3; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .product li { width: calc(50% - 8px); height: 32px; } }
.con-reviews .box-reviews .item-reviews .box-outline .product li img { width: 100px; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-outline .product li img { width: 80px; } }
.con-reviews .box-reviews .item-reviews .box-outline .product li.active { opacity: 1; }
.con-reviews .box-reviews .item-reviews .box-detail { display: -webkit-flex; display: flex; }
@media only screen and (min-width: 768px) { .con-reviews .box-reviews .item-reviews .box-detail { -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-reviews .box-reviews .item-reviews .box-detail { -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-reviews .box-reviews .item-reviews .box-detail { -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail { order: 1; -webkit-flex-direction: column; flex-direction: column; } }
.con-reviews .box-reviews .item-reviews .box-detail .textarea { width: 78.4%; order: 2; border-left: 1px solid #DDD; padding: 40px 0 0 48px; font-size: 2rem; letter-spacing: 0.04em; font-weight: 400; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reviews .box-reviews .item-reviews .box-detail .textarea { font-size: 1.8rem; } }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .textarea { width: 100%; border-left: none; border-top: 1px solid #DDD; padding: 24px 0; font-size: 1.4rem; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side { width: 21.6%; padding: 40px 48px 0 0; order: 1; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side { width: 95%; padding: 0 0 24px; } }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; gap: 8px; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl:first-child { padding-top: 8px; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl:first-child { padding-top: 0; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl:not(:first-child) { margin-top: 40px; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl:not(:first-child) { margin-top: 24px; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dt { font-size: 1.4rem; line-height: 1; letter-spacing: 0.04em; margin-bottom: 8px; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dt { font-size: 1.2rem; margin-bottom: 0; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd { font-size: 3.2rem; font-weight: 400; letter-spacing: 0.04em; line-height: 1; color: #ddd; }
@media only screen and (min-width: 1025px) and (max-width: 1280px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd { font-size: 2.2vw; } }
@media print { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd { font-size: 2.2vw; } }
.ie8 .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd { font-size: 2.2vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd { font-size: 3vw; } }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd { font-size: 7vw; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd em { color: #E1391A; }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 14px 16px; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason { gap: 12px; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason li { position: relative; color: #9A9A9A; font-weight: 400; line-height: 1; letter-spacing: 0.04em; padding-left: 28px; font-size: 1.6rem; display: inline-block; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason li { font-size: 1.4rem; padding-left: 20px; } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason li:before { content: ""; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0.6; border: 1px solid #9A9A9A; position: absolute; top: calc(50% - 10px); left: 0; display: block; }
@media only screen and (max-width: 767px) { .con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason li:before { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 14px; height: 14px; top: calc(50% - 7px); } }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason li.checked { color: #2D2D2D; }
.con-reviews .box-reviews .item-reviews .box-detail .box-side dl dd .list-reason li.checked:before { border: 1px solid #E1391A; opacity: 1; background-color: rgba(225, 57, 26, 0.2); background-image: url(../images/reviews/icon-checked.svg); background-size: 20px auto; background-position: center center; background-repeat: no-repeat; }
