@charset "UTF-8";
/**********************************************
*　関数設定
***********************************************/
/*--------------------------------------
	基本設定
---------------------------------------*/
.flexslider {
  border: none !important;
}

div.flexslider ul.flex-direction-nav li a.prev {
  background: url(/cms/wp-content/themes/biz-vektor/images/top/slide-prev.png) no-repeat !important;
  background-size: 100% !important;
  top: 50% !important;
  width: 30px;
  left: 3%;
  opacity: 1;
  background-position: center !important;
}

div.flexslider ul.flex-direction-nav li a.next {
  background: url(/cms/wp-content/themes/biz-vektor/images/top/slide-next.png) no-repeat !important;
  background-size: 100% !important;
  top: 50% !important;
  width: 30px;
  right: 3%;
  opacity: 1;
  background-position: center !important;
}

#heading {
  width: 658px;
  margin-bottom: 10px;
}

.otoiawase-namber {
  width: 34%;
  /*padding-left: 2%;*/
}

#top_page {
  margin-top: 8px;
}

.right {
  float: right;
}

body {
  font-size: 12px !important;
  width: 100%;
  margin: 0 auto 0 !important;
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif", "ヒラギノ角ゴ Pro W3" !important;
  line-height: 150% !important;
}

th {
  text-align: left;
  vertical-align: top;
}

::selection {
  background: #338FFF !important;
  /* crhome,safariに対応 */
}

::-moz-selection {
  background: #338FFF !important;
  /* firefoxに対応 */
}

/*--------------------------------------
	メインコンテンツ領域
---------------------------------------*/
.content {
  padding-top: 0;
}

.miki-info {
  font-size: 0.5em;
}

@media screen and (max-width: 768px) {
  #content {
    padding-top: 0;
  }
}

#content #main {
  width: 90%;
}

#sideTower {
  display: none;
}

/*--------------------------------------
	ヘッダー領域
---------------------------------------*/
#header {
  margin-right: auto;
  margin-left: auto;
  /* min-width: 1012px; */
  width: 1170px;
  top: -54px;
  -webkit-transition: top 1s;
  transition: top 1s;
}

#top_header {
  position: relative;
  width: 700px;
  height: 30px;
  background: url(../images/original/header_logo.gif) no-repeat top right #ffffff;
  line-height: 100%;
  display: block;
}

#top_header #banner_main {
  width: 100%;
}

#top-content {
  width: 60%;
  margin: 0 auto;
  padding-top: 6%;
}

/* ヘッダーメニュー */
.innerBox {
  margin: 0 !important;
}

#headNavi {
  position: absolute;
  left: 368px;
  top: 0px;
}

.menu > li > a {
  background-size: contain;
}

.menu > li > a:hover {
  background-size: contain;
}

.gnavi_products a {
  background: url("../images/top/global-menu/gnavi_food.svg");
  background-size: 100% !important;
}

.gnavi_products a:hover {
  background: url("../images/top/global-menu/gnavi_food_on.svg");
  background-size: 100% !important;
}

.gnavi_skincare a {
  background: url("../images/top/global-menu/gnavi_cosme.svg");
  background-size: 100% !important;
}

.gnavi_skincare a:hover {
  background: url("../images/top/global-menu/gnavi_cosme_on.svg");
  background-size: 100% !important;
}

.gnavi_personalcare a {
  background: url("../images/top/global-menu/gnavi_personal.svg");
  background-size: 100% !important;
}

.gnavi_personalcare a:hover {
  background: url("../images/top/global-menu/gnavi_personal_on.svg");
  background-size: 100% !important;
}

.gnavi_household a {
  background: url("../images/top/global-menu/gnavi_home.svg");
  background-size: 100% !important;
}

.gnavi_household a:hover {
  background: url("../images/top/global-menu/gnavi_home_on.svg");
  background-size: 100% !important;
}

.gnavi_fun a {
  background: url("../images/top/global-menu/gnavi_fun.svg");
  background-size: 100% !important;
}

.gnavi_fun a:hover {
  background: url("../images/top/global-menu/gnavi_fun_on.svg");
  background-size: 100% !important;
}

.gnavi_activity a {
  background: url("../images/top/global-menu/gnavi_activity.svg");
  background-size: 100% !important;
}

.gnavi_activity a:hover {
  background: url("../images/top/global-menu/gnavi_activity_on.svg");
  background-size: 100% !important;
}

.gnavi_buy_doc a {
  background: url("../images/top/global-menu/gnavi_buy.svg");
  background-size: 100% !important;
}

.gnavi_buy_doc a:hover {
  background: url("../images/top/global-menu/gnavi_buy_on.svg");
  background-size: 100% !important;
}

.miki-logo_m {
  width: 100%;
  float: right;
  padding-right: 7%;
  max-width: 158px;
}

.miki-site_lg img {
  width: 100%;
}

#main {
  padding-top: 128px;
  float: left;
}

#sidebar {
  width: 168px;
  float: right;
}

#sidebar_m {
  display: none;
}

#banner_main {
  width: 527px;
  height: 230px;
  margin-right: 1px;
  background: url("../images/top_banner_0.png");
  float: left;
}

#banner_main_img {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 1;
}

.fade {
  opacity: 0;
}

.top-subbanner {
  position: absolute;
  right: 0.5%;
  top: 2%;
}

#site-title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

span.miki-la_en {
  /*padding: 0 6% 0 20%;*/
  margin: 0 0;
}

.miki-info {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: baseline;
  margin-bottom: 1%;
}

.miki-lang {
  position: relative;
  margin-left: 3.1%;
  margin-right: 1%;
}

.miki-lang:before {
  content: "";
  width: 0;
  height: 0;
  margin-top: -4px;
  display: block;
  position: absolute;
  top: 50%;
  right: 100%;
  border: 5px solid transparent;
  border-left: 9px solid #112988;
}

.miki-info a {
  color: #e83820;
}

/* .miki-info a:hover {
    color: #f5aaa5;
} */
span.miki-language {
  padding: 0 10%;
}

.otoiawase-namber img {
  width: 100%;
}

.top-gmenu {
  background-color: rgba(255, 255, 255, 0.85);
  position: sticky;
  position: -webkit-sticky;
  top: 97.9px;
  z-index: 100;
}

#other-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: top 1s;
  transition: top 1s;
}

.top_menul {
  margin-top: 2%;
}

#gMenu .menu {
  width: 961px;
}

#gMenu .menu li:hover ul {
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
  width: auto;
}

#gMenu .menu li:hover li {
  white-space: nowrap;
}

ul.sub-menu {
  background-color: #e83820;
}

.sub-menu::-webkit-scrollbar {
  width: 0.5em;
  height: 0px;
  border-radius: 1em;
}

.sub-menu::-webkit-scrollbar-track {
  background: #FFF;
  border-radius: 10px;
}

.sub-menu::-webkit-scrollbar-thumb {
  background: lightgray;
  border-radius: 10px;
}

.header_scrolled .miki-info {
  display: none;
}

.header_scrolled #header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: top 1s;
  transition: top 1s;
}

.header_scrolled #headerInner {
  max-width: 1170px;
  margin: 0 auto !important;
  -webkit-transition: top 1s;
  transition: top 1s;
}

/*--------------------------------------
		フッター領域
---------------------------------------*/
#footer_Section {
  background-color: #e83820;
}

#footerNavigation {
  width: 71.5%;
  margin-left: 3%;
}

#footer-sitemap {
  color: white;
  /* width: 90%; */
  margin: 0 auto;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.6em;
}

#original_footer {
  padding-bottom: 2%;
  /* width: 85%; */
  width: 76.5%;
  margin: 0 auto;
}

#original_footer img {
  width: 100%;
}

#footerNavi {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

#footerNavi a {
  color: white;
}

#footerNavi div {
  float: left;
  padding-right: 2%;
}

#footer-sitemap table {
  width: 100%;
}

#footer-sitemap h3 {
  margin-bottom: 0.5%;
}

td.footer-titele {
  font-size: 1.1em;
}

td.footer-subtitele {
  padding-left: 1%;
}

.footer-free_dial {
  width: 25.5%;
  padding-bottom: 1%;
}

#original_footer #copyright {
  font-size: 70%;
  color: white;
  text-align: right;
  padding-right: 6%;
  font-size: 1em;
}

.second-sitemap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0 0 2%;
  flex-flow: column-reverse;
}

.second-footer {
  width: 100%;
}

#footerSiteMap {
  display: flex;
}

#footerSiteMap .menu li {
  min-width: 180px;
}

#footerSiteMap .menu li a {
  text-indent: 1em;
}

#footerSiteMap .menu li li a {
  border-bottom: none;
  background-size: 6%;
}

ul#menu-footernavigation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* width: 90%; */
  margin: 0 auto;
  max-width: 580px;
  margin: 0 auto 0 0;
}

ul#menu-footernavigation li {
  margin-right: 2%;
  font-size: 1em !important;
  line-height: 116.7%;
  width: 16%;
}

ul#menu-footernavigation a {
  color: white;
}

/* ul#menu-footernavigation a:hover {
    color: #f5aaa5;
} */
ul#menu-footernavigation li a {
  background: url(/cms/wp-content/themes/biz-vektor/design_skins/002/images/arrow_gray_s.png) no-repeat;
  background-size: 10%;
  background-position-y: center;
  padding-left: 16%;
  width: 100%;
  overflow: hidden;
}

.sub-footermenu.footer-privacy a {
  /* background-size: 8% !important; */
}

.sp-free-dial {
  display: none;
}

/* Localized */
/*--------------------------------------
	トップページ
---------------------------------------*/
.top-sl-m {
  display: none;
}

.pick-up_bg {
  background: url(../images/pick-up_bg.jpg) no-repeat;
  background-size: cover;
}

.product_bg {
  padding: 3.5% 19.5%;
}

.pick-up {
  background-color: white;
}

h1.top-subtitle {
  text-align: center;
  padding: 3% 0 1%;
  margin-bottom: 0 !important;
}

h1.top-subtitle.top-sub_pro {
  padding-bottom: 0.7%;
}

h2.top-sub_en {
  text-align: center;
  color: #e83820;
  font-size: 1.3em;
  letter-spacing: 0.2em;
  font-weight: normal;
}

.pick-up-product {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  padding: 3% 0 2%;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.pick-up-image {
  width: 43%;
  text-align: right;
}

.pick-up-image img {
  width: 75%;
  margin-right: 6%;
}

.pick-up-title {
  font-size: 1.7em;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  padding-bottom: 1%;
}

.pick-up-detail {
  font-size: 1.4em;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 4% 0;
}

.pick-up-link {
  font-size: 1.2em;
  padding-top: 2%;
}

.pick-up-link img {
  width: 3.5%;
  padding-right: 1%;
}

.pick-up-link a {
  color: #e83820;
  text-decoration: none;
}

/* .pick-up-link a:hover {
    color: #f5aaa5;
} */
div#pick_up_slider img {
  display: inline;
}

div#pick_up_slider button.slick-prev {
  left: 10%;
  z-index: 100;
}

div#pick_up_slider button.slick-next {
  right: 10%;
  z-index: 100;
}

div.top-sl-pc ol.flex-control-nav {
  margin: 0;
}

div.top-sl-pc ul.flex-direction-nav a {
  opacity: 1;
}

#top-product {
  background: url(../images/product_bg.jpg) no-repeat;
  background-size: cover;
}

.top-lineup {
  width: 60%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 3% 0 2%;
}

.top-skincare.up-image {
  margin: 0 9%;
}

img.up-image {
  width: 100%;
}

h1.whatsNew-title {
  font-size: 1.6em !important;
  font-weight: normal;
  letter-spacing: 0.2em;
  padding: 0 1.5% 1% 1.5%;
  border-bottom: solid 2px #e83820;
}

h1.top-subtitle-sec {
  font-size: 1.6em !important;
  font-weight: normal;
  letter-spacing: 0.2em;
  padding: 0 1.5% 1% 1.5%;
  border-bottom: solid 2px #e83820;
  margin-bottom: 2% !important;
}

.how-to-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 0.5%;
}

.top-section {
  border: solid 1px #d0c6c6;
  width: 20.5%;
  margin: 0 1% 2%;
  padding: 1%;
}

.top-section img {
  width: 100%;
}

h2.top-section-title {
  padding-top: 3%;
  color: #e83820;
  font-size: 1.2em;
  line-height: 1.5em;
}

h2.top-section-title img {
  width: 27px;
  margin-bottom: -3px;
  padding-right: 3px;
}

h2.top-section-title.p_navi-tit {
  position: relative;
}

h2.top-section-title.p_navi-tit:after {
  background: url(/cms/wp-content/themes/biz-vektor/images/p_navi/p_navi_pin.png) no-repeat;
  display: inline-block;
  content: '';
  background-size: contain;
  vertical-align: middle;
  width: 11px;
  height: 21px;
  margin-left: 1.5%;
  border-left: none !important;
  position: relative;
  top: 2px;
}

h3.top-section-subtitle {
  font-size: 1.05em;
  color: #e83820;
  padding-top: 1%;
}

.how-to-detail {
  font-size: 1.1em;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  text-align: justify;
  padding-top: 3%;
}

.top-section-img {
  height: auto;
  display: contents;
}

table.store td {
  width: 50%;
}

table.store img {
  width: 100%;
}

#how-to-buy {
  margin-top: 11%;
}

h2.top-section-title.link-title {
  color: black;
}

.top-free-dial {
  width: 45%;
  margin: 0 auto;
  padding-top: 11%;
}

.top-free-dial img {
  width: 100%;
}

.top-lineup > div {
  display: block;
  transition-duration: 0.3s;
  width: 20%;
}

.top-lineup > div img {
  width: 100%;
}

.top-lineup > div:hover {
  transition-duration: 0.3s;
  transform: scale(1.2);
}

.top-lineup > div > a:hover img {
  opacity: 1;
  /* Standard: FF gt 1.5, Opera, Safari */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -khtml-opacity: 1;
  /* Safari 1.x */
  -moz-opacity: 1;
  /* FF lt 1.5, Netscape */
}

.top-lineup_m {
  display: none;
}

/*--------------------------------------
	whatsNew
---------------------------------------*/
#whatsNew {
  height: 25px;
  position: relative;
}

#whatsNew .listlink {
  font-size: 1.2em;
  float: right;
  text-decoration: none;
  padding-right: 1.5%;
}

a.listlink {
  color: black;
  width: 20%;
  text-align: right;
}

/* a.listlink:hover {
    color: gray;
} */
span.next-newslist {
  padding-left: 15%;
}

#info_title {
  width: 23%;
}

#info_title img {
  width: 100%;
}

.info_line {
  border-bottom: 1px dashed;
}

.infoTxt {
  font-size: 1.1em;
}

#info-news {
  width: 75%;
  margin: 0 auto;
  padding-top: 3%;
}

.info-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.wn-article a:hover {
  color: black;
}

#attention {
  max-width: 550px;
  margin: .3rem auto 0;
  border: 1px solid black;
  padding: .5rem;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
  font-size: .95em;
}

#attention span {
  word-break: keep-all;
}

/*--------------------------------------
	pickup
---------------------------------------*/
#pickup .pickupWrapper {
  margin-top: 10px;
  padding: 0 15px;
  width: 482px;
}

.pickup_bnr {
  position: relative;
  right: 3.2%;
  padding-bottom: 2%;
}

.pickup_bnr_m {
  display: none;
}

#pickup .pickupWrapper .contents01, #pickup .pickupWrapper .contents02, #pickup .pickupWrapper .contents03, #pickup .pickupWrapper .contents04 {
  padding: 5px;
}

#pickup .pickupWrapper .contents01 {
  float: left;
  width: 230px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#pickup .pickupWrapper .contents02 {
  float: right;
  width: 229px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#pickup .pickupWrapper .contents03 {
  float: left;
  width: 230px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#pickup .pickupWrapper .contents04 {
  float: right;
  width: 229px;
  border: 1px solid #cccccc;
}

#cooking .cookingWrapper .contents01 img.titlePhoto, #cooking .cookingWrapper .contents02 img.titlePhoto, #cooking .cookingWrapper .contents03 img.titlePhoto, #pickup .pickupWrapper .contents01 img.titlePhoto, #pickup .pickupWrapper .contents02 img.titlePhoto, #pickup .pickupWrapper .contents03 img.titlePhoto, #pickup .pickupWrapper .contents04 img.titlePhoto {
  float: left;
  margin-right: 10px;
}

#cooking .cookingWrapper .contentsBox, #pickup .pickupWrapper .contentsBox {
  float: left;
  width: 135px;
  line-height: 1.2;
  font-size: 70%;
}

/*--------------------------------------
	company
---------------------------------------*/
#company {
  width: 60%;
  margin: 0 auto;
}

#company-header {
  padding-top: 2%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.company-title {
  width: 73%;
}

.company-title.c-name_en {
  width: 22%;
}

.company-title img {
  width: 100%;
  height: auto;
}

#c-header_line img {
  width: 100%;
}

.company-cont {
  border: solid 1px #d0c6c6;
  padding: 0.3% 0;
  border-radius: 3px;
  margin: 0 0.3%;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
}

.company-profile {
  margin: 0 auto 15px;
}

.company-list {
  padding: 0 3%;
}

#company-menu {
  margin: 1.5% 0 3%;
  font-size: 1.1em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
}

.company-cont a:hover {
  color: #e83820;
}

#company-info {
  margin: 0 auto;
  padding-top: 10px;
  width: 100%;
  border-spacing: 0;
}

#company-info td {
  border-bottom: solid 1px #d0c6c6;
  padding: 1% 0;
  vertical-align: top;
}

td.company-sec-end {
  border-bottom: 0 !important;
  font-weight: bold !important;
}

td.company-sec-jaend {
  border-bottom: none !important;
}

#company-info tr {
  height: 12px;
}

#company-info th {
  width: 120px;
}

td.company-sec {
  width: 30%;
  vertical-align: top;
  font-weight: bold;
}

td.company-sec-tlen {
  border-bottom: none !important;
  font-weight: bold;
}

.company-info th {
  width: 120px;
  padding-left: 15px;
}

#company-office {
  margin-top: 6%;
}

#company-office img {
  width: 100%;
}

#company-catch {
  width: 45%;
  margin: 3.5% auto 1%;
}

#company-catch img {
  width: 100%;
}

td.company-sec-enend {
  font-weight: normal;
  border-bottom: none !important;
}

.message-topimg img {
  width: 100%;
}

.message-topimg {
  width: 33%;
  margin-bottom: 4%;
}

#message-img img {
  width: 100%;
}

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

.nishinomiya-factory {
  margin-left: 2%;
  width: 110%;
}

.nishinomiya-factory_en {
  margin-left: 2%;
  width: 154%;
}

.nishinomiya-factory_en img {
  width: 100%;
}

.sannan-factory_en {
  width: 112%;
}

.koujyo-content_en {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  margin-top: 4%;
}

.nishinomiya-factory img {
  width: 100%;
}

.nishinomiya-description {
  margin: 3% 0;
}

.nishinomiya-tx.nishinomiya-dome {
  margin-top: 7%;
}

.koujyo-content.laboratory-sec {
  margin: 4% 0;
}

.nishinomiya-factory.laboratory {
  margin: 0 2% 0 0;
  width: 85%;
}

.sannan-factory {
  width: 68%;
}

.activity-content {
  position: relative;
}

.activity-content img {
  width: 100%;
}

.activity-link {
  position: absolute;
  width: 25%;
  height: 17%;
  cursor: pointer;
}

.activity-link a {
  display: block;
  width: 100%;
  height: 100%;
}

.activity-link.kouken_mg_01 {
  top: 26%;
  left: 58%;
}

.activity-link.kouken_mg_06 {
  top: 46%;
  left: 17%;
}

/* .activity-link.kouken_mg_08 {
    top: 58%;
    left: 53%;
} */
.activity-link.kouken_mg_02 {
  top: 61%;
  left: 53.5%;
}

.office-link {
  position: absolute;
  width: 14.5%;
  height: 4%;
  cursor: pointer;
}

.office-link a {
  display: block;
  width: 100%;
  height: 100%;
}

.office-link.office-sapporo {
  top: 5%;
  left: 51.5%;
}

.office-link.office-morioka {
  top: 23.5%;
  left: 64%;
}

.office-link.office-tokyo {
  top: 44.5%;
  left: 62.5%;
}

.office-link.office-tokyo_en {
  top: 47.5%;
  left: 62.5%;
}

.office-link.office-kooriyama {
  top: 28.6%;
  left: 66.5%;
}

.office-link.office-tokyo-main {
  top: 1.5%;
  left: 82.5%;
  height: 26.5%;
  width: 16%;
}

.office-link.office-tokyo-main_en {
  top: 6.5%;
  left: 82.5%;
  height: 26.5%;
  width: 16%;
}

.office-link.office-yokohama {
  top: 55%;
  left: 58%;
}

.office-link.office-shizuoka {
  top: 59.5%;
  left: 55%;
}

.office-link.office-nagoya {
  top: 64.5%;
  left: 51%;
}

.office-link.office-osaka-main {
  top: 69.5%;
  left: 2%;
  height: 26.5%;
  width: 16%;
}

.office-link.office-hiroshima {
  top: 31%;
  left: 16%;
}

.office-link.office-nakatsu {
  top: 35.5%;
  left: 12.5%;
}

.office-link.office-kyusyu {
  top: 40.5%;
  left: 12%;
}

.office-link.office-osaka {
  top: 70%;
  left: 54.5%;
}

.office-link.office-osaka_en {
  top: 73%;
  left: 54.5%;
}

.salon-info {
  text-align: right;
}

#company-office_m {
  display: none;
}

/*--------------------------------------
	profile
---------------------------------------*/
#company-menu_en {
  margin: 1.5% auto 3%;
  font-size: 1.1em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  width: 80%;
}

/*--------------------------------------
	news_paper
---------------------------------------*/
#media-content {
  width: 75%;
  margin: 0 auto;
  background-color: #fbe8eb;
}

#media-content img {
  width: 100%;
}

.media-title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 1%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 96%;
  margin: 0 auto;
}

.media-maintitle {
  width: 40%;
}

.other-media {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
}

.other-media-link {
  width: 30%;
}

.other-media-link.madia-cm {
  margin-right: 1.5%;
}

.media-content {
  margin: 0 2% 2% 2%;
}

.media-content {
  margin: 0 2% 2% 2%;
  background-color: white;
  padding: 3%;
  font-size: 1.1em;
  line-height: 1.6em;
  border-bottom: solid 17px #fbe8eb;
}

.media-section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 1px dashed;
  padding: 1.5% 0;
}

.media-img {
  width: 15%;
  margin-right: 2%;
}

.media-day {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  background: #e4e4e4;
  padding: 0.5% 1.5%;
}

.media-subtitle {
  width: 100%;
}

.media-next {
  width: 18%;
  padding-top: 1%;
}

.media-tx {
  margin: 1% 0 0 1.5%;
}

.media-info {
  width: 100%;
  border-top: 1px dashed;
  padding: 1.5% 0;
}

/*--------------------------------------
	news_paper 詳細
---------------------------------------*/
#media-post {
  width: 75%;
  margin: 3% auto 0;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.6em;
}

.media-post-news {
  text-decoration: underline;
  margin-bottom: 5%;
  font-weight: bold;
}

.media-post-day {
  margin-bottom: 2%;
}

.media-company {
  margin-bottom: 3%;
  font-weight: bold;
}

.media-post-title {
  margin-bottom: 1.5%;
}

.media-post-img {
  width: 45%;
  margin: 0 auto;
}

.media-post-img img {
  width: 100%;
}

.media-img-big {
  margin: 1.5% 0 1%;
}

.media-page-back {
  text-decoration: underline;
}

.media-company.mptx {
  margin-bottom: 0;
}

.media-post-tx {
  text-align: left;
  width: 70%;
  margin: 0 auto;
}

/*--------------------------------------
	food
---------------------------------------*/
.slider.product-slider.slick-initialized.slick-slider.slick-dotted {
  margin-top: 5% !important;
}

#use-scene {
  width: 60%;
  margin: 0 auto 6%;
}

#use-scene img {
  width: 100%;
}

.item-title {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 4%;
  text-align: center;
}

.health_topphoto {
  margin-top: 10px;
}

#health_s > img {
  margin-top: 10px;
}

#health_s > img + br + img {
  margin-top: 10px;
}

#health_container {
  width: 700px;
  font-size: 12px;
}

.health_photo {
  float: right;
}

#health_photo_02 {
  float: left;
}

.clear {
  clear: both;
}

.health_p {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 700px;
}

#health_p2 {
  margin-bottom: 100px;
}

#health_right_p {
  padding-left: 20px;
}

#health_right_p {
  margin-left: 280px;
}

.health_pict {
  margin-top: 20px;
}

#food-content {
  width: 60%;
  margin: 3% auto 0;
}

#food-content-en {
  width: 60%;
  margin: 3% auto 3%;
}

#food-content-cn {
  width: 60%;
  margin: 3% auto 3%;
}

@media screen and (max-width: 768px) {
  #food-content-cn {
    width: 90%;
    margin: 3% auto 3%;
  }
}

#food-concept {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  margin-bottom: 9%;
}

.from-plantation {
  width: 46%;
  padding-right: 4%;
}

.from-plantation.prun {
  padding-right: 0%;
  padding-left: 4%;
}

.prune-link {
  margin-top: 8%;
  text-align: right;
}

.prune-link a {
  color: cornflowerblue;
  border-bottom: cornflowerblue 1px solid;
}

.from-detail {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.from-catch {
  width: 49%;
}

.from-txt {
  width: 49%;
  text-align: justify;
  font-size: 1.05em;
  line-height: 1.6em;
  padding: 1% 0 0 2%;
}

.from-catch img {
  width: 100%;
}

#food-material {
  margin-bottom: 9%;
}

.material {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 0.5%;
}

.material-btn {
  width: 32%;
  padding: 0.1% 0.5%;
}

.material-btn img {
  width: 100%;
}

.food-section {
  border: solid 1px #d0c6c6;
  width: 20.5%;
  margin: 0 1% 2%;
  padding: 1%;
  overflow: hidden;
  height: 290px;
}

#product_middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 101%;
}

.food-recommended {
  width: 50%;
  height: 10%;
}

.food-recommended img {
  width: 100%;
}

.food-img {
  margin: 0 auto;
  width: 70%;
  height: 150px;
  padding-top: 5%;
}

.food-img img {
  width: 100%;
  height: auto;
}

.food-title {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 4%;
  position: relative;
}

.food-txt {
  text-align: justify;
}

#food-annotation {
  float: right;
  margin-bottom: 5%;
}

p.food-tx2 {
  padding-left: 5%;
}

/*--------------------------------------
	スキンケア商品
---------------------------------------*/
.skin_image_banner_block {
  padding: 0 1%;
}

.skin_image_banner_link img {
  border: 1px solid #888;
  margin-top: 1%;
}

#skin-bland {
  width: 60%;
  margin: 66px auto 10%;
}

#skincare {
  margin-bottom: 60px;
}

#skin-bland h6 {
  font-size: 1.25em;
  border-bottom: solid 2px crimson;
  padding: 0 1.5% 1% 1.5%;
}

/*--------------------------------------
	stream
---------------------------------------*/
.stream_p {
  float: left;
}

.stream_s {
  padding-right: 35px;
  margin-left: 270px;
}

.stream_s b {
  margin-left: 5px;
}

.import {
  margin-bottom: 100px;
}

#stream_t01 {
  margin-bottom: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------
	map
--------------------------------------*/
#office-container {
  width: 75%;
  margin: 0 auto;
}

#office-container p {
  margin-top: 1%;
}

h1#office-title {
  font-size: 1.1em;
  background-color: #e83820;
  text-align: center;
  font-weight: bold;
  color: white;
  padding: 0.5% 0;
}

h3#office-name {
  margin-top: 2%;
  font-size: 1.4em;
  font-weight: bold;
}

#office-section {
  margin-bottom: 4%;
}

#office-close {
  text-align: center;
}

.office-map {
  text-align: center;
  height: 550px;
}

/*--------------------------------------
	activity
---------------------------------------*/
#activity-header {
  text-align: center;
  border-bottom: solid 1px #d0c6c6;
  margin-bottom: 2%;
}

.activity-title {
  width: 35%;
  margin: 0 auto;
}

.activity-title img {
  width: 100%;
  height: auto;
}

.miki-bunko {
  margin-bottom: 6%;
}

.bunko-caption {
  font-weight: bold;
  color: #e83820;
  margin-bottom: 1%;
}

.miki-bunko-photo {
  display: flex;
  width: 100%;
  margin: 1em 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.miki-bunko-photo img {
  padding: 1.5%;
  max-width: 100%;
  height: auto;
  text-align: center;
}

.miki-bunko-photo > img.last {
  width: 50%;
  height: auto;
}

.bunko-action {
  margin-bottom: 6%;
}

#miki-manga {
  margin-top: 3rem;
}

.miki-manga-title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}

.manga-line-tl {
  width: 15%;
}

.manga-line-tl img {
  width: 100%;
}

.manga-line-txt {
  margin: 0 1.5%;
  text-align: center;
}

span.manga-emphasis {
  font-weight: bold;
  font-size: 1.3em;
}

.manga-description {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 70%;
  margin: 2% auto 0;
}

.manga-image {
  width: 35%;
}

.manga-image img {
  width: 100%;
}

.manga-txt {
  width: 80%;
  margin-left: 2%;
  text-align: justify;
}

#manga-page {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 3% 0 2%;
}

.comic-image {
  border: solid 1px #d0c6c6;
  margin: 2px 1%;
}

.comic-image img {
  width: 100%;
}

.valley-caption {
  margin-bottom: 1%;
}

.miki-bunko-photo.valley-photo {
  margin-bottom: 5%;
}

#jcl-link {
  margin: 5% auto;
  text-align: center;
}

#jcl-link a {
  border-bottom: black 1px solid;
}

/*--------------------------------------
	アプリ紹介
---------------------------------------*/
#app-content {
  width: 50%;
  margin: 3% auto 0;
}

.content_app_info {
  width: 100%;
}

.content_app_info img {
  width: 100%;
}

.content_app_info .head_comment {
  margin-left: 15%;
  width: 80%;
}

.content_app_info .sp {
  width: 40%;
  float: left;
}

.content_app_info .qr {
  width: 30%;
  padding-top: 7%;
  float: left;
}

.content_app_info .qr .qr_message {
  width: 90%;
}

.content_app_info .qr .qr_code {
  margin-left: 20%;
  width: 50%;
}

.content_app_info .store {
  width: 30%;
  padding-top: 8%;
  float: left;
}

.content_app_info .store .apple_banner {
  margin-left: 20%;
  width: 60%;
}

.content_app_info .store .android_banner {
  margin-left: 15%;
  width: 70%;
}

.content_app_info .description {
  width: 100%;
  font-size: 1.5em;
  clear: both;
}

.content_app_info .description_title {
  padding: 10px 0 10px 20px;
  margin-bottom: 2%;
  background-color: #d83c2c;
  color: #ffffff;
}

.content_app_info .description .description_sub {
  padding: 1%;
}

.content_app_info .description .icon_frame_off {
  width: 2%;
  padding-right: 5px;
  float: left;
  margin-top: 0.2%;
}

.content_app_info .description .description_subtitle {
  color: #d83c2c;
}

.content_app_info .description .description_content {
  margin-left: 3%;
  margin-top: 1%;
  margin-bottom: 2%;
  line-height: 1.5em;
  clear: both;
}

.content_app_info .description .description_note {
  font-size: 0.8em;
}

.content_app_info .description .asta {
  font-size: 0.8em;
}

.content_app_info .description .how_to_buy {
  color: #219857;
  text-decoration: none;
}

.content_app_info .online {
  width: 96%;
  margin-top: 2%;
  padding: 0% 2% 2% 3%;
}

.content_app_info .online .rc_image {
  width: 35%;
  margin-right: 10%;
}

.content_app_info .online .online_image {
  width: 12%;
}

.content_app_info .member_context {
  margin-left: 10%;
  width: 80%;
  font-size: 1em;
  padding: 10px;
  border: #cccccc 1px solid;
  line-height: 1.5em;
}

.content_app_info .how_to_buy_for_member {
  color: #219857;
  text-decoration: none;
}

.description_site {
  background: white;
  border: 3px solid #E94930;
  padding: 1% 1% 1.5%;
}

.description_site_top {
  font-size: .6em;
  display: block;
  text-align: center;
}

.description_site_main_sp {
  display: none;
}

.description_site_main {
  color: #E94930;
  font-size: .8em;
  text-align: center;
  letter-spacing: .1em;
}

/*--------------------------------------
	Miki Products
---------------------------------------*/
.mikiproducts-list {
  margin-bottom: 4%;
  text-align: right;
}

.mikiproducts-list img {
  width: 12.5%;
  text-align: right;
}

.qa-title img {
  width: 100%;
}

.qa-title {
  margin-bottom: 2%;
}

ul.miki-products-qalist li {
  list-style-type: none;
  background-color: #fdede4;
  margin-bottom: 1%;
}

ul.miki-products-qalist li img {
  margin-right: 1%;
}

ul.miki-products-qalist a {
  border-bottom: black 1px solid;
  position: relative;
}

ul.miki-products-qalist li strong {
  position: relative;
  bottom: 9px;
}

.qa-sec {
  margin: 0 0 2% 5.5%;
}

.qa-sec span {
  color: #e83820;
}

.qa-list-link {
  text-align: right;
  margin-bottom: 3%;
}

.qa-list-link a {
  border-bottom: black 1px solid;
}

ul.miki-products-qalist.household-qa li {
  background-color: #b1d6f2;
}

.skincare-link.three-step {
  width: 35%;
}

#three_step {
  margin-top: 3%;
}

.relate-list {
  margin: 0 0.3% !important;
}

.search-result-title {
  color: #ffffff;
  width: 91%;
  background-color: #e83820;
  margin: 10px 1%;
  padding: 10px 4%;
  border-radius: 5px;
  font-size: 1.2em;
}

.mikiproducts-list img.material-link-img {
  width: 15.5%;
}

@media screen and (max-width: 768px) {
  #food-content, #food-content-en {
    margin-top: 60px;
  }
}

.qa-font-gothic {
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}

.qa-font-mincho {
  font-family: 'Noto Serif JP', sans-serif;
}

.qa-font-mincho h2 {
  font-family: 'Noto Serif JP', sans-serif;
}

.qa-title {
  line-height: 1.6;
}

.qa-title h1 {
  font-size: 1.6em;
}

.qa-sec-title {
  display: flex;
  align-items: center;
  margin-bottom: 1%;
  position: relative;
}

.qa-sec-title p {
  padding: 5px 0;
  font-size: 1.2em;
  width: 5.5%;
  text-align: center;
  color: white;
  align-self: stretch;
}

.qa-sec-title h2 {
  font-size: 1.1em;
  line-height: 1.6;
  align-self: stretch;
  width: calc(100% - 5.5%);
  padding: 5px 3em 5px 1em;
}

.qa-sec-title::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 25%;
  right: 12px;
  border: 0px solid transparent;
  border-top: 3px solid black;
  border-left: 3px solid black;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  border-radius: 2px;
  margin: auto;
  transition-duration: 0.3s;
}

.qa-sec-title.open::after {
  top: 42%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.qa-sec p {
  line-height: 1.6;
}

.qa-sec a {
  color: inherit;
}

/*--------------------------------------
	ency-story
---------------------------------------*/
.ency-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-bottom: 5%;
}

.ency-title {
  font-weight: bold;
  background-color: #F6E1CC;
  font-size: 1.1em;
  padding: 0.5% 2%;
  color: #663300;
  margin-bottom: 1%;
}

.ency-subtitle {
  margin: 0 0 0.5% 2%;
}

.ency-tx {
  margin: 0 0 2% 2%;
}

.ency-description {
  margin-right: 3%;
  width: 70%;
}

.ency-img {
  width: 33%;
}

.ency-img img {
  width: 100%;
}

.ency-toptitle {
  width: 28%;
  margin-bottom: 1%;
}

.ency-toptitle img {
  width: 100%;
}

.ency-content.ency-sec {
  display: block;
}

.ency-tx-img {
  width: 45%;
  text-align: center;
  margin: 1% auto 0;
}

.ency-tx-img {
  width: 100%;
}

p.ency-small.second-tx {
  margin-top: 0;
}

p.ency-small {
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 4%;
}

.ency-second {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-left: 2%;
}

.ency-img-tx {
  width: 40%;
  margin-right: 1%;
  text-align: justify;
}

.ency-des-tx {
  width: 70%;
}

#p_hyakka_container p {
  padding-left: 5px;
  margin: 15px 0 15px;
}

.p_hyakka_haba {
  width: 660px;
  margin: 0 auto 0;
}

.p_hyakka_haba strong {
  font-size: 13px;
  color: #663300;
}

.p_hyakka_haba {
  line-height: 140%;
}

.p_hyakka_midashi {
  font-weight: bold;
  background-color: #F6E1CC;
  font-size: 14px;
  padding: 5px;
  color: #663300;
}

#p_hyakka_center01 {
  display: block;
  width: 320px;
  margin: 0 auto 0;
}

#p_hyakka_center02 {
  text-align: center;
}

.p_hyakka_half {
  width: 408px;
}

#m_p_title {
  margin: 10px 0 10px;
}

#p_hyakka03 {
  width: 360px;
}

#p_hyakka04 {
  margin-left: auto;
  margin-top: 10px;
  width: 277px;
}

.p_small {
  font-size: 10px;
}

.p_midashi_right {
  float: right;
  font-weight: bold;
  background-color: #F6E1CC;
  font-size: 14px;
  padding: 5px;
  width: 396px;
  margin-top: 15px;
}

#p_hyakka05 {
  width: 240px;
  float: left;
}

#p_hyakka06 {
  width: 390px;
  float: right;
  padding-bottom: 25px;
}

#p_hyakka07 {
  display: block;
  float: right;
  width: 200px;
}

.p_hyakka_ul {
  text-align: center;
  width: 600px;
  margin-bottom: -50px;
}

.p_hyakka_ul li {
  display: inline;
  border-left: 1px solid #FF0000;
  padding-left: 6px;
}

.p_hyakka_ul a {
  color: #FF0000;
}

li:first-child {
  border-left: none;
}

#abogado_pic {
  margin-top: 10px;
}

/*--------------------------------------
	Producst/Cosme
---------------------------------------*/
#cosme {
  width: 695px;
  text-align: center;
}

#cosme a img {
  border: none;
  vertical-align: bottom;
}

#dd, #biodroga {
  margin: 0 auto;
  width: 635px;
  text-align: left;
}

#dd .exp, #dd img.mainvisual, #biodroga .exp, #biodroga img.mainvisual {
  float: left;
}

#viv .exp, #viv img.mainvisual {
  float: left;
  text-align: left;
}

#viv .exp {
  width: 490px;
}

/*--------------------------------------
	skin care
---------------------------------------*/
#cream-fondation-container {
  width: 1024px;
  height: 594px;
  background: url(../images/product/top_bg.jpg) no-repeat;
}

.skincare-topheader img {
  width: 100%;
}

.skincare-topheader h1 {
  text-align: center;
  margin-top: 2.5%;
  margin-bottom: 1% !important;
  font-size: 1.5em !important;
}

.skincare-concept {
  width: 60%;
  margin: 0 auto 5%;
}

h1.other-subtitle {
  font-size: 1.3em !important;
  letter-spacing: 0.2em;
  padding: 0 1.5% 1% 1.5%;
  border-bottom: solid 2px #e83820;
  margin-bottom: 1% !important;
  text-align: left;
}

#banner p {
  width: 100%;
  text-align: left;
  letter-spacing: 0.1em;
  padding-left: 1.5%;
}

#skin-brand-banner img {
  width: 100%;
  height: auto;
  margin-bottom: 1%;
}

.skincare-link {
  width: 20%;
  margin: 5% auto 8%;
  text-align: center;
}

.skincare-link img {
  width: 100%;
  padding-bottom: 2%;
}

.skincare-link_p {
  width: 66%;
  margin: 5% auto 0;
  text-align: center;
}

.skincare-link_p img {
  width: 100%;
  padding: 1.5% 0;
}

.skincare-link.home-qa {
  width: 27%;
}

.skincare-category {
  width: 60%;
  margin: 0 auto;
}

h1.other-subtitle.other-genre {
  font-size: 1.25em !important;
  margin-bottom: 0.5% !important;
}

.search-category {
  margin-bottom: 7%;
}

.search-genre {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 104%;
  margin-left: 1%;
}

.search-product {
  border: solid 1px #d0c6c6;
  width: 20.5%;
  height: 30px;
  padding: 1% !important;
  border-radius: 3px;
  color: #e83820;
  margin: 0.5%;
  font-size: 1.2em;
  overflow: hidden;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.search-tit {
  float: left;
  width: 90%;
  padding-left: 5%;
  text-align: justify;
}

.search-sec {
  float: left;
  width: 5%;
}

.blog-link {
  width: 39%;
  margin: 2% 0 14% 1%;
}

.blog-link img {
  width: 100%;
}

.brand-list {
  text-align: center;
  margin: 0 auto;
}

.skincare-product {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}

#miki-product {
  width: 60%;
  margin: 0 auto;
}

.brand-name {
  width: 90%;
  font-size: 1.2em;
  margin: 10px 1%;
  padding: 10px 4%;
  border-bottom: 1px solid #e83820;
}

.product-skin {
  margin-top: 60px;
}

.lineup-skin {
  width: 20.5%;
  height: auto;
  display: inline-block;
  zoom: 1;
  margin: 0 2% 90px;
  text-align: center;
}

.productimage-skin {
  margin-bottom: 33px;
  text-align: center;
  width: 155px;
  height: 157px;
  display: inline;
}

.productimage-skin img {
  margin-bottom: 25px;
  width: 100%;
  height: auto;
}

.details-skin {
  display: inline-table;
  width: 100%;
}

.productname-skin {
  font-weight: bold;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.6em;
}

.skin-capacity {
  text-align: left;
  font-size: 1.1em;
  line-height: 1.6em;
}

.price-skin {
  text-align: left;
}

#skinproduct_list, #personalproduct_list {
  width: 60%;
  margin: 0 auto;
}

.caution-left {
  text-align: left;
  color: black;
}

/*--------------------------------------
	clearfix
--------------------------------------*/
.group:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.group {
  min-height: 1px;
}

* html .group {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--------------------------------------
	skincare_list
--------------------------------------*/
div#skincare_list #banner img {
  width: 99%;
  height: auto;
  border: 1px solid #888;
  margin-top: 27px;
}

div#skincare_list .product {
  margin-top: 60px;
  text-align: center;
}

div#skincare_list .product2 {
  margin-top: 60px;
  margin-left: 10px;
  margin-bottom: 70px;
}

div#skincare_list .lineup {
  width: 155px;
  height: auto;
  display: inline-block;
  zoom: 1;
  hasLayout: true;
  margin: 0 35.6px 0;
  text-align: center;
}

div#skincare_list .productimage {
  margin-bottom: 33px;
  text-align: center;
  width: 155px;
  height: 157px;
  display: inline;
}

div#skincare_list .productimage img {
  margin-bottom: 25px;
}

div#skincare_list .details {
  display: table-cell;
  width: 155px;
}

div#skincare_list .productname {
  font-weight: bold;
  text-align: left;
}

div#skincare_list .capacity {
  text-align: left;
}

div#skincare_list .price {
  text-align: left;
}

div#skincare_list #prcs_thrstp {
  text-align: center;
}

div#skincare_list #prcs_thrstp img {
  width: 40%;
  height: auot;
  text-align: center;
}

/*--------------------------------------
	single_skincare_page
--------------------------------------*/
div#skincare #banner img {
  width: 99%;
  height: auto;
  border: 1px solid #888;
  margin-top: 27px;
}

div#skincare #product {
  margin-top: 60px;
  text-align: center;
}

div#skincare .product2 {
  margin-top: 60px;
  margin-left: 10px;
}

div#skincare .product_details {
  display: inline-block;
  width: 347px;
  text-align: center;
}

div#skincare .details1 {
  text-align: left;
  width: 250px;
}

div#skincare .details2 {
  display: table-cell;
  width: 151px;
}

div#skincare .product_details > img {
  width: 32%;
  text-align: center;
  margin-bottom: 90px;
}

div#skincare .price {
  font-weight: normal;
  text-align: left;
}

div#skincare .description {
  margin-top: 8px;
  margin-bottom: 24px;
}

div#skincare .lineup {
  width: 151px;
  height: auto;
  display: inline-block;
  zoom: 1;
  hasLayout: true;
  margin: 37px 36px 0;
  text-align: center;
}

div#skincare .productimage {
  display: inline;
  margin: auto;
  margin-bottom: 33px;
  width: 155px;
  height: 157px;
}

div#skincare .productimage img {
  margin-bottom: 25px;
}

div#skincare .capacity {
  text-align: left;
}

div#skincare .prcs_thrstp > p > a > img {
  width: 100%;
  height: auot;
}

div#skincare .productname {
  font-weight: bold;
  text-align: left;
}

div#skincare #bland {
  margin-top: 66px;
}

.product-img {
  margin: 0 auto;
  width: 75%;
}

.product-img img {
  width: 100%;
}

.product_details_skin {
  width: 46%;
  padding-right: 4%;
  text-align: center;
}

.skincare-description {
  text-align: left;
  margin-top: 4%;
  font-size: 1.1em;
  line-height: 1.6em;
  border-left: solid 6px #e83820;
  padding-left: 1%;
}

.skincare-description .graph-flour {
  width: 80%;
  margin: 0 auto;
}

.skincare-p_name {
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight: bold;
}

.skincare-p_name.food-neme {
  margin: 1% 0 4%;
}

.skincare-p_cont {
  font-size: 1.15em;
  line-height: 1.6em;
  margin-bottom: 4%;
}

.capacity-title {
  width: 50%;
}

.capacity-skin {
  text-align: left;
  width: 50%;
}

.skin-description {
  text-align: left;
}

.skincare-sec {
  margin-bottom: 10%;
  text-align: left;
}

.skincare-sec p {
  padding-left: 2% !important;
}

.skincare-capacity {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 3% 0 3% 2%;
  font-size: 1.1em;
  border-bottom: solid 1px #d0c6c6;
}

.other-subtitle.skin-ohter {
  margin-bottom: 0 !important;
}

.skin-component {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
  border-bottom: solid 1px #d0c6c6;
}

.skin-component input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.skin-component label {
  line-height: 3;
  position: relative;
  display: block;
  padding: 0 0 0 2%;
  cursor: pointer;
  margin: 0 0 1px 0;
  background: none;
  color: black;
  font-size: 1.1em;
}

.skin-component .component-tx {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
  color: #333333;
  width: 100%;
  float: right;
}

.skin-component .component-tx p {
  margin: 1em 0;
  word-break: break-all;
  text-align: justify;
  line-height: 1.6em !important;
  padding-left: 5px !important;
}

/* :checked */
.skin-component input:checked ~ .component-tx {
  max-height: 100%;
}

/* Icon */
.skin-component label::after {
  line-height: 1;
  position: absolute;
  top: 30%;
  left: 5em;
  display: block;
  width: 1em;
  height: 1em;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center;
  border: solid 1px black;
}

.skin-component input[type=checkbox] + label::after {
  content: '+';
}

.skin-component input[type=checkbox]:checked + label::after {
  content: '-';
}

.skin-component.food-com label {
  padding: 0;
  line-height: 1.5em;
  font-size: 1.05em;
}

.skin-component.food-com label::after {
  top: 2px;
  right: 0;
  left: auto;
  margin-right: 1.5%;
  color: #e83820;
  border: solid 1px #e83820;
}

.skin-component.food-com {
  border-bottom: none;
  margin-bottom: 10%;
}

.component-tx.food-com-tx > p {
  display: none;
}

.component-tx.food-com-tx.tabs-display p {
  display: block;
}

table.raw-material {
  font-size: 1.1em;
  width: 98%;
  text-align: left;
  border-spacing: 0;
  margin: 0.5% auto 0;
  border: solid 1px #d0c6c6;
  border-bottom: none;
}

table.raw-material td {
  width: 50%;
  padding: 0.5% 2%;
  margin: 0 !important;
  border-bottom: solid 1px #d0c6c6;
  vertical-align: top;
}

tr.detail-title {
  background-color: gainsboro;
  font-weight: bold;
  border-bottom: solid 1px #d0c6c6;
}

td.detail-sub {
  border-left: solid 1px #d0c6c6;
}

table.raw-material.nutrition {
  margin-top: 2%;
}

td.nutrition-tit {
  background-color: gainsboro;
  border-bottom: solid 1px #d0c6c6;
  border-right: solid 1px #d0c6c6;
  font-weight: bold;
}

td.nutrition-sub {
  border-bottom: solid 1px #d0c6c6;
  text-align: right;
}

td.nutrition-tit.nur-end {
  border-bottom: none;
}

h1.f-maintitle {
  font-size: 1.3em !important;
  line-height: 1.6em;
  margin-bottom: 0.5% !important;
}

span.f-subtx {
  font-size: 0.95em;
}

h2.raw-subname {
  font-size: 1.1em;
  margin-top: 2%;
  margin-left: 1%;
}

h2.raw-subname.last-raw {
  margin-top: 6%;
}

.component_remarks.food-com-re {
  margin: 0;
  font-size: 1em;
}

.component-tx.food-com-tx {
  width: 100%;
}

.component_remarks {
  font-size: 1em;
  margin-top: 3%;
  padding-left: 5px;
}

.skincare-product.food-pro {
  margin-top: 60px;
}

.recommended img {
  width: 100%;
}

.recommended {
  width: 30%;
  margin: 0 auto;
}

.skincare-p_img {
  margin: 0 auto;
  width: 75%;
}

.skincare-p_img img {
  width: 100%;
}

.skincare-sec ul {
  padding-left: 2%;
  margin-top: 1%;
  font-size: 1.1em;
  line-height: 1.6em;
}

.capacity-skin.cap-food p {
  font-size: 1em;
}

#food-recipe {
  margin-bottom: 6%;
}

.miki-p-image {
  width: 48.5%;
  margin-left: 1%;
}

.miki-p-image img {
  width: 100%;
}

.food-recipe-image {
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

#food-prolist {
  margin-bottom: 8%;
}

.face_howto {
  width: 44%;
}

.face_howto img {
  width: 100%;
}

/*--------------------------------------
	cooking_contest
--------------------------------------*/
.prize_information {
  width: 135px;
  background-color: #666666;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
  border-top-style: solid !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
  border-right-style: solid !important;
  border-spacing: 0px;
}

#cooking_contest a {
  color: #c00 !important;
}

/*--------------------------------------
	家庭用品
---------------------------------------*/
.other-banner img {
  width: 100%;
}

.other-banner_m {
  display: none;
}

#other-product-list {
  width: 75%;
  margin: 0 auto;
}

.other-product {
  margin-top: 60px;
}

.other-lineup {
  width: 20.5%;
  height: auto;
  display: inline-block;
  zoom: 1;
  margin: 0 2% 90px;
  text-align: center;
}

.other-productimage {
  margin-bottom: 33px;
  text-align: center;
  width: 155px;
  height: 157px;
  display: inline;
}

.other-productimage img {
  margin-bottom: 25px;
  max-width: 100%;
}

.other-details {
  display: inline-table;
  width: 100%;
}

.other-productname {
  font-weight: bold;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.6em;
}

.other-capacity {
  text-align: left;
  font-size: 1.1em;
  line-height: 1.6em;
}

.other-capacity.household-cap {
  min-height: 42px;
}

.other-lineup.household-line {
  margin-bottom: 0;
}

.home_p_catch {
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight: bold;
  color: #000066;
}

.home-pro-name {
  font-size: 1.2em;
  padding: 1% 0 2% 2% !important;
  border-bottom: solid 1px #d0c6c6;
  font-weight: bold;
  color: #000066;
}

.home-product {
  margin-bottom: 6%;
}

#product_list {
  margin-bottom: 1%;
}

#home-product_list, .personalcare-product_list {
  text-align: center;
  margin-bottom: 3%;
}

/*--------------------------------------
	パーソナルケア商品
---------------------------------------*/
#personalproduct_list .lineup-skin {
  margin-bottom: 50px;
}

.personalcare-product_list {
  margin-bottom: 8%;
}

.personalcare-product_list img {
  width: 12%;
}

.personal-link {
  margin: 0 auto 8%;
}

/*--------------------------------------
	ご愛用者の声
---------------------------------------*/
#ambassador-topbnr {
  text-align: center;
  margin: 3% auto 0;
  width: 30%;
}

#ambassador-topbnr img {
  width: 100%;
}

#ambassador {
  padding: 2%;
  width: 50%;
  margin: 0 auto;
  margin-top: 2.5%;
  margin-bottom: 2.5%;
  border: solid 3px hotpink;
  border-radius: 10px;
}

.user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -js-display: flex;
  margin: 0 auto 4%;
}

.favorite-product {
  width: 100%;
  margin-left: 2%;
}

.ambassador-image {
  width: 30%;
}

.ambassador-image img {
  width: 100%;
}

.user-image {
  width: 45%;
}

.user-image img {
  width: 100%;
  box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.5), 0px -2px 4px -4px rgba(0, 0, 0, 0.5);
}

.user-details {
  text-align: justify;
  margin-left: 7%;
  /*width: 100%;*/
}

h1.ambassador-maintitle {
  font-size: 1.5em;
  line-height: 1.4em;
  color: lightseagreen;
  margin-bottom: 4% !important;
  width: 100%;
}

h2.user_name {
  font-size: 1.25em;
  font-weight: normal;
}

.self-introduction {
  margin-bottom: 5.5%;
  line-height: 1.7em;
  font-size: 1.1em;
  width: 100%;
}

.ambassador-voice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  float: left;
  margin-bottom: 5%;
  width: 100%;
}

p.ambassador-title {
  color: #696969;
  font-size: 1.1em;
  margin-bottom: 3.5%;
}

p.ambassador-name {
  line-height: 1.7em;
  color: hotpink;
  margin-bottom: 2%;
  font-weight: bold;
  font-size: 1.15em;
}

p.ambassador-link a {
  color: #5979FC;
  border-bottom: #5979FC 1px solid;
}

#ambassador-hr img {
  width: 100%;
  margin-bottom: 5%;
}

.favorite-point {
  line-height: 1.7em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -js-display: flex;
  padding: 0;
  text-align: justify;
}

.favorite-point ol {
  margin: 0;
}

.favorite-point li {
  margin-left: 5%;
}

.favorite-point td {
  vertical-align: top;
}

.recipe {
  text-align: justify;
  text-justify: inter-ideograph;
}

.recipe td {
  vertical-align: top;
}

.used {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -js-display: flex;
  width: 65%;
}

.favorite-point-tx {
  width: 85%;
  font-size: 1.1em;
}

.used-image {
  text-align: center;
  margin: 0 auto;
  padding-left: 9px;
  width: 50%;
}

.used-image img {
  width: 100%;
}

.used-image-end {
  width: 50%;
  text-align: center;
}

/*--------------------------------------
	隣のミキさん
---------------------------------------*/
.blog-header {
  position: relative;
  width: 704px;
  margin: 0 auto;
}

.blog-header img {
  width: 100%;
}

.blog-header-m {
  display: none;
}

.blog-topbnr {
  margin: 2% auto 2%;
}

.blog-topbnr img {
  width: 100%;
}

.blog-logo {
  position: absolute;
  left: 6%;
  top: 72%;
  width: 34%;
}

.blog-recommended {
  position: relative;
  right: 0.34px;
}

.blog-profile {
  position: relative;
  right: 0.9px;
}

.blog-data {
  padding: 22px 30px 3px;
}

.blog-date {
  font-size: 1.1em;
  padding-left: 6px;
  font-weight: bold;
}

.blog-main {
  padding: 22px 30px;
  text-align: justify;
}

/* 投稿ページでリストが使えるようにする */
.blog-main ul li {
  list-style-type: disc;
  margin-left: 2em;
}

.bloglist-new {
  background: #e8a0c4;
  width: 35px;
  text-align: center;
  border-radius: 3px;
  border-color: #e8a0c4;
  padding: 2px 8px;
  color: white;
  font-weight: normal;
}

h1.blog-title {
  margin-bottom: 0 !important;
  color: #00BFFF;
  padding: 9px 30px;
  line-height: 1.2em;
}

.global-blogNavi {
  margin: 0 auto;
  padding: 0 0 0.5%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 605px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.blog-navi {
  width: 25%;
  padding-right: 0.4%;
}

.blog-navi img {
  width: 100%;
}

.blog-manuNavi {
  margin: 0 auto;
  padding: 1% 0 2%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 605px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.blog-navi.bnavi-end {
  padding-right: 0;
}

.blog-menu {
  width: 34%;
}

.blog-menu img {
  width: 100%;
}

.blog-menu1 {
  position: relative;
  left: 5px;
}

.blog-menu2 img {
  width: 174px;
}

.blog-menu3 {
  position: relative;
  right: 3px;
}

.blog-article {
  width: 605px;
  margin: 0 auto;
  border: solid 2px #8fc31f;
  border-radius: 10px;
}

.back-bloglist {
  text-align: center;
}

.article-good {
  padding: 17px 30px 22px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.good-count {
  padding-left: 16px;
}

.back-bloglist {
  display: none;
}

span.iine-image {
  position: relative;
  top: 2px;
}

.count {
  margin-left: 3%;
  margin-right: 3%;
}

.top-blog-article {
  font-size: 0.9em;
  border-top: solid 2px #8fc31f;
  padding: 15px 20px;
}

.top-archive-good {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.5%;
  margin-left: -3%;
}

.new-article {
  background: #e8a0c4;
  width: 24px;
  text-align: center;
  border-radius: 2px;
  border-color: #e8a0c4;
  padding: 0 2px;
  color: white;
  font-weight: normal;
  font-size: 0.9em;
  height: 16px;
  margin-bottom: 1%;
}

.blog-post {
  font-size: 1.1em;
  margin-top: 2%;
  overflow: hidden;
}

.read-more-btn {
  background-color: #ff952b;
  border: #ff952b;
  border-radius: 20px;
  width: 75px;
  text-align: center;
  margin-top: 4%;
}

.read-more-btn a {
  color: white !important;
  text-decoration: none;
}

.read-more-btn a:hover {
  color: white;
}

.read-more-btn:a:active {
  color: white;
}

/* 隣のミキさん　フォントサイズ変更 */
.allarticle h1.blog-title {
  font-size: 1.4em;
}

.blog-article.allarticle {
  font-size: 14px;
  line-height: 1.6em;
}

.allarticle .article-good, .allarticle .iine-image, .allarticle .good-title {
  font-size: 12px;
}

.allarticle .article-good .good-title {
  font-size: 15px;
  padding-left: 3px;
  width: 55px;
  white-space: nowrap;
}

.allarticle .article-good .good-count {
  font-size: 17px;
  padding: 0;
  vertical-align: 0px;
  padding-left: 3px;
}

.blog-rating-div {
  display: contents;
}

.allarticle .article-good .post-ratings {
  width: 100%;
  opacity: 1;
  /*background-color: #f7d6d6;*/
  padding: 2% 5%;
  border-radius: 7px;
  color: #3a3a3a;
  min-width: 85px;
  cursor: pointer;
}

span.iine-image img {
  width: 18px;
}

/* 隣のミキさん　カテゴリ表示 */
.blog-contributor {
  text-align: left;
}

.blog-article.allarticle .blog-contributor {
  padding: 0px 30px;
  padding-bottom: 25px;
  font-size: 13px;
}

.blog-category {
  padding: 0px 30px;
  font-size: 13px;
}

.blog-category a, .blog-contributor a {
  background-color: #fffae1;
  border-radius: 3px;
  border: 1px solid #cccccc;
}

.conma:last-child {
  display: none;
}

/* 隣のミキさん　LINEシェアボタン */
.allarticle a#blog-lineshare {
  margin-bottom: -1px;
  cursor: pointer;
}

.allarticle a#blog-lineshare img {
  height: 27px;
  vertical-align: -6px;
  margin-right: 0.3em;
  opacity: 1;
}

/*--------------------------------------
	隣のミキさん 記事一覧
--------------------------------------*/
h1.month-archive-title {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO;
  font-size: 1.35em !important;
  font-weight: bold;
  margin: 10px 40px 11px !important;
}

h1.month-archive-title-pc {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO;
  font-size: 1.35em !important;
  font-weight: bold;
  margin: 10px 40px 11px !important;
}

.blog-list {
  font-size: 0.9em;
  color: #8B4513;
  border-top: solid 2px #8fc31f;
  padding: 15px 0 8px;
}

.blog-article a {
  color: #3e3a39;
  text-decoration: none;
}

.blog-article a:hover {
  color: #3e3a39;
}

.blog-article a:active {
  color: #3e3a39;
}

.article-new {
  background-color: red;
  color: white;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 0.85em;
  width: 38px;
  margin-right: 5px;
}

.article-title {
  color: #00BFFF;
  font-size: 1.35em;
  width: 313px;
}

.article-text {
  font-size: 1.1em;
  margin-top: 7px;
  line-height: 1.65em;
  width: 258px;
  text-align: justify;
  color: #3e3a39;
}

.article-day {
  margin-top: 5px;
}

.article {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 20px;
  max-height: 83px;
}

.article-img {
  margin: 0 auto;
  text-align: center;
}

.article-img img {
  max-height: 98px;
  max-width: 150px;
}

.article-main {
  border-left: solid 7px #FF99CC;
  padding-left: 10px;
  height: 50%;
  word-break: break-all;
}

.top-article-headline {
  border-left: solid 7px #FF99CC;
  padding-left: 10px;
  height: 50%;
  word-break: break-all;
}

.archive-good {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 5.1%;
  color: #3e3a39;
  width: 60%;
}

.archive-good-count {
  position: relative;
  top: 0px;
  bottom: 3px;
  padding-left: 4px;
  color: #abaaaa;
  margin: 0 7px;
  padding-right: 3px;
}

.archive-good-count img {
  position: relative;
  top: 3px;
  padding-right: 3px;
  width: 18px;
}

.blog-back {
  text-align: center;
  border-top: solid 2px #8fc31f;
  padding: 12px 0;
  height: 37px;
}

.blog-back img {
  width: 50%;
}

.blog-mobile-nav {
  display: none;
}

.blog-manuNavi-m {
  display: none;
}

h1.blog-profile-title {
  display: none;
}

h1.blog-recommended-title {
  display: none;
}

h1.blog-category-title {
  display: none;
}

h1.blog-archive-title {
  display: none;
}

/*--------------------------------------
	隣のミキさん カテゴリ項目リスト
--------------------------------------*/
.blog-category-list {
  border-top: solid 2px #8fc31f;
  padding: 3% 9%;
}

.blog-category-list a {
  color: #00BFFF;
  text-decoration: none;
}

.blog-category-list a:hover {
  color: #00BFFF;
}

.blog-category-list a:active {
  color: #00BFFF;
}

.blog-category-list li {
  background: url(../images/blog/category-list-icon.png) 0 0 no-repeat;
  background-size: 2%;
}

.blog-category-list p {
  padding-left: 3.5% !important;
}

/*--------------------------------------
	隣のミキさん 年月一覧
--------------------------------------*/
.blog-ym-list {
  border-top: solid 2px #8fc31f;
  padding: 3% 8%;
  font-size: 1.1em;
}

.close {
  font-size: 0.9em;
  float: right;
}

.blog-month {
  margin-left: 6%;
}

.blog-ym-list a {
  color: #3e3a39;
  text-decoration: none;
}

.blog-ym-list a:hover {
  color: #3e3a39;
}

.blog-ym-list a:active {
  color: #3e3a39;
}

label {
  background: #eaf8dc;
  color: #6ab123;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #fff;
}

input[type="checkbox"].on-off {
  display: none;
}

.blog-year ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-year li {
  padding: 1.5% 3%;
  width: 19%;
  float: left;
}

.blog-year li:hover {
  background-color: #f1f8f1;
}

input[type="checkbox"].on-off {
  display: none;
}

input[type="checkbox"].on-off + ul {
  height: 0;
  overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul {
  height: 100px;
}

.blog-post img {
  height: auto;
  max-width: 200px;
}

/*--------------------------------------
	個人情報保護方針
---------------------------------------*/
.privacy {
  font-size: 1.1em;
  line-height: 1.6em;
  text-align: justify;
}

table.privacy-info {
  width: 100%;
  margin-bottom: 0.5%;
}

.revision {
  text-align: right;
}

/*--------------------------------------
	site policy
---------------------------------------*/
#sitepolicy_address {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.sitepolicy-info {
  width: 100%;
}

/*--------------------------------------
	お問い合わせ
---------------------------------------*/
.privacy.miki-contact {
  text-align: center;
  margin-top: 2%;
}

.miki-contact-info {
  margin: 1.5% auto;
  width: 45%;
}

.miki-contact-info img {
  width: 100%;
}

/*--------------------------------------
	その他のページ
---------------------------------------*/
.npo-link-bnr {
  width: 23%;
}

.npo-link-bnr img {
  width: 100%;
}

/* .set-sales {
    margin-top: 3%;
}

.set-sales img {
    width: 100%;
}

.set-sales {
    margin-top: 3%;
    width: 73%;
    margin: 0 auto;
} */
.set-sales {
  border-spacing: 0;
  border: 1px solid #AFAFAF;
  border-left: none;
  width: 100%;
  font-size: 1.2em;
  margin: 0 auto;
  font-weight: bold;
  max-width: 900px;
}

.set-sales tr {
  height: 50px;
}

.set-sales td {
  border-left: 1px solid #AFAFAF;
  border-top: 1px solid #AFAFAF;
  height: 50px;
  letter-spacing: 0.01em;
}

.set-sales td:first-child {
  padding-left: 0.5em;
  white-space: pre-wrap;
}

.set-sales th {
  color: #fff;
  background-color: #EA3922;
  text-align: center;
  border-right: 1px solid #AFAFAF;
  vertical-align: middle;
  padding: 0 0.5em;
  word-break: keep-all;
}

.set-sales td span {
  padding-right: 0.5em;
}

.set_price {
  text-align: right;
  padding-right: 0.5em;
}

.set-sales-title {
  text-align: center;
  margin: 1em 0;
  line-height: 1.4em;
  font-weight: bold;
}

.set_products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  word-break: keep-all;
}

.set_products img {
  height: 45px;
  width: auto;
  padding-left: 0.5em;
}

.set_br {
  display: none;
}

#buy-doc {
  width: 50%;
  margin: 3% auto 0;
}

.company-representative {
  text-align: right;
}

p.three_step_pann {
  margin: 16px 0 0;
  /*for IE*/
}

/*--------------------------------------
	素材の話 2019 Update ver
---------------------------------------*/
div#story_title {
  background: #0043a9;
  display: flex;
}

div#story_title img {
  height: 40px;
  float: left;
  margin: auto 15px;
}

#story_title h1 {
  font-weight: 400;
  font-size: 1.6em;
  color: #FFF;
  padding: 15px 15px 15px 0;
}

div#story {
  margin: 10px 5px 0;
}

h2.story_subtitle {
  color: #0043a9;
  border-bottom: solid 2px;
  line-height: 2em;
  font-size: 18px;
}

h2.story_subtitle div {
  width: calc(100% - 1em - 2%);
}

.story_img_right {
  width: 25%;
  height: 100%;
  text-align: center;
  margin: auto 0;
}

.story_txt_right {
  width: 75%;
  line-height: 2em;
  font-size: 14px;
}

.story_txtbox_right {
  display: flex;
  margin: 10px 0 30px;
}

/* .story_img_right img {
    width: 70%;
    max-width: 130px;
} */
.story_img_center {
  text-align: center;
  margin: 20px 0;
}

.story_txt_center {
  line-height: 2em;
  font-size: 14px;
}

.story_txtbox_center {
  display: block;
  margin: 10px 0 30px;
}

.story_txt_right h2, .story_txt_center h2 {
  font-size: 16.5px;
}

.story_txt_right h3, .story_txt_center h3 {
  font-size: 14px;
  margin: 20px 0 0;
}

.story_txt_right p, .story_txt_center p {
  padding: 0 0 0 1px;
  line-height: 1.7em;
}

.material-update-new {
  position: absolute;
  margin: -20px 0 0;
  z-index: 1;
}

.material-update-new img {
  width: 35px;
}

.material-update-new p {
  color: black;
  font-size: 10px;
  position: absolute;
  margin: -30px 0 0 30px;
  width: 12em;
}

.other-subtitle .material-update-new {
  position: absolute;
  margin: -5px 0 0 -40px;
  z-index: 1;
}

.material-btn {
  padding: 2% 0.5% 0;
}

div#material-link {
  margin: -130px 0 0;
  padding: 130px 0 0;
  display: block;
}

.material-btn span {
  display: none;
  margin: 10px;
}

span.material-pc-1, span.material-pc-2, span.material-pc-3 {
  width: 100%;
  display: inline-flex;
}

span.material-sp-1, span.material-sp-2, span.material-sp-3, span.material-sp-4 {
  width: 100%;
  display: inline-flex;
}

.material.sp {
  display: none;
}

/* グルコエイドのお話 */
.story_glucoade_div {
  display: flex;
  flex-direction: column;
}

.story_glucoade_div img {
  width: 100%;
  height: auto;
}

.story_glucoade_inner_div {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
}

a.glucoade_link {
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  padding: 1%;
  background-color: #f7f5ed;
  margin: 0 auto;
}

/* 中見出しクリックで表示・非表示切り替え */
.tab_check_label {
  background: none;
  padding: 0;
  border: none;
  position: relative;
  cursor: pointer;
}

.tab_check {
  display: none;
}

.tab_content {
  overflow: hidden;
  height: 0;
  margin-bottom: 3%;
}

input[type=checkbox].tab_check + label::after {
  content: '+';
  top: 8px;
  right: 0;
  left: auto;
  width: 1em;
  height: 1em;
  margin-right: 1.5%;
  position: absolute;
  border: 1px solid;
  line-height: 1;
  font-size: 1.1em;
  text-align: center;
}

input[type=checkbox].tab_check:checked + label::after {
  content: '-';
}

input[type=checkbox].tab_check:checked + .tab_check_label + .tab_content {
  height: 100%;
}

/* 栄養のコト */
.nutrition_container .tab_check_label {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  width: 180px;
  margin: auto;
  padding: 4px 0 2px;
  border-radius: 2px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid;
  z-index: 1;
}

.nutrition_container .tab_content {
  height: 85px;
  margin-bottom: 40px;
}

.nutrition_container .tab_content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}

.nutrition_container {
  position: relative;
}

.nutrition_research::before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 2px;
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nutrition_container input[type=checkbox].tab_check + label::after {
  content: "研究レポートを読む";
  position: static;
  border: none;
  font-size: 14px;
  font-weight: bold;
}

.nutrition_container input[type=checkbox].tab_check:checked + label::after {
  content: "研究レポートを閉じる";
}

.nutrition_container input[type=checkbox].tab_check:checked + .tab_check_label {
  bottom: -28px;
}

.nutrition_container input[type=checkbox].tab_check:checked + label .nutrition_research::before {
  margin-bottom: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*--------------------------------------
	販売員ご紹介お問い合わせページ
---------------------------------------*/
ul.slform_ast {
  list-style-type: none;
  text-indent: -1em;
  margin: 0 0 0 1em;
}

ul.slform_ast li:before {
  display: inline;
  content: "※";
}

.slform-content p {
  padding: 0;
}

.slform-content .thanks_message {
  margin: 12px 0;
  position: relative;
}

.slform-content figure {
  width: 27%;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}

.slform-content .thanks_message img {
  max-width: 100%;
}

.slform-title-bar h1 {
  line-height: 1.2em;
  font-family: "Sawarabi Mincho";
  padding: 3px 0;
  font-size: 1.7em;
}

.slform-content table {
  width: 100%;
  border-spacing: initial;
}

.slform-content table th:nth-child(1) {
  width: 200px;
  background-color: #FFFFD4;
  vertical-align: middle;
  border: solid #FFF;
  border-width: 0 1px 1px 0;
  padding: 0 5px 0 15px;
}

.slform-content table td {
  background-color: #FFFFF1;
  border: solid #FFF;
  border-width: 0 0 1px;
  padding: 10px;
}

.slform-content label {
  background: none;
  color: #000;
  border: none;
  padding: 0;
}

.slform-content input[type="text"], .slform-content input[type="email"] {
  background-color: #FFF;
  height: 25px;
  max-width: 98%;
  font-size: 1.2em;
  padding: 1px;
}

.slform-content table div {
  display: flex;
  align-items: center;
}

.slform-content table div input {
  margin-right: 8px;
}

.slform-content table #contact_reason_other_switch {
  margin-left: 15px;
}

p.slform_name {
  display: inline-block;
  width: 2em;
  text-align: center;
  margin: 0 10px 0 0;
}

input.slform_submitbutton, .slform_submitbutton {
  font-size: 1.3em;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  background: #F7F5ED;
  border: inherit;
  color: #000;
  cursor: pointer;
  -webkit-appearance: none;
  margin: 15px 10px 0;
  padding: 10px 25px;
}

input.slform_submitbutton:hover, .slform_submitbutton:hover {
  color: red;
}

.reset_submit_area {
  text-align: center;
}

.slform-content {
  width: 768px;
  margin: 3% auto 0;
}

.slform-title-underline {
  background-image: url(/cms/wp-content/themes/biz-vektor/images/company/company-line.png);
  background-size: cover;
  width: 100%;
  height: 16px;
}

input#contact_reason_other_switch {
  height: 17px;
}

.contact_reason_other_area {
  margin: -24px 50px;
}

.thanks-message p {
  display: inline-block;
}

.thanks-message {
  text-align: center;
  font-size: 1.3em;
  line-height: 1.5em;
  padding: 45px 0;
}

#footer_Section {
  display: inline-block;
  width: 100%;
  margin: 0;
}

.slform-content .mw_wp_form .error {
  font-size: 14px;
  padding: 7px 0;
}

.slform-content table .reason_td {
  padding-bottom: 30px;
}

.slform_error_index .error {
  display: none !important;
}

span.error_on_display {
  font-size: 14px;
  color: #B70000;
  display: block;
  margin: 10px 0 0;
  padding: 7px 0;
}

p.slform_fhs, p.slform_adr {
  display: inline-block;
  width: 12em;
}

.slform_sp, .slform_error_index {
  display: none;
}

/*--------------------------------------
	プルーン百科(2019.09)、栄養の話一覧（2021.04）
---------------------------------------*/
@media print {
  div#prune_ency {
    visibility: hidden;
  }
}

.post-type-archive-prune_ency .miki-site_lg, .single-prune_ency .miki-site_lg {
  align-self: flex-end;
  text-align: center;
  width: 135px;
  padding: 6px 0 4px;
  margin-left: auto;
}

.miki-top {
  color: #E8381F;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.miki-top span {
  display: block;
  margin-bottom: -1px;
}

.miki-top img {
  width: 1.3em;
  margin-right: 0.5em;
}

.miki-top::before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-image: url(/cms/wp-content/themes/biz-vektor/images/prune_ency/home_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 0.5em;
  margin-top: -1px;
}

.post-type-archive-prune_ency .miki-site_lg:hover, .single-prune_ency .miki-site_lg:hover {
  background-color: #E8381F;
}

.miki-site_lg:hover .miki-top {
  color: white;
}

.miki-site_lg:hover .miki-top::before {
  background-image: url(/cms/wp-content/themes/biz-vektor/images/prune_ency/home_icon_w.png);
}

div#prune_ency, #nutritions {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 2px;
  margin: 2em auto;
  max-width: 960px;
  width: 70%;
}

div#prune_ency_page, #nutrition_page {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 2em;
}

#prune_ency h2.title, #nutritions h2.title {
  font-size: 2em;
  font-family: 'Kosugi Maru', sans-serif;
  margin: 2em 0 1.5em;
  text-align: center;
}

#prune_ency_page a, #nutrition_page a {
  border: solid 2px #c9caca;
  margin: 1em;
  text-align: center;
  width: 29%;
}

.ency_logo img {
  max-height: 60px;
  width: 4em;
  height: 100%;
}

.ency_title_box {
  border-bottom: dashed 2px #c9caca;
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
  padding: 1em 0;
  width: 90%;
}

.ency_title {
  align-items: center;
  display: flex;
  font-size: 1.3em;
  text-align: left;
}

.ency_title h3 {
  font-family: 'Kosugi Maru', sans-serif;
}

.ency_txt {
  font-size: 1.1em;
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif", "ヒラギノ角ゴ Pro W3" !important;
  line-height: 1.6em;
  padding: 1em;
  text-align: left;
}

.ency_img img {
  width: 80%;
}

.ency_logo {
  display: inherit;
}

.ency_img {
  height: calc(11% + 10vw);
  max-height: 170px;
  margin: auto 0 1em;
}

ul#prune_ency_nav {
  border: solid 2px #c9caca;
  display: table;
  font-family: 'Kosugi Maru', sans-serif;
  justify-content: space-around;
  padding: 1em;
  width: calc(100% - 2em);
}

.nav_title img {
  height: 4em;
  margin: 0 0 0.5em;
}

.nav_title p {
  font-size: 1.2em;
  white-space: nowrap;
}

.nav_title {
  text-align: center;
}

li.ency_nav_child {
  border-right: dashed 2px #c9caca;
  width: 17%;
  display: table-cell;
}

li.ency_nav_child:last-child {
  border: none;
}

li.ency_nav_child:nth-child(2) {
  min-width: 10em;
}

.ency_single_title {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 3em 0;
  text-align: center;
}

h3.single_title {
  display: inline;
  font-size: 2em;
  font-family: 'Kosugi Maru', sans-serif;
  text-align: left;
}

.ency_single_title img {
  height: 5em;
}

div.ency_about_block {
  margin: -125px 0 0;
  padding: 125px 0 0;
}

.ency_single_content {
  border: solid 2px #c9caca;
  border-radius: 1em;
  font-size: 110%;
  font-family: "ＭＳ Ｐゴシック", "sans-serif", "ヒラギノ角ゴ Pro W3" !important;
  letter-spacing: normal;
  padding: 1.5em;
}

h4.ency_subtitle {
  background: none;
  border: none;
  clear: none;
  color: inherit;
  font-size: 1.2em;
  margin: 0.3em 0;
  position: inherit;
  text-shadow: none;
}

.ency_about_button p {
  display: inline;
  font-size: 1.2em;
  height: 2em;
  margin: auto 1em auto auto;
}

.ency_about_button {
  border: solid 2px #d05198;
  border-radius: 1.5em;
  color: #d05198;
  display: inline-flex;
  height: 4em;
  margin: 0.5em;
  padding: 1em 0;
  text-align: center;
  width: 268px;
}

.ency_about_button img {
  height: 100%;
  margin: auto auto auto 0;
}

.ency_about_button_box {
  font-family: 'Kosugi Maru', sans-serif;
  display: flex;
  flex-wrap: wrap;
  width: calc( 286px * 2);
  margin: 3em auto;
}

.ency_about_block img {
  display: block;
  margin: 2em auto;
}

a.nutrition_linkbutton {
  background: #d379ae;
  border-radius: 20px;
  color: #FFF;
  display: inline-block;
  font-family: 'Kosugi Maru', sans-serif;
  margin: 1.5em 0 0;
  padding: 5px 20px;
}

#prune_ency h2.title:after, #prune_ency .nav_bar:after, #nutritions h2.title:after, #nutritions .nav_bar:after {
  background-color: #e60012;
  border-radius: 5px;
  content: "";
  display: block;
  height: 10px;
  margin: 1em 0 0;
}

#prune_ency h2.title.single:after, #nutritions h2.title.single:after {
  content: none;
}

div.ency_single_content p {
  line-height: 2em;
  padding: 0;
}

.fixed {
  position: fixed !important;
  width: 100%;
  height: 100%;
}

#prune_ency_page .cell.is-empty, #nutrition_page .cell.is-empty {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}

a.ency_about_button:after {
  content: "";
  position: relative;
  display: block;
  bottom: -45px;
  right: 9.5em;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color: transparent transparent #d05198 #d05198;
  transform: rotate(-45deg);
}

.ency_txt_box {
  display: flex;
  flex-direction: column;
  height: 77%;
}

.ency_card {
  height: 100%;
}

.top-section-title span.newmark.top-ency {
  font-size: 0.8em;
  padding: 1px 5px;
  vertical-align: middle;
  color: White;
  background-color: #e83820;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0 3% 0 0;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif", "ヒラギノ角ゴ Pro W3" !important;
}

/* For Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ency_txt_box {
    height: calc(85% - 2vh);
  }
  .ency_img {
    margin: auto 0 1.2em;
  }
}

/*--------------------------------------
	栄養のコト一覧
---------------------------------------*/
#nutrition-content {
  padding: 0 3em;
  font-size: 14px;
  margin-bottom: 1em;
}

#nutrition_page .ency_card {
  position: relative;
}

#nutrition_page a {
  width: 45%;
  overflow: visible;
}

#nutrition_page .ency_logo {
  position: relative;
  padding-left: 4em;
}

#nutrition_page .ency_logo span {
  width: 3em;
  height: 3em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
}

#nutrition_page .ency_title {
  line-height: 1.6;
}

#nutrition_page .ency_title_box {
  justify-content: left;
}

#nutrition_page .ency_link p {
  color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 80px;
  padding: .3em;
  border-radius: 1em;
  margin: 1em 1em 1em auto;
  background-color: #e60012;
}

.nutrition-update-new {
  position: absolute;
  width: 3em;
  top: -1em;
  left: -1.4em;
  z-index: 1;
}

.nutrition_story_newmark {
  width: 100%;
}

/* For Safari ,END */
/*--------------------------------------
    ミキプルーンレター
---------------------------------------*/
.season-letter {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 2px;
  margin: 2em auto;
  max-width: 960px;
  width: 70%;
}

.season-letter__header .title {
  font-size: 2em;
  margin: 2em 0 1.5em;
  text-align: center;
  color: #843C0C;
}

.season-letter__header p {
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
}

.season-letter__seasons {
  margin-top: 3rem;
}

.season-letter__seasons nav {
  border-bottom: 1px solid #e83820;
}

.season-letter__seasons ul {
  display: flex;
}

.season-letter__seasons li {
  width: 20%;
  text-align: center;
  border: 1px solid #e83820;
  border-bottom: none;
  font-size: 16px;
  margin-bottom: -1px;
  background-color: white;
}

.season-letter__seasons li a {
  padding: 0.5rem;
  display: block;
}

.season-letter__seasons .now-seasons {
  background-color: #e83820;
}

.season-letter__seasons .now-seasons a {
  color: white;
}

.season-letter__wrap h3 {
  font-size: 1.3em;
  border-bottom: solid 2px #e83820;
  letter-spacing: 0.2em;
  padding: 0 1.5% 1% 1.5%;
  line-height: 1.6;
}

.season-letter__wrap {
  margin-top: 2rem;
}

.season-letter__wrap section {
  margin-bottom: 3rem;
}

.season-letter__wrap .letters {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.season-letter__wrap .letters li {
  width: 23.5%;
  margin-bottom: 2rem;
  margin-right: 2%;
}

.season-letter__wrap .letter-item {
  display: block;
  position: relative;
}

.season-letter__wrap .letter-item::after {
  font-family: 'Material Icons';
  content: '\e8ff';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5em;
  color: transparent;
  transition: .4s;
}

.season-letter__wrap .letter-item:hover::after {
  color: white;
  transition: .4s;
}

.letter-item:hover img {
  filter: brightness(0.5);
  transition: .4s;
}

.season-letter__wrap .letters li:nth-child(4n) {
  margin-right: 0;
}

.season-letter__wrap .letters li img {
  width: 100%;
}

.season-letter__wrap .download-btn {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 0.3rem 0.2rem;
  margin-top: 0.2rem;
  background-color: #C55A11;
  border-radius: 14px;
  color: white;
}

.season-letter__wrap .download-btn .material-icons {
  font-size: 18px;
  position: relative;
  top: 3px;
  padding-right: 0.5rem;
  line-height: .5;
}

.season-letter .back-btn {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 0.3rem 2rem;
  margin: 0 auto;
  background-color: #e83820;
  border-radius: 50px;
  color: white;
  width: 18em;
}

/* hover設定 */
/* トップページ・新着情報 */
.miki-lang a:hover, #menu-footernavigation a:hover, .pick-up-link a:hover {
  text-decoration: underline;
}

#whatsNew .listlink:hover, .whatsnew a:hover, .infoTxt a:hover {
  border-bottom: #e83820 1px solid;
}

div.wn-item .wn-article {
  padding: 1px 2px;
}

#menu-footernavigation a:hover {
  text-decoration: underline;
}

.top-section:hover {
  border: #e83820 2px solid;
  margin-top: -1px;
  margin-left: calc(1% - 1px);
  margin-right: calc(1% - 1px);
  margin-bottom: calc(2% - 1px);
}

/* パンくず */
.pann a:hover, .three_step_pann a:hover {
  border-bottom: #e83820 1px solid;
}

/* 栄養補助食品 */
.other-banner-movie {
  width: auto;
  height: 60vh;
  overflow: hidden;
  position: relative;
  background-image: url(/cms/wp-content/themes/biz-vektor/images/food/movie/foodlist_header_bg.jpg);
}

.other-banner-movie video {
  position: absolute;
  display: inline-block;
  width: 65%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.prune-link a:hover {
  border-bottom: #e83820 1px solid;
}

.slick-track a .item-txt {
  display: inline;
}

.slick-track a:hover .item-title {
  border-bottom: #e83820 1px solid;
  margin-bottom: calc(4% - 1px);
}

.slick-track a:hover .item-txt {
  background: linear-gradient(transparent 95%, #e83820 0%);
}

a.search-product:hover {
  border: #e83820 2px solid;
  margin: calc(0.5% - 1px);
}

.food-section:hover {
  border: #e83820 2px solid;
  margin-top: -1px;
  margin-left: calc(1% - 1px);
  margin-right: calc(1% - 1px);
  margin-bottom: calc(2% - 1px);
}

.miki-p-image img:hover {
  border: #e83820 2px solid;
  margin: -2px;
}

.qa-list-link a:hover {
  border-bottom: #e83820 1px solid;
}

/* スキンケア商品 */
.details-skin .productname-skin p, .details-skin .skin-capacity p, .details-skin .price-skin p, .details-skin .description-skin p {
  display: inline;
}

.lineup-skin:hover p {
  /* background: linear-gradient(transparent 95%, #e83820 0%); */
  border-bottom: 1px solid #e83820;
}

.lineup-skin:hover .description-skin p {
  background: none;
}

/* 家庭用品 */
.food-txt, .other-capacity.household-cap {
  display: block;
}

.other-details {
  text-align: left;
}

/*
.other-lineup.household-line:hover .other-productname, .other-lineup.household-line:hover .other-capacity.household-cap{
    border-bottom: #e83820 1px solid;
    margin-bottom: -1px;
} */
/* .other-lineup.household-line:hover .food-txt{
    background: linear-gradient(transparent 95%, #e83820 0%);
} */
.other-lineup.household-line p {
  display: inline;
}

.other-lineup.household-line:hover p {
  border-bottom: 1px solid #e83820;
}

#home-product_list a:hover {
  border-bottom: #e83820 1px solid;
}

ul.miki-products-qalist a:hover {
  border-bottom: #e83820 1px solid;
}

/* ブログ　隣のミキさん */
.read-more-btn a:hover {
  text-decoration: underline;
}

.blog-year li a:hover {
  text-decoration: none;
}

.top-blog-article a .blog-post, .article-title, .article-text span {
  display: inline;
}

.top-blog-article:hover .article-title, .top-blog-article:hover .blog-post {
  background: linear-gradient(transparent 95%, #8fc31f 0%);
}

.article-main .article-title {
  display: block;
  margin-bottom: 7px;
}

.article-text {
  display: block;
}

.top-article-headline {
  margin-bottom: 2%;
}

.blog-article a:hover .article-title span, .blog-article a:hover .article-text span {
  background: linear-gradient(transparent 95%, #8fc31f 0%);
}

a#blog-lineshare:hover {
  border-bottom: #8fc31f 1px solid;
}

/* ご愛用者の声 */
p.ambassador-link a:hover {
  border-bottom: #e83820 1px solid;
}

/* プルーン百科・栄養の話一覧 */
#prune_ency_page a:hover, #nutritions a:hover {
  border: #e83820 2px solid;
}

#prune_ency_nav .ency_nav_child:hover {
  border-bottom: #e83820 1px solid;
  margin-bottom: -1px;
}

a.nutrition_linkbutton:hover {
  text-decoration: underline;
}

/* 社会活動一覧ページ */
.mirai_header {
  background: linear-gradient(to right, white 0%, #7EB568 40%, #7EB568 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mirai_header img {
  width: 30%;
  padding: 0 2.5%;
}

.mirai_header__text {
  color: white;
  padding: 1rem;
  line-height: 1.9;
  font-size: 1.1em;
  letter-spacing: .01em;
}

.mirai_header__text p {
  padding: 0;
}

.mirai_header__text .pc-br {
  display: block;
}

.mirai_activity a {
  background-color: #7EB568;
  padding: 0.2rem 1rem;
  display: block;
  border-radius: 5rem;
  color: white;
  letter-spacing: .1em;
  width: 7em;
  margin: 0.5rem 1rem 0 auto;
  text-align: center;
}

.mirai_activity {
  display: flex;
}

.mirai_activities img {
  max-width: 100%;
}

.mirai_activity {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid #7EB568;
}

.mirai_activity__detail {
  width: 60%;
}

.mirai_activity__detail h2 {
  margin: .5rem 0;
}

.mirai_activity__detail p {
  padding: 0;
}

.mirai_activity__photo {
  width: 40%;
}

.mirai_activity__detail {
  width: 57%;
  margin-right: 3%;
}

.mirai_activity__detail img {
  height: 60px;
}

/* 社会活動 詳細 */
.comic-image:hover {
  border: #e83820 2px solid;
  margin: 1px calc(1% - 1px);
}

#jcl-link:hover {
  text-decoration: none;
}

#office-close a:hover, #jcl-link a:hover {
  border-bottom: #e83820 1px solid;
}

/*--------------------------------------
	農園だより
---------------------------------------*/
/* 共通 */
.farm-nav {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 2px;
  margin: 2em auto;
  width: 85%;
}

.farm-nav > ul p {
  color: #5F3726;
  font-weight: bold;
}

.farm-page-title {
  color: #5F3726;
  font-weight: bold;
  font-size: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  background: url(/cms/wp-content/themes/biz-vektor/images/farm/title_line.png) repeat-x 100% 100%;
  padding: 0 1rem 1rem 1rem;
  margin-bottom: 1rem;
  white-space: nowrap;
  position: relative;
}

.farm-page-title img {
  width: 6% !important;
  padding-right: .5rem;
  height: auto;
}

.farm-content {
  font-size: .9rem;
  line-height: 1.5rem;
}

.farm-content p {
  text-align: left;
}

.farm-content img {
  /* width: 100%; */
}

/* 農園主のひとこと。 */
.infoList.farm-newslist {
  width: 90%;
  margin-bottom: 4rem;
}

.infoList.farm-newslist ul {
  border-bottom: 1px dashed;
}

.infoList.farm-newslist ul li {
  padding: .5rem 1rem;
  border-bottom: none;
}

.farm-content.ownersnews img {
  /* width: auto; */
}

#ownersnews-post {
  width: 95%;
  margin: 0 auto 4rem;
}

#ownersnews-post h3 {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: .5rem;
  border-left: solid 7px #5F3726;
  padding: .25rem 0 .25rem .8rem;
  background-color: #f5f0e3;
}

.ownersnews-article {
  width: 95%;
  margin: 0 auto;
}

.ownersnews-back {
  color: white;
  background-color: #6e5025;
  padding: .2rem .5rem .1rem;
  margin-bottom: .5rem;
  font-size: .8rem;
  font-weight: normal;
}

.ownersnews-back:before {
  content: "\025b6";
  padding-right: .3rem;
}

.ownersnews-list {
  text-align: right;
  margin-top: 1.5rem;
}

/* トップページ */
.farm-content-list {
  position: relative;
}

.farm-page-title.news-title {
  background: none;
  margin-bottom: 0;
  padding: 0;
}

.farm-news {
  position: absolute;
  right: 0;
  width: 30%;
}

.farm-page-detail.farm-news-detail {
  position: relative;
  margin-top: .3rem;
  border: solid 1px gray;
  padding: .5rem;
  border-radius: 15px;
}

.farm-page-detail.farm-news-detail:before,
.farm-page-detail.farm-news-detail:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}

.farm-page-detail.farm-news-detail:before {
  bottom: -35px;
  border-style: solid;
  border-color: transparent transparent gray transparent;
  border-width: 0 42px 34px 0;
  transform: rotate(180deg);
  left: 20px;
}

.farm-page-detail.farm-news-detail:after {
  bottom: -31px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0 41px 32px 0;
  z-index: 10;
  transform: rotate(180deg);
  left: 20px;
}

.farm-page-detail.farm-news-detail img {
  width: 100%;
}

.farm-news-catch {
  padding-right: .5rem;
}

.farm-news-catch img {
  height: auto;
}

.farm-article {
  width: 75%;
}

.farm-news_txt, .farm-news_newlink {
  font-size: .8rem;
  line-height: 1.3rem;
}

.farm-news_newlink {
  color: cornflowerblue;
}

.farm-news_newlink:before {
  content: "\025b6";
}

.farm-news_newlink:hover {
  text-decoration: underline;
}

.farm-news-icon {
  width: 40%;
  position: absolute;
  top: 7rem;
  right: 0;
}

.farm-page-detail {
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 1rem 1rem 1rem;
}

.farm-page-image {
  padding-right: 1rem;
}

.farm-content.top-page {
  width: 66%;
  margin-bottom: 1rem;
}

.farm-content.top-page.farm-left {
  float: left;
}

.farm-content.top-page.farm-right {
  float: right;
}

.farm-page-txt {
  font-size: .9rem;
}

.farm-page-image img {
  width: 170px;
}

.farm-content.top-page h2 > img {
  width: 10% !important;
}

/* 農園のこと */
.farm-about-img-div {
  max-width: 80%;
  margin: 0 auto;
}

.farm-about-top-div img {
  width: 100%;
}

.farm-about-illustration-div {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.farm-about-illustration-div img {
  width: 100%;
}

.farm-about-illustration {
  margin: 0;
}

.farm-about-illustration img {
  width: 100%;
}

.btn-f-a-detail {
  position: absolute;
  width: 100%;
}

#farm-about_sun {
  top: 12%;
}

#farm-about_sierra {
  top: 40%;
  width: 50%;
  right: 9%;
}

#farm-about_ground {
  top: 63%;
}

.cursor-pointer {
  cursor: pointer;
}

.farm-about-pop-div {
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.f-a-d-title {
  font-size: large;
}

.farm-about-pop-div.opened {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  /* background: rgb(12 12 12 / 70%); */
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2001;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.f-a-d-inner-div {
  background: #FFF;
  padding: 2rem 1rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  border-radius: 15px;
}

.pop-close-btn {
  position: absolute;
  font-size: 25px;
  color: #000;
  right: -6%;
  top: -8%;
}

.f-a-d-img-div {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.f-a-d-txt-div {
  width: 90%;
  margin: 5% auto 0 auto;
}

.farm-about-none {
  font-size: .8rem;
  text-align: right;
}

/* プルーンムービー */
.farm-movie-list {
  width: 83%;
  margin: 0 auto 4rem;
}

.farm-movie-list img {
  width: 100%;
}

.farm-movie {
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  margin-bottom: 1rem;
}

.farm-movie-image {
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  position: relative;
}

.farm-movie-start {
  width: 35%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.farm-movie-catch {
  width: 35%;
  padding-right: 1rem;
}

div#movie_modal_widow {
  display: none;
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  z-index: 99999;
}

video.wp-video-shortcode {
  height: 22.5vw;
  display: none;
}

div.wp-video-box {
  width: 100%;
}

div.wp-video-inn {
  width: 100%;
  height: 22.5vw;
}

div#farm_close_video {
  width: 90px;
  height: 17px;
  margin: 10px auto 0;
  border-radius: 50px;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid;
  color: white;
  font-size: 1.8em;
  cursor: pointer;
}

div.wp-video-playbutton {
  width: calc(100px + 5%);
  height: calc(100px + 5%);
  position: absolute;
  margin: auto;
  top: -5%;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
}

/* 農園とスタッフの一年 */
.farm-seasson-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.farm-content.staff img {
  width: 100%;
}

.farm-seasson-list a {
  width: 40%;
  margin: 0 auto 3rem;
}

.event-season.seasson-list_link {
  width: 100%;
  float: none;
}

.season_title {
  display: -webkit-flex;
  display: -ms-flexbox;
}

.seasons_icon_div {
  width: 12%;
}

img.seasons_icon {
  width: 100%;
}

.link_season {
  padding: 0 !important;
  font-size: .8rem;
  text-align: right !important;
  margin-top: .7rem;
  color: cornflowerblue;
  text-decoration: underline;
}

/* 農園とスタッフの一年（季節ページ） */
.season-catch img {
  width: 100%;
}

.event-season {
  float: left;
  width: 35%;
}

.event-season h3 {
  font-size: 1.5rem;
  font-style: italic;
  line-height: 2.5rem;
  color: #5F3726;
}

.season-catch {
  padding-bottom: .5rem;
}

.season-catch img {
  height: auto;
}

.season-detail {
  font-size: .9rem;
  line-height: 1.5rem;
}

.staff-mb_menu {
  display: flex;
  top: 0;
  z-index: 99999;
  width: 95%;
  margin: auto;
}

.farm-staff-nav {
  margin-top: 3rem;
  width: 50%;
}

.staff-mb_menu .farm-staff-nav ul {
  display: flex;
}

.staff-mb_menu ul li {
  padding-left: 3%;
}

.staff-mb_menu .farm-staff-nav {
  margin-top: 3rem;
  width: 100%;
}

.farm-staff-nav ul li > a > h2 {
  font-style: italic;
}

.farm-staff-nav ul li > a > h2 img {
  width: 40% !important;
}

.staff-event-list {
  float: right;
  width: 62%;
  margin-bottom: 3rem;
}

.farm-content.staff-event {
  display: -webkit-flex;
  display: -ms-flexbox;
  margin-bottom: 1.5rem;
}

.staff-event-image {
  padding-right: .8rem;
}

.staff-event-image img {
  width: 195px;
}

/* プルーンムービー */
div.wp-video-playbutton img {
  width: 100%;
}

/* ダウンロードコーナー */
.farm-dl-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.farm-dl-image {
  width: 23%;
  margin: .5rem;
}

.farm-dl-image img {
  width: 100%;
}

/* 農園の風景 */
.fg-default .fg-image img {
  width: 100%;
}