@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Marcellus');
/* ======================================
BASE
====================================== */
html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; background-color: #fff; font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;  color: #333; font-size: 16px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; position: relative;}
a {-webkit-transition: all 0.3s; transition: all 0.3s;}
a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #777; text-decoration: underline; opacity: 0.75;}
a:active {color: #777; text-decoration: none;}
* h1,
* h2,
* h3,
* h4,
* h5,
* h6,
* p,
* address,
* ul,
* ol,
* li,
* form,
* dl,
* dt,
* dd,
* div,
* table,
* tr,
* th,
* td {margin: 0; padding: 0;}

* ul,
* ol,
* li {margin: 0; padding: 0; list-style: none;}

* img,
* iframe,
* object {border: none; vertical-align: top;}

.only-tb,
.only-sp,
.other-sp,
.pc_none {display: none;}

/** clearfix ----------------------------------------------------------------------------- */
.clearfix:after {content: ""; display: block; clear: both; }

/** 意図しない横スクロールカット (updated on 23.02.06) ---------------- */
body > div {width: 100%; overflow-x: hidden;}

/* ======================================
メイン (updated on 23.07.12)
====================================== */
#obg-main {margin-top: 116px;}

/* ======================================
ヘッダー (updated on 24.09.30)
====================================== */
#block-header {font-size: 1em; position: fixed; zoom: 0; z-index: 1000; width: 100%; background: #ffffff;}
#block-header a {display: block; text-decoration: none;}
#hdr-inner {position: relative; width: 100%; padding: 0 0 10px;}

#hdr-logo {width: 100px; margin: 0 auto; text-align: center; padding: 15px 0 0;}
#hdr-logo img {width: 100%; height: auto;}

#language_link {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: end; justify-content: flex-end;width: 100%; max-width: 930px; margin: 0 auto;}
#language_link .lang_txt {display: block; margin: -2em 0 0; font-size: 0.85em;}
#language_link .lang_txt a {display: inline; background: url(/-/media/obagi/common/images/header/ico_global.svg) left top no-repeat; padding: 2px 0 2px 1.5em;}

#hdr-nav {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center;}
#hdr-nav > li {padding: 8px 15px; font-size: 1em; letter-spacing: 0;}

#hdr-nav .products_menu {cursor: pointer; padding: 8px min(2vw,20px) 8px 0; background: url(/-/media/obagi/common/images/header/ico_navi_open.svg) right 0 top min(1.8vw,12px) no-repeat; background-size: min(1.3vw,13px) auto;}
#hdr-nav .products_menu.close {background: url(/-/media/obagi/common/images/header/ico_navi_close.svg) right 0 top 12px no-repeat; background-size: 13px auto; border-bottom: 1px solid #CA8169;}
#hdr-nav .products_navi {display: none; position: fixed; top: 110px; left: 0; width: 100%; background: #ffffff;}
#hdr-btn {display: none;}

#hdr-nav .products_navi .btn_close {position: absolute; right: 0; text-align: right; padding: 20px 30px;}
#hdr-nav .products_navi .btn_close .mark {display: inline-block; cursor: pointer; font-size: 50px; line-height: 1; color: #cccccc; padding: 0;}
#hdr-nav .products_navi .products_list {display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; padding: 0 10px; max-width: 900px; margin: 0 auto; padding: 30px 0;}
#hdr-nav .products_navi .products_list li {width: 33.33%; max-width: 300px;}
#hdr-nav .products_navi .products_list li a {margin: 0 10px; border-bottom: 1px solid #dddddd; display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; padding: 10px 0;}
#hdr-nav .products_navi .by_care .products_list li a {padding: 20px 0;}
#hdr-nav .products_navi .products_list li:nth-of-type(1) a,
#hdr-nav .products_navi .products_list li:nth-of-type(2) a,
#hdr-nav .products_navi .products_list li:nth-of-type(3) a {border-top: 1px solid #dddddd;}
#hdr-nav .products_navi .products_list li .pic {width: 85px; text-align: center;}
#hdr-nav .products_navi .products_list li .icn {width: 34px; text-align: center;}
#hdr-nav .products_navi .products_list li img {width: 100%; height: auto;}
#hdr-nav .products_navi .products_list li .txt {padding: 0 0 0 14px; font-size: 0.9em;}
#hdr-nav .products_navi .by_series .products_list li .txt {width: calc(100% - 85px);}
#hdr-nav .products_navi .by_care .products_list li .txt {width: calc(100% - 34px); white-space: nowrap;}

/* ======================================
ヘッダー：ドローメニュー
====================================== */
#hdr-menu {display: none !important;}

/* search css */
/* 結果 */
.search a.gs-title:link, .search a.gs-title:link b {color: #005bac !important; padding: 0 0 1em !important; text-decoration: none !important;}
.search a.gs-title:visited, .search a.gs-title:visited b {color: #660099 !important; padding: 0 0 1em !important; text-decoration: none !important;}
.search a.gs-title:hover, .search a.gs-title:hover b, .search a.gs-title:active, .search a.gs-title:active b, .search a.gs-title:focus, .search a.gs-title:focus b {color: #76a4cd !important; padding: 0 0 1em !important; text-decoration: none !important;}
.search .gsc-thumbnail-inside {padding: 0 0 0.5em !important;}
.search .gs-spelling, .search .gs-result .gs-title, .search .gs-result .gs-title * {font-size: 1.8rem !important; text-decoration: none !important;}
.search .gsc-url-top, .search .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {color: #87be63; padding: 0 !important; font-size: 1.4rem;}
.search .gsc-webResult.gsc-result {margin: 0 0 1em; padding: 0 0 1.25em; border-bottom: 1px dotted #e9e9e9;}
.search .gsc-control-cse, .search .gs-bidi-start-align.gs-snippet {font-size: 1.6rem !important; color: #222222 !important;}
.search .gsc-table-cell-thumbnail {padding: 0 2em 0 0 !important;}
.search table.gsc-table-result {margin: 1em 0 1em 0 !important;}
.search .gsc-table-cell-thumbnail, .search .gs-promotion-image-cell, .search .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, .search .gs-web-image-box-portrait img.gs-image, .search .gs-image-box.gs-web-image-box.gs-web-image-box-landscape, .search .gs-web-image-box-landscape img.gs-image {
  height: auto !important;
  overflow: hidden !important;
  width: 100px !important;
  max-height: auto !important;
  max-width: 100px !important; }

.search .gsc-cursor-box.gs-bidi-start-align {
  text-align: center;
  letter-spacing: -0.4em;
  margin: 3em 0 0; }

.search .gsc-cursor-box.gs-bidi-start-align .gsc-cursor-page {
  color: #005bac !important;
  font-size: 1.6rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  width: 30px;
  overflow: hidden;
  padding: 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 2px #e7eef8;
  background-color: #e7eef8;
  color: #0d5daa;
  font-weight: bold;
  text-align: center;
  cursor: pointer; }

.search .gsc-cursor-page:hover, .search .gsc-cursor-current-page {border: solid 2px #0d5daa !important; text-decoration: none !important;}

/* ======================================
共通バナーエリア (updated on 2023.02.01)
====================================== */
.com_bnr_area {padding: 40px 0;}
.com_bnr_area img {aspect-ratio: 301 / 126; width: min(20.9vw,301px); height: auto; border-radius: 5px;}
.com_bnr_area .com_bnr_list {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;}
.com_bnr_area .com_bnr_list li {padding: 0 10px;}
.com_bnr_area .com_bnr_list li a {display: block; border-radius: 5px;}

/* ======================================
フッター (updated on 20.03.02)
====================================== */
#block-footer {letter-spacing: 0.03em;}

/* ======================================
フッター：シリーズ一覧・リンク・コピーライト
(updated on 21.01.13)
====================================== */
#block-footer .ttl-btn {display: none;}
#block-footer .block-link {padding: 60px 0 0; background: #ffffff; border-top: 1px solid #dddddd;}
#block-footer .block-link .block-inner {display: block; position: relative; zoom: 1; width: 890px; margin: 0 auto;}
#block-footer .block-link .btn-close {display: none;}
#block-footer .ftr_logo {position: absolute; top: 160px; left: -20px; text-align: center; padding: 0 0 30px;}
#block-footer .ftr_logo img {width: 135px; height: auto;}
#block-footer .brand-link {display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 100%; zoom: 1; margin: 0 0 60px 90px;}
#block-footer .brand-link:nth-of-type(4n) {margin: 0 0 60px 0;}
#block-footer .brand-link p {width: 22%; letter-spacing: -2px !important; font-size: 1em; line-height: 1.25; text-align: center; margin: 0 0 25px;}
#block-footer .brand-link p a {position: relative; display: block; color: #333333;}
#block-footer .brand-link p a:hover {text-decoration: none;}
#block-footer .brand-link p img {width: 140px; height: auto;}
#block-footer .brand-link p img.pc_none {display: none;}
#block-footer .brand-link p .ttl {display: block; margin: -30px 0 0;}
#block-footer .brand-link p#link-InnerCare .ttl {margin: -20px 0 0;}
#block-footer .txtlink-copy {text-align: center; padding: 0 0 78px;}
#block-footer .txtlink-copy .inner {display: block; zoom: 1;}
#block-footer .txtlink-copy .inner ul {display:-webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content:center;  zoom: 1; font-size: 0.8em; margin: 0 0 10px;}
#block-footer .txtlink-copy .inner ul li {padding: 0 12px; border-right: 1px solid #cccccc; margin: 0 0 6px;}
#block-footer .txtlink-copy .inner ul li:last-child {margin-right: 0; border-right: 0;}
#block-footer .txtlink-copy .inner ul li a {color: #333333;}
#block-footer .txtlink-copy .inner ul li a:hover {text-decoration: none;}
#block-footer .txtlink-copy .inner p {font-size: 0.7em; color: #333333; letter-spacing: 0.02em; margin: 0;}

/* modal */
div#filter {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.85); z-index: 100;}

/* タイトル */
.wf-n {font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;}
.wf-b {font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;}

/*
* 共通要素
*****************************************/
/* パンくず (updated on 23.07.12) */
div#list {height: auto; box-sizing: border-box; padding: 0 0 0 40px; font-size: 0.6875em;}
div#list ol {margin: 0 auto; line-height: 1.3; letter-spacing: 0.02em;}
div#list ol li {display: inline; color: #777777;}
div#list ol li:before {content: " > "; padding: 0 10px 0 13px;}
div#list ol li:first-child:before {content: none;}
div#list ol li a:link, div#list ol li a:visited {color: #000; }
div#list.only-pc {display: none;}
/*body.product div#list.only-pc {display: block;} 商品詳細もパンくず消す(23.07.19)*/

/* 4カラム */
div.block-contents-1 {display: block; zoom: 1; width: 940px; margin: 40px auto 100px auto;}
  div.block-contents-1:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-contents-1 div.block-colum {
    display: block;
    zoom: 1; }
    div.block-contents-1 div.block-colum:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-contents-1 div.block-colum div.block-colum-cts {
      float: left;
      width: 700px; }
    div.block-contents-1 div.block-colum div.block-subnav {
      float: right;
      width: 200px; }

div.block-contents-2 {width: 940px; margin: 50px auto 100px;}
div.block-contents-3 {width: 940px; margin: 60px auto 100px;}
div.block-contents-4 {width: 940px; margin: 70px auto 100px;}
div.block-contents-5 {width: 100%; margin: 80px auto 100px;}

/* 3カラム */
div.block-contents-11 {margin: 0 auto; float: left;}
div.block-contents-12 {width: 700px; margin: 40px auto 0 0;}
div.block-contents-13 {margin: 85px auto; float: left;}

/* sub-nav */
div.sub-nav {width: 200px;}
  div.sub-nav ul li {
    width: 200px;
    padding-bottom: 3px;
    background: url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom;
    line-height: 1.3;
    letter-spacing: 0.05em; }
    div.sub-nav ul li:last-child {
      background: none; }
    div.sub-nav ul li a {
      display: inline-block;
      box-sizing: border-box;
      background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_01.png") no-repeat right 50%;
      width: 200px;
      margin-bottom: 1px;
      padding: 23px 25px 23px 15px;
      font-size: 1.125em;
      color: #fff; }
      div.sub-nav ul li a.fong-mincho {
	font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif; }
      div.sub-nav ul li a:hover {
        text-decoration: none; }
    div.sub-nav ul li ul li span {
      display: inline-block;
      padding-bottom: 3px;
      background: url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom; }
    div.sub-nav ul li ul li a {
      background: url("/-/media/obagi/common/images/ico_arrow_black_01.png") no-repeat right 50%;
      margin: 0;
      padding: 16px 25px 16px 15px;
      font-size: 0.875em;
      color: #000; }
      div.sub-nav ul li ul li a:hover, div.sub-nav ul li ul li a.act {
        background-color: #ececec; }
    div.sub-nav ul li ul li ul {
      padding: 10px 0;
      background: #fafafa; }
      div.sub-nav ul li ul li ul li {
        background: none; }
        div.sub-nav ul li ul li ul li a {
          width: 185px;
          margin: 0 0 0 15px;
          padding: 7px 25px 6px 9px;
          font-size: 0.75em; }
          div.sub-nav ul li ul li ul li a:hover {
            background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_01.png") no-repeat right 50%;
            color: #fff; }
        div.sub-nav ul li ul li ul li ul {
          padding: 13px 0; }
          div.sub-nav ul li ul li ul li ul li a {
            width: 170px;
            background: url("/-/media/obagi/common/images/ico_arrow_gray_01.png") no-repeat right 50%;
            margin-left: 30px;
            padding: 4px 25px 4px 8px;
            font-size: 0.75em; }
            div.sub-nav ul li ul li ul li ul li a:hover {
              background: #ececec url("/-/media/obagi/common/images/ico_arrow_gray_01.png") no-repeat right 50%;
              color: #000; }

/* ======================================
.block-sidebnr
====================================== */
ul.block-sidebnr {width: 727px; padding-top: 60px;}
ul.block-sidebnr li {margin-bottom: 14px;}
ul.block-sidebnr li.bnr_2col {width: 356px;}
ul.block-sidebnr li.bnr_3col {width: 233px;}
ul.block-sidebnr li.bnr_left {float: left; margin-right: 14px;}
ul.block-sidebnr li.bnr_center {float: left;}
ul.block-sidebnr li.bnr_right {float: right;}
ul.block-sidebnr li a img {border: 1px solid #dfdfdf; width: 100%; height: auto;}

h1, h2, h3, h4, h5, h6 {font-family: 'リュウミン R-KL', 'Ryumin Regular KL', '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;  line-height: 1.2; letter-spacing: 0.015em;}

h1 {display: block; zoom: 1; padding-bottom: 32px; border-bottom: 1px solid #d7d7d7; box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); font-size: 1.875em; font-weight: normal;}
  h1:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  h1 span.ttl-sns {
    display: block;
    float: left;
    letter-spacing: .1em;}
  h1 span.sns-print {
    display: block;
    zoom: 1;
    margin: 5px 0 0 auto;
    float: right; }
    h1 span.sns-print:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    h1 span.sns-print span.print {
      font-size: 14px; }
/*    h1 span.sns-print span.sns-line {
      display: none; }*/

/* ======================================
タイトル
====================================== */
h2 {position: relative; display: block; zoom: 1; margin-top: 50px; padding: 0 0 20px; font-size: 29px; font-weight: normal; color: #333; letter-spacing: 0.1em; text-align: center;}
h2 span {font-size: 18px;}
h2 a.ico-arrow {position: absolute; right: 0; display: inline-block; padding: 11px 34px; text-align: right; font-size: 15px; line-height: 1; color: #333; letter-spacing: 0.05em; border: 1px solid #dfdfdf;}
h2 a.ico-arrow:after {position: absolute; left: 15%; display: block; content: " "; width: 70%; margin: 10px auto 0; border-top: 2px solid #000;}
h2.ttl-h2-1 {clear: both; font-size: 1.625em; text-align: center; line-height: 1.1; letter-spacing: -0.01em;}
h2.ttl-h2-1 br.none-pc {display: none;}
h3 {margin-top: 50px; padding-left: 4px; padding-bottom: 18px; font-size: 1.1875em;}
h3.ttl-black {margin-top: 30px; border-bottom: 1px solid #333; font-size: 22px; letter-spacing: 0.05em; color: #333; font-weight: normal;}
h3 span {display: inline-block; padding-left: 12px; border-left: 3px solid #3c3c3c;}
h4 {margin-top: 40px; padding-bottom: 15px; background: url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom; font-size: 1.0625em;}
h5 {margin-top: 40px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb; font-size: 0.9375em;}
h6 {margin-top: 46px; font-size: 0.9375em;}

/* 20150819あやとり追加ここから */
p.ttl-1 {ont-size: 1.625em; letter-spacing: 0.2em; line-height: 1.5;}
p.ttl-2 {font-size: 1.25em; letter-spacing: 0.2em; line-height: 1.5;}
p.txt-small {font-size: 0.8125em; line-height: 1.5;}
.fs {font-size: 0.75em;}
/* 20150819あやとり追加ここまで */

/* 20180901追加 */
.block-series .description .fs {display: none;}

/* block */
div.block-colum-2 {
  display: block;
  zoom: 1; }
  div.block-colum-2:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-colum-2 div.colum-l {
    float: left;
    width: 49%; }
  div.block-colum-2 div.colum-r {
    float: right;
    width: 49%; }
div.colum-wrp {
  letter-spacing: -.4em;
}
div.colum-wrp-inner {display: block; *zoom: 1; letter-spacing: normal;}

/* ======================================
新着情報
====================================== */
ul.block-news {display: block; zoom: 1; border-top: 1px solid #dfdfdf;}
ul.block-news:after {content: "."; display: block; height: 0.01px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
ul.block-news li {border-bottom: 1px solid #dfdfdf; display: block; zoom: 1; padding: 10px 0 10px 15px; line-height: 1.2; letter-spacing: 0.03em;}
ul.block-news li:after {content: "."; display: block; height: 0.01px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
ul.block-news li a {display: block; zoom: 1; display: inline-block; padding: 10px; color: #333;}
ul.block-news li a:after {content: "."; display: block; height: 0.01px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
ul.block-news li a:hover p.ttl {text-decoration: underline;}
ul.block-news li a div.day-icn {position: relative; display: inline-block; float: left; }
ul.block-news li a time {width: 110px; float: right; margin: 6px 0 0 14px; font-size: 14px; }
ul.block-news li a p.icn {width: 92px; float: left;}
ul.block-news li a p.icn span {width: 92px; height: 22px; padding: 2px 0; box-sizing: border-box; display: inline-block; font-size: 0.8em; text-align: center; color: #fff;}
ul.block-news li a p.icn span.goods {background: #8badd6;}
ul.block-news li a p.icn span.store {background: #91caac;}
ul.block-news li a p.icn span.info {background: #e8a98f;}
ul.block-news li a p.ttl {width: 660px; float: right; margin: 0 0 0 28px; font-size: 14px; line-height: 1.5;}
body.news ul.block-news li a p.ttl {width: 400px;}

div.block-list {
  display: block;
  zoom: 1;
  margin-top: 25px; }
  div.block-list:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-list ul {
    margin-right: 15px;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: 0.07em; }
    div.block-list ul li {
      margin-top: 10px; }
      div.block-list ul li:first-child {
        margin: 0; }
      div.block-list ul li.ico-arrow a {
        padding-left: 12px;
        background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat left 50%; }
      div.block-list ul li.ico-dot {
        padding-left: 12px;
        background: url("/-/media/obagi/common/images/ico_list_01.png") no-repeat left 5px;
        color: #222222; }
        div.block-list ul li.ico-dot ul.list-square {
          width: 100%;
          float: none;
          margin-bottom: 12px; }
          div.block-list ul li.ico-dot ul.list-square li {
            margin: 3px 0 0 5px;
            padding-left: 14px;
            background: url("/-/media/obagi/common/images/ico_list_02.png") no-repeat left 6px;
            font-size: 14px; }
            div.block-list ul li.ico-dot ul.list-square li:first-child {
              margin: 10px 0 0 5px; }
      div.block-list ul li.ico-blank a {
        padding-left: 13px;
        background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat left 50%; }
      div.block-list ul li.ico-pdf a {
        padding-left: 26px;
        background: url("/-/media/obagi/common/images/ico_pdf_01.png") no-repeat left 50%; }
      div.block-list ul li span.ico-blank {
        padding-right: 17px;
        background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat right 50%; }
      div.block-list ul li span.ico-pdf {
        padding-right: 30px;
        background: url("/-/media/obagi/common/images/ico_pdf_01.png") no-repeat right 50%; }
  div.block-list dl {
    margin-right: 15px;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #222; }
    div.block-list dl dt {
      font-size: 1.25em; }
    div.block-list dl dd {
      margin-top: 15px;
      padding-left: 15px;
      background: url("/-/media/obagi/common/images/ico_list_01.png") no-repeat left 5px; }
  div.block-list ol {
    padding-left: 2em;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: 0.07em; }
    div.block-list ol > li {
      margin-top: 10px;
      list-style-type: decimal; }
      div.block-list ol > li:first-child {
        margin: 0; }
      div.block-list ol > li ol {
        width: 100%;
        float: none;
        margin-bottom: 12px; }
        div.block-list ol > li ol > li {
          margin: 3px 0 0 14px;
          font-size: 14px;
          list-style-type: lower-roman; }
          div.block-list ol > li ol > li:first-child {
            margin: 10px 0 0 14px; }

div.block-pagination {
  margin: 70px auto 0 auto;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb;
  text-align: center;
  font-size: 0.875em;
  line-height: 1.2;
  letter-spacing: 0.05em; }
  div.block-pagination p {
    display: inline-block; }
    div.block-pagination p.before {
      margin-right: 10px; }
      div.block-pagination p.before span {
        margin: 0; }
    div.block-pagination p.next {
      margin-left: 20px; }
      div.block-pagination p.next span {
        margin: 0; }
    div.block-pagination p a {
      background: #3c3c3c;
      width: 60px;
      height: 30px;
      display: inline-block;
      box-sizing: border-box;
      padding-top: 8px;
      color: #fff; }
      div.block-pagination p a:hover {
        text-decoration: none; }
  div.block-pagination span {
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    vertical-align: top; }
    div.block-pagination span a {
      width: 30px;
      height: 30px;
      display: inline-block;
      box-sizing: border-box;
      padding-top: 6px;
      box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      border: 1px solid #dbdbdb;
      font-weight: bold;
      color: #000; }
      div.block-pagination span a.act {
        border: 1px solid #3c3c3c; }
      div.block-pagination span a:hover {
        border: 1px solid #3c3c3c;
        text-decoration: none; }

div.block-img-txt {
  display: block;
  zoom: 1;
  margin-top: 30px;
  font-size: 1em;
  letter-spacing: 0.03em;
  color: #222222; }
  div.block-img-txt:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-img-txt div.img-cap {
    float: left;
    width: 220px;
    margin: 0 20px 15px 0;
    line-height: 1.5; }
    div.block-img-txt div.img-cap span {
      display: block;
      margin-top: 8px;
      font-size: 11px; }
  div.block-img-txt p {
    margin-top: 20px;
    line-height: 1.8; }
    div.block-img-txt p.ttl-1 {
      font-size: 1.625em;
      letter-spacing: 0.2em;
      line-height: 1.5; }
    div.block-img-txt p.ttl-2 {
      margin-top: 21px;
      font-size: 1.25em;
      letter-spacing: 0.2em;
      line-height: 1.5; }

div.block-cap-txt,
div.block-txt-cap,
div.block-txt-txt {
  display: block;
  zoom: 1;
  margin-top: 40px;
  font-size: 1em;
  letter-spacing: 0.03em;
  line-height: 1.8;
  color: #222222; }
  div.block-cap-txt:after,
  div.block-txt-cap:after,
  div.block-txt-txt:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-cap-txt div.img-cap,
  div.block-cap-txt div.txt,
  div.block-txt-cap div.img-cap,
  div.block-txt-cap div.txt,
  div.block-txt-txt div.img-cap,
  div.block-txt-txt div.txt {
    box-sizing: border-box;
    float: left;
    margin: 6px 20px 7px 0;
    line-height: 1.2; }
    div.block-cap-txt div.img-cap span,
    div.block-cap-txt div.txt span,
    div.block-txt-cap div.img-cap span,
    div.block-txt-cap div.txt span,
    div.block-txt-txt div.img-cap span,
    div.block-txt-txt div.txt span {
      display: block;
      margin: 8px -10px 0 0;
      font-size: 11px;
      letter-spacing: 0.01em; }
  div.block-cap-txt div.txt,
  div.block-txt-cap div.txt,
  div.block-txt-txt div.txt {
    margin: 0 15px 0 0;
    line-height: 1.8; }
  div.block-cap-txt.img60 div.img-cap,
  div.block-txt-cap.img60 div.img-cap,
  div.block-txt-txt.img60 div.img-cap {
    width: 60px; }
  div.block-cap-txt.img140 div.img-cap,
  div.block-txt-cap.img140 div.img-cap,
  div.block-txt-txt.img140 div.img-cap {
    width: 140px; }
  div.block-cap-txt.img220 div.img-cap,
  div.block-txt-cap.img220 div.img-cap,
  div.block-txt-txt.img220 div.img-cap {
    width: 220px; }
  div.block-cap-txt.img300 div.img-cap,
  div.block-txt-cap.img300 div.img-cap,
  div.block-txt-txt.img300 div.img-cap {
    width: 300px; }
  div.block-cap-txt.img340 div.img-cap,
  div.block-txt-cap.img340 div.img-cap,
  div.block-txt-txt.img340 div.img-cap {
    width: 340px; }
  div.block-cap-txt.img380 div.img-cap,
  div.block-txt-cap.img380 div.img-cap,
  div.block-txt-txt.img380 div.img-cap {
    width: 380px; }
  div.block-cap-txt.img460 div.img-cap,
  div.block-txt-cap.img460 div.img-cap,
  div.block-txt-txt.img460 div.img-cap {
    width: 460px; }
  div.block-cap-txt.img540 div.img-cap,
  div.block-txt-cap.img540 div.img-cap,
  div.block-txt-txt.img540 div.img-cap {
    width: 540px; }
  div.block-cap-txt.img620 div.img-cap,
  div.block-txt-cap.img620 div.img-cap,
  div.block-txt-txt.img620 div.img-cap {
    width: 620px; }
  div.block-cap-txt.txt60 div.txt,
  div.block-txt-cap.txt60 div.txt,
  div.block-txt-txt.txt60 div.txt {
    width: 60px; }
  div.block-cap-txt.txt140 div.txt,
  div.block-txt-cap.txt140 div.txt,
  div.block-txt-txt.txt140 div.txt {
    width: 140px; }
  div.block-cap-txt.txt220 div.txt,
  div.block-txt-cap.txt220 div.txt,
  div.block-txt-txt.txt220 div.txt {
    width: 220px; }
  div.block-cap-txt.txt300 div.txt,
  div.block-txt-cap.txt300 div.txt,
  div.block-txt-txt.txt300 div.txt {
    width: 300px; }
  div.block-cap-txt.txt340 div.txt,
  div.block-txt-cap.txt340 div.txt,
  div.block-txt-txt.txt340 div.txt {
    width: 340px; }
  div.block-cap-txt.txt380 div.txt,
  div.block-txt-cap.txt380 div.txt,
  div.block-txt-txt.txt380 div.txt {
    width: 380px; }
  div.block-cap-txt.txt460 div.txt,
  div.block-txt-cap.txt460 div.txt,
  div.block-txt-txt.txt460 div.txt {
    width: 460px; }
  div.block-cap-txt.txt540 div.txt,
  div.block-txt-cap.txt540 div.txt,
  div.block-txt-txt.txt540 div.txt {
    width: 540px; }
  div.block-cap-txt.txt620 div.txt,
  div.block-txt-cap.txt620 div.txt,
  div.block-txt-txt.txt620 div.txt {
    width: 620px; }

div.block-txt-cap div.img-cap {
  float: right;
  margin: 6px 0 7px 20px; }
  div.block-txt-cap div.img-cap span {
    margin: 8px 0 0 -10px; }

div.block-txt-colum {
  display: block;
  zoom: 1;
  margin: 20px -20px 0 0;
  font-size: 1em;
  letter-spacing: -.4em;
  line-height: 1.8;
  color: #222222; }
  div.block-txt-colum:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-txt-colum p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
    margin: 20px 20px 0 0; }
    div.block-txt-colum p.last {
      margin: 20px 20px 0 0; }
  div.block-txt-colum.txt-60 p {
    width: 60px; }
  div.block-txt-colum.txt-160 p {
    width: 160px; }
  div.block-txt-colum.txt-220 p {
    width: 220px; }
  div.block-txt-colum.txt-340 p {
    width: 340px; }
  div.block-txt-colum.txt-460 p {
    width: 460px; }

div.block-img-cap {
  display: block;
  zoom: 1;
  margin: 20px -20px 0 0;
  letter-spacing: -.4em;
  line-height: 1.8;
  color: #222222;
  font-size: 0.6875em; }
  div.block-img-cap:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-img-cap div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
    margin: 20px 20px 0 0;
    line-height: 1.5; }
    div.block-img-cap div span {
      display: block;
      margin: 8px -10px 0 0; }
    div.block-img-cap div.last {
      margin-right: 20px; }
  div.block-img-cap.img60 > div {
    width: 60px; }
  div.block-img-cap.img160 > div {
    width: 160px; }
  div.block-img-cap.img220 > div {
    width: 220px; }
  div.block-img-cap.img340 > div {
    width: 340px; }
  div.block-img-cap.img460 > div {
    width: 460px; }

div.block-block {
  display: block;
  zoom: 1;
  margin: 20px -20px 0 0;
  letter-spacing: -.4em;
  line-height: 1.8;
  color: #222222; }
  div.block-block:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-block > div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
    margin: 20px 20px 0 0;
    line-height: 1.5; }
    div.block-block > div.w60 {
      width: 60px; }
    div.block-block > div.w140 {
      width: 140px; }
    div.block-block > div.w220 {
      width: 220px; }
    div.block-block > div.w340 {
      width: 340px; }
    div.block-block > div.w300 {
      width: 300px; }
    div.block-block > div.w380 {
      width: 380px; }
    div.block-block > div.w460 {
      width: 460px; }
    div.block-block > div.w540 {
      width: 540px; }
    div.block-block > div.w620 {
      width: 620px; }
    div.block-block > div.w700 {
      width: 700px; }
    div.block-block > div.w780 {
      width: 780px; }
    div.block-block > div.w860 {
      width: 860px; }
  div.block-block.w60 > div {
    width: 60px; }
  div.block-block.w160 > div {
    width: 160px; }
  div.block-block.w220 > div {
    width: 220px; }
  div.block-block.w340 > div {
    width: 340px; }
  div.block-block.w400 > div {
    width: 400px; }
  div.block-block.w430 > div {
    width: 430px; }
  div.block-block.w460 > div {
    width: 460px; }

div.block-searchstore {
  margin: 26px auto 0 auto;
  padding: 0 0 45px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background: url("/-/media/obagi/common/images/bg_search_01.png") no-repeat right 25px;
  line-height: 1.5;
  letter-spacing: 0.04em; }
  div.block-searchstore p.ttl-store {
    margin: 41px 0 0 15px;
    padding-left: 17px;
    background: url("/-/media/obagi/common/images/ico_arrow_black_02.png") no-repeat left 50%;
    font-size: 1.375em; }
  div.block-searchstore p.text {
    margin: 12px 0 0 63px;
    font-size: 0.875em; }
  div.block-searchstore div.link-btn {
    margin: 20px 0 0 138px;
    padding: 0; }
    div.block-searchstore div.link-btn p.search-1 a {
      width: 265px; }

/* block-search-sns updated on 2023.09.02 */
div.block-search-sns {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; margin-top: 90px;}
div.block-search-sns div.block-searchstore {width: 700px; margin: 0;}
div.block-search-sns div.sns-print {width: 220px;}
div.block-search-sns div.sns-print p.print {border: 1px solid #dbdbdb; box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); font-size: 0.875em; line-height: 1.5; letter-spacing: 0.01em;}
div.block-search-sns div.sns-print p.print a {display: block; padding: 14px 0; text-align: center;}
div.block-search-sns div.sns-print p.print a:hover {text-decoration: none;}
div.block-search-sns div.sns-print p.print a span {background: url("/-/media/obagi/common/images/ico_print_01.png") no-repeat left 50%; padding-left: 22px;}
div.block-search-sns div.sns-print span.sns-mail {display: none;}
div.block-search-sns div.sns-print span.sns-print {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between;width: 100%; margin: 20px 0 0 0; box-sizing: border-box; border-right: 1px solid #dbdbdb;}
div.block-search-sns div.sns-print span.sns-print span {padding: 0; width: 33.33%; border-left: 1px solid #dbdbdb; text-align: center;}
div.block-search-sns div.sns-print span.sns-print span a {display: block; box-sizing: border-box; padding: 16px 0;}
div.block-search-sns div.sns-print span.sns-print span a img {width: 30px; height: auto;}

/* ======================================
シリーズブロック
====================================== */
div.block-series div.series-inner {display: block; zoom: 1;}
div.block-series a:hover {text-decoration: none;}
div.block-series a.block-cts div.block-inner .image {position: relative;}
div.block-series a.block-cts div.block-inner p.ico { /*NEWアイコン*/
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1;
    margin: 0;
    font-size: 0.6875em;
    color: #fff; }
    div.block-series a.block-cts div.block-inner p.ico span { /*NEWアイコン*/
      display: inline-block;
      background: #e84461;
      padding: 5px 8px; }


div.block-library div.library-inner {
  display: block;
  zoom: 1;
  margin-right: -20px; }
  div.block-library div.library-inner:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
div.block-library div.block-cts {
  float: left;
  width: 220px;
  margin: 30px 20px 0 0;
  line-height: 1.4;
  letter-spacing: 0.02em; }
  div.block-library div.block-cts p.ttl {
    display: table-cell;
    min-height: 40px;
    padding-left: 14px;
    border-left: 3px solid #3c3c3c;
    font-size: 1.125em;
    line-height: 1.2;
    vertical-align: middle;
    font-weight: bold; }
    div.block-library div.block-cts p.ttl span {
      display: inline-block;
      font-size: 0.8125em;
      color: #7f7e7e;
      font-weight: normal; }
  div.block-library div.block-cts a:link {
    color: #000; }
  div.block-library div.block-cts a.img-txt {
    display: block;
    margin-top: 20px; }
    div.block-library div.block-cts a.img-txt img.img-main {
      display: inline-block;
      padding: 5px;
      border: 1px solid #dbdbdb;
      text-align: center;
      box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); }
    div.block-library div.block-cts a.img-txt div {
      display: block;
      zoom: 1;
      margin-top: 20px;
      font-size: 0.8125em; }
      div.block-library div.block-cts a.img-txt div:after {
        content: ".";
        display: block;
        height: 0.01px;
        clear: both;
        visibility: hidden;
        font-size: 0;
        line-height: 0; }
      div.block-library div.block-cts a.img-txt div span.ico {
        display: inline-block;
        width: 35px;
        float: left; }
      div.block-library div.block-cts a.img-txt div p {
        margin-left: 35px; }
        div.block-library div.block-cts a.img-txt div p span.txt-long {
          letter-spacing: 0.01em; }
    div.block-library div.block-cts a.img-txt p.txt {
      margin-top: 20px;
      font-size: 0.8125em; }
  div.block-library div.block-cts a:hover img.img-main {
    box-shadow: rgba(217, 217, 217, 0.65098) 0px 0px 7px 3px;
    -webkit-box-shadow: rgba(217, 217, 217, 0.65098) 0px 0px 7px 3px;
    -moz-box-shadow: rgba(217, 217, 217, 0.65098) 0px 0px 7px 3px; }

div.block-ittl {
  display: block;
  zoom: 1;
  margin-right: -20px;
  letter-spacing: -.4em; }
  div.block-ittl:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-ittl div.block-cts,
  div.block-ittl div.block-cts-m {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
    /*ayatori削除20150629ここから
    width: 340px;
    float: left;
    ここまで*/
    margin: 50px 20px 0 0;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
    -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
    -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
    line-height: 1.4;
    letter-spacing: 0.02em; }
    div.block-ittl div.block-cts div.block-cts-inner,
    div.block-ittl div.block-cts-m div.block-cts-inner {
      border-bottom: 1px solid #fff; }
    div.block-ittl div.block-cts div.cts-inner,
    div.block-ittl div.block-cts-m div.cts-inner {
      margin: 5px 5px 17px 5px; }
      div.block-ittl div.block-cts div.cts-inner img,
      div.block-ittl div.block-cts-m div.cts-inner img {
        display: inline-block;
        text-align: center; }
      div.block-ittl div.block-cts div.cts-inner dl,
      div.block-ittl div.block-cts-m div.cts-inner dl {
        padding: 0 15px; }
        div.block-ittl div.block-cts div.cts-inner dl dt,
        div.block-ittl div.block-cts-m div.cts-inner dl dt {
          font-family: 'ヒラギノ角ゴ ProN W3' , 'Hiragino Kaku Gothic ProN' , 'メイリオ', Meiryo , sans-serif;
          background: url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom;
          margin-top: 15px;
          padding: 0 0 15px 0; }
          div.block-ittl div.block-cts div.cts-inner dl dt a,
          div.block-ittl div.block-cts-m div.cts-inner dl dt a {
            display: block;
            padding-left: 15px;
            background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat left 50%;
            font-size: 1em; }
        div.block-ittl div.block-cts div.cts-inner dl dd,
        div.block-ittl div.block-cts-m div.cts-inner dl dd {
          padding-top: 15px;
          font-size: 0.8125em; }
    div.block-ittl div.block-cts div.txt-link,
    div.block-ittl div.block-cts-m div.txt-link {
      display: block;
      zoom: 1;
      padding: 2px 15px 15px 15px;
      background: #fafafa;
      border-top: 1px solid #dbdbdb; }
      div.block-ittl div.block-cts div.txt-link:after,
      div.block-ittl div.block-cts-m div.txt-link:after {
        content: ".";
        display: block;
        height: 0.01px;
        clear: both;
        visibility: hidden;
        font-size: 0;
        line-height: 0; }
      div.block-ittl div.block-cts div.txt-link a,
      div.block-ittl div.block-cts-m div.txt-link a {
        display: block;
        float: left;
        margin: 10px 15px 0 0;
        padding-left: 10px;
        background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat left 50%;
        font-size: 0.75em; }
  div.block-ittl div.block-cts {
    width: 300px; }
  div.block-ittl div.block-cts-m {
    width: 220px !important; }

div.block-colum-cts div.block-ittl div.block-cts {
  width: 340px; }

div.block-highlight {
  margin-top: 50px;
  padding: 40px 20px;
  box-sizing: border-box;
  background: #fafafa;
  box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
  -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
  -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
  border: 2px solid #dbdbdb;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #222; }
  div.block-highlight p.ttl {
    padding-bottom: 20px;
    font-size: 1.25em; }
  div.block-highlight p.txt {
    font-size: 1em; }

div.block-txtlink-bg + div.block-txtlink-bg {
  margin-top: 20px; }

div.block-txtlink-bg {
  margin-top: 50px;
  padding: 0 14px 15px 14px;
  background-color: #fafafa;
  background-image: url("/-/media/obagi/common/images/dco_dotline_01.png"), url("/-/media/obagi/common/images/dco_dotline_01.png");
  background-repeat: repeat-x, repeat-x;
  background-position: top left, bottom left;
  font-size: 1em;
  line-height: 1.4;
  letter-spacing: 0.02em; }
  div.block-txtlink-bg a {
    display: inline-block;
    margin-top: 15px;
    padding-left: 15px;
    background: url("/-/media/obagi/common/images/ico_arrow_03.png") no-repeat left 7px; }
    div.block-txtlink-bg a.hover {
      text-decoration: underline; }
  div.block-txtlink-bg div.pattern-1 a {
    margin-right: 50px; }
  div.block-txtlink-bg div.pattern-2 {
    padding-top: 1px; }
    div.block-txtlink-bg div.pattern-2 a {
      display: block; }
  div.block-txtlink-bg div.pattern-3 div {
    display: block;
    zoom: 1; }
    div.block-txtlink-bg div.pattern-3 div:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-txtlink-bg div.pattern-3 div a {
      width: 45%;
      float: right; }
      div.block-txtlink-bg div.pattern-3 div a:first-child {
        width: 48%;
        float: left; }
  div.block-txtlink-bg div.pattern-4 div {
    display: block;
    zoom: 1; }
    div.block-txtlink-bg div.pattern-4 div:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-txtlink-bg div.pattern-4 div a {
      box-sizing: border-box;
      width: 25%;
      padding-right: 2%;
      float: left; }
      div.block-txtlink-bg div.pattern-4 div a:last-child {
        padding-right: 0; }

div.block-txtlink {
  margin-top: 25px;
  padding: 0 0 40px 0;
  font-size: 1em;
  line-height: 1.4;
  letter-spacing: 0.02em; }
  div.block-txtlink a {
    display: inline-block;
    margin-top: 15px;
    padding-left: 15px;
    background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat left 6px; }
    div.block-txtlink a.hover {
      text-decoration: underline; }
    div.block-txtlink a.visit {
      color: #777; }
    div.block-txtlink a.blank {
      background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat left 50%; }
    div.block-txtlink a.pdf {
      padding-left: 25px;
      background: url("/-/media/obagi/common/images/ico_pdf_01.png") no-repeat left 50%; }
    div.block-txtlink a span.blank {
      padding-right: 15px;
      background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat right 50%; }
    div.block-txtlink a span.pdf {
      padding-right: 23px;
      background: url("/-/media/obagi/common/images/ico_pdf_01.png") no-repeat right 50%; }
  div.block-txtlink div.pattern-1 a {
    margin-right: 34px; }
  div.block-txtlink div.pattern-2 a {
    display: block; }
  div.block-txtlink div.pattern-3 div {
    display: block;
    zoom: 1; }
    div.block-txtlink div.pattern-3 div:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-txtlink div.pattern-3 div a {
      width: 45%;
      float: right; }
      div.block-txtlink div.pattern-3 div a:first-child {
        width: 48%;
        float: left; }
  div.block-txtlink div.pattern-4 div {
    display: block;
    zoom: 1; }
    div.block-txtlink div.pattern-4 div:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-txtlink div.pattern-4 div a {
      box-sizing: border-box;
      width: 25%;
      padding-right: 2%;
      float: left; }
      div.block-txtlink div.pattern-4 div a:last-child {
        padding-right: 0; }

div.block-wrp, div.block-list-1 {
  margin-top: 25px;
  padding: 0 0 40px 0;
  line-height: 1.4;
  letter-spacing: 0.02em; }
  div.block-wrp ul, div.block-wrp ol, div.block-list-1 ul, div.block-list-1 ol {
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: 0.07em; }
    div.block-wrp ul.colum2, div.block-wrp ol.colum2, div.block-list-1 ul.colum2, div.block-list-1 ol.colum2 {
      display: block;
      zoom: 1; }
      div.block-wrp ul.colum2:after, div.block-wrp ol.colum2:after, div.block-list-1 ul.colum2:after, div.block-list-1 ol.colum2:after {
        content: ".";
        display: block;
        height: 0.01px;
        clear: both;
        visibility: hidden;
        font-size: 0;
        line-height: 0; }
      div.block-wrp ul.colum2 li, div.block-wrp ol.colum2 li, div.block-list-1 ul.colum2 li, div.block-list-1 ol.colum2 li {
        width: 47%;
        float: right; }
        div.block-wrp ul.colum2 li:first-child, div.block-wrp ol.colum2 li:first-child, div.block-list-1 ul.colum2 li:first-child, div.block-list-1 ol.colum2 li:first-child {
          margin-top: 15px;
          float: left; }
    div.block-wrp ul.colum4, div.block-wrp ol.colum4, div.block-list-1 ul.colum4, div.block-list-1 ol.colum4 {
      display: block;
      zoom: 1; }
      div.block-wrp ul.colum4:after, div.block-wrp ol.colum4:after, div.block-list-1 ul.colum4:after, div.block-list-1 ol.colum4:after {
        content: ".";
        display: block;
        height: 0.01px;
        clear: both;
        visibility: hidden;
        font-size: 0;
        line-height: 0; }
      div.block-wrp ul.colum4 li, div.block-wrp ol.colum4 li, div.block-list-1 ul.colum4 li, div.block-list-1 ol.colum4 li {
        box-sizing: border-box;
        width: 25%;
        float: left;
        padding-right: 2%; }
        div.block-wrp ul.colum4 li:first-child, div.block-wrp ol.colum4 li:first-child, div.block-list-1 ul.colum4 li:first-child, div.block-list-1 ol.colum4 li:first-child {
          margin-top: 15px; }
        div.block-wrp ul.colum4 li:last-child, div.block-wrp ol.colum4 li:last-child, div.block-list-1 ul.colum4 li:last-child, div.block-list-1 ol.colum4 li:last-child {
          padding-right: 0; }
    div.block-wrp ul li, div.block-wrp ol li, div.block-list-1 ul li, div.block-list-1 ol li {
      margin-top: 15px; }
      div.block-wrp ul li:first-child, div.block-wrp ol li:first-child, div.block-list-1 ul li:first-child, div.block-list-1 ol li:first-child {
        margin: 0; }
      div.block-wrp ul li.ico-arrow a, div.block-wrp ol li.ico-arrow a, div.block-list-1 ul li.ico-arrow a, div.block-list-1 ol li.ico-arrow a {
        padding-left: 12px;
        background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat left 50%; }
      div.block-wrp ul li.ico-dot, div.block-wrp ol li.ico-dot, div.block-list-1 ul li.ico-dot, div.block-list-1 ol li.ico-dot {
        padding-left: 12px;
        background: url("/-/media/obagi/common/images/ico_list_01.png") no-repeat left 5px;
        color: #222222; }
        div.block-wrp ul li.ico-dot ul.list-square, div.block-wrp ol li.ico-dot ul.list-square, div.block-list-1 ul li.ico-dot ul.list-square, div.block-list-1 ol li.ico-dot ul.list-square {
          float: none;
          margin-bottom: 12px; }
          div.block-wrp ul li.ico-dot ul.list-square li, div.block-wrp ol li.ico-dot ul.list-square li, div.block-list-1 ul li.ico-dot ul.list-square li, div.block-list-1 ol li.ico-dot ul.list-square li {
            margin: 3px 0 0 5px;
            padding-left: 14px;
            background: url("/-/media/obagi/common/images/ico_list_02.png") no-repeat left 6px;
            font-size: 14px; }
            div.block-wrp ul li.ico-dot ul.list-square li:first-child, div.block-wrp ol li.ico-dot ul.list-square li:first-child, div.block-list-1 ul li.ico-dot ul.list-square li:first-child, div.block-list-1 ol li.ico-dot ul.list-square li:first-child {
              margin: 10px 0 0 5px; }
      div.block-wrp ul li.ico-blank a, div.block-wrp ol li.ico-blank a, div.block-list-1 ul li.ico-blank a, div.block-list-1 ol li.ico-blank a {
        padding-left: 13px;
        background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat left 50%; }
      div.block-wrp ul li.ico-pdf a, div.block-wrp ol li.ico-pdf a, div.block-list-1 ul li.ico-pdf a, div.block-list-1 ol li.ico-pdf a {
        padding-left: 26px;
        background: url("/-/media/obagi/common/images/ico_pdf_01.png") no-repeat left 50%; }
      div.block-wrp ul li span.ico-blank, div.block-wrp ol li span.ico-blank, div.block-list-1 ul li span.ico-blank, div.block-list-1 ol li span.ico-blank {
        padding-right: 17px;
        background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat right 50%; }
      div.block-wrp ul li span.ico-pdf, div.block-wrp ol li span.ico-pdf, div.block-list-1 ul li span.ico-pdf, div.block-list-1 ol li span.ico-pdf {
        padding-right: 30px;
        background: url("/-/media/obagi/common/images/ico_pdf_01.png") no-repeat right 50%; }
  div.block-wrp ol, div.block-list-1 ol {
    padding-left: 2em; }
    div.block-wrp ol > li, div.block-list-1 ol > li {
      margin-top: 10px;
      list-style-type: decimal; }
      div.block-wrp ol > li:first-child, div.block-list-1 ol > li:first-child {
        margin: 0; }
      div.block-wrp ol > li ol, div.block-list-1 ol > li ol {
        float: none;
        margin-bottom: 12px; }
        div.block-wrp ol > li ol > li, div.block-list-1 ol > li ol > li {
          margin: 3px 0 0 14px;
          font-size: 14px;
          list-style-type: lower-roman; }
          div.block-wrp ol > li ol > li:first-child, div.block-list-1 ol > li ol > li:first-child {
            margin: 10px 0 0 14px; }
  div.block-wrp dl, div.block-list-1 dl {
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #222; }
    div.block-wrp dl dt, div.block-list-1 dl dt {
      font-size: 1.25em; }
    div.block-wrp dl dd, div.block-list-1 dl dd {
      margin-top: 15px;
      padding-left: 15px;
      background: url("/-/media/obagi/common/images/ico_list_01.png") no-repeat left 5px; }
  div.block-wrp p, div.block-list-1 p {
    margin-top: 20px;
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: 0.03em;
    color: #222222; }
    div.block-wrp p.ttl-1, div.block-list-1 p.ttl-1 {
      font-size: 1.625em; }
    div.block-wrp p.ttl-2, div.block-list-1 p.ttl-2 {
      margin-top: 25px;
      font-size: 1.25em; }
    div.block-wrp p.txt-small, div.block-list-1 p.txt-small {
      margin-top: 25px;
      font-size: 0.8125em; }



/* list : updated on 2023.09.08 */
span.sns-print {display: -webkit-box; display: flex; flex-wrap: nowrap; font-family: 'ヒラギノ角ゴ ProN W3' , 'Hiragino Kaku Gothic ProN' , 'メイリオ', Meiryo , sans-serif; margin: 25px 0 0 auto; line-height: 1.2; letter-spacing: 0.01em;}
  span.sns-print span {display: block; border-left: 1px solid #dbdbdb; vertical-align: middle; font-size: 15px; line-height: 1; letter-spacing: 0.01em;}
span.sns-print span.sns-fb  {padding: 0 3px;}
span.sns-print span.sns-twi  {padding: 0 0 0 3px;}
span.sns-print span.sns-line  {padding: 2px 2px;}
span.sns-print span.print {padding: 5px 0 0 10px; }
span.sns-print span.print a {padding-right: 0; }
span.sns-print span.print span.txt {display: inline-block; padding: 5px 0 0 10px; border: none; }
span.sns-print span.sns-mail {display: none; }
span.sns-print span a {padding: 0 10px; }


div.block-h1 {
  display: block;
  zoom: 1; }
  div.block-h1:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-h1 span.sns-print {
    float: right; }

div.block-lsm {
  margin: 35px auto 0 auto;
  background: url("/-/media/obagi/series/images/dco_line_01.png") repeat-x left top; }
  div.block-lsm div.link-btn {
    display: block;
    zoom: 1;
    width: 940px;
    min-height: 80px;
    height: auto !important;
    height: 80px;
    margin: 0 auto;
    padding: 0; }
    div.block-lsm div.link-btn:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-lsm div.link-btn p.blank-after-1 {
      float: left;
      margin: 0;
      font-size: 1.125em; }
      div.block-lsm div.link-btn p.blank-after-1 a {
        width: 315px;
        height: 80px;
        box-sizing: border-box;
        padding: 0 40px 0 17px; }
        div.block-lsm div.link-btn p.blank-after-1 a:hover {
          text-decoration: none; }
        div.block-lsm div.link-btn p.blank-after-1 a span.cts-center {
          display: block;
          zoom: 1;
          display: inline;
          padding: 0;
          background: none; }
          div.block-lsm div.link-btn p.blank-after-1 a span.cts-center:after {
            content: ".";
            display: block;
            height: 0.01px;
            clear: both;
            visibility: hidden;
            font-size: 0;
            line-height: 0; }
        div.block-lsm div.link-btn p.blank-after-1 a img {
          float: left;
          padding-top: 17px; }
        div.block-lsm div.link-btn p.blank-after-1 a span.ico-arrow {
          float: right;
          margin-top: 28px;
          padding-top: 2px;
          vertical-align: middle; }
    div.block-lsm div.link-btn span.sns-print {
      float: right;
      margin: 30px 3px 0 0; }

/* link */
div.link-btn {
  display: block;
  zoom: 1;
  padding-top: 10px;
  line-height: 1.2;
  letter-spacing: 0.03em; }
  div.link-btn:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.link-btn p {
    margin-top: 20px;
    float: left;
    font-size: 1em; }
    div.link-btn p.arrow-before-1 a {
      padding: 16px 0 15px 15px; }
      div.link-btn p.arrow-before-1 a span {
        display: inline-block;
        padding-left: 18px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_02.png") no-repeat left 50%; }
    div.link-btn p.arrow-before-2 a {
      padding: 16px 0 15px 0;
      text-align: center; }
      div.link-btn p.arrow-before-2 a span {
        display: inline-block;
        padding-left: 14px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_02.png") no-repeat left 50%; }
    div.link-btn p.arrow-after-1 a {
      background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_03.png") no-repeat right 50%; }
    div.link-btn p.arrow-after-2 a {
      padding: 16px 0 15px 0;
      text-align: center; }
      div.link-btn p.arrow-after-2 a span {
        display: inline-block;
        padding-right: 14px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_02.png") no-repeat right 50%; }
    div.link-btn p.blank-after-1 a {
      padding: 31px 0 30px 0;
      text-align: center; }
      div.link-btn p.blank-after-1 a img {
        width: 61px;
        height: 46px; }
      div.link-btn p.blank-after-1 a span {
        display: inline-block;
        padding-right: 14px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_blank_02.png") no-repeat right 50%; }
    div.link-btn p.zoom-1 a {
      padding: 16px 0 15px 0;
      text-align: center; }
      div.link-btn p.zoom-1 a span {
        display: inline-block;
        padding-left: 28px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_zoom_01.png") no-repeat left 50%; }
    div.link-btn p.search-1 {
      /*近くの店舗を探す*/ }
      div.link-btn p.search-1 a {
        padding: 16px 0 15px 0;
        text-align: center; }
        div.link-btn p.search-1 a span {
          display: inline-block;
          padding-left: 28px;
          background: #3c3c3c url("/-/media/obagi/common/images/ico_search_01.png") no-repeat left 50%; }
    div.link-btn p.purchase-1 {
      /*公式通販サイトで購入*/
      float: right; }
      div.link-btn p.purchase-1 a {
        padding: 16px 0 15px 0;
        text-align: center; }
        div.link-btn p.purchase-1 a span {
          display: inline-block;
          padding-left: 28px;
          background: #3c3c3c url("/-/media/obagi/common/images/ico_purchase_01.png") no-repeat left 50%; }
    div.link-btn p.close-1 a {
      padding: 16px 0 15px 0;
      text-align: center; }
      div.link-btn p.close-1 a span {
        display: inline-block;
        padding-left: 25px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_close_01.png") no-repeat left 50%; }
    div.link-btn p.link-before {
      float: left;
      margin-top: 10px; }
      div.link-btn p.link-before a {
        width: 150px;
        padding: 16px 0 15px 15px; }
        div.link-btn p.link-before a span {
          display: inline-block;
          padding-left: 18px;
          background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_04.png") no-repeat left 50%; }
    div.link-btn p.link-next {
      float: right;
      margin-top: 10px; }
      div.link-btn p.link-next a {
        width: 150px;
        padding: 16px 27px 15px 13px;
        background: #3c3c3c url("/-/media/obagi/common/images/ico_arrow_white_03.png") no-repeat right 50%;
        text-align: right; }
    div.link-btn p a {
      width: 220px;
      background: #3c3c3c;
      display: inline-block;
      box-sizing: border-box;
      padding: 16px 0 15px 13px;
      color: #fff; }
      div.link-btn p a:link {
        color: #fff; }

/* table */
table {
  border-collapse: collapse;
  width: 100%; }
  table.table-1 {
    margin: 30px auto 0 auto;
    border-right: 1px solid #dbdbdb;
    font-size: 1em;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #333333; }
    table.table-1 th {
      padding: 17px 5px 16px 28px;
      background: #fafafa;
      border-left: 1px solid #dbdbdb;
      border-bottom: 1px solid #dbdbdb;
      text-align: left; }
      table.table-1 th.head {
        padding: 12px 5px;
        background: #666666;
        border-left: 1px solid #d5d8d9;
        border-bottom: 1px solid #666666;
        text-align: center;
        color: #fff;
        font-weight: normal; }
      table.table-1 th.head-1 {
        width: 22%; }
      table.table-1 th.head-2 {
        width: 38%; }
      table.table-1 th.head-3 {
        width: 40%;
        border-right: 1px solid #666666; }
    table.table-1 td {
      padding: 16px 10px 16px 20px;
      border-left: 1px solid #dbdbdb;
      border-bottom: 1px solid #dbdbdb; }

/* txt */
dl.txt-emergency {
  margin-bottom: 40px;
  padding: 28px 45px 30px 45px;
  border: 3px solid #ff7d7d;
  letter-spacing: 0.05em; }
  dl.txt-emergency dt {
    text-align: center;
    font-size: 1.25em;
    color: #fb4b4b;
    line-height: 1.8; }
  dl.txt-emergency dd {
    margin-top: 7px;
    font-size: 1em;
    color: #222222;
    line-height: 1.5; }

p.txt-1 {
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0.03em; }
  p.txt-1 span.italic {
    font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro", Meiryo, "メイリオ",sans-serif;
    font-style: italic; }
  p.txt-1 span.bold {
    font-weight: bold; }
  p.txt-1 span.utikeshi {
    text-decoration: line-through; }
  p.txt-1 span sup,
  p.txt-1 span sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size: 10px; }
  p.txt-1 span sup {
    bottom: 1ex; }
  p.txt-1 span sub {
    top: .5ex; }

.txt-2,
.txt-center,
.txt-right {font-size: 1em; line-height: 1.8; letter-spacing: 0.03em;}
.txt-center {text-align: center;}
.txt-right {text-align: right;}
.txt-3 {font-size: 1em; line-height: 1.8; letter-spacing: 0.001em;}

/* page-top */
.link_for_sp,
.page-top,
.back-home {display: none; }

/* modal */
div#block-slide-image {display: none; z-index: 101; position: absolute; left: 0; top: 0; width: 100%;}
div#block-slide-image div.image {margin: 0 auto; text-align: center; overflow: auto;}
div#block-slide-image div.link-btn {margin: 40px auto 0; padding-top: 0; width: 220px;}
div#block-slide-image div.link-btn p {margin: 0;}
div#block-slide-image div.prev {position: absolute; left: 10px; top: 0;}
div#block-slide-image div.prev img {cursor: pointer;}
div#block-slide-image div.next {position: absolute; right: 10px; top: 0;}
div#block-slide-image div.next img {cursor: pointer;}

/* first-child */
#section-contents :first-child {margin-top: 0 !important;}

/* [購入する] ボタン updated on 2025.12.25 ~~~~~~~~~~~~~~~~~~ */
#btn-buy {position: fixed; right: 0; top: calc(50% - 223px); z-index: 2000 !important; width: 70px; height: 446px;}
#btn-buy .btn_area_pc {position: relative; width: 70px; height: 446px;}
#btn-buy .btn_area_pc img {width: 100%; height: auto;} 
#btn-buy .btn_area_sp {display: none;}

/* ~~~~~~~~~~~~~~~~~~
通販ボタンエリア (updated on 2023.02.06)
~~~~~~~~~~~~~~~~~~ */
#mail-orders {margin: 0 auto 50px; text-align: center; max-width: 960px;}
#mail-orders ul {display:-webkit-box; display: flex; flex-wrap: nowrap; -webkit-align-items: stretch; align-items: stretch; -webkit-box-pack: center; justify-content: center; width: 100%;}
#mail-orders ul li {display: block; width: 50%;}
#mail-orders ul li a {display: block; text-align: center; border-radius: 5px; text-decoration: none;}
#mail-orders ul li.btn_onlinestore a {width: 100%; background-color: #de474e; color: #ffffff; padding: 18px 0; font-size: 1.4em;}
#mail-orders ul li.btn_onlinestore a .txt {background: url(/-/media/obagi/top/ico_onlinestore.png) left top no-repeat; background-size: auto 100%; padding: 0 0 0 30px;}


/* ======================================

商品詳細ページ ：
上半分（店舗を探す／通販購入ボタンまで）

====================================== */
#block-product-detail {
  display: block;
  zoom: 1; }
  #block-product-detail:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  #block-product-detail div.block-info {
    width: 700px;
    float: left;
    display: block;
    zoom: 1; }
    #block-product-detail div.block-info:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    #block-product-detail div.block-info div.block-image {
      width: 460px;
      float: right; }
      #block-product-detail div.block-info div.block-image div#detail-image {
        position: relative;
        width: 460px;
        height: 420px;
        overflow: hidden; }
        #block-product-detail div.block-info div.block-image div#detail-image img {
          position: absolute;
          left: 0;
          top: 0;
          width: auto;
          height: 420px;
          z-index: 2;
          padding: 0 9%; }
					#block-product-detail div.block-info div.block-image div#detail-image img + img {
						z-index:1;
				}

/* NEWアイコン */
#detail-image p.ico {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	margin: 0;
	background: #e84461;
	padding: 3px 12px !important;
}
#detail-image p.ico span {
	display: inline-block;
	font-size: 0.85em;
	color: #fff;
}
      #block-product-detail div.block-info div.block-image div.pagination {
        margin: 20px auto 0 auto;
        text-align: center; }
        #block-product-detail div.block-info div.block-image div.pagination div {
          display: inline-block;
          margin: 0 6px;
          width: 10px;
          height: 10px;
          background-color: #DDD;
          cursor: pointer;
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px; }
          #block-product-detail div.block-info div.block-image div.pagination div.current {
            background-color: #515151; }
    #block-product-detail div.block-info div.block-detail {
      width: 218px;
      float: left;
      border: 1px solid #dbdbdb; }
      #block-product-detail div.block-info div.block-detail div.name {
        margin: 0 19px;
        padding: 18px 0 20px;
        border-bottom: 1px solid #dbdbdb; }
        #block-product-detail div.block-info div.block-detail div.name p.type {
          font-size: 0.75em;
          color: #E84461;
          line-height: 1.5;
          font-weight: bold; }
        #block-product-detail div.block-info div.block-detail div.name p.desc {
          margin: 10px 0 0;
          font-size: 0.75em;
          line-height: 1.5; }
        #block-product-detail div.block-info div.block-detail div.name h1 {
          margin: 16px 0 0;
          padding: 0;
          font-size: 1em;
          line-height: 1.5;
          font-weight: bold;
          letter-spacing: 0em;
          -webkit-box-shadow: none;
          box-shadow: none;
          border-bottom: none; }
      #block-product-detail div.block-info div.block-detail div.spec {
        margin: 0 19px;
        padding: 14px 0 11px;
        border-bottom: 1px solid #dbdbdb; }
        #block-product-detail div.block-info div.block-detail div.spec p {
          font-size: 0.875em;
          line-height: 1.5; }
      #block-product-detail div.block-info div.block-detail div.detail {
        margin: 0 19px;
        padding: 20px 0 32px; }
        #block-product-detail div.block-info div.block-detail div.detail dl dt {
          margin: 12px 0 0; }
          #block-product-detail div.block-info div.block-detail div.detail dl dt:first-child {
            margin: 0; }
          #block-product-detail div.block-info div.block-detail div.detail dl dt span {
            display: inline-block;
            padding: 0 10px;
            border: 1px solid #ddd;
            background-color: #EDEDED;
            font-size: 0.6875em; }
        #block-product-detail div.block-info div.block-detail div.detail dl dd {
          margin: 7px 0 0;
          font-size: 0.6875em;
          line-height: 1.5; }
      #block-product-detail div.block-info div.block-detail div.link {
        border-top: 1px solid #dbdbdb; }
        #block-product-detail div.block-info div.block-detail div.link.link-blank span {
          padding: 0 0 0 14px;
          background: url("/-/media/obagi/common/images/ico_blank_01.png") no-repeat left 52%; }
        #block-product-detail div.block-info div.block-detail div.link a {
          display: block;
          padding: 6px 0;
          font-size: 0.875em;
          line-height: 1.5;
          text-align: center; }


/* -------------------------------------------------- 

商品詳細ページ ：
上半分右側

--------------------------------------------------*/
	#block-product-detail .block-utility {
    width: 220px;
    float: right; }
    #block-product-detail .block-utility div.link-btn {
      padding: 0; }
      #block-product-detail .block-utility div.link-btn p {
        margin: 0; }
    #block-product-detail .block-utility div.print {
      margin: 20px 0 0;
      border: 1px solid #dbdbdb;
      box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);
      font-size: 0.875em;
      line-height: 1.5;
      letter-spacing: 0.01em; }
      #block-product-detail .block-utility div.print a {
        display: block;
        padding: 14px 0;
        text-align: center; }
        #block-product-detail .block-utility div.print a:hover {
          text-decoration: none; }
        #block-product-detail .block-utility div.print a span {
          background: url("/-/media/obagi/common/images/ico_print_01.png") no-repeat left 50%;
          padding-left: 22px; }
    #block-product-detail .block-utility div.mail {
      display: none; }

/* SNS updated on 2023.09.02 */
#block-product-detail .block-utility ul.sns-print {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center; margin: 20px 0 0; border-right: 1px solid #dbdbdb;}
#block-product-detail .block-utility ul.sns-print li {width: 72px; border-left: 1px solid #dbdbdb;}
#block-product-detail .block-utility ul.sns-print li a {display: block; padding: 12px 18px;}
#block-product-detail .block-utility ul.sns-print li a img {width: auto;height: 34px;}
#block-product-detail .block-utility ul.sns-print li.sns-twi a {padding:12px 17px 12px 21px;}

/* -------------------------------------------------- 
商品詳細ページ ：
上半分右側：シリーズボタン 
--------------------------------------------------*/
#block-product-detail .block-utility .block-series {width: 220px;}
#block-product-detail .block-utility .block-series .series-inner {padding: 20px 0;}
#block-product-detail .block-utility .block-series .series-inner a.block-cts {display: block; width: 100%; border: 1px solid #dbdbdb; padding: 0 0 15px; box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); background: #fff;}
#block-product-detail .block-utility .block-series .series-inner a.block-cts .block-inner .description {background: #f4f4f4; padding: 5px 8px; font-size: 1em; letter-spacing: -0.5px; border-bottom: 1px solid #dbdbdb; margin: 0 0 20px;}
#block-product-detail .block-utility .block-series .series-inner a.block-cts .block-inner img {width: 100%; height: auto; margin: 0  0 5px;}
#block-product-detail .block-utility .block-series .series-inner a.block-cts .img-name-series {position: static; font-size: 1.1em; letter-spacing: -0.5px; text-align: center;}
/* 2022.02.07 追加*/
#block-product-detail .block-utility .block-series .series-inner a.block-cts .img-name-series span{display: block;}

/* -------------------------------------------------- 
下：◯◯について、1回の使用量
--------------------------------------------------*/
.product .block-contents-12 h2 {text-align: left; border-bottom: 1px solid #dbdbdb; font-size: 1.3em; padding: 0 0 15px; box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);}
.product .block-contents-12 h2 + p.txt-2, .product .block-contents-12 h2 + div.prod-contents {margin-top: 25px;}
.product .block-contents-12 div.block-txtimg-1 {margin: 30px 0 0; display: block; zoom: 1;}
.product .block-contents-12 div.block-txtimg-1:after {content: "."; display: block; height: 0.01px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.product .block-contents-12 div.block-txtimg-1 div.block-inner {margin: 0 25px 0 0; width: 415px; float: left; }
.product .block-contents-12 div.block-txtimg-1 div.block-inner h3 {margin-top: 0;}
.product .block-contents-12 div.block-txtimg-1 div.block-inner p.txt-2, .product .block-contents-12 div.block-txtimg-1 div.block-inner div.prod-contents {margin-top: 14px;}
.product .block-contents-12 div.block-txtimg-1 div.block-inner p.txt-2:first-child, .product .block-contents-12 div.block-txtimg-1 div.block-inner div.prod-contents:first-child {margin-top: 0;}
.product .block-contents-12 div.block-txtimg-1 div.block-inner p.txt-2 + p.txt-2, .product .block-contents-12 div.block-txtimg-1 div.block-inner div.prod-contents + div.prod-contents {margin-top: 21px;}
.product .block-contents-12 div.block-txtimg-1 div.block-image {width: 260px; float: left;}
.product .block-contents-12 div.block-txtimg-1 div.block-image img {width: 100%; height: auto;}

/* -------------------------------------------------- 
下（全幅）：使用ステップ、店舗検索、SNS・印刷、関連商品、
--------------------------------------------------*/
.product .block-contents-2 h2 {text-align: left; border-bottom: 1px solid #dbdbdb; font-size: 1.3em; padding: 0 0 15px; box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -webkit-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25); -moz-box-shadow: 0px 5px 3px -3px rgba(207, 207, 207, 0.25);}
.product .block-contents-2 h2.ttl-h2-1 {text-align: center; font-size: 1.5em;}
.product .block-contents-2 div.img-zoom {padding-top: 30px;}
.product .block-contents-2 div.img-zoom img {display: inline-block; border: 10px solid #f4f4f4;}
.product .block-contents-2 div.link-btn p.zoom-1 {text-align: center;}
.product .block-contents-2 div.block-search-sns + h2.ttl-h2-1 {margin-top: 80px;}

/* modal */
div#block-large-image {display: none; z-index: 201; position: absolute; left: 0; top: 0;}
div#block-large-image div.image {overflow: auto; }
div#block-large-image div.link-btn {margin: 40px auto 0; padding-top: 0; width: 220px; }
div#block-large-image div.link-btn p {margin: 0;}

/* modal */
div#block-large-image {display: none; z-index: 101; position: absolute; left: 0; top: 0;}
div#block-large-image div.image {overflow: auto;}
div#block-large-image div.link-btn {margin: 40px auto 0; padding-top: 0; width: 220px;}
div#block-large-image div.link-btn p {margin: 0;}

/* ======================================
シェア (グレー)
====================================== */
.share-gray {background-color: #eaeaea; padding: 20px 0 30px; text-align: center; margin: 0;}
.share-gray .search-print {display: inline-block; text-align: center; display: none;}
.share-gray .shop-search {float: left; padding: 0 5px;}
.share-gray .shop-search a {display: inline-block; width: 270px; background-color: #fff; padding: 7px 0; font-size: 0.875em; line-height: 1.0; border: 1px solid #d8d5d5; margin: 0 0 15px;}
.share-gray .shop-search a .txt {display: inline-block; padding: 4px 0 0;}
.share-gray .shop-search a .icon {padding: 0 10px 0 0;}
.share-gray .shop-search a .icon img {width: 22px; height: auto;}
.share-gray .print-out {float: left; padding: 0 5px;}
.share-gray .print-out a {display: inline-block; width: 270px; background-color: #fff; padding: 9px 0; font-size: 0.875em; line-height: 1.0; border: 1px solid #d8d5d5; margin: 0 0 15px; cursor: pointer;}
.share-gray .print-out a .icon { padding: 0 10px 0 0;}
.share-gray .send-mail a {display: inline-block; width: 270px; background-color: #fff; padding: 10px 0; font-size: 0.875em; line-height: 1.0; border: 1px solid #d8d5d5; margin: 0 0 15px;}
.share-gray .send-mail a .icon {padding: 0 10px 0 0;}
.share-gray .send-mail a .icon img {width: 22px; height: auto;}
.share-gray .send-sns li {display: inline; padding: 0 10px;}
.share-gray .send-sns li.ln {display: inline; padding: 0 10px;}
.share-gray .send-sns img {width: 40px; height: auto;}
/* ======================================
シリーズTOP：TAB
====================================== */
.series_item_tab {margin: 0 0 20px;}
.series_item_tab .tab_lst {display: -webkit-box; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.series_item_tab .tab_lst li {padding: 0 1px; width: 210px;}
.series_item_tab .tab_lst li a {display: block; text-align: center; background: #010101 url(../../series/ico_tablink.png) center top 80% no-repeat; color: #ffffff; width: 210px; height: 56px; padding: 24px 0 0; font-size: 1em; line-height: 1;}
.series_item_tab .tab_lst li:nth-of-type(1) a,
.series_item_tab .tab_lst li:nth-last-of-type(1) a {padding: 24px 0 0; height: 56px;}
.series_item_tab .tab_lst li a .ls-5 {letter-spacing: 0;}
/* ======================================
シリーズTOP：メインビジュアル
====================================== */
#series_mv {position: relative; margin-top: 42px; overflow: hidden;}
#series_mv .image {width: 1200px; margin: 0 auto; text-align: center;}
#series_mv .image img {width: 100%; height: auto;}
#series_mv .text {position: absolute; width: 100%;}

/* ======================================
シリーズTOP：説明文
====================================== */
#series_dscp {padding: 1.4em 0;}
#series_dscp p {letter-spacing: 0; margin: 0;}

/* ======================================
シリーズTOP：商品一覧
====================================== */
#series_item_list {text-align: center; padding: 60px 0 0;}
#series_item_list .series_item_list_ttl {font-size: 2.1em; line-height: 1.0; text-align: center; border: 0; background: #fff; padding: 45px 0 40px; margin: 0;}
#series_item_list .block-contents-4 .block-series {}
#series_item_list .block-contents-4 .block-series .series-inner {display: inline-block; margin: 0 auto; text-align: center;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts {display: block; margin: 0 auto 40px; width: auto; float: left; text-align: center;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner {position: relative; background: #fff;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .description {position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding: 330px 0 0;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .description span {position: relative; z-index: 20; display: inline-block; margin: 0 15px; font-size: 0.9em; line-height: 1.4; padding: 0.6em 1.2em; border: 1px solid #adadad; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; border-radius: 1.5em; }
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .image {margin: 0 0 10px; text-align: center;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .image img {width: 312px; height: auto;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .img-name-item {margin: 0; padding: 0; font-size: 1.125em; line-height: 1.4; letter-spacing: -1px;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .img-name-item small {display: block; font-size: 0.72em; padding: 3px 0 0;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .capacity-price {text-align: center;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .capacity-price .capacity {font-size: 0.85em; line-height: 1.4;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .capacity-price .capacity:after {content: "：";}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .capacity-price .price {font-size: 0.85em; line-height: 1.4;}

/* ======================================
シリーズTOP：商品詳細
====================================== */
#series_item_detail .item_box .item_hdr {display: table; width: 100%; height: 75px; border-top: 1.5px solid #333; border-bottom: 1px solid #c1c1c1; padding: 2px 0; cursor: pointer;}
#series_item_detail .item_box .item_hdr .inr {position: relative; width: 960px; margin: 0 auto;}
#series_item_detail .item_box .item_hdr .tmb {display: table-cell; width: 156px; vertical-align: top; text-align: center;}
#series_item_detail .item_box .item_hdr .tmb img {width: 100%; height: auto;}
#series_item_detail .item_box .item_hdr .ttl {display: table-cell; vertical-align: middle; text-align: left; font-size: 2.1em; line-height: 1.0; margin: 0; padding: 0;}
#series_item_detail .item_box .item_hdr .ttl .item_name {display: inline; letter-spacing: -2px;}
#series_item_detail .item_box .item_hdr .ttl.non-tmb {height: 155px;}
#series_item_detail .item_box .item_hdr .ico {position: absolute; top: 40%; right: 38px; width: 39px; height: 39px; padding: 0;}
#series_item_detail .item_box .item_hdr .ico img {width: 100%; height: auto;}
#series_item_detail .item_box .item_hdr .ico,
#series_item_detail .item_box .item_hdr.minus .ico {background: url(../images/series/ico_plus.png) center top no-repeat; background-size: 39px auto; text-indent: -9999em;}
#series_item_detail .item_box .item_hdr.plus .ico {background: none; text-indent: 0;}

/* ======================================
シリーズTOP：商品詳細：注釈
====================================== */
#series_item_detail .feature_ant {width: 960px; font-size: 0.75em; line-height: 1.45; margin: 40px auto;}
#series_item_detail .feature_ant dt {float: left; margin: 0 1em 0 0;}
#series_item_detail .feature_ant dd {margin: 0 0 5px;}

/* ======================================
シリーズTOP：商品詳細：Q&A
====================================== */
#series_item_detail .item_qa {width: 960px; margin: 0 auto;}
#series_item_detail .item_qa .qa_ttl {background: none; font-size: 1.68em; line-height: 1.0; text-align: center; padding: 30px 0; margin: 0 0 40px; border-bottom: 1px solid #333;}
#series_item_detail .item_qa dl {padding: 0 80px;}
#series_item_detail .item_qa dl dt {background: url(../images/faq/ico_Q.png) right top no-repeat; background-size: 46px auto; padding: 0 46px;}
#series_item_detail .item_qa dl dt p {background: #ffe6cc; margin: 0 0 20px 40px; padding: 1em; font-size: 1em; line-height: 1.5; -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; border-radius: 0.7em;}
#series_item_detail .item_qa dl dd {background: url(../images/faq/ico_A.png) left top no-repeat; background-size: 46px auto; padding: 0 46px;}
#series_item_detail .item_qa dl dd p {background: #efefef; padding: 1em; font-size: 1em; line-height: 1.5; margin: 0 40px 40px 0; -moz-border-radius: 0.7em;; -webkit-border-radius: 0.7em; border-radius: 0.7em;}
#series_item_detail .item_qa .ant {display: block; font-size: 0.8em; text-align: right;}

/* ======================================
シリーズTOP：商品詳細：使い方
====================================== */
#series_item_detail .item_use {width: 960px; margin: 0 auto; padding: 35px 0;}
#series_item_detail .item_use .use_ttl {background: none; font-size: 1.625em; line-height: 1.0; text-align: center; padding: 24px 0 17px; margin: 0 0 20px; border-bottom: 1px solid #333;}
#series_item_detail .item_use .use_movie {padding: 30px 0 0;}
#series_item_detail .item_use.item_use_yellow  .use_movie {background-color: #f3e6bb;}
#series_item_detail .item_use .use_movie iframe {display: block; margin: 0 auto;}
#series_item_detail .item_use .use_movie .use_movie_ttl {font-size: 1em; font-weight: normal; padding: 20px 0 30px; text-align: center;}

/* ======================================
シリーズTOP：商品詳細：口コミ
====================================== */
#series_item_detail .item_voice {width: 960px; margin: 0 auto; padding: 0 0 40px;}
#series_item_detail .item_voice .voice_ttl { ackground: none; font-size: 1.625em; line-height: 1.0; text-align: center; padding: 24px 0 17px; margin: 0 0 20px; border-bottom: 1px solid #333;}
#series_item_detail .item_voice .voice_list {padding: 0 30px; text-align: center; height: auto; margin: 0 0 30px;}
#series_item_detail .item_voice .voice_list iframe {width: 100%; height: 400px;}

/* ======================================
シリーズTOP：商品詳細：最後のまとめ注釈
====================================== */
#series_item_detail .item_end_ant {width: 940px; margin: 0 auto; padding: 20px 0 40px; font-size: 0.75em; line-height: 1.7;}

/* ======================================
シリーズTOP：商品詳細：関連記事
====================================== */
#series_item_detail .item_news {width: 960px; margin: 0 auto; padding: 0 0 35px;}
#series_item_detail .item_news .news_ttl { ackground: none; font-size: 1.68em; line-height: 1.0; text-align: center; padding: 24px 0 17px; margin: 0 0 20px; border-bottom: 1px solid #333;}
#series_item_detail .item_news .news_list {padding: 0 38px; text-align: left;}
#series_item_detail .item_news .news_list a {display: table; width: 100%; margin: 0 0 20px;}
#series_item_detail .item_news .news_list .news_item_tmb {display: table-cell; width: 143px; height: 143px; border: 2px solid #cbcbcb;}
#series_item_detail .item_news .news_list .news_item_tmb img {width: 100%; height: auto;}
#series_item_detail .item_news .news_list .news_item_ttl {display: table-cell; width: calc(100% - 147px); padding: 0 0 0 20px; font-size: 1.125em; line-height: 1.4; vertical-align: middle;}

/* ======================================
シリーズTOP：下部の商品一覧
====================================== */
#this_cat_items {text-align: center; padding: 30px 0 50px;}
#this_cat_items h2.list_ttl {font-size: 2.1em; line-height: 1; margin: 0 0 30px;}
#this_cat_items ul {display: inline-block; width: 784px;}
#this_cat_items ul.onlyOne {text-align: center;}
#this_cat_items ul li {display: inline-block; float: left;}
#this_cat_items ul.onlyOne li {float: none;}
#this_cat_items ul li a {display: block; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; width: 390px; height: 250px;}
#this_cat_items ul li:nth-child(1) a,
#this_cat_items ul li:nth-child(2) a {border-top: 1px solid #333;}
#this_cat_items ul li:nth-child(2n) a {border-left: none;}
#this_cat_items ul li a:hover {text-decoration: none;}
#this_cat_items ul li a .inr {display: table;}
#this_cat_items ul li a .inr .pic {display: table-cell; width: 160px; vertical-align: top;}
#this_cat_items ul li a .inr .pic img {width: 100%; height: auto;}
#this_cat_items ul li a .inr .info {display: table-cell; width: 230px; vertical-align: middle; text-align: left; font-size: 1em;}
#this_cat_items ul li a .inr .info p {margin: 0;}
#this_cat_items ul li a .inr .info p.type {font-size: 0.8em; line-height: 1.2; margin: 0 0 10px;}
#this_cat_items ul li a .inr .info h3.name {font-size: 1em; margin: 0 0 10px; padding: 0 1em 0 0; text-align: left;}
#this_cat_items ul li a .inr .info p.volume {font-size: 0.8em; line-height: 1.8;}
#this_cat_items ul li a .inr .info p.price {font-size: 0.8em; line-height: 1.8;}
#this_cat_items ul li a .inr .info p.refill {margin-top: 6px; font-size: 0.8em; line-height: 1.8;}

/* ======================================
シリーズTOP：バナー
基本3枚以上
2枚しかないときは、HTMLに2箇所「slide-num2」入れる。
====================================== */
#series_bottom .item_bnr {padding: 50px 0;}
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer {width: 1080px; margin: 0 auto;}
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer.slide-num2 {/*バナーが2枚しか無い時*/
width: 746px;}
#series_bottom .item_bnr #block-sidebnr-wrapper {position: relative; overflow: hidden; width: 972px; height: 158px; margin: 0 auto; zoom: 1;}
#series_bottom .item_bnr #block-sidebnr-wrapper.slide-num2 {/*バナーが2枚しか無い時*/
width: 642px;}
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer a.link-l,
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer a.link-r {display: inline-block; width: 25px; height: 155px;}
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer a.link-l {float: left;}
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer a.link-r {float: right;}
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer a.link-l img,
#series_bottom .item_bnr .block-subnav .block-sidebnr-outer a.link-r img {padding: 48px 0 0 0; width: 100%; height: auto;}
#series_bottom .item_bnr ul#block-sidebnr2 li {position: absolute; left: 0; top: 0; width: 324px; float: left;}
#series_bottom .item_bnr ul#block-sidebnr2 li img {width: 316px; height: auto;}
#series_bottom .item_bnr ul#block-sidebnr2 li a {position: relative;}
#series_bottom .item_bnr ul#block-sidebnr2 li a[target="_blank"]:after {position: absolute; top: 0; right: 10px; content: url(/-/media/obagi/common/images/ico_blank_01.png);}

/* ======================================
シリーズTOP：よくあるご質問
====================================== */
.productinfo .series_faq-others_wrapper {width: 960px; margin: 0 auto; padding: 75px 0 35px;}
.productinfo .series_faq-others_wrapper h2 {background: none; font-size: 1.68em; line-height: 1.0; text-align: center; padding: 0 0 25px; margin: 0; border-bottom: 1px solid #333;}
.productinfo .series_faq-others_wrapper .block-qa {padding: 0 0 60px;}
.block-qa div.block-cts + div.block-cts {margin-top: 0;}
.block-qa div.block-cts {margin-top: 10px; border-bottom: 1px solid #f1f1f1;}
.block-qa div.block-cts a.close p span.none-sp {padding-right: 16px; background: url("/-/media/obagi/common/images/ico_arrow_04.png") no-repeat right 50%; }
.block-qa div.block-cts a.open p span.none-sp {padding-right: 16px; background: url("/-/media/obagi/common/images/ico_arrow_03.png") no-repeat right 50%;}
.block-qa div.block-cts a.question {display: block; zoom: 1; border-top: 1px solid #f1f1f1; display: block; line-height: 1.2;}
.block-qa div.block-cts a.question:after {content: "."; display: block; height: 0.01px; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.block-qa div.block-cts a.question h3.ttl {width: 800px; float: left; background: none; margin: 10px 0 10px 1em; padding: 0 0 21px; text-indent: -1em; font-size: 18px;}
.block-qa div.block-cts a.question p {float: right; margin: 24px 37px 0 0; width: 20px; height: 15px; background: url(../images/qa/ico_open.gif) right top no-repeat;}
.block-qa div.block-cts a.question p:hover {text-decoration: none;}
.block-qa div.block-cts a.question p span {display: none;}
.block-qa div.block-cts div.answer {display: none; padding: 5px 65px 28px 30px !important; line-height: 1.7;}
.block-qa div.block-cts div.answer p {margin-top: 10px; font-size: 1em; font-family: serif; font-weight:normal;}
/*.block-qa div.block-cts div.answer p span {font-weight: bold; }*/
.block-qa div.block-cts div.answer p span.txt-point {color: #e84461;}

/* ======================================
シリーズTOP：お知らせ
====================================== */
.block-news {margin: 0 0 70px;}

/* ======================================
共通：他のシリーズ・他の商品
「ーーーーを見ている人はこの商品も見ています」など
====================================== */
.block-contents-2 .ttl-h2-1,
.series_faq-others_wrapper .ttl-h2-1 {background: none; font-size: 1.68em; line-height: 1.0; text-align: center; padding: 0 0 25px; margin: 20px 0 0; border-bottom: 1px solid #333;}
.block-contents-2 .block-series,
.series_faq-others_wrapper .block-series {margin: 0 0 60px;}
.block-contents-2 .block-series .series-inner,
.series_faq-others_wrapper .block-series .series-inner {display: inline-block; text-align: center; width: 100%;}
.block-contents-2 .block-series .series-inner a.block-cts,
.series_faq-others_wrapper .block-series .series-inner a.block-cts {position: relative; display: block; width: 25%; float: left; height: auto; padding: 0; margin: 20px 0; box-sizing: border-box;}
.block-contents-2 .block-series .series-inner a.block-cts .block-inner .description,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .block-inner .description {width: auto; margin: 0 10px !important; padding: 0; text-align: center;}
.block-contents-2 .block-series .series-inner a.block-cts .block-inner .description > span,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .block-inner .description > span {display: inline-block; border: 2px solid #b2b2b2; -moz-border-radius: 1.4em; -webkit-border-radius: 1.4em; border-radius: 1.4em; font-size: 0.9em; line-height: 1.3; letter-spacing: -1px; padding: 0.5em;}
.block-contents-2 .block-series .series-inner a.block-cts .block-inner .description span.ico_level,
.productinfo .series_faq-others_wrapper .block-series .series-inner a.block-cts .block-inner .description span.ico_level {margin: 0 0 0 3px;}
.block-contents-2 .block-series .series-inner a.block-cts .block-inner img,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .block-inner img {display: block; width: 100%; max-width: auto; height: auto; margin: 0 auto;}
.block-contents-2 .block-series .series-inner a.block-cts .img-name-series,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .img-name-series {position: static; font-size: 1em; letter-spacing: -2px; text-align: center; margin: 0; padding: 0;}
.block-contents-2 .block-series .series-inner a.block-cts .img-name-series span,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .img-name-series span {display: block;}
.block-contents-2 .block-series .series-inner a.block-cts .img-name-item,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .img-name-item {position: static; font-size: 1em; letter-spacing: -1px; text-align: center; margin: 0; padding: 0;}
.block-contents-2 .block-series .series-inner a.block-cts .img-name-item span,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .img-name-item span {display: block;}
.block-contents-2 .block-series .series-inner a.block-cts .capacity-price,
.series_faq-others_wrapper .block-series .series-inner a.block-cts .capacity-price {position: absolute; display: block; width: 100%; bottom: -20px; font-size: 0.8em; text-align: center;}

/* ======================================
シリーズTOP：ボトムエリア
====================================== */
#series_bottom_area {padding: 0 0 40px;}
#series_bottom_area .ant {font-size: 0.75em; line-height: 1.75; text-align: center;}

/*
* CMライブラリ
*
*****************************************/
/*
* 新着情報
* updated 2021.10.13
*****************************************/
.news div.block-contents-1 div.block-colum div.block-contents-11 span.sns-print {display: table; }
.news ul.block-news {padding-top: 15px;}
.news ul.block-news li a p.ttl {width: 470px; }
.news div.block-contents-1 div.block-h1 {margin: 0 0 40px;}
.news div.block-contents-1 .block-colum-cts p {line-height: 1.75; margin: 0 0 1.5em;}
/* ======================================
Obagiについて
====================================== */
body.about_index .block-library,
body.about_index .block-h1,
body.about_index .sns-print {display: none;}
body.about_index #list {position: relative; z-index: 5;}
body.about_index .block-contents-1 {position: relative; width: 100%; height: auto;}
body.about_index #about_mv {position: absolute; top: 0; left: 0; width: 100%; height: 673px; text-align: center;}
body.about_index #about_main {width: 100% !important; position: relative; padding: 673px 0 0;}
body.about_index #about_greeting {position: relative; padding: 60px 0 40px 130px;}
body.about_index #about_greeting .about_greeting_logo {position: absolute; top: 276px; right: 148px;}
body.about_index #about_greeting .about_greeting_logo img {width: 217px; height: auto;}
body.about_index #about_greeting h2 {text-align: left; font-size: 2.5em; line-height: 1.5; margin: 0 0 30px; padding: 0;}
body.about_index #about_greeting p {text-align: left; font-size: 1.5em; line-height: 1.5; margin: 0 0 20px;}
body.about_index #about_concept {background: url(/-/media/obagi/about/bg_bg_concept.jpg) center top repeat-x; height: 600px;}
body.about_index #about_concept .concept_inr {background: url(/-/media/obagi/about/bg_concept.jpg) center top no-repeat; width: 590px; height: 600px; margin: 0 auto; padding: 0 0 0 610px;}
body.about_index #about_concept .about_concept_ttl {padding: 82px 0 12px;}
body.about_index #about_concept h2 {text-align: left; font-size: 2.5em; line-height: 1.5; margin: 0 0 20px; padding: 0;}
body.about_index #about_concept p {text-align: left; font-size: 1.5em; line-height: 1.5; margin: 0 0 20px;}
body.about_index #about_story {background-color: #000; color: #fff;}
body.about_index #about_story .story_inr {width: 1200px; margin: 0 auto;}
body.about_index #about_story .about_story_left {float: left; width: 480px; padding: 255px 0 0 130px;}
body.about_index #about_story .about_story_left .about_story_ttl {padding: 0 0 16px;}
body.about_index #about_story .about_story_left h2 {text-align: left; font-size: 2.5em; line-height: 1.5; margin: 0 0 20px; padding: 0; color: #fff; letter-spacing: -1px;}
body.about_index #about_story .about_story_left h2 .mark {vertical-align: bottom; padding: 0 15px;}
body.about_index #about_story .about_story_right {float: right; width: 570px; padding: 70px 0 80px;}
body.about_index #about_story .about_story_right p {text-align: left; font-size: 1.5em; line-height: 1.5; margin: 0 0 20px;}
body.about_index #about_story .about_story_right .about_story_btn a {display: inline-block; background-color: #fff; font-size: 1em; line-height: 1; padding: 1em 2em;}
body.about_index #about_story .about_story_right .about_story_btn a:hover {text-decoration: none;}
body.about_index #about_story .about_story_right .about_story_btn img {vertical-align: bottom; margin: 0 0 4px 8px;}
body.about_index #about_message {background: url(/-/media/obagi/about/bg_message.jpg) center top no-repeat; background-size: cover;}
body.about_index #about_message .message_inr {width: 1070px; height: 903px; margin: 0 auto; color: #fff; padding: 0 0 0 130px;}
body.about_index #about_message .about_message_ttl {padding: 80px 0 16px;}
body.about_index #about_message h2 {text-align: left; font-size: 2.5em; line-height: 1.5; margin: 0 0 50px; padding: 0; color: #fff; letter-spacing: -2px;}
body.about_index #about_message p {text-align: left; font-size: 1.5em; line-height: 1.5; margin: 0 0 20px;}
body.about_index #about_message p.name {display: inline-block; margin: 0 0 20px; text-align: center;}
body.about_index #about_message p.name .under_name {font-size: 0.75em;}
body.about_index #about_message .about_message_btn a {display: inline-block; background-color: #fff; font-size: 1em; line-height: 1; padding: 1em 2em;}
body.about_index #about_message .about_message_btn a:hover {text-decoration: none;}
body.about_index #about_message .about_message_btn img {vertical-align: bottom; margin: 0 0 4px 8px;}

/* ======================================
Obagiについて > SHR理論とは
====================================== */
body.about_shr .block-library,
body.about_shr .block-h1,
body.about_shr .sns-print {display: none;}
body.about_shr #list {position: relative; z-index: 5;}
body.about_shr .block-contents-1 {position: relative; width: 100%; height: auto;}
body.about_shr #shr_main {position: relative; padding: 0;}
body.about_shr #shr_intro {width: 780px; margin: 0 auto; padding: 200px 0 38px;}
body.about_shr #shr_intro h2 {text-align: left; font-size: 2.1em; line-height: 1; margin: 0 0 22px; padding: 0; font-weight: normal;}
body.about_shr #shr_intro h3 {text-align: left; font-size: 1.375em; line-height: 1.5; margin: 0 0 156px; padding: 0; font-weight: normal;}
body.about_shr #shr_intro p {text-align: left; font-size: 1em; line-height: 1.75; margin: 0;}
body.about_shr #shr_const {margin: 0 auto; padding: 60px 0; background-color: #e5e5e5;}
body.about_shr #shr_const h2 {text-align: center; font-size: 1.75em; line-height: 1; padding: 0; margin: 0; font-weight: normal;}
body.about_shr #shr_const h2:after {content: ''; display: block; width: 84px; height: 2px; background-color: #000; margin: 28px auto 32px;}
body.about_shr #shr_const p.hl {text-align: center; font-size: 1.25em; line-height: 1.7; padding: 0; margin: 0 0 40px;}
body.about_shr #shr_const .comparison {width: 780px; display: block; margin: 0 auto; background-color: #fff;}
body.about_shr #shr_const .comparison h3 {background-color: #e5c2b7; text-align: center; font-size: 1.625em; line-height: 1; margin: 0; padding: 16px 0; font-weight: normal;}
body.about_shr #shr_const .comparison h3 .sub {font-size: 0.62em; line-height: 1; margin: 0; padding: 0; border: 0;}
body.about_shr #shr_const .comparison dl  {padding: 30px 30px 10px 0;}
body.about_shr #shr_const .comparison dl dt {display: block; float: left; width: 175px; height: 40px; border-left: 6px solid #e67f5f; font-size: 1.25em; line-height: 1; padding: 20px 0 0 16px; margin: 0 0 30px;}
body.about_shr #shr_const .comparison dl dd {display: block; height: 60px; padding: 0 0 0 175px; margin: 0 0 30px;}
body.about_shr #shr_const .comparison dl dd.line1 .txt {display: inline-block; padding-top: 1.1em;}
body.about_shr #shr_const .comparison dl dd.line2 .txt {display: block; padding-top: 0.5em;}
body.about_shr #shr_const .comparison dl dd.line3 .txt {display: block; padding-top: 0;}
body.about_shr #shr_theory  {background-color: #e5e5e5; text-align: center; padding: 0 0 18px; border-bottom: 2px solid #fff;}
body.about_shr #shr_theory h2 {background-color: #fff; text-align: center; padding: 30px 0; margin: 0 0 50px; font-size: 1.625em; line-height: 1;}
body.about_shr #shr_theory .offense-defense {width: 780px; margin: 45px auto 30px; background-color: #fff;}
body.about_shr #shr_theory .offense-defense h3 {background: none; border: 0; padding: 0; margin: 0; background: #e5c2b7; text-align: center; font-size: 1.625em; line-height: 1; padding: 14px 0; font-weight: normal; margin: 0;}
body.about_shr #shr_theory .offense-defense .inr {padding: 32px 30px 38px;}
body.about_shr #shr_theory .offense-defense p {text-align: left; font-size: 1em; line-height: 1.5; margin: 0 0 26px;}
body.about_shr #shr_theory .offense-defense .offense {width: 275px; float: left; margin: 0 0 0 70px;}
body.about_shr #shr_theory .offense-defense .defense {width: 275px; float: right; margin: 0 70px 35px 0;}
body.about_shr #shr_theory .offense-defense h4 {background: none; background-color: #e5e5e5; width: 200px; height: 200px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; padding: 0; margin: 0 auto 18px;}
body.about_shr #shr_theory .offense-defense h4 .txt {display: block; padding: 66px 0 0; font-size: 1.5em; line-height: 1.5;}
body.about_shr #shr_theory .offense-defense ul li {font-size: 1.06em; line-height: 1.65; text-align: left; list-style-type: disc; margin-left: 1.4em; margin-bottom: 10px;}
body.about_shr #shr_theory strong {display: block; font-size: 1.75em; line-height: 1.5;}
body.about_shr #shr_theory p.ant {font-size: 0.875em; line-height: 1.3; text-align: right; width: 780px; margin: 0 auto;}

/* ======================================
Obagiについて > オバジ氏より皆様へ
====================================== */
body.about_doctor .block-library,
body.about_doctor .block-h1,
body.about_doctor .sns-print {display: none;}
body.about_doctor #list {position: relative; z-index: 5;}
body.about_doctor .block-contents-1 {position: relative; width: 100%; height: auto;}
#doctor_main {position: relative; width: 834px; padding: 0 0 50px 106px; margin: 0 auto;}
#doctor_ttl {margin: 0 0 55px;}
#doctor_ttl .pic {max-width: 306px; width: 36.7%; float: left;}
#doctor_ttl .pic img {width: 100%; height: auto;}
#doctor_ttl .txt {width: 63.3%; float: right;}
#doctor_ttl .txt h2 {padding: 175px 0 0 46px; text-align: left; font-size: 2.125em; line-height: 1.3; margin: 0 0 16px;}
#doctor_ttl .txt h3 {padding: 0 0 0 46px; text-align: left; font-size: 1.375em; line-height: 1.5; margin: 0; font-weight: normal;}
#doctor_comment {padding: 0 54px 10px 0;}
#doctor_comment p {font-size: 1em; line-height: 1.75; margin: 0 0 20px;}
#doctor_intro {border: 2px solid #333; padding: 40px;}
#doctor_intro h2 {text-align: left; margin: 0; font-size: 1.875em; line-height: 1;}
#doctor_intro h2 .sub {font-size: 0.66em;}
#doctor_intro p {font-size: 1em; line-height: 1.68;}

/* ~~~~~~~~~~~~~~~~~~
シリーズトップへボタン
~~~~~~~~~~~~~~~~~~ */
#about_link_btn {background-color: #eaeaea; padding: 30px 0; text-align: center; margin: 0 0 50px;}
#about_link_btn a {display: inline-block; background-color: #fff; font-size: 1.2em; line-height: 1; padding: 1em 2em; border: 1px solid #d8d5d5;}
#about_link_btn a:hover {text-decoration: none;}
#about_link_btn img {vertical-align: bottom; margin: 0 0 2px 12px;}

/* ======================================
サイトマップ
====================================== */
.sitemap-list li a {display: inline-block; position: relative;}
.sitemap-list li a[href*="/counseling"]:after {position: absolute; top: 0; left: 55px; content: url(/-/media/obagi/common/images/ico_blank_01.png);}
.sitemap-list li a[href*="/shop"]:after {position: absolute; top: 0; left: 108px; content: url(/-/media/obagi/common/images/ico_blank_01.png);}
.sitemap-list li a[href*="/products"]:after {position: absolute; top: 0; left: 175px; content: url(/-/media/obagi/common/images/ico_blank_01.png);}

/* ======================================

リニューアル前のレイアウト用

====================================== */
/* シリーズ一覧 *****************************************/
.series div.block-contents-1 {margin-bottom: 0; }
.series div#pc-main-visual {height: 370px; background-position: center top; background-repeat: no-repeat; border-bottom: 1px solid #d7d7d7; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);  margin-top: 40px;}
.series div#tb-main-visual {display: none;}
.series div#sp-main-visual {display: none;}
.seriese_old_headline{padding: 0; padding-bottom: 30px;}
.seriese  #series_item_list {text-align: center; padding: 0;}