@charset 'utf-8';

/*----------------------------------------------------
 共通：ビューティ上書き
----------------------------------------------------*/
.r_beauty .aa_header {
    border-top: 4px solid #e96e80;
    height: 63px;
    background: #fff3f3 url(//img.aacdn.jp/allabout/rt/r_beauty/hd-inner-bg.png) center top no-repeat ;
}
.r_beauty .aa_menu {
    background: #e96e80;
}
.r_beauty .aa_header-category {
    position: relative;
    top: -5px;
}
.r_beauty .aa_header-category-link {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 38px;
    font-weight: normal;
    color: #d84257;
}
.r_beauty .aa_pagetop-link {
    background: #e96e80;
}
.r_beauty .aa_footer {
    background: #fff3f3;
}
.r_beauty .aa_link-has-triangle-left:after {
    border-color: transparent transparent transparent #e96e80;
}
.r_beauty .aa_local-menu-heading-title {
    border-left: 10px solid #e96e80;
}
.r_beauty .aa_pagination-direction-next .aa_pagination-direction-link {
    background: #e96e80;
}
.r_beauty .aa_pagination-number.current {
    color: #e96e80;
}
.r_beauty .aa_link-list-order-num {
    background: #e96e80;
}

/*----------------------------------------------------
 共通パーツ
----------------------------------------------------*/
/* ボタン */
.aa_beauty_btn-rect {
    display: block;
    position: relative;
    padding: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #e96e80;
}
.aa_beauty_btn-rect:hover {
    text-decoration: none;
}
.aa_beauty_btn-rect:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
/* アイコン */
.ico-beauty {
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/beauty-sprite.png) no-repeat;
}
.mico-logo {
    display: inline-block;
    width: 52px;
    height: 16px;
    background-position: 0 -90px;
}
/* ドットタイトル系 */
.dotted-box {
    position: relative;
    border-bottom: 1px #dfd9c8 dotted;
}
.dotted-box h2 {
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: normal;
    color: #736a61;
}
.dotted-box h2.bold {
    font-weight: bold;
}
.dotted-box h2 .time {
    margin-left: 10px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}
.dotted-box .link-btn {
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
    width: 100px;
}
.link-btn .item:hover {
    text-decoration: underline;
}
.dotted-box .btn {
    cursor: pointer;
}
.dotted-box a.btn {
    display: block;
    text-decoration: none;
}
.dotted-box a.btn:hover {
    text-decoration: none;
}
.dotted-box .blue-arrow {
    margin-top: 3px;
}
/* 斜め線背景 */
.diagonal {
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/beauty-diagonal.png) repeat;
}
.inner.glay-bg {
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/beauty-inner-bk.png) repeat-x #ffedde;
}

/*----------------------------------------------------
 new-arrival
----------------------------------------------------*/
.new-arrival .contents-list li a:hover {
    background: #fcf1ed;
}
.diagonal .inner .contents-list li a:hover {
    background: #fcf1ed;
}
.gray-border-box .border-half li a:hover {
    background: #fcf1ed;
}
.new-arrival .link-btn-box .btn {
    border: 1px solid #faede6;
    letter-spacing: normal;
    color: #fff;
    background: #ff9d8c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ff9d8c), color-stop(100%,#ea6f6f));
    background: -webkit-linear-gradient(top,  #ff9d8c 1%,#ea6f6f 100%);
    background: linear-gradient(to bottom,  #ff9d8c 1%,#ea6f6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d8c', endColorstr='#ea6f6f',GradientType=0 );
}
.new-arrival .link-btn-box .btn:hover {
    background: #ea6f6f;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea6f6f), color-stop(100%,#e94545));
    background: -webkit-linear-gradient(top,  #ea6f6f 0%,#e94545 100%);
    background: linear-gradient(to bottom,  #ea6f6f 0%,#e94545 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6f6f', endColorstr='#e94545',GradientType=0 );
}

/*----------------------------------------------------
 メインイメージセクション：運用改善リリース後見直し
----------------------------------------------------*/
.main-image-section h1 {
    margin-bottom: 5px;
    letter-spacing: normal;
    font-size: 13px;
    color: #666;
}
.main-image-section h1 .name {
    margin: 3px 5px 0 3px;
    margin-right: 5px;
    letter-spacing: normal;
    font-size: 10px;
    font-weight: normal;
    color: #dc6b7c;
}
.main-image-section {
    border: 1px solid #faede0;
    margin-bottom: 20px;
    padding: 9px;
}
.main-image-section .content {
    width: 663px;
    margin: 0 auto;
}
.main-image-section .content li {
    position: relative;
    width: 329px;
    margin-bottom: 5px;
}
.main-image-section .first {
    margin-right: 5px;
}
.main-image-section .count-4 {
    margin-right: 5px;
    margin-bottom: 0;
}
.main-image-section .count-5 {
    margin-bottom: 0;
}
/* ボタン */
.special-list {
	margin-bottom: 15px;
}
.special-list .dotted-box {
    margin-bottom: 5px;
}
.special-list h2 {
    font-size: 13px;
    font-weight: bold;
    color: #dc6b7c;
}
.special-list .inner .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.special-list .inner .has-grid > li {
    display: inline-block;
    letter-spacing: normal;
}
.list-bt li {
    width: 131px;
    height: 41px;
    margin-right: 6px;
}
.list-bt li:last-child {
    margin-right: 0;
}
.list-bt li a {
    display: block;
    width: 131px;
    height: 41px;
    text-indent: -9999px;
}
.makeup-bt {
    background-position: 0 0;
}
.skin-care-bt {
    background-position: -133px 0;
}
.hair-bt {
    background-position: -266px 0;
}
.body-care-bt {
    background-position: -400px 0;
}
.neil-bt {
    background-position: -534px 0;
}
a:hover.makeup-bt {
    background-position: 0 -42px;
}
a:hover.skin-care-bt {
    background-position: -133px -42px;
}
a:hover.hair-bt {
    background-position: -266px -42px;
}
a:hover.body-care-bt {
    background-position: -400px -42px;
}
a:hover.neil-bt {
    background-position: -534px -42px;
}

/*----------------------------------------------------
 新着記事
----------------------------------------------------*/
.mico-only .new-article-list li {
    border: 1px #faede0 solid;
    margin-bottom: 15px;
}
.mico-only .new-article-list li .inner {
    padding: 5px;
}
.mico-only .new-article-list li .title {
    height: 3em;
    margin-bottom: 5px;
    font-size: 13px;
}
.mico-only .new-article-list .thumb a {
    display: block;
}
.mico-only .new-article-list .thumb img {
    vertical-align: top;
}
.mico-only .guide-box .item-box {
    overflow: hidden;
    height: auto;
    padding-left: 6px;
    word-wrap: break-word;
    line-height: 1;
}
.mico-only .guide-box .item-box .name {
    margin-top: 3px;
    font-size: 13px;
}
.mico-only .guide-box .item-box .name a {
    color: #666;
}
.mico-only .guide-box .item-box .name a:hover {
    text-decoration: underline;
}
.mico-only .gs-name {
    display: inline;
    font-size: 10px;
    color: #a0968d;
}
.mico-only .gs-name a {
    color: #e6435b;
}
.mico-only .guide-box .gs-name:hover {
    text-decoration: underline;
}
.new-article-list li .bottom {
    position: absolute;
    bottom: 3px;
    left: 0;
}

/*----------------------------------------------------
 人気ランキング
----------------------------------------------------*/
.mico-only .title-more-btn {
    display: block;
    position: absolute;
    top: 4px;
    right: 5px;
    width: 172px;
}
.mico-only .title-more-btn .blue-arrow {
    margin: 3px 0 0 5px;
}
.mico-only .ranking-list {
    margin: 0 0 20px 0;
}
.mico-only .ranking-list li {
    position: relative;
    border: 1px solid #faede0;
    width: 131px;
    height: 174px;
    margin-right: 7px;
}
.mico-only .ranking-list li .thumb {
    text-align: center;
}
.mico-only .ranking-list li .text {
    padding: 5px;
    font-size: 13px;
}
.mico-only .ranking-list li:last-child {
    margin-right: 0;
}
.mico-only .no1-icon,
.mico-only .no2-icon,
.mico-only .no3-icon {
    display: block;
    position: absolute;
    top: -7px;
    left: -3px;
    z-index: 10;
    width: 15px;
    height: 17px;
}
.mico-only .no4-icon,
.mico-only .no5-icon {
    display: block;
    position: absolute;
    top: -9px;
    left: -3px;
    z-index: 10;
    width: 20px;
    height: 20px;
}
.mico-only .no1-icon {
    background-position: 0 -113px;
}
.mico-only .no2-icon {
    background-position: -26px -113px;
}
.mico-only .no3-icon {
    background-position: -52px -113px;
}
.mico-only .no4-icon {
    background-position: -77px -112px;
}
.mico-only .no5-icon {
    background-position: -103px -112px;
}
.link-pink-bt {
    display: block;
    width: 655px;
    height: 40px;
    margin: 0 auto 50px;
}
.link-pink-bt a {
    display: block;
    border-radius: 3px;
    width: 655px;
    height: 28px;
    padding-top: 12px;
    font-weight: bold;
    color: #fff;
    background: #ff9d8c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d8c), color-stop(100%,#ea6f6f));
    background: -webkit-linear-gradient(top,  #ff9d8c 0%,#ea6f6f 100%);
    background: linear-gradient(to bottom,  #ff9d8c 0%,#ea6f6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d8c', endColorstr='#ea6f6f',GradientType=0 );
}
/* .ranking-section */
.ranking-section .carousel-list li {
    width: 129px;
    height: 90px;
    margin-right: 10px;
    margin-bottom: 15px;
}
#make-catalog .ranking-section .carousel-list li {
    width: 129px;
    height: 167px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;
}
.ranking-section .carousel-list li .ranking-icon + a {
    display: block;
    border: 1px solid #e6e6e6;
    padding: 5px;
}
.ranking-section .carousel-list li .ranking-icon.no1 + a {
    border: 1px solid #cfb78a;
}
.ranking-section .carousel-list li .ranking-icon.no2 + a {
    border: 1px solid #aaa;
}
.ranking-section .carousel-list li .ranking-icon.no3 + a {
    border: 1px solid #cb9580;
}
.ranking-section .carousel-list li .ranking-icon + a:hover {
    border: 1px solid #e6435b;
}
.ranking-section .carousel-list li {
    position: relative;
    z-index: 0;
}
.ranking-section .carousel-list li .ranking-icon {
    position: absolute;
    z-index: 10;
}
.ranking-section .carousel-list li .ranking-icon.no1,
.ranking-section .carousel-list li .ranking-icon.no2,
.ranking-section .carousel-list li .ranking-icon.no3 {
    top: -15px;
    left: 46px;
    width: 31px;
    height: 22px;
}
.ranking-section .carousel-list li .ranking-icon.no4,
.ranking-section .carousel-list li .ranking-icon.no5,
.ranking-section .carousel-list li .ranking-icon.no6,
.ranking-section .carousel-list li .ranking-icon.no7,
.ranking-section .carousel-list li .ranking-icon.no8,
.ranking-section .carousel-list li .ranking-icon.no9,
.ranking-section .carousel-list li .ranking-icon.no10 {
    top: -15px;
    left: 48px;
    width: 25px;
    height: 21px;
}
.ranking-section .carousel-list li .ranking-icon.no1 {
    background-position: 0 -172px;
}
.ranking-section .carousel-list li .ranking-icon.no2 {
    background-position: -44px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no3 {
    background-position: -88px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no4 {
    background-position: -135px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no5 {
    background-position: -179px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no6 {
    background-position: -222px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no7 {
    background-position: -265px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no8 {
    background-position: -310px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no9 {
    background-position: -353px -172px;
}
.ranking-section .carousel-list li .ranking-icon.no10 {
    background-position: -398px -172px;
}

/*----------------------------------------------------
 特集、コラム枠
----------------------------------------------------*/
.feature-column-section {
    border: 3px solid #dc6b7c;
    border-radius: 2px;
    padding: 10px 15px;
    background: #fffdfd;
}
.feature-column-section h2 {
    border-bottom: 1px dotted #dc6b7c;
    padding-bottom: 3px;
    font-size: 13px;
    color: #666;
}
.feature-column-section h2 .name {
    margin: 3px 5px 0 3px;
    margin-right: 5px;
    font-size: 10px;
    color: #dc6b7c;
}

.feature-column-section .closeup-contents {
    position: relative;
    border-bottom: 1px dotted #dc6b7c;
    margin-bottom: 0;
    padding: 10px 0;
}
.feature-column-section .closeup-contents .gstop-name {
    position: absolute;
    bottom: 10px;
    left: 177px;
    font-size: 13px;
}
.feature-column-section .contents .gstop-name {
    position: absolute;
    bottom: 10px;
    left: 100px;
    font-size: 13px ;
}
.feature-column-section .closeup-contents .gstop-name a,
.feature-column-section .contents .gstop-name a {
    display: inline;
    padding: 0;
}
.feature-column-section .contents-list .contents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px dotted #f3d8cf;
    border-bottom: 1px dotted #f3d8cf;
    width: 50%;
    margin-bottom: 0;
    padding: 10px;
}
.feature-column-section .contents-list .contents.border-right-none {
    border-right: none;
    padding: 10px 5px;
}

.feature-column-section .closeup-contents .thumb {
    width: 160px;
    height: 120px;
}
.feature-column-section .contents .thumb {
    width: 88px;
    height: 66px;
}

/*----------------------------------------------------
 ビューティコーチ
----------------------------------------------------*/
.beauty-coach {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 336px;
    height: 405px;
    padding: 8px 10px;
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/beauty_coach_bg.png) no-repeat;
}
.beauty-coach-label {
    border-bottom: 1px dotted #8b8178;
    margin-bottom: 10px;
    padding-bottom: 6px;
    font-weight: bold;
}
.beauty-coach-label-en {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 19px;
}
.beauty-coach-label-ja {
    position: relative;
    top: 6px;
    margin-left: 6px;
    font-size: 11px;
}
.coach-list {
    border-bottom: 1px dotted #8b8178;
}
.coach-list li {
    margin-bottom: 8px;
}
.coach-list .thumb {
    border: 1px solid #faede0;
    width: 67px;
    height: 67px;
    margin-right: 6px;
    background: #fff;
    border-radius: 50%;
}
.coach-list .thumb img {
    border-radius: 50%;   
}
.coach-list .text-box {
    overflow: hidden;
    height: auto;
    padding-left: 0;
    word-wrap: break-word;
}
.coach-list .text-box .title {
    font-size: 14px;
    font-weight: bold;
    color: #e6435b;
    line-height: 1.3;
}
.coach-list a:hover .title {
    text-decoration: underline;
}
.coach-list .text-box .text {
    font-size: 12px;
    color: #5f5f5f;
}
.beauty-coach-footer-link {
    display: block;
    position: relative;
    padding: 7px 15px 7px 10px;
    padding-right: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #e6435b;
}
.beauty-coach-footer-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 10px;
    border-top: 2px solid #e6435b;
    border-right: 2px solid #e6435b;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

/*----------------------------------------------------
 カタログ
----------------------------------------------------*/
.beauty-catalog .main-title-box {
    position: relative;
    margin-bottom: 10px;
    background: #fd7496;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd7496), color-stop(100%,#e6435b));
    background: -webkit-linear-gradient(top,  #fd7496 0%,#e6435b 100%);
    background: linear-gradient(to bottom,  #fd7496 0%,#e6435b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7496', endColorstr='#e6435b',GradientType=0 );
}
.beauty-catalog .main-title-box h1 {
    height: 36px;
    margin-bottom: 0;
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
}
.beauty-catalog .main-title-box .catch {
    position: absolute;
    right: 5px;
    bottom: 3px;
    font-size: 10px;
    color: #fff;
}
.beauty-catalog .btn-list-area {
    margin-bottom: 5px;
    text-align: right;
}
.beauty-catalog .main-wrap {
    font-size: 13px;
}
.beauty-catalog .main-wrap > .lead {
    margin-bottom: 10px;
}

/*----------------------------------------------------
 navi-section ローカルナビゲーション
 e.g. /nailcatalog/season/spring/
----------------------------------------------------*/
.navi-section {
    width: 675px;
    margin-bottom: 20px;
    padding: 10px 5px;
    background: #f5f5f5;
}
.navi-section .inner {
    width: 690px;
}
.navi-section .inner .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.navi-section .inner .has-grid > li {
    letter-spacing: normal;
}
.navi-section .has-grid li {
    width: 166px;
    height: 40px;
    margin-right: 3px;
}
.navi-section .has-grid li a,
.navi-section .has-grid li span {
    display: block;
    width: 166px;
    height: 40px;
    text-indent: -9999px;
}
.navi-section .has-grid li .nail-spring-btn {
    background-position: -11px -287px;
}
.navi-section .has-grid li .nail-summer-btn {
    background-position: -179px -287px;
}
.navi-section .has-grid li .nail-fall-btn {
    background-position: -347px -287px;
}
.navi-section .has-grid li .nail-winter-btn {
    background-position: -515px -287px;
}
.navi-section .has-grid li.current .nail-spring-btn {
    background-position: -11px -247px;
}
.navi-section .has-grid li.current .nail-summer-btn {
    background-position: -179px -247px;
}
.navi-section .has-grid li.current .nail-fall-btn {
    background-position: -347px -247px;
}
.navi-section .has-grid li.current .nail-winter-btn {
    background-position: -515px -247px;
}
.navi-section .has-grid li .nail-simple-btn {
    background-position: -11px -647px;
}
.navi-section .has-grid li .nail-gradation-btn {
    background-position: -179px -647px;
}
.navi-section .has-grid li .nail-french-btn {
    background-position: -347px -647px;
}
.navi-section .has-grid li .nail-color-btn {
    background-position: -515px -647px;
}
.navi-section .has-grid li.current .nail-simple-btn {
    background-position: -11px -608px;
}
.navi-section .has-grid li.current .nail-gradation-btn {
    background-position: -179px -608px;
}
.navi-section .has-grid li.current .nail-french-btn {
    background-position: -347px -608px;
}
.navi-section .has-grid li.current .nail-color-btn {
    background-position: -515px -608px;
}
.navi-section .has-grid li .nail-marble-btn {
    background-position: -11px -727px;
}
.navi-section .has-grid li .nail-hologram-btn {
    background-position: -179px -727px;
}
.navi-section .has-grid li .nail-tweed-btn {
    background-position: -347px -727px;
}
.navi-section .has-grid li .nail-peacock-btn {
    background-position: -515px -727px;
}
.navi-section .has-grid li .nail-border-btn {
    background-position: -11px -808px;
}
.navi-section .has-grid li .nail-stone-btn {
    background-position: -179px -808px;
}
.navi-section .has-grid li .nail-ribbon-btn {
    background-position: -347px -808px;
}
.navi-section .has-grid li .nail-lace-btn {
    background-position: -515px -808px;
}
.navi-section .has-grid li.current .nail-marble-btn {
    background-position: -11px -688px;
}
.navi-section .has-grid li.current .nail-hologram-btn {
    background-position: -179px -688px;
}
.navi-section .has-grid li.current .nail-tweed-btn {
    background-position: -347px -688px;
}
.navi-section .has-grid li.current .nail-peacock-btn {
    background-position: -515px -688px;
}
.navi-section .has-grid li.current .nail-border-btn {
    background-position: -11px -768px;
}
.navi-section .has-grid li.current .nail-stone-btn {
    background-position: -179px -768px;
}
.navi-section .has-grid li.current .nail-ribbon-btn {
    background-position: -347px -768px;
}
.navi-section .has-grid li.current .nail-lace-btn {
    background-position: -515px -768px;
}
/* #make-catalog */
#make-catalog .navi-section {
    border-bottom: 2px solid #e6435b;
    width: 685px;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
}
#make-catalog .navi-section .has-grid li {
    width: 110px;
    height: 35px;
    margin-right: 5px;
}
#make-catalog .navi-section .has-grid li a,
#make-catalog .navi-section .has-grid li span {
    display: block;
    width: 110px;
    height: 35px;
    text-indent: -9999px;
}
#make-catalog .navi-section .has-grid li .make-natural-btn {
    background-position: -6px -382px;
}
#make-catalog .navi-section .has-grid li .make-party-btn {
    background-position: -121px -382px;
}
#make-catalog .navi-section .has-grid li .make-plastic-btn {
    background-position: -236px -382px;
}
#make-catalog .navi-section .has-grid li .make-cool-btn {
    background-position: -351px -382px;
}
#make-catalog .navi-section .has-grid li .make-young-btn {
    background-position: -466px -382px;
}
#make-catalog .navi-section .has-grid li .make-trend-btn {
    background-position: -581px -382px;
}
#make-catalog .navi-section .has-grid li.current .make-natural-btn {
    background-position: -6px -338px;
}
#make-catalog .navi-section .has-grid li.current .make-party-btn {
    background-position: -121px -338px;
}
#make-catalog .navi-section .has-grid li.current .make-plastic-btn {
    background-position: -236px -338px;
}
#make-catalog .navi-section .has-grid li.current .make-cool-btn {
    background-position: -351px -338px;
}
#make-catalog .navi-section .has-grid li.current .make-young-btn {
    background-position: -466px -338px;
}
#make-catalog .navi-section .has-grid li.current .make-trend-btn {
    background-position: -581px -338px;
}
#make-catalog .navi-section .has-grid li .make-eye-btn {
    background-position: -6px -472px;
}
#make-catalog .navi-section .has-grid li .make-eyebrow-btn {
    background-position: -121px -472px;
}
#make-catalog .navi-section .has-grid li .make-lip-btn {
    background-position: -236px -472px;
}
#make-catalog .navi-section .has-grid li .make-cheek-btn {
    background-position: -351px -472px;
}
#make-catalog .navi-section .has-grid li .make-skin-btn {
    background-position: -466px -472px;
}
#make-catalog .navi-section .has-grid li.current .make-eye-btn {
    background-position: -6px -428px;
}
#make-catalog .navi-section .has-grid li.current .make-eyebrow-btn {
    background-position: -121px -428px;
}
#make-catalog .navi-section .has-grid li.current .make-lip-btn {
    background-position: -236px -428px;
}
#make-catalog .navi-section .has-grid li.current .make-cheek-btn {
    background-position: -351px -428px;
}
#make-catalog .navi-section .has-grid li.current .make-skin-btn {
    background-position: -466px -428px;
}
#make-catalog .navi-section .has-grid li .make-tears-btn {
    background-position: -6px -562px;
}
#make-catalog .navi-section .has-grid li .make-double-btn {
    background-position: -121px -562px;
}
#make-catalog .navi-section .has-grid li .make-big-eye-btn {
    background-position: -236px -562px;
}
#make-catalog .navi-section .has-grid li .make-korea-btn {
    background-position: -351px -562px;
}
#make-catalog .navi-section .has-grid li .make-half-btn {
    background-position: -466px -562px;
}
#make-catalog .navi-section .has-grid li.current .make-tears-btn {
    background-position: -6px -518px;
}
#make-catalog .navi-section .has-grid li.current .make-double-btn {
    background-position: -121px -518px;
}
#make-catalog .navi-section .has-grid li.current .make-big-eye-btn {
    background-position: -236px -518px;
}
#make-catalog .navi-section .has-grid li.current .make-korea-btn {
    background-position: -351px -518px;
}
#make-catalog .navi-section .has-grid li.current .make-half-btn {
    background-position: -466px -518px;
}

/*----------------------------------------------------
 ページネーション
 e.g. /nailcatalog/season/spring/
----------------------------------------------------*/
.pagenation-area {
    margin-bottom: 20px;
    text-align: center;
}
.pagenation-area .has-grid {
    margin: 0 auto;
}
.top-area {
    border-bottom: 1px solid #efefef;
    -webkit-box-shadow: rgba(113, 135, 164, 0.0588235) -9px -17px 9px -11px inset;
    box-shadow: rgba(113, 135, 164, 0.0588235) -9px -17px 9px -11px inset;
    padding-bottom: 15px;
}
.bottom-area {
    border-top: 1px solid #efefef;
    -webkit-box-shadow: rgba(113, 135, 164, 0.0588235) -9px 17px 9px -11px inset;
    box-shadow: rgba(113, 135, 164, 0.0588235) -9px 17px 9px -11px inset;
    padding-top: 15px;
}
.pagenation-area li {
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 5px 0 #ccc;
    box-shadow: 1px 1px 5px 0 #ccc;
    height: 28px;
    margin: 0 2px;
}
.pagenation-area li a {
    display: block;
    height: 26px;
    margin: 1px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px;
    color: #404040;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,  #fff 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom,  #fff 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}
.pagenation-area li.current a {
    line-height: 26px;
    background: #fff3f4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff3f4), color-stop(100%,#fad3d9));
    background: -webkit-linear-gradient(top,  #fff3f4 0%,#fad3d9 100%);
    background: linear-gradient(to bottom,  #fff3f4 0%,#fad3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3f4', endColorstr='#fad3d9',GradientType=0 );
}
.pagenation-area li.abb {
    display: inline-block;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 28px;
    padding: 0;
    line-height: 29px;
    background: #fff;

    *display: inline;
    *zoom: 1;
}
.pagenation-area .previous,
.pagenation-area .next {
    position: relative;
    width: 70px;
}
.pagenation-area .previous {
    margin-right: 18px;
}
.pagenation-area .next {
    margin-left: 18px;
}
.pagenation-area .previous-icon {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0;
    border-top: 2px solid #e96e80;
    border-left: 2px solid #e96e80;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 5px;
    top: 10px;
}
.pagenation-area .next-icon {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0;
    border-top: 2px solid #e96e80;
    border-right: 2px solid #e96e80;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 10px;
}
/*
 e.g. /makecatalog/detail/m36/
*/
.article-section {
    margin-bottom: 30px;
}
.article-section .pagenation-area {
    position: relative;
    height: 30px;
    margin-bottom: 20px;
}
.article-section .pagenation-area .previous {
    position: absolute;
    left: 0;
}
.article-section .pagenation-area .next {
    position: absolute;
    right: 0;
}

/*----------------------------------------------------
 pink-section
 e.g. /makecatalog/mood/natural/
----------------------------------------------------*/
.pick-section .label-box {
    border-top: 1px solid  #e6435b;
}
.pick-section {
    margin-bottom: 20px;
}
.pick-section .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.pick-section .has-grid > span,
.pick-section .has-grid > li {
    letter-spacing: normal;
}
.pick-section .pick-label {
    height: 45px;
    margin-top: 1px;
    margin-bottom: 15px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
    line-height: 45px;
    color: #736a61;
    background: #f5f2ec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f2ec), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,  #f5f2ec 0%,#fff 100%);
    background: linear-gradient(to bottom,  #f5f2ec 0%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f2ec', endColorstr='#ffffff',GradientType=0 );
}
.pick-label .ico-beauty {
    width: 23px;
    height: 27px;
    margin-top: 8px;
    margin-right: 7px;
}
.nail-design {
    background-position: -71px -209px;
}
.nail-detail {
    background-position: -111px -208px;
}
.catarog-ranking {
    background-position: 1px -210px;
}
.nail-season {
    background-position: -32px -209px;
}
.make-atmosphere {
    background-position: -149px -209px;
}
.nail-detail {
    background-position: -111px -208px;
}
.nail-parts {
    background-position: -180px -211px;
}
.nail-attention {
    background-position: -217px -209px;
}
.pick-section .container {
    width: 697px;
    margin-right: -11px;
}
.pick-section .container .size1of5-list {
    width: 697px;
}
/* size1of5-list */
.pick-section .container .size1of5-list li {
    width: 129px;
    margin: 0 5px 10px;
}
.pick-section .container .size1of5-list li a {
    display: block;
    border: 1px solid #e6e6e6;
    width: 127px;
}
.pick-section .container .size1of5-list li a:hover {
    border: 1px solid #e6435b;
}
.pick-section .container .size1of5-list li img {
    padding: 0;
}
.pick-section .container .size1of5-list li .title {
    position: relative;
    padding: 5px 10px;
}
.pick-section .container .size1of5-list li .title:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 10px;
    border-top: 2px solid #e96e80;
    border-right: 2px solid #e96e80;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
/* size1of4-list */
.pick-section .container .size1of4-list {
    width: 697px;
}
.pick-section .container .size1of4-list li {
    width: 163px;
    margin-right: 11px;
    margin-bottom: 10px;
}
.pick-section .container .size1of4-list li a {
    display: block;
    border: 1px solid #e6e6e6;
    width: 161px;
}
.pick-section .container .size1of4-list li a:hover {
    border: 1px solid #e6435b;
}
.pick-section .container .size1of4-list li img {
    padding: 10px;
}
.pick-section .container .size1of4-list li .title {
    position: relative;
    padding: 5px 10px;
}
.pick-section .container .size1of4-list li .title:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 10px;
    border-top: 2px solid #e96e80;
    border-right: 2px solid #e96e80;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
/* size1of3-list */
.pick-section .container .size1of3-list li {
    width: 219px;
    margin-right: 13px;
    margin-bottom: 13px;
}
.pick-section .container .size1of3-list li a {
    display: block;
    border: 1px solid #e6e6e6;
    width: 219px;
}
.pick-section .container .size1of3-list li a:hover {
    border: 1px solid #e6435b;
}
.pick-section .container .size1of3-list li img {
    padding: 0;
}
.pick-section .container .size1of3-list li .title {
    position: relative;
    margin: 1px;
    padding: 5px 10px;
}
.pick-section .container .size1of3-list li .title:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 10px;
    border-top: 2px solid #e96e80;
    border-right: 2px solid #e96e80;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

/*----------------------------------------------------
 content-list-section
 e.g. /makecatalog/mood/natural/
----------------------------------------------------*/
/* size1of3-list */
.content-list-section {
    width: 697px;
    margin-right: -11px;
    margin-bottom: 30px;
}
.content-list-section .size1of3-list li {
    width: 221px;
    margin-right: 11px;
    margin-bottom: 10px;
}
.content-list-section .size1of3-list li a {
    display: block;
    border: 1px solid #e6e6e6;
    width: 219px;
}
.content-list-section .size1of3-list li a:hover {
    border: 1px solid #e6435b;
}
.content-list-section .size1of3-list li .title {
    display: table-cell;
    position: relative;
    width: 189px;
    height: 35px;
    margin: 1px;
    padding: 5px 20px 5px 10px;
    vertical-align: middle;
    background: #f5f2ec;
}
.content-list-section .size1of3-list li .title:after {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    right: 10px;
    border-top: 2px solid #e96e80;
    border-right: 2px solid #e96e80;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.content-list-area {
    margin-bottom: 10px;
}
.content-list-area .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.content-list-area .has-grid > li {
    letter-spacing: normal;
}

/*----------------------------------------------------
 メインカラム: ビューティカタログ
----------------------------------------------------*/
.catalogue-section {
    margin-bottom: 30px;
}
.catalogue-section .dotted-box { 
    margin-bottom: 10px;
}
.catalogue-list li { 
    width: 222px;
    margin-right: 10px;
}
.catalogue-list li:last-child {
    margin-right: 0;
}

/*----------------------------------------------------
 記事本文
 e.g. /makecatalog/detail/m36/
----------------------------------------------------*/
.article .image-box {
    width: 400px;
    margin: 0 auto 20px;
}
.article .image-box.model {
    width: 300px;
    margin: 0 auto 10px;
}
.article .image-box img {
    border: 1px solid #ccc;
    margin-bottom: 5px;
}
.article .image-box .caption {
    text-align: right;
    font-size: 10px;
    color: #505050;
}
.article .lead {
    margin-bottom: 20px;
}
.article .lead.pink {
    font-size: 15px;
    color: #e6435b;
}
.article .ex-box {
    margin-bottom: 20px;
}
.article .label {
    margin-bottom: 5px;
    font-weight: bold;
}
.article .border-label {
    margin-bottom: 5px;
    font-weight: bold;
}

/*----------------------------------------------------
 other
----------------------------------------------------*/
/* メイン画像 */
.gallery-section {
    margin-bottom: 30px;
}
.g-main {
    margin-bottom: 10px;
}
.list-linear {
    width: 694px;
    margin-right: -9px;
}
.gallery-section .list-linear > ul {
    width: 694px;
}
.list-linear li {
    width: 222px;
    height: 222px;
    margin-right: 9px;
}
.gallery-section .list-linear .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.gallery-section .list-linear .has-grid > li {
    letter-spacing: normal;
}
.keyword-box {
    border-top: 1px dotted #e6e6e6;
    padding-top: 10px;
}
.keyword-box .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.keyword-box .has-grid > li {
    letter-spacing: normal;
}
.keyword-box .label {
    margin: 3px 10px 0 0;
}
.keyword-box li {
    border-radius: 5px;
    margin: 0 10px 10px 0;
    font-size: 85%;
    background: #e6e6e6;
}
.keyword-box li a {
    display: block;
    padding: 5px;
    font-size: 10px;
    color: #505050;
}
.make-check-btn {
    width: 306px;
    height: 40px;
    margin: 0 auto 20px;
}
.make-check-btn-icon {
    display: block;
    width: 306px;
    height: 40px;
    text-indent: -9999px;
    background-position: -392px -203px;
}
.sns-bt-list li {
    margin-right: 15px;
    line-height: 1;
}
.sns-bt-list .tw-bt {
    width: 90px;
}
.sns-bt-list .gp-bt {
    width: 60px;
    margin-right: 0;
}
/* スライダー用 */
.slider-section {
    border: 1px solid #faede0;
    height: 292px;
    margin-bottom: 20px;
    padding: 6px;
    background: none;
}
.slider-section li a {
    vertical-align: top;
}
.flex-slider {
    margin: 0 0 5px;
    padding: 0;
}
.slides {
    height: 200px;
}
.carousel-box {
    position: relative;
}
.carousel-box .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.carousel-box .has-grid > li {
    letter-spacing: normal;
}
.carousel {
    position: absolute;
    top: -8px;
    width: 680px;
    margin-right: -7px;
}
.carousel li {
    position: relative;
    width: 163px;
    height: 85px;
    margin-right: 7px;
    padding-top: 10px;
}
.carousel li a {
    display: block;
    width: 151px;
    height: 80px;
}
.carousel li a .thumb {
    display: block;
    width: 151px;
    margin: 0 auto;
    padding: 5px;
    background: #eee;
}
.carousel li a .title {
    width: 147px;
    height: 33px;
    padding: 0 7px 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #e6435b;
    background: #eee;
}
.carousel li a:hover {
    position: absolute;
    top: -5px;
    padding-top: 15px;
}
.carousel li a.current {
    position: absolute;
    top: -5px;
    padding-top: 15px;
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/white-cursol.png) no-repeat center top;
}
.carousel li a:hover .thumb,
.carousel li a.current .thumb {
    background: #fff;
}
.carousel li a:hover .title {
    text-decoration: underline;
    background: #fff;
}
.carousel li a.current .title {
    background: #fff;
}

/*----------------------------------------------------
 mico用
----------------------------------------------------*/
#ch_mico .aa_article-content .question {
    border: 1px dashed #dc6b7c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
}

/*----------------------------------------------------
 useitem_box
----------------------------------------------------*/
.aa_article-content .useitem_box {
    border: #e0e0e0 solid 1px;
    padding: 10px;
}
.aa_article-content .useitem_box .article_image_box {
    margin-right: 15px;
}
.aa_article-content .useitem_box .useitem_txt {
    margin: 0;
}

/*----------------------------------------------------
 サイドカラム 枠
----------------------------------------------------*/
.aa_content-side .catalogue-list-box .main-label {
    position: relative;
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #dbdbcf;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.aa_content-side .catalogue-list-box ul li {
    border: none;
    text-align: center;
}

/*----------------------------------------------------
 add 15.10.15 ボックス型コンテンツ・スライダー
----------------------------------------------------*/
/* 共通 */
.media-box {
    overflow: hidden;
    position: relative;
}
.media-box-img-wrap {
    display: block;
    opacity: 0;
    height: 100%;
    text-decoration: none;
}
:not(.ltie9) .media-box-img-wrap {
    opacity: 0;
}
.media-box-img-wrap.is-show {
    opacity: 1;
}
.media-box-img-wrap.is-show:hover {
    opacity: 0.7;
}
.media-box-img-wrap:after {
    content: '';
    display: block;
    padding-top: 60%;
}
.media-box img {
    width: 100%;
    height: auto;
}
.media-box-mask {
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=15);
}
.media-box-title {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 -1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: -0.02em;
    color: #fff;
}
.media-box-title-pre {
    display: block;
    letter-spacing: normal;
}
.media-box-title-main {
    display: block;
    letter-spacing: normal;
}
.media-box-title-thumb {
    float: right;
    position: relative;
    top: 10px;
    width: 60px;
    height: 60px;
    padding-left: 20px;
}
.media-box-title-thumb img {
    display: block !important;
    border-radius: 50%;
}
.media-box-title-label {
    display: inline-block;
    text-shadow: none;
    font-weight: normal;
    line-height: 1;
}
.media-box-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
.media-box-label span {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 15px;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.media-box-label:after {
    content: '';
    display: block;
    border-bottom-width: 60px;
    border-bottom-style: solid;
    border-left-width: 60px;
    border-left-style: solid;
}
.media-box-label.category-special:after {
    border-bottom-color: transparent;
    border-left-color: #e96e80;
}
.media-box-label.category-compilation:after {
    border-bottom-color: transparent;
    border-left-color: #57b562;
}
.media-box-label.category-series01:after {
    border-bottom-color: transparent;
    border-left-color: #fe823a;
}
.media-box-label.category-series02:after {
    border-bottom-color: transparent;
    border-left-color: #43b3e2;
}
/* フルサイズ */
.media-box-full {
    width: 665px;
    height: 370px;
    margin: 0 auto 21px;
}
.media-box-full .media-box-title {
    padding: 15px;
}
.media-box-full .media-box-title-pre {
    margin-bottom: 6px;
    font-size: 20px;
}
.media-box-full .media-box-title-main {
    font-size: 46px;
    line-height: 1.1;
}
/* 2カラム積み上げ */
.aa_frame-section.free {margin: 0;}
.aa_frame-section + .aa_main-content {
    padding-top: 15px;
}
.media-box-stack {
    width: 695px;
    margin-right: -10px;
}
.media-box-stack .media-box {
    float: left;
    width: 337px;
    height: 164px;
    margin: 0 10px 10px 0;
}
.media-box-stack .media-box.size-l {
    height: 337px;
}
.media-box-stack .media-box-label {
    font-size: 13px;
}
.media-box-stack .media-box-title {
    padding: 10px;
    font-weight: bold;
    line-height: 1.2;
}
.media-box-stack .media-box-title-m .media-box-title-main {
    font-size: 22px;
    line-height: 1.2;
}
.media-box-stack .media-box-title-s .media-box-title-main {
    font-size: 18px;
    line-height: 1.2;
}
.media-box-stack .media-box-title-m .media-box-title-pre {
    margin-bottom: 6px;
    font-size: 15px;
}
.media-box-stack .media-box-title-s .media-box-title-pre {
    margin-bottom: 6px;
    font-size: 14px;
}
.media-box-title-label.category-series01 {
    background: #fe823a;
}
.media-box-title-label.category-series02 {
    background: #43b3e2;
}
.media-box-stack .media-box-label span {
    top: 8px;
    font-size: 13px;
}
.media-box-stack .media-box-label:after {
    border-bottom-width: 54px;
    border-left-width: 54px;
}
.media-box-stack .media-box-title-label {
    margin-bottom: 6px;
    padding: 5px 9px;
}
/* スライダー型 */
.media-box-slider {
    height: 290px;
    margin-bottom: 10px;
}
.media-box-slider .slides {
    height: 290px;
}
.media-box-slide {
    float: left;
    width: 685px;
    height: 290px;
}
.media-box-slide .media-box-label:after {
    border-bottom-width: 64px;
    border-left-width: 64px;
}
.media-box-slide .media-box-label span {
    top: 10px;
    left: 10px;
    font-size: 14px;
}
.media-box-slide .media-box-label.category-compilation span {
    top: 13px;
    left: 2px;
}
.media-box-slide .media-box-title {
    padding: 18px 30px 22px 34px;
}
.media-box-slide .media-box-title-pre {
    font-size: 18px;
    font-weight: bold;
}
.media-box-slide .media-box-title-main {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
}
.media-box-slide .media-box-title-label {
    margin-bottom: 12px;
    padding: 8px 23px;
    font-size: 15px;
}
.media-box-slide .media-box-title-thumb {
    float: right;
    position: relative;
    top: 38px;
    width: 68px;
    height: 68px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
}
.media-box-slide .media-box-title-thumb img {
    display: block !important;
    border-radius: 50%;
}
.media-box-slide .media-box-authors {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 440px;
}
.media-box-slide .media-box-authors-copy {
    margin-bottom: 5px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 1),0 0 2px rgba(255, 255, 255, 1),0 0 2px rgba(255, 255, 255, 1),0 0 5px rgba(255, 255, 255, 1),0 0 5px rgba(255, 255, 255, 1);
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #ff4902;
}
.media-box-slide .media-box-authors-list li {
    float: right;
    width: 68px;
    height: 68px;
    background: #fff;
    border-radius: 50%;
    margin-left: 18px;
}
.media-box-slide .media-box-authors-list img {
    display: block !important;
    border-radius: 50%;
}
.media-box-slide .media-box-img-wrap.is-show:hover {
    opacity: 1;
}
.media-box-slider-wrap .bx-wrapper {
    position: relative;
    width: 685px;
    margin: 0 auto 20px;
    padding: 0;
}
.media-box-slider-wrap .bx-wrapper img {
    display: block;
    max-width: 100%;
}
.media-box-slider-wrap .bx-viewport {
    background: #fff;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0);
}
.media-box-slider-wrap .bx-pager,
.media-box-slider-wrap .bx-controls-auto {
    position: absolute;
    bottom: -20px;
    width: 100%;
}
.media-box-slider-wrap .bx-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    min-height: 50px;
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/bx_loader.gif) center center no-repeat #fff;
}
.media-box-slider-wrap .bx-pager {
    padding-top: 10px;
    text-align: center;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    color: #666;
}
.media-box-slider-wrap .bx-pager .bx-pager-item,
.media-box-slider-wrap .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;

    *zoom: 1;
    *display: inline;
}
.media-box-slider-wrap .bx-pager a {
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    outline: 0;
    text-indent: -9999px;
    background: #ddd;

    *zoom: 1;
    *display: inline;
}
.media-box-slider-wrap .bx-pager a:hover,
.media-box-slider-wrap .bx-pager a.pager-active {
    background: #e96e80;
}
.media-box-slider-wrap .bx-prev {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 290px;
    text-indent: -9999px;
}
.media-box-slider-wrap .bx-prev:after {
    content: '';
    display: block;
    position: absolute;
    top: 134px;
    left: 10px;
    width: 14px;
    height: 22px;
    text-indent: -9999px;
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/beauty-sprite.png) no-repeat -417px -90px;
}
.media-box-slider-wrap .bx-next {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 290px;
    text-indent: -9999px;
}
.media-box-slider-wrap .bx-next:after {
    content: '';
    display: block;
    position: absolute;
    top: 134px;
    right: 10px;
    width: 14px;
    height: 22px;
    text-indent: -9999px;
    background: url(//img.aacdn.jp/allabout/rt/r_beauty/beauty-sprite.png) no-repeat -440px -90px;
}
.media-box-slider-wrap .bx-prev:hover,
.media-box-slider-wrap .bx-next:hover {
    opacity: 0.7;
}
.special-list-menu {
    margin-bottom: 20px;
}
.special-list-menu .inner .has-grid {
    letter-spacing: -0.4em;
    word-spacing: normal !important;
}
.special-list-menu .inner .has-grid > li {
    letter-spacing: normal;
}
.special-list-menu .inner .list-bt {
    width: 100%;
}
.list-menu-bt li {
    width: 132px;
    height: 40px;
    margin-left: 6px;
    font-size: 13px;
}
.list-menu-bt li:first-child {
    margin-left: 0;
}
.list-menu-bt li a {
    display: block;
    position: relative;
    width: 132px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
}
.list-menu-bt li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-makeup-bt {
    background: #e97b8b;
}
.menu-skin-care-bt {
    background: #79a0d3;
}
.menu-hair-bt {
    background: #b7ca5d;
}
.menu-body-care-bt {
    background: #b481be;
}
.menu-neil-bt {
    background: #ee934c;
}