@charset "UTF-8";
* 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; }

/*
* 共通要素
*
*****************************************/
body {
  margin: 0;
  padding: 0;
  min-width: 940px;
  background-color: #ffffff;
  font-family: 'メイリオ', Meiryo, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
  color: #000;
  -webkit-text-size-adjust: 100%; }

a:link {
  color: #000;
  text-decoration: none; }
a:visited {
  color: #777;
  text-decoration: none; }
a:hover {
  color: #777;
  text-decoration: underline; }
a:active {
  color: #777;
  text-decoration: none; }

/* パンくず */
div#list {
  min-width: 940px;
  height: 38px;
  box-sizing: border-box;
  padding: 12px 0 0 0;
  border-bottom: 1px solid #dbdbdb;
  font-size: 0.6875em; }
  div#list ol {
    width: 940px;
    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; }

/* 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 auto; }

div.block-contents-3 {
  width: 940px;
  margin: 60px auto 100px auto; }

div.block-contents-4 {
  width: 940px;
  margin: 70px auto 100px auto; }

div.block-contents-5 {
  width: 100%;
  margin: 80px auto 100px auto; }

/* 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: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-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: 200px;
  margin-top: 40px; }
  ul#block-sidebnr li {
    margin-top: 10px; }
    ul#block-sidebnr li a img {
      width: 200px;
      height: 70px; }

/* タイトル */
.wf-n {
  font-family: "FP-ヒラギノ明朝 ProN W3"; }

.wf-b {
  font-family: "FP-ヒラギノ明朝 ProN W6"; }

h1, h2, h3, h4, h5, h6 {
  font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-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;
  font-family: "FP-ヒラギノ明朝 ProN W3"; }
  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;
    font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif; }
  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 {
  display: block;
  zoom: 1;
  margin-top: 50px;
  padding-bottom: 20px;
  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.375em;
  font-weight: normal;
  letter-spacing: 0.01em;
  font-family: "FP-ヒラギノ明朝 ProN W3";
  font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif; }
  h2:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  h2 span {
    font-size: 18px; }
  h2 a.ico-arrow {
    float: right;
    display: inline-block;
    margin-top: 12px;
    padding-right: 13px;
    background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat right 50%;
    text-align: right;
    font-size: 13px;
    line-height: 1;
    font-family: 'ヒラギノ角ゴ ProN W3' , 'Hiragino Kaku Gothic ProN' , メイリオ, Meiryo , sans-serif; }
  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-bottom: 15px;
  background: url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom;
  font-size: 1.1875em; }
  h3.ttl-black {
    margin-top: 30px;
    padding: 7px 10px;
    background: #3c3c3c;
    color: #fffefe;
    font-size: 1em;
    font-weight: normal;
    font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif; }
  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 {
  font-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あやとり追加ここまで */
/* 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;
  margin-right: -20px; }

div.colum-wrp-inner {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  margin-right: 20px; }

ul.block-news {
  display: block;
  zoom: 1;
  padding-top: 5px; }
  ul.block-news:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  ul.block-news li {
    display: block;
    zoom: 1;
    margin-top: 25px;
    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; }
      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 {
        display: inline;
        float: left; }
      ul.block-news li a time {
        width: 110px;
        float: left;
        margin-top: 4px;
        font-size: 14px; }
      ul.block-news li a p.icn {
        width: 71px;
        float: left;
        margin-left: 15px; }
        ul.block-news li a p.icn span {
          width: 71px;
          height: 22px;
          padding-top: 4px;
          box-sizing: border-box;
          display: inline-block;
          font-size: 0.75em;
          text-align: center;
          color: #fff; }
          ul.block-news li a p.icn span.goods {
            background: #dd6d6d; }
          ul.block-news li a p.icn span.store {
            background: #6695bd; }
          ul.block-news li a p.icn span.info {
            background: #a9978d; }
      ul.block-news li a p.ttl {
        width: 710px;
        float: right;
        margin: 0 0 0 20px;
        padding-left: 12px;
        background: url("/-/media/obagi/common/images/ico_arrow_01.png") no-repeat left 6px;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.1em; }

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 {
    font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif;
    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; }

div.block-search-sns {
  clear: both;
  display: block;
  zoom: 1;
  margin-top: 90px;
  /* print-sns */ }
  div.block-search-sns:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  div.block-search-sns div.block-searchstore {
    width: 700px;
    float: left;
    margin: 0; }
  div.block-search-sns div.sns-print {
    display: block;
    zoom: 1;
    float: right;
    width: 220px; }
    div.block-search-sns div.sns-print:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    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);
      -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; }
      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 {
      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; }
        div.block-search-sns div.sns-print span.sns-print span.sns-fb a, div.block-search-sns div.sns-print span.sns-print span.sns-twi a, div.block-search-sns div.sns-print span.sns-print span.sns-gp a {
          width: 33%;
          height: 48px;
          display: block;
          box-sizing: border-box;
          padding: 17px 35px; }

div.block-series div.series-inner {
  display: block;
  zoom: 1;
  margin-right: -20px; }
  div.block-series div.series-inner:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
div.block-series a.block-cts {
  display: block;
  float: left;
  width: 220px;
  margin: 30px 20px 0 0;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  line-height: 1.4;
  letter-spacing: 0.02em;
  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-series a.block-cts div.block-inner p.description {
    margin-top: 0;
    padding: 6px 8px;
    background: #f4f4f4;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dbdbdb;
    font-size: 0.8125em; }
    div.block-series a.block-cts div.block-inner p.description span {
      display: inline-block; }
  div.block-series a.block-cts div.block-inner div.image {
    position: relative;
    text-align: center; }
  div.block-series a.block-cts div.block-inner p.ico {
    position: absolute;
    left: -1px;
    top: 15px;
    font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif;
    z-index: 1;
    margin: 0;
    font-size: 0.6875em;
    color: #fff; }
    div.block-series a.block-cts div.block-inner p.ico span {
      display: inline-block;
      background: #e84461;
      padding: 5px 8px; }
  div.block-series a.block-cts p.img-name-item {
    padding: 0 6px;
    text-align: center;
    font-size: 1.125em; }
    div.block-series a.block-cts p.img-name-item span {
      display: inline-block;
      line-height: 1.3; }
  div.block-series a.block-cts p.img-name-series {
    margin: 5px 6px 20px;
    text-align: center;
    font-size: 1em; }
    div.block-series a.block-cts p.img-name-series span {
      line-height: 1.3; }
  div.block-series a.block-cts p.capacity-price {
    display: block;
    zoom: 1;
    display: table;
    width: 100%;
    margin-top: 12px;
    font-size: 0.875em; }
    div.block-series a.block-cts p.capacity-price:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-series a.block-cts p.capacity-price span {
      display: table-cell;
      padding: 11px 0 11px 0;
      border-top: 1px solid #dbdbdb;
      text-align: center; }
      div.block-series a.block-cts p.capacity-price span.capacity {
        width: 33%;
        background: url("/-/media/obagi/common/images/dco_dotline_02.png") no-repeat right 50%; }
      div.block-series a.block-cts p.capacity-price span.price {
        width: 67%; }
div.block-series a:hover {
  box-shadow: rgba(232, 231, 231, 0.65098) 0px 0px 7px 3px;
  -webkit-box-shadow: rgba(232, 231, 231, 0.65098) 0px 0px 7px 3px;
  -moz-box-shadow: rgba(232, 231, 231, 0.65098) 0px 0px 7px 3px; }
  div.block-series a:hover p.img-name-item span,
  div.block-series a:hover p.img-name-series span {
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: -3px; }

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 {
    font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif;
    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; }

div.block-qa div.block-cts + div.block-cts {
  margin-top: 0; }
div.block-qa div.block-cts {
  margin-top: 10px; }
  div.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%; }
  div.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%; }
  div.block-qa div.block-cts a.question {
    display: block;
    zoom: 1;
    display: block;
    background: url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom;
    line-height: 1.2;
    letter-spacing: 0.01em; }
    div.block-qa div.block-cts a.question:after {
      content: ".";
      display: block;
      height: 0.01px;
      clear: both;
      visibility: hidden;
      font-size: 0;
      line-height: 0; }
    div.block-qa div.block-cts a.question h3.ttl {
      width: 800px;
      float: left;
      background: none;
      margin: 21px 0 0 1em;
      padding: 0 0 21px 0;
      text-indent: -1em;
      font-size: 1.25em; }
    div.block-qa div.block-cts a.question p {
      float: right;
      margin-top: 24px;
      font-size: 0.875em; }
      div.block-qa div.block-cts a.question p:hover {
        text-decoration: none; }
  div.block-qa div.block-cts div.answer {
    display: none;
    background: #fafafa url("/-/media/obagi/common/images/dco_dotline_01.png") repeat-x left bottom;
    padding: 5px 65px 28px 30px;
    line-height: 1.7;
    letter-spacing: 0.025em; }
    div.block-qa div.block-cts div.answer p {
      margin-top: 20px;
      font-size: 1em; }
      div.block-qa div.block-cts div.answer p span {
        font-weight: bold; }
        div.block-qa div.block-cts div.answer p span.txt-point {
          color: #e84461; }

/* list */
span.sns-print {
  font-family: 'ヒラギノ角ゴ ProN W3' , 'Hiragino Kaku Gothic ProN' , メイリオ, Meiryo , sans-serif;
  display: block;
  zoom: 1;
  display: block;
  margin: 25px 0 0 auto;
  line-height: 1.2;
  letter-spacing: 0.01em; }
  span.sns-print:after {
    content: ".";
    display: block;
    height: 0.01px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0; }
  span.sns-print span {
    display: table-cell;
    border-left: 1px solid #dbdbdb;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.01em; }
    span.sns-print span.sns-fb {
      padding: 0 15px;
      background: url("/-/media/obagi/common/images/ico_fb_01.png") no-repeat center 50%;
      background-size: 10px 21px; }
      span.sns-print span.sns-fb img {
        display: none; }
    span.sns-print span.sns-twi {
      padding: 0 15px;
      background: url("/-/media/obagi/common/images/ico_twi_01.png") no-repeat center 50%;
      background-size: 19px 21px; }
      span.sns-print span.sns-twi img {
        display: none; }
    span.sns-print span.sns-gp {
      padding: 0 15px;
      background: url("/-/media/obagi/common/images/ico_gp_01.png") no-repeat center 50%;
      background-size: 17px 21px; }
      span.sns-print span.sns-gp img {
        display: none; }
    span.sns-print span.print {
      padding: 0 0 0 17px; }
      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-line, 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 {
  font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif;
  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","ＭＳ Ｐゴシック",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 */
.page-top {
  font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif;
  position: fixed;
  bottom: 76px;
  right: 20px;
  z-index: 10;
  font-size: 0.558125em;
  line-height: 1.2;
  letter-spacing: 0.03em; }
  .page-top a {
    width: 55px;
    height: 55px;
    display: block;
    padding-top: 24px;
    box-sizing: border-box;
    background: #000000 url("/-/media/obagi/common/images/ico_arrow_white_05.png") no-repeat center top;
    text-decoration: none;
    text-align: center; }
    .page-top a:link, .page-top a:visited, .page-top a:hover, .page-top a:active {
      color: #fff;
      text-decoration: none; }

.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; }

.only-tb {
  display: none; }

.only-sp {
  display: none; }

.other-sp {
  display: none; }

body {
  margin: 0;
  padding: 0; }

.subwindow {
  min-width: 0; }
  .subwindow #block-header {
}
    .subwindow #block-header div.header-inner {
      margin: 0 auto;
      width: 440px; }
      .subwindow #block-header div.header-inner div {
        margin: 0 0 -1px;
        width: 80px;
        height: 53px;
        background-color: #000;
					display: none; /* ------ add on 2018.10.29 ------*/ }
        .subwindow #block-header div.header-inner div img {
          width: 80px;
          height: 53px; }
  .subwindow .block-contents {
    margin: 0 auto;
    padding: 78px 0 60px;
    width: 440px; }
    .subwindow .block-contents h1 {
      margin: 0;
      padding: 0 0 18px;
      border-bottom: 1px solid #d6d6d6;
      font-size: 1.5em;
      line-height: 1.4;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif; }
    .subwindow .block-contents h2 {
      margin: 8px 0 0;
      padding: 14px 0 14px 15px;
      border-bottom: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      background-image: url("/-/media/obagi/common/images/dco_dotline_01.png"), url("/-/media/obagi/common/images/dco_h2_01.png");
      background-repeat: repeat-x, no-repeat;
      background-position: left bottom, left 50%;
      font-size: 1.1875em;
      line-height: 1.4;
      font-family: '游明朝', YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'メイリオ', Meiryo, sans-serif; }
    .subwindow .block-contents div.link-btn {
      margin: 25px auto 0;
      width: 220px; }
  .subwindow footer#block-footer {
    margin: 0;
    min-width: 500px;
    background-color: #3C3C3C; }
    .subwindow footer#block-footer p {
      margin: 0;
      padding: 12px 0 15px;
      text-align: center;
      font-size: 0.625em;
      color: #FFF;
      line-height: 1.5; }