﻿/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
#navigation {
    z-index: 9999;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    position: fixed;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,0.8);
}
.navbar-brand {
    font-weight: 700;
}
.navbar-brand:focus {
    outline: 0;
}
.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: transparent;
}
.navbar-custom ul.nav li a {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
}
.navbar-custom.top-nav-collapse ul.nav li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
}
.navbar-custom ul.nav ul.dropdown-menu {
    border-radius: 0;
    margin-top: 21px;
    border-top: none;
}
.navbar-custom ul.nav li a:hover ul.dropdown-menu {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.navbar-custom ul.nav ul.dropdown-menu li {
    border-bottom: 1px solid #f5f5f5;
}
.navbar-custom ul.nav ul.dropdown-menu li:last-child {
    border-bottom: none;
}
.navbar-custom ul.nav ul.dropdown-menu li a {
    padding: 10px 12px;
}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {
    background: #fefefe;
}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
    color: #666;
}
.navbar-custom .nav li a {
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,0);
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,0);
}
.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}
.navbar-toggle:active,
.navbar-toggle:focus {
    outline: 0;
}
.shared .sharrre {
    line-height: 1;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 19px;
    margin-left: 8px;
}
.shared .sharrre a {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #000;
}
.shared .sharrre .shared-count {
    font-size: 8px;
    line-height: 15px;
    float: right;
    padding: 2px 4px 0;
    border: solid 1px #bbb;
    border-radius: 2px;
}
.shared .sharrre .shared-count:after,
.shared .sharrre .shared-count:before {
    position: absolute;
    top: 5px;
    left: 19px;
    content: '';
    border: solid 4px transparent;
    border-right: solid 4px #bbb;
}
.shared .sharrre .shared-count:after {
    left: 20px;
    border-right: solid 4px #fff;
}
.shared .sharrre .shared-icon {
    font-family: 'socialicon';
    font-size: 16px !important;
    font-style: normal !important;
    float: left;
    margin-right: 8px;
    border: solid 1px transparent;
    border-radius: 4px;
}
.shared .sharrre.facebook .shared-icon {
    color: #3b5998;
    border-color: #3b5998;
}
.shared .sharrre.twitter .shared-icon {
    color: #55acee;
    border-color: #55acee;
}
.shared .sharrre.googleplus .shared-icon {
    color: #dd4b39;
    border-color: #dd4b39;
}
.shared .sharrre.hatena .shared-icon {
    color: #2c6ebd;
    border-color: #2c6ebd;
}
.snsbtn {
    float: right;
    margin-right: 100px;
}
@font-face {
    font-family: 'socialicon';
    src: url("./fonts/socialicon.eot");
}
@font-face {
    font-family: 'socialicon';
    font-weight: normal;
    font-style: normal;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAnsAAoAAAAACaQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAABioAAAYq1meTbE9TLzIAAAcgAAAAYAAAAGAIIgcKY21hcAAAB4AAAABUAAAAVACPAMxnYXNwAAAH1AAAAAgAAAAIAAAAEGhlYWQAAAfcAAAANgAAADYA40L2aGhlYQAACBQAAAAkAAAAJAPiAelobXR4AAAIOAAAACAAAAAgCQAAAG1heHAAAAhYAAAABgAAAAYACFAAbmFtZQAACGAAAAFsAAABbFlt+8dwb3N0AAAJzAAAACAAAAAgAAMAAAEABAQAAQEBC3NvY2lhbGljb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh3BR0AAACJDx0AAACOER0AAAAJHQAABiESAAkBAQsVFxkcHyIlKHNvY2lhbGljb25zb2NpYWxpY29udTB1MXUyMHU0NnU0N3U0OHU1NAAAAgGJAAYACAIAAQAEAAcACgANAKACrgQRBX/8lA78lA78lA77lA74lJ4Vi32Gf4GBgYF/hn2LCPwuiwV9i3+QgZWBlYaXi5kIi/guBYuZkJeVlZWVl5CZiwj4LosFmYuXhpWBlYGQf4t9CIv8LgX7EPefFVOLi60Fi5WNkY+Oj42PjI6LCLKLi8lSiwV7i36IgYaBhYOFhoOGg4eCioKJgYqDi4MIi2Vni4tNr4uL+0fXi4v3R7yLBQ73XfdDFZ58BYuLkYaXgZeBj4aIioiKjYWRf4uCiYOHhIeEhoaEhoSHg4eCiYOIgYqBi4GLgYyBjgiAjYKPgpCDkISRhZKGk4iUi5WLn5SanJSclaaRsIsIp/cYFYt9h3+DgoKBgIZ9i4GLgo6DkISQhJKFk4aUh5WIloiWiZaLl4uTjZKOkY6SjpCPjwiQj5CPkI2QjZGMkIuTi5SIkoaThpKEkIKRgpCCjoCPgI2Ai38I93z3QRWZi5eGlYGVgZB/i30Ii/wuBYt9hn+BgYGBf4Z9iwj8LosFfYt/kIGVgZWGl4uZCIv4LgWLmZCXlZWVlZeQmYsI+C6LBfvF/FMVnYucjZuQm5CakpeUl5SVlZKXk5eOmIuZi5iHl4SWg5WDlIGTCHKgBYuLh5KEmIuRjZCPkI+Qj4+OjpORkpGQkJCQj5CNkI6QjZGMkIyRjJGLk4ubh5iElgiElYOUg5EIqIutnvsJiwV5i3uIfoZ9hYCEgYKCgoSBhoCGgIl/i4CLf42AkIKQgZGDk4SShJSGlYeVh5WJlosIjYuOi42LjouNjI6LiomKiIqIioiKh4uGi4WNhY6GjoWPho+Gc4t2iHqFeoZ9hICECIGDg4KGgYeBiIKLgouBjYKQgo+CkoOUhZSEloWYh5iHmomdiwj3rfdlFU+Li8Zpi4tQT4uLZ8eLi1Cti4vGx4uLrwUO94P3uRWLgYiDhIWEhYKIf4sIW4uLzMCLBZWLk4iRhZGFjoSLgQj3cvdPFZmLl4aVgZWBkH+LfQiL/C4Fi32Gf4GBgYF/hn2LCPwuiwV9i3+QgZWBlYaXi5kIi/guBYuZkJeVlZWVl5CZiwj4LosF+4P8ORWgi5yNmY+ZkJeRk5OUk5GUj5aPlY2Xi5iLm4mYhpeGloSUhJKEkoSRhI+DjoWOho0IkIyQjZGOko6Rj5CQkZCPko+Tj5ONlouWi5aJlYaUh5WFk4STg5ODkYGPgpCBjYCLCPs/i4v73vcsiwX3QosVl4uVj5STk5SPlYuXi5eHlYOTgpOBkH+LhYuGioWIhomHiIeHh4eIh4mFiIaKhYuGCIuFjIWOho2GjoaPh4+Hj4iQiZGJkIqRiwi5994VMYuL+3Tli4v3dAX7fftUFZaLlIiShJKEj4KLgIuAh4KDhISEgId9iwhZi4vWw4sFDvhh+HcVmYuXhpWBlYGQf4t8CIv8LQWLfIZ/gYGBgn+GfYsI/C6LBX2Lf5CBlIGVhpeLmgiL+C0Fi5qQl5WVlZWXkJmLCPguiwX7FScVeYt8h3+CgIOCgYV/hYCHgIt/ioCMgo2FeIx4jneSepB4lHeWd5d3nHiihYCHf4p/CIqAjH+PfpB+lX2afYiLiIyHi4iMh4yGjIeMho2Gjox/jX+QgI+BkoKUgZSCl4WchwiJioiKh4qIi4iKhouHi4WMhIyPgZGCkoKQhJOElYWVhZeHm4uBg4CEfoWAhn6HfYgIfId6iniNloSYhZmFloaZh5qHm4eciZ2LqIuokKiWp5alm6KgoaGdpZmqmaqSr4uzCJGQkI+RkY+PkJCQkI+Qj5COkYaJhomGiYaJhoqGioaJhYqFipCPj4+Pj4+Pj5CPkQiPkI+Sj5OFiIWIhYiFiYWJhYiEiYWJhYqHkIaQhI6Gj4SOg46EjoGMgIsIDviUFPiUFYsMCgAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAQAAAAFQB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABAABACAASABU//3//wAAAAAAIABGAFT//f//AAH/4/++/7MAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAPLK0+1fDzz1AAsCAAAAAADP4gEbAAAAAM/iARsAAP/gAgAB4wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAABQAAAIAAAAAAAOAK4AAQAAAAAAAQAUAAAAAQAAAAAAAgAOAGgAAQAAAAAAAwAgACoAAQAAAAAABAAUAHYAAQAAAAAABQAWABQAAQAAAAAABgAKAEoAAQAAAAAACgA0AIoAAwABBAkAAQAUAAAAAwABBAkAAgAOAGgAAwABBAkAAwAgACoAAwABBAkABAAUAHYAAwABBAkABQAWABQAAwABBAkABgAUAFQAAwABBAkACgA0AIoAcwBvAGMAaQBhAGwAaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAcwBvAGMAaQBhAGwAaQBjAG8AbgA6ACAAMgAwADEANHNvY2lhbGljb24AcwBvAGMAaQBhAGwAaQBjAG8AbgBSAGUAZwB1AGwAYQByAHMAbwBjAGkAYQBsAGkAYwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
}
body {
    background: #fff;
    color: #111;
    line-height: 27px;
    width: 100%;
}
body a {
    color: #111;
}
body a:hover {
    color: #111;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
section {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    padding: 15px 0;
}
section img {
    width: 100%;
}
section h2.sctn-title {
    text-align: center;
    margin: 60px auto 20px;
    position: relative;
}
section h2.sctn-title:after {
    position: absolute;
    left: 50%;
    bottom: -7px;
    content: " ";
    display: inline-block;
    width: 80px;
    height: 3px;
    margin-left: -40px;
    background: #f00;
}
section h3 {
    margin-bottom: 20px;
    font-weight: 600;
}
section .attention {
    text-align: center;
    margin: 0 auto 20px;
    color: #606060;
    position: relative;
    text-decoration: underline;
    font-size: 11px;
}
section .attention:before {
    position: absolute;
    content: "＊";
    display: inline-block;
    width: 10px;
    height: 10px;
    left: 50%;
    margin-left: -168px;
}
section .logo {
    width: 50px;
}
.bold {
    font-weight: bold;
}
.red {
    color: #f00;
}
.bt30 {
    margin-bottom: 30px;
}
.center {
    text-align: center;
    margin: 0 auto;
}
.contact {
    float: right;
    margin-right: 68px;
}
.contact .btn {
    padding-left: 30px;
    padding-right: 30px;
}
#navigation {
    width: 100%;
}
#navigation #nav .bg_blue {
    background: #e3e9f3;
}
#navigation #nav ul li {
    list-style: none;
    float: left;
    margin: 12px 20px 0;
    padding-top: 11px;
}
#navigation #nav ul li.btn {
    margin-top: 5px;
    margin-bottom: 5px;
}
#navigation #nav .title {
    font-size: 180%;
    font-weight: bold;
    padding-top: 15px;
    margin-bottom: 0;
}
#navigation #nav .container {
    width: 100%;
}
#navigation #nav .container .row {
    width: 1080px;
    margin: 0 auto;
}
#navigation #nav .nav {
    margin-top: -20px;
}
#navigation #nav .nav .logo {
    font-size: 220%;
    margin-top: 20px;
}
#navigation #nav .navbar-header {
    margin: 0 auto;
}
.cover {
    padding-top: 112px;
    text-shadow: 1px 1px 1px #666;
}
.cover .container {
    padding: 0;
    margin: 0;
    width: 100%;
}
.cover .container .coverBg {
    position: relative;
}
.cover .container .coverBg .name {
    font-size: 180%;
}
.cover .container .coverBg .coverTitle {
    position: absolute;
    top: 20%;
    width: 100%;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}
.cover .container .coverBg .coverTitle .small {
    color: #fff;
    font-size: 180%;
}
.cover .container .coverBg .coverTitle h2 {
    font-size: 330%;
    margin-top: 15px;
}
.cover .container .coverBg .coverTitle p {
    margin-top: 30px;
}
.sleepion .exp {
    text-align: center;
}
.sleepion .exp p {
    line-height: 30px;
    margin-bottom: 30px;
}
.sleepion .col-sm-4 img {
    padding: 25px;
}
.sleepion .col-sm-4 .desctitle {
    text-align: center;
    font-size: 150%;
    color: #467ea5;
    margin-bottom: 10px;
}
.sleepion .col-sm-4 .desceread {
    text-align: center;
    font-weight: bold;
    font-size: 94%;
}
.design {
	text-shadow: 1px 1px 1px #666;
    background: url("../images/0411/bg00.jpg") no-repeat left top;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 95px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.spec .largeImg {
    margin-bottom: 20px;
}
.spec .price {
    font-size: 160%;
    color: #467ea5;
    width: 100%;
    border-bottom: solid 1px #bbb;
    padding: 5px 30px 15px 0;
    margin-bottom: 20px;
    font-weight: 500;
}
.spec .btn {
    padding-left: 55px;
    padding-right: 55px;
}
.spec .share {
    margin-top: 30px;
    border-top: solid 1px #bbb;
    border-bottom: solid 1px #bbb;
}
.spec .share p {
    margin-top: 5px;
}
.spec .share .shared {
    margin-top: -37px;
}
.spec .share .shared ul {
    margin-left: 60px;
    display: inline-block;
    margin-bottom: -14px;
}
.spec .share .shared ul li {
    float: left;
    margin-right: 10px;
}
.spec .share .shared ul li.fb {
    margin-top: -4px;
}
.spec .share .shared ul li.pint {
    margin-top: -1px;
}
.spec .altSlideImg {
    position: relative;
    padding: 15px;
}
.spec .altSlideImg .gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.spec ul {
    padding-left: 0;
}
.spec ul li {
    list-style: none;
    margin: 3px 0;
    font-weight: normal;
}
.spec ul li span {
    color: #467ea5;
    font-weight: normal;
}
.spec a {
    color: #fff !important;
}
.spec a:hover {
    color: #fff !important;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.animatedModal .container,
.nomalModal .container {
    padding: 0;
    margin: 0;
    width: 100%;
}
.animatedModal .container h3,
.nomalModal .container h3 {
    font-size: 250%;
    font-weight: 200;
}
.animatedModal .container .col-xs-6,
.nomalModal .container .col-xs-6 {
    padding-left: 0;
    padding-right: 0;
}
.animatedModal .container .col-xs-6 .modalWrap,
.nomalModal .container .col-xs-6 .modalWrap {
    position: relative;
    height: auto;
}
.animatedModal .container .col-xs-6 .modalWrap .modalTxt,
.nomalModal .container .col-xs-6 .modalWrap .modalTxt {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: rgba(3,79,132,0.6);
}
.animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin,
.nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin {
    position: absolute;
    top: 26%;
    left: 26%;
    font-size: 150%;
    line-height: 27px;
}
.animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin .noTxt,
.nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin .noTxt {
    margin-top: 70px;
}
.animatedModal .container #howtouse,
.nomalModal .container #howtouse {
    background: url("../images/modal/modalbg01.png") no-repeat left top;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.animatedModal .container #story,
.nomalModal .container #story {
    background: url("../images/modal/modalbg02.png") no-repeat left top;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.animatedModal .container #howtouse,
.animatedModal .container #story,
.nomalModal .container #howtouse,
.nomalModal .container #story {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    z-index: 10000;
    height: 450px;
}
.animatedModal .container #howtouse .youtube iframe,
.animatedModal .container #story .youtube iframe,
.nomalModal .container #howtouse .youtube iframe,
.nomalModal .container #story .youtube iframe {
    width: 100%;
}
.animatedModal .container #howtouse h3,
.animatedModal .container #story h3,
.nomalModal .container #howtouse h3,
.nomalModal .container #story h3 {
    text-align: center !important;
    font-size: 450%;
    text-decoration: underline;
    margin-bottom: 45px;
}
.animatedModal .container #howtouse p,
.animatedModal .container #story p,
.nomalModal .container #howtouse p,
.nomalModal .container #story p {
    font-size: 100%;
    margin-bottom: 30px;
    font-weight: 100;
}
.animatedModal .container #howtouse p .small,
.animatedModal .container #story p .small,
.nomalModal .container #howtouse p .small,
.nomalModal .container #story p .small {
    font-size: 100%;
}
.animatedModal .container #howtouse p.subtitle,
.animatedModal .container #story p.subtitle,
.nomalModal .container #howtouse p.subtitle,
.nomalModal .container #story p.subtitle {
    font-size: 130%;
}
.animatedModal .container #howtouse p.underline,
.animatedModal .container #story p.underline,
.nomalModal .container #howtouse p.underline,
.nomalModal .container #story p.underline {
    text-decoration: underline;
}
.animatedModal .container #howtouse img,
.animatedModal .container #story img,
.nomalModal .container #howtouse img,
.nomalModal .container #story img {
    margin-bottom: 30px;
}
.animatedModal .container #howtouse .close-howtouse,
.animatedModal .container #story .close-howtouse,
.nomalModal .container #howtouse .close-howtouse,
.nomalModal .container #story .close-howtouse {
    float: right;
}
.animatedModal .container #howtouse .close-howtouse .fa,
.animatedModal .container #story .close-howtouse .fa,
.nomalModal .container #howtouse .close-howtouse .fa,
.nomalModal .container #story .close-howtouse .fa {
    font-weight: 100;
    -webkit-text-stroke: 1px background-color;
}
.animatedModal .container #howtouse .close-howtouse i:hover,
.animatedModal .container #story .close-howtouse i:hover,
.nomalModal .container #howtouse .close-howtouse i:hover,
.nomalModal .container #story .close-howtouse i:hover {
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.animatedModal .container #howtouse .modalIn,
.animatedModal .container #story .modalIn,
.nomalModal .container #howtouse .modalIn,
.nomalModal .container #story .modalIn {
    padding-left: 30px;
    padding-right: 50px;
}
.animatedModal .container #howtouse .row .col-sm-6,
.animatedModal .container #story .row .col-sm-6,
.nomalModal .container #howtouse .row .col-sm-6,
.nomalModal .container #story .row .col-sm-6 {
    padding: 30px;
    background: #034f84;
    color: #fff;
}
.animatedModal a,
.nomalModal a {
    color: #111;
}
.animatedModal a:hover,
.nomalModal a:hover {
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cheero {
    text-align: center;
    color: #999;
}
.cheero h3 {
    font-size: 188%;
    font-weight: 400;
    margin-top: 30px;
}
.cheero .scnd {
    margin-top: 45px;
}
.cheero .btn {
    margin-top: 15px;
    background: #95d0c5;
}
.cheero p {
    font-size: 94%;
}
footer {
    padding-top: 60px;
    font-size: 80%;
    color: #999;
}
footer .container {
    margin: 0 auto;
    width: 100%;
    border-top: solid 1px #bbb;
    padding: 20px 30px;
}
footer a {
    color: #999;
}
footer .footerlogo img {
    width: 120px;
}
footer .company {
    margin-top: 12px;
    font-size: 110%;
}
footer .cright {
    float: right;
    margin-top: 35px;
    margin-right: -145px;
}
footer ul {
    float: right;
}
footer ul li {
    float: left;
    margin-left: 15px;
    list-style-type: none;
}
.btn {
    padding: 13px;
    background: #e47911;
    color: #fff;
}
.btn p {
    margin-bottom: 0;
}
.btn a {
    color: #fff !important;
}
.btn a:hover {
    color: #fff !important;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.small {
    font-size: 75% !important;
    font-weight: 100 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-bottom: 5px solid #95d0c5 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    border-left: 0 solid transparent !important;
    border-right: 0 solid transparent !important;
}
section {
    padding-top: 65px;
}
.sp-thumbnails-container {
    width: 100% !important;
    margin-top: 0 !important;
}
/*# sourceMappingURL=style.css.map */
.buyAmazon .mb15 {
    margin-bottom: 30px;
}

.buyAmazon .buy-detail {
    }
.buyAmazon .buy-detail h4 {
    font-size: 200%;
    color: #034f84;
    margin-bottom: 20px;
    margin-top: 15px;
}
.buyAmazon .buy-detail p {
    font-size: 120%;
    margin-bottom: 25px;
}
.buyAmazon .buy-detail p.tell {
    font-size: 250%;
}
.buyAmazon .buy-detail p.tell img {
    max-width: 386px;
}

.amazon-bar{
	position: relative;
}
.amazon-bar:before{
    position: absolute;
    top: 5px;
    left: 19px;
    content: '';
}

.design {
	color: #fff;
}
.spec .share .shared ul li.pint {
    margin-top: 2px;
}

.spec ul li span.black{
    color: #111;
    font-size: 80%;
    display: block;
/*    padding-left: 55px;*/
    line-height: 15px;

}
.fa-amazon:before {
    color: #fff;
    font-size: 150%;
	vertical-align: middle;	
    margin-right: 8px;
}
.amazon-bottom{
	position: relative;
    background: #e47911;
	padding-top: 10px;
    padding-bottom: 3px;
    color: #fff;
    text-align: center;
    margin-top: 2px;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.amazon-bottom:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top:0;
    left:0;
    background: #e47911;
}

.amazon-bottom .name{
	position: relative;
    margin-bottom: 7px;
    padding-bottom: 8px;
}
.amazon-bottom .name:after{
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    bottom:0;
    left:50%;
    margin-left:-50px;
	border-bottom: 2px dotted #fff;
}

.amazon-bottom p i{
	margin-top: -10px;
}


.dottedbar{
	position: relative;
    padding-bottom: 45px;
    margin-bottom: 10px;
}
.dottedbar:before{
	position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom:0;
    left:0;
	border-bottom: 2px dashed #ddd;
	
}
.dottedbar:after{
	position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom:0;
    left:0;
	background: #fff;	
}
section.cover{
	padding-bottom: 0;
}

.assure{
	padding-top: 40px;
	padding-bottom: 45px;
    background: url("../images/0411/bg_assure.jpg") no-repeat left top;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.assure p{
	text-align: center;
}
.assure p.large{
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 25px;
}



.fa-file-pdf-o:before {
    margin-right: 10px;
    font-size: 120%;
}
.assure.cheero{
	color: #000;
}
.assure.cheero .btn {
    background: #e47911!important;
}













