@charset "UTF-8";
/* font */
/* -------------------------- */
@font-face {
  font-family: 'readerregular';
  src: url('../../../../assets/font/reader/reader-regular-webfont.eot');
  src: url('../../../../assets/font/reader/reader-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../assets/font/reader/reader-regular-webfont.woff2') format('woff2'), url('../../../../assets/font/reader/reader-regular-webfont.woff') format('woff'), url('../../../../assets/font/reader/reader-regular-webfont.ttf') format('truetype'), url('../../../../assets/font/reader/reader-regular-webfont.svg#readerregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'readerbold';
  src: url('../../../../assets/font/reader/reader-bold-webfont.eot');
  src: url('../../../../assets/font/reader/reader-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../assets/font/reader/reader-bold-webfont.woff2') format('woff2'), url('../../../../assets/font/reader/reader-bold-webfont.woff') format('woff'), url('../../../../assets/font/reader/reader-bold-webfont.ttf') format('truetype'), url('../../../../assets/font/reader/reader-bold-webfont.svg#readerbold') format('svg');
  font-weight: normal;
  font-style: normal; }

@media only screen and (min-width: 769px) {
  .linePage #contents #breadCrumbs {
    top: 630px; } }

@-webkit-keyframes leftright {
  0% {
    width: 50%; }

  25% {
    width: 12.5%; }

  50% {
    width: 50%; }

  75% {
    width: 87.5%; }

  100% {
    width: 50%; } }

@keyframes leftright {
  0% {
    width: 50%; }

  25% {
    width: 12.5%; }

  50% {
    width: 50%; }

  75% {
    width: 87.5%; }

  100% {
    width: 50%; } }

@-webkit-keyframes Floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }

  55% {
    -webkit-transform: translate(-4px, -5px);
            transform: translate(-4px, -5px); }

  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }

@keyframes Floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }

  55% {
    -webkit-transform: translate(-4px, -5px);
            transform: translate(-4px, -5px); }

  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }

@-webkit-keyframes Floating2 {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }

  55% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px); }

  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }

@keyframes Floating2 {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); }

  55% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px); }

  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px); } }

.bootstrap {
  /*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /*
	
	@import "bootstrap/dropdowns";
	@import "bootstrap/button-groups";
	@import "bootstrap/input-groups";
	@import "bootstrap/navs";
	@import "bootstrap/navbar";
	@import "bootstrap/breadcrumbs";
	@import "bootstrap/pagination";
	@import "bootstrap/pager";
	@import "bootstrap/labels";
	@import "bootstrap/badges";
	@import "bootstrap/jumbotron";
	@import "bootstrap/thumbnails";
	@import "bootstrap/alerts";
	@import "bootstrap/progress-bars";
	@import "bootstrap/media";
	@import "bootstrap/list-group";
	@import "bootstrap/panels";
	@import "bootstrap/responsive-embed";
	@import "bootstrap/wells";
	
	*/
  /*
	@import "bootstrap/tooltip";
	@import "bootstrap/popovers";
	@import "bootstrap/carousel";
	*/
  /*
	@import "bootstrap/utilities";
	@import "bootstrap/responsive-utilities";
	*/ }
  .bootstrap html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  .bootstrap body {
    margin: 0; }
  .bootstrap article, .bootstrap aside, .bootstrap details, .bootstrap figcaption, .bootstrap figure, .bootstrap footer, .bootstrap header, .bootstrap hgroup, .bootstrap main, .bootstrap menu, .bootstrap nav, .bootstrap section, .bootstrap summary {
    display: block; }
  .bootstrap audio, .bootstrap canvas, .bootstrap progress, .bootstrap video {
    display: inline-block;
    vertical-align: baseline; }
  .bootstrap audio:not([controls]) {
    display: none;
    height: 0; }
  .bootstrap [hidden], .bootstrap template {
    display: none; }
  .bootstrap a {
    background-color: transparent; }
  .bootstrap a:active, .bootstrap a:hover {
    outline: 0; }
  .bootstrap abbr[title] {
    border-bottom: 1px dotted; }
  .bootstrap b, .bootstrap strong {
    font-weight: bold; }
  .bootstrap dfn {
    font-style: italic; }
  .bootstrap h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .bootstrap mark {
    background: #ff0;
    color: #000; }
  .bootstrap small {
    font-size: 80%; }
  .bootstrap sub, .bootstrap sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .bootstrap sup {
    top: -0.5em; }
  .bootstrap sub {
    bottom: -0.25em; }
  .bootstrap img {
    border: 0; }
  .bootstrap svg:not(:root) {
    overflow: hidden; }
  .bootstrap figure {
    margin: 1em 40px; }
  .bootstrap hr {
    box-sizing: content-box;
    height: 0; }
  .bootstrap pre {
    overflow: auto; }
  .bootstrap code, .bootstrap kbd, .bootstrap pre, .bootstrap samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  .bootstrap button, .bootstrap input, .bootstrap optgroup, .bootstrap select, .bootstrap textarea {
    color: inherit;
    font: inherit;
    margin: 0; }
  .bootstrap button {
    overflow: visible; }
  .bootstrap button, .bootstrap select {
    text-transform: none; }
  .bootstrap button, .bootstrap html input[type="button"], .bootstrap input[type="reset"], .bootstrap input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }
  .bootstrap button[disabled], .bootstrap html input[disabled] {
    cursor: default; }
  .bootstrap button::-moz-focus-inner, .bootstrap input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .bootstrap input {
    line-height: normal; }
  .bootstrap input[type="checkbox"], .bootstrap input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }
  .bootstrap input[type="number"]::-webkit-inner-spin-button, .bootstrap input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .bootstrap input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box; }
  .bootstrap input[type="search"]::-webkit-search-cancel-button, .bootstrap input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .bootstrap fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  .bootstrap legend {
    border: 0;
    padding: 0; }
  .bootstrap textarea {
    overflow: auto; }
  .bootstrap optgroup {
    font-weight: bold; }
  .bootstrap table {
    border-collapse: collapse;
    border-spacing: 0; }
  .bootstrap td, .bootstrap th {
    padding: 0; }
  .bootstrap * {
    box-sizing: border-box; }
  .bootstrap *:before, .bootstrap *:after {
    box-sizing: border-box; }
  .bootstrap html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent; }
  .bootstrap body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333333;
    background-color: #fff; }
  .bootstrap input, .bootstrap button, .bootstrap select, .bootstrap textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .bootstrap a {
    color: #337ab7;
    text-decoration: none; }
    .bootstrap a:hover, .bootstrap a:focus {
      color: #23527c;
      text-decoration: underline; }
    .bootstrap a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
  .bootstrap figure {
    margin: 0; }
  .bootstrap img {
    vertical-align: middle; }
  .bootstrap .img-responsive {
    display: block;
    max-width: 100%;
    height: auto; }
  .bootstrap .img-rounded {
    border-radius: 6px; }
  .bootstrap .img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto; }
  .bootstrap .img-circle {
    border-radius: 50%; }
  .bootstrap hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee; }
  .bootstrap .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .bootstrap .sr-only-focusable:active, .bootstrap .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto; }
  .bootstrap [role="button"] {
    cursor: pointer; }
  .bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6, .bootstrap .h1, .bootstrap .h2, .bootstrap .h3, .bootstrap .h4, .bootstrap .h5, .bootstrap .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
    .bootstrap h1 small, .bootstrap h1 .small, .bootstrap h2 small, .bootstrap h2 .small, .bootstrap h3 small, .bootstrap h3 .small, .bootstrap h4 small, .bootstrap h4 .small, .bootstrap h5 small, .bootstrap h5 .small, .bootstrap h6 small, .bootstrap h6 .small, .bootstrap .h1 small, .bootstrap .h1 .small, .bootstrap .h2 small, .bootstrap .h2 .small, .bootstrap .h3 small, .bootstrap .h3 .small, .bootstrap .h4 small, .bootstrap .h4 .small, .bootstrap .h5 small, .bootstrap .h5 .small, .bootstrap .h6 small, .bootstrap .h6 .small {
      font-weight: normal;
      line-height: 1;
      color: #777777; }
  .bootstrap h1, .bootstrap .h1, .bootstrap h2, .bootstrap .h2, .bootstrap h3, .bootstrap .h3 {
    margin-top: 20px;
    margin-bottom: 10px; }
    .bootstrap h1 small, .bootstrap h1 .small, .bootstrap .h1 small, .bootstrap .h1 .small, .bootstrap h2 small, .bootstrap h2 .small, .bootstrap .h2 small, .bootstrap .h2 .small, .bootstrap h3 small, .bootstrap h3 .small, .bootstrap .h3 small, .bootstrap .h3 .small {
      font-size: 65%; }
  .bootstrap h4, .bootstrap .h4, .bootstrap h5, .bootstrap .h5, .bootstrap h6, .bootstrap .h6 {
    margin-top: 10px;
    margin-bottom: 10px; }
    .bootstrap h4 small, .bootstrap h4 .small, .bootstrap .h4 small, .bootstrap .h4 .small, .bootstrap h5 small, .bootstrap h5 .small, .bootstrap .h5 small, .bootstrap .h5 .small, .bootstrap h6 small, .bootstrap h6 .small, .bootstrap .h6 small, .bootstrap .h6 .small {
      font-size: 75%; }
  .bootstrap h1, .bootstrap .h1 {
    font-size: 36px; }
  .bootstrap h2, .bootstrap .h2 {
    font-size: 30px; }
  .bootstrap h3, .bootstrap .h3 {
    font-size: 24px; }
  .bootstrap h4, .bootstrap .h4 {
    font-size: 18px; }
  .bootstrap h5, .bootstrap .h5 {
    font-size: 14px; }
  .bootstrap h6, .bootstrap .h6 {
    font-size: 12px; }
  .bootstrap p {
    margin: 0 0 10px; }
  .bootstrap .lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4; }
    @media (min-width: 769px) {
      .bootstrap .lead {
        font-size: 21px; } }
  .bootstrap small, .bootstrap .small {
    font-size: 85%; }
  .bootstrap mark, .bootstrap .mark {
    background-color: #fcf8e3;
    padding: .2em; }
  .bootstrap .text-left {
    text-align: left; }
  .bootstrap .text-right {
    text-align: right; }
  .bootstrap .text-center {
    text-align: center; }
  .bootstrap .text-justify {
    text-align: justify; }
  .bootstrap .text-nowrap {
    white-space: nowrap; }
  .bootstrap .text-lowercase {
    text-transform: lowercase; }
  .bootstrap .text-uppercase, .bootstrap .initialism {
    text-transform: uppercase; }
  .bootstrap .text-capitalize {
    text-transform: capitalize; }
  .bootstrap .text-muted {
    color: #777777; }
  .bootstrap .text-primary {
    color: #337ab7; }
  .bootstrap a.text-primary:hover, .bootstrap a.text-primary:focus {
    color: #286090; }
  .bootstrap .text-success {
    color: #3c763d; }
  .bootstrap a.text-success:hover, .bootstrap a.text-success:focus {
    color: #2b542c; }
  .bootstrap .text-info {
    color: #31708f; }
  .bootstrap a.text-info:hover, .bootstrap a.text-info:focus {
    color: #245269; }
  .bootstrap .text-warning {
    color: #8a6d3b; }
  .bootstrap a.text-warning:hover, .bootstrap a.text-warning:focus {
    color: #66512c; }
  .bootstrap .text-danger {
    color: #a94442; }
  .bootstrap a.text-danger:hover, .bootstrap a.text-danger:focus {
    color: #843534; }
  .bootstrap .bg-primary {
    color: #fff; }
  .bootstrap .bg-primary {
    background-color: #337ab7; }
  .bootstrap a.bg-primary:hover, .bootstrap a.bg-primary:focus {
    background-color: #286090; }
  .bootstrap .bg-success {
    background-color: #dff0d8; }
  .bootstrap a.bg-success:hover, .bootstrap a.bg-success:focus {
    background-color: #c1e2b3; }
  .bootstrap .bg-info {
    background-color: #d9edf7; }
  .bootstrap a.bg-info:hover, .bootstrap a.bg-info:focus {
    background-color: #afd9ee; }
  .bootstrap .bg-warning {
    background-color: #fcf8e3; }
  .bootstrap a.bg-warning:hover, .bootstrap a.bg-warning:focus {
    background-color: #f7ecb5; }
  .bootstrap .bg-danger {
    background-color: #f2dede; }
  .bootstrap a.bg-danger:hover, .bootstrap a.bg-danger:focus {
    background-color: #e4b9b9; }
  .bootstrap .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee; }
  .bootstrap ul, .bootstrap ol {
    margin-top: 0;
    margin-bottom: 10px; }
    .bootstrap ul ul, .bootstrap ul ol, .bootstrap ol ul, .bootstrap ol ol {
      margin-bottom: 0; }
  .bootstrap .list-unstyled {
    padding-left: 0;
    list-style: none; }
  .bootstrap .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px; }
    .bootstrap .list-inline > li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px; }
  .bootstrap dl {
    margin-top: 0;
    margin-bottom: 20px; }
  .bootstrap dt, .bootstrap dd {
    line-height: 1.42857; }
  .bootstrap dt {
    font-weight: bold; }
  .bootstrap dd {
    margin-left: 0; }
  .bootstrap .dl-horizontal dd:before, .bootstrap .dl-horizontal dd:after {
    content: " ";
    display: table; }
  .bootstrap .dl-horizontal dd:after {
    clear: both; }
  @media (min-width: ) {
    .bootstrap .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .bootstrap .dl-horizontal dd {
      margin-left: 180px; } }
  .bootstrap abbr[title], .bootstrap abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777; }
  .bootstrap .initialism {
    font-size: 90%; }
  .bootstrap blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee; }
    .bootstrap blockquote p:last-child, .bootstrap blockquote ul:last-child, .bootstrap blockquote ol:last-child {
      margin-bottom: 0; }
    .bootstrap blockquote footer, .bootstrap blockquote small, .bootstrap blockquote .small {
      display: block;
      font-size: 80%;
      line-height: 1.42857;
      color: #777777; }
      .bootstrap blockquote footer:before, .bootstrap blockquote small:before, .bootstrap blockquote .small:before {
        content: '\2014 \00A0'; }
  .bootstrap .blockquote-reverse, .bootstrap blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right; }
    .bootstrap .blockquote-reverse footer:before, .bootstrap .blockquote-reverse small:before, .bootstrap .blockquote-reverse .small:before, .bootstrap blockquote.pull-right footer:before, .bootstrap blockquote.pull-right small:before, .bootstrap blockquote.pull-right .small:before {
      content: ''; }
    .bootstrap .blockquote-reverse footer:after, .bootstrap .blockquote-reverse small:after, .bootstrap .blockquote-reverse .small:after, .bootstrap blockquote.pull-right footer:after, .bootstrap blockquote.pull-right small:after, .bootstrap blockquote.pull-right .small:after {
      content: '\00A0 \2014'; }
  .bootstrap address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857; }
  .bootstrap code, .bootstrap kbd, .bootstrap pre, .bootstrap samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
  .bootstrap code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px; }
  .bootstrap kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
    .bootstrap kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: bold;
      box-shadow: none; }
  .bootstrap pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px; }
    .bootstrap pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0; }
  .bootstrap .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll; }
  .bootstrap .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    /*
  @media (min-width: $screen-sm-min) {
    width: $container-sm;
  }

  @media (min-width: $screen-md-min) {
    width: $container-md;
  }
    */ }
    .bootstrap .container:before, .bootstrap .container:after {
      content: " ";
      display: table; }
    .bootstrap .container:after {
      clear: both; }
    @media (min-width: ) {
      .bootstrap .container {
        width: 1170px; } }
  .bootstrap .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
    .bootstrap .container-fluid:before, .bootstrap .container-fluid:after {
      content: " ";
      display: table; }
    .bootstrap .container-fluid:after {
      clear: both; }
  .bootstrap .row {
    margin-left: -15px;
    margin-right: -15px; }
    .bootstrap .row:before, .bootstrap .row:after {
      content: " ";
      display: table; }
    .bootstrap .row:after {
      clear: both; }
  .bootstrap .col-xs-1, .bootstrap .col-sm-1, .bootstrap .col-md-1, .bootstrap .col-lg-1, .bootstrap .col-xs-2, .bootstrap .col-sm-2, .bootstrap .col-md-2, .bootstrap .col-lg-2, .bootstrap .col-xs-3, .bootstrap .col-sm-3, .bootstrap .col-md-3, .bootstrap .col-lg-3, .bootstrap .col-xs-4, .bootstrap .col-sm-4, .bootstrap .col-md-4, .bootstrap .col-lg-4, .bootstrap .col-xs-5, .bootstrap .col-sm-5, .bootstrap .col-md-5, .bootstrap .col-lg-5, .bootstrap .col-xs-6, .bootstrap .col-sm-6, .bootstrap .col-md-6, .bootstrap .col-lg-6, .bootstrap .col-xs-7, .bootstrap .col-sm-7, .bootstrap .col-md-7, .bootstrap .col-lg-7, .bootstrap .col-xs-8, .bootstrap .col-sm-8, .bootstrap .col-md-8, .bootstrap .col-lg-8, .bootstrap .col-xs-9, .bootstrap .col-sm-9, .bootstrap .col-md-9, .bootstrap .col-lg-9, .bootstrap .col-xs-10, .bootstrap .col-sm-10, .bootstrap .col-md-10, .bootstrap .col-lg-10, .bootstrap .col-xs-11, .bootstrap .col-sm-11, .bootstrap .col-md-11, .bootstrap .col-lg-11, .bootstrap .col-xs-12, .bootstrap .col-sm-12, .bootstrap .col-md-12, .bootstrap .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .bootstrap .col-xs-1, .bootstrap .col-xs-2, .bootstrap .col-xs-3, .bootstrap .col-xs-4, .bootstrap .col-xs-5, .bootstrap .col-xs-6, .bootstrap .col-xs-7, .bootstrap .col-xs-8, .bootstrap .col-xs-9, .bootstrap .col-xs-10, .bootstrap .col-xs-11, .bootstrap .col-xs-12 {
    float: left; }
  .bootstrap .col-xs-1 {
    width: 8.33333%; }
  .bootstrap .col-xs-2 {
    width: 16.66667%; }
  .bootstrap .col-xs-3 {
    width: 25%; }
  .bootstrap .col-xs-4 {
    width: 33.33333%; }
  .bootstrap .col-xs-5 {
    width: 41.66667%; }
  .bootstrap .col-xs-6 {
    width: 50%; }
  .bootstrap .col-xs-7 {
    width: 58.33333%; }
  .bootstrap .col-xs-8 {
    width: 66.66667%; }
  .bootstrap .col-xs-9 {
    width: 75%; }
  .bootstrap .col-xs-10 {
    width: 83.33333%; }
  .bootstrap .col-xs-11 {
    width: 91.66667%; }
  .bootstrap .col-xs-12 {
    width: 100%; }
  .bootstrap .col-xs-pull-0 {
    right: auto; }
  .bootstrap .col-xs-pull-1 {
    right: 8.33333%; }
  .bootstrap .col-xs-pull-2 {
    right: 16.66667%; }
  .bootstrap .col-xs-pull-3 {
    right: 25%; }
  .bootstrap .col-xs-pull-4 {
    right: 33.33333%; }
  .bootstrap .col-xs-pull-5 {
    right: 41.66667%; }
  .bootstrap .col-xs-pull-6 {
    right: 50%; }
  .bootstrap .col-xs-pull-7 {
    right: 58.33333%; }
  .bootstrap .col-xs-pull-8 {
    right: 66.66667%; }
  .bootstrap .col-xs-pull-9 {
    right: 75%; }
  .bootstrap .col-xs-pull-10 {
    right: 83.33333%; }
  .bootstrap .col-xs-pull-11 {
    right: 91.66667%; }
  .bootstrap .col-xs-pull-12 {
    right: 100%; }
  .bootstrap .col-xs-push-0 {
    left: auto; }
  .bootstrap .col-xs-push-1 {
    left: 8.33333%; }
  .bootstrap .col-xs-push-2 {
    left: 16.66667%; }
  .bootstrap .col-xs-push-3 {
    left: 25%; }
  .bootstrap .col-xs-push-4 {
    left: 33.33333%; }
  .bootstrap .col-xs-push-5 {
    left: 41.66667%; }
  .bootstrap .col-xs-push-6 {
    left: 50%; }
  .bootstrap .col-xs-push-7 {
    left: 58.33333%; }
  .bootstrap .col-xs-push-8 {
    left: 66.66667%; }
  .bootstrap .col-xs-push-9 {
    left: 75%; }
  .bootstrap .col-xs-push-10 {
    left: 83.33333%; }
  .bootstrap .col-xs-push-11 {
    left: 91.66667%; }
  .bootstrap .col-xs-push-12 {
    left: 100%; }
  .bootstrap .col-xs-offset-0 {
    margin-left: 0%; }
  .bootstrap .col-xs-offset-1 {
    margin-left: 8.33333%; }
  .bootstrap .col-xs-offset-2 {
    margin-left: 16.66667%; }
  .bootstrap .col-xs-offset-3 {
    margin-left: 25%; }
  .bootstrap .col-xs-offset-4 {
    margin-left: 33.33333%; }
  .bootstrap .col-xs-offset-5 {
    margin-left: 41.66667%; }
  .bootstrap .col-xs-offset-6 {
    margin-left: 50%; }
  .bootstrap .col-xs-offset-7 {
    margin-left: 58.33333%; }
  .bootstrap .col-xs-offset-8 {
    margin-left: 66.66667%; }
  .bootstrap .col-xs-offset-9 {
    margin-left: 75%; }
  .bootstrap .col-xs-offset-10 {
    margin-left: 83.33333%; }
  .bootstrap .col-xs-offset-11 {
    margin-left: 91.66667%; }
  .bootstrap .col-xs-offset-12 {
    margin-left: 100%; }
  @media (min-width: 769px) {
    .bootstrap .col-sm-1, .bootstrap .col-sm-2, .bootstrap .col-sm-3, .bootstrap .col-sm-4, .bootstrap .col-sm-5, .bootstrap .col-sm-6, .bootstrap .col-sm-7, .bootstrap .col-sm-8, .bootstrap .col-sm-9, .bootstrap .col-sm-10, .bootstrap .col-sm-11, .bootstrap .col-sm-12 {
      float: left; }
    .bootstrap .col-sm-1 {
      width: 8.33333%; }
    .bootstrap .col-sm-2 {
      width: 16.66667%; }
    .bootstrap .col-sm-3 {
      width: 25%; }
    .bootstrap .col-sm-4 {
      width: 33.33333%; }
    .bootstrap .col-sm-5 {
      width: 41.66667%; }
    .bootstrap .col-sm-6 {
      width: 50%; }
    .bootstrap .col-sm-7 {
      width: 58.33333%; }
    .bootstrap .col-sm-8 {
      width: 66.66667%; }
    .bootstrap .col-sm-9 {
      width: 75%; }
    .bootstrap .col-sm-10 {
      width: 83.33333%; }
    .bootstrap .col-sm-11 {
      width: 91.66667%; }
    .bootstrap .col-sm-12 {
      width: 100%; }
    .bootstrap .col-sm-pull-0 {
      right: auto; }
    .bootstrap .col-sm-pull-1 {
      right: 8.33333%; }
    .bootstrap .col-sm-pull-2 {
      right: 16.66667%; }
    .bootstrap .col-sm-pull-3 {
      right: 25%; }
    .bootstrap .col-sm-pull-4 {
      right: 33.33333%; }
    .bootstrap .col-sm-pull-5 {
      right: 41.66667%; }
    .bootstrap .col-sm-pull-6 {
      right: 50%; }
    .bootstrap .col-sm-pull-7 {
      right: 58.33333%; }
    .bootstrap .col-sm-pull-8 {
      right: 66.66667%; }
    .bootstrap .col-sm-pull-9 {
      right: 75%; }
    .bootstrap .col-sm-pull-10 {
      right: 83.33333%; }
    .bootstrap .col-sm-pull-11 {
      right: 91.66667%; }
    .bootstrap .col-sm-pull-12 {
      right: 100%; }
    .bootstrap .col-sm-push-0 {
      left: auto; }
    .bootstrap .col-sm-push-1 {
      left: 8.33333%; }
    .bootstrap .col-sm-push-2 {
      left: 16.66667%; }
    .bootstrap .col-sm-push-3 {
      left: 25%; }
    .bootstrap .col-sm-push-4 {
      left: 33.33333%; }
    .bootstrap .col-sm-push-5 {
      left: 41.66667%; }
    .bootstrap .col-sm-push-6 {
      left: 50%; }
    .bootstrap .col-sm-push-7 {
      left: 58.33333%; }
    .bootstrap .col-sm-push-8 {
      left: 66.66667%; }
    .bootstrap .col-sm-push-9 {
      left: 75%; }
    .bootstrap .col-sm-push-10 {
      left: 83.33333%; }
    .bootstrap .col-sm-push-11 {
      left: 91.66667%; }
    .bootstrap .col-sm-push-12 {
      left: 100%; }
    .bootstrap .col-sm-offset-0 {
      margin-left: 0%; }
    .bootstrap .col-sm-offset-1 {
      margin-left: 8.33333%; }
    .bootstrap .col-sm-offset-2 {
      margin-left: 16.66667%; }
    .bootstrap .col-sm-offset-3 {
      margin-left: 25%; }
    .bootstrap .col-sm-offset-4 {
      margin-left: 33.33333%; }
    .bootstrap .col-sm-offset-5 {
      margin-left: 41.66667%; }
    .bootstrap .col-sm-offset-6 {
      margin-left: 50%; }
    .bootstrap .col-sm-offset-7 {
      margin-left: 58.33333%; }
    .bootstrap .col-sm-offset-8 {
      margin-left: 66.66667%; }
    .bootstrap .col-sm-offset-9 {
      margin-left: 75%; }
    .bootstrap .col-sm-offset-10 {
      margin-left: 83.33333%; }
    .bootstrap .col-sm-offset-11 {
      margin-left: 91.66667%; }
    .bootstrap .col-sm-offset-12 {
      margin-left: 100%; } }
  @media (min-width: ) {
    .bootstrap .col-md-1, .bootstrap .col-md-2, .bootstrap .col-md-3, .bootstrap .col-md-4, .bootstrap .col-md-5, .bootstrap .col-md-6, .bootstrap .col-md-7, .bootstrap .col-md-8, .bootstrap .col-md-9, .bootstrap .col-md-10, .bootstrap .col-md-11, .bootstrap .col-md-12 {
      float: left; }
    .bootstrap .col-md-1 {
      width: 8.33333%; }
    .bootstrap .col-md-2 {
      width: 16.66667%; }
    .bootstrap .col-md-3 {
      width: 25%; }
    .bootstrap .col-md-4 {
      width: 33.33333%; }
    .bootstrap .col-md-5 {
      width: 41.66667%; }
    .bootstrap .col-md-6 {
      width: 50%; }
    .bootstrap .col-md-7 {
      width: 58.33333%; }
    .bootstrap .col-md-8 {
      width: 66.66667%; }
    .bootstrap .col-md-9 {
      width: 75%; }
    .bootstrap .col-md-10 {
      width: 83.33333%; }
    .bootstrap .col-md-11 {
      width: 91.66667%; }
    .bootstrap .col-md-12 {
      width: 100%; }
    .bootstrap .col-md-pull-0 {
      right: auto; }
    .bootstrap .col-md-pull-1 {
      right: 8.33333%; }
    .bootstrap .col-md-pull-2 {
      right: 16.66667%; }
    .bootstrap .col-md-pull-3 {
      right: 25%; }
    .bootstrap .col-md-pull-4 {
      right: 33.33333%; }
    .bootstrap .col-md-pull-5 {
      right: 41.66667%; }
    .bootstrap .col-md-pull-6 {
      right: 50%; }
    .bootstrap .col-md-pull-7 {
      right: 58.33333%; }
    .bootstrap .col-md-pull-8 {
      right: 66.66667%; }
    .bootstrap .col-md-pull-9 {
      right: 75%; }
    .bootstrap .col-md-pull-10 {
      right: 83.33333%; }
    .bootstrap .col-md-pull-11 {
      right: 91.66667%; }
    .bootstrap .col-md-pull-12 {
      right: 100%; }
    .bootstrap .col-md-push-0 {
      left: auto; }
    .bootstrap .col-md-push-1 {
      left: 8.33333%; }
    .bootstrap .col-md-push-2 {
      left: 16.66667%; }
    .bootstrap .col-md-push-3 {
      left: 25%; }
    .bootstrap .col-md-push-4 {
      left: 33.33333%; }
    .bootstrap .col-md-push-5 {
      left: 41.66667%; }
    .bootstrap .col-md-push-6 {
      left: 50%; }
    .bootstrap .col-md-push-7 {
      left: 58.33333%; }
    .bootstrap .col-md-push-8 {
      left: 66.66667%; }
    .bootstrap .col-md-push-9 {
      left: 75%; }
    .bootstrap .col-md-push-10 {
      left: 83.33333%; }
    .bootstrap .col-md-push-11 {
      left: 91.66667%; }
    .bootstrap .col-md-push-12 {
      left: 100%; }
    .bootstrap .col-md-offset-0 {
      margin-left: 0%; }
    .bootstrap .col-md-offset-1 {
      margin-left: 8.33333%; }
    .bootstrap .col-md-offset-2 {
      margin-left: 16.66667%; }
    .bootstrap .col-md-offset-3 {
      margin-left: 25%; }
    .bootstrap .col-md-offset-4 {
      margin-left: 33.33333%; }
    .bootstrap .col-md-offset-5 {
      margin-left: 41.66667%; }
    .bootstrap .col-md-offset-6 {
      margin-left: 50%; }
    .bootstrap .col-md-offset-7 {
      margin-left: 58.33333%; }
    .bootstrap .col-md-offset-8 {
      margin-left: 66.66667%; }
    .bootstrap .col-md-offset-9 {
      margin-left: 75%; }
    .bootstrap .col-md-offset-10 {
      margin-left: 83.33333%; }
    .bootstrap .col-md-offset-11 {
      margin-left: 91.66667%; }
    .bootstrap .col-md-offset-12 {
      margin-left: 100%; } }
  @media (min-width: ) {
    .bootstrap .col-lg-1, .bootstrap .col-lg-2, .bootstrap .col-lg-3, .bootstrap .col-lg-4, .bootstrap .col-lg-5, .bootstrap .col-lg-6, .bootstrap .col-lg-7, .bootstrap .col-lg-8, .bootstrap .col-lg-9, .bootstrap .col-lg-10, .bootstrap .col-lg-11, .bootstrap .col-lg-12 {
      float: left; }
    .bootstrap .col-lg-1 {
      width: 8.33333%; }
    .bootstrap .col-lg-2 {
      width: 16.66667%; }
    .bootstrap .col-lg-3 {
      width: 25%; }
    .bootstrap .col-lg-4 {
      width: 33.33333%; }
    .bootstrap .col-lg-5 {
      width: 41.66667%; }
    .bootstrap .col-lg-6 {
      width: 50%; }
    .bootstrap .col-lg-7 {
      width: 58.33333%; }
    .bootstrap .col-lg-8 {
      width: 66.66667%; }
    .bootstrap .col-lg-9 {
      width: 75%; }
    .bootstrap .col-lg-10 {
      width: 83.33333%; }
    .bootstrap .col-lg-11 {
      width: 91.66667%; }
    .bootstrap .col-lg-12 {
      width: 100%; }
    .bootstrap .col-lg-pull-0 {
      right: auto; }
    .bootstrap .col-lg-pull-1 {
      right: 8.33333%; }
    .bootstrap .col-lg-pull-2 {
      right: 16.66667%; }
    .bootstrap .col-lg-pull-3 {
      right: 25%; }
    .bootstrap .col-lg-pull-4 {
      right: 33.33333%; }
    .bootstrap .col-lg-pull-5 {
      right: 41.66667%; }
    .bootstrap .col-lg-pull-6 {
      right: 50%; }
    .bootstrap .col-lg-pull-7 {
      right: 58.33333%; }
    .bootstrap .col-lg-pull-8 {
      right: 66.66667%; }
    .bootstrap .col-lg-pull-9 {
      right: 75%; }
    .bootstrap .col-lg-pull-10 {
      right: 83.33333%; }
    .bootstrap .col-lg-pull-11 {
      right: 91.66667%; }
    .bootstrap .col-lg-pull-12 {
      right: 100%; }
    .bootstrap .col-lg-push-0 {
      left: auto; }
    .bootstrap .col-lg-push-1 {
      left: 8.33333%; }
    .bootstrap .col-lg-push-2 {
      left: 16.66667%; }
    .bootstrap .col-lg-push-3 {
      left: 25%; }
    .bootstrap .col-lg-push-4 {
      left: 33.33333%; }
    .bootstrap .col-lg-push-5 {
      left: 41.66667%; }
    .bootstrap .col-lg-push-6 {
      left: 50%; }
    .bootstrap .col-lg-push-7 {
      left: 58.33333%; }
    .bootstrap .col-lg-push-8 {
      left: 66.66667%; }
    .bootstrap .col-lg-push-9 {
      left: 75%; }
    .bootstrap .col-lg-push-10 {
      left: 83.33333%; }
    .bootstrap .col-lg-push-11 {
      left: 91.66667%; }
    .bootstrap .col-lg-push-12 {
      left: 100%; }
    .bootstrap .col-lg-offset-0 {
      margin-left: 0%; }
    .bootstrap .col-lg-offset-1 {
      margin-left: 8.33333%; }
    .bootstrap .col-lg-offset-2 {
      margin-left: 16.66667%; }
    .bootstrap .col-lg-offset-3 {
      margin-left: 25%; }
    .bootstrap .col-lg-offset-4 {
      margin-left: 33.33333%; }
    .bootstrap .col-lg-offset-5 {
      margin-left: 41.66667%; }
    .bootstrap .col-lg-offset-6 {
      margin-left: 50%; }
    .bootstrap .col-lg-offset-7 {
      margin-left: 58.33333%; }
    .bootstrap .col-lg-offset-8 {
      margin-left: 66.66667%; }
    .bootstrap .col-lg-offset-9 {
      margin-left: 75%; }
    .bootstrap .col-lg-offset-10 {
      margin-left: 83.33333%; }
    .bootstrap .col-lg-offset-11 {
      margin-left: 91.66667%; }
    .bootstrap .col-lg-offset-12 {
      margin-left: 100%; } }
  .bootstrap .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear; }
    .bootstrap .fade.in {
      opacity: 1; }
  .bootstrap .collapse {
    display: none; }
    .bootstrap .collapse.in {
      display: block; }
  .bootstrap tr.collapse.in {
    display: table-row; }
  .bootstrap tbody.collapse.in {
    display: table-row-group; }
  .bootstrap .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
  .bootstrap .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20); }
    .bootstrap .close:hover, .bootstrap .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .bootstrap button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none; }
  .bootstrap .modal-open {
    overflow: hidden; }
  .bootstrap .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
    .bootstrap .modal.fade .modal-dialog {
      -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
      transform: translate(0, -25%);
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out; }
    .bootstrap .modal.in .modal-dialog {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .bootstrap .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .bootstrap .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px; }
  .bootstrap .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0; }
  .bootstrap .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
    .bootstrap .modal-backdrop.fade {
      opacity: 0;
      filter: alpha(opacity=0); }
    .bootstrap .modal-backdrop.in {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .bootstrap .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
    .bootstrap .modal-header:before, .bootstrap .modal-header:after {
      content: " ";
      display: table; }
    .bootstrap .modal-header:after {
      clear: both; }
  .bootstrap .modal-header .close {
    margin-top: -2px; }
  .bootstrap .modal-title {
    margin: 0;
    line-height: 1.42857; }
  .bootstrap .modal-body {
    position: relative;
    padding: 15px; }
  .bootstrap .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
    .bootstrap .modal-footer:before, .bootstrap .modal-footer:after {
      content: " ";
      display: table; }
    .bootstrap .modal-footer:after {
      clear: both; }
    .bootstrap .modal-footer .btn + .btn {
      margin-left: 5px;
      margin-bottom: 0; }
    .bootstrap .modal-footer .btn-group .btn + .btn {
      margin-left: -1px; }
    .bootstrap .modal-footer .btn-block + .btn-block {
      margin-left: 0; }
  .bootstrap .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 769px) {
    .bootstrap .modal-dialog {
      width: 600px;
      margin: 30px auto; }
    .bootstrap .modal-content {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .bootstrap .modal-sm {
      width: 300px; } }
  @media (min-width: ) {
    .bootstrap .modal-lg {
      width: 900px; } }
  @media (min-width: 1200px) {
    .bootstrap .container {
      max-width: 990px;
      margin: 0 auto;
      padding: 0 !important; }
    .bootstrap .container.main {
      max-width: 1440px !important;
      min-width: 1000px;
      width: 100%;
      margin: 0 auto;
      position: relative; } }
  .bootstrap a {
    color: #000; }
    .bootstrap a:link {
      text-decoration: none; }
    .bootstrap a:hover {
      color: #000;
      text-decoration: underline; }
  .bootstrap .bcircle {
    display: block;
    position: relative;
    height: 100px;
    width: 100px;
    margin: 2em auto;
    border-radius: 100%; }
    .bootstrap .bcircle:after {
      position: absolute;
      display: block;
      height: 90px;
      width: 90px;
      left: 50%;
      top: 50%;
      margin-top: -45px;
      margin-left: -45px;
      border-radius: 100%;
      content: attr(data-pct) "%";
      line-height: 90px; }
    .bootstrap .bcircle .svg circle {
      stroke-dashoffset: 0;
      stroke: #a3a3a3;
      stroke-width: 5px;
      /*
	  r:47;
	  cx:50;
	  cy:50;
	  fill:transparent;
	  stroke-dasharray:295.30970943744056441548847802827;
	  */ }
    .bootstrap .bcircle .svg .bar {
      stroke: #f35900; }
    .bootstrap .bcircle .svg {
      -webkit-transform: scale(.85, .85);
          -ms-transform: scale(.85, .85);
              transform: scale(.85, .85); }
    @media (min-width: ) {
      .bootstrap .bcircle .svg {
        -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1); } }
    .bootstrap .bcircle .svg {
      -webkit-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
              transform: scaleX(-1); }
    .bootstrap .bcircle .svg circle {
      -webkit-transition: stroke-dashoffset 1s linear;
              transition: stroke-dashoffset 1s linear;
      -webkit-transition-delay: .7s;
              transition-delay: .7s;
      stroke-dashoffset: 251.32741; }
    .bootstrap .bcircle.sr-transiting.one .bar {
      stroke-dashoffset: 75.39822; }
    .bootstrap .bcircle.sr-transiting.two .bar {
      stroke-dashoffset: 57.8053; }
    .bootstrap .bcircle.sr-transiting.three .bar {
      stroke-dashoffset: 47.75221; }
  .bootstrap .modal.ingredient {
    /*
		@media (min-width:($screen-sm)+1) {
			visibility:hidden;
		}
		*/
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center; }
    .bootstrap .modal.ingredient .modal-header {
      height: 30px;
      border-bottom: none;
      padding-bottom: 10px; }
    .bootstrap .modal.ingredient .modal-title {
      margin: 0; }
    .bootstrap .modal.ingredient .modal-header {
      z-index: 1;
      position: relative; }
    .bootstrap .modal.ingredient h4 {
      font-family: 'ShiseidoNeue';
      font-size: 18px;
      line-height: 1.3em;
      margin-bottom: 10px; }
    .bootstrap .modal.ingredient .close {
      opacity: 0.75;
      font-size: 42px;
      z-index: 1; }
    .bootstrap .modal.ingredient p {
      font-size: 14px;
      margin: 10px 0; }
  .bootstrap .bottomer {
    text-align: center;
    font-family: 'ShiseidoNeue';
    text-transform: uppercase;
    vertical-align: middle;
    padding: 40px 0; }
    .bootstrap .bottomer img {
      vertical-align: middle; }
    .bootstrap .bottomer .backtotop {
      display: inline;
      cursor: pointer;
      color: grey; }
  .bootstrap .floating {
    -webkit-animation-name: Floating;
            animation-name: Floating;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  .bootstrap .floating2 {
    -webkit-animation-name: Floating2;
            animation-name: Floating2;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  .bootstrap .clear {
    clear: both; }
  .bootstrap .nav {
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.27);
    height: 175px;
    background-color: white;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1222;
    font-family: 'ShiseidoNeue';
    font-size: 16px;
    box-sizing: border-box;
    padding-bottom: 5px;
    position: fixed; }
    .bootstrap .nav .col-md-12 {
      white-space: nowrap; }
      .bootstrap .nav .col-md-12 > * {
        white-space: normal; }
    .bootstrap .nav .txtlogo {
      font-family: 'ShiseidoNeue';
      font-size: 20px;
      display: inline-block;
      margin: 0;
      padding: 7px 0; }
    .bootstrap .nav.block {
      position: relative;
      z-index: 0; }
    .bootstrap .nav .container {
      text-align: center; }
    .bootstrap .nav ul {
      list-style-type: none;
      list-style: none;
      display: inline-block;
      margin: 0;
      margin-left: 20px;
      padding: 0; }
    .bootstrap .nav .liftdynamicnav-holder {
      display: inline-block; }
      .bootstrap .nav .liftdynamicnav-holder ul {
        display: none; }
        @media (min-width: 769px) {
          .bootstrap .nav .liftdynamicnav-holder ul {
            display: block; } }
    .bootstrap .nav li, .bootstrap .nav .li {
      display: inline-block;
      cursor: pointer;
      padding: 8px 15px; }
      @media (max-width: -1) {
        .bootstrap .nav li, .bootstrap .nav .li {
          padding: 8px 10px;
          font-size: 15px;
          white-space: normal; } }
      .bootstrap .nav li:hover, .bootstrap .nav .li:hover {
        background-color: black;
        color: white; }
      .bootstrap .nav li.selected, .bootstrap .nav .li.selected {
        background-color: #ea5519;
        color: white; }
    .bootstrap .nav .share {
      display: inline-block;
      position: relative; }
      @media (max-width: -1) {
        .bootstrap .nav .share {
          padding-left: 5px;
          padding-right: 0px; }
          .bootstrap .nav .share li {
            padding-left: 5px;
            padding-right: 5px; } }
      @media (max-width: 769px -1) {
        .bootstrap .nav .share {
          display: block;
          position: absolute;
          right: 0;
          top: 0; } }
      .bootstrap .nav .share .cont {
        position: absolute;
        float: none;
        top: 0;
        left: 0;
        top: 45px;
        overflow: hidden; }
      .bootstrap .nav .share ul {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
        position: relative;
        top: -10px;
        padding-top: 10px;
        -webkit-transition: -webkit-transform .25s ease-out;
                transition: transform .25s ease-out;
        background-color: white;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.27); }
      .bootstrap .nav .share .icon {
        width: 100%; }
        .bootstrap .nav .share .icon img {
          width: 50%;
          height: auto; }
      .bootstrap .nav .share:hover ul {
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%); }
  .bootstrap .cta.orange {
    background-color: #ea5519;
    color: white;
    padding: 8px 28px;
    font-size: 14px;
    letter-spacing: 0.5px;
    max-width: 132px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    font-family: 'ShiseidoNeue'; }
  .bootstrap .container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden; }
  .bootstrap .container, .bootstrap .container-fluid {
    font-size: 16px;
    /*
		>.row {
			min-height:300px;
		}
		*/ }
    .bootstrap .container.benefits, .bootstrap .container-fluid.benefits {
      background-color: #fef3ef;
      text-align: center;
      margin-top: 30px; }
      .bootstrap .container.benefits h2, .bootstrap .container-fluid.benefits h2 {
        text-transform: uppercase; }
      .bootstrap .container.benefits h3, .bootstrap .container-fluid.benefits h3 {
        text-transform: uppercase;
        color: #ea5519; }
    .bootstrap .container.dailyroutine, .bootstrap .container-fluid.dailyroutine {
      color: #292929;
      position: relative;
      background-color: #f6f6f6;
      text-align: center;
      padding-top: 30px;
      padding-bottom: 40px;
      font-size: 12px; }
      .bootstrap .container.dailyroutine .col, .bootstrap .container-fluid.dailyroutine .col {
        position: relative; }
      .bootstrap .container.dailyroutine .siloimg, .bootstrap .container-fluid.dailyroutine .siloimg {
        opacity: .25; }
      .bootstrap .container.dailyroutine h1, .bootstrap .container-fluid.dailyroutine h1 {
        font-family: 'readerbold';
        margin-bottom: 80px;
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        font-size: 28px;
        line-height: 1.3em;
        /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/ }
        @media (min-width: 769px) {
          .bootstrap .container.dailyroutine h1, .bootstrap .container-fluid.dailyroutine h1 {
            font-size: 35px; } }
      .bootstrap .container.dailyroutine h2, .bootstrap .container-fluid.dailyroutine h2 {
        text-transform: uppercase;
        font-size: 12px;
        line-height: 18px;
        font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
        @media (min-width: ) {
          .bootstrap .container.dailyroutine h2, .bootstrap .container-fluid.dailyroutine h2 {
            min-height: 54px; } }
      .bootstrap .container.dailyroutine .tagline, .bootstrap .container-fluid.dailyroutine .tagline {
        font-family: 'Reader';
        font-size: 14px;
        margin-top: 30px;
        color: #444444;
        font-weight: lighter;
        margin-top: 5px; }
        @media (min-width: ) {
          .bootstrap .container.dailyroutine .tagline.strengthen, .bootstrap .container-fluid.dailyroutine .tagline.strengthen {
            top: -111px; } }
        @media (min-width: ) {
          .bootstrap .container.dailyroutine .tagline, .bootstrap .container-fluid.dailyroutine .tagline {
            margin-top: 30px; }
            .bootstrap .container.dailyroutine .tagline.strengthen, .bootstrap .container-fluid.dailyroutine .tagline.strengthen {
              top: 0; } }
      .bootstrap .container.dailyroutine img, .bootstrap .container-fluid.dailyroutine img {
        display: block;
        margin: 0 auto; }
      @media (min-width: ) {
        @media (max-width: -1) {
          .bootstrap .container.dailyroutine .prodmini3, .bootstrap .container-fluid.dailyroutine .prodmini3 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
                -ms-flex-align: end;
                    align-items: flex-end; } } }
      .bootstrap .container.dailyroutine .col-sm-4, .bootstrap .container-fluid.dailyroutine .col-sm-4 {
        margin-top: 30px;
        font-size: 12px; }
        @media (min-width: ) {
          .bootstrap .container.dailyroutine .col-sm-4, .bootstrap .container-fluid.dailyroutine .col-sm-4 {
            margin-top: 0; } }
      .bootstrap .container.dailyroutine .circle, .bootstrap .container-fluid.dailyroutine .circle {
        width: 24px;
        height: 24px;
        border-radius: 12px;
        text-align: center;
        background-color: #ea5519;
        font-family: 'ShiseidoNeue';
        margin: 0px auto 45px;
        color: white;
        font-size: 14px; }
        .bootstrap .container.dailyroutine .circle > span, .bootstrap .container-fluid.dailyroutine .circle > span {
          display: block;
          position: relative;
          top: 50%;
          line-height: 0; }
        @media (min-width: ) {
          .bootstrap .container.dailyroutine .circle, .bootstrap .container-fluid.dailyroutine .circle {
            margin: 15px auto 0; } }
      .bootstrap .container.dailyroutine .cta.orange, .bootstrap .container-fluid.dailyroutine .cta.orange {
        display: block;
        margin-top: 25px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 90px;
        font-size: 14px;
        cursor: pointer; }
        @media (min-width: ) {
          .bootstrap .container.dailyroutine .cta.orange, .bootstrap .container-fluid.dailyroutine .cta.orange {
            margin-bottom: 15px; } }
      @media (min-width: ) {
        .bootstrap .container.dailyroutine .imgwrap, .bootstrap .container-fluid.dailyroutine .imgwrap {
          display: table;
          width: 100%;
          height: 245px; }
          .bootstrap .container.dailyroutine .imgwrap .imgcol, .bootstrap .container-fluid.dailyroutine .imgwrap .imgcol {
            display: table-cell;
            vertical-align: bottom;
            height: 100%; }
          .bootstrap .container.dailyroutine .imgwrap img, .bootstrap .container-fluid.dailyroutine .imgwrap img {
            display: inline-block; } }
    .bootstrap .container.dailyroutine h1, .bootstrap .container-fluid.dailyroutine h1 {
      text-transform: uppercase;
      font-size: 25px; }
    .bootstrap .container.targetedsolution, .bootstrap .container-fluid.targetedsolution {
      margin-bottom: 50px;
      max-width: 1200px; }
      .bootstrap .container.targetedsolution h1, .bootstrap .container-fluid.targetedsolution h1 {
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        font-size: 22px;
        line-height: 1.3em;
        /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/
        margin-top: 50px;
        margin-bottom: 45px; }
        @media (min-width: 769px) {
          .bootstrap .container.targetedsolution h1, .bootstrap .container-fluid.targetedsolution h1 {
            font-size: 28px; } }
      .bootstrap .container.targetedsolution h2, .bootstrap .container-fluid.targetedsolution h2 {
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        padding-left: 15px;
        padding-right: 15px; }
      .bootstrap .container.targetedsolution img, .bootstrap .container-fluid.targetedsolution img {
        width: 100%;
        max-width: 320px;
        height: auto;
        display: block;
        margin: 0 auto; }
      .bootstrap .container.targetedsolution .col-md-3, .bootstrap .container-fluid.targetedsolution .col-md-3 {
        padding-right: 0;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0; }
    .bootstrap .container.breakthru, .bootstrap .container-fluid.breakthru {
      margin-top: 45px; }
      .bootstrap .container.breakthru h1, .bootstrap .container-fluid.breakthru h1 {
        text-transform: uppercase;
        font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
        font-size: 35px;
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        font-size: 28px;
        line-height: 1.3em;
        /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/ }
        @media (min-width: 769px) {
          .bootstrap .container.breakthru h1, .bootstrap .container-fluid.breakthru h1 {
            font-size: 35px; } }
      .bootstrap .container.breakthru p, .bootstrap .container-fluid.breakthru p {
        font-size: 18px;
        line-height: 26px; }
      .bootstrap .container.breakthru video, .bootstrap .container-fluid.breakthru video {
        width: 100%;
        max-width: 800px;
        height: auto;
        margin-top: 30px; }
    .bootstrap .container.info-causes, .bootstrap .container-fluid.info-causes {
      margin-top: 60px; }
      .bootstrap .container.info-causes h1, .bootstrap .container-fluid.info-causes h1 {
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        font-size: 28px;
        line-height: 1.3em;
        /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/ }
        @media (min-width: 769px) {
          .bootstrap .container.info-causes h1, .bootstrap .container-fluid.info-causes h1 {
            font-size: 35px; } }
      .bootstrap .container.info-causes img, .bootstrap .container-fluid.info-causes img {
        width: 100%;
        max-width: 676px;
        height: auto;
        margin-top: 30px; }
        .bootstrap .container.info-causes img.fullwidth, .bootstrap .container-fluid.info-causes img.fullwidth {
          width: 100%;
          height: auto;
          max-width: 676px; }
      .bootstrap .container.info-causes p, .bootstrap .container-fluid.info-causes p {
        font-size: 18px;
        line-height: 26px; }
    .bootstrap .container.fouritems, .bootstrap .container-fluid.fouritems {
      margin-top: 55px;
      position: relative;
      padding-bottom: 70px; }
      .bootstrap .container.fouritems img, .bootstrap .container-fluid.fouritems img {
        cursor: pointer; }
      @media (min-width: 770px) {
        .bootstrap .container.fouritems img, .bootstrap .container-fluid.fouritems img {
          cursor: auto; } }
      .bootstrap .container.fouritems .bg, .bootstrap .container-fluid.fouritems .bg {
        background-image: url(../img/pc/bgpinker_gradient.png);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        height: 766px; }
        @media (min-width: ) {
          .bootstrap .container.fouritems .bg, .bootstrap .container-fluid.fouritems .bg {
            height: 606px; } }
        @media (min-width: ) {
          .bootstrap .container.fouritems .bg, .bootstrap .container-fluid.fouritems .bg {
            height: 470px; } }
      .bootstrap .container.fouritems .circleholder, .bootstrap .container-fluid.fouritems .circleholder {
        position: relative;
        display: inline-block; }
      .bootstrap .container.fouritems .circleplus, .bootstrap .container-fluid.fouritems .circleplus {
        width: 35px;
        height: 35px;
        border-radius: 17.5px;
        text-align: center;
        border: 1px solid grey;
        background-color: white;
        position: absolute;
        bottom: 16%;
        right: 1%;
        -webkit-transition: background-color .22s ease-out;
                transition: background-color .22s ease-out; }
        .bootstrap .container.fouritems .circleplus > span, .bootstrap .container-fluid.fouritems .circleplus > span {
          display: block;
          position: relative;
          top: 50%;
          line-height: 0; }
        .bootstrap .container.fouritems .circleplus span, .bootstrap .container-fluid.fouritems .circleplus span {
          position: relative;
          display: block;
          position: absolute;
          -webkit-transform-origin: center center;
              -ms-transform-origin: center center;
                  transform-origin: center center;
          top: 0;
          left: 0;
          -webkit-transition: -webkit-transform .15s ease-out, background-color .22s ease-out;
                  transition: transform .15s ease-out, background-color .22s ease-out;
          background-color: black;
          display: block;
          position: absolute;
          margin-top: -7px;
          top: 50%;
          left: 50%;
          margin-left: -.5px;
          height: 14px;
          width: 2px; }
          .bootstrap .container.fouritems .circleplus span:first-child, .bootstrap .container-fluid.fouritems .circleplus span:first-child {
            -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotate(90deg); }
      .bootstrap .container.fouritems .col.selected, .bootstrap .container-fluid.fouritems .col.selected {
        cursor: auto; }
        .bootstrap .container.fouritems .col.selected .circleplus, .bootstrap .container-fluid.fouritems .col.selected .circleplus {
          cursor: pointer;
          background-color: black; }
          .bootstrap .container.fouritems .col.selected .circleplus span, .bootstrap .container-fluid.fouritems .col.selected .circleplus span {
            background-color: white;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
            .bootstrap .container.fouritems .col.selected .circleplus span:first-child, .bootstrap .container-fluid.fouritems .col.selected .circleplus span:first-child {
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
      .bootstrap .container.fouritems .speech, .bootstrap .container-fluid.fouritems .speech {
        text-align: center;
        pointer-events: none;
        overflow: hidden;
        position: relative;
        -webkit-transition: -webkit-transform .25s ease-out, top .25s ease-out;
                transition: transform .25s ease-out, top .25s ease-out; }
        .bootstrap .container.fouritems .speech h2, .bootstrap .container-fluid.fouritems .speech h2 {
          font-family: 'ShiseidoNeue';
          margin-bottom: 5px;
          text-transform: none;
          font-size: 18px; }
          .bootstrap .container.fouritems .speech h2 span, .bootstrap .container-fluid.fouritems .speech h2 span {
            font-size: 16px; }
          .bootstrap .container.fouritems .speech h2 b, .bootstrap .container-fluid.fouritems .speech h2 b {
            font-family: 'ShiseidoNeue Bold';
            display: inline-block;
            font-weight: bold;
            margin: 0;
            padding: 0; }
        .bootstrap .container.fouritems .speech h3, .bootstrap .container-fluid.fouritems .speech h3 {
          text-transform: none;
          margin: 0 auto;
          max-width: 700px; }
        .bootstrap .container.fouritems .speech .bubble, .bootstrap .container-fluid.fouritems .speech .bubble {
          position: relative;
          margin-top: 30px;
          display: block;
          position: relative;
          overflow: visible; }
          .bootstrap .container.fouritems .speech .bubble .box, .bootstrap .container-fluid.fouritems .speech .bubble .box {
            opacity: .8;
            border: 1px solid #dddddd;
            background-color: white;
            padding: 40px;
            margin-left: 15px;
            margin-right: 15px; }
            @media (min-width: ) {
              .bootstrap .container.fouritems .speech .bubble .box, .bootstrap .container-fluid.fouritems .speech .bubble .box {
                margin-left: 30px;
                margin-right: 30px; } }
          .bootstrap .container.fouritems .speech .bubble .arrowcontainer, .bootstrap .container-fluid.fouritems .speech .bubble .arrowcontainer {
            position: absolute;
            top: 1px;
            width: 100%;
            left: 0;
            -webkit-transform-origin: center bottom;
                -ms-transform-origin: center bottom;
                    transform-origin: center bottom;
            -webkit-transition: width .25s ease-out, -webkit-transform .15s ease-out, opacity .25s ease-out;
                    transition: width .25s ease-out, transform .15s ease-out, opacity .25s ease-out;
            width: 50%;
            -webkit-transform: scaleY(0);
                -ms-transform: scaleY(0);
                    transform: scaleY(0);
            opacity: 0; }
            .bootstrap .container.fouritems .speech .bubble .arrowcontainer:after, .bootstrap .container.fouritems .speech .bubble .arrowcontainer:before, .bootstrap .container-fluid.fouritems .speech .bubble .arrowcontainer:after, .bootstrap .container-fluid.fouritems .speech .bubble .arrowcontainer:before {
              bottom: 100%;
              left: 100%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none; }
            .bootstrap .container.fouritems .speech .bubble .arrowcontainer:after, .bootstrap .container-fluid.fouritems .speech .bubble .arrowcontainer:after {
              border-color: rgba(255, 255, 255, 0);
              border-bottom-color: #ffffff;
              border-width: 28px;
              margin-left: -28px; }
            .bootstrap .container.fouritems .speech .bubble .arrowcontainer:before, .bootstrap .container-fluid.fouritems .speech .bubble .arrowcontainer:before {
              border-color: rgba(221, 221, 221, 0);
              border-bottom-color: #dddddd;
              border-width: 29px;
              margin-left: -29px; }
        @media (max-width: 769px -1) {
          .bootstrap .container.fouritems .speech.state1, .bootstrap .container.fouritems .speech.state2, .bootstrap .container-fluid.fouritems .speech.state1, .bootstrap .container-fluid.fouritems .speech.state2 {
            -webkit-transform: translateY(-280px);
                -ms-transform: translateY(-280px);
                    transform: translateY(-280px); } }
        .bootstrap .container.fouritems .speech.state1 .arrowcontainer, .bootstrap .container.fouritems .speech.state2 .arrowcontainer, .bootstrap .container.fouritems .speech.state3 .arrowcontainer, .bootstrap .container.fouritems .speech.state4 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state1 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state2 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state3 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state4 .arrowcontainer {
          opacity: 1;
          -webkit-transform: scaleY(1);
              -ms-transform: scaleY(1);
                  transform: scaleY(1); }
        .bootstrap .container.fouritems .speech.state1 .box, .bootstrap .container.fouritems .speech.state2 .box, .bootstrap .container.fouritems .speech.state3 .box, .bootstrap .container.fouritems .speech.state4 .box, .bootstrap .container-fluid.fouritems .speech.state1 .box, .bootstrap .container-fluid.fouritems .speech.state2 .box, .bootstrap .container-fluid.fouritems .speech.state3 .box, .bootstrap .container-fluid.fouritems .speech.state4 .box {
          opacity: 1; }
        .bootstrap .container.fouritems .speech.state1 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state1 .arrowcontainer {
          width: 25%; }
        .bootstrap .container.fouritems .speech.state2 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state2 .arrowcontainer {
          width: 75%; }
        .bootstrap .container.fouritems .speech.state3, .bootstrap .container-fluid.fouritems .speech.state3 {
          -webkit-transform: translateY(-50px);
              -ms-transform: translateY(-50px);
                  transform: translateY(-50px); }
          .bootstrap .container.fouritems .speech.state3 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state3 .arrowcontainer {
            width: 25%; }
        .bootstrap .container.fouritems .speech.state4, .bootstrap .container-fluid.fouritems .speech.state4 {
          -webkit-transform: translateY(-50px);
              -ms-transform: translateY(-50px);
                  transform: translateY(-50px); }
          .bootstrap .container.fouritems .speech.state4 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state4 .arrowcontainer {
            width: 75%; }
        @media (min-width: 769px) {
          .bootstrap .container.fouritems .speech.state1, .bootstrap .container-fluid.fouritems .speech.state1 {
            -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                    transform: translateY(-10px); }
            .bootstrap .container.fouritems .speech.state1 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state1 .arrowcontainer {
              width: 12.5%; }
          .bootstrap .container.fouritems .speech.state2, .bootstrap .container-fluid.fouritems .speech.state2 {
            -webkit-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                    transform: translateY(-15px); }
            .bootstrap .container.fouritems .speech.state2 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state2 .arrowcontainer {
              width: 37.5%; }
          .bootstrap .container.fouritems .speech.state3, .bootstrap .container-fluid.fouritems .speech.state3 {
            -webkit-transform: translateY(-50px);
                -ms-transform: translateY(-50px);
                    transform: translateY(-50px); }
            .bootstrap .container.fouritems .speech.state3 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state3 .arrowcontainer {
              width: 62.5%; }
          .bootstrap .container.fouritems .speech.state4, .bootstrap .container-fluid.fouritems .speech.state4 {
            -webkit-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                    transform: translateY(-30px); }
            .bootstrap .container.fouritems .speech.state4 .arrowcontainer, .bootstrap .container-fluid.fouritems .speech.state4 .arrowcontainer {
              width: 87.5%; } }
        @media (min-width: ) {
          .bootstrap .container.fouritems .speech.state1, .bootstrap .container-fluid.fouritems .speech.state1 {
            -webkit-transform: translateY(-33px);
                -ms-transform: translateY(-33px);
                    transform: translateY(-33px); }
          .bootstrap .container.fouritems .speech.state2, .bootstrap .container-fluid.fouritems .speech.state2 {
            -webkit-transform: translateY(-33px);
                -ms-transform: translateY(-33px);
                    transform: translateY(-33px); }
          .bootstrap .container.fouritems .speech.state3, .bootstrap .container-fluid.fouritems .speech.state3 {
            -webkit-transform: translateY(-65px);
                -ms-transform: translateY(-65px);
                    transform: translateY(-65px); }
          .bootstrap .container.fouritems .speech.state4, .bootstrap .container-fluid.fouritems .speech.state4 {
            -webkit-transform: translateY(-50px);
                -ms-transform: translateY(-50px);
                    transform: translateY(-50px); } }
        @media (min-width: ) {
          .bootstrap .container.fouritems .speech.state1, .bootstrap .container-fluid.fouritems .speech.state1 {
            -webkit-transform: translateY(-40px);
                -ms-transform: translateY(-40px);
                    transform: translateY(-40px); }
          .bootstrap .container.fouritems .speech.state2, .bootstrap .container-fluid.fouritems .speech.state2 {
            -webkit-transform: translateY(-40px);
                -ms-transform: translateY(-40px);
                    transform: translateY(-40px); }
          .bootstrap .container.fouritems .speech.state3, .bootstrap .container-fluid.fouritems .speech.state3 {
            -webkit-transform: translateY(-65px);
                -ms-transform: translateY(-65px);
                    transform: translateY(-65px); }
          .bootstrap .container.fouritems .speech.state4, .bootstrap .container-fluid.fouritems .speech.state4 {
            -webkit-transform: translateY(-65px);
                -ms-transform: translateY(-65px);
                    transform: translateY(-65px); } }
        @media (max-width: 769px) {
          .bootstrap .container.fouritems .speech, .bootstrap .container-fluid.fouritems .speech {
            display: none !important; } }
      .bootstrap .container.fouritems .col, .bootstrap .container-fluid.fouritems .col {
        cursor: pointer;
        margin-bottom: 15px;
        min-height: 228px; }
      .bootstrap .container.fouritems img, .bootstrap .container-fluid.fouritems img {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
        width: 100%;
        height: auto; }
      .bootstrap .container.fouritems h2, .bootstrap .container-fluid.fouritems h2 {
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
        margin: 0;
        padding: 0; }
      .bootstrap .container.fouritems h3, .bootstrap .container-fluid.fouritems h3 {
        font-size: 13px;
        text-transform: uppercase;
        font-family: 'Reader';
        margin: 0;
        padding: 0;
        margin-top: 4px; }
        @media (min-width: ) {
          .bootstrap .container.fouritems h3, .bootstrap .container-fluid.fouritems h3 {
            font-size: 15px; } }
      .bootstrap .container.fouritems h1, .bootstrap .container-fluid.fouritems h1 {
        text-transform: uppercase;
        font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
        font-size: 25px;
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        font-size: 28px;
        line-height: 1.3em;
        /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/ }
        @media (min-width: 769px) {
          .bootstrap .container.fouritems h1, .bootstrap .container-fluid.fouritems h1 {
            font-size: 35px; } }
    .bootstrap .container.prodoverview, .bootstrap .container-fluid.prodoverview {
      background-image: url(../img/pc/bgpinkerplus.png);
      line-height: 24px;
      background-position: 50% 100%;
      background-repeat: no-repeat;
      background-size: cover;
      padding-top: 25px; }
      .bootstrap .container.prodoverview .circle, .bootstrap .container-fluid.prodoverview .circle {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        text-align: center;
        background-color: #ea5519;
        color: white;
        margin: 20px auto 0;
        display: block; }
        .bootstrap .container.prodoverview .circle > span, .bootstrap .container-fluid.prodoverview .circle > span {
          display: block;
          position: relative;
          top: 50%;
          line-height: 0; }
        @media (min-width: 769px) {
          .bootstrap .container.prodoverview .circle, .bootstrap .container-fluid.prodoverview .circle {
            margin: 0;
            display: inline-block; } }
        .bootstrap .container.prodoverview .circle.second, .bootstrap .container-fluid.prodoverview .circle.second {
          position: relative;
          top: -25px;
          margin-bottom: 100px; }
          @media (min-width: 769px) {
            .bootstrap .container.prodoverview .circle.second, .bootstrap .container-fluid.prodoverview .circle.second {
              top: 0px;
              margin-bottom: 0; } }
        @media (min-width: ) {
          .bootstrap .container.prodoverview .circle, .bootstrap .container-fluid.prodoverview .circle {
            display: block;
            position: absolute; }
            .bootstrap .container.prodoverview .circle.first, .bootstrap .container-fluid.prodoverview .circle.first {
              right: -45px;
              top: 0; }
            .bootstrap .container.prodoverview .circle.second, .bootstrap .container-fluid.prodoverview .circle.second {
              position: absolute;
              right: 16px;
              top: 30px; }
              @media (min-width: ) {
                .bootstrap .container.prodoverview .circle.second, .bootstrap .container-fluid.prodoverview .circle.second {
                  right: 65px; } } }
      .bootstrap .container.prodoverview h1, .bootstrap .container-fluid.prodoverview h1 {
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
        text-transform: uppercase;
        font-family: 'ShiseidoNeue';
        font-size: 28px;
        line-height: 1.3em;
        /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/ }
        @media (min-width: 769px) {
          .bootstrap .container.prodoverview h1, .bootstrap .container-fluid.prodoverview h1 {
            font-size: 35px; } }
      @media (min-width: ) {
        .bootstrap .container.prodoverview, .bootstrap .container-fluid.prodoverview {
          padding-top: 45px; } }
      .bootstrap .container.prodoverview .imager, .bootstrap .container-fluid.prodoverview .imager {
        text-align: center; }
        .bootstrap .container.prodoverview .imager img, .bootstrap .container-fluid.prodoverview .imager img {
          width: 25%;
          height: auto; }
          .bootstrap .container.prodoverview .imager img.landscape, .bootstrap .container-fluid.prodoverview .imager img.landscape {
            width: 50%; }
        @media (min-width: 769px) {
          .bootstrap .container.prodoverview .imager img, .bootstrap .container-fluid.prodoverview .imager img {
            width: 100%;
            max-width: none; }
            .bootstrap .container.prodoverview .imager img.landscape, .bootstrap .container-fluid.prodoverview .imager img.landscape {
              width: 100%; }
          .bootstrap .container.prodoverview .imager.left, .bootstrap .container-fluid.prodoverview .imager.left {
            text-align: left; }
          .bootstrap .container.prodoverview .imager.right, .bootstrap .container-fluid.prodoverview .imager.right {
            text-align: right; } }
        @media (min-width: ) {
          .bootstrap .container.prodoverview .imager img, .bootstrap .container-fluid.prodoverview .imager img {
            width: auto; } }
      .bootstrap .container.prodoverview > .container > .row, .bootstrap .container-fluid.prodoverview > .container > .row {
        margin-bottom: 60px; }
        @media (min-width: ) {
          .bootstrap .container.prodoverview > .container > .row, .bootstrap .container-fluid.prodoverview > .container > .row {
            margin-top: 60px; } }
    .bootstrap .container .touse, .bootstrap .container-fluid .touse {
      font-size: 18px;
      text-transform: uppercase;
      font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
    .bootstrap .container .new, .bootstrap .container-fluid .new {
      color: #ea5519; }
    .bootstrap .container .col p, .bootstrap .container-fluid .col p {
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 20px;
      line-height: 28px; }
      .bootstrap .container .col p.smaller, .bootstrap .container-fluid .col p.smaller {
        font-size: 16px;
        line-height: 24px; }
      .bootstrap .container .col p.smaller2, .bootstrap .container-fluid .col p.smaller2 {
        font-size: 14px;
        line-height: 22px; }
    .bootstrap .container > hr, .bootstrap .container-fluid > hr {
      border-color: #c8102e; }
  .bootstrap .row.centered {
    text-align: center; }
  .bootstrap .row.benefits {
    margin-top: 45px;
    margin-bottom: 15px;
    text-align: center;
    padding: 30px;
    background-color: #fef4f0; }
    .bootstrap .row.benefits h2 {
      margin-top: 0;
      font-size: 23px;
      text-transform: uppercase;
      font-family: 'ShiseidoNeue';
      text-transform: uppercase;
      font-family: 'ShiseidoNeue';
      font-size: 22px;
      line-height: 1.3em;
      /*
		@media (min-width:$screen-sm) {
			font-size:30px;

		}
		*/ }
      @media (min-width: 769px) {
        .bootstrap .row.benefits h2 {
          font-size: 28px; } }
    .bootstrap .row.benefits h3 {
      color: #ea5519;
      font-size: 18px;
      font-family: 'ShiseidoNeue';
      min-height: 40px; }
      @media (min-width: ) {
        .bootstrap .row.benefits h3 {
          min-height: auto; } }
    @media (max-width: -1) {
      .bootstrap .row.benefits .benefitcirc:first-child {
        margin-bottom: 30px; } }
    .bootstrap .row.benefits .benefitcirc img {
      max-width: 96px;
      height: auto; }
    @media (min-width: ) {
      @media (max-width: -1) {
        .bootstrap .row.benefits .benefitcirc.last {
          width: 100%;
          float: none;
          clear: both; } } }
    .bootstrap .row.benefits .disclaimer {
      margin-top: 45px;
      font-size: 10px; }
    .bootstrap .row.benefits .tagline {
      font-size: 17px; }
    .bootstrap .row.benefits p {
      font-size: 16px; }
  @media (min-width: 769px) {
    .bootstrap .row.imagine {
      position: relative;
      height: 625px; }
      .bootstrap .row.imagine:after {
        content: '';
        display: block;
        width: 100%;
        max-width: 1440px;
        min-width: 1000px;
        height: 15px;
        background: #c8102e;
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); } }
  .bootstrap .row.imagine h1 {
    text-transform: uppercase;
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
    text-align: left;
    font-size: 28px;
    line-height: 1.3em;
    margin-top: 30px; }
  .bootstrap .row.imagine p {
    font-size: 18px;
    margin: 20px 15px;
    text-align: left; }
    .bootstrap .row.imagine p span {
      font-family: 'readerbold', 'HiraKakuProN-W6', 'Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
  .bootstrap .row.imagine img {
    margin: 0 auto;
    display: block; }
  .bootstrap .row.imagine .col.imager {
    padding: 0;
    margin: 0;
    width: auto;
    position: relative; }
    @media (min-width: 769px) {
      .bootstrap .row.imagine .col.imager {
        height: 610px;
        background-image: url(../img/pc/image_float_banner1_clip_pc.jpg); } }
    .bootstrap .row.imagine .col.imager .transformx {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%; }
    .bootstrap .row.imagine .col.imager img {
      width: 100%;
      position: relative;
      height: auto;
      visibility: hidden;
      /*
						@media (min-width: $screen-xs) {
							width:80.5%;
							height:auto;
						}
						*/ }
      .bootstrap .row.imagine .col.imager img.full {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
        visibility: visible;
        width: 104%; }
      @media (min-width: 769px) {
        .bootstrap .row.imagine .col.imager img {
          width: auto;
          height: 100%;
          left: -15%; }
          .bootstrap .row.imagine .col.imager img.full {
            width: 155%;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%); } }
      @media (min-width: ) {
        .bootstrap .row.imagine .col.imager img.full {
          width: 154%;
          position: absolute;
          left: 0%;
          max-width: 700px;
          -webkit-transform: translateX(0%);
              -ms-transform: translateX(0%);
                  transform: translateX(0%); } }
      @media (min-width: ) {
        .bootstrap .row.imagine .col.imager img {
          width: 100%;
          left: 0;
          height: auto; }
          .bootstrap .row.imagine .col.imager img.full {
            width: 104%;
            position: absolute;
            left: 0%;
            -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                    transform: translateX(0); } }
  .bootstrap .row.imagine .col.texter {
    box-sizing: border-box;
    text-align: center;
    padding: 15px 15px 0px; }
    .bootstrap .row.imagine .col.texter img {
      width: 75%;
      height: auto;
      margin-top: 60px;
      max-width: 350px; }
      @media (min-width: 769px) {
        .bootstrap .row.imagine .col.texter img {
          width: 85%; } }
      @media (min-width: ) {
        .bootstrap .row.imagine .col.texter img {
          margin-top: 30px;
          width: 100%; } }
    @media (min-width: 769px) {
      .bootstrap .row.imagine .col.texter {
        padding: 10px 30px 0px; } }
    @media (min-width: ) {
      .bootstrap .row.imagine .col.texter {
        padding: 25px 50px; } }
  @media (min-width: ) {
    .bootstrap .row.imagine .col.texter {
      width: 44%; }
      .bootstrap .row.imagine .col.texter img {
        top: 20px;
        position: relative; }
    .bootstrap .row.imagine .col.imager {
      width: 56%; } }
  .bootstrap .row.learnmore {
    text-align: center;
    font-size: 24px;
    position: relative; }
    .bootstrap .row.learnmore .banner {
      display: block;
      margin: 45px auto;
      position: relative; }
      .bootstrap .row.learnmore .banner a {
        display: inline-block; }
        .bootstrap .row.learnmore .banner a:hover .cta {
          -webkit-transform: scale(1.1, 1.1) translateY(1%);
              -ms-transform: scale(1.1, 1.1) translateY(1%);
                  transform: scale(1.1, 1.1) translateY(1%); }
          .bootstrap .row.learnmore .banner a:hover .cta .arrow {
            -webkit-transform: translateX(10px);
                -ms-transform: translateX(10px);
                    transform: translateX(10px); }
      .bootstrap .row.learnmore .banner a {
        position: relative;
        overflow: hidden; }
      .bootstrap .row.learnmore .banner img {
        position: relative;
        width: 100%;
        height: auto;
        max-width: 849px; }
        .bootstrap .row.learnmore .banner img.full {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: auto; }
      .bootstrap .row.learnmore .banner .cta {
        color: white;
        font-size: 16px;
        width: 100%;
        height: 100%;
        position: absolute;
        -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        top: 50%;
        cursor: pointer;
        margin-top: -1em;
        left: 0;
        -webkit-transition: -webkit-transform .21s ease-out;
                transition: transform .21s ease-out; }
        @media (min-width: ) {
          .bootstrap .row.learnmore .banner .cta {
            font-size: 22px; } }
        .bootstrap .row.learnmore .banner .cta .arrow {
          display: inline-block;
          -webkit-transition: -webkit-transform .21s ease-out;
                  transition: transform .21s ease-out;
          vertical-align: middle;
          width: 39px;
          height: 39px;
          background-image: url(../img/pc/playicon.png);
          margin-left: 10px; }

.targetedsolution a:link, .targetedsolution a:visited {
  color: #000000;
  text-decoration: none; }

.targetedsolution a:hover, .targetedsolution a:active {
  color: #000000;
  text-decoration: underline; }

.sp_sns {
  margin: 30px 0 30px;
  display: none; }

.sp_sns a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px; }

.sp_sns img {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important; }

/*日本語版に書き直し*/
@media only screen and (min-width: 770px) {
  .sp {
    display: none !important; }
  .mainWrapper {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .main {
    max-width: 1440px;
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .marinVisualWrapper {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .row.imagine .col.texter {
    padding: 0 !important;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    max-width: 720px;
    min-width: 500px; }
    .row.imagine .col.texter .maintext {
      padding: 200px 40px 0 60px; }
    .row.imagine .col.texter #mainTitle {
      margin: 0 0 20px 0;
      font-size: 38px;
      line-height: 50px;
      white-space: nowrap; }
      .row.imagine .col.texter #mainTitle .イ {
        text-indent: -0.05em; }
      .row.imagine .col.texter #mainTitle .メ {
        text-indent: -0.1em; }
      .row.imagine .col.texter #mainTitle .ー {
        text-indent: -0.05em; }
      .row.imagine .col.texter #mainTitle .ジ {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .は {
        text-indent: 0.05em; }
      .row.imagine .col.texter #mainTitle .、 {
        text-indent: 0.1em; }
      .row.imagine .col.texter #mainTitle .重 {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .力 {
        text-indent: 0.05em; }
      .row.imagine .col.texter #mainTitle .を {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .忘 {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .れ {
        text-indent: 0.07em; }
      .row.imagine .col.texter #mainTitle .た {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .よ {
        text-indent: -0.05em; }
      .row.imagine .col.texter #mainTitle .う {
        text-indent: -0.1em; }
      .row.imagine .col.texter #mainTitle .な {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .美 {
        text-indent: 0.05em; }
      .row.imagine .col.texter #mainTitle .し {
        text-indent: 0em; }
      .row.imagine .col.texter #mainTitle .さ {
        text-indent: -0.05em; }
      .row.imagine .col.texter #mainTitle .。 {
        text-indent: 0.05em; }
    .row.imagine .col.texter #product_info {
      font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
      line-height: 1.3;
      font-size: 12px;
      margin: 0 !important; }
    .row.imagine .col.texter #product_info {
      display: block; }
    .row.imagine .col.texter #product_info span {
      display: inline-block;
      position: relative;
      font-size: 16px;
      margin: 0 0 9px; }
      .row.imagine .col.texter #product_info span:last-of-type {
        margin: 0; }
    .row.imagine .col.texter #product_info span:after {
      content: "";
      width: 100%;
      height: 2px;
      background: #c8102e;
      display: block;
      position: absolute;
      bottom: 1px;
      left: 0; }
  #product_info a:hover {
    text-decoration: none;
    color: #c8102e; }
  #mainBottle {
    margin-left: 10px; }
    #mainBottle img {
      margin-top: 40px; }
  #mainVisual {
    background: url(../img/pc/image_float_banner1_clip_pc.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 1440px;
    min-width: 1000px;
    width: 100%;
    height: 610px; }
  .mainvisual_link {
    font-size: 12px !important;
    font-weight: bold;
    font-family: 'readerregular', 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Helvetica Neue','Hiragino Kaku Gothic W3 JIS2004', 'Meiryo', 'Helvetica', Helvetica, Arial ,sans-serif;
    line-height: 1.1;
    margin: 0; }
    .mainvisual_link a:hover {
      color: #c8102e; }
  a {
    display: inline-block; }
  a:hover {
    color: #c8102e; }
  a:hover .mainvisual_link {
    text-decoration: underline; }
  .bootstrap .container.prodoverview, .bootstrap .container-fluid.prodoverview {
    padding-top: 0;
    background-position: bottom center; }
  .productArea {
    padding-left: 60px !important;
    padding-right: 60px !important; }
  #productWrapper {
    padding: 105px 0 0; }
    #productWrapper .product {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 30px 0;
      text-align: left;
      margin: 0; }
      #productWrapper .product .thumb {
        width: auto;
        padding: 0;
        margin: 0;
        float: none; }
      #productWrapper .product .col-sm-offset-1 {
        margin-left: 0; }
      #productWrapper .product .text {
        width: auto;
        padding: 0;
        margin: 0;
        float: none;
        text-align: left; }
        #productWrapper .product .text h1 {
          margin: 0 0 15px;
          font-size: 30px;
          font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
        #productWrapper .product .text p {
          margin: 0 0 25px;
          font-size: 12px;
          line-height: 1.8; }
          #productWrapper .product .text p span.touse {
            display: block;
            font-weight: bold;
            font-size: 12px; }
          #productWrapper .product .text p .text_caption {
            color: #666;
            font-size: 10px;
            line-height: 21px; }
      #productWrapper .product.right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
      #productWrapper .product.product1 .thumb img {
        width: 100%; }
      #productWrapper .product.product1 .text {
        padding: 0 0 0 101px; }
      #productWrapper .product.product2 .thumb {
        margin-right: 30px; }
        #productWrapper .product.product2 .thumb img {
          width: 100%; }
      #productWrapper .product.product2 .text {
        padding: 0 110px 0 0; }
      #productWrapper .product.product3 .thumb img {
        width: 100%; }
      #productWrapper .product.product3 .text {
        padding: 0 0 0 140px; }
  .fluid {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 60px !important;
    padding-right: 60px !important; }
    .fluid hr {
      width: 100%; }
  .bootstrap .container.fouritems img, .bootstrap .container-fluid.fouritems img {
    max-width: auto; }
  .bootstrap .container.dailyroutine, .bootstrap .container-fluid.dailyroutine {
    padding: 90px 0 90px; }
    .bootstrap .container.dailyroutine .col-sm-offset-2, .bootstrap .container-fluid.dailyroutine .col-sm-offset-2 {
      margin: 0; }
    .bootstrap .container.dailyroutine h1, .bootstrap .container-fluid.dailyroutine h1 {
      margin: 0 0 45px;
      font-size: 30px;
      line-height: 47px;
      font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
      .bootstrap .container.dailyroutine h1 .B, .bootstrap .container-fluid.dailyroutine h1 .B {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .O, .bootstrap .container-fluid.dailyroutine h1 .O {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .P, .bootstrap .container-fluid.dailyroutine h1 .P {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .L, .bootstrap .container-fluid.dailyroutine h1 .L {
        text-indent: 0.5em; }
      .bootstrap .container.dailyroutine h1 .ダ, .bootstrap .container-fluid.dailyroutine h1 .ダ {
        text-indent: 0.1em; }
      .bootstrap .container.dailyroutine h1 .ナ, .bootstrap .container-fluid.dailyroutine h1 .ナ {
        text-indent: -0.05em; }
      .bootstrap .container.dailyroutine h1 .ミ, .bootstrap .container-fluid.dailyroutine h1 .ミ {
        text-indent: -0.1em; }
      .bootstrap .container.dailyroutine h1 .ッ, .bootstrap .container-fluid.dailyroutine h1 .ッ {
        text-indent: -0.1em; }
      .bootstrap .container.dailyroutine h1 .ク, .bootstrap .container-fluid.dailyroutine h1 .ク {
        text-indent: -0.1em; }
      .bootstrap .container.dailyroutine h1 .セ, .bootstrap .container-fluid.dailyroutine h1 .セ {
        text-indent: -0.05em; }
      .bootstrap .container.dailyroutine h1 .ラ, .bootstrap .container-fluid.dailyroutine h1 .ラ {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .ム, .bootstrap .container-fluid.dailyroutine h1 .ム {
        text-indent: -0.05em; }
      .bootstrap .container.dailyroutine h1 .ア, .bootstrap .container-fluid.dailyroutine h1 .ア {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .ト, .bootstrap .container-fluid.dailyroutine h1 .ト {
        text-indent: -0.1em; }
      .bootstrap .container.dailyroutine h1 .リ, .bootstrap .container-fluid.dailyroutine h1 .リ {
        text-indent: -0.1em; }
      .bootstrap .container.dailyroutine h1 .ン, .bootstrap .container-fluid.dailyroutine h1 .ン {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .の, .bootstrap .container-fluid.dailyroutine h1 .の {
        text-indent: -0.05em; }
      .bootstrap .container.dailyroutine h1 .テ, .bootstrap .container-fluid.dailyroutine h1 .テ {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .毎, .bootstrap .container-fluid.dailyroutine h1 .毎 {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .日, .bootstrap .container-fluid.dailyroutine h1 .日 {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .ス, .bootstrap .container-fluid.dailyroutine h1 .ス {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .キ, .bootstrap .container-fluid.dailyroutine h1 .キ {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .ケ, .bootstrap .container-fluid.dailyroutine h1 .ケ {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .に, .bootstrap .container-fluid.dailyroutine h1 .に {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .取, .bootstrap .container-fluid.dailyroutine h1 .取 {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .り, .bootstrap .container-fluid.dailyroutine h1 .り {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .入, .bootstrap .container-fluid.dailyroutine h1 .入 {
        text-indent: -0.08em; }
      .bootstrap .container.dailyroutine h1 .て, .bootstrap .container-fluid.dailyroutine h1 .て {
        text-indent: 0em; }
      .bootstrap .container.dailyroutine h1 .く, .bootstrap .container-fluid.dailyroutine h1 .く {
        text-indent: -0.05em; }
      .bootstrap .container.dailyroutine h1 .だ, .bootstrap .container-fluid.dailyroutine h1 .だ {
        text-indent: -0.05em; }
      .bootstrap .container.dailyroutine h1 .い, .bootstrap .container-fluid.dailyroutine h1 .い {
        text-indent: 0em; }
    .bootstrap .container.dailyroutine ul, .bootstrap .container-fluid.dailyroutine ul {
      overflow: hidden;
      padding: 0 20px; }
      .bootstrap .container.dailyroutine ul li, .bootstrap .container-fluid.dailyroutine ul li {
        float: left;
        width: 16%;
        position: relative;
        padding: 50px 0 20px;
        min-height: 385px; }
        .bootstrap .container.dailyroutine ul li a, .bootstrap .container-fluid.dailyroutine ul li a {
          display: block; }
          .bootstrap .container.dailyroutine ul li a:hover, .bootstrap .container-fluid.dailyroutine ul li a:hover {
            text-decoration: none;
            color: #c8102e; }
            .bootstrap .container.dailyroutine ul li a:hover .mainvisual_link, .bootstrap .container-fluid.dailyroutine ul li a:hover .mainvisual_link {
              text-decoration: underline !important; }
          .bootstrap .container.dailyroutine ul li a img, .bootstrap .container-fluid.dailyroutine ul li a img {
            height: 179px; }
          .bootstrap .container.dailyroutine ul li a h3, .bootstrap .container-fluid.dailyroutine ul li a h3 {
            font-size: 12px;
            font-weight: bold;
            margin: 30px 0 20px; }
          .bootstrap .container.dailyroutine ul li a .caption, .bootstrap .container-fluid.dailyroutine ul li a .caption {
            color: #666;
            font-size: 10px;
            line-height: 16px;
            position: absolute;
            width: 100%;
            left: 0;
            top: 0; }
          .bootstrap .container.dailyroutine ul li a p, .bootstrap .container-fluid.dailyroutine ul li a p {
            font-size: 12px;
            line-height: 21px; }
          .bootstrap .container.dailyroutine ul li a .mainvisual_link, .bootstrap .container-fluid.dailyroutine ul li a .mainvisual_link {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            text-align: center; }
        .bootstrap .container.dailyroutine ul li.cream, .bootstrap .container-fluid.dailyroutine ul li.cream {
          padding: 50px 25px 0; }
          .bootstrap .container.dailyroutine ul li.cream a img, .bootstrap .container-fluid.dailyroutine ul li.cream a img {
            padding-top: 83px;
            margin: 0 0 0 -10px; }
  .row.sr.waypoint.herb {
    margin: 0 auto;
    padding: 0; }
    .row.sr.waypoint.herb .container {
      padding-left: 60px;
      padding-right: 60px; }
  .sectionInner {
    width: 100%; }
    .sectionInner .container-fluid {
      margin-top: 80px !important;
      padding-bottom: 100px !important; }
    .sectionInner .left {
      float: left;
      width: 48%; }
      .sectionInner .left dl {
        margin-bottom: 0 !important; }
        .sectionInner .left dl dt {
          font-size: 16px;
          margin: 0 0 10px; }
        .sectionInner .left dl dd {
          font-size: 12px;
          line-height: 21px;
          margin: 0 0 30px; }
    .sectionInner .right {
      float: right;
      width: 33%;
      margin: 0 70px 0 0; }
      .sectionInner .right img {
        width: 100% !important;
        margin-bottom: 35px !important; }
      .sectionInner .right .col {
        cursor: default;
        min-height: auto; }
      .sectionInner .right .text_caption {
        text-align: center; }
    .sectionInner .text_caption {
      color: #666;
      font-size: 10px !important;
      line-height: 18px !important; }
  .captionArea {
    padding: 46px 0 56px;
    width: 960px;
    margin: 0 auto; }
    .captionArea .note {
      font-size: 10px;
      line-height: 1.9;
      color: #666; } }

@media only screen and (max-width: 769px) {
  .sp {
    display: block !important; }
  .pc {
    display: none !important; }
  .mainvisual_link {
    text-decoration: underline;
    margin: 0 0 30px;
    padding: 0;
    font-size: 11px; }
  .bootstrap .container {
    padding: 0; }
  .bootstrap .row {
    margin: 0 !important; }
  #mainVisual {
    position: relative;
    border-bottom: 10px solid #c8102e; }
    #mainVisual #spLogo {
      position: absolute;
      right: 15px;
      top: 15px; }
      #mainVisual #spLogo img {
        width: 106px; }
  .bootstrap .row.imagine .col.texter {
    padding: 27px 15px; }
    .bootstrap .row.imagine .col.texter #mainTitle {
      font-size: 21px;
      line-height: 29px;
      margin: 0 0 20px; }
    .bootstrap .row.imagine .col.texter p#product_info {
      font-size: 13px;
      line-height: 21px;
      margin: 0;
      padding: 0;
      font-weight: bold; }
    .bootstrap .row.imagine .col.texter p#product_info {
      display: block; }
    .bootstrap .row.imagine .col.texter p#product_info span {
      display: inline-block;
      position: relative;
      margin: 0 0 7px; }
      .bootstrap .row.imagine .col.texter p#product_info span:last-of-type {
        margin: 0; }
    .bootstrap .row.imagine .col.texter p#product_info span:after {
      content: "";
      width: 100%;
      height: 2px;
      background: #c8102e;
      display: block;
      position: absolute;
      bottom: 0px;
      left: 0; }
    .bootstrap .row.imagine .col.texter #mainBottle img {
      margin-top: 25px;
      margin-bottom: 30px; }
  .bootstrap .container.prodoverview, .bootstrap .container-fluid.prodoverview {
    padding-top: 0;
    padding-bottom: 0;
    background: none; }
  #productWrapper {
    padding-bottom: 30px; }
    #productWrapper .product {
      padding: 50px 0 0; }
      #productWrapper .product .thumb {
        padding: 0 0 20px; }
        #productWrapper .product .thumb img {
          width: 30%; }
      #productWrapper .product .text {
        padding: 0 15px; }
        #productWrapper .product .text h1 {
          margin: 0 0 15px;
          font-size: 17px;
          line-height: 23px;
          font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
        #productWrapper .product .text p {
          margin: 0 0 15px;
          font-size: 10px;
          line-height: 1.8; }
          #productWrapper .product .text p span.touse {
            display: block;
            font-weight: bold;
            font-size: 11px; }
          #productWrapper .product .text p .text_caption {
            font-size: 9px;
            color: #666; }
          #productWrapper .product .text p:last-of-type {
            margin: 0; }
      #productWrapper .product.product1 {
        background: url(../img/pc/sp_base1.png) center top no-repeat;
        background-size: cover; }
      #productWrapper .product.product2 {
        background: url(../img/pc/sp_base2.png) center top no-repeat;
        background-size: cover; }
        #productWrapper .product.product2 .thumb {
          margin: 0 55px; }
          #productWrapper .product.product2 .thumb img {
            width: 100%; }
      #productWrapper .product.product3 {
        background: url(../img/pc/sp_base3.png) center top no-repeat;
        background-size: cover; }
        #productWrapper .product.product3 .thumb img {
          width: 26%; }
  .bootstrap .container > hr, .bootstrap .container-fluid > hr {
    margin: 0; }
  .bootstrap .container-fluid.fouritems {
    background: url(../img/pc/bgpinker_gradient.png) center bottom no-repeat;
    padding: 30px 15px 0 !important;
    margin: 0 !important; }
    .bootstrap .container-fluid.fouritems dl {
      margin: 0 0 -5px; }
      .bootstrap .container-fluid.fouritems dl dt {
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 22px; }
      .bootstrap .container-fluid.fouritems dl dd {
        margin: 0 0 20px;
        font-size: 11px;
        line-height: 20px; }
    .bootstrap .container-fluid.fouritems .text_caption {
      font-size: 9px;
      line-height: 14px;
      color: #666;
      letter-spacing: -0.08em; }
    .bootstrap .container-fluid.fouritems #fouritems_row {
      padding: 15px 25px; }
      .bootstrap .container-fluid.fouritems #fouritems_row img {
        width: 100%; }
      .bootstrap .container-fluid.fouritems #fouritems_row .text_caption {
        text-align: center;
        margin-bottom: 0; }
  .bootstrap .container.dailyroutine, .bootstrap .container-fluid.dailyroutine {
    padding-top: 25px;
    padding-bottom: 0; }
    .bootstrap .container.dailyroutine h1, .bootstrap .container-fluid.dailyroutine h1 {
      margin: 0 0 25px;
      font-size: 18px;
      line-height: 26px;
      text-align: left;
      font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
    .bootstrap .container.dailyroutine ul li, .bootstrap .container-fluid.dailyroutine ul li {
      width: 50%;
      float: left;
      margin: 0 0 20px; }
      .bootstrap .container.dailyroutine ul li a, .bootstrap .container-fluid.dailyroutine ul li a {
        position: relative;
        display: block; }
        .bootstrap .container.dailyroutine ul li a:hover, .bootstrap .container-fluid.dailyroutine ul li a:hover {
          text-decoration: none; }
        .bootstrap .container.dailyroutine ul li a h3, .bootstrap .container-fluid.dailyroutine ul li a h3 {
          font-size: 11px;
          font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo'; }
        .bootstrap .container.dailyroutine ul li a p, .bootstrap .container-fluid.dailyroutine ul li a p {
          font-size: 11px;
          line-height: 15px; }
        .bootstrap .container.dailyroutine ul li a .caption, .bootstrap .container-fluid.dailyroutine ul li a .caption {
          color: #666;
          font-size: 9px;
          line-height: 12px;
          position: absolute;
          left: 0;
          top: 0;
          text-align: center;
          width: 100%;
          margin: 0; }
        .bootstrap .container.dailyroutine ul li a img, .bootstrap .container-fluid.dailyroutine ul li a img {
          height: 103px; }
      .bootstrap .container.dailyroutine ul li.serum, .bootstrap .container-fluid.dailyroutine ul li.serum {
        min-height: 260px; }
        .bootstrap .container.dailyroutine ul li.serum a, .bootstrap .container-fluid.dailyroutine ul li.serum a {
          padding-top: 32px; }
      .bootstrap .container.dailyroutine ul li.cream img, .bootstrap .container-fluid.dailyroutine ul li.cream img {
        padding-top: 52px; }
  .captionArea {
    padding: 35px 15px 112px; }
  .note {
    font-size: 9px;
    line-height: 2;
    color: #666; } }

@media screen and (max-width: 768px) {
  .sp_sns {
    display: block; } }

@media screen and (max-width: 768px) {
  .pc_sns {
    display: none !important; } }

@media (min-width: 768px) {
  .bootstrap .row.imagine h1 {
    font-size: 35px; } }

@media screen and (max-width: 768px) {
  .bootstrap .nav {
    height: 90px;
    position: absolute; } }