/* GENERAL */

body {
    letter-spacing: 0;
}

header .drawer-content nav > ul > li.products a,
.section-block .section-inner .tit-vertical.sticky p {
    text-transform: uppercase;
}

img {
    width: 100%;
}

img.chart {
    margin: 0 0 10% 0;
}

.section-block {
    margin-bottom: 30px;
}

.content-wrapper.top-content-block {
    padding-top: 0;
}

.detail-section .disc-list {
    margin-bottom: 20px;
}

.disc-list li {
    font-size: 15px;
    font-size: 1.5rem;
    padding-left: 15px;
    position: relative;
    list-style: disc;
    margin-left: 20px;
    padding-left: 0;
}

.disc-list li:before {
    display: none;
}

.text {
    word-wrap: break-word;
}

h2 {
    text-transform: uppercase;
}

p {
    letter-spacing: 0;
}

strong {
    font-weight: bold;
}

.grid-column .tech-section:after {
    content: "";
    display: none;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
}


#recommend a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#recommend .pic {
    width: 150px;
    height: 150px;
    margin: 0;
}

#recommend .pic img {
    width: 100%;
}

footer .footer-inner {
    padding: 2.5% 5%;
}

footer .footer-inner .footer-content {
    align-items: center;
}

footer .footer-inner .logo {
    position: relative;
    top: 0;
    left: 0;
}

footer .footer-inner .annotation {
    margin: 0;
    position: absolute;
    bottom: 28px;
    left: 285px;
}

footer .footer-inner .annotation p.copyright {
    width: 100%;
}

footer .footer-inner .footer-content .buttons ul.sns {
    position: absolute;
    bottom: 23px;
}

footer .footer-inner .footer-content .buttons ul.sns img {
    width: 20px;
}

footer .footer-inner .footer-content .buttons ul.site {
    margin: 0;
    position: absolute;
    bottom: 25px;
    right: 53px;
}

footer .footer-inner .footer-content .buttons ul.site img {
    width: 16px;
}

footer img {
    display: block;
}

footer .footer-inner .footer-content .buttons ul.site li a.sitemap,
footer .footer-inner .footer-content .buttons ul.site li a.global {
    display: flex;
}

footer .footer-inner .footer-content .buttons ul.site li a.twitter:before,
footer .footer-inner .footer-content .buttons ul.site li a.facebook:before,
footer .footer-inner .footer-content .buttons ul.site li a.instagram:before,
footer .footer-inner .footer-content .buttons ul.site li a.youtube:before,
footer .footer-inner .footer-content .buttons ul.site li a.sitemap:before,
footer .footer-inner .footer-content .buttons ul.site li a.global:before {
    display: none;
}

.sitemap img,
.global img {
    margin-right: 5px;
}

@media (max-width:768px) {
    .list-slide.pc-block {
        display: none !important;
    }

    .list-slide ul {
        border-bottom: 1px solid #000;
        padding: 15px 20px;
    }

    #recommend-section.section-inner {
        padding: 5%;
    }

    #recommend-section .section-content {
        padding: 0 !important;
    }

    #recommend .name span {
        font-size: 1.3rem;
    }

    #recommend .pic {
        width: 50px;
        height: 50px;
        margin: 0;
    }

    .bgpic.pc {
        display: none;
    }

    .bgpic.sp {
        display: block;
    }

    footer .footer-inner {
        padding: 30px 4% 10px;
    }

    footer .footer-inner .footer-content {
        align-items: inherit;
    }

    footer .footer-inner .footer-content .logo {
        order: 3;
        margin: 30px 0;
    }

    footer .footer-inner .footer-content .annotation {
        order: 4;
        bottom: 0;
        left: 0;
        padding-right: 0;
    }

    footer .footer-inner .annotation p.copyright {
        margin-bottom: 20px;
        text-align: center;
    }

    footer .footer-inner .footer-content .buttons.socmed {
        order: 2;
    }

    footer .footer-inner .footer-content .buttons.websites {
        order: 1;
    }

    footer .footer-inner .footer-content .buttons ul.site {
        bottom: 0;
        right: 0;
    }

    footer .footer-inner .annotation,
    footer .footer-inner .footer-content .buttons ul.sns,
    footer .footer-inner .footer-content .buttons ul.site {
        position: inherit;
    }

    footer .footer-inner .footer-content .buttons ul.site li a.sitemap,
    footer .footer-inner .footer-content .buttons ul.site li a.global {
        display: flex;
        justify-content: center;
        padding-left: 0;
    }

    footer .pagetop p {
        background: url(../../../media/common/arrow_white.svg) no-repeat 52% 50%/10px 12px;
    }
}

@media (min-width:769px) {
    .bgpic.sp {
        display: none;
    }
}

/*banner general detail products start */
.banner-general-detail {
    background: #000;
    padding: 1% 5%;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.general-detail-container .copy span {
    color: #fff !important;
    font-size: 12px !important;
}

@media screen and (max-width:768px) {
    .banner-general-detail {
        padding: 5%;
    }

    .general-detail-container .copy {
        font-size: 0.7rem;
    }
}

/*banner general detail products end*/


/* button list MOVIE and SPECIAL page start*/
.section-block .section-inner .section-content ul.tabs.button-list li a {
    width: 100%;
    background-color: #f4f4f4;
    color: #000;
    font-size: 1.5rem;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.section-block .section-inner .section-content ul.tabs.button-list li a:hover,
.section-block .section-inner .section-content ul.tabs.button-list li a.active {
    background: #000;
    color: #fff;
}

.section-block .section-inner .section-content ul.tabs.button-list li a:after {
    content: "";
    background: url(../../../media/common/arrow_black.svg) no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-block .section-inner .section-content ul.tabs.button-list li a:hover:after,
.section-block .section-inner .section-content ul.tabs.button-list li a.active:after {
    background: url(../../../media/common/arrow_white.svg) no-repeat;
}

@media (max-width:768px) {

    .section-block .section-inner .section-content ul.tabs.button-list li a:hover,
    .section-content ul.tabs.button-list li a:hover {
        background: #f4f4f4;
        color: #000;
    }

    .section-block .section-inner .section-content ul.tabs.button-list li a:hover:after,
    .section-block .section-inner .section-content ul.tabs.button-list li a:hover:after {
        background: url(../../../media/common/arrow_black.svg) no-repeat;
    }
}

/* button list MOVIE and SPECIAL page end*/

/* GENERAL END */

/*homepage banner start*/

#ContentsBtns {
    bottom: 125px;
}

/* #ContentsBtns #ContentsBtnsInner .btn {
    width: -moz-calc(33% - 4px);
    width: -o-calc(33% - 4px);
    width: -webkit-calc(33% - 4px);
    width: calc(33% - 4px);
} */

#ContentsBtns #ContentsBtnsInner .btn .btnInner .off span {
    padding-left: 0;
}

#ContentsKvInner .ContentsKv a .ContentsKvMain .ContentsKvMainInner {
    padding-top: 0;
}

#ContentsKvInner .ContentsKv a .ContentsKvMain .ContentsKvMainInner .bg img {
    width: 100%;
}

@media (max-width:767px) {
    #Kv {
        /*        height: 658px !important;*/
        height: 685px !important;
    }

    #ContentsBtns {
        bottom: 5.33333vw;
    }

    #ContentsBtnsInner {
        bottom: 0;
    }

    #ContentsBtnsInner .btn {
        padding: 0;
    }

    #ContentsKvInner .ContentsKvInfo .ContentsKvInfoInner .top-name {
        display: block;
    }

    #ContentsKvInner .ContentsKvInfo .ContentsKvInfoInner .top-name p {
        background: #fff;
        margin-right: 2%;
        display: inline;
    }

    #ContentsKvInner #styling .ContentsKvInfo .ContentsKvInfoInner .top-name p {
        margin-right: 0;
    }

    #ContentsKvInner .ContentsKv .ContentsKvMain {
        /*        height: 510px !important;*/
        height: 635px !important;
    }

    #ContentsKvInner .ContentsKv .ContentsKvMain .ContentsKvMainInner {
        background: transparent;
    }
}

@media (min-width:768px) and (max-width:1022px) {
    #ContentsBtns {
        bottom: 58px;
    }
/* 
    #ContentsBtns #ContentsBtnsInner {
        width: -moz-calc(100% - 390px);
        width: -o-calc(100% - 390px);
        width: -webkit-calc(100% - 390px);
        width: calc(100% - 390px);

    } */

    #ContentsBtnsInner .btn {
        padding: 0;
    }
}


/*homepage banner end*/

/*product page detail for Styling Pomade, Water Gloss, Styling Wax, Executive Shape & Moving Rubber start */


#product-original .detail-list > li {
    width: 100%;
}

#product-original .tech-section.section-inner {
    border-right: 1px solid #ddd;
}

#product-original .acc-body-wrapper {
    display: block;
}

#product-original .section-block .tit-vertical {
    margin-top: 9%;
}

#product-original .item-main h2 {
    margin: 7% 0;
}

@media (max-width: 768px) {
    #product-original .item-wrapper {
        margin: 0;
    }

    #product-original .item-main h2 {
        display: block;
        color: white;
        font-size: 20px;
        font-size: 1.25rem;
        background: transparent;
        border-top: none;
        border-left: 5px solid #fff;
        line-height: 0;
        text-align: left;
        padding-left: 3%;
        /*        margin: 0 0 0 10%;*/
    }

    #product-original .detail-list > li .box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #product-original .item-main .movie {
        width: 75%;
        margin: 0 0 2% 5%;
        padding-top: 5%;
    }

    #product-original .item-main .movie .movie-in iframe {
        bottom: 8%;
        top: auto;
    }

    #product-original .item-main {
        margin-bottom: 0;
    }

    #product-original #spiky-edge .item-main {
        background-color: #eb0080;
    }

    #product-original #wild-shake .item-main {
        background-color: #8057a5;
    }

    #product-original #loose-shuffle .item-main {
        background-color: #ee9f2b;
    }

    #product-original #air-rise .item-main {
        background-color: #86be37;
    }

    #product-original #cool-wet .item-main {
        background-color: #00b3f3;
    }

    #product-original #grunge-mat .item-main {
        background-color: #9dab9e;
    }

    #product-original .item-main .en {
        display: block;
        top: 62%;
        left: 92%;
        font-size: 2.464vw;
        z-index: 100;
        width: auto;
    }

    #product-original .section-block .tit-vertical {
        font-size: 14px;
    }

    #product-original .section-block .more-section .tit-vertical {
        padding: 15px 30px;
    }

    #product-original .item-main .en span {
        font-size: 5.513vw;
    }

    #product-original .detail-list > li .box h2 {
        display: block;
        background: transparent;
        padding-bottom: 0;
        text-align: left;
        padding: 0 5% 0;
        border-top: none;
    }

    #product-original .detail-list > li .box .text .subcopy {
        margin-top: 0;
    }

    #product-original .detail-list > li .box .pic {
        display: none;
    }

    #product-original .inner-box {
        padding: 0 5% 0 7%;
    }
}

@media (max-width: 1024px) {
    #product-original .detail-list > li .box .text {
        padding: 0 5% 2%;
        text-align: left;
        width: 100%;
    }
}

/*product page detail for Styling Pomade, Water Gloss, Styling Wax, Executive Shape & Moving Rubber end */


/*Product Sub Category Start*/


#product-subcategory h3.subcat-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1em;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 1.2rem;
    display: block;
}

@media (max-width: 768px) {
    .section-block .section-inner .section-content {
        padding-top: 30px;
    }
}

/*Product Sub Category end*/

.grid-column .tech-section:after {
    content: "";
    display: none;
}

.grid-column.section-block {
    border-bottom: 1px solid #DDD;
}

.grid-column.section-block:last-child {
    border-bottom: none;
}


/*Chart tables start*/
.chart-table.brighttech .table li {
    background: #6585a0;
}

.chart-table.protech .table li {
    background: #6ea065;
}

.chart-table.protech .table li:first-child {
    background: #ddd;
}

.chart-table .table li.on.on__brighttech {
    background: #0d5da3;
}

.chart-table .table li.on.on__protech {
    background: #16900c;
}

.chart-table .table li.on.on__airrise {
    background: #86be37;
}

.chart-table .table li.on.on__coolwet {
    background: #00b3f3;
}

.chart-table .table li.on.on__grungemat {
    background: #9dab9e;
}

.chart-table .table li.on.on__looseshuffle {
    background: #ee9f2b;
}

.chart-table .table li.on.on__spikyedge {
    background: #eb0080;
}

.chart-table .table li.on.on__wildshake {
    background: #8057a5;
}

.chart-table .table li.on.on__oilcontrol {
    background: #16900c;
}

.chart-table.oilcontrol .table li {
    background: #6ea065;
}

.chart-table.oilcontrol .table li:first-child {
    background: #ddd;
}

.chart-table .table li.on.on__speedybright {
    background: #38495e;
}

.chart-table .table li.on.on__blackpower {
    background: #059bea;
}

.chart-table .table li.on.on__iceshock {
    background: #0e40a1;
}

.chart-table .table li.on.on__stylingpomade {
    background: #e07606;
}

.chart-table .table li.on.on__spikystandup {
    background: #e01514;
}

.chart-table .table li.on.on__britlayered {
    background: #00306f;
}

.chart-table .table li.on.on__volumeup {
    background: #545557;
}

.chart-table .table li.on.on__mohawkfirmed {
    background: #6f046d;
}

.chart-table .table li.on.on__flexiblefiber {
    background: #e9284d;
}

.chart-table .table li.on.on__sharpenclay {
    background: #545557;
}

.chart-table .table li.on.on__wavyjelly {
    background: #059bea;
}

.chart-table .table {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

/*Chart tables end*/



/*Homepage news section start*/

.news-section {
    padding-top: 5%;
}

@media (max-width:768px) {
    .news-section {
        border-top: none;
    }

    .news-section .section-inner .section-content {
        padding: 30px 0 0 0;
        border-right: none;
    }

    .slick-dots li.slick-active::after {
        border: none;
    }

    .section-block .news-section .news-content.section-inner .section-content ul li {
        padding-top: 0;
    }
}

/*Homepage news section end*/


/*Product Page start*/
.section-block.products-block {
    margin-bottom: 10%;
    border: 0;
}

.section-block.products-block .section-inner .section-content ul {
    margin: 0;
}

.section-block.products-block .section-inner .section-content ul li {
    width: 20%;
    margin-right: 0;
    padding-top: 0;
}

.section-block.special-block {
    border: 0;
}

@media (max-width:768px) {
    .section-block.products-block .section-inner .section-content {
        width: 100%;
        padding: 8% 0 0 14.66667%;
    }

    .section-block.products-block .section-inner .section-content ul {
        margin-bottom: 25px;
    }

    .section-block.products-block .section-inner .section-content ul li {
        width: 50%;
        margin: 0;
    }

    .section-block.products-block .section-inner .section-content ul li:nth-child(odd) {
        margin: 0;
    }

    .section-block.products-block .section-inner .section-content ul li:nth-child(even) {
        margin: 0;
    }

    .section-block.products-block .section-inner .section-content ul li:nth-child(2) {
        margin-top: 33%;
    }

    .section-block.products-block .section-inner .section-content ul li:nth-child(4) {
        margin-top: 33%;
    }

    .section-block.products-block .section-inner .section-content ul li:nth-child(5) {
        margin-top: 0px;
    }
}

/*Product Page end*/

/*Product Subcategory Page start*/
/*
.section-block .section-inner .section-content ul li a {
    width: 75.79661%;
}
*/


/*Homepage Product Section start */

@media screen and (max-width: 768px) {
    .ContentsBody .products-block .section-inner .section-content {
        padding: 8% 0 0 20.66667%;
    }

    .ContentsBody .products-block .section-inner .section-content ul li h2 {
        text-align: left;
    }
}

/*Product section - homepage end */

@media screen and (max-width:768px) {
    .list-slide ul .pic img {
        width: 80%;
    }


    .more-section .acc-body {
        display: inherit;
    }

}

#kv .copy {
    padding: 0 10%;
}

/* product page detail - general - start */
#product-different .section-block .section-inner .section-content {
    border-right: none;
}

#product-different .list-slide ul.list-short li {
    padding-right: 0;
    margin-right: 0;
}

#product-different .detail-list > li .box h2 {
    border-top: none;
    background-color: transparent;
    text-align: left;
    width: 100%;
    border-left: 5px solid #000;
}

#product-different .detail-list > li .box h2:after {
    content: none;
}

#product-different .detail-list > li .box .text .subcopy.product-title {
    margin-top: 5px;
    border-left: 5px solid transparent;
    padding-left: 20px;
}

p.subcopy.product-title {
    padding-left: 7%;
}

#product-different .list-slide ul li:first-child {
    margin-left: 0;
}

@media screen and (max-width:768px) {

    #product-different .detail-list > li .box .text {
        padding-top: 0;
    }

    #product-different .detail-list > li .box h2 {
        margin: 15% 10% 0;
        padding: 0 5%;
        grid-column: 1/1;
    }

    #product-different .detail-list > li .box .text .subcopy.product-title {
        margin: 5% 0 0;
        padding: 0;
        border: none;
    }

    p.subcopy.product-title {
        padding-left: 0;
    }

    /*
    #product-different .detail-list > li .box h2:after {
        content: "";
        display: block;
        background-color: #222;
        height: 100%;
        width: 4px;
        position: absolute;
        left: 0;
        top: 0;
    }
    */

    #product-different .detail-section {
        border-top: none !important;
        border-bottom: 1px solid #000;
    }
}

/* product page detail - general - end */


/*MOVIE Page start*/

.movie-section .tab_container {
    border: none;
}

.movie-section .tab_container ul.tabs.button-list {
    border: none;
    padding-bottom: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.movie-section .tab_container ul.tabs.button-list li {
    border: none;
    background: transparent;
    width: 31.36649%;
}

.movie-section .tab_container .tab_content {
    padding: 0;
}

.movie-section .tab_container ul.movie-list {
    -webkit-justify-content: left;
    justify-content: left;
}

.movie-section .tab_container ul.movie-list li {
    width: 31.36649%;
    margin-bottom: 35px;
    margin-right: 2.9%;
}

.movie-section .tab_container ul.movie-list li:nth-child(3n) {
    margin-right: 0;
}

.movie-section .tab_container ul.movie-list li .movie {
    padding-top: 0;
    width: 100%
}

.movie-section .tab_container ul.movie-list li .movie.movie__image img {
    object-fit: cover;
    height: 200px;
}

.movie-section .tab_container ul.movie-list li .movie .movie-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    display: block;
    margin-top: 15px;
    color: #000;
    line-height: 1.5;
    text-align: left;
}

@media (max-width:768px) {
    .movie-section {
        padding: 63px 8% 0 8%;
    }

    .movie-section .tab_container ul.tabs.button-list {
        padding-bottom: 30px;
    }

    .movie-section .tab_container ul.tabs.button-list li {
        width: 100%;
        margin: 0 5% 5%;
    }

    .movie-section .tabs.button-list {
        padding-bottom: 0;
        flex-direction: column;
    }


    .movie-section .tab_container ul.movie-list {
        margin: 0 5%;
        width: 95%;
    }

    .movie-section .tab_container ul.movie-list li {
        width: 100%;
    }

    .movie-section .tab_container ul.movie-list li li:first-child {
        padding-top: 5%;
    }

    .section-block .section-inner .section-content ul.tabs.button-list li a:after {
        right: 50px;
    }
}

/*MOVIE Page end*/

/*TALENT Page start*/
#banner-talent {
    padding: 0 30px 40px;
    position: relative;
    background: none;
}

#banner-talent .bgpic img {
    width: 100%;
    height: auto;
    background-color: white;
    padding-top: 30px;
}

#banner-talent h1 span {
    font-size: 36px;
    font-size: 3.6rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 15px;
}

#banner-talent h1 {
    position: absolute;
    right: 10%;
    top: 15%;
}

#banner-talent .subcopy {
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 15px;
}

#banner-talent ul {
    position: relative;
    list-style: disc;
}

#banner-talent li.subcopy {
    margin-left: 15px;
}


.talent-info {
    padding: 0 10%;
}

@media (max-width:768px) {
    #banner-talent {
        padding: 0;
    }

    #banner-talent h1 span {
        font-size: 3rem;
        margin-bottom: 0;
        text-align: center;
        padding-left: 5%;
        width: 100%;
    }

    #banner-talent h1 {
        top: 15%;
        right: 0;
        width: 100%;
    }

    #banner-talent .bgpic img {
        width: 100%;
        margin: 5%;
    }

    #banner-talent .bgpic.sp img {
        padding-top: 0;
    }

    .talent-info {
        padding: 0 0 0 5%;
    }
}

/*TALENT Page end*/

/*SPECIAL Page start*/

.special-inner {
    padding: 0;
}

.special-inner .tab_container {
    border: none;
}

.special-inner .tab_container .tab_content {
    padding: 0;
}

.special-inner .tab_container ul.tabs.button-list {
    border: none;
    padding-bottom: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0;
}

.special-inner .tab_container ul.tabs.button-list li .btn {
    margin-top: 0;
}

.special-inner .tab_container ul.tabs.button-list li {
    border: none;
    background: transparent;
    margin-right: 0;
}

@media (max-width:768px) {
    .special-inner {
        padding: 63px 0 0 0;
    }

    .special-inner .tab_container ul.tabs.button-list {
        padding-bottom: 45px;
    }

    .special-inner ul.tabs.button-list li .btn {
        margin-top: 0;
    }

    .special-inner ul.tabs.button-list li: {
        margin-top: 5%;
    }

    /*
    .special-inner ul.tabs.button-list li:nth-child(-n+3) {
        margin-top: 5%;
    }
*/

    .special-inner ul.tabs.button-list li:first-child {
        margin-top: 0;
    }


    .section-block .section-inner .section-content .special-inner ul.tabs.button-list li a:after {
        right: 10px;
    }

    /*
    .special-inner .tab_container ul.tabs.button-list li {
        width: 100%;
    }

    .special-inner .tab_container ul.tabs.button-list li:first-child {
        margin-top: 0;
    }

    .special-inner .tab_container ul.tabs.button-list li .btn {
        margin-top: 0;
    }

    .special-inner .tab_container .tab_content ul.special-list li img {
        width: 90%;
        margin: 0 10%;
    }
*/
}


/*SPECIAL Page end*/

/*ARTICLE Page start*/


.article-inner {
    border: 0;
    padding: 0 2.62009%;
}

.section-block .section-inner .section-content .article-inner ul.button-list li a {
    min-width: 207px;
}

.article-inner ul.button-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.article-inner ul.button-list li a {
    display: inline-block;
    background-color: #f4f4f4;
    color: #000;
    font-size: 15px;
    font-size: 1.5rem;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
}


.article-inner ul.button-list li a:after {
    content: "";
    background: url(../../../media/common/arrow_black.svg) no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
}


.article-inner ul.button-list li a:hover {
    background-color: #000;
    color: #fff;
}

.article-inner ul.button-list li a:hover:after {
    background: url(../../../media/common/arrow_white.svg) no-repeat;
}

.article-inner ul.button-list li.active.show a {
    background-color: #000;
    color: #fff;
}

.article-inner ul.button-list li.active.show a:after {
    background: url(../../../media/common/arrow_white.svg) no-repeat;
}

.article-inner ul.news-list {
    margin-bottom: 50px;
    -webkit-justify-content: left;
    justify-content: left;
}

.article-inner ul.news-list li {
    width: 30.36649%;
    margin-right: 4.4%;
}

.article-inner ul.news-list li:nth-child(3n) {
    margin-right: 0;
}

.article-inner ul.news-list li .date {
    text-transform: uppercase;
}

.article-inner ul.news-list li .text-box .text a {
    background-color: transparent;
    color: #000;
    line-height: 1.5;
    text-align: left;
    word-break: normal;
    width: 100%;
}

.article-inner ul li .btn {
    margin-top: 0;
}

@media (max-width: 768px) {
    .article-inner {
        padding: 0 4% 0 9%;
    }

    .article-inner ul.button-list {
        width: 100%;
        padding-bottom: 45px;
    }

    .article-inner ul.button-list li {
        width: 100%;
        margin-top: 5%;
    }

    .article-inner ul.button-list li:first-child {
        margin-top: 0;
    }

    .article-inner ul.button-list li a:hover {
        background-color: #f4f4f4;
        color: #000;
    }

    .article-inner ul.button-list li a:hover:after {
        background: url(../../../media/common/arrow_black.svg) no-repeat;
    }

    .article-inner ul.button-list li .btn {
        margin-top: 2%;
        width: 100%;
        padding: 0;
    }

    .article-inner ul.news-list li {
        width: 100%;
        padding: 3% 0;
        margin-right: 0;
    }

    .article-inner ul.news-list li .thumbnail {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    .article-inner ul.news-list li .thumbnail img {
        width: 100%;
    }

    .article-inner ul.news-list li .text-box {
        width: 100%;
        padding-bottom: 5%;
    }

    .article-inner ul.news-list li .text-box .text a {
        font-weight: 600;
        font-size: 1.5rem;
        padding-top: 2%;
    }


    .news-list li:not(:first-child),
    .news-list li:not(:first-child) {
        border-top: none;
    }


    .news-list li .tag,
    .news-list li .date {
        display: none;
    }

}

@media (max-width:320px) {
    .news-list li .thumbnail img {
        width: 90%;
    }
}

/*ARTICLE Page end*/



/* SPECIAL and ARTICLE template detail start*/
/* kv
 ========================================================================== */
#kv {
    background-color: #f4f4f4;
    padding: 0 30px 40px;
    position: relative;
}

#kv .kv-inner {
    width: 100%;
    max-width: 1540px;
    position: absolute;
    top: 9.74026%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#kv h1 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W6", "メイリオ", sans-serif;
    text-align: center;
}

#kv h1 span {
    font-size: 36px;
    font-size: 3.6rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 15px;
}

#kv .copy {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
}

#kv .bgpic img {
    width: 100%;
    background-color: white;
}

#kv .bgpic.pc {
    display: block;
}

#kv .bgpic.sp {
    display: none;
}

#kv.skincare {
    padding-top: 0;
}

@media all and (max-width: 1024px) {
    #kv .content-inner {
        background-color: white;
        padding-top: 50px;
    }

    #kv h1 {
        font-size: 12px;
        font-size: 1.2rem;
    }

    #kv h1 span {
        font-size: 32px;
        font-size: 3.2rem;
        margin-bottom: 8px;
    }

    #kv .copy {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 18px;
    }
}

@media all and (max-width: 767px) {
    #kv {
        background-color: white;
        padding: 20px 0 0 0;
    }

    #kv .content-inner {
        padding-top: 0;
    }

    #kv .kv-inner {
        width: 100%;
        padding: 0 8%;
        position: static;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    #kv h1 {
        font-size: 11px;
        font-size: 1.1rem;
    }

    #kv h1 span {
        font-size: 25px;
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    #kv .copy {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 25px;
    }

    #kv .bgpic.pc {
        display: none;
    }

    #kv .bgpic.sp {
        display: block;
    }

    #kv.pt-small {
        padding-top: 10px;
    }
}

#template-detail-activity-article .section-block .section-inner .section-content.activity-article-content .text p img {
    width: 60% !important;
    margin-left: 20%;
}

#template-detail-activity-article #kv {
    padding: 50px 30px 40px;
    background-color: #fff;
}

#template-detail-activity-article #kv h1 span {
    line-height: 1.2;
}


#template-detail-activity-article .kv-inner {
    padding: 0 5%;
    position: relative;
}

#template-detail-activity-article .activity-article-content .text img {
    padding: 2% 0;
    height: auto !important;
}

@media (max-width:768px) {


    #template-detail-activity-article .section-block .section-inner .section-content.activity-article-content .text p {

        margin: 5% 0;
    }

    #template-detail-activity-article .section-block .section-inner .section-content.activity-article-content .text p img {
        width: 100% !important;
        margin-left: 0;
        margin: 2% 0;
    }

    #template-detail-activity-article .section-block .section-inner .section-content.activity-article-content .text p iframe {
        width: 100%;
        height: auto;
        margin: 2% 0;
    }

    #template-detail-activity-article .kv-inner {
        left: 0;
    }
}

/* SPECIAL and ARTICLE template detail end*/


/*NEW PRODUCT page start*/
.section-block.newproduct-block h1 {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

/*NEW PRODUCT page end*/

/*SITEMAP start*/
.sitemap-inner .text {
    text-transform: uppercase;
}

/*SITEMAP end*/


/*STYLING PAGE and SECTION START*/

.section-block.styling-block {
    border: none;
}

.section-block.styling-block .section-inner .section-content {
    padding: 3.74251% 3.74251%;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail {
    position: relative;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content {
    margin: 0 5.84642%;
    width: 20.59337%;
    position: relative;
    display: grid;
    display: -ms-grid;
    text-align: left;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:nth-child(4) {
    padding-top: 6.9808%;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:nth-child(5) {
    padding-top: 6.9808%;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content a {
    display: block;
    width: 67.79661%;
    margin: 0 auto;
    position: relative;
}


.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title {
    position: absolute;
    top: 45%;
    left: 75%;
}

.section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title h2 {
    font-size: 1.4rem;
    border: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 1024px) {
    .section-block.styling-block .section-inner .section-content {
        padding: 4.88281% 4.88281%;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content {
        margin: 0 10.84642% 0 0;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title {
        left: 70%;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title h2 {
        font-size: 1.1rem;
    }
}

@media (max-width:768px) {

    .ContentsBody .styling-block {
        margin: inherit;
    }

    .section-block.styling-block .section-inner {
        padding-bottom: 0;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container {
        flex-direction: column;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content {
        width: 49.7037%;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:nth-child(odd) {
        margin: 10% 0;
        align-self: flex-start;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:first-child {
        margin-top: 0;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:nth-child(even) {
        margin-top: 0;
        position: absolute;
        left: 47%
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:nth-child(2) {
        top: 20%;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content:nth-child(4) {
        top: 55%;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title {
        position: relative;
        top: 0;
        left: 0;

    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title h2 {
        text-align: left;
        width: 170px;
    }

    .section-block.styling-block .section-inner .section-content .styling-thumbnail ul.styling-thumbnail-container li.styling-thumbnail-content .styling-thumbnail-title h2 span.show {
        display: inline-block;
        font-size: 1.1rem;
    }
}

/*STYLING PAGE and SECTION END*/


/*recommendation section all pages start*/
#recommend-section {
    background: transparent;
    border: none;
}

#recommend-section .list-slide ul li:last-child {
    padding-right: 0;
}

@media(max-width:768px) {
    #recommend-section .list-slide {
        width: 100%;
        padding: 0 10%;
    }
}

/*recommendation section all pages end*/


/* recommendation on Styling page start*/
#recommend-section .list-slide {
    background: none;
}

#recommend-section .list-slide ul {
    border-bottom: none;
    width: 100%;
}

#recommend-section p.name {
    text-transform: uppercase;
}

/*
#recommend-section .section-content {
    display: block;
}

#style-guide #recommend .pic {
    width: 150px;
    height: auto;
    margin: 0 0 20% 0;
}

#style-guide #recommend p.name {
    text-transform: uppercase;
    width: 160px;
}
*/

@media (max-width:768px) {

    /*
    #recommend-section.section-inner {
        padding: 10% 10% 5% 15%;
    }

    #recommend-section .section-content {
        padding: 0 !important;
        margin: 0 5%;
    }

    #style-guide #recommend .pic {
        margin: 0 0 10% 0;
        width: auto;
    }

    #style-guide #recommend p.name {
        width: auto;
    }


    .recommend {
        display: block;
    }

    #recommend-section .section-content:nth-child(3) {
        display: block;
        padding: 0 10%;
    }
    */
}

/* recommendation on Styling page start*/