@charset "UTF-8";

@keyframes horizontal {
    0% {
        transform: translateX(-3px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes vertical {
    0% {
        transform: translateY(-16px);
    }

    100% {
        transform: translateY(0px);
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/***********************************************************************
base style
**********************************************************************/
html {
    font-size: 62.5%;
}

body {
    min-width: 320px;
    color: #000000;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1.86;
    font-size: 14px;
    font-size: 1.4rem;
}

img {
    vertical-align: top;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* layout base
----------------------------------------------------------*/
@media only screen and (min-width: 751px) {
    body {
        min-width: 1080px;
    }
}

@media only screen and (max-width: 750px) {
    body {
        -webkit-text-size-adjust: 100%;
        over-flow-x: hidden;
    }
}

.page-numbers {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 40px auto 0;
}

@media only screen and (max-width: 750px) {
    .page-numbers {
        margin: 20px auto 0;
    }
}

.page-numbers li {
    margin-right: 12px;
}

@media only screen and (max-width: 750px) {
    .page-numbers li {
        margin-right: 12px;
    }
}

.page-numbers li .page-numbers {
    width: 46px;
    height: 46px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: 'Roboto Condensed', 'arial', sans-serif;
    font-weight: 700;
    line-height: 46px;
    font-size: 16px;
    font-size: 1.6rem;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #60a183;
    background-color: white;
}

@media only screen and (min-width: 751px) {
    .page-numbers li .page-numbers:hover {
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background-color: #60a183;
        color: white;
    }
}

@media only screen and (max-width: 750px) {
    .page-numbers li .page-numbers {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.page-numbers li:last-child {
    margin-right: 0;
}

.page-numbers li .prev,
.page-numbers li .next {
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    background-color: #60a183;
}

.page-numbers li .prev,
.page-numbers li .next {
    padding: 0 20px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.page-numbers li .current {
    background-color: #60a183;
    color: white;
}

.page-numbers li .dots {
    width: auto;
    border: 0;
    background-color: none;
    background-color: transparent;
    color: #60a183;
}

/*  ********************************************************************************************************************************************************/
/*  loader  */
/*  ********************************************************************************************************************************************************/
.relative {
    position: relative;
}

.loader-ring {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
}

.loader-ring-light {
    width: 60px;
    height: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-box-shadow: 0 2px 0 #2381e9 inset;
    -webkit-box-shadow: 0 2px 0 #2381e9 inset;
    box-shadow: 0 2px 0 #2381e9 inset;
    animation: rotate-360 1s linear infinite;
}

.loader-ring-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
}

@keyframes rotate-360 {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/***********************************************************************
common rule
**********************************************************************/
/* .global-header
----------------------------------------------------------*/
header {
    position: relative;
}

.global-header {
    width: 100%;
    height: 100px;
    background-color: #60a183;
    padding-top: 6px;
    position: relative;
    z-index: 9999;
    box-shadow: 0px 4px 3px -3px #b6cccc;
    -webkit-box-shadow: 0px 4px 3px -3px #b6cccc;
    -moz-box-shadow: 0px 4px 3px -3px #b6cccc;
}

.global-header .inner {
    width: 100%;
    min-width: 1080px;
    height: 100px;
    background-color: #fff;
    position: relative;
}

.global-header .inner h1 {
    position: absolute;
    top: 46px;
    left: 40px;
}

.global-header .inner h1 a {
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("logo.png") no-repeat;
    background-size: contain;
    width: 211px;
    height: 33px;
}

.global-header .inner h1 a:hover {
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.global-header .inner .global-nav {
    position: absolute;
    right: 40px;
    top: 24px;
    display: block;
    text-align: right;
}

.global-header .inner .global-nav::after {
    content: "";
    display: block;
    clear: both;
}

.global-header .inner .global-nav ul {
    display: inline-block;
}

.global-header .inner .global-nav ul::after {
    content: "";
    display: block;
    clear: both;
}

.global-header .inner .global-nav li {
    display: inline-block;
}

.global-header .inner .global-nav li a {
    text-decoration: none;
}

.global-header .inner .global-nav li a:hover {
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.global-header .inner .global-nav .links-btn {
    letter-spacing: 0.05em;
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 10px;
    border: 1px solid #60a183;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    vertical-align: middle;
    margin-top: -2px;
}

.global-header .inner .global-nav .links-btn a {
    display: inline-block;
    color: #60a183;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}

.global-header .inner .global-nav .links-btn a br {
    display: none;
}

.global-header .inner .global-nav .links-btn a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-left: 8px;
    background: url("blank.png") no-repeat 0 0;
    background-size: 12px 9px;
}

.global-header .inner .global-nav .sns-btn {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
}

.global-header .inner .global-nav .sns-btn li {
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 10px;
}

.global-header .inner .global-nav .sns-btn li a {
    width: 18px;
    height: 18px;
    display: block;
    background: url("icon_facebook.svg") no-repeat 0 0;
    background-size: 18px 18px;
}

.global-header .inner .global-nav .sns-btn li.tw {
    margin-left: 0;
}

.global-header .inner .global-nav .sns-btn li.tw a {
    background: url("icon_TikTok") no-repeat 0 0;
    background-size: 18px 18px;
}

.global-header .inner .global-nav .sns-btn li.in a {
    background: url("icon_instagram.png") no-repeat 0 0;
    background-size: 18px 18px;
}

.global-header .inner .global-nav .sns-btn li.yo a {
    background: url("icon_youtube.svg") no-repeat 0 0;
    background-size: 18px 18px;
}

.global-header .inner .global-nav .menu-low {
    display: block;
    margin-top: 4px;
}

.global-header .inner .global-nav .menu-low::after {
    content: "";
    display: block;
    clear: both;
}

.global-header .inner .global-nav .story-page-btn {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 0;
}

.global-header .inner .global-nav .story-page-btn li {
    margin-right: 16px;
}

.global-header .inner .global-nav .story-page-btn li:last-child {
    margin-right: 0;
}

.global-header .inner .global-nav .story-page-btn li a:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background: url("circle_arrow.png") no-repeat 0 0;
    background-size: 13px 13px;
}

.global-header .inner .global-nav .sub-page-btn {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 10px;
    vertical-align: middle;
}

.global-header .inner .global-nav .sub-page-btn li a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-right: 6px;
    background: url("right_arrow.png") no-repeat 0 0;
    background-size: 5px 9px;
}

.global-header .inner .global-nav .sub-page-btn li:first-child {
    margin-right: 12px;
}

@media only screen and (min-width: 751px) {
    .global-header .inner {
        width: 100%;
        margin: 0 auto;
    }

    .global-header .global-nav {
        display: block;
    }

    .global-header .drawer-menu,
    .global-header .drawer-menu-contents {
        display: none;
    }
}

@media only screen and (max-width: 750px) {
    .global-header {
        width: 100%;
        height: 69px;
        position: fixed;
        z-index: 1000;
        display: block;
    }

    .global-header .inner {
        width: 100%;
        min-width: 100%;
        height: 69px;
        background-color: #fff;
        position: relative;
    }

    .global-header .inner h1 {
        z-index: 100;
        top: 22px;
        left: 20px;
    }

    .global-header .inner h1 a {
        width: 160px;
        height: 25px;
    }

    .global-header .inner h1 a:hover {
        opacity: 1;
    }

    .global-header .inner .drawer-menu {
        position: absolute;
        right: 0;
        top: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        z-index: 9999;
    }

    .global-header .inner .drawer-menu .btn {
        width: 75px;
        height: 69px;
        background: url("drawer_menu.png") no-repeat;
        background-size: 75px 69px;
        border-left: 1px solid #eeeeee;
    }

    .global-header .inner .on .btn {
        width: 75px;
        height: 69px;
        background: url("drawer_menu_on.png") no-repeat;
        background-size: 75px 69px;
        border-left: 2px solid #eeeeee;
    }

    .global-header .inner .drawer-menu-contents {
        width: 100%;
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 1;
        display: none;
    }

    .global-header .inner .drawer-menu-contents .inner {
        margin: 0 0 80px;
        padding: 0 20px 120px;
        box-sizing: border-box;
        background-color: #eff5e3;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-link {
        margin-bottom: 30px;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-link li {
        border-bottom: 1px dashed #60a183;
        margin-left: 0;
        padding-left: 19px;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-link li a {
        padding: 20px 0;
        color: #000000;
        text-decoration: none;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        color: #60a183;
        font-weight: bold;
        display: block;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-sub-link {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 30px;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-sub-link li {
        margin-bottom: 6px;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-sub-link li:last-child {
        margin-bottom: 0;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn {
        vertical-align: middle;
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn li {
        width: 30px;
        height: 30px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 26px;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn li a {
        width: 30px;
        height: 30px;
        display: block;
        background: url("icon_facebook.svg") no-repeat 0 0;
        background-size: 30px 30px;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn li.tw {
        margin-left: 0;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn li.tw a {
        background: url("icon_TikTok") no-repeat 0 0;
        background-size: 30px 30px;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn li.in a {
        background: url("icon_instagram.png") no-repeat 0 0;
        background-size: 30px 30px;
    }

    .global-header .inner .drawer-menu-contents .inner .sns-btn li.yo a {
        background: url("icon_youtube.svg") no-repeat 0 0;
        background-size: 30px 30px;
    }

    .global-header .inner .drawer-menu-contents .inner .blank-link {
        margin-bottom: 60px;
    }

    .global-header .inner .drawer-menu-contents .inner .blank-link li {
        height: 70px;
        margin-bottom: 10px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .global-header .inner .drawer-menu-contents .inner .blank-link li a {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .global-header .inner .drawer-menu-contents .inner .blank-link li:last-child {
        margin-bottom: 0;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-ukiuki {
        background-color: #df487c;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-ukiuki a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("ukiuki.png") no-repeat 50% 50%;
        background-size: 166px 39px;
        display: inline-block;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-skincare {
        background-color: #f6bdc0;
    }

    .global-header .inner .drawer-menu-contents .inner .drawer-skincare a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("skincare_2019.png") no-repeat 50% 50%;
        background-size: 242px 50px;
        display: inline-block;
    }

    .global-header .inner .drawer-menu-contents .inner .close-btn {
        text-align: center;
        padding: 0 40px;
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        background-color: #60a183;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        color: #fff;
        height: 48px;
        line-height: 48px;
        cursol: pointer !important;
    }

    .global-header .inner .global-nav {
        position: absolute;
        right: 88px;
        top: 50%;
        display: block;
        text-align: right;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .global-header .inner .global-nav::after {
        content: "";
        display: block;
        clear: both;
    }

    .global-header .inner .global-nav ul {
        display: inline-block;
    }

    .global-header .inner .global-nav ul::after {
        content: "";
        display: block;
        clear: both;
    }

    .global-header .inner .global-nav li {
        display: inline-block;
    }

    .global-header .inner .global-nav li a {
        text-decoration: none;
    }

    .global-header .inner .global-nav li a:hover {
        opacity: 0.5;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .global-header .inner .global-nav .links-btn {
        letter-spacing: 0;
        font-size: 9px;
        font-size: 0.9rem;
        margin-right: 0;
        border: 1px solid #60a183;
        margin-top: 0px;
    }

    .global-header .inner .global-nav .links-btn a {
        display: inline-block;
        color: #60a183;
        padding: 4px 10px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        line-height: 1.4;
        font-weight: bold;
        text-align: center;
        height: auto;
    }

    .global-header .inner .global-nav .links-btn a br {
        display: block;
    }

    .global-header .inner .global-nav .links-btn a::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 8px;
        margin-left: 6px;
        background: url("blank.png") no-repeat 0 0;
        background-size: 10px 8px;
    }

    .global-header .inner .global-nav .sns-btn {
        display: none;
    }

    .global-header .inner .global-nav .menu-low {
        display: none;
    }

    .global-header .inner .global-nav .story-page-btn {
        display: none;
    }

    .global-header .inner .global-nav .sub-page-btn {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .global-header .inner .global-nav .story-page-btn {
        font-size: 15px;
        font-size: 1.5rem;
        margin-right: 16px;
    }

    .global-header .inner .global-nav .story-page-btn li {
        margin-right: 12px;
    }

    .global-header .inner .global-nav .sub-page-btn li:first-child {
        margin-right: 10px;
    }
}

.header-nav {
    background-color: #FFF;
    z-index: 999;
    box-shadow: 0px 4px 3px -3px #b6cccc;
    -webkit-box-shadow: 0px 4px 3px -3px #b6cccc;
    -moz-box-shadow: 0px 4px 3px -3px #b6cccc;
    position: absolute;
    top: 0;
    background-color: #60a183;
    padding-top: 3px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.header-nav .header_nav_inner {
    background-color: #fff;
    padding: 16px 40px;
    text-align: right;
}

.header-nav p {
    position: absolute;
    top: 19px;
    left: 40px;
}

.header-nav p a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("logo.png") no-repeat;
    background-size: contain;
    width: 180px;
    height: 28px;
    display: inline-block;
}

.header-nav p a:hover {
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-nav ul {
    display: inline-block;
}

.header-nav ul li {
    display: inline-block;
}

.header-nav .story-page-btn {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 24px;
}

.header-nav .story-page-btn li {
    margin-right: 16px;
}

.header-nav .story-page-btn li:last-child {
    margin-right: 0;
}

.header-nav .story-page-btn li a:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background: url("circle_arrow.png") no-repeat 0 0;
    background-size: 13px 13px;
}

.header-nav .story-page-btn a:hover {
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-nav .sub-page-btn {
    font-size: 14px;
    font-size: 1.4rem;
}

.header-nav .sub-page-btn li a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-right: 6px;
    background: url("right_arrow.png") no-repeat 0 0;
    background-size: 5px 9px;
}

.header-nav .sub-page-btn li:first-child {
    margin-right: 12px;
}

.header-nav .sub-page-btn a:hover {
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 750px) {
    .header-nav {
        display: none !important;
    }

    .header-nav a:hover {
        opacity: 1;
    }
}

@media only screen and (max-width: 1200px) {
    .header-nav .story-page-btn {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .header-nav .story-page-btn li {
        margin-right: 12px;
    }

    .header-nav .sub-page-btn {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .header-nav .sub-page-btn li:first-child {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 960px) {
    .header-nav p {
        top: 32px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 160px;
        height: 25px;
    }

    .header-nav ul {
        display: block;
    }

    .header-nav .story-page-btn {
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 0;
    }

    .header-nav .story-page-btn li {
        margin-right: 6px;
    }

    .header-nav .sub-page-btn li:first-child {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 374px) {
    .global-header .inner h1 {
        z-index: 100;
        top: 26px;
        left: 20px;
    }

    .global-header .inner h1 a {
        width: 110px;
        height: 17px;
    }

    .global-header .inner .global-nav .links-btn {
        font-size: 7px;
        font-size: 0.7rem;
    }

    .global-header .inner .global-nav .links-btn a {
        font-size: 7px;
        font-size: 0.7rem;
        padding: 4px 8px;
    }
}

/* カートを見る
----------------------------------------------------------*/
.global-header .fix-cart-btn,
.header-nav .fix-cart-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px #b6cccc;
    -webkit-box-shadow: 0px 0px 6px 0px #b6cccc;
    -moz-box-shadow: 0px 0px 6px 0px #b6cccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.global-header .fix-cart-btn a,
.header-nav .fix-cart-btn a {
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    background: url("re_pr_cart.png") no-repeat 50% 50%;
    background-size: 16px 15px;
    background-position: bottom 50% right 13px;
    background-color: #ef4884;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.global-header .fix-cart-btn {
    position: absolute;
    right: 40px;
    top: 120px;
    width: 40px;
    height: 40px;
}

.global-header .fix-cart-btn a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    background: url("re_pr_cart.png") no-repeat 50% 50%;
    background-size: 16px 15px;
    background-position: bottom 50% right 13px;
    background-color: #ef4884;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.header-nav .fix-cart-btn {
    position: absolute;
    right: 40px;
    top: 80px;
    width: 40px;
    height: 40px;
}

.header-nav .fix-cart-btn a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    background: url("re_pr_cart.png") no-repeat 50% 50%;
    background-size: 16px 15px;
    background-position: bottom 50% right 13px;
    background-color: #ef4884;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

@media only screen and (max-width: 750px) {
    .global-header .fix-cart-btn {
        right: 20px;
        top: 90px;
    }

    .header-nav .fix-cart-btn {
        right: 20px;
        top: 90px;
    }
}

/* back-footer
----------------------------------------------------------*/
.back-footer {
    background-color: #60a183;
    padding: 60px 0;
    text-align: center;
}

@media only screen and (max-width: 750px) {
    .back-footer {
        padding: 40px 40px;
    }
}

/* .global-footer
----------------------------------------------------------*/
.global-footer {
    width: 100%;
    background-color: #eff5e3;
}

@media only screen and (min-width: 751px) {
    .global-footer .inner {
        margin: 0 auto;
        text-align: center;
    }

    .global-footer .inner .share {
        width: 100%;
        display: inline-block;
        padding: 100px 0;
        text-align: center;
        border-bottom: 1px dashed #60a183;
    }

    .global-footer .inner .share h2 {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: 23px;
        background: url("share_tit.png") no-repeat center 0;
        background-size: 296px 23px;
        display: inline-block;
        margin-bottom: 60px;
    }

    .global-footer .inner .share .sns-list {
        width: 900px;
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .global-footer .inner .share .sns-list li {
        display: inline-block;
        margin-right: 10px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        width: 31%;
        height: 60px;
        float: left;
    }

    .global-footer .inner .share .sns-list li a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        content: "";
        display: inline-block;
        width: 100%;
        height: 60px;
    }

    .global-footer .inner .share .sns-list .tw {
        background-color: #00aced;
    }

    .global-footer .inner .share .sns-list .tw a {
        background: url(footer_twitter.svg) no-repeat 50% 50%;
        background-size: 28px 23px;
    }

    .global-footer .inner .share .sns-list .fb {
        background-color: #3b5998;
    }

    .global-footer .inner .share .sns-list .fb a {
        background: url(footer_facebook.svg) no-repeat 50% 50%;
        background-size: 36px 36px;
    }

    .global-footer .inner .share .sns-list .hb {
        background-color: #008fde;
    }

    .global-footer .inner .share .sns-list .hb a {
        background: url(footer_hatena.svg) no-repeat 50% 50%;
        background-size: 28px 28px;
    }

    .global-footer .inner .share .sns-list .ln {
        display: none;
    }

    .global-footer .inner .share .sns-list li:last-child {
        margin-right: 0;
    }

    .global-footer .inner .footer-links {
        width: 1080px;
        display: inline-block;
        padding: 100px 0;
        text-align: center;
    }

    .global-footer .inner .footer-links .ribbon-center {
        margin-bottom: 40px !important;
    }

    .global-footer .inner .footer-links h2 {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: 23px;
        background: url("links_tit_pc.png") no-repeat center 0;
        background-size: 465px 23px;
        display: inline-block;
        margin-bottom: 60px;
    }

    .global-footer .inner .footer-links p {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .global-footer .inner .footer-links .banner-links-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .global-footer .inner .footer-links .banner-links-list::after {
        content: "";
        display: block;
        clear: both;
    }

    .global-footer .inner .footer-links .banner-links-list>li {
        width: 410px;
        display: inline-block;
        background-color: #df487c;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-top: 20px;
        margin-right: 20px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a {
        width: 410px;
        height: 100%;
        display: inline-block;
        padding: 26px 20px;
        box-sizing: border-box;
        position: relative;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 9px;
        margin-left: 8px;
        background: url("blank_wh.png") no-repeat 0 0;
        background-size: 12px 9px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("ukiuki.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        display: block;
        width: 100%;
        height: 60px;
        margin-bottom: 20px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a .banner-content .banner-text {
        font-size: 15px;
        font-size: 1.5rem;
        text-align: left;
        color: white;
        line-height: 1.6;
    }

    .global-footer .inner .footer-links .banner-links-list>li a:hover {
        opacity: 0.5;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .global-footer .inner .footer-links .banner-links-list>li:nth-child(-n+2) {
        margin-top: 0;
    }

    .global-footer .inner .footer-links .banner-links-list>li:nth-child(even) {
        margin-right: 0;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio {
        background-color: transparent;
        position: relative;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a {
        position: relative;
        border: 3px solid #6a8cc7;
        background-color: white;
        height: 150px;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a .banner-content {
        background-color: white;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_aqucrio.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        width: 100%;
        height: 98px;
        margin: 0;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a:after {
        background: url("blank_bl.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul {
        display: flex;
        justify-content: center;
        height: 36px;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul li {
        line-height: 36px;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul li::after {
        content: "・";
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul li:last-child::after {
        display: none;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio::before {
        content: "";
        display: block;
        background-color: white;
        width: 100%;
        height: 150px;
        position: absolute;
        left: 0;
        top: 0;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .global-footer .inner .footer-links .banner-links-list .skincare {
        background-color: #f6bdc0;
    }

    .global-footer .inner .footer-links .banner-links-list .skincare a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("skincare_2019.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .skincare a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada {
        background-color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a {
        border: 3px solid #f6bdc0;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_suhada.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a:after {
        background: url("blank.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou {
        background-color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a {
        border: 3px solid #60a183;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_hadanorisou.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a:after {
        background: url("blank.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa {
        background-color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a {
        border: 3px solid #c0c0c0;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_higasa.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a:after {
        background: url("blank.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa {
        background-color: #60a183;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_qa.png") no-repeat 50% 50%;
        background-size: 320px 66px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa a .banner-content .banner-text {
        color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa a:after {
        background: url("blank_wh.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list:after {
        content: "";
        display: block;
        width: 410px;
        height: 0;
    }

    .global-footer .inner .sns-btn {
        vertical-align: middle;
        display: flex;
        justify-content: center;
        margin-top: 80px;
    }

    .global-footer .inner .sns-btn li {
        width: 40px;
        height: 40px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 32px;
    }

    .global-footer .inner .sns-btn li a {
        width: 40px;
        height: 40px;
        display: block;
        background: url("icon_facebook.svg") no-repeat 0 0;
        background-size: 40px 40px;
    }
}

@media only screen and (min-width: 751px) and (min-width: 750px) {
    .global-footer .inner .sns-btn li a:hover {
        opacity: 0.6;
    }
}

@media only screen and (min-width: 751px) {
    .global-footer .inner .sns-btn li.tw {
        margin-left: 0;
    }

    .global-footer .inner .sns-btn li.tw a {
        background: url("icon_TikTok") no-repeat 0 0;
        background-size: 40px 40px;
    }

    .global-footer .inner .sns-btn li.in a {
        background: url("icon_instagram.png") no-repeat 0 0;
        background-size: 40px 40px;
    }

    .global-footer .inner .sns-btn li.yo a {
        background: url("icon_youtube.svg") no-repeat 0 0;
        background-size: 40px 40px;
    }

    .global-footer .inner .footer-bottom {
        position: relative;
        background-color: #60a183;
        width: 100%;
        padding: 40px 40px;
        box-sizing: border-box;
        text-align: left;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .global-footer .inner .footer-bottom .footer-navi {
        display: -webkit-flex;
        display: flex;
        margin: 0 auto 40px;
        width: 100%;
        max-width: 1080px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul {
        width: calc(100% / 3);
    }

    .global-footer .inner .footer-bottom .footer-navi>ul:first-of-type {
        width: 48%;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul:nth-of-type(n+2) {
        margin-left: 20px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li:nth-of-type(n+2) {
        margin-top: 6px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a {
        color: #fff;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a:hover {
        opacity: 0.5;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a .blank {
        position: relative;
        padding-right: 17px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a .blank:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 9px;
        background: url(blank_wh.png) no-repeat 0 0;
        background-size: 12px 9px;
        position: absolute;
        right: 0;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li {
        margin-left: 19px;
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li>a {
        display: block;
        position: relative;
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li>a:before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-right: 6px;
        background: url(circle_arrow_w.png) no-repeat 0 0;
        background-size: 13px 13px;
        margin-left: -19px;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list li a {
        display: block;
        position: relative;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list li a:before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 9px;
        margin-right: 6px;
        background: url("right_arrow_wh.png") no-repeat 0 0;
        background-size: 5px 9px;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list {
        margin-top: 6px;
        margin-left: 15px;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list li a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list li a:before {
        background-size: 4px 8px;
    }

    .global-footer .inner .footer-logo {
        order: 2;
        width: 100%;
        height: 33px;
        max-width: 1080px;
        text-align: left;
        margin: 0 auto;
    }

    .global-footer .inner .footer-logo a {
        background: url("logo_wh.png") no-repeat;
        background-size: contain;
        width: 211px;
        height: 33px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

    .global-footer .inner .footer-logo a:hover {
        opacity: 0.5;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .global-footer .inner .copyright {
        position: absolute;
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 40px;
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
    }

    .global-footer .inner .copyright p {
        text-align: right;
        font-size: 11px;
        font-size: 1.1rem;
        color: #fff;
    }

    .global-footer .inner .copyright p span {
        font-size: 10px;
        font-size: 1rem;
        display: block;
    }
}

@media only screen and (max-width: 750px) {
    .global-footer .inner .share {
        padding: 60px 20px;
        border-bottom: 1px dashed #60a183;
        text-align: center;
    }

    .global-footer .inner .share h2 {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: 23px;
        background: url("share_tit.png") no-repeat center 0;
        background-size: 232px 18px;
        display: inline-block;
        margin-bottom: 35px;
    }

    .global-footer .inner .share .sns-list {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .global-footer .inner .share .sns-list li {
        display: inline-block;
        margin-right: 2%;
        width: 49%;
        height: 50px;
        margin-bottom: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .global-footer .inner .share .sns-list li a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        content: "";
        display: inline-block;
        width: 100%;
        height: 50px;
    }

    .global-footer .inner .share .sns-list .tw {
        background-color: #00aced;
    }

    .global-footer .inner .share .sns-list .tw a {
        background: url(footer_twitter.svg) no-repeat 50% 50%;
        background-size: 24px 20px;
    }

    .global-footer .inner .share .sns-list .fb {
        background-color: #3b5998;
    }

    .global-footer .inner .share .sns-list .fb a {
        background: url(footer_facebook.svg) no-repeat 50% 50%;
        background-size: 32px 32px;
    }

    .global-footer .inner .share .sns-list .hb {
        background-color: #008fde;
    }

    .global-footer .inner .share .sns-list .hb a {
        background: url(footer_hatena.svg) no-repeat 50% 50%;
        background-size: 24px 24px;
    }

    .global-footer .inner .share .sns-list .ln {
        display: block;
        background-color: #00c300;
    }

    .global-footer .inner .share .sns-list .ln a {
        text-indent: 0;
        line-height: 50px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        background-size: 18px 18px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .global-footer .inner .share .sns-list li:nth-child(2n) {
        margin-right: 0;
    }

    .global-footer .inner .share .sns-list li:nth-child(n+3) {
        margin-bottom: 0;
    }

    .global-footer .inner .footer-links {
        width: 100%;
        display: inline-block;
        padding: 60px 20px;
        text-align: center;
        box-sizing: border-box;
    }

    .global-footer .inner .footer-links .ribbon-center {
        margin-bottom: 20px !important;
    }

    .global-footer .inner .footer-links h2 {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        height: 42px;
        background: url("links_tit_sp.png") no-repeat center 0;
        background-size: 192px 42px;
        display: inline-block;
        margin-bottom: 35px;
    }

    .global-footer .inner .footer-links p {
        font-size: 15px;
        font-size: 1.5rem;
        color: #000000;
    }

    .global-footer .inner .footer-links .banner-links-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .global-footer .inner .footer-links .banner-links-list::after {
        content: "";
        display: block;
        clear: both;
    }

    .global-footer .inner .footer-links .banner-links-list>li {
        width: 100%;
        display: block;
        background-color: #df487c;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-right: 0;
        margin-top: 20px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a {
        width: 100%;
        display: block;
        padding: 26px 20px;
        box-sizing: border-box;
        position: relative;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 9px;
        margin-left: 8px;
        background: url("blank_wh.png") no-repeat 0 0;
        background-size: 12px 9px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("ukiuki.png") no-repeat 50% 50%;
        background-size: 242px 50px;
        display: block;
        width: 100%;
        height: 50px;
        margin-bottom: 10px;
    }

    .global-footer .inner .footer-links .banner-links-list>li>a .banner-content .banner-text {
        font-size: 15px;
        font-size: 1.5rem;
        text-align: left;
        color: white;
        line-height: 1.6;
    }

    .global-footer .inner .footer-links .banner-links-list>li a:hover {
        opacity: 0.5;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .global-footer .inner .footer-links .banner-links-list>li:nth-child(-n+2) {
        margin-top: 20px;
    }

    .global-footer .inner .footer-links .banner-links-list>li:first-child {
        margin-top: 0;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio {
        background-color: transparent;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a {
        position: relative;
        border: 3px solid #6a8cc7;
        background-color: white;
        height: 160px;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a .banner-content {
        background-color: white;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_aqucrio.png") no-repeat 50% 50%;
        background-size: 280px 58px;
        width: 100%;
        height: 108px;
        margin: 0;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio>a:after {
        background: url("blank_bl.png") no-repeat 0 0;
        background-size: 12px 9px;
        z-index: 9;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        height: auto;
        margin-top: 10px;
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul li::after {
        content: "・";
    }

    .global-footer .inner .footer-links .banner-links-list .aqucrio ul li:last-child::after {
        display: none;
    }

    .global-footer .inner .footer-links .banner-links-list .skincare {
        background-color: #f6bdc0;
    }

    .global-footer .inner .footer-links .banner-links-list .skincare a .banner-content .logo-image {
        background: url("skincare_2019.png") no-repeat 50% 50%;
        background-size: 242px 50px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .skincare a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada {
        background-color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a {
        border: 3px solid #f6bdc0;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_suhada.png") no-repeat 50% 50%;
        background-size: 242px 50px;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .suhada a:after {
        background: url("blank.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou {
        background-color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a {
        border: 3px solid #60a183;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_hadanorisou.png") no-repeat 50% 50%;
        background-size: 242px 50px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .hadanorisou a:after {
        background: url("blank.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa {
        background-color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a {
        border: 3px solid #c0c0c0;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_higasa.png") no-repeat 50% 50%;
        background-size: 242px 50px;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a .banner-content .banner-text {
        color: #000;
    }

    .global-footer .inner .footer-links .banner-links-list .higasa a:after {
        background: url("blank.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa {
        background-color: #60a183;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa a .banner-content .logo-image {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("banner_qa.png") no-repeat 50% 50%;
        background-size: 242px 50px;
        width: 100%;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa a .banner-content .banner-text {
        color: #fff;
    }

    .global-footer .inner .footer-links .banner-links-list .earthcare-qa a:after {
        background: url("blank_wh.png") no-repeat 0 0;
        background-size: 12px 9px;
    }

    .global-footer .inner .footer-links .banner-links-list:after {
        content: "";
        display: block;
        width: 410px;
        height: 0;
    }

    .global-footer .inner .sns-btn {
        vertical-align: middle;
        display: flex;
        justify-content: center;
        margin-top: 60px;
    }

    .global-footer .inner .sns-btn li {
        width: 36px;
        height: 36px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 26px;
    }

    .global-footer .inner .sns-btn li a {
        width: 36px;
        height: 36px;
        display: block;
        background: url("icon_facebook.svg") no-repeat 0 0;
        background-size: 36px 36px;
    }

    .global-footer .inner .sns-btn li.tw {
        margin-left: 0;
    }

    .global-footer .inner .sns-btn li.tw a {
        background: url("icon_TikTok") no-repeat 0 0;
        background-size: 36px 36px;
    }

    .global-footer .inner .sns-btn li.in a {
        background: url("icon_instagram.png") no-repeat 0 0;
        background-size: 36px 36px;
    }

    .global-footer .inner .sns-btn li.yo a {
        background: url("icon_youtube.svg") no-repeat 0 0;
        background-size: 36px 36px;
    }

    .global-footer .inner .footer-bottom {
        position: relative;
        background-color: #60a183;
        width: 100%;
        padding: 30px 4%;
        box-sizing: border-box;
    }

    .global-footer .inner .footer-bottom .footer-logo {
        position: relative;
        top: 0;
        right: auto;
        margin-top: 0;
        margin-bottom: 30px;
        width: 180px;
        height: 28px;
    }

    .global-footer .inner .footer-bottom .footer-logo a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: url("logo_wh.png") no-repeat;
        background-size: contain;
        width: 180px;
        height: 28px;
        display: inline-block;
    }

    .global-footer .inner .footer-bottom .footer-logo a a:hover {
        opacity: 1;
    }

    .global-footer .inner .footer-bottom .footer-navi {
        border-top: 1px dashed #eff5e3;
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li {
        margin-bottom: 8px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li:last-of-type {
        margin-bottom: 0;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6em;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a .blank {
        position: relative;
        padding-right: 17px;
    }

    .global-footer .inner .footer-bottom .footer-navi>ul>li a .blank:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 9px;
        background: url(blank_wh.png) no-repeat 0 0;
        background-size: 12px 9px;
        position: absolute;
        right: 0;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li {
        margin-left: 19px;
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li>a {
        display: block;
        position: relative;
        font-weight: bold;
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li>a:before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-right: 6px;
        background: url(circle_arrow_w.png) no-repeat 0 0;
        background-size: 13px 13px;
        margin-left: -19px;
    }

    .global-footer .inner .footer-bottom .footer-navi .cercle-list>li>.arrow-list {
        margin-top: 8px;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list li a {
        display: block;
        position: relative;
        padding-left: 0.8em;
        text-indent: -0.8em;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list li a:before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 8px;
        margin-right: 6px;
        background: url("right_arrow_wh.png") no-repeat 0 0;
        background-size: 4px 8px;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list.col2 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list.col2>li {
        width: 48%;
    }

    .global-footer .inner .footer-bottom .footer-navi .arrow-list.col2>li.recruit {
        width: 100%;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list {
        margin-top: 8px;
        margin-left: 15px;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list li {
        margin-bottom: 6px;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list li:last-of-type {
        margin-bottom: 0;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list li a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list li a:before {
        width: 3px;
        height: 7px;
        background-size: 3px 7px;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list.col2 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .global-footer .inner .footer-bottom .footer-navi .sub-list.col2>li {
        width: 48%;
    }

    .global-footer .inner .footer-bottom .copyright {
        font-size: 10px;
        font-size: 1rem;
        font-weight: bold;
        color: #fff;
    }

    .global-footer .inner .footer-bottom .copyright span {
        font-size: 10px;
        font-size: 1rem;
        display: block;
    }
}

@media only screen and (max-width: 374px) {
    .global-footer .inner .footer-bottom ul li {
        display: block;
    }
}

/***********************************************************************
parts
**********************************************************************/
/* リボン_左揃え
----------------------------------------------------------*/
.ribbon {
    background-color: #60a183;
    display: inline-block;
    line-height: 1;
    height: 20px;
    padding: 0 10px;
    margin-bottom: 20px !important;
    position: relative;
}

.ribbon span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    font-family: 'Roboto Condensed', 'arial', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2em;
    vertical-align: middle;
}

.ribbon:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background: url("ribbon_right.png") no-repeat 0 0;
    background-size: 5px 20px;
    position: absolute;
    right: -5px;
}

@media only screen and (max-width: 750px) {
    .ribbon {
        line-height: 17px;
        height: 17px;
        padding: 0 5px;
        margin-bottom: 10px !important;
    }

    .ribbon span {
        font-size: 10px;
        font-size: 1rem;
        vertical-align: top;
    }

    .ribbon:after {
        width: 4px;
        height: 17px;
        background: url("ribbon_right.png") no-repeat 0 0;
        background-size: 4px 17px;
        right: -4px;
    }
}

/* リボン_センター
----------------------------------------------------------*/
.ribbon-center {
    background-color: #60a183;
    display: inline-block;
    line-height: 20px !important;
    height: 20px;
    padding: 0 10px;
    margin-bottom: 20px !important;
    position: relative;
}

.ribbon-center span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    font-family: 'Roboto Condensed', 'arial', sans-serif;
    font-weight: 700;
    letter-spacing: 0.2em;
    vertical-align: top;
}

.ribbon-center:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background: url("ribbon_right.png") no-repeat 0 0;
    background-size: 5px 20px;
    position: absolute;
    right: -5px;
    top: 0;
}

.ribbon-center:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 20px;
    background: url("ribbon_left.png") no-repeat 0 0;
    background-size: 5px 20px;
    position: absolute;
    left: -5px;
    top: 0;
}

@media only screen and (max-width: 750px) {
    .ribbon-center {
        line-height: 17px !important;
        height: 17px;
        padding: 0 5px;
        margin-bottom: 10px !important;
    }

    .ribbon-center span {
        font-size: 10px;
        font-size: 1rem;
        vertical-align: top;
    }

    .ribbon-center:after {
        width: 4px;
        height: 17px;
        background: url("ribbon_right.png") no-repeat 0 0;
        background-size: 4px 17px;
        right: -4px;
    }

    .ribbon-center:before {
        width: 4px;
        height: 17px;
        background: url("ribbon_left.png") no-repeat 0 0;
        background-size: 4px 17px;
        left: -4px;
    }
}

/* 続きを読むボタン
----------------------------------------------------------*/
.read-btn {
    background-color: #60a183;
    display: inline-block !important;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    padding: 2px 10px 2px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 12px;
}

.read-btn span:after,
.read-btn a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-left: 6px;
    background: url("big_right_arrow.png") no-repeat 0 0;
    background-size: 12px 8px;
}

/* 白ボタン
----------------------------------------------------------*/
.wh-btn {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.wh-btn a {
    display: table-cell;
    text-align: center;
    width: 300px;
    height: 68px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    color: #60a183;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2em;
    border: 2px solid #60a183;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
}

.wh-btn a:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 68px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #60a183;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.wh-btn a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 6px;
    background: url("big_right_arrow_gr.png") no-repeat 0 0;
    background-size: 18px 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
}

.wh-btn a:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
}

.wh-btn a:hover:after {
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: -1;
}

.wh-btn a:hover:before {
    background: url("big_right_arrow.png") no-repeat 0 0;
    background-size: 18px 12px;
}

@media screen\0 {
    .wh-btn a {
        padding-top: 4px;
    }
}

@media only screen and (max-width: 750px) {
    .wh-btn a {
        width: 265px;
        height: 50px;
        font-size: 15px;
        font-size: 1.5rem;
        color: #fff;
        background-color: #60a183;
    }

    .wh-btn a:before {
        background: url("big_right_arrow.png") no-repeat 0 0;
        background-size: 18px 12px;
    }

    .wh-btn a:after {
        display: none;
    }
}

/* 緑ボタン
----------------------------------------------------------*/
.gr-btn {
    display: inline-block;
    position: relative;
}

.gr-btn a {
    display: table-cell;
    text-align: center;
    width: 300px;
    height: 68px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2em;
    background-color: #60a183;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #60a183;
    box-sizing: border-box;
}

.gr-btn a:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 6px;
    background: url("big_right_arrow.png") no-repeat 0 0;
    background-size: 18px 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
}

.gr-btn a:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #fff;
    color: #60a183;
}

.gr-btn a:hover:after {
    background: url("big_right_arrow_gr.png") no-repeat 0 0;
    background-size: 18px 12px;
}

@media screen\0 {
    .gr-btn a {
        padding-top: 4px;
    }
}

@media only screen and (max-width: 750px) {
    .gr-btn a:hover {
        background-color: #60a183;
        color: #fff;
    }

    .gr-btn a:hover:after {
        background: url("big_right_arrow.png") no-repeat 0 0;
        background-size: 18px 12px;
    }
}

/* 白ボタン_左ラインなし
----------------------------------------------------------*/
.wh-btn-noline {
    display: inline-block;
    position: relative;
}

.wh-btn-noline a {
    display: table-cell;
    text-align: center;
    width: 400px;
    height: 68px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    color: #60a183;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #fff;
    box-sizing: border-box;
}

.wh-btn-noline a:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-left: 6px;
    background: url("big_right_arrow_gr.png") no-repeat 0 0;
    background-size: 18px 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
}

.wh-btn-noline a:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #60a183;
    color: #fff;
}

.wh-btn-noline a:hover:after {
    background: url("big_right_arrow.png") no-repeat 0 0;
    background-size: 18px 12px;
}

.back-btn a:after {
    left: 20px;
    right: auto;
    transform: scaleX(-1);
}

@media only screen and (max-width: 750px) {
    .wh-btn-noline {
        display: block;
        width: 100%;
    }

    .wh-btn-noline a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
    }

    .wh-btn-noline a:hover {
        background-color: #fff;
        color: #60a183;
    }

    .wh-btn-noline a:hover:after {
        background: url("big_right_arrow_gr.png") no-repeat 0 0;
        background-size: 18px 12px;
    }
}

@media only screen and (max-width: 374px) {
    .wh-btn-noline a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/* 緑丸矢印_ボタン
----------------------------------------------------------*/
.cercle-btn {
    margin-left: 19px;
}

.cercle-btn a:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    background: url("circle_arrow.png") no-repeat 0 0;
    background-size: 13px 13px;
    margin-left: -19px;
}

/* 緑丸矢印_ボタン
----------------------------------------------------------*/
.arrow-btn {
    margin-left: 5px;
}

.arrow-btn a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-right: 6px;
    background: url("right_arrow.png") no-repeat 0 0;
    background-size: 5px 9px;
    margin-left: -5px;
}

/* アーチ
----------------------------------------------------------*/
.container {
    width: 200px;
    height: 50px;
    margin: auto;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
}

.arch {
    width: 280px;
    height: 280px;
    margin-left: -140px;
    border-radius: 140px;
    position: relative;
    left: 50%;
    color: #60a183;
    font-weight: bold;
    font-family: 'Roboto Condensed', 'arial', sans-serif;
    font-weight: 700;
}

.arch:after {
    content: '';
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 110px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.arch.is-even {
    transform: rotate(3.5deg);
}

.char {
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: bottom center;
}

.char-50 {
    transform: rotate(-350deg);
}

.char-49 {
    transform: rotate(-343deg);
}

.char-48 {
    transform: rotate(-336deg);
}

.char-47 {
    transform: rotate(-329deg);
}

.char-46 {
    transform: rotate(-322deg);
}

.char-45 {
    transform: rotate(-315deg);
}

.char-44 {
    transform: rotate(-308deg);
}

.char-43 {
    transform: rotate(-301deg);
}

.char-42 {
    transform: rotate(-294deg);
}

.char-41 {
    transform: rotate(-287deg);
}

.char-40 {
    transform: rotate(-280deg);
}

.char-39 {
    transform: rotate(-273deg);
}

.char-38 {
    transform: rotate(-266deg);
}

.char-37 {
    transform: rotate(-259deg);
}

.char-36 {
    transform: rotate(-252deg);
}

.char-35 {
    transform: rotate(-245deg);
}

.char-34 {
    transform: rotate(-238deg);
}

.char-33 {
    transform: rotate(-231deg);
}

.char-32 {
    transform: rotate(-224deg);
}

.char-31 {
    transform: rotate(-217deg);
}

.char-30 {
    transform: rotate(-210deg);
}

.char-29 {
    transform: rotate(-203deg);
}

.char-28 {
    transform: rotate(-196deg);
}

.char-27 {
    transform: rotate(-189deg);
}

.char-26 {
    transform: rotate(-182deg);
}

.char-25 {
    transform: rotate(-175deg);
}

.char-24 {
    transform: rotate(-168deg);
}

.char-23 {
    transform: rotate(-161deg);
}

.char-22 {
    transform: rotate(-154deg);
}

.char-21 {
    transform: rotate(-147deg);
}

.char-20 {
    transform: rotate(-140deg);
}

.char-19 {
    transform: rotate(-133deg);
}

.char-18 {
    transform: rotate(-126deg);
}

.char-17 {
    transform: rotate(-119deg);
}

.char-16 {
    transform: rotate(-112deg);
}

.char-15 {
    transform: rotate(-105deg);
}

.char-14 {
    transform: rotate(-98deg);
}

.char-13 {
    transform: rotate(-91deg);
}

.char-12 {
    transform: rotate(-84deg);
}

.char-11 {
    transform: rotate(-77deg);
}

.char-10 {
    transform: rotate(-70deg);
}

.char-9 {
    transform: rotate(-63deg);
}

.char-8 {
    transform: rotate(-56deg);
}

.char-7 {
    transform: rotate(-49deg);
}

.char-6 {
    transform: rotate(-42deg);
}

.char-5 {
    transform: rotate(-35deg);
}

.char-4 {
    transform: rotate(-28deg);
}

.char-3 {
    transform: rotate(-21deg);
}

.char-2 {
    transform: rotate(-14deg);
}

.char-1 {
    transform: rotate(-7deg);
}

.char0 {
    transform: rotate(0deg);
}

.char1 {
    transform: rotate(7deg);
}

.char2 {
    transform: rotate(14deg);
}

.char3 {
    transform: rotate(21deg);
}

.char4 {
    transform: rotate(28deg);
}

.char5 {
    transform: rotate(35deg);
}

.char6 {
    transform: rotate(42deg);
}

.char7 {
    transform: rotate(49deg);
}

.char8 {
    transform: rotate(56deg);
}

.char9 {
    transform: rotate(63deg);
}

.char10 {
    transform: rotate(70deg);
}

.char11 {
    transform: rotate(77deg);
}

.char12 {
    transform: rotate(84deg);
}

.char13 {
    transform: rotate(91deg);
}

.char14 {
    transform: rotate(98deg);
}

.char15 {
    transform: rotate(105deg);
}

.char16 {
    transform: rotate(112deg);
}

.char17 {
    transform: rotate(119deg);
}

.char18 {
    transform: rotate(126deg);
}

.char19 {
    transform: rotate(133deg);
}

.char20 {
    transform: rotate(140deg);
}

.char21 {
    transform: rotate(147deg);
}

.char22 {
    transform: rotate(154deg);
}

.char23 {
    transform: rotate(161deg);
}

.char24 {
    transform: rotate(168deg);
}

.char25 {
    transform: rotate(175deg);
}

.char26 {
    transform: rotate(182deg);
}

.char27 {
    transform: rotate(189deg);
}

.char28 {
    transform: rotate(196deg);
}

.char29 {
    transform: rotate(203deg);
}

.char30 {
    transform: rotate(210deg);
}

.char31 {
    transform: rotate(217deg);
}

.char32 {
    transform: rotate(224deg);
}

.char33 {
    transform: rotate(231deg);
}

.char34 {
    transform: rotate(238deg);
}

.char35 {
    transform: rotate(245deg);
}

.char36 {
    transform: rotate(252deg);
}

.char37 {
    transform: rotate(259deg);
}

.char38 {
    transform: rotate(266deg);
}

.char39 {
    transform: rotate(273deg);
}

.char40 {
    transform: rotate(280deg);
}

.char41 {
    transform: rotate(287deg);
}

.char42 {
    transform: rotate(294deg);
}

.char43 {
    transform: rotate(301deg);
}

.char44 {
    transform: rotate(308deg);
}

.char45 {
    transform: rotate(315deg);
}

.char46 {
    transform: rotate(322deg);
}

.char47 {
    transform: rotate(329deg);
}

.char48 {
    transform: rotate(336deg);
}

.char49 {
    transform: rotate(343deg);
}

.char50 {
    transform: rotate(350deg);
}

@media only screen and (max-width: 750px) {
    .container {
        width: 200px;
        height: 50px;
        margin: auto;
        overflow: hidden;
        text-align: center;
        line-height: 30px;
    }

    .arch {
        width: 280px;
        height: 280px;
        margin-left: -140px;
        border-radius: 140px;
        position: relative;
        left: 50%;
        color: #60a183;
        font-weight: bold;
        font-family: 'Roboto Condensed', 'arial', sans-serif;
        font-weight: 700;
    }

    .arch:after {
        content: '';
        display: block;
        width: 220px;
        height: 220px;
        border-radius: 110px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .arch.is-even {
        transform: rotate(2.5deg);
    }

    .char {
        height: 140px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform-origin: bottom center;
    }

    .char-50 {
        transform: rotate(-250deg);
    }

    .char-49 {
        transform: rotate(-245deg);
    }

    .char-48 {
        transform: rotate(-240deg);
    }

    .char-47 {
        transform: rotate(-235deg);
    }

    .char-46 {
        transform: rotate(-230deg);
    }

    .char-45 {
        transform: rotate(-225deg);
    }

    .char-44 {
        transform: rotate(-220deg);
    }

    .char-43 {
        transform: rotate(-215deg);
    }

    .char-42 {
        transform: rotate(-210deg);
    }

    .char-41 {
        transform: rotate(-205deg);
    }

    .char-40 {
        transform: rotate(-200deg);
    }

    .char-39 {
        transform: rotate(-195deg);
    }

    .char-38 {
        transform: rotate(-190deg);
    }

    .char-37 {
        transform: rotate(-185deg);
    }

    .char-36 {
        transform: rotate(-180deg);
    }

    .char-35 {
        transform: rotate(-175deg);
    }

    .char-34 {
        transform: rotate(-170deg);
    }

    .char-33 {
        transform: rotate(-165deg);
    }

    .char-32 {
        transform: rotate(-160deg);
    }

    .char-31 {
        transform: rotate(-155deg);
    }

    .char-30 {
        transform: rotate(-150deg);
    }

    .char-29 {
        transform: rotate(-145deg);
    }

    .char-28 {
        transform: rotate(-140deg);
    }

    .char-27 {
        transform: rotate(-135deg);
    }

    .char-26 {
        transform: rotate(-130deg);
    }

    .char-25 {
        transform: rotate(-125deg);
    }

    .char-24 {
        transform: rotate(-120deg);
    }

    .char-23 {
        transform: rotate(-115deg);
    }

    .char-22 {
        transform: rotate(-110deg);
    }

    .char-21 {
        transform: rotate(-105deg);
    }

    .char-20 {
        transform: rotate(-100deg);
    }

    .char-19 {
        transform: rotate(-95deg);
    }

    .char-18 {
        transform: rotate(-90deg);
    }

    .char-17 {
        transform: rotate(-85deg);
    }

    .char-16 {
        transform: rotate(-80deg);
    }

    .char-15 {
        transform: rotate(-75deg);
    }

    .char-14 {
        transform: rotate(-70deg);
    }

    .char-13 {
        transform: rotate(-65deg);
    }

    .char-12 {
        transform: rotate(-60deg);
    }

    .char-11 {
        transform: rotate(-55deg);
    }

    .char-10 {
        transform: rotate(-50deg);
    }

    .char-9 {
        transform: rotate(-45deg);
    }

    .char-8 {
        transform: rotate(-40deg);
    }

    .char-7 {
        transform: rotate(-35deg);
    }

    .char-6 {
        transform: rotate(-30deg);
    }

    .char-5 {
        transform: rotate(-25deg);
    }

    .char-4 {
        transform: rotate(-20deg);
    }

    .char-3 {
        transform: rotate(-15deg);
    }

    .char-2 {
        transform: rotate(-10deg);
    }

    .char-1 {
        transform: rotate(-5deg);
    }

    .char0 {
        transform: rotate(0deg);
    }

    .char1 {
        transform: rotate(5deg);
    }

    .char2 {
        transform: rotate(10deg);
    }

    .char3 {
        transform: rotate(15deg);
    }

    .char4 {
        transform: rotate(20deg);
    }

    .char5 {
        transform: rotate(25deg);
    }

    .char6 {
        transform: rotate(30deg);
    }

    .char7 {
        transform: rotate(35deg);
    }

    .char8 {
        transform: rotate(40deg);
    }

    .char9 {
        transform: rotate(45deg);
    }

    .char10 {
        transform: rotate(50deg);
    }

    .char11 {
        transform: rotate(55deg);
    }

    .char12 {
        transform: rotate(60deg);
    }

    .char13 {
        transform: rotate(65deg);
    }

    .char14 {
        transform: rotate(70deg);
    }

    .char15 {
        transform: rotate(75deg);
    }

    .char16 {
        transform: rotate(80deg);
    }

    .char17 {
        transform: rotate(85deg);
    }

    .char18 {
        transform: rotate(90deg);
    }

    .char19 {
        transform: rotate(95deg);
    }

    .char20 {
        transform: rotate(100deg);
    }

    .char21 {
        transform: rotate(105deg);
    }

    .char22 {
        transform: rotate(110deg);
    }

    .char23 {
        transform: rotate(115deg);
    }

    .char24 {
        transform: rotate(120deg);
    }

    .char25 {
        transform: rotate(125deg);
    }

    .char26 {
        transform: rotate(130deg);
    }

    .char27 {
        transform: rotate(135deg);
    }

    .char28 {
        transform: rotate(140deg);
    }

    .char29 {
        transform: rotate(145deg);
    }

    .char30 {
        transform: rotate(150deg);
    }

    .char31 {
        transform: rotate(155deg);
    }

    .char32 {
        transform: rotate(160deg);
    }

    .char33 {
        transform: rotate(165deg);
    }

    .char34 {
        transform: rotate(170deg);
    }

    .char35 {
        transform: rotate(175deg);
    }

    .char36 {
        transform: rotate(180deg);
    }

    .char37 {
        transform: rotate(185deg);
    }

    .char38 {
        transform: rotate(190deg);
    }

    .char39 {
        transform: rotate(195deg);
    }

    .char40 {
        transform: rotate(200deg);
    }

    .char41 {
        transform: rotate(205deg);
    }

    .char42 {
        transform: rotate(210deg);
    }

    .char43 {
        transform: rotate(215deg);
    }

    .char44 {
        transform: rotate(220deg);
    }

    .char45 {
        transform: rotate(225deg);
    }

    .char46 {
        transform: rotate(230deg);
    }

    .char47 {
        transform: rotate(235deg);
    }

    .char48 {
        transform: rotate(240deg);
    }

    .char49 {
        transform: rotate(245deg);
    }

    .char50 {
        transform: rotate(250deg);
    }
}

/* ページトップへ
----------------------------------------------------------*/
#page-top {
    bottom: -200px;
    position: fixed;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
}

#page-top a {
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("pagetop.png") no-repeat 50% 50%;
    background-size: 10px 9px;
    background-color: #fff;
}

#page-top a:hover {
    -moz-animation: 0.3s pagetop-btn cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation: 0.3s pagetop-btn cubic-bezier(0.19, 1, 0.22, 1);
    animation: 0.3s pagetop-btn cubic-bezier(0.19, 1, 0.22, 1);
    animation-fill-mode: forwards;
}

@keyframes pagetop-btn {
    0% {
        background-position: 50% bottom;
    }

    100% {
        background-position: 50% 50%;
    }
}

@media only screen and (max-width: 750px) {
    #page-top a:hover {
        -moz-animation: none;
        -webkit-animation: none;
        animation: none;
    }
}

/* ぱんくず
----------------------------------------------------------*/
#breadcrumbs {
    padding: 15px 40px;
}

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

#breadcrumbs ul li {
    font-size: 12px;
    font-size: 1.2rem;
    color: #aeaeae;
    position: relative;
    float: left;
    display: inline-block;
}

#breadcrumbs ul li a {
    color: #60a183;
}

#breadcrumbs ul li:before {
    content: "";
    width: 6px;
    height: 10px;
    background: url(bread_arrow.png) no-repeat 0 0;
    background-size: 6px 10px;
    display: inline-block;
    margin: 0 15px;
}

#breadcrumbs ul li:first-child:before {
    content: none;
}

#breadcrumbs ul li a:hover {
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 750px) {
    #breadcrumbs {
        display: none;
    }
}

/* リスト
----------------------------------------------------------*/
.disc-list {
    list-style-type: disc;
    padding-left: 1.5em;
}

.disc-list li {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 3px;
}

@media only screen and (max-width: 750px) {
    .disc-list li {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.border-list {
    font-size: 16px;
    font-size: 1.6rem;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    margin: 0 auto;
}

.border-list dt,
.border-list dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 50px;
    margin-bottom: 50px;
}

.border-list dt {
    width: 25%;
    font-weight: bold;
    border-bottom: 1px solid #60a183;
}

.border-list dd {
    width: 75%;
    border-bottom: 1px solid #dadada;
}

.border-list dd p {
    margin-bottom: 20px;
}

.border-list dd p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
    .border-list {
        font-size: 16px;
        font-size: 1.6rem;
        -js-display: block;
        display: block;
        width: 100%;
    }

    .border-list dt,
    .border-list dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 0;
    }

    .border-list dt {
        width: 100%;
        font-weight: bold;
        border-bottom: 1px solid #60a183;
        margin-bottom: 0;
    }

    .border-list dd {
        width: 100%;
        border-bottom: none;
        margin-bottom: 0px;
    }

    .border-list dd p {
        margin-bottom: 20px;
    }

    .border-list dd p:last-child {
        margin-bottom: 0;
    }
}

/* テキスト系
----------------------------------------------------------*/
p.notes {
    font-size: 85%;
    margin-left: 1em;
    text-indent: -1em;
}