@charset "UTF-8";

@import 'product.css';
@import 'product-tsurutsuru.css';
@import 'product-bihaku.css';
@import 'product-allinone.css';
@import 'product-haritsuya.css';
@import 'page-uruoi.css';

.oki_gaview{ display: none!important; }

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,
menu,
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-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .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: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    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;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    font-size: 62.5%
}

body {
    padding: 0;
    font-size: 1.3rem;
    font-family: Verdana, Roboto, Droid Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
    letter-spacing: .1em;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-smoothing: antialiased
}

body,
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0
}

p {
    font-size: 14px
}

img {
    vertical-align: bottom
}

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

dd,
dl,
dt,
ol,
ul {
    margin: 0
}

img {
    max-width: 100%;
    vertical-align: bottom
}

#lineup {
    position: relative;
    width: 100%;
    min-width: 980px;
    max-width: 1600px;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

#lineup:after {
    content: "";
    display: block;
    clear: both
}

#lineup .inner.head {
    width: 980px;
    margin: 0 auto;
    background-color: #fff
}

#lineup .inner.head .box_voice .inner {
    width: 557px;
    position: relative;
    padding: 20px 50px;
    margin: 38px auto 10px;
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px
}

#lineup .inner.head .box_voice .inner .icon_graph {
    width: 96px;
    position: absolute;
    top: -54px;
    right: -62px
}

#lineup .inner.head .box_voice .inner .voice {
    width: 560px;
    margin: 0 auto
}

#lineup .inner.head .box_voice .annotation {
    font-size: 10px;
    color: #999;
    text-align: center;
    margin: 15px 0 0
}

#lineup .inner.head .caption {
    width: 600px;
    margin: 90px auto 25px
}

#lineup .inner.head .headline {
    display: none;
    width: 277px;
    margin: 0 auto
}

#lineup .purchase_banner {
    text-align: center;
    margin: 0px auto 16px;
}

#lineup .annotation_purchase_banner {
    font-size: 10px;
    color: #777;
    width: 528px;
    margin: 0 auto;
    text-align: center;
}

#lineup .feeling_banner {
    text-align: center;
    margin: 40px auto 0;
}

#lineup .wrap_line {
    display: block;
    background: #fff url(img/product/index/product_bg.jpg) top no-repeat;
    background-size: 1600px;
    background-position: 50% -46px
}

#lineup .wrap_line:after {
    content: "";
    display: block;
    clear: both
}

#lineup .wrap_line .inner.line {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 60px
}

#lineup .wrap_line .inner.line section {
    position: relative
}

#lineup .wrap_line .inner.line section .btn {
    position: absolute;
    margin-left: -112px;
    left: 50%;
    bottom: 32px
}

#lineup .wrap_line .inner.line .caption {
    height: 22px;
    margin: 0 auto
}

#lineup .wrap_line .inner.line .image {
    margin: 34px 0 30px;
    height: 148px
}

/*#lineup .wrap_line .inner.line .icon_baby_amino_acid {
    position: absolute;
    width: 115px;
    top: 125px;
    right: -18px
}

#lineup .wrap_line .inner.line .product_name {
    height: 24px;
    margin: 0 auto
}
*/
#lineup .wrap_line .inner.line .product_label {
    position: absolute;
    width: 86px;
    top: 132px;
    left: 12px
}

#lineup .wrap_line .inner.line .icon_baby_amino_acid {
    position: absolute;
    width: 105px;
    top: 125px;
    right: -12px
}

#lineup .wrap_line .inner.line .product_name {
    height: 24px;
    margin: 0 auto 16px
}

#lineup .wrap_line .inner.line .product_sub_text {
    height: 13px;
    margin: 0 auto
}

#lineup .wrap_line .inner.line .box_ingredient {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    margin: 26px 0 0;
    text-align: left;
    background-color: hsla(0, 0%, 100%, .3)
}

#lineup .wrap_line .inner.line .box_ingredient dl {
    position: relative;
    z-index: 10;
    min-height: 36px;
    margin: 14px 10px 0;
    padding-bottom: 11px
}

#lineup .wrap_line .inner.line .box_ingredient dl dd {
    margin: 0
}

#lineup .wrap_line .inner.line .box_ingredient dl .level_1 {
    font-size: 13px;
    font-weight: 700
}

#lineup .wrap_line .inner.line .box_ingredient dl .level_2 {
    font-size: 12px
}

#lineup .wrap_line .inner.line .box_ingredient dl .level_3 {
    font-size: 10px;
    color: #999;
    width: 82%
}

#lineup .wrap_line .inner.line .box_ingredient dl .icon_new_compound {
    width: 36px;
    position: absolute;
    top: 3px;
    right: 0;
    margin-top: -3px
}

#lineup .wrap_line .inner.line .text {
    font-size: 12px;
    line-height: 2;
    margin: 20px 0
}

#lineup .wrap_line .inner.line .annotation {
    clear: both;
    font-size: 10px;
    color: #999;
    text-align: left;
    padding-top: 20px
}


#lineup .lineup_feeling {
    position: relative;
    margin: 0 auto;
    width: 430px;
    height: 87.5px;
    margin: 72px auto 20px;
    background: url(img/product/index/lineup_feeling_bg.png) no-repeat;
    background-size: 100% 100%
}

#lineup .lineup_feeling h4 {
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap
}

#lineup .lineup_feeling p {
    padding-top: 1%;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    padding-bottom: 5%
}

#lineup .lineup_feeling p span {
    background: #c3e6ff
}

#lineup .lineup_feeling .fukidashi {
    right: -3%;
    top: -50%;
    width: 75px;
    position: absolute
}

.line_tsurutsuru {
    position: relative;
    float: left;
    width: 266px;
    padding: 45px 20px 0;
    height: 565px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.line_tsurutsuru .caption {
    width: 198px
}

.line_tsurutsuru .image img {
    width: 88px
}

.line_tsurutsuru .product_name {
    width: 243px
}

.line_tsurutsuru .product_sub_text {
    width: 130px
}

.line_tsurutsuru .box_ingredient {
    border: 1px solid #f7cdd6
}

.line_tsurutsuru .box_ingredient dl:first-child {
    border-bottom: 1px dotted #f7cdd6
}

.line_tsurutsuru .box_ingredient .level_1 {
    color: #b20a2d
}

.line_tsurutsuru .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #b20a2d
}

.line_tsurutsuru .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.line_tsurutsuru .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.line_bihaku {
    position: relative;
    float: left;
    width: 266px;
    padding: 45px 20px 0;
    height: 565px;
    margin: 0 24px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.line_bihaku .caption {
    width: 233px
}

.line_bihaku .image img {
    width: 88px
}

.line_bihaku .product_name {
    width: 188px
}

.line_bihaku .product_sub_text {
    width: 60px
}

.line_bihaku .box_ingredient {
    border: 1px solid #96b0f0
}

.line_bihaku .box_ingredient dl:first-child {
    border-bottom: 1px dotted #96b0f0
}

.line_bihaku .box_ingredient .level_1 {
    color: #0a37a5
}

.line_bihaku .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #0a37a5
}

.line_bihaku .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.line_bihaku .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.line_haritsuya {
    position: relative;
    float: left;
    width: 266px;
    padding: 45px 20px 0;
    height: 565px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.line_haritsuya .caption {
    width: 193px
}

.line_haritsuya .image img {
    width: 88px
}

.line_haritsuya .product_name {
    width: 220px
}

.line_haritsuya .product_sub_text {
    width: 172px
}

.line_haritsuya .box_ingredient {
    border: 1px solid #ffd260
}

.line_haritsuya .box_ingredient dl:first-child {
    border-bottom: 1px dotted #ffd260
}

.line_haritsuya .box_ingredient .level_1 {
    color: #fa9f00
}

.line_haritsuya .box_ingredient .icon_new_compound {
    top: 8px
}

.line_haritsuya .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #fa9f00
}

.line_haritsuya .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.line_haritsuya .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}


.bihaku_maquia {
    position: relative;
    width: 980px;
    height: 559px;
    background: url(img/product/index/cosme_bg.png) top no-repeat;
    background-size: 980px 559px;
    margin: 0 auto 72px
}

.bihaku_maquia:before {
    position: absolute;
    content: "";
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 398px;
    height: 69px;
    background: url(img/product/index/cosme_product_ribon.png) no-repeat;
    background-size: 398px 69px
}

.bihaku_maquia .img {
    float: left;
    margin: 47px 20px 0 62px
}

.bihaku_maquia .img li {
    padding-top: 26px
}

.bihaku_maquia .img_02 {
    float: left;
    margin: 168px 0 0 39px;
    position: relative
}

.bihaku_maquia .img_02 li {
    padding-top: 32px
}

.bihaku_maquia .img_02:before {
    position: absolute;
    content: "";
    top: -90px;
    right: -81px;
    width: 80px;
    height: 123px;
    background: url(img/product/index/cosme_logo.png) no-repeat;
    background-size: 80px 123px
}

.bihaku_maquia .text-box {
    float: right;
    width: 336px;
    text-align: center;
    margin: 290px 48px 0 0
}

.bihaku_maquia .text-box .headline {
    margin-bottom: 25px
}

.bihaku_maquia .text-box .name {
    margin-bottom: 34px
}

.bihaku_maquia .text-box .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 283px;
    color: #fff;
    border: none;
    background: #0a37a5;
    padding: 14px 0 12px;
    float: left
}

.bihaku_maquia .text-box .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.bihaku_maquia .text-box .btn a:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -10px;
    left: 18px;
    width: 22px;
    height: 20px;
    background: url(img/product/index/icon_store_wht.png) 0 0 no-repeat;
    background-size: 22px 20px
}

.bihaku_maquia .text-box .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -7px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: url(img/product/allinone/wessence/icon_popup.png) 0 0 no-repeat;
    background-size: 15px 15px
}

.bihaku_maquia .text-box .annotation {
    position: absolute;
    font-size: 10px;
    color: #999;
    bottom: 33px;
    right: 38px;
    /*width: 215px*/
}

.bihaku_maquia .logo_biteki {
    position: absolute;
    left: 723px;
    top: 80px
}

.bihaku_maquia .logo_voce {
    position: absolute;
    background-color: #fff;
    left: 637px;
    top: 75px
}

.tester {
    width: 900px;
    height: 135px;
    background-image: url(img/product/bihaku/purchase-tester_bg.png);
    background-size: 900px 128px;
    background-repeat: no-repeat;
    margin: 60px auto 80px
}

.tester .headline {
    left: 32px
}

.tester .result-b {
    top: 40px;
    left: 245px
}

.tester .subheads {
    left: 530px
}

.lineup-menu {
    margin-top: 80px
}

.lineup-menu .headline {
    text-align: center;
    margin-bottom: 32px
}

.lineup-menu .bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    margin-bottom: 40px;
    padding-left: 8px
}

.lineup-menu .list {
    width: 980px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto 80px
}

.lineup-menu .list li {
    position: relative;
    margin: 0;
    padding: 32px 0 0;
    float: left;
    background: #ccc;
    width: 196px;
    height: 242px;
    text-align: center
}

.lineup-menu .list li .img {
    margin-bottom: 20px
}

.lineup-menu .list li .btn {
    position: absolute;
    bottom: 22px;
    left: 28px;
    font-size: 12px;
    text-align: center
}

.lineup-menu .list li .btn a {
    display: block;
    color: #fff;
    border-radius: 4px;
    line-height: 28px;
    text-decoration: none;
    position: relative
}

.lineup-menu .list li .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    width: 19px;
    height: 16px;
    background: url(img/product/index/arrow.png) no-repeat;
    background-size: 10px 11px
}

.lineup-menu .list .item-tsurutsuru {
    background: url(img/product/index/lineup_tsurutsuru_bg.jpg) no-repeat top;
    background-size: 196px 274px
}

.lineup-menu .list .item-tsurutsuru .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    width: 140px;
    padding: 8px 0;
    background-color: #b20a2d
}

.lineup-menu .list .item-tsurutsuru .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.lineup-menu .list .item-tsurutsuru .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.lineup-menu .list .item-bihaku {
    background: url(img/product/index/lineup_bihaku_bg.jpg) no-repeat top;
    background-size: 196px 274px
}

.lineup-menu .list .item-bihaku .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    width: 140px;
    padding: 8px 0;
    background-color: #0a37a5
}

.lineup-menu .list .item-bihaku .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.lineup-menu .list .item-bihaku .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.lineup-menu .list .item-haritsuya {
    background: url(img/product/index/lineup_haritsuya_bg.jpg) no-repeat top;
    background-size: 196px 274px
}

.lineup-menu .list .item-haritsuya .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    width: 140px;
    padding: 8px 0;
    background-color: #fa9f00
}

.lineup-menu .list .item-haritsuya .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.lineup-menu .list .item-haritsuya .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.lineup-menu .list .item-allinone {
    background: url(img/product/index/lineup_allinone_bg.jpg) no-repeat top;
    background-size: 196px 274px
}

.lineup-menu .list .item-allinone .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    width: 140px;
    padding: 8px 0;
    background-color: #8d208c
}

.lineup-menu .list .item-allinone .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.lineup-menu .list .item-allinone .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.lineup-menu .list .item-acnecare {
    background: url(img/product/index/lineup_acnecare_bg.jpg) no-repeat top;
    background-size: 196px 274px
}

.lineup-menu .list .item-acnecare .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    width: 140px;
    padding: 8px 0;
    background-color: #009697
}

.lineup-menu .list .item-acnecare .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

.lineup-menu .list .item-acnecare .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

#brandstory {
    min-width: 980px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    background: url(img/components/brandstory/bg_brandstory.jpg) top no-repeat;
    background-size: cover
}

#brandstory .container {
    width: 880px;
    margin: 0 auto;
    padding: 309px 0 55px;
    text-align: center
}

#brandstory article p {
    font-size: 16px;
    line-height: 2.3;
    margin-bottom: -10.4px;
    margin-top: -10.4px;
    letter-spacing: .25em
}

#brandstory article .catchcopy {
    padding: 48px 0 50px
}

#brandstory .btn {
    padding: 48px 0
}

#brandstory .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none
}

#brandstory .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

#brandstory .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 12px;
    height: 11px;
    background: url(img/components/brandstory/icon_arrow.png) no-repeat;
    background-size: 11px 10px
}

.modal-brandstory {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
    text-align: center;
    line-height: 32px
}

.modal-brandstory .wrapper-scroll {
    padding: 56px 0 105px;
    background: url(img/components/brandstory/bg_popup.jpg) top no-repeat;
    background-size: cover
}

.modal-brandstory .container {
    position: relative;
    width: 880px;
    margin: 0 auto
}

.modal-brandstory .modal-closer {
    position: fixed;
    top: 35px;
    right: calc(50% - 455px);
    line-height: 15px;
    z-index: 10;
    cursor: pointer
}

.modal-brandstory .modal-closer:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .7
}

.modal-brandstory .catchcopy {
    padding-bottom: 59px
}

.modal-brandstory .logo {
    padding-bottom: 51px
}

.modal-brandstory p {
    font-size: 1.6rem;
    line-height: 2.8125;
    margin-bottom: -1.45rem;
    margin-top: -1.45rem;
    padding-bottom: 65px;
    letter-spacing: 2px
}

.modal-brandstory .notice {
    font-size: 10px;
    color: #777
}

#quality {
    position: relative;
    width: 100%;
    min-width: 980px;
    max-width: 1600px;
    overflow: hidden;
    display: block;
    margin: 2px auto;
    padding: 100px 0 70px;
    background: #fff url(img/product/index/quality_bg.png) top no-repeat;
    background-size: cover
}

#quality:after {
    content: "";
    display: block;
    clear: both
}

#quality .inner {
    width: 980px;
    margin: 0 auto
}

#quality .inner .box_text {
    width: 500px;
    text-align: center
}

#quality .inner .box_text .text {
    font-size: 16px;
    line-height: 2.3;
    letter-spacing: .25em;
    margin: 38px 0 33px
}

#quality .inner .box_text .text_b {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: .3em;
    font-weight: 700;
    margin: 30px 0 25px
}

#quality .inner .box_text .annotation {
    font-size: 10px;
    color: #999;
    text-align: center;
    margin-bottom: 46px
}

#quality .inner .box_text .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none
}

#quality .inner .box_text .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

#quality .inner .box_text .btn a:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -9px;
    left: 8px;
    width: 20px;
    height: 18px;
    background: url(img/product/index/icon_store.png) 0 0 no-repeat;
    background-size: 20px 18px
}

#quality .inner .box_text .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -8px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: url(img/product/index/icon_other_window.png) 0 0 no-repeat;
    background-size: 15px 15px
}

.page-product-bihaku #quality,
.page-product-haritsuya #quality,
.page-product-tsurutsuru #quality {
    height: 435px;
    background-size: 1600px 534px;
    padding-bottom: 0;
    margin: 0 auto
}

.page-product-tsurutsuru #quality {
    background: url(img/product/tsurutsuru/quality_bg.jpg) no-repeat top;
    background-size: 1600px 534px
}

.page-product-bihaku #quality {
    background: url(img/product/bihaku/quality_bg.jpg) no-repeat top;
    background-size: 1600px 534px
}

.page-product-haritsuya #quality {
    background: url(img/product/haritsuya/quality_bg.jpg) no-repeat top;
    background-size: 1600px 534px
}

.page-uruoi #quality {
    margin-bottom: 2px
}

.lotionset-20170221 {
    background: #f2f2f2;
    width: 940px;
    margin: 0 auto;
    padding: 20px
}

.lotionset-20170221 .inner {
    background: #fff;
    position: relative;
    padding: 0 0 50px!important
}

.lotionset-20170221 .inner .catch {
    text-align: center;
    padding: 40px 0 35px
}

.lotionset-20170221 .inner .figure {
    margin: 23px auto 29px;
    position: absolute;
    top: 75px;
    left: 70px
}

.lotionset-20170221 .inner .box_text {
    text-align: center;
    width: 450px;
    padding-left: 452px
}

.lotionset-20170221 .inner .box_text .headline {
    margin-bottom: 28px
}

.lotionset-20170221 .inner .box_text .attention {
    font-size: 14px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    padding: 4px 8px 2px 10px;
    font-weight: 700;
    color: #fff;
    background: #000;
    display: inline-block;
    margin-right: 10px
}

.lotionset-20170221 .inner .box_text .text {
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline
}

.lotionset-20170221 .inner .box_text .text_product {
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    margin: 26px 0
}

.lotionset-20170221 .inner .box_text .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none
}

.lotionset-20170221 .inner .box_text .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.lotionset-20170221 .inner .box_text .btn a:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -9px;
    left: 8px;
    width: 20px;
    height: 18px;
    background: url(img/product/index/icon_store.png) 0 0 no-repeat;
    background-size: 20px 18px
}

.lotionset-20170221 .inner .box_text .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -7px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: url(img/product/index/icon_popup.png) 0 0 no-repeat;
    background-size: 15px 15px
}

.annotation_lotionset {
    font-size: 10px;
    color: #999;
    margin: 10px auto 60px;
    width: 980px
}

.modal-lotionset-20170221 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/product/index/popup_bg.png) 50% no-repeat;
    background-size: cover;
    overflow-y: auto;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 1000
}

.modal-lotionset-20170221 .modal-closer {
    position: fixed;
    width: 868px;
    text-align: right;
    cursor: pointer
}

.modal-lotionset-20170221 .modal-closer:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .7
}

.modal-lotionset-20170221 .popup_ec_inner {
    position: fixed;
    background: #fff;
    width: 868px;
    padding: 0 0 0 8px;
    border-radius: 6px
}

.modal-lotionset-20170221 .popup_ec_inner:after {
    content: "";
    display: block;
    clear: both
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec {
    float: left;
    width: 33%;
    height: 132px;
    position: relative;
    text-align: left;
    background: #fff!important;
    border-right: 1px solid #bfbfbf
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec:after,
.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec a:after {
    content: "";
    display: block
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec:after {
    width: 14px;
    padding: 14px 0 0;
    margin: 56px 0 0 250px;
    background: url(img/components/popup_ec/icn_arrow.png) no-repeat 0 0;
    background-size: 14px auto
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .img {
    float: left;
    margin: 20px 20px 0
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text {
    width: 200px;
    float: left;
    padding-top: 14px
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .categoly-bihaku,
.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .categoly-haritsuya,
.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .categoly-tsurutsuru {
    font-size: 17px;
    margin-bottom: 4px
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .categoly-tsurutsuru {
    color: #b20a2d
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .categoly-bihaku {
    color: #0a37a5
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .categoly-haritsuya {
    color: #fa9f00
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .name {
    font-size: 12px;
    margin-bottom: 10px
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .btn {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    background: url(img/components/popup_ec/txt_watashi-plus.png) no-repeat 0 0;
    background-size: 54px auto;
    padding: 4px 0 0 60px
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec .text .btn a {
    color: #000;
    white-space: nowrap;
    text-decoration: none
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec:last-child {
    border-right: none
}

.modal-lotionset-20170221 .popup_ec_inner .list_ec .item_ec a {
    display: block
}

.tester {
    position: relative;
    width: 812px;
    height: 158px;
    border-radius: 8px;
    margin: 40px auto 100px
}

.tester .headline {
    position: absolute;
    top: 33px;
    left: 32px
}

.tester .annotation {
    position: absolute;
    top: 118px;
    left: 32px
}

.tester .result-r {
    position: absolute;
    top: 24px;
    left: 340px
}

.tester .result-y {
    position: absolute;
    top: 24px;
    left: 362px
}

.tester .result-b {
    position: absolute;
    top: 24px;
    left: 360px
}

.tester .subheads {
    position: absolute;
    top: 48px;
    left: 498px
}

.tester .btn {
    position: absolute;
    top: 78px;
    left: 505.5px;
    font-size: 12px;
    text-align: center;
    background-color: #fff
}

.tester .btn a {
    display: block;
    white-space: nowrap;
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    text-decoration: none
}

.page-product-bihaku .tester {
    background: #dff2fb
}

.page-product-bihaku .tester .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 252px;
    color: #0a37a5;
    border: 1px solid #0a37a5
}

.page-product-bihaku .tester .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.page-product-bihaku .tester .btn a:before {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 10px;
    width: 19px;
    height: 16px;
    background: url(img/product/bihaku/popup_btn.png) no-repeat;
    background-size: 14px 14px
}

.page-product-haritsuya .tester {
    background: #fff3d3
}

.page-product-haritsuya .tester .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 252px;
    color: #fa9f00;
    border: 1px solid #fa9f00
}

.page-product-haritsuya .tester .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.page-product-haritsuya .tester .btn a:before {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 10px;
    width: 19px;
    height: 16px;
    background: url(img/product/haritsuya/popup_btn.png) no-repeat;
    background-size: 14px 14px
}

.page-product-tsurutsuru .tester {
    background: #fae2e8
}

.page-product-tsurutsuru .tester .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 252px;
    color: #b20a2d;
    border: 1px solid #b20a2d
}

.page-product-tsurutsuru .tester .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

.page-product-tsurutsuru .tester .btn a:before {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 10px;
    width: 19px;
    height: 16px;
    background: url(img/product/tsurutsuru/popup_btn.png) no-repeat;
    background-size: 14px 14px
}

.modal-tester {
    display: none;
    width: 100%;
    height: 100%;
    background: url(img/product/index/popup_bg.png) no-repeat;
    background-size: 3200px auto;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.modal-tester .modal-closer {
    position: fixed;
    text-align: right;
    width: 700px;
    z-index: 200;
    cursor: pointer
}

.modal-tester .modal-closer:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .7
}

.modal-tester .inner {
    clear: both;
    position: fixed;
    width: 700px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 60px 0;
    z-index: 200
}

.modal-tester .inner h2 img {
    border-bottom: 2px solid #999;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.modal-tester .inner h3 {
    margin: 0 20px
}

.modal-tester .inner .center {
    text-align: center
}

.modal-tester .inner .list {
    width: 660px;
    margin: 50px auto
}

.modal-tester .inner .list .benefit {
    margin: 15px 0 10px
}

.modal-tester .inner .list .contents {
    float: left;
    margin: 0 0 0 15px
}

.modal-tester .inner .list .contents-l {
    float: left;
    width: 180px;
    margin: 0 0 0 15px
}

.modal-counseling {
    display: none;
    position: fixed;
    z-index: 100000;
    opacity: 0
}

.counseling-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    border-bottom: 1px solid #f8f8f8;
    text-align: center
}

.counseling-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow-y: scroll;
    width: 100%;
    height: 100%
}

.counseling-container::-webkit-scrollbar {
    display: none
}

.counseling-body {
    padding: 0 5% 5%
}

.counseling-body [class^=comment] {
    position: relative;
    padding: 0 9%;
    text-align: left
}

.counseling-body [class^=comment] span {
    display: inline-block;
    min-height: 32px;
    margin: 0 0 10px;
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #fff;
    line-height: 1.25;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
    vertical-align: middle
}

.counseling-body [class^=comment] [class^=icon-] {
    position: absolute;
    top: 1px;
    left: -10px;
    width: 32px
}

.counseling-body [class^=comment] .icon-avatar {
    background: url(img/components/counseling/counseling_icon_woman.png) no-repeat;
    background-size: 100%
}

.counseling-body .comment-question {
    margin: 0 0 24px;
    font-weight: 700
}

.counseling-body .comment-user {
    margin: 9px 0 31px;
    padding: 0;
    text-align: right
}

.counseling-body .comment-user span {
    background: #2fccce;
    color: #fff
}

.counseling-body .choices {
    text-align: right
}

.counseling-body .choices li span {
    position: relative;
    display: inline-block;
    width: 161px;
    margin: 0 0 8px;
    padding: 0 0 0 35px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #2fccce;
    box-shadow: 0 2px 0 0 #23b6b8;
    color: #fff;
    line-height: 40px;
    text-align: left
}

.counseling-body .choices li span:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 14px;
    width: 17px;
    height: 14px;
    margin: -7px 0 0;
    background: url(img/components/counseling/counseling_answer_checkbox.png) no-repeat 50%;
    background-size: 17px 14px
}

.counseling-body .choices .active span:before {
    background: url(img/components/counseling/counseling_answer_checked.png) no-repeat 50%;
    background-size: 17px 14px
}

.counseling-body .choices .passive {
    opacity: .5
}

.counseling-body [class^=stamp-] {
    margin: 0 0 41px
}

.counseling-body .stamp-1 {
    width: 257px
}

.counseling-body .stamp-2 {
    width: 224px
}

.counseling-body .stamp-3 {
    width: 245px
}

.counseling-body .stamp-4 {
    width: 263px
}

.counseling-body .stamp-5 {
    width: 242px
}

.counseling-body [class^=result-] {
    position: relative;
    max-width: 339px;
    margin: 24px 0 32px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #f2f2f2;
    box-shadow: -1px 4px 0 0 rgba(0, 0, 0, .05);
    text-align: center
}

.counseling-body [class^=result-]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 161px;
    height: 42px;
    margin: -8px 0 0 -80px;
    background: url(img/components/counseling/counseling_result_clip.png) no-repeat;
    background-size: 100%
}

.counseling-body [class^=result-] .inner {
    padding: 0 0 41px;
    border-radius: 2px;
    background: #fff;
    box-shadow: -1px 2px 0 0 rgba(0, 0, 0, .05)
}

.counseling-body [class^=result-] .inner:after {
    content: "";
    display: block;
    clear: both
}

.counseling-body [class^=result-] .headline {
    width: 25%;
    padding: 18px 0 0 8px
}

.counseling-body [class^=result-] .illust,
.counseling-body [class^=result-] .subheads {
    float: left
}

.counseling-body [class^=result-] .circle {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    border-radius: 50%
}

.counseling-body .groups:after {
    content: "";
    display: block;
    clear: both
}

.counseling-body .groups>div {
    float: left
}

.counseling-body .groups .num,
.counseling-body .groups .voice {
    margin: 0 auto
}

.counseling-body .groups .pictgrams {
    position: relative;
    z-index: 1
}

.counseling-body .groups .pictgrams span {
    display: inline-block
}

.counseling-body .group-yes {
    width: 44%;
    height: 164px
}

.counseling-body .group-yes .num {
    margin-bottom: 13px
}

.counseling-body .group-yes .voice {
    width: 81%;
    margin-bottom: 10px
}

.counseling-body .group-yes .pictgrams {
    margin: 0 0 0 -15px
}

.counseling-body .group-yes .pictgrams span {
    width: 29px;
    height: 59px;
    margin: 0 -15px 0 0
}

.counseling-body .group-yes .pictgrams .pict00 {
    background: url(img/components/counseling/counseling_result_pict_yes_00.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-yes .pictgrams .pict02 {
    background: url(img/components/counseling/counseling_result_pict_yes_02.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-yes .pictgrams .pict06 {
    background: url(img/components/counseling/counseling_result_pict_yes_06.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-yes .pictgrams .pict08 {
    background: url(img/components/counseling/counseling_result_pict_yes_08.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-yes .circle {
    background: #2fccce
}

.counseling-body .group-neither {
    width: 20%;
    margin: 20px 0 0
}

.counseling-body .group-neither .num {
    margin-bottom: 10px
}

.counseling-body .group-neither .voice {
    width: 100%;
    margin-bottom: 11px
}

.counseling-body .group-neither .pictgrams {
    margin: 0 0 0 -9px
}

.counseling-body .group-neither .pictgrams span {
    width: 18px;
    height: 41px;
    margin: 6px -9px 0 0
}

.counseling-body .group-neither .pictgrams .pict00 {
    background: url(img/components/counseling/counseling_result_pict_neither_00.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-neither .pictgrams .pict01 {
    background: url(img/components/counseling/counseling_result_pict_neither_01.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-neither .pictgrams .pict02 {
    background: url(img/components/counseling/counseling_result_pict_neither_02.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-neither .pictgrams .pict04 {
    background: url(img/components/counseling/counseling_result_pict_neither_04.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-neither .circle {
    background: #a0a0a0
}

.counseling-body .group-no {
    width: 22%;
    margin: 38px 0 0
}

.counseling-body .group-no .num {
    margin-bottom: 10px
}

.counseling-body .group-no .voice {
    width: 100%;
    margin-bottom: 8px
}

.counseling-body .group-no .pictgrams {
    margin: 0 0 0 -7px
}

.counseling-body .group-no .pictgrams span {
    width: 15px;
    height: 32px;
    margin: 3px -7px 0 0
}

.counseling-body .group-no .pictgrams .pict00 {
    background: url(img/components/counseling/counseling_result_pict_no_00.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-no .pictgrams .pict07 {
    background: url(img/components/counseling/counseling_result_pict_no_07.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-no .pictgrams .pict08 {
    background: url(img/components/counseling/counseling_result_pict_no_08.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-no .pictgrams .pict09 {
    background: url(img/components/counseling/counseling_result_pict_no_09.png) no-repeat;
    background-size: 100%
}

.counseling-body .group-no .circle {
    background: #c5c5c5
}

.counseling-body .result-1 .subheads {
    width: 39%;
    margin: 28px 0 0 15px
}

.counseling-body .result-1 .illust {
    width: 49%;
    margin: -30px 0 -8px
}

.counseling-body .result-1 .group-yes {
    margin-left: 14px
}

.counseling-body .result-1 .group-yes .num {
    width: 55px
}

.counseling-body .result-1 .group-yes .circle {
    width: 99%;
    max-width: 140px;
    height: 32px;
    margin-top: -16px
}

.counseling-body .result-1 .group-neither {
    margin-left: 13px
}

.counseling-body .result-1 .group-neither .num {
    width: 43px
}

.counseling-body .result-1 .group-neither .circle {
    width: 78%;
    max-width: 50px;
    height: 13px;
    margin-top: -12px
}

.counseling-body .result-1 .group-no {
    margin-left: 4px
}

.counseling-body .result-1 .group-no .num {
    width: 39px
}

.counseling-body .result-1 .group-no .circle {
    width: 45%;
    max-width: 32px;
    height: 8px;
    margin-top: -7px
}

.counseling-body .result-2 .subheads {
    width: 48%;
    margin: 25px -28px 0 25px
}

.counseling-body .result-2 .illust {
    width: 45%;
    margin: -48px 0 7px
}

.counseling-body .result-2 .group-yes {
    margin-left: 15px
}

.counseling-body .result-2 .group-yes .num {
    width: 55px
}

.counseling-body .result-2 .group-yes .circle {
    width: 92%;
    max-width: 130px;
    height: 32px;
    margin-top: -16px
}

.counseling-body .result-2 .group-neither {
    margin-left: 14px
}

.counseling-body .result-2 .group-neither .num {
    width: 43px
}

.counseling-body .result-2 .group-neither .circle {
    width: 94%;
    max-width: 60px;
    height: 15px;
    margin-top: -12px
}

.counseling-body .result-2 .group-no {
    margin-top: 32px;
    margin-left: 4px
}

.counseling-body .result-2 .group-no .num {
    width: 43px
}

.counseling-body .result-2 .group-no .circle {
    width: 54%;
    max-width: 38px;
    height: 10px;
    margin-top: -7px
}

.counseling-body .result-3 .subheads {
    width: 43%;
    margin: 26px 0 0 24px
}

.counseling-body .result-3 .illust {
    width: 45%;
    margin: -44px 0 14px
}

.counseling-body .result-3 .group-yes {
    margin-left: 15px
}

.counseling-body .result-3 .group-yes .num {
    width: 55px
}

.counseling-body .result-3 .group-yes .circle {
    width: 92%;
    max-width: 130px;
    height: 32px;
    margin-top: -16px
}

.counseling-body .result-3 .group-neither {
    margin-left: 14px
}

.counseling-body .result-3 .group-neither .num {
    width: 43px
}

.counseling-body .result-3 .group-neither .circle {
    width: 94%;
    max-width: 60px;
    height: 15px;
    margin-top: -12px
}

.counseling-body .result-3 .group-no {
    margin-top: 32px;
    margin-left: 4px
}

.counseling-body .result-3 .group-no .num {
    width: 43px
}

.counseling-body .result-3 .group-no .circle {
    width: 54%;
    max-width: 38px;
    height: 10px;
    margin-top: -7px
}

.counseling-body .result-4 .subheads {
    width: 42%;
    margin: 28px 8px 0 21px
}

.counseling-body .result-4 .illust {
    width: 46%;
    margin: -40px 0 0
}

.counseling-body .result-4 .group-yes {
    margin-left: 15px
}

.counseling-body .result-4 .group-yes .num {
    width: 55px
}

.counseling-body .result-4 .group-yes .circle {
    width: 92%;
    max-width: 130px;
    height: 32px;
    margin-top: -16px
}

.counseling-body .result-4 .group-neither {
    margin-left: 14px
}

.counseling-body .result-4 .group-neither .num {
    width: 43px
}

.counseling-body .result-4 .group-neither .circle {
    width: 94%;
    max-width: 60px;
    height: 15px;
    margin-top: -12px
}

.counseling-body .result-4 .group-no {
    margin-top: 32px;
    margin-left: 4px
}

.counseling-body .result-4 .group-no .num {
    width: 43px
}

.counseling-body .result-4 .group-no .circle {
    width: 54%;
    width: 38px;
    height: 10px;
    margin-top: -7px
}

.counseling-body .result-5 .subheads {
    width: 37%;
    margin: 28px 0 0 22px
}

.counseling-body .result-5 .illust {
    width: 49%;
    margin: -52px 0 22px
}

.counseling-body .result-5 .forties .generation,
.counseling-body .result-5 .thirties .generation,
.counseling-body .result-5 .twenties .generation {
    width: 113px;
    margin: 27px auto 8px
}

.counseling-body .result-5 .forties .first,
.counseling-body .result-5 .thirties .first,
.counseling-body .result-5 .twenties .first {
    margin: 0 0 10px 43px
}

.counseling-body .result-5 .forties .second,
.counseling-body .result-5 .thirties .second,
.counseling-body .result-5 .twenties .second {
    margin: 0 0 10px 46px
}

.counseling-body .result-5 .forties .third,
.counseling-body .result-5 .thirties .third,
.counseling-body .result-5 .twenties .third {
    margin: 0 0 26px 46px
}

.counseling-body .result-5 .twenties .first {
    width: 72%
}

.counseling-body .result-5 .twenties .second {
    width: 35%
}

.counseling-body .result-5 .twenties .third {
    width: 51%
}

.counseling-body .result-5 .thirties .first {
    width: 72%
}

.counseling-body .result-5 .thirties .second {
    width: 35%
}

.counseling-body .result-5 .thirties .third {
    width: 51%
}

.counseling-body .result-5 .forties .first {
    width: 39%
}

.counseling-body .result-5 .forties .second {
    width: 63%
}

.counseling-body .result-5 .forties .third {
    width: 59%
}

.counseling-body .result-5 .third:last-of-type {
    margin-bottom: 0
}

.counseling-body .comment-last {
    height: 48px
}

.btn-result {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #2fccce;
    text-align: center
}

.btn-result a {
    display: block;
    color: #fff
}

.btn-result img {
    vertical-align: middle
}

.counseling {
    min-width: 980px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 140px 0 8px;
    background: url(img/components/counseling/main_bg.jpg) no-repeat top;
    background-size: cover;
    margin-bottom: 2px
}

.counseling .inner {
    width: 868px;
    margin: 0 auto
}

.counseling .inner:after {
    content: "";
    display: block;
    clear: both
}

.counseling .text {
    float: left;
    width: 390px
}

.counseling .text .headline {
    width: 305px;
    margin: 0 auto 43px
}

.counseling .text .bodycopy {
    width: 384px;
    padding: 34px 0 35px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    text-align: center
}

.counseling .text .caption {
    margin: 58px 0 0;
    color: #999;
    font-size: 10px
}

.counseling .image {
    width: 489px;
    float: right;
    margin: 0 -15px 0 0
}

.counseling .image .btn {
    width: 375px;
    height: 48px;
    margin: 0 auto;
    border-radius: 5px;
    background: #2fccce;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.modal-counseling {
    top: 10%;
    left: 50%;
    width: 644px;
    height: 80%;
    margin: 0 0 0 -322px;
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: 0 10px 40px 0 rgba(14, 114, 115, .6);
    box-sizing: border-box;
    background: url(img/components/counseling/counseling_bg.jpg) no-repeat;
    background-size: cover;
    -webkit-transition: all .5s;
    transition: all .5s
}

.modal-counseling.is-active {
    opacity: 1
}

.counseling-header {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1;
    width: 644px;
    height: 75px;
    margin: 0 0 0 -322px;
    padding: 18px 0 0;
    border: 1px solid #dadada;
    border-radius: 4px 4px 0 0;
    background: #fff
}

.counseling-header .close {
    position: absolute;
    top: 27px;
    right: 26px
}

.counseling-body {
    position: relative;
    z-index: 0;
    padding: 100px 27px 27px
}

.counseling-body [class^=comment] {
    padding: 0 290px 0 40px
}

.counseling-body [class^=comment] [class^=icon-] {
    position: absolute;
    top: 1px;
    left: 0;
    width: 32px
}

.counseling-body .comment-user {
    padding: 0
}

.counseling-body .choices {
    width: 100%
}

.counseling-body .choices:after {
    content: "";
    display: block;
    clear: both
}

.counseling-body .choices li {
    width: 32%;
    float: left;
    margin: 0 2% 0 0
}

.counseling-body .choices li:last-of-type {
    margin: 0
}

.counseling-body .choices li span {
    width: 100%;
    padding: 38px 0 17px;
    text-align: center;
    line-height: 14px
}

.counseling-body .choices li span:before {
    top: 15px;
    left: 50%;
    width: 17px;
    height: 14px;
    margin: 0 0 0 -8px;
    background: url(img/components/counseling/counseling_answer_checkbox.png) no-repeat 50%;
    background-size: 17px 14px
}

.counseling-body .choices:nth-of-type(5) li {
    width: 19%;
    margin: 0 0 0 1%;
    letter-spacing: .5px
}

.counseling-body .choices:nth-of-type(5) li span {
    width: 100%
}

.groups .pictgrams {
    text-align: center
}

.btn-result {
    border-radius: 0 0 4px 4px;
    line-height: 60px
}

.btn-result a {
    text-decoration: none
}

.btn-result img {
    width: 116px;
    margin: 0 0 0 10px
}

.mask-counseling {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 139, 141, .6);
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.mask-counseling.is-active {
    opacity: 1
}

#header {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    background: #fff
}

#header .transparent {
    opacity: .5
}

#header .container {
    width: 980px;
    height: 100%;
    margin: 0 auto;
    background-color: #fff
}

#header .container:after {
    content: "";
    display: block;
    clear: both
}

#header .container .roof {
    width: 100%;
    height: 72px
}

#header .container .logo {
    float: left;
    padding: 21px 21px 0 0
}

#header .container ul {
    float: left;
    margin-top: 24px
}

#header .container ul:after {
    content: "";
    display: block;
    clear: both
}

#header .container ul li {
    float: left;
    margin-right: 17px
}

#header .container ul li a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

#header .container ul li:nth-child(5) {
    margin: -5px 0 0 3px
}

#header .container .area_banner {
    float: right;
    margin: 19px 0 0
}

#header .container .area_banner:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

#header .container .area_banner_02 {
    float: right;
    margin: 19px 6px 0 0
}

#header .container .area_banner_02:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

#header .wrapper-header-lineup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 169px;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    overflow: hidden;
    background: url(img/components/header/wave_header.png) 0 100% repeat-x;
    background-size: 1300px 170px;
    -webkit-animation: a infinite linear 250s normal;
    animation: a infinite linear 250s normal
}

#header .wrapper-header-lineup .linup-container {
    width: 980px;
    height: auto;
    margin: 0 auto
}

#header .wrapper-header-lineup .header_lineup {
    width: 100%;
    height: 54px;
    margin: 65px 0 0 155px;
    padding-bottom: 28px;
    opacity: 0
}

#header .wrapper-header-lineup .header_lineup ul {
    float: left
}

#header .wrapper-header-lineup .header_lineup ul:after {
    content: "";
    display: block;
    clear: both
}

#header .wrapper-header-lineup .header_lineup ul li {
    float: left;
    margin-right: 0;
    padding-right: 24px
}

#header .wrapper-header-lineup .header_lineup ul li:last-child {
    margin-right: 0;
    padding-right: 0
}

#footer {
    padding: 24px 0 20px
}

.anchor,
.modal-closer,
.modal-opener {
    cursor: pointer
}

.movie-cm {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: url(img/product/index/popup_bg.png) no-repeat;
    background-size: 3200px auto;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.movie-cm .movie-closer {
    position: fixed;
    right: 40px;
    top: 40px;
    z-index: 500;
    cursor: pointer
}

.movie-cm .movie-closer:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .7
}

.movie-cm .container-yutube {
    position: relative;
    z-index: 200
}

.movie-cm .container-yutube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}

#footer {
    background: #fff!important;
    z-index: 500!important
}

section.page-index .first-movie {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: url(img/index/bg_movie.jpg) 50% no-repeat
}

section.page-index .first-movie .container #movie {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 1280px;
    width: 100%
}

section.page-index figure {
    margin: 0
}

section.page-index .slideshow li {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 980px;
    min-height: 620px;
    height: 100%
}

section.page-index .slide02 {
    background: url(img/index/bg_mainvisual_aw.jpg) top no-repeat;
    background-size: cover
}

section.page-index .slide01 {
    background: url(img/index/bg_mainvisual.jpg) top no-repeat;
    background-size: cover;
    cursor: pointer
}

section.page-index .slide03 {
    background: url(img/index/bg_mainvisual3.jpg) top no-repeat;
    background-size: cover;
    cursor: pointer;
}

section.page-index .mainvisual {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    opacity: 1;
    min-width: 980px;
    min-height: 620px;
    height: 100%
}

section.page-index .mainvisual .wrapper-outer {
    position: relative;
    width: 980px;
    height: 80%;
    margin: 0 auto;
    z-index: 1000;
}

section.page-index .mainvisual .banner_special {
    position: absolute;
    top: -1px;
    right: 30px;
    z-index: 5
}

section.page-index .mainvisual .banner_special:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-index .mainvisual .wrapper {
    cursor: pointer;
    position: absolute;
    display: none;
    top: 14%;
    left: 0;
    width: 980px;
    height: 100%;
    z-index: 1000;
}

section.page-index .mainvisual .wrapper .aw_allinome {
    top: calc((100% - 620px)*1/2)!important;
    right: 73px!important
}

section.page-index .mainvisual .wrapper .container {
    position: absolute;
    top: calc((100% - 620px)*1/2);
    right: 80px;
    text-align: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-height:800px) {
    section.page-index .mainvisual .wrapper .container {
        -webkit-transform: scale(1.17);
        -ms-transform: scale(1.17);
        transform: scale(1.17)
    }
}

@media screen and (max-width:1124px) {
    section.page-index .mainvisual .wrapper .container {
        right: 120px;
        -webkit-transform: scale(.96);
        -ms-transform: scale(.96);
        transform: scale(.96)
    }
}

@media screen and (min-height:1000px) {
    section.page-index .mainvisual .wrapper .container {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }
}

section.page-index .mainvisual .wrapper .container .logo {
    padding: 25px 0 20px
}

section.page-index .mainvisual .wrapper .container .title {
    margin-bottom: 12px
}

section.page-index .mainvisual .wrapper .container .title_aw {
    margin-bottom: 30px
}

section.page-index .mainvisual .wrapper .container .label_aw {
    margin-bottom: 24px
}

section.page-index .mainvisual .wrapper .container .product_aw {
    position: relative
}

section.page-index .mainvisual .wrapper .container .product_aw .new_icon_aw {
    position: absolute;
    top: 36px;
    right: -45px
}
section.page-index .mainvisual .wrapper .container .products {
    position: relative;
    padding: 16px 0 23px
}

section.page-index .mainvisual .wrapper .container .products .icon-box {
    position: absolute;
    right: -110px;
    top: 68px;
    width: 217px;
    text-align: center
}

section.page-index .mainvisual .wrapper .container .products .icon-box .icon {
    width: 108px;
    margin: 0 32px 14px 0
}

section.page-index .mainvisual .wrapper .container .products .icon-box figcaption {
    width: 177px;
    margin-left: 12px
}

section.page-index .mainvisual .shortcut {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 170px;
    background: url(img/index/wave_mainvisual.png) 0 0 repeat-x;
    background-size: 1300px 170px;
    -webkit-transform: translateY(48px);
    -ms-transform: translateY(48px);
    transform: translateY(48px);
    -webkit-animation: a infinite linear 300s normal;
    animation: a infinite linear 300s normal;
    z-index: 1000;
}

@-webkit-keyframes a {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -80000px 0
    }
}

@keyframes a {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -80000px 0
    }
}

section.page-index .mainvisual .shortcut .transparent {
    opacity: .5
}

section.page-index .mainvisual .shortcut .container {
    width: 980px;
    height: 100%;
    margin: 0 auto
}

section.page-index .mainvisual .shortcut ul {
    z-index: 500;
    margin-bottom: 13px
}

section.page-index .mainvisual .shortcut ul:after {
    content: "";
    display: block;
    clear: both
}

section.page-index .mainvisual .shortcut ul:last-child {
    margin-bottom: 0
}

section.page-index .mainvisual .shortcut ul.lineup {
    margin-right: 32px
}

section.page-index .mainvisual .shortcut ul.lineup:last-child {
    margin-right: 0
}

section.page-index .mainvisual .shortcut ul li {
    float: left;
    padding-right: 21px
}

section.page-index .mainvisual .shortcut ul li:last-child {
    padding-right: 0
}

section.page-index .mainvisual .shortcut ul img.special_banner {
    margin-top: -4px;
    margin-left: -3px
}

section.page-index .wrapper-parallax {
    position: relative;
    z-index: 50
}

section.page-index .baby-amino-acid {
    width: 100%;
    min-width: 980px;
    height: 580px;
    background: url(img/index/bg_baby_amino_acid.jpg) top no-repeat;
    background-size: cover
}

section.page-index .baby-amino-acid .container {
    position: relative;
    width: 980px;
    height: 100%;
    margin: 0 auto
}

section.page-index .baby-amino-acid .container:after {
    content: "";
    display: block;
    clear: both
}

section.page-index .baby-amino-acid .container .baby-amino-acid-icon {
    float: left;
    margin-left: -20px;
    padding: 177px 0 0
}

section.page-index .baby-amino-acid .container .text-box {
    position: absolute;
    left: 50%;
    margin-left: -177px;
    white-space: nowrap;
    font-weight: 100;
    letter-spacing: 2px
}

section.page-index .baby-amino-acid .container .text-box .heading {
    padding: 94px 0 32px
}

section.page-index .baby-amino-acid .container .text-box .about-baby-amino-acid {
    font-size: 17px;
    line-height: 48px;
    color: #fff
}

section.page-index .baby-amino-acid .container .text-box .about-baby-amino-acid strong {
    display: inline;
    position: relative;
    z-index: 10;
    font-weight: 900
}

section.page-index .baby-amino-acid .container .text-box .about-baby-amino-acid strong:after {
    content: "";
    position: absolute;
    top: 4px;
    left: -2px;
    z-index: -1;
    width: calc(100% + 2px);
    height: 3px;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    background-color: #81cef7
}

section.page-index .baby-amino-acid .container .text-box .detail-link {
    margin: 30px 0 24px
}

section.page-index .baby-amino-acid .container .text-box .detail-link a {
    font-size: 15px;
    display: inline;
    position: relative;
    color: #fff;
    line-height: 24px;
    text-decoration: none
}

section.page-index .baby-amino-acid .container .text-box .detail-link a:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 98%;
    height: 1px;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    background-color: #fff
}

section.page-index .baby-amino-acid .container .text-box .detail-link a:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -22px;
    width: 17px;
    height: 14px;
    background: url(img/index/icon_arrow.png) 50% no-repeat;
    background-size: contain
}

section.page-index .baby-amino-acid .container .text-box .notice {
    font-size: 10px;
    color: #ccc
}

section.page-index .wrapper-components {
    background-color: #fff
}


section.page-index .baby-amino-acid {
    height: 630px;
    margin: 0 auto;
    background: url(img/about/baby_amino_acid_bg_large.jpg) no-repeat top;
    background-size: cover
}

section.page-index .baby-amino-acid .inside {
    position: relative;
    text-align: center;
    width: 980px;
    height: 510px;
    padding-top: 90px;
    margin: 0 auto
}

section.page-index .baby-amino-acid .inside .lead {
    text-align: center;
    margin-bottom: 24px
}

section.page-index .baby-amino-acid .inside .headline {
    text-align: center;
    margin-bottom: 56px
}

section.page-index .baby-amino-acid .inside ul.txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

section.page-index .baby-amino-acid .inside ul.txt li:first-child {
    position: absolute;
    top: 181px;
    right: 147px
}

section.page-index .baby-amino-acid .inside ul.txt li:nth-child(2) {
    position: absolute;
    bottom: 6px;
    right: 138px
}

section.page-index .baby-amino-acid .inside ul.txt li:nth-child(3) {
    position: absolute;
    bottom: 50px;
    left: 174px
}

section.page-index .baby-amino-acid .inside ul.txt li:nth-child(4) {
    position: absolute;
    top: 178px;
    left: 112px
}

section.page-index .baby-amino-acid .inside .detail-link {
    margin: 60px 0 24px
}

section.page-index .baby-amino-acid .inside .detail-link a {
    font-weight: 700;
    font-size: 15px;
    display: inline;
    position: relative;
    color: #000;
    line-height: 24px;
    text-decoration: none
}

section.page-index .baby-amino-acid .inside .detail-link a:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 98%;
    height: 1px;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    background-color: #000
}

section.page-index .baby-amino-acid .inside .detail-link a:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -22px;
    width: 17px;
    height: 14px;
    background: url(img/product/index/icon_anchor_style_text.png) 0 0 no-repeat;
    background-size: 16px 14px
}

section.page-index .baby-amino-acid .annotation {
    color: #777;
    font-size: 10px;
    width: 980px;
    margin: 0 auto;
    text-align: left
}

section.page-index .lineup_allinone {
    clear: both;
    background: url(img/index/lineup_allinone_bg.jpg) top no-repeat;
    background-size: 1400px auto;
    padding: 40px 0 20px
}

section.page-index .lineup_allinone .title {
    text-align: center;
    margin-bottom: 40px
}

section.page-index .lineup_allinone .box {
    position: relative;
    width: 980px;
    height: 240px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6);
    margin: 0 auto 80px
}

section.page-index .lineup_allinone .box .img {
    float: left;
    margin: 24px 0 0 60px
}

section.page-index .lineup_allinone .box .text-box {
    /* float: right; */
    position: absolute;
    width: 282px;
    /* margin: 44px 0 0 0; */
    right: 100px;
    top: 44px;
}

section.page-index .lineup_allinone .box .text-box .product_name {
    text-align: center;
    margin: 40px 0
}

section.page-index .lineup_allinone .box .text-box .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #8d208c
}

section.page-index .lineup_allinone .box .text-box .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-index .lineup_allinone .box .text-box .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

/*section.page-uruoi {
    margin: 80px auto 0;
    padding-top: 50px;
    max-width: 1600px;
    min-width: 980px;
    background: url(img/uruoi/bg_introduction.jpg) no-repeat;
    background-size: 1600px auto;
    background-position: center -64px
}

section.page-uruoi .mainvisual {
    position: relative;
    margin: 20px auto 0;
    padding: 80px 0 68px;
    max-width: 980px;
    width: 100%;
    background: url(img/uruoi/img_main.png) no-repeat;
    background-size: 100% auto
}

section.page-uruoi .mainvisual .headline {
    margin: 0 auto;
    width: 400px
}

section.page-uruoi .mainvisual .subheads {
    margin: 49px auto 0;
    width: 403px
}

section.page-uruoi .mainvisual .annotation {
    margin-top: 40px;
    color: #777;
    font-size: 10px;
    text-align: center
}

section.page-uruoi .mainvisual .icon {
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -120px;
    width: 278px
}

section.page-uruoi .introduction {
    margin-top: 74px
}

section.page-uruoi .introduction .issue .subheads {
    margin: 0 auto;
    width: 367px
}

section.page-uruoi .introduction .issue .headline {
    margin: 30px auto 0;
    width: 656px
}

section.page-uruoi .introduction .issue ul {
    margin: 50px auto 0;
    width: 688px
}

section.page-uruoi .introduction .issue ul:after {
    content: "";
    display: block;
    clear: both
}

section.page-uruoi .introduction .issue ul li {
    float: left;
    width: 308px
}

section.page-uruoi .introduction .issue ul li:first-child {
    margin-right: 72px
}

section.page-uruoi .introduction .issue .dot {
    margin: 40px auto 0;
    padding-top: 49px;
    width: 9px;
    background: url(img/uruoi/img_dot1.png) no-repeat;
    background-size: 100% auto
}

section.page-uruoi .introduction .cause {
    margin-top: 48px
}

section.page-uruoi .introduction .cause .headline {
    margin: 0 auto;
    width: 515px
}

section.page-uruoi .introduction .cause .text {
    margin-top: 45px;
    font-size: 16px;
    line-height: 3;
    letter-spacing: 5px;
    text-align: center
}

section.page-uruoi .introduction .cause .image {
    position: relative;
    margin: 45px auto 0;
    padding-top: 50px;
    width: 645px;
    border: 1px solid #e7b2a8;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1
}

section.page-uruoi .introduction .cause .image .subheads {
    position: absolute;
    top: 32px;
    width: 643px;
    color: #e7b2a8;
    font-size: 16px;
    letter-spacing: 5px;
    font-weight: 400;
    text-align: center
}

section.page-uruoi .introduction .cause .annotation {
    width: 645px;
    margin: 8px auto 0;
    color: #777;
    font-size: 10px
}

section.page-uruoi .baby-amino {
    position: relative;
    margin-top: 352px
}

section.page-uruoi .baby-amino:before {
    content: "";
    position: absolute;
    top: -380px;
    max-width: 1600px;
    min-width: 980px;
    width: 100%;
    height: 1528px;
    background: url(img/uruoi/bg_baby_amino.jpg) no-repeat;
    background-size: 1600px auto;
    background-position: center 0;
    z-index: -10
}

section.page-uruoi .baby-amino .description .headline {
    position: relative;
    margin: 0 auto;
    width: 590px;
    z-index: 1
}

section.page-uruoi .baby-amino .description .subheads {
    position: relative;
    margin: 62px auto 0;
    width: 364px;
    z-index: 1
}

section.page-uruoi .baby-amino .description .text {
    position: relative;
    margin-top: 46px;
    font-size: 16px;
    line-height: 3;
    letter-spacing: 5px;
    text-align: center;
    z-index: 1
}

section.page-uruoi .baby-amino .description .text span {
    padding-bottom: 2px;
    font-weight: 700;
    background: -webkit-linear-gradient(transparent 60%, #c0e2f4 0) no-repeat;
    background: linear-gradient(transparent 60%, #c0e2f4 0) no-repeat;
    background-size: 99%
}

section.page-uruoi .baby-amino .description>.annotation {
    position: relative;
    margin-top: 29px;
    color: #777;
    font-size: 10px;
    text-align: center;
    z-index: 1
}

section.page-uruoi .baby-amino .description .image {
    position: relative;
    margin: 57px auto 0;
    padding: 20px 0 30px;
    width: 643px;
    border: 1px solid #e7b2a8;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1
}

section.page-uruoi .baby-amino .description .image .annotation {
    position: absolute;
    left: 20px;
    bottom: 9px;
    color: #777;
    font-size: 9px;
    white-space: nowrap
}

section.page-uruoi .baby-amino .medical-wrapper {
    position: relative;
    padding-bottom: 75px
}

section.page-uruoi .baby-amino .medical-wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    padding-top: 894px;
    max-width: 1600px;
    min-width: 980px;
    width: 100%;
    height: 894px;
    background: url(img/uruoi/bg_medical.jpg) no-repeat;
    background-size: 1600px 894px;
    background-position: bottom;
    z-index: 0
}

section.page-uruoi .baby-amino .medical-wrapper .medical {
    position: relative;
    margin: 60px auto 0;
    padding: 60px;
    width: 980px;
    background: hsla(0, 0%, 100%, .5);
    border: 1px solid #a3d7ec;
    border-radius: 10px;
    box-sizing: border-box;
    z-index: 1
}

section.page-uruoi .baby-amino .medical-wrapper .medical .headline {
    margin: 0 auto;
    width: 461px
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner {
    display: table;
    margin-top: 38px
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner:after {
    content: "";
    display: block;
    clear: both
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .information {
    display: table-cell;
    padding-right: 53px;
    vertical-align: middle
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .information .image {
    width: 140px
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .information .name {
    margin-top: 16px;
    color: #003493;
    font-size: 10px;
    line-height: 1.8;
    text-align: center
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .text-wrapper {
    display: table-cell;
    vertical-align: middle
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .text-wrapper .text {
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: 2px
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .text-wrapper .text span {
    padding-bottom: 2px;
    font-weight: 700;
    background: url(img/product/index/bg_text_highlight.png) 0 10px repeat-x;
    background-size: 10px 10px
}

section.page-uruoi .baby-amino .medical-wrapper .medical .medical-inner .text-wrapper .annotation {
    margin-top: 20px;
    color: #777;
    font-size: 10px
}

section.page-uruoi .social-proof {
    margin: 2px auto 0;
    max-width: 1600px;
    min-width: 980px;
    width: 100%;
    background: url(img/uruoi/bg_social_proof.jpg) no-repeat;
    background-size: 1600px auto;
    background-position: center 0
}

section.page-uruoi .social-proof .product {
    padding-top: 76px
}

section.page-uruoi .social-proof .product .headline {
    margin: 0 auto;
    width: 338px
}

section.page-uruoi .social-proof .product>.annotation {
    margin-top: 38px;
    color: #777;
    font-size: 10px;
    text-align: center
}

section.page-uruoi .social-proof .product .image {
    position: relative;
    margin: 36px auto 0;
    width: 732px
}

section.page-uruoi .social-proof .product .image .aql {
    margin: 0 auto;
    width: 240px
}

section.page-uruoi .social-proof .product .image .icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -85px;
    width: 195px
}

section.page-uruoi .social-proof .product .feeling {
    position: relative;
    margin: 45px auto 0;
    width: 628px
}

section.page-uruoi .social-proof .product .feeling .item {
    margin: 0 auto;
    padding: 19px 30px;
    background: #fff;
    border: 1px solid #cccccd;
    border-radius: 8px;
    box-sizing: border-box
}

section.page-uruoi .social-proof .product .feeling .graph {
    position: absolute;
    top: -60px;
    right: -80px;
    width: 106px
}

section.page-uruoi .social-proof .product .feeling .annotation {
    margin-top: 10px;
    color: #777;
    font-size: 10px;
    text-align: center
}

section.page-uruoi .social-proof .voice {
    margin: 71px 0 20px;
    padding-bottom: 70px;
    border-bottom: 1px solid #ccc
}

section.page-uruoi .social-proof .voice .headline {
    margin: 0 auto;
    width: 481px
}

section.page-uruoi .social-proof .voice ul {
    margin: 40px auto 0;
    width: 980px
}

section.page-uruoi .social-proof .voice ul:after {
    content: "";
    display: block;
    clear: both
}

section.page-uruoi .social-proof .voice ul li {
    float: left;
    margin-right: 27px
}

section.page-uruoi .social-proof .voice ul li:last-child {
    margin-right: 0
}

section.page-uruoi .social-proof .voice ul li .balloon {
    display: table;
    position: relative;
    padding: 24px;
    width: 308px;
    height: 150px;
    line-height: 1.8;
    background: #f0f9ff;
    border-radius: 10px;
    box-sizing: border-box
}

section.page-uruoi .social-proof .voice ul li .balloon:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -12px;
    padding-top: 11px;
    width: 24px;
    background: url(img/uruoi/img_balloon.png) no-repeat;
    background-size: 100% auto
}

section.page-uruoi .social-proof .voice ul li .balloon .text {
    display: table-cell;
    letter-spacing: 2px;
    vertical-align: middle;
    letter-spacing: 1px
}

section.page-uruoi .social-proof .voice ul li .balloon .text span {
    padding-bottom: 2px;
    font-weight: 700;
    background: url(img/product/index/bg_text_highlight.png) 0 10px repeat-x;
    background-size: 10px 10px
}

section.page-uruoi .social-proof .voice ul li .image {
    margin: 21px auto 0;
    width: 55px
}*/

section.page-cm .movie_wrapper {
    width: 100%;
    min-width: 980px;
    max-width: 1600px;
    height: 444px;
    margin: 0 auto;
    margin-top: 65px;
    padding: 82px 0;
    background: url(img/cm/bg.jpg) no-repeat top;
    background-size: 1600px auto
}

section.page-cm .movie_wrapper .headline {
    text-align: center
}

section.page-cm .movie_wrapper .wrapper {
    width: 980px;
    margin: 0 auto;
    padding: 47px 0 0
}

section.page-cm .movie_wrapper .wrapper .caption {
    padding: 0 0 18px;
    text-align: center
}

section.page-cm .movie_wrapper .wrapper .caption .title {
    font-size: 19px
}

section.page-cm .movie_wrapper .wrapper .caption .title h3 {
    position: relative;
    font-size: 19px;
    font-weight: 400;
    white-space: nowrap;
    display: inline-block
}

section.page-cm .movie_wrapper .wrapper .caption .title h3:after {
    content: "";
    display: block;
    width: 49px;
    height: 49px;
    position: absolute;
    top: -32px;
    right: -65px;
    background: url(img/cm/icn_new.png) no-repeat 100% 0;
    background-size: 49px
}

section.page-cm .movie_wrapper .wrapper .caption .title .tag {
    background-color: #000;
    margin: 0 18px 0 0;
    padding: 4px 10px;
    color: #fff;
    font-size: 15px
}

section.page-cm .movie_wrapper .wrapper .movie {
    width: 533px;
    padding: 0 224px
}

section.page-cm .movie_wrapper .wrapper .movie .movie-opener {
    display: inline-block;
    cursor: pointer
}

section.page-cm .movie_wrapper .wrapper .movie .movie-opener:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .7
}

section.page-renewal {
    max-width: 1400px;
    min-width: 980px;
    margin: 0 auto
}

section.page-renewal .annotation {
    font-size: 10px;
    color: #777
}

section.page-renewal .mainvisual {
    position: relative;
    height: 892px;
    background: url(img/renewal/mainvisual/bg.jpg) no-repeat top;
    background-size: 1400px auto;
    margin-bottom: 80px
}

section.page-renewal .mainvisual>.inner {
    position: relative;
    width: 980px;
    height: 892px;
    margin: 0 auto
}

section.page-renewal .mainvisual>.inner>.logo {
    opacity: 0;
    position: absolute;
    top: 50px;
    left: 413px;
    width: 153px
}

section.page-renewal .mainvisual>.inner>.headline {
    opacity: 0;
    position: absolute;
    top: 230px;
    left: 181px;
    width: 619px;
    margin: 0 auto 33px
}

section.page-renewal .mainvisual>.inner>.figure {
    opacity: 0;
    position: absolute;
    top: 302px;
    left: 366px;
    width: 249px;
    height: 248px;
    background: url(img/renewal/mainvisual/figure_02.png) no-repeat top;
    background-size: 100% auto;
    margin: 0 auto 32px
}

section.page-renewal .mainvisual>.inner>.subheads {
    opacity: 0;
    position: absolute;
    top: 588px;
    left: 235px;
    width: 506px;
    margin: 0 auto 58px
}

section.page-renewal .mainvisual>.inner .new-release {
    opacity: 0;
    position: absolute;
    top: 425px;
    right: 52px;
    width: 190px
}

section.page-renewal .mainvisual>.inner .skin {
    opacity: 0;
    position: absolute;
    top: 670px;
    left: 0;
    width: 980px;
    height: 206px;
    background: url(img/renewal/skin/bg.png) no-repeat top;
    background-size: 100% auto;
    margin: 0 auto
}

section.page-renewal .mainvisual>.inner .skin>.figure {
    width: 191px;
    position: absolute;
    top: 20px;
    left: 43px
}

section.page-renewal .mainvisual>.inner .skin .headline {
    width: 286px;
    position: absolute;
    top: 36px;
    left: 257px
}

section.page-renewal .mainvisual>.inner .skin .text {
    font-size: 12.8px;
    line-height: 1.6;
    position: absolute;
    top: 86px;
    left: 257px
}

section.page-renewal .mainvisual>.inner .skin .annotation {
    position: absolute;
    top: 165px;
    left: 257px
}

section.page-renewal .trial .caption {
    width: 351px;
    margin: 0 auto 35px
}

section.page-renewal .trial>.headline {
    width: 313px;
    margin: 0 auto 80px
}

section.page-renewal .trial .product-bihaku,
section.page-renewal .trial .product-haritsuya,
section.page-renewal .trial .product-tsurutsuru {
    height: 595px;
    text-align: center;
    margin-bottom: 4px
}

section.page-renewal .trial .product-bihaku .inner,
section.page-renewal .trial .product-haritsuya .inner,
section.page-renewal .trial .product-tsurutsuru .inner {
    position: relative;
    width: 980px;
    height: 520px;
    padding-top: 75px;
    margin: 0 auto
}

section.page-renewal .trial .product-bihaku .inner .figure,
section.page-renewal .trial .product-haritsuya .inner .figure,
section.page-renewal .trial .product-tsurutsuru .inner .figure {
    position: absolute;
    top: 173px;
    left: 60px;
    width: 347px
}

section.page-renewal .trial .product-bihaku .inner .annotation,
section.page-renewal .trial .product-haritsuya .inner .annotation,
section.page-renewal .trial .product-tsurutsuru .inner .annotation {
    position: absolute;
    bottom: 30px;
    left: 0
}

section.page-renewal .trial .product-tsurutsuru {
    background: url(img/renewal/trial/product-tsurutsuru/bg.jpg) no-repeat top;
    background-size: 1400px auto
}

section.page-renewal .trial .product-tsurutsuru .inner .caption {
    width: 427px;
    margin: 0 auto 64px
}

section.page-renewal .trial .product-tsurutsuru .inner>.headline {
    position: absolute;
    top: 217px;
    left: 448px;
    width: 242px
}

section.page-renewal .trial .product-tsurutsuru .inner .features {
    position: absolute;
    top: 340px;
    left: 448px;
    width: 400px;
    height: 138px;
    background: url(img/renewal/trial/product-tsurutsuru/bg_features.png) no-repeat;
    background-size: 100% 138px;
    text-align: left;
    padding: 0 24px
}

section.page-renewal .trial .product-tsurutsuru .inner .features li {
    position: relative
}

section.page-renewal .trial .product-tsurutsuru .inner .features li .caption {
    color: #666;
    font-size: 12px
}

section.page-renewal .trial .product-tsurutsuru .inner .features li .headline {
    font-weight: 700;
    font-size: 14px;
    color: #b20a2d
}

section.page-renewal .trial .product-tsurutsuru .inner .features li p {
    font-size: 13px
}

section.page-renewal .trial .product-tsurutsuru .inner .features .label {
    width: 44px;
    position: absolute
}

section.page-renewal .trial .product-tsurutsuru .inner .features .item-01 {
    margin: 14px 0 24px
}

section.page-renewal .trial .product-tsurutsuru .inner .features .item-01 p {
    margin: 7px 0 4px
}

section.page-renewal .trial .product-tsurutsuru .inner .features .item-01 .label {
    top: -12px;
    right: 0
}

section.page-renewal .trial .product-tsurutsuru .inner .features .item-02 .headline {
    margin: 14px 0 4px
}

section.page-renewal .trial .product-tsurutsuru .inner .features .item-02 .label {
    top: -6px;
    right: 0
}

section.page-renewal .trial .product-bihaku {
    background: url(img/renewal/trial/product-bihaku/bg.jpg) no-repeat top;
    background-size: 1400px auto
}

section.page-renewal .trial .product-bihaku .inner .caption {
    width: 503px;
    margin: 0 auto 64px
}

section.page-renewal .trial .product-bihaku .inner>.headline {
    position: absolute;
    top: 217px;
    left: 448px;
    width: 177px
}

section.page-renewal .trial .product-bihaku .inner .features {
    position: absolute;
    top: 340px;
    left: 448px;
    width: 400px;
    height: 138px;
    background: url(img/renewal/trial/product-bihaku/bg_features.png) no-repeat;
    background-size: 100% 138px;
    text-align: left;
    padding: 0 24px
}

section.page-renewal .trial .product-bihaku .inner .features li {
    position: relative
}

section.page-renewal .trial .product-bihaku .inner .features li .caption {
    color: #666;
    font-size: 12px
}

section.page-renewal .trial .product-bihaku .inner .features li .headline {
    font-weight: 700;
    font-size: 14px;
    color: #0a37a5
}

section.page-renewal .trial .product-bihaku .inner .features li p {
    font-size: 13px
}

section.page-renewal .trial .product-bihaku .inner .features .label {
    width: 44px;
    position: absolute
}

section.page-renewal .trial .product-bihaku .inner .features .item-01 {
    margin: 14px 0 24px
}

section.page-renewal .trial .product-bihaku .inner .features .item-01 p {
    margin: 7px 0 4px
}

section.page-renewal .trial .product-bihaku .inner .features .item-01 .label {
    top: -12px;
    right: 0
}

section.page-renewal .trial .product-bihaku .inner .features .item-02 .headline {
    margin: 14px 0 4px
}

section.page-renewal .trial .product-bihaku .inner .features .item-02 .label {
    top: -6px;
    right: 0
}

section.page-renewal .trial .product-haritsuya {
    background: url(img/renewal/trial/product-haritsuya/bg.jpg) no-repeat top;
    background-size: 1400px auto
}

section.page-renewal .trial .product-haritsuya .inner .caption {
    width: 430px;
    margin: 0 auto 64px
}

section.page-renewal .trial .product-haritsuya .inner>.headline {
    position: absolute;
    top: 217px;
    left: 448px;
    width: 189px
}

section.page-renewal .trial .product-haritsuya .inner .features {
    position: absolute;
    top: 330px;
    left: 448px;
    width: 400px;
    height: 150px;
    background: url(img/renewal/trial/product-haritsuya/bg_features.png) no-repeat;
    background-size: 100% 150px;
    text-align: left;
    padding: 0 24px
}

section.page-renewal .trial .product-haritsuya .inner .features li {
    position: relative
}

section.page-renewal .trial .product-haritsuya .inner .features li .caption {
    color: #666;
    font-size: 12px
}

section.page-renewal .trial .product-haritsuya .inner .features li .headline {
    font-weight: 700;
    font-size: 14px;
    color: #fa9f00
}

section.page-renewal .trial .product-haritsuya .inner .features li p {
    font-size: 13px
}

section.page-renewal .trial .product-haritsuya .inner .features .label {
    width: 44px;
    position: absolute
}

section.page-renewal .trial .product-haritsuya .inner .features .item-01 {
    margin: 14px 0 24px
}

section.page-renewal .trial .product-haritsuya .inner .features .item-01 .headline {
    margin: 3px 0 4px
}

section.page-renewal .trial .product-haritsuya .inner .features .item-01 .label {
    top: 0;
    right: 0
}

section.page-renewal .trial .product-haritsuya .inner .features .item-02 .headline {
    margin: 14px 0 4px
}

section.page-renewal .trial .product-haritsuya .inner .features .item-02 .label {
    top: -6px;
    right: 0
}

section.page-renewal .quality {
    height: 534px;
    background: url(img/renewal/quality/bg.jpg) no-repeat top;
    background-size: 1400px auto;
    margin-bottom: 4px
}

section.page-renewal .quality .inner {
    position: relative;
    width: 980px;
    height: 534px;
    margin: 0 auto
}

section.page-renewal .quality .inner .headline {
    width: 424px;
    position: absolute;
    top: 115px;
    left: 43px
}

section.page-renewal .quality .inner .text {
    text-align: center;
    line-height: 3;
    letter-spacing: 3px;
    position: absolute;
    top: 190px;
    left: 54px
}

section.page-renewal .quality .inner .annotation {
    position: absolute;
    bottom: 30px;
    left: 0
}

section.page-renewal .end {
    height: 1047px;
    text-align: center;
    background: url(img/renewal/end/bg.jpg) no-repeat top;
    background-size: 1400px auto;
    padding-top: 340px
}

section.page-renewal .end .headline {
    width: 598px;
    margin: 0 auto 60px
}

section.page-renewal .end .text {
    margin: 0 auto;
    line-height: 3;
    letter-spacing: 3px;
    margin-bottom: 32px
}

section.page-renewal .end .annotation {
    margin-bottom: 60px
}

section.page-renewal .end>.logo {
    width: 202px;
    margin: 0 auto
}

section.page-product div.inner {
    padding: 0
}

section.page-product .anchor_lineup {
    position: absolute;
    margin-top: -65px
}

section.page-product .find_line {
    display: none;
    line-height: 0;
    z-index: 100;
    width: 100%
}

section.page-product .find_line.active {
    display: block;
    opacity: 0;
    position: absolute;
    bottom: -50px
}

section.page-product .find_line ul.wrap_line {
    -moz-border-radius: 8px 8px 0 0/8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0/8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0/8px 8px 0 0;
    width: 980px;
    margin: 0 auto;
    background: #fff;
    padding: 15px 0
}

section.page-product .find_line ul.wrap_line:after {
    content: "";
    display: block;
    clear: both
}

section.page-product .find_line ul.wrap_line .title {
    width: 89px;
    float: left;
    padding: 17px 55px 0
}

section.page-product .find_line ul.wrap_line .line,
section.page-product .find_line ul.wrap_line .line ul li {
    float: left
}

section.page-product .find_line ul.wrap_line .line ul li.figure {
    padding-right: 10px
}

section.page-product .find_line ul.wrap_line .line ul li.name {
    padding: 17px 5px 0 0
}

section.page-product .find_line ul.wrap_line .line ul li.icon {
    padding: 15px 30px 0 0
}

section.page-product .find_line ul.wrap_line a {
    display: inline-block
}

section.page-product .mainvisual {
    position: relative;
    width: 100%;
    height: 1040px;
    min-width: 980px;
    max-width: 1600px;
    overflow: hidden;
    background: #fff url(img/product/index/mainvisual_bg.png) top no-repeat;
    background-size: 1600px auto;
    display: block;
    margin: 0 auto;
    padding: 130px 0 0
}

section.page-product .mainvisual .headline {
    width: 272px;
    margin: 0 auto
}

section.page-product .mainvisual .inner {
    width: 980px;
    padding-top: 40px;
    margin: 0 auto
}

section.page-product .mainvisual .inner .title {
    margin-top: 40px
}

section.page-product .mainvisual .inner .figure {
    width: 244px;
    margin: 0 auto;
    padding: 40px 0
}

section.page-product .mainvisual .inner .subtitle {
    width: 500px;
    margin: 0 auto
}

section.page-product .mainvisual .inner .box_amino_acid {
    position: relative;
    text-align: left;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    margin-top: 17px
}

section.page-product .mainvisual .inner .box_amino_acid .figure {
    width: 209px;
    position: absolute;
    z-index: 10;
    top: 35px;
    left: 75px
}

section.page-product .mainvisual .inner .box_amino_acid .title {
    width: 304px;
    position: relative;
    z-index: 10;
    padding-left: 336px
}

section.page-product .mainvisual .inner .box_amino_acid .text {
    position: relative;
    z-index: 10;
    width: 560px;
    padding-left: 336px;
    margin: 25px 0;
    font-size: 14px;
    letter-spacing: .18em;
    line-height: 2;
    text-align: justify
}

section.page-product .mainvisual .inner .box_amino_acid .text .text_highlight {
    font-size: 14px;
    font-weight: 700;
    background: url(img/product/index/bg_text_highlight.png) 0 10px repeat-x;
    background-size: 10px 10px
}

section.page-product .mainvisual .inner .box_amino_acid .link_text_anchor {
    position: relative;
    z-index: 10;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-left: 336px
}

section.page-product .mainvisual .inner .box_amino_acid .link_text_anchor a {
    text-decoration: none;
    color: #000;
    white-space: nowrap
}

section.page-product .mainvisual .inner .box_amino_acid .link_text_anchor a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -8px;
    right: -22px;
    width: 16px;
    height: 14px;
    background: url(img/product/index/icon_anchor_style_text.png) 0 0 no-repeat;
    background-size: 16px 14px
}

section.page-product .mainvisual .inner .box_amino_acid .annotation {
    position: relative;
    z-index: 10;
    padding-left: 336px;
    font-size: 10px;
    color: #999;
    margin: 34px 0 38px
}

section.page-product .mainvisual .inner .bg_amino_acid {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

section.page-product #lineup_other {
    position: relative;
    width: 100%;
    min-width: 980px;
    max-width: 1600px;
    overflow: hidden;
    display: block;
    margin: 30px auto 0
}

section.page-product #lineup_other:after {
    content: "";
    display: block;
    clear: both
}

section.page-product #lineup_other .wrap_line {
    background: #fff url(img/product/index/product_bg_other.jpg) top no-repeat;
    background-size: 1600px;
    margin-top: -20px;
    padding: 20px 0 120px
}

section.page-product #lineup_other .wrap_line:after {
    content: "";
    display: block;
    clear: both
}

section.page-product #lineup_other .wrap_line .inner.line {
    width: 644px;
    margin: 0 auto;
    text-align: center
}

section.page-product #lineup_other .wrap_line .inner.line .headline {
    margin-bottom: 55px
}

section.page-product #lineup_other .wrap_line .inner.line .figure {
    margin: 0 0 34px
}

section.page-product #lineup_other .wrap_line .inner.line .product_name {
    margin-bottom: 30px
}

section.page-product #lineup_other .wrap_line .inner.line .line_allinone {
    position: relative;
    float: left;
    width: 266px;
    padding: 45px 20px 0;
    height: 450px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .3)
}

section.page-product #lineup_other .wrap_line .inner.line .line_allinone .caption {
    height: 80px
}

section.page-product #lineup_other .wrap_line .inner.line .line_allinone .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #8d208c
}

section.page-product #lineup_other .wrap_line .inner.line .line_allinone .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product #lineup_other .wrap_line .inner.line .line_allinone .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product #lineup_other .wrap_line .inner.line .line_acne {
    position: relative;
    float: right;
    width: 266px;
    padding: 45px 20px 0;
    height: 450px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .3)
}

section.page-product #lineup_other .wrap_line .inner.line .line_acne .caption {
    padding-top: 13px;
    height: 84px
}

section.page-product #lineup_other .wrap_line .inner.line .line_acne .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #009697
}

section.page-product #lineup_other .wrap_line .inner.line .line_acne .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product #lineup_other .wrap_line .inner.line .line_acne .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product #lineup .wrap_line .inner.line .line_bihaku,
section.page-product #lineup .wrap_line .inner.line .line_haritsuya,
section.page-product #lineup .wrap_line .inner.line .line_tsurutsuru {
    height: 565px
}

section.page-product #lineup .wrap_line .inner.line .ingredient_intro {
    font-size: 12px;
    line-height: 2;
    padding-top: 20px;
    white-space: nowrap
}

section[class^=page-product-] dd {
    display: block;
    margin-left: 40px;
    -webkit-margin-start: 40px
}

section[class^=page-product-] .mainvisual {
    height: 606px;
    padding-top: 80px
}

section[class^=page-product-] .mainvisual .inner {
    position: relative;
    width: 980px;
    margin: 0 auto
}

section[class^=page-product-] .mainvisual .inner .annotation {
    position: absolute;
    left: 0;
    top: 564px
}

section[class^=page-product-] .annotation {
    font-size: 10px;
    color: #777;
    white-space: nowrap
}

section[class^=page-product-]>.component {
    background: url(img/product/index/component_bg.jpg) no-repeat top;
    background-size: 1600px auto;
    padding-top: 290px;
    min-width: 980px
}

section[class^=page-product-]>.component>.headline {
    text-align: center;
    margin-bottom: 41px
}

section[class^=page-product-]>.component>.bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    margin-bottom: 30px
}

section[class^=page-product-]>.component>.annotation {
    text-align: center;
    margin-bottom: 48px
}

section[class^=page-product-]>.component .ui-tab {
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 100
}

section[class^=page-product-]>.component .ui-tab .tab-btn {
    height: 76px
}

section[class^=page-product-]>.component .ui-tab .tab-btn li {
    cursor: pointer
}

section[class^=page-product-]>.component .ui-tab .tab-btn .btn_moisture {
    float: left
}

section[class^=page-product-]>.component .ui-tab .tab-btn .btn_needs {
    float: right
}

section[class^=page-product-]>.component .ui-tab .content {
    position: absolute;
    top: 65px;
    left: 0;
    clear: both;
    width: 978px;
    z-index: -100
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area,
section[class^=page-product-]>.component .ui-tab .content .needs-area {
    width: 868px;
    padding: 32px 55px;
    position: absolute;
    background: #f4fcfd;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area {
    opacity: 1;
    border: 1px solid #1587c0
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .icon {
    position: absolute;
    top: 28px;
    left: 48px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .headline {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    color: #1587c0;
    letter-spacing: 7px;
    margin: 40px 0 36px;
    padding: 0 0 16px 32px;
    border-bottom: 1px solid #c7e5f1
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition,
section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition {
    position: relative
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .bodycopy,
section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .bodycopy {
    font-size: 16px;
    text-align: center;
    letter-spacing: 3px;
    line-height: 2.4
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .caption,
section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .caption {
    font-size: 17px;
    letter-spacing: 3px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .sectional-view,
section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .sectional-view {
    padding: 0;
    margin: 0
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition {
    position: relative;
    height: 340px;
    border-bottom: 1px solid #c7e5f1
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .bodycopy {
    position: absolute;
    top: 104px;
    left: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 2.4
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .caption {
    position: absolute;
    top: 0;
    right: 62px;
    z-index: 1;
    font-size: 17px;
    color: #c77060;
    letter-spacing: 3px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .sectional-view {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 17px;
    right: 0
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .bad-condition .annotation {
    position: absolute;
    top: 291px;
    left: 428px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition {
    height: 390px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .bodycopy {
    position: absolute;
    top: 137px;
    left: 60px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .caption {
    position: absolute;
    top: 37px;
    right: 86px;
    color: #1587c0
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .sectional-view {
    position: absolute;
    top: 82px;
    right: 0
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .good-condition .annotation {
    position: absolute;
    top: 352px;
    left: 428px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .certification {
    width: 868px;
    height: 74px;
    background: url(img/product/tsurutsuru/moisture-area_bg.png) no-repeat top;
    background-size: 868px 94px;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 4px;
    padding-top: 20px;
    margin-bottom: 32px
}

section[class^=page-product-]>.component .ui-tab .content .moisture-area .certification p span {
    background: url(img/product/tsurutsuru/moisture-area_line.png) repeat-x 0 100%;
    font-size: 21px;
    font-weight: 700
}

section[class^=page-product-]>.component .ui-tab .content .needs-area {
    display: none;
    opacity: 0
}

section[class^=page-product-] .products {
    padding-top: 88px;
    margin-top: 80px;
}

section[class^=page-product-] .products .caption {
    text-align: center;
    margin-bottom: 22px
}

section[class^=page-product-] .products>.headline {
    text-align: center;
    margin-bottom: 35px
}

section[class^=page-product-] .products>.bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    margin-bottom: 40px
}

section[class^=page-product-] .products .products-lineup .category-name {
    clear: both;
    text-align: center;
    margin-bottom: 10px
}

section[class^=page-product-] .products .products-lineup .inner {
    margin: 0 auto
}

section[class^=page-product-] .products .products-lineup .inner .list .middle-border:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: 11px;
    top: 0;
    background-color: #ccc
}

section[class^=page-product-] .products .products-lineup .inner .list .middle-border:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    right: -20px;
    top: 0;
    z-index: 5;
    background-color: #ccc
}

section[class^=page-product-] .products .products-lineup .inner .list .item {
    position: relative;
    display: inline-block;
    width: 224px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .img {
    text-align: center;
    margin-bottom: 20px;
}

section[class^=page-product-] .products .products-lineup .inner .list .item .label-list {
    text-align: center
}

section[class^=page-product-] .products .products-lineup .inner .list .item .label-list li {
    display: inline-block
}

section[class^=page-product-] .products .products-lineup .inner .list .item .label-type,
section[class^=page-product-] .products .products-lineup .inner .list .item .label-type-baby {
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .label-type span {
    padding: 4px 8px;
    border: 1px solid #000;
    white-space: nowrap
}

section[class^=page-product-] .products .products-lineup .inner .list .item .label-type-baby {
    color: #fff
}

section[class^=page-product-] .products .products-lineup .inner .list .item .label-type-baby span {
    padding: 4px 8px;
    background: #56badb
}

section[class^=page-product-] .products .products-lineup .inner .list .item .name {
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 14px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .name span {
    font-size: 13px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .features-list,
section[class^=page-product-] .products .products-lineup .inner .list .item .features-txt,
section[class^=page-product-] .products .products-lineup .inner .list .item .products-lineup .features {
    text-align: center;
    font-size: 12px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .features {
    font-weight: 400;
    text-align: center
}

section[class^=page-product-] .products .products-lineup .inner .list .item .features-list {
    margin-bottom: 16px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .features-list li {
    display: inline-block;
    white-space: nowrap
}

section[class^=page-product-] .products .products-lineup .inner .list .item .features-txt {
    margin: 24px 0
}

section[class^=page-product-] .products .products-lineup .inner .list .item .bodycopy {
    margin-bottom: 20px
}

section[class^=page-product-] .products .products-lineup .inner .list .item .btn {
    width: 224px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto
}

section[class^=page-product-] .products .products-lineup .inner .list .item .btn a {
    display: block;
    color: #fff;
    border-radius: 4px;
    line-height: 30px;
    text-decoration: none;
    position: relative
}

section[class^=page-product-] .products .products-lineup .inner .list .item .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 19px;
    height: 16px;
    background: url(img/product/index/arrow.png) no-repeat;
    background-size: 60%
}

section[class^=page-product-] .products .products-lineup .inner .list .item:last-child {
    margin-right: 0
}

section[class^=page-product-] .products .products-lineup .inner .list .bg-r {
    background-color: #fdf3f3
}

section[class^=page-product-] .products .products-lineup .inner .list .bg-r .name {
    color: #b20a2d;
    text-align: left
}

section[class^=page-product-] .products .products-lineup .inner .list .bg-b {
    background-color: #f3fafd
}

section[class^=page-product-] .products .products-lineup .inner .list .bg-b .name {
    color: #507b9a;
    text-align: left
}

section[class^=page-product-] .products .products-lineup .inner .list .item-lotion .icon {
    position: absolute;
    top: 60px;
    right: -16px
}

section[class^=page-product-] .products .products-lineup .inner .list .item-lotion .annotation {
    position: absolute;
    bottom: -34px;
    left: 40px
}

section[class^=page-product-] .products .products-lineup .inner .list .item-milk .icon {
    position: absolute;
    top: 60px;
    right: -6px
}

section[class^=page-product-] .products .products-lineup .inner .list .item-cream .icon {
    position: absolute;
    top: 60px;
    right: -23px
}

section[class^=page-product-] .products .products-lineup .one-third-large {
    width: 980px;
    margin-bottom: 48px
}

section[class^=page-product-] .products .products-lineup .one-third-large .list .item {
    width: 308px;
    margin-right: 10px
}

section[class^=page-product-] .products .products-lineup .one-first {
    width: 224px;
    margin: 0 auto 80px
}

section[class^=page-product-] .products .products-lineup .one-first .list .item {
    margin-right: 21px
}

section[class^=page-product-] .products .products-lineup .one-half {
    width: 476px;
    margin: 0 auto 80px
}

section[class^=page-product-] .products .products-lineup .one-half .list .item {
    margin-right: 21px
}

section[class^=page-product-] .products .products-lineup .one-third {
    width: 728px;
    margin-bottom: 80px
}

section[class^=page-product-] .products .products-lineup .one-third .list .item {
    margin-right: 21px
}

section[class^=page-product-] .products .products-lineup .one-forth {
    width: 980px;
    margin-bottom: 80px
}

section[class^=page-product-] .products .products-lineup .one-forth .list .item {
    margin-right: 21px
}

section[class^=page-product-] .products .products-lineup .allinone {
    width: 672px;
    margin: 0 auto 80px
}

section[class^=page-product-] .products .products-lineup .allinone .product-l {
    width: 224px;
    float: left
}

section[class^=page-product-] .products .products-lineup .allinone .product-l .item {
    margin-right: 22px
}

section[class^=page-product-] .products .products-lineup .allinone .product-r {
    width: 7;
    float: left
}

section[class^=page-product-] .products .products-lineup .allinone .product-r .item {
    margin-right: 22px
}

section[class^=page-product-] .popup-tester {
    display: none;
    width: 100%;
    height: 100%;
    background: url(img/product/index/popup_bg.png) no-repeat;
    background-size: 3200px auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

section[class^=page-product-] .popup-tester .close {
    text-align: right;
    width: 700px;
    margin: 200px auto 40px;
    z-index: 200
}

section[class^=page-product-] .popup-tester .inner {
    clear: both;
    width: 700px;
    height: 410px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    z-index: 200;
    margin: 0 auto
}

section[class^=page-product-] .popup-tester .inner h2 img {
    border-bottom: 2px solid #999;
    margin-bottom: 30px;
    margin-top: 65px;
    padding-bottom: 10px
}

section[class^=page-product-] .popup-tester .inner h3 {
    margin: 0 20px
}

section[class^=page-product-] .popup-tester .inner .center {
    text-align: center
}

section[class^=page-product-] .popup-tester .inner .list {
    width: 660px;
    margin: 50px auto
}

section[class^=page-product-] .popup-tester .inner .list .benefit {
    margin: 15px 0 10px
}

section[class^=page-product-] .popup-tester .inner .list .contents {
    float: left;
    margin: 0 0 0 15px
}

section[class^=page-product-] .popup-tester .inner .list .contents-l {
    float: left;
    width: 180px;
    margin: 0 0 0 15px
}

section.page-product-tsurutsuru .mainvisual {
    background: url(img/product/tsurutsuru/mainvisual_bg.jpg) no-repeat bottom;
    min-width: 980px;
    background-size: 1600px auto;
    margin-bottom: 2px
}

section.page-product-tsurutsuru .mainvisual .inner .headline {
    position: absolute;
    top: 65px;
    left: 277px
}

section.page-product-tsurutsuru .mainvisual .inner .icon {
    position: absolute;
    top: 325px;
    left: 93px
}

section.page-product-tsurutsuru .mainvisual .inner .img {
    position: absolute;
    top: 140px;
    left: 245px
}

section.page-product-tsurutsuru .mainvisual .inner .component {
    position: absolute;
    top: 165px;
    left: 454px;
    width: 432px;
    height: 237px;
    background: url(img/product/tsurutsuru/mainvisual_component_bg.png) no-repeat top;
    background-size: 432px 237px
}

section.page-product-tsurutsuru .mainvisual .inner .component .moisture dd,
section.page-product-tsurutsuru .mainvisual .inner .component .needs dd {
    font-size: 14px;
    color: #b20a2d
}

section.page-product-tsurutsuru .mainvisual .inner .component .moisture {
    width: 236px;
    height: 200px;
    float: left
}

section.page-product-tsurutsuru .mainvisual .inner .component .moisture dt {
    position: absolute;
    top: 66px;
    left: 73px
}

section.page-product-tsurutsuru .mainvisual .inner .component .moisture dd {
    position: absolute;
    top: 152px;
    left: 19px;
    white-space: nowrap
}

section.page-product-tsurutsuru .mainvisual .inner .component .needs {
    width: 196px;
    float: right;
    text-align: center
}

section.page-product-tsurutsuru .mainvisual .inner .component .needs dt {
    position: absolute;
    top: 48px;
    left: 245px
}

section.page-product-tsurutsuru .mainvisual .inner .component .needs dd {
    position: absolute;
    top: 145px;
    left: 200px;
    white-space: nowrap
}

section.page-product-tsurutsuru .mainvisual .inner .needs-label {
    position: absolute;
    top: 416px;
    left: 524px;
    font-size: 14px;
    color: #b20a2d
}

section.page-product-tsurutsuru .mainvisual .inner .needs-label li {
    float: left;
    background: #fed2de;
    white-space: nowrap;
    padding: 3px 12px 1px;
    margin-right: 8px
}

section.page-product-tsurutsuru .mainvisual .inner .btn {
    position: absolute;
    top: 490px;
    left: 336px;
    font-size: 13px;
    background-color: #fff;
    text-align: center
}

section.page-product-tsurutsuru .mainvisual .inner .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 308px;
    color: #b20a2d;
    border: 1px solid #b20a2d
}

section.page-product-tsurutsuru .mainvisual .inner .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-tsurutsuru .mainvisual .inner .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 12px;
    width: 19px;
    height: 16px;
    background: url(img/product/tsurutsuru/arrow.jpg) no-repeat;
    background-size: 10px 11px
}

section.page-product-tsurutsuru>.component {
    height: 1000px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area {
    padding-top: 56px;
    border: 1px solid #b20a2d
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .headline {
    width: 408px;
    height: 165px;
    background: url(img/product/tsurutsuru/needs-area_bg.png) no-repeat top;
    background-size: 868px 215px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 4px;
    color: #1587c0;
    padding: 50px 0 0 460px;
    margin-bottom: 40px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner {
    height: 100%;
    overflow: hidden;
    margin-bottom: 32px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l {
    float: left;
    width: 420px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box01,
section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box02 {
    position: relative;
    height: 112px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl,
section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl {
    padding: 0;
    margin: 0
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .icon,
section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl .icon {
    position: absolute;
    top: 0;
    left: -40px;
    width: 72px;
    height: 48px;
    background: #d3effd;
    text-align: center;
    font-size: 16px;
    color: #1587c0;
    padding-top: 24px;
    border-radius: 50%
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .name,
section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl .name {
    position: absolute;
    top: 12px;
    left: 88px;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0;
    white-space: nowrap
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .bodycopy,
section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl .bodycopy {
    position: absolute;
    top: 36px;
    left: 48px;
    font-size: 15px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-l .box01 {
    margin-bottom: 40px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-r {
    position: relative;
    float: right;
    width: 420px;
    height: 264px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-r dl .name {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-r dl .bodycopy {
    position: absolute;
    top: 36px;
    left: -40px;
    font-size: 15px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-r .sectional-view {
    position: absolute;
    top: 80px;
    left: -40px
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .inner .one-half-r .annotation {
    position: absolute;
    top: 227px;
    left: 0
}

section.page-product-tsurutsuru>.component .ui-tab .content .needs-area .annotation {
    clear: both
}

section.page-product-tsurutsuru .products .products-lineup .inner .list .item .name {
    color: #b20a2d
}

section.page-product-tsurutsuru .products .products-lineup .inner .list .item .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #b20a2d
}

section.page-product-tsurutsuru .products .products-lineup .inner .list .item .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-tsurutsuru .products .products-lineup .inner .list .item .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-tsurutsuru .popup-02 {
    display: none;
    width: 100%;
    height: 100%;
    background: url(product/index/img/popup_bg.png) no-repeat;
    background-size: 3200px auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

section.page-product-tsurutsuru .popup-02 .close img {
    position: absolute;
    left: 1040px;
    top: 250px
}

section.page-product-tsurutsuru .popup-02 .inner {
    width: 868px;
    border-radius: 10px;
    background: #fff;
    z-index: 200;
    margin: 300px auto 0
}

section.page-product-tsurutsuru .popup-02 .inner h3 {
    margin: 0 15px
}

section.page-product-tsurutsuru .popup-02 .inner .center {
    text-align: center
}

section.page-product-tsurutsuru .popup-02 .inner .list {
    margin: 0 auto
}

section.page-product-tsurutsuru .popup-02 .inner .list .benefit-01 {
    margin: 3px 0 3px 80px;
    position: relative;
    color: #b20a2d;
    font-size: 17px
}

section.page-product-tsurutsuru .popup-02 .inner .list .benefit-01:before {
    content: "";
    display: block;
    position: absolute;
    right: 230px;
    top: 7px;
    width: 37px;
    height: 86px;
    background: url(product/index/img/popup-tsurutsuru.jpg) no-repeat;
    background-size: 37px 86px
}

section.page-product-tsurutsuru .popup-02 .inner .list .benefit-02 {
    margin: 3px 0 3px 80px;
    position: relative;
    color: #0a37a5;
    font-size: 17px
}

section.page-product-tsurutsuru .popup-02 .inner .list .benefit-02:after {
    content: "";
    display: block;
    position: absolute;
    right: 230px;
    top: 7px;
    width: 37px;
    height: 86px;
    background: url(product/index/img/popup-bihaku.jpg) no-repeat;
    background-size: 37px 86px
}

section.page-product-tsurutsuru .popup-02 .inner .list .benefit-03 {
    margin: 3px 0 3px 80px;
    position: relative;
    color: #fa9f00;
    font-size: 17px
}

section.page-product-tsurutsuru .popup-02 .inner .list .benefit-03:after {
    content: "";
    display: block;
    position: absolute;
    right: 230px;
    top: 7px;
    width: 37px;
    height: 86px;
    background: url(product/index/img/popup-haritsuya.jpg) no-repeat;
    background-size: 37px 86px
}

section.page-product-tsurutsuru .popup-02 .inner .list .text {
    margin-left: 80px
}

section.page-product-tsurutsuru .popup-02 .inner .list .text-02 {
    margin: 10px 0 0 135px;
    font-size: 12px;
    font-weight: 700;
    position: relative
}

section.page-product-tsurutsuru .popup-02 .inner .list .text-02:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 160px;
    width: 50px;
    height: 15px;
    background: url(product/index/img/popup-watashiplas.jpg) no-repeat;
    background-size: 50px 15px;
    background-color: #000
}

section.page-product-tsurutsuru .popup-02 .inner .list .contents {
    float: left
}

section.page-product-tsurutsuru .popup-02 .inner .list .contents-l {
    float: left;
    width: 289px;
    padding: 15px 0
}

section.page-product-tsurutsuru .popup-02 .inner .list .contents-l:nth-child(2) {
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4
}

section.page-product-bihaku .mainvisual {
    background: url(img/product/bihaku/mainvisual_bg.jpg) no-repeat bottom;
    min-width: 980px;
    background-size: 1600px auto;
    margin-bottom: 2px
}

section.page-product-bihaku .mainvisual .inner .headline {
    position: absolute;
    top: 65px;
    left: 360px
}

section.page-product-bihaku .mainvisual .inner .icon {
    position: absolute;
    top: 325px;
    left: 93px
}

section.page-product-bihaku .mainvisual .inner .img {
    position: absolute;
    top: 140px;
    left: 245px
}

section.page-product-bihaku .mainvisual .inner .component {
    position: absolute;
    top: 165px;
    left: 454px;
    width: 432px;
    height: 237px;
    background: url(img/product/bihaku/mainvisual_component_bg.png) no-repeat top;
    background-size: 432px 237px
}

section.page-product-bihaku .mainvisual .inner .component .moisture dd,
section.page-product-bihaku .mainvisual .inner .component .needs dd {
    font-size: 14px;
    color: #0a37a5
}

section.page-product-bihaku .mainvisual .inner .component .moisture {
    width: 236px;
    height: 200px;
    float: left
}

section.page-product-bihaku .mainvisual .inner .component .moisture dt {
    position: absolute;
    top: 66px;
    left: 73px
}

section.page-product-bihaku .mainvisual .inner .component .moisture dd {
    position: absolute;
    top: 152px;
    left: 19px;
    white-space: nowrap
}

section.page-product-bihaku .mainvisual .inner .component .needs {
    width: 196px;
    float: right;
    text-align: center
}

section.page-product-bihaku .mainvisual .inner .component .needs dt {
    position: absolute;
    top: 48px;
    left: 245px
}

section.page-product-bihaku .mainvisual .inner .component .needs dd {
    position: absolute;
    top: 145px;
    left: 210px;
    white-space: nowrap
}

section.page-product-bihaku .mainvisual .inner .needs-label {
    position: absolute;
    top: 416px;
    left: 560px;
    font-size: 14px;
    color: #0a37a5
}

section.page-product-bihaku .mainvisual .inner .needs-label li {
    float: left;
    background: #dff2fb;
    white-space: nowrap;
    padding: 3px 12px 1px;
    margin-left: 33px
}

section.page-product-bihaku .mainvisual .inner .btn {
    position: absolute;
    top: 490px;
    left: 336px;
    font-size: 13px;
    background-color: #fff;
    text-align: center
}

section.page-product-bihaku .mainvisual .inner .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 308px;
    color: #0a37a5;
    border: 1px solid #0a37a5
}

section.page-product-bihaku .mainvisual .inner .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-bihaku .mainvisual .inner .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 12px;
    width: 19px;
    height: 16px;
    background: url(img/product/bihaku/arrow.jpg) no-repeat;
    background-size: 10px 11px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area {
    padding-top: 56px;
    border: 1px solid #0a37a5
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .headline {
    width: 408px;
    height: 165px;
    background: url(img/product/bihaku/needs-area_bg.png) no-repeat top;
    background-size: 868px 215px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 4px;
    color: #1587c0;
    padding: 50px 0 0 460px;
    margin-bottom: 40px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner {
    height: 100%;
    overflow: hidden;
    margin-bottom: 32px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l {
    float: left;
    width: 420px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l .box01,
section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 {
    position: relative;
    height: 112px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl,
section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl {
    padding: 0;
    margin: 0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .icon,
section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl .icon {
    position: absolute;
    top: 82px;
    left: -40px;
    width: 72px;
    height: 48px;
    background: #d3effd;
    text-align: center;
    font-size: 16px;
    color: #1587c0;
    padding-top: 24px;
    border-radius: 50%
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .name,
section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl .name {
    position: absolute;
    top: 12px;
    left: 88px;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0;
    white-space: nowrap
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .bodycopy,
section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl .bodycopy {
    position: absolute;
    top: 36px;
    left: 48px;
    font-size: 15px;
    white-space: nowrap
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 {
    margin-bottom: 40px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl .name {
    top: 80px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl .bodycopy {
    top: 112px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-l.box02 dl .icon {
    top: 82px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-r {
    position: relative;
    float: right;
    width: 420px;
    height: 264px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-r dl .name {
    position: absolute;
    top: 9px;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-r dl .bodycopy {
    position: absolute;
    top: 33px;
    left: -40px;
    font-size: 15px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-r .sectional-view {
    position: absolute;
    width: 420px;
    top: 74px;
    left: -40px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-half-r .annotation {
    position: absolute;
    top: 222px;
    left: 0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 {
    position: relative;
    height: 310px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 dl {
    padding: 0;
    margin: 0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 dl .icon {
    position: absolute;
    top: 0;
    left: -40px;
    width: 72px;
    height: 48px;
    background: #d3effd;
    text-align: center;
    font-size: 16px;
    color: #1587c0;
    padding-top: 24px;
    border-radius: 50%
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 dl .name {
    position: absolute;
    top: 12px;
    left: 88px;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 dl .bodycopy {
    position: absolute;
    top: 36px;
    left: 48px;
    font-size: 15px;
    white-space: nowrap
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 .sectional-view {
    position: absolute;
    margin: 0;
    top: -8px;
    right: 0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 {
    margin-bottom: 40px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 dl .name {
    top: 94px;
    left: 0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 dl .bodycopy {
    top: 126px;
    left: 0;
    margin-left: 0
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .inner .one-third .box01 .annotation {
    position: absolute;
    right: 352px;
    bottom: 38px
}

section.page-product-bihaku>.component .ui-tab .content .needs-area .annotation {
    clear: both
}

section.page-product-bihaku .tesuter-annotation {
    text-align: center;
    margin-bottom: 15px
}

section.page-product-bihaku .products .products-lineup .inner .list .item .name {
    color: #0a37a5
}

section.page-product-bihaku .products .products-lineup .inner .list .item .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #0a37a5
}

section.page-product-bihaku .products .products-lineup .inner .list .item .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-bihaku .products .products-lineup .inner .list .item .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-haritsuya .mainvisual {
    background: url(img/product/haritsuya/mainvisual_bg.jpg) no-repeat bottom;
    min-width: 980px;
    background-size: 1600px auto;
    margin-bottom: 2px
}

section.page-product-haritsuya .mainvisual .inner .headline {
    position: absolute;
    top: 65px;
    left: 320px
}

section.page-product-haritsuya .mainvisual .inner .annotation {
    top: 537px
}

section.page-product-haritsuya .mainvisual .inner .icon {
    position: absolute;
    top: 325px;
    left: 93px
}

section.page-product-haritsuya .mainvisual .inner .img {
    position: absolute;
    top: 140px;
    left: 245px
}

section.page-product-haritsuya .mainvisual .inner .component {
    position: absolute;
    top: 165px;
    left: 454px;
    width: 432px;
    height: 237px;
    background: url(img/product/haritsuya/mainvisual_component_bg.png) no-repeat top;
    background-size: 432px 237px
}

section.page-product-haritsuya .mainvisual .inner .component .moisture dd,
section.page-product-haritsuya .mainvisual .inner .component .needs dd {
    font-size: 14px;
    color: #fa9f00
}

section.page-product-haritsuya .mainvisual .inner .component .moisture {
    width: 236px;
    height: 200px;
    float: left
}

section.page-product-haritsuya .mainvisual .inner .component .moisture dt {
    position: absolute;
    top: 66px;
    left: 73px
}

section.page-product-haritsuya .mainvisual .inner .component .moisture dd {
    position: absolute;
    top: 152px;
    left: 19px;
    white-space: nowrap
}

section.page-product-haritsuya .mainvisual .inner .component .needs {
    width: 196px;
    float: right;
    text-align: center
}

section.page-product-haritsuya .mainvisual .inner .component .needs dt {
    position: absolute;
    top: 48px;
    left: 257px
}

section.page-product-haritsuya .mainvisual .inner .component .needs dd {
    position: absolute;
    top: 145px;
    left: 200px;
    white-space: nowrap
}

section.page-product-haritsuya .mainvisual .inner .needs-label {
    position: absolute;
    top: 416px;
    left: 570px;
    font-size: 14px;
    color: #fa9f00
}

section.page-product-haritsuya .mainvisual .inner .needs-label li {
    float: left;
    background: #ffecba;
    white-space: nowrap;
    padding: 3px 12px 1px;
    margin-right: 8px
}

section.page-product-haritsuya .mainvisual .inner .btn {
    position: absolute;
    top: 490px;
    left: 336px;
    font-size: 13px;
    background-color: #fff;
    text-align: center
}

section.page-product-haritsuya .mainvisual .inner .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 308px;
    color: #fa9f00;
    border: 1px solid #fa9f00
}

section.page-product-haritsuya .mainvisual .inner .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-haritsuya .mainvisual .inner .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 12px;
    width: 19px;
    height: 16px;
    background: url(img/product/haritsuya/arrow.jpg) no-repeat;
    background-size: 10px 11px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area {
    padding-top: 56px;
    border: 1px solid #fa9f00
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .headline {
    width: 408px;
    height: 145px;
    background: url(img/product/haritsuya/needs-area_bg.png) no-repeat top;
    background-size: 868px 215px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 4px;
    color: #1587c0;
    padding: 70px 0 0 460px;
    margin-bottom: 40px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner {
    height: 100%;
    overflow: hidden;
    margin-bottom: 32px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l {
    float: left;
    width: 420px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box01,
section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box02 {
    position: relative;
    height: 112px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl,
section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl {
    padding: 0;
    margin: 0
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .icon,
section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl .icon {
    position: absolute;
    top: 0;
    left: -40px;
    width: 72px;
    height: 48px;
    background: #d3effd;
    text-align: center;
    font-size: 16px;
    color: #1587c0;
    padding-top: 24px;
    border-radius: 50%
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .name,
section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl .name {
    position: absolute;
    top: 12px;
    left: 88px;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box01 dl .bodycopy,
section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box02 dl .bodycopy {
    position: absolute;
    top: 36px;
    left: 48px;
    font-size: 15px;
    white-space: nowrap
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-l .box01 {
    margin-bottom: 40px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-r {
    position: relative;
    float: right;
    width: 420px;
    height: 264px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-r dl .name {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1587c0
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-r dl .bodycopy {
    position: absolute;
    top: 36px;
    left: -40px;
    font-size: 15px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-r .sectional-view {
    position: absolute;
    top: 80px;
    left: -40px
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .inner .one-half-r .annotation {
    position: absolute;
    top: 227px;
    left: 0
}

section.page-product-haritsuya>.component .ui-tab .content .needs-area .annotation {
    clear: both
}

section.page-product-haritsuya .products .products-lineup .inner .list .item .name {
    color: #fa9f00
}

section.page-product-haritsuya .products .products-lineup .inner .list .item .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #fa9f00
}

section.page-product-haritsuya .products .products-lineup .inner .list .item .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-haritsuya .products .products-lineup .inner .list .item .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-allinone .allinone-bg {
    background: url(img/product/allinone/mainvisual_bg.jpg) no-repeat top;
    background-size: 1600px auto
}

/*section.page-product-allinone .allinone-bg .mainvisual {
    height: 400px
}*/

section.page-product-allinone .allinone-bg .mainvisual .inner .headline {
    position: absolute;
    top: 68px;
    left: 332px
}

section.page-product-allinone .allinone-bg .mainvisual .inner .icon {
    position: absolute;
    top: 325px;
    left: 93px
}

section.page-product-allinone .mainvisual {
    padding-top: 140px;
    height: 480px
}

section.page-product-allinone .mainvisual .img {
    text-align: center;
    margin-bottom: 72px;
    margin-top:120px 
}

section.page-product-allinone .mainvisual .banner {
    text-align: center
}
/*section.page-product-allinone .allinone-bg .mainvisual .inner .img {
    position: absolute;
    top: 209px;
    left: 280px
}

section.page-product-allinone .allinone-bg .mainvisual .inner .img-02 {
    position: absolute;
    top: 140px;
    left: 540px
}*/

section.page-product-allinone .allinone-bg .mainvisual .inner .headline {
    text-align: center;
    margin-bottom: 56px
}

section.page-product-allinone .allinone-bg .mainvisual .inner .bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    margin-bottom: 40px
}

section.page-product-allinone .allinone-bg .mainvisual .inner .needs-label {
    position: absolute;
    top: 416px;
    left: 524px;
    font-size: 14px;
    color: #b20a2d
}

section.page-product-allinone .allinone-bg .mainvisual .inner .needs-label li {
    float: left;
    background: #ffecba;
    padding: 3px 12px 1px;
    margin-right: 8px
}

section.page-product-allinone .allinone-bg .mainvisual .inner .btn {
    position: absolute;
    top: 444px;
    left: 336px;
    width: 308px;
    font-size: 13px;
    text-align: center
}

section.page-product-allinone .allinone-bg .mainvisual .inner .btn a {
    display: block;
    background: #fff;
    color: #b20a2d;
    border-radius: 4px;
    border: 1px solid #b20a2d;
    line-height: 30px;
    text-decoration: none
}

section.page-product-allinone .allinone-bg .mainvisual .inner .btn .btn {
    position: absolute;
    top: 444px;
    left: 336px;
    width: 308px;
    font-size: 13px;
    text-align: center
}

section.page-product-allinone .allinone-bg .mainvisual .inner .btn .btn a {
    display: block;
    background: #fff;
    color: #b20a2d;
    border-radius: 4px;
    border: 1px solid #b20a2d;
    line-height: 30px;
    text-decoration: none
}

section.page-product-allinone .allinone-bg .p-link {
    margin-top: 50px
}

section.page-product-allinone .allinone-bg .p-link .center {
    margin-bottom: 10px;
    text-align: center
}

section.page-product-allinone .allinone-bg .p-link .links {
    width: 636px;
    margin: 0 auto
}

section.page-product-allinone .allinone-bg .p-link .links .btn01 {
    float: left
}

section.page-product-allinone .allinone-bg .p-link .links .btn02 {
    margin-left: 20px;
    float: left
}

section.page-product-allinone .allinone-bg .component-allinone {
    margin-bottom: -80px
}

section.page-product-allinone .allinone-bg .component-allinone .headline {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 45px
}

section.page-product-allinone .allinone-bg .component-allinone .bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    padding-bottom: 60px
}

section.page-product-allinone .ptm {
    bottom: 105px;
    position: absolute
}

section.page-product-allinone .products-lineup .item-jel {
    position: absolute;
    top: 15px
}

section.page-product-allinone .products-lineup .item-essence {
    position: absolute;
    top: 0
}

section.page-product-allinone .products-lineup .item-essence .name {
    font-size: 15px;
    color: #507b9a;
    white-space: nowrap
}

section.page-product-allinone .products-lineup .item .name2 {
    color: #b20a2d;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 14px;
    white-space: nowrap
}

section.page-product-allinone .products-lineup .item .btn2 {
    width: 224px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto
}

section.page-product-allinone .products-lineup .item .btn2 a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    width: 224px;
    background-color: #b20a2d
}

section.page-product-allinone .products-lineup .item .btn2 a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-allinone .products-lineup .item .btn2 a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-allinone .products-lineup .item .btn_feature a,
section.page-product-allinone .products-lineup .item .btn a {
    line-height: 1!important;
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    display: inline-block;
    width: 224px;
    height: 10px;
    vertical-align: middle;
    background-color: #507b9a
}

section.page-product-allinone .products-lineup .item .btn_feature a:after,
section.page-product-allinone .products-lineup .item .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-allinone .products-lineup .item .btn_feature a:hover,
section.page-product-allinone .products-lineup .item .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-allinone .products-lineup .item .btn_feature a:after,
section.page-product-allinone .products-lineup .item .btn a:after {
    top: 16px!important
}

section.page-product-allinone .products-lineup .item .btn_feature a {
    margin-bottom: 10px;
    background-color: #5eb6de
}

section.page-product-allinone .products-lineup .item-concept {
    float: right;
    position: relative;
    display: inline-block;
    width: 335px;
    padding: 25px;
    margin-left: 57px
}

section.page-product-allinone .products-lineup .item-concept .img {
    margin-bottom: 10px
}

section.page-product-allinone .products-lineup .item-concept .component_jel {
    color: #b20a2d;
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 14px
}

section.page-product-allinone .products-lineup .item-concept .component_jel span {
    font-size: 13px
}

section.page-product-allinone .products-lineup .item-concept .component_essence {
    color: #507b9a;
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 14px;
    white-space: nowrap
}

section.page-product-allinone .products-lineup .item-concept .component_essence span {
    font-size: 13px
}

section.page-product-allinone .products-lineup .item-concept .bodycopy {
    margin-bottom: -20px
}

section.page-product-allinone #wessence .item-concept .bodycopy {
    font-size: 12px
}

section.page-product-allinone .products .daily-care {
    /*margin-top: 50px*/
}

section.page-product-allinone .products .daily-care:first-child {
    border-bottom: 1px solid #eee;
    /*margin-top: 70px;*/
    padding-bottom: 50px
}

section.page-product-allinone-wessence .wrap-wessence {
    background: #effcff;
    min-width: 980px
}

section.page-product-allinone-wessence .annotation {
    font-size: 10px;
    color: #999
}

section.page-product-allinone-wessence .mainvisual {
    max-width: 1600px;
    min-width: 980px;
    height: 406px;
    overflow-x: hidden;
    padding-top: 144px;
    margin: 0 auto;
    background: url(img/product/allinone/wessence/mainvisual_bg.png) 50% no-repeat;
    background-size: 1600px auto
}

section.page-product-allinone-wessence .mainvisual .inner:after {
    content: "";
    display: block;
    clear: both
}

section.page-product-allinone-wessence .mainvisual .inner .image {
    float: left;
    margin: 44px 10px 0 24px
}

section.page-product-allinone-wessence .mainvisual .inner .text-box {
    float: left;
    width: 536px;
    text-align: center
}

section.page-product-allinone-wessence .mainvisual .inner .text-box .label-allinone {
    float: left;
    margin-bottom: 20px
}

section.page-product-allinone-wessence .mainvisual .inner .text-box .headline {
    margin-bottom: 30px
}

section.page-product-allinone-wessence .mainvisual .inner .text-box .name {
    margin-bottom: 8px
}

section.page-product-allinone-wessence .mainvisual .inner .text-box .label-serum {
    font-size: 13px;
    line-height: 1.6
}

section.page-product-allinone-wessence .allinone {
    width: 980px;
    /*background: #fff;*/
    overflow: hidden;
    /*border: 1px solid #62b7dc;*/
    border-radius: 8px;
    margin: -10px auto 60px auto;
}

section.page-product-allinone-wessence .allinone .headline {
    /*background: #62b7dc;*/
    text-align: center;
    padding: 20px 0
}

section.page-product-allinone-wessence .allinone .detail-box {
    padding: 30px 0
}

section.page-product-allinone-wessence .allinone .detail-box .subheads {
    text-align: center;
    margin-bottom: 30px
}

section.page-product-allinone-wessence .allinone .detail-box .list {
    font-size: 0;
    display: table
}

section.page-product-allinone-wessence .allinone .detail-box .list:after {
    content: "";
    display: block;
    clear: both
}

section.page-product-allinone-wessence .allinone .detail-box .list li {
    position: relative;
    display: inline-block;
    height: 112px;
    padding: 0 32px 0 16px;
    border-right: 1px solid #d2d2d2;
    display: table-cell
}

section.page-product-allinone-wessence .allinone .detail-box .list li:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: 40px;
    width: 17px;
    height: 31px;
    background: url(img/product/allinone/wessence/icn_arrow.jpg) no-repeat;
    background-size: 17px 31px
}

section.page-product-allinone-wessence .allinone .detail-box .list li .image {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

section.page-product-allinone-wessence .allinone .detail-box .list li .text {
    display: table-cell;
    vertical-align: middle
}

section.page-product-allinone-wessence .allinone .detail-box .list li:first-child {
    padding-left: 32px
}

section.page-product-allinone-wessence .allinone .detail-box .list li:last-child {
    padding-right: 0;
    border-right: none
}

section.page-product-allinone-wessence .allinone .detail-box .list li:last-child:after {
    content: none
}

section.page-product-allinone-wessence .beautiful-skin {
    min-width: 980px;
    height: 545px;
    padding-top: 50px;
    background: #fff url(img/product/allinone/wessence/beautiful-skin_bg.jpg) top no-repeat;
    background-size: 1200px 595px
}

section.page-product-allinone-wessence .beautiful-skin .subheads {
    text-align: center;
    margin-bottom: 20px
}

section.page-product-allinone-wessence .beautiful-skin .headline {
    text-align: center;
    margin-bottom: 40px
}

section.page-product-allinone-wessence .beautiful-skin .list {
    width: 980px;
    margin: 0 auto 50px
}

section.page-product-allinone-wessence .beautiful-skin .list:after {
    content: "";
    display: block;
    clear: both
}

section.page-product-allinone-wessence .beautiful-skin .list li {
    float: left;
    background: #fff;
    width: 306px;
    height: 238px;
    border: 1px solid #62b7dc;
    border-radius: 50%;
    text-align: center;
    padding-top: 68px;
    margin-right: 26px
}

section.page-product-allinone-wessence .beautiful-skin .list li:last-child {
    margin-right: 0
}

section.page-product-allinone-wessence .beautiful-skin .list li .title {
    margin-bottom: 44px
}

section.page-product-allinone-wessence .beautiful-skin .list li .text {
    font-size: 13px;
    line-height: 2.4;
    letter-spacing: 2.4px
}

section.page-product-allinone-wessence .beautiful-skin .list .item_02 .title {
    margin-bottom: 14px
}

section.page-product-allinone-wessence .beautiful-skin .annotation {
    width: 980px;
    margin: 0 auto
}

section.page-product-allinone-wessence .beautiful-skin .annotation:after {
    content: "";
    display: block;
    clear: both
}

section.page-product-allinone-wessence .beautiful-skin .annotation li {
    float: left;
    margin-right: 10px;
    white-space: nowrap
}

section.page-product-allinone-wessence .explanation {
    padding-top: 60px;
    margin-bottom: 80px
}

section.page-product-allinone-wessence .explanation .headline {
    text-align: center;
    margin-bottom: 60px
}

section.page-product-allinone-wessence .explanation .construction {
    position: relative;
    background: #fff;
    width: 980px;
    padding: 60px 0 25px;
    margin: 0 auto;
    border: 1px solid #62b7dc;
    border-radius: 8px
}

section.page-product-allinone-wessence .explanation .construction .subheads {
    position: absolute;
    top: -16px;
    left: 379px;
    background: #62b7dc;
    width: 222px;
    text-align: center;
    padding: 8px 0;
    border-radius: 32px
}

section.page-product-allinone-wessence .explanation .construction .list {
    font-size: 0;
    width: 980px;
    margin: 0 auto
}

section.page-product-allinone-wessence .explanation .construction .list li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 325px;
    min-height: 305px;
    text-align: center;
    border-right: 1px solid #d2d2d2;
    margin-bottom: 30px;
}

section.page-product-allinone-wessence .explanation .construction .list li:after {
    content: "";
    display: block;
    position: absolute;
    right: -9px;
    top: 150px;
    width: 17px;
    height: 31px;
    background: url(img/product/allinone/wessence/icn_arrow.jpg) no-repeat;
    background-size: 17px 31px
}

section.page-product-allinone-wessence .explanation .construction .list li .figure {
    margin-bottom: 10px
}

section.page-product-allinone-wessence .explanation .construction .list li .title {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    color: #62b7dc;
    margin-top: 40px
}

section.page-product-allinone-wessence .explanation .construction .list li .text {
    font-size: 12px
}

section.page-product-allinone-wessence .explanation .construction .list li:last-child {
    border-right: none
}

section.page-product-allinone-wessence .explanation .construction .list li:last-child:after {
    content: none
}

section.page-product-allinone-wessence .explanation .construction .list .item_02 .figure {
    margin: -18px 0 10px -16px
}

section.page-product-allinone-wessence .explanation .construction .list .item_03 .title {
    margin: 16px 0 8px
}

section.page-product-allinone-wessence .product {
    padding-bottom: 70px
}

section.page-product-allinone-wessence .product .headline {
    text-align: center;
    margin-bottom: 24px
}

section.page-product-allinone-wessence .product .label-serum {
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 24px
}

section.page-product-allinone-wessence .product .inner {
    width: 908px;
    margin: 0 auto
}

section.page-product-allinone-wessence .product .inner:after {
    content: "";
    display: block;
    clear: both
}

section.page-product-allinone-wessence .product .inner .image {
    float: left;
    margin: -100px 26px 0 65px
}

section.page-product-allinone-wessence .product .inner .detail-box {
    float: left;
    width: 404px;
    text-align: center
}

section.page-product-allinone-wessence .product .inner .detail-box .text {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 2.4px;
    margin-bottom: 30px
}

section.page-product-allinone-wessence .product .inner .detail-box .subheads {
    margin-bottom: 16px
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_popup {
    margin-bottom: 20px
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_popup a,
section.page-product-allinone-wessence .product .inner .detail-box .btn_purchase a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    width: 308px;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    border: none
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_popup a:hover,
section.page-product-allinone-wessence .product .inner .detail-box .btn_purchase a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_popup a {
    background: #62b7dc;
    margin: 0 auto 20px
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_popup a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -7px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: url(img/product/allinone/wessence/icon_popup.png) 0 0 no-repeat;
    background-size: 15px 15px
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_purchase a {
    background: #507b9a;
    margin: 0 auto
}

section.page-product-allinone-wessence .product .inner .detail-box .btn_purchase a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-allinone-wessence .product .inner .illust {
    float: left;
    margin-top: -100px
}

section.page-product-allinone-wessence .modal-howto {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(img/product/index/popup_bg.png) no-repeat;
    background-size: 3200px auto
}

section.page-product-allinone-wessence .modal-howto .modal-closer {
    text-align: right;
    width: 700px;
    margin: 145px auto 22px;
    z-index: 200;
    cursor: pointer
}

section.page-product-allinone-wessence .modal-howto .modal-closer:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .7
}

section.page-product-allinone-wessence .modal-howto .inner {
    width: 700px;
    height: 312px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    background: #fff;
    z-index: 200;
    padding-top: 48px;
    margin: 0 auto
}

section.page-product-allinone-wessence .modal-howto .inner .headline {
    text-align: center;
    margin-bottom: 18px
}

section.page-product-allinone-wessence .modal-howto .inner .subheads {
    text-align: center;
    margin-bottom: 56px
}

section.page-product-allinone-wessence .modal-howto .inner .detail-box {
    width: 320px;
    min-height: 150px;
    padding: 0 0 0 220px;
    margin: 0 auto;
    background: url(img/product/allinone/wessence/howto_figure.jpg) no-repeat;
    background-size: 198px 150px
}

section.page-product-allinone-wessence .modal-howto .inner .detail-box .title {
    margin-bottom: 20px
}

section.page-product-allinone-wessence .modal-howto .inner .detail-box .text {
    margin-bottom: 32px
}

section.page-product-acne .bg-acne {
    background: url(img/product/acne/mainvisual_bg.jpg) no-repeat top;
    background-size: 1600px auto
}

section.page-product-acne .bg-acne .mainvisual {
    height: 390px
}

section.page-product-acne .bg-acne .mainvisual .inner .headline {
    position: absolute;
    top: 65px;
    left: 390px
}

section.page-product-acne .bg-acne .mainvisual .inner .icon {
    position: absolute;
    top: 325px;
    left: 93px
}

section.page-product-acne .bg-acne .mainvisual .inner .img {
    position: absolute;
    top: 160px;
    left: 280px
}

section.page-product-acne .bg-acne .mainvisual .inner .img-02 {
    position: absolute;
    top: 160px;
    left: 100px
}

section.page-product-acne .bg-acne .mainvisual .inner .component {
    height: auto;
    clear: both;
    position: absolute;
    top: 165px;
    left: 487px;
    width: 434px;
    background: url(img/product/acne/mainvisual_component_bg.jpg) no-repeat top;
    background-size: 434px 237px
}

section.page-product-acne .bg-acne .mainvisual .inner .component .moisture dd,
section.page-product-acne .bg-acne .mainvisual .inner .component .needs dd {
    font-size: 14px;
    color: #009697
}

section.page-product-acne .bg-acne .mainvisual .inner .component .moisture {
    width: 236px;
    height: 200px;
    float: left
}

section.page-product-acne .bg-acne .mainvisual .inner .component .moisture dt {
    position: absolute;
    top: 70px;
    left: 60px
}

section.page-product-acne .bg-acne .mainvisual .inner .component .moisture dd {
    position: absolute;
    top: 146px;
    left: 13px;
    white-space: nowrap
}

section.page-product-acne .bg-acne .mainvisual .inner .component .needs {
    width: 196px;
    float: right;
    text-align: center
}

section.page-product-acne .bg-acne .mainvisual .inner .component .needs dt {
    position: absolute;
    top: 55px;
    left: 249px
}

section.page-product-acne .bg-acne .mainvisual .inner .component .needs dd {
    position: absolute;
    top: 145px;
    left: 205px;
    white-space: nowrap
}

section.page-product-acne .bg-acne .mainvisual .inner .needs-label {
    position: absolute;
    top: 416px;
    left: 560px;
    font-size: 14px;
    color: #009697
}

section.page-product-acne .bg-acne .mainvisual .inner .needs-label li {
    float: left;
    background: #dff2fb;
    padding: 3px 12px 1px;
    margin-left: 8px
}

section.page-product-acne .bg-acne .mainvisual .inner .btn {
    position: absolute;
    top: 450px;
    left: 336px;
    width: 308px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    background-color: #fff
}

section.page-product-acne .bg-acne .mainvisual .inner .btn a {
    background: #fff;
    color: #000;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 308px;
    color: #009697;
    border: 1px solid #009697
}

section.page-product-acne .bg-acne .mainvisual .inner .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-acne .bg-acne .mainvisual .inner .btn a:after {
    content: "";
    display: block;
    position: absolute;
    right: 3px;
    top: 12px;
    width: 19px;
    height: 16px;
    background: url(img/product/acne/arrow.jpg) no-repeat;
    background-size: 10px 11px
}

section.page-product-acne .bg-acne>.component_block {
    padding-top: 180px;
    padding-bottom: 80px;
    margin-bottom: 35px
}

section.page-product-acne .bg-acne>.component_block>.headline {
    text-align: center;
    margin-bottom: 56px
}

section.page-product-acne .bg-acne>.component_block .bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    margin-bottom: 60px
}

section.page-product-acne .bg-acne>.component_block .bodycopy-2,
section.page-product-acne .bg-acne>.component_block .bodycopy-3 {
    position: absolute;
    top: 40px;
    left: -40px;
    font-size: 16px;
    white-space: nowrap
}

section.page-product-acne .bg-acne .content .headline {
    width: 408px;
    height: 165px;
    background: url(img/product/acne/needs-area_bg.png) no-repeat top;
    background-size: 868px 215px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.4;
    letter-spacing: 4px;
    color: #009697;
    padding: 50px 0 0 580px;
    margin-bottom: 40px
}

section.page-product-acne .bg-acne .content .inner {
    height: 100%;
    border-radius: 5px;
    width: 755px;
    height: 255px;
    padding: 45px 32px 70px;
    background: #f4fcfd;
    border: 1px solid #009697;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    clear: both;
    margin: 0 auto
}

section.page-product-acne .bg-acne .content .inner .one-half-l {
    float: left;
    width: 310px
}

section.page-product-acne .bg-acne .content .inner .one-half-l .box01,
section.page-product-acne .bg-acne .content .inner .one-half-l .box02 {
    position: relative;
    height: 112px
}

section.page-product-acne .bg-acne .content .inner .one-half-l .box01 dl,
section.page-product-acne .bg-acne .content .inner .one-half-l .box02 dl {
    padding: 0;
    margin: 0
}

section.page-product-acne .bg-acne .content .inner .one-half-l .box01 dl .name,
section.page-product-acne .bg-acne .content .inner .one-half-l .box02 dl .name {
    position: absolute;
    top: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #009697;
    white-space: nowrap
}

section.page-product-acne .bg-acne .content .inner .one-half-l .box01 {
    margin-bottom: 40px;
    border-bottom: 1px solid #c7e5f1
}

section.page-product-acne .bg-acne .content .inner .one-half-r {
    position: relative;
    float: right;
    width: 420px;
    height: 264px
}

section.page-product-acne .bg-acne .content .inner .one-half-r dl .name {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #009697
}

section.page-product-acne .bg-acne .content .inner .one-half-r dl .bodycopy {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 4px;
    padding-bottom: 40px
}

section.page-product-acne .bg-acne .content .inner .one-half-r .figure_txtcv {
    position: absolute;
    top: 262px;
    left: 70px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap
}

section.page-product-acne .bg-acne .content .inner .sectional-view {
    position: absolute;
    width: 420px;
    top: 80px;
    left: -40px
}

section.page-product-acne .bg-acne .content .inner .annotation {
    position: absolute;
    top: 247px;
    left: 0
}

section.page-product-acne .bg-acne .content .inner .figure_txt {
    position: absolute;
    text-align: center;
    top: 257px;
    left: 75px;
    font-size: 13px
}

section.page-product-acne .bg-acne .content .annotation {
    clear: both
}

section.page-product-acne .products-lineup {
    margin-top: -60px
}

section.page-product-acne .products-lineup .inner .list .item .name {
    color: #009697
}

section.page-product-acne .products-lineup .inner .list .item .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    line-height: 1!important;
    background-color: #009697
}

section.page-product-acne .products-lineup .inner .list .item .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-product-acne .products-lineup .inner .list .item .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-product-acne .products-lineup .inner .list .item .btn a:after {
    top: 16px!important
}

section.page-product-acne .quality {
    height: 534px;
    background: url(img/product/acne/quality_bg.jpg) no-repeat top;
    background-size: 1400px 534px;
    margin-bottom: 80px
}

section.page-product-acne .quality .inner {
    position: relative;
    width: 980px;
    height: 534px;
    margin: 0 auto
}

section.page-product-acne .quality .inner .headline {
    position: absolute;
    top: 117px;
    left: 52px
}

section.page-product-acne .quality .inner .bodycopy {
    position: absolute;
    top: 200px;
    left: 13px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 2.6
}

section.page-product-acne .quality .inner .annotation {
    position: absolute;
    bottom: 28px;
    left: 0
}

section.page-2017-spring>section {
    position: relative;
    display: block;
    width: 100%;
    min-width: 980px;
    max-width: 1600px
}

section.page-2017-spring>section:after {
    content: "";
    display: block;
    clear: both
}

section.page-2017-spring .mainvisual .inner,
section.page-2017-spring .product_area .inner,
section.page-2017-spring .story_01 .inner {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    padding: 0
}

section.page-2017-spring .mainvisual .inner .text,
section.page-2017-spring .product_area .inner .text,
section.page-2017-spring .story_01 .inner .text {
    font-size: 16px;
    line-height: 2.3;
    letter-spacing: .25em
}

section.page-2017-spring .annotation {
    font-size: 10px;
    color: #999
}

section.page-2017-spring div.wrapper {
    position: relative;
    background: url(img/special/2017spring/story_03_bg.jpg) top no-repeat;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    min-width: 980px;
    max-width: 1600px
}

section.page-2017-spring .mainvisual {
    background: url(img/special/2017spring/mainvisual_bg.jpg) top no-repeat;
    background-size: 1600px 600px;
    height: 600px;
    margin: 50px auto 0
}

section.page-2017-spring .mainvisual .inner {
    padding-top: 120px
}

section.page-2017-spring .mainvisual .inner p {
    text-align: left
}

section.page-2017-spring .mainvisual .inner .headline {
    text-align: left;
    margin-bottom: 50px
}

section.page-2017-spring .mainvisual .inner .text:nth-child(2) {
    padding-bottom: 20px
}

section.page-2017-spring .mainvisual .inner .text-blank-01 {
    margin-bottom: 20px
}

section.page-2017-spring .story_01 .inner {
    padding-top: 80px;
    position: relative;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

section.page-2017-spring .story_01 .inner .text {
    margin-bottom: 30px
}

section.page-2017-spring .story_01 .inner .text:nth-child(2) {
    margin-bottom: 45px
}

section.page-2017-spring .story_01 .inner .logo {
    margin-bottom: 20px
}

section.page-2017-spring .story_01 .inner .annotation {
    padding-bottom: 80px
}

section.page-2017-spring .product_area {
    background: hsla(0, 0%, 100%, .6);
    border-top: 1px solid #fff
}

section.page-2017-spring .product_area .inner {
    position: relative;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 70px;
    margin-bottom: 0
}

section.page-2017-spring .product_area .inner .headline {
    margin-bottom: 37px
}

section.page-2017-spring .product_area .inner .figure {
    position: relative;
    margin: 0 auto 37px 0
}

section.page-2017-spring .product_area .inner .icon {
    position: absolute;
    right: 175px;
    top: 90px
}

section.page-2017-spring .product_area .inner .annotation {
    position: absolute;
    top: 130px
}

section.page-2017-spring .product_area .inner .logo {
    margin: 40px 0 20px
}

section.page-2017-spring .product_area .inner .subheads {
    margin-bottom: 38px
}

section.page-2017-spring .product_area .share {
    text-align: center;
    padding-bottom: 64px
}

section.page-2017-spring .product_area .share .sharebtn {
    width: 148px;
    margin: 20px auto 0
}

section.page-2017-spring .product_area .share .sharebtn .btn {
    display: inline-block;
    margin-left: 6px
}

section.page-2017-spring .product_area .share .sharebtn .btn:first-child {
    margin-left: 0
}

section.page-2017-spring .product_area .share .sharebtn .btn:nth-child(2) {
    height: 23px;
    vertical-align: top
}

section.page-2017-spring .box_amino_acid {
    background: url(img/about/baby-amino-acid_bg.jpg) 50% no-repeat;
    background-size: 1600px 600px;
    padding: 80px 0;
    margin: 0 auto
}

section.page-2017-spring .box_amino_acid .inner {
    display: table;
    background: hsla(0, 0%, 100%, .5);
    width: 820px;
    padding: 80px 86px 80px 74px;
    margin: 0 auto;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

section.page-2017-spring .box_amino_acid .inner .icon {
    width: 209px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 48px
}

section.page-2017-spring .box_amino_acid .inner .box_text {
    display: table-cell;
    vertical-align: middle
}

section.page-2017-spring .box_amino_acid .inner .box_text .headline {
    margin-bottom: 25px
}

section.page-2017-spring .box_amino_acid .inner .box_text .text {
    margin-bottom: 25px;
    font-size: 14px;
    letter-spacing: .18em;
    line-height: 2;
    text-align: justify
}

section.page-2017-spring .box_amino_acid .inner .box_text .text .text_highlight {
    font-size: 14px;
    font-weight: 700;
    background: url(img/product/index/bg_text_highlight.png) 0 10px repeat-x;
    background-size: 10px 10px
}

section.page-2017-spring .box_amino_acid .inner .box_text .link_text_anchor {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 34px;
    white-space: nowrap
}

section.page-2017-spring .box_amino_acid .inner .box_text .link_text_anchor a {
    text-decoration: none;
    color: #000
}

section.page-2017-spring .box_amino_acid .inner .box_text .link_text_anchor a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -8px;
    right: -22px;
    width: 16px;
    height: 14px;
    background: url(img/product/index/icon_anchor_style_text.png) 0 0 no-repeat;
    background-size: 16px 14px
}

section.page-2017-spring .box_amino_acid {
    background: url(img/about/baby-amino-acid_bg.jpg) 50% no-repeat;
    background-size: 1600px 730px;
    padding: 100px 0;
    margin: 0 auto
}

section.page-2017-spring .box_amino_acid .inner {
    width: 820px;
    padding: 54px 86px 44px 74px;
    margin: 0 auto;
    border: 1px solid #fff
}

section.page-2017-spring .cherry_blossoms {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    display: block;
    width: 100%;
    min-width: 980px;
    max-width: 1600px
}

section.page-2017-spring .cherry_blossoms p {
    z-index: 50;
    height: auto
}

section.page-2017-spring .cherry_blossoms .petal_01 {
    position: absolute;
    width: 1267px;
    left: 15%;
    right: 0;
    top: 0
}

section.page-2017-spring .cherry_blossoms .petal_02 {
    position: absolute;
    width: 850px;
    left: 15%;
    top: 40%;
    right: 0
}

section.page-2017-spring .cherry_blossoms .petal_03 {
    position: absolute;
    width: 796px;
    left: 18%;
    top: 5%;
    right: 0
}

section.page-2017-spring .cherry_blossoms .petal_04 {
    position: absolute;
    width: 1052px;
    left: 4%;
    top: 1%;
    right: 0
}

section.page-2017-spring .wrapper-components {
    margin-top: 0
}

section.page-2017-spring .animation,
section.page-2017-spring .animation_back,
section.page-2017-spring .animation_scroll {
    opacity: 0
}

section.page-2017-spring .animation {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: c;
    animation-name: c;
    visibility: visible!important
}

section.page-2017-spring .fadeIn,
section.page-2017-spring .fadeInDown {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: b;
    animation-name: b;
    visibility: visible!important
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes b {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes c {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes c {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

section.page-2017-spring .animation {
    -webkit-animation-name: c;
    animation-name: c
}

section.page-special-20 {
    max-width: 1600px;
    min-width: 980px;
    margin: 0 auto;
    text-align: center
}

section.page-special-20 div.inner {
    padding: 0
}

section.page-special-20 .mainvisual {
    background: url(img/special/20/main_bg.jpg) no-repeat 50%;
    background-size: 1600px auto;
    border-bottom: 15px solid #fff
}

section.page-special-20 .mainvisual:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .mainvisual .inner {
    width: 980px;
    margin: 0 auto
}

section.page-special-20 .mainvisual .inner .txt {
    width: 443px;
    float: left;
    padding: 25px 0 0 33px;
    text-align: center
}

section.page-special-20 .mainvisual .inner .txt .catch {
    margin: 22px 0 25px 2px
}

section.page-special-20 .mainvisual .inner .txt .click_mv {
    margin: 9px 0 0
}

section.page-special-20 .mainvisual .inner .txt .caption {
    font-size: 10px;
    color: #999;
    margin: 0 0 10px
}

section.page-special-20 .mainvisual .inner .figure {
    position: relative;
    float: right;
    width: 476px
}

section.page-special-20 .mainvisual .inner .figure .illust {
    margin: 3px 0 0
}

section.page-special-20 .mainvisual .inner .figure .product {
    position: absolute;
    bottom: -5px;
    right: 68px
}

section.page-special-20 .diagnosis .aruaru {
    background: url(img/special/20/aruaru_bg.jpg);
    background-size: cover;
    padding: 40px 0 71px
}

section.page-special-20 .diagnosis .aruaru .inner {
    position: relative;
    width: 812px;
    margin: 0 auto
}

section.page-special-20 .diagnosis .aruaru .inner .check {
    z-index: 10;
    width: 176px;
    text-align: center;
    margin: 0 auto 38px;
    padding: 11px 0 9px;
    border-radius: 20px;
    background-color: rgba(180, 223, 227, .7)
}

section.page-special-20 .diagnosis .aruaru .inner .check .circle {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 4px
}

section.page-special-20 .diagnosis .aruaru .inner .check .circle .checked {
    width: 18px;
    position: absolute;
    top: -1px;
    left: 2px
}

section.page-special-20 .diagnosis .aruaru .inner .question {
    position: relative;
    background: url(img/special/20/aruaru_flame.png) no-repeat 50%, #fff;
    background-size: 802px;
    border-radius: 20px;
    padding: 5px;
    margin: 0 0 89px
}

section.page-special-20 .diagnosis .aruaru .inner .question:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .diagnosis .aruaru .inner .question .txt {
    float: left;
    width: 334px;
    margin-left: 50px;
    padding: 64px 0 84px
}

section.page-special-20 .diagnosis .aruaru .inner .question .txt .percent {
    width: 260px;
    margin: 30px auto 4px
}

section.page-special-20 .diagnosis .aruaru .inner .question .txt .percent:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .diagnosis .aruaru .inner .question .txt .percent .text {
    float: left;
    margin-top: 15px
}

section.page-special-20 .diagnosis .aruaru .inner .question .txt .percent .number {
    float: left;
    margin-left: 15px
}

section.page-special-20 .diagnosis .aruaru .inner .question .figure {
    float: right;
    width: 363px;
    margin: 42px 38px 0 0
}

section.page-special-20 .diagnosis .aruaru .inner .question .click {
    position: absolute;
    bottom: -55px;
    left: 50%;
    margin-left: -55px
}

section.page-special-20 .diagnosis .aruaru .inner .finish {
    margin: 0 0 10px;
    padding: 4px 0 0;
    text-align: center
}

section.page-special-20 .diagnosis .aruaru .inner .finish .arrow {
    margin: -15px 0 0
}

section.page-special-20 .diagnosis .result {
    display: none;
    background: url(img/special/20/result_bg_2_atype.jpg) no-repeat top;
    background-size: 1600px auto
}

section.page-special-20 .diagnosis .result .inner {
    width: 644px;
    margin: 0 auto;
    background: url(img/special/20/result_bg_03.png) no-repeat top;
    background-size: 644px auto;
    text-align: center
}

section.page-special-20 .diagnosis .result .inner .headline {
    padding: 91px 0 45px
}

section.page-special-20 .diagnosis .result .inner .check {
    margin-bottom: 36px
}

section.page-special-20 .diagnosis .result .inner .check .circle {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #ccc;
    border-radius: 12px;
    margin-left: 6px
}

section.page-special-20 .diagnosis .result .inner .check .circle .checked {
    position: absolute;
    width: 26px;
    top: 0;
    left: 3px
}

section.page-special-20 .diagnosis .result .inner .comment {
    margin: 0 0 14px
}

section.page-special-20 .diagnosis .result .inner .number {
    margin: 15px 0 21px
}

section.page-special-20 .diagnosis .result .inner .average {
    margin: 0 0 39px
}

section.page-special-20 .diagnosis .result .inner .message {
    background: url(img/special/20/result_bg_atype.jpg);
    background-size: cover;
    border-radius: 25px;
    padding: 52px 0 38px
}

section.page-special-20 .diagnosis .result .inner .message .caption {
    margin: 0 0 27px
}

section.page-special-20 .diagnosis .result .inner .message .sub {
    margin: 0 0 26px
}

section.page-special-20 .diagnosis .result .inner .message .txt {
    font-size: 15px;
    line-height: 35px;
    letter-spacing: 4px
}

section.page-special-20 .diagnosis .result .recommend {
    padding: 73px 0 114px
}

section.page-special-20 .diagnosis .result .recommend .illust {
    margin: 20px 0 0
}

section.page-special-20 .secret {
    display: none;
    background: url(img/special/20/aruaru_bg.jpg);
    background-size: cover;
    padding: 87px 0 0;
    position: relative
}

section.page-special-20 .secret .inner {
    width: 812px;
    margin: 0 auto
}

section.page-special-20 .secret .inner .headline {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -138px
}

section.page-special-20 .secret .inner .contents {
    background-color: #fff;
    border-radius: 10px;
    padding: 60px 0 0
}

section.page-special-20 .secret .inner .contents .block {
    width: 700px;
    margin: 0 auto;
    position: relative
}

section.page-special-20 .secret .inner .contents .block:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .secret .inner .contents .block:first-child .figure {
    margin-top: 50px
}

section.page-special-20 .secret .inner .contents .block:nth-child(3) .figure {
    margin-top: 16px
}

section.page-special-20 .secret .inner .contents .block:last-child .figure {
    margin-top: 11px
}

section.page-special-20 .secret .inner .contents .block:after {
    content: "";
    width: 700px;
    height: 115px;
    background: url(img/special/20/secret_line.gif) no-repeat 50%;
    background-size: 100% auto
}

section.page-special-20 .secret .inner .contents .block:last-child:after {
    height: 60px;
    background: #fff
}

section.page-special-20 .secret .inner .contents .block .txt {
    float: left;
    width: 336px
}

section.page-special-20 .secret .inner .contents .block .txt:nth-child(odd) {
    margin-right: 28px
}

section.page-special-20 .secret .inner .contents .block .txt:nth-child(2n) {
    margin-left: 28px
}

section.page-special-20 .secret .inner .contents .block .txt .number {
    text-align: center;
    margin: 0 0 25px
}

section.page-special-20 .secret .inner .contents .block .txt .sub {
    margin: 0 0 24px
}

section.page-special-20 .secret .inner .contents .block .txt .text {
    text-align: left;
    line-height: 30px;
    letter-spacing: 3px
}

section.page-special-20 .secret .inner .contents .block .txt .text span {
    font-weight: 700;
    background: -webkit-linear-gradient(transparent 50%, #d9f2f3 0);
    background: linear-gradient(transparent 50%, #d9f2f3 0)
}

section.page-special-20 .secret .inner .contents .block .txt .caption {
    text-align: left;
    font-size: 10px;
    color: #999;
    margin: 24px 0 0
}

section.page-special-20 .secret .inner .contents .block .figure {
    float: left;
    width: 336px
}

section.page-special-20 .secret .inner .share {
    padding: 74px 0 60px;
    background: url(img/special/20/share_bg.png) no-repeat 50%;
    background-size: 530px auto;
    text-align: center
}

section.page-special-20 .secret .inner .share .sharebtn {
    width: 148px;
    margin: 22px auto 0
}

section.page-special-20 .secret .inner .share .sharebtn .btn {
    display: inline-block;
    margin-left: 6px
}

section.page-special-20 .secret .inner .share .sharebtn .btn:first-child {
    margin-left: 0
}

section.page-special-20 .secret .inner .share .sharebtn .btn:nth-child(2) {
    height: 23px;
    vertical-align: top
}

section.page-special-20 .lineup {
    display: none;
    position: relative;
    width: 100%;
    min-width: 980px;
    max-width: 1600px;
    overflow: hidden;
    margin: 0 auto;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

section.page-special-20 .lineup:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .lineup .wrap_line {
    background: #fff url(img/special/20/product_bg.jpg) top no-repeat;
    background-size: 1600px
}

section.page-special-20 .lineup .wrap_line:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .lineup .wrap_line .inner.line {
    width: 814px;
    margin: 0 auto;
    text-align: center;
    padding: 55px 0 50px
}

section.page-special-20 .lineup .wrap_line .inner.line .try {
    margin: 0 500px 0 0
}

section.page-special-20 .lineup .wrap_line .inner.line .voice {
    margin: -33px 0 0 70px
}

section.page-special-20 .lineup .wrap_line .inner.line .txt {
    font-size: 10px;
    color: #999;
    margin: 15px 0 30px
}

section.page-special-20 .lineup .wrap_line .inner.line .caption {
    height: 22px;
    margin: 0 auto
}

section.page-special-20 .lineup .wrap_line .inner.line .figure {
    margin: 34px 0 30px;
    height: 148px
}

section.page-special-20 .lineup .wrap_line .inner.line .icon_baby_amino_acid {
    position: absolute;
    top: 135px;
    right: 22px
}

section.page-special-20 .lineup .wrap_line .inner.line .product_name {
    height: 24px;
    margin: 0 auto
}

section.page-special-20 .lineup .wrap_line .inner.line .box_ingredient {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    width: 300px;
    margin: 26px auto 0;
    text-align: left;
    background-color: hsla(0, 0%, 100%, .3)
}

section.page-special-20 .lineup .wrap_line .inner.line .box_ingredient dl {
    position: relative;
    z-index: 10;
    min-height: 36px;
    margin: 14px 10px 0;
    padding-bottom: 11px
}

section.page-special-20 .lineup .wrap_line .inner.line .box_ingredient dl .level_1 {
    font-size: 13px;
    font-weight: 700
}

section.page-special-20 .lineup .wrap_line .inner.line .box_ingredient dl .level_2 {
    font-size: 12px
}

section.page-special-20 .lineup .wrap_line .inner.line .box_ingredient dl .level_3 {
    font-size: 10px;
    color: #999;
    width: 82%
}

section.page-special-20 .lineup .wrap_line .inner.line .box_ingredient dl .icon_new_compound {
    position: absolute;
    top: 3px;
    right: 0;
    margin-top: -3px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru {
    position: relative;
    float: left;
    width: 770px;
    height: 445px;
    padding: 40px 20px 0;
    margin: 0 0 28px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info:after {
    content: "";
    display: block;
    clear: both
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_text {
    float: left;
    margin: 48px 0 0 80px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_text .caption {
    margin: 0 auto 20px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_text .product_name {
    height: 54px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_text .box_ingredient {
    border: 1px solid #f7cdd6;
    margin: 22px 0 0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_text .box_ingredient dl:first-child {
    border-bottom: 1px dotted #f7cdd6
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_text .box_ingredient .level_1 {
    color: #b20a2d
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_image {
    float: left;
    margin: 0 0 0 65px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_image .figure {
    margin: 42px 0 0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_image .figure img {
    width: 145px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .info .info_image .icon_baby_amino_acid {
    top: 177px;
    right: 50px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #b20a2d;
    margin: 32px auto 0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_tsurutsuru .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku {
    position: relative;
    float: left;
    width: 352px;
    padding: 45px 20px 0;
    height: 555px;
    margin: 0 24px 0 0;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku .box_ingredient {
    border: 1px solid #96b0f0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku .box_ingredient dl:first-child {
    border-bottom: 1px dotted #96b0f0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku .box_ingredient .level_1 {
    color: #0a37a5
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #0a37a5;
    margin: 51px auto 0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_bihaku .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya {
    position: relative;
    float: left;
    width: 352px;
    padding: 45px 20px 0;
    height: 555px;
    border: 1px solid #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .box_ingredient {
    border: 1px solid #ffd260
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .box_ingredient dl:first-child {
    border-bottom: 1px dotted #ffd260
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .box_ingredient .level_1 {
    color: #fa9f00
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .box_ingredient .icon_new_compound {
    top: 8px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .btn a {
    color: #fff;
    position: relative;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-align: center;
    padding: 12px 0 10px;
    line-height: 1;
    text-decoration: none;
    width: 224px;
    display: block;
    margin: 0 auto;
    background-color: #fa9f00;
    margin-top: -2px;
    margin: 25px auto 0
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 11px;
    height: 10px;
    background: url(img/product/index/icon_anchor_style_btn.png) 0 0 no-repeat;
    background-size: 11px 10px
}

section.page-special-20 .lineup .wrap_line .inner.line .line_haritsuya .btn a:hover {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: .6
}

section.page-special-20 .lineup .wrap_line .inner.line .annotation {
    clear: both;
    font-size: 10px;
    color: #999;
    text-align: left;
    padding-top: 15px
}

section.page-special-20 .container_twitter {
    display: inline
}

section.page-special-20 .lotionset-20170221 .inner {
    padding: 0 0 50px
}

section.page-special-20 .annotation_lotionset {
    text-align: left
}

section.page-about>section {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    min-width: 980px;
    max-width: 1600px;
    margin: 0 auto
}

section.page-about>section:after {
    content: "";
    display: block;
    clear: both
}

section.page-about .mainvisual .inner,
section.page-about .story_02 .inner,
section.page-about .story_03 .inner {
    width: 980px;
    margin: 0 auto
}

section.page-about .mainvisual .inner .box_text,
section.page-about .story_02 .inner .box_text,
section.page-about .story_03 .inner .box_text {
    width: 540px;
    text-align: center;
    white-space: nowrap
}

section.page-about .mainvisual .inner .box_text .text,
section.page-about .story_02 .inner .box_text .text,
section.page-about .story_03 .inner .box_text .text {
    font-size: 16px;
    line-height: 2.3;
    letter-spacing: .25em
}

section.page-about .annotation {
    font-size: 10px;
    color: #999
}

section.page-about .mainvisual {
    background: url(img/about/mainvisual_bg.jpg) top no-repeat;
    background-size: 1600px 600px;
    height: 600px;
    margin-top: 50px
}

section.page-about .mainvisual .box_text {
    /* float: right; */
    /* margin-top: 150px; */
    margin: 110px auto;
}

section.page-about .mainvisual .box_text .headline {
    margin-bottom: 40px
}

section.page-about .story_02 {
    background: url(img/product/bihaku/quality_bg.jpg) top no-repeat;
    background-size: 1600px 600px;
    height: 600px
}

section.page-about .story_02 .box_text {
    margin: 150px 0 160px
}

section.page-about .story_03 {
    background: url(img/about/mainvisual_bg.jpg) top no-repeat;
    background-size: 1600px 600px;
    height: 600px;
    margin-bottom: 2px
}

section.page-about .story_03 .box_text {
    /*float: right;
    margin-top: 120px*/
    margin: 120px auto;
}

section.page-about .story_03 .box_text .text {
    margin-bottom: 60px
}

section.page-about .box_amino_acid {
    background: url(img/about/baby-amino-acid_bg.jpg) 50% no-repeat;
    background-size: 1600px 600px;
    padding: 80px 0
}

section.page-about .box_amino_acid .inner {
    display: table;
    background: hsla(0, 0%, 100%, .5);
    width: 820px;
    padding: 80px 86px 80px 74px;
    margin: 0 auto;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px
}

section.page-about .box_amino_acid .inner .icon {
    width: 209px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 48px
}

section.page-about .box_amino_acid .inner .box_text {
    display: table-cell;
    vertical-align: middle
}

section.page-about .box_amino_acid .inner .box_text .headline {
    margin-bottom: 25px
}

section.page-about .box_amino_acid .inner .box_text .text {
    margin-bottom: 25px;
    font-size: 14px;
    letter-spacing: .18em;
    line-height: 2;
    text-align: justify
}

section.page-about .box_amino_acid .inner .box_text .text .text_highlight {
    font-size: 14px;
    font-weight: 700;
    background: url(img/product/index/bg_text_highlight.png) 0 10px repeat-x;
    background-size: 10px 10px
}

section.page-about .box_amino_acid .inner .box_text .link_text_anchor {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-bottom: 34px;
    white-space: nowrap
}

section.page-about .box_amino_acid .inner .box_text .link_text_anchor a {
    text-decoration: none;
    color: #000
}

section.page-about .box_amino_acid .inner .box_text .link_text_anchor a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -8px;
    right: -22px;
    width: 16px;
    height: 14px;
    background: url(img/product/index/icon_anchor_style_text.png) 0 0 no-repeat;
    background-size: 16px 14px
}

section.page-about .wrapper-components {
    margin-top: 30px
}

section.page-about #lineup .wrap_line .inner.line .line_bihaku,
section.page-about #lineup .wrap_line .inner.line .line_haritsuya,
section.page-about #lineup .wrap_line .inner.line .line_tsurutsuru {
    height: 588px
}

section.page-about #lineup .wrap_line .inner.line .ingredient_intro {
    font-size: 12px;
    line-height: 2;
    padding-top: 19px;
    white-space: nowrap
}

section.page-shindan {
    max-width: 1600px;
    min-width: 980px;
    margin: 0 auto;
    padding: 117px 0 0;
    background: url(img/shindan/result_bg.jpg) no-repeat top;
    background-size: cover;
    background-attachment: fixed
}

section.page-shindan>.headline {
    width: 221px;
    margin: 0 auto
}

section.page-shindan .more {
    position: relative;
    box-sizing: border-box;
    width: 246px;
    margin: 58px auto 0;
    padding: 0 0 0 47px;
    border: 1px solid #777;
    border-radius: 4px;
    background: #fff;
    text-align: left;
    line-height: 46px
}

section.page-shindan .more:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 17px;
    width: 17px;
    height: 17px;
    margin: -8px 0 0;
    background: url(img/shindan/result_icon_replay.png) no-repeat 50%;
    background-size: 17px 17px
}

section.page-shindan .more a {
    color: #434343;
    text-decoration: none
}

section.page-shindan .share .headline {
    width: 282px;
    margin: 38px auto 21px;
    padding: 0
}

section.page-shindan .share .sharebtn {
    width: 146px;
    margin: 0 auto 10px;
    padding: 0 0 102px
}

section.page-shindan .share .sharebtn .btn {
    display: inline-block;
    margin-left: 4px
}

section.page-shindan .share .sharebtn .btn:first-child {
    margin-left: 0
}

section.page-shindan .share .sharebtn .btn:nth-child(2) {
    height: 23px;
    vertical-align: top
}

section.page-shindan .lotionset {
    padding: 34px 0 0;
    background: #fff
}

section.page-shindan .character {
    position: relative;
    width: 980px;
    margin: 41px auto 54px;
    padding: 14px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #f2f2f2;
    box-shadow: -1px 4px 0 0 rgba(0, 0, 0, .05)
}

section.page-shindan .character:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 242px;
    height: 64px;
    margin: -14px 0 0 -121px;
    background: url(img/shindan/result_character_clip.png) no-repeat;
    background-size: 100%
}

section.page-shindan .character .inner {
    padding: 0 0 63px;
    border-radius: 2px;
    background: #fff;
    box-shadow: -1px 2px 0 0 rgba(0, 0, 0, .05)
}

section.page-shindan .character .label {
    width: 140px;
    padding: 30px 0 0 30px
}

section.page-shindan .character .headline {
    width: 313px;
    margin: -30px 0 67px 68px;
    padding: 0
}

section.page-shindan .character .name {
    width: 383px;
    margin: 0 0 0 41px
}

section.page-shindan .character .illust {
    position: absolute;
    top: 76px;
    right: 33px;
    width: 525px
}

section.page-shindan .character .bodycopy {
    width: 382px;
    margin: 0 0 0 38px;
    padding: 0 0 2px;
    font-size: 16px;
    line-height: 44px;
    color: #434343;
    background: url(img/shindan/result_line.gif) top repeat-y;
    background-size: 281px auto;
    text-align: center
}

section.page-shindan .tips {
    width: 812px;
    margin: 0 auto
}

section.page-shindan .tips [class^=tips] {
    position: relative;
    background: #fff;
    border-radius: 3px
}

section.page-shindan .tips [class^=tips] .label {
    position: absolute;
    top: -34px;
    left: 50%;
    width: 242px;
    margin: 0 0 0 -121px
}

section.page-shindan .tips .headline {
    width: 256px;
    margin: 0 auto 66px;
    padding: 0
}

section.page-shindan .tips .tips1 {
    margin: 0 auto 75px;
    padding: 84px 0 48px
}

section.page-shindan .tips .tips1:after {
    content: "";
    display: block;
    clear: both
}

section.page-shindan .tips .tips1 .caption {
    width: 590px;
    margin: 0 auto
}

section.page-shindan .tips .tips1 .headline {
    width: 546px;
    margin: 26px auto 7px
}

section.page-shindan .tips .tips1 .illust {
    float: left;
    width: 300px;
    margin: 0 0 0 93px
}

section.page-shindan .tips .tips1 .bodycopy {
    float: left;
    width: 315px;
    margin: 50px 0 0 20px;
    padding-bottom: 2px;
    font-size: 13px;
    text-align: center;
    line-height: 45px;
    color: #434343;
    background: url(img/shindan/result_line.gif) top repeat-y;
    background-size: 281px auto
}

section.page-shindan .tips .tips2 {
    position: relative;
    padding: 84px 0 95px
}

section.page-shindan .tips .tips2 .caption {
    width: 340px;
    margin: 0 auto
}

section.page-shindan .tips .tips2 .headline {
    width: 650px;
    margin: 28px auto 41px
}

section.page-shindan .tips .tips2 .balloon {
    width: 223px;
    margin: 0 0 23px 128px
}

section.page-shindan .tips .tips2 [class^=line-] .name {
    width: 281px;
    margin: 0 0 18px 98px
}

section.page-shindan .tips .tips2 [class^=line-] .illust {
    position: absolute;
    top: 201px;
    right: 76px;
    width: 332px;
    margin: 0
}

section.page-shindan .tips .tips2 [class^=line-] .illust span {
    position: absolute;
    right: 15px;
    bottom: 20px;
    width: 94px
}

section.page-shindan .tips .tips2 [class^=line-] .btn a {
    display: block;
    position: relative;
    width: 224px;
    height: 32px;
    margin: 5px 0 0 125px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 4px
}

section.page-shindan .tips .tips2 [class^=line-] .btn a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    width: 12px;
    height: 9px;
    margin: -5px 0 0;
    background: url(img/shindan/result_tips_2_bt_arrow.png) no-repeat 50%;
    background-size: 12px 9px
}

section.page-shindan .tips .tips2 [class^=line-] .baby-amino-acid {
    position: absolute;
    top: 216px;
    right: 309px;
    width: 102px;
    margin: 0
}

section.page-shindan .tips .tips2 [class^=line-] .annotation {
    position: absolute;
    bottom: 12px;
    right: 16px
}

section.page-shindan .tips .tips2 [class^=line-] .annotation li {
    display: inline-block;
    font-size: 9px;
    margin: 0 0 0 10px;
    color: #777
}

section.page-shindan .tips .tips2 [class^=line-] .annotation li .sp−line {
    display: none
}

section.page-shindan .tips .tips2 .line-haritsuya .btn a {
    background: #fa9f00
}

section.page-shindan .tips .tips2 .line-haritsuya .annotation .annotation-2 {
    display: none
}

section.page-shindan .tips .tips2 .line-tsurutsuru .btn a {
    background: #b20a2d
}

section.page-shindan .tips .tips2 .line-tsurutsuru .annotation .annotation-2 {
    display: none
}

section.page-shindan .tips .tips2 .line-bihaku .btn a {
    background: #0a37a5
}