@charset "UTF-8";
/*========================================

  共通設定

========================================*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and (min-width: 1281px) and (max-width: 1365px) {
    .itemInfoListPic {
        height: auto !important;
        max-height: 200px !important;
    }
}

@media screen and (min-width: 1280px) {
    .newsImg .newsImgBox {
        height: auto !important;
    }
}

html {
    height: 100%;
}
#size-detect{
    font-family: pc;
}
body {
    font-family: "Noto Sans Japanese", sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #1e1e1e;
    background: #fff;
    line-height: 200%;
    height: 100%;
    word-wrap:break-word;
    -webkit-text-size-adjust: 100%!important;
}
/*body#index {
    background-image: url("../images/index/bg_02.jpg");
    background-image: none;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0;
}*/

/* link */
a {
    color: #1e1e1e;
    text-decoration: none;
}

a:link {
    color: #1e1e1e;
    text-decoration: none;
}

a:hover {
    color: #1e1e1e;
    text-decoration: underline;
}
a.imglink:hover {
    opacity: 0.7;
}

a:visited {
    color: #1e1e1e;
    text-decoration: none;
}

#background {
    background-image: url("../images/index/bg_02.jpg");
    background-repeat: no-repeat;
    position: fixed;
    background-size: cover;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 150%;
    z-index: -1;
}


/* font */
.minTxt {
    font-family : "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, HG明朝B, "ＭＳ 明朝", "MS Mincho", serif!important;
}

.euroTxt {
     font-family: "Times New Roman", serif!important;
}

/* divided out */
.forpc {
    display: inherit;
}
.fortab {
    display: none;
}
.forpctab {
    display: inherit;
}
.forsp {
    display: none;
}
.forsptab {
    display: none;
}

/* common annotation */
.annotationTxt {
    font-size: 11px;
    line-height: 1.6;
    /*margin-top: 5px;*/
}



#contents {
    width: 960px;
    margin: 0 auto;
}


#item footer {
    background-color: #282828;
}
#item.itemParts footer {
    background: none;
}
#item.itemParts #contents {
    /* margin-top: 152px; */
}
#item.itemDetail footer {
    background: #fafafa;
}


/* common */
.pageTtl {
    margin: 0 0 60px;
    font-family: "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    font-size: 30px;
}

.sectionTtl {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    line-height: 150%;
    border-bottom: solid 1px #b71254;
}

.pinkTxt {
    color: #b71254!important;
}

/*========================================

  トップページ

========================================*/

/* pagescroll */
#container {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.stageBase {
    width: 100%;
    position: relative;
        /*
    overflow: hidden;
        */
}

#stage1 {background:#fff;}

#stage2 {
    /*
    height: 100%!important;
    */
}
#firstSec{
    position: relative;
}

#pageDown {
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
        position: absolute;
    overflow: hidden;
    z-index: 3;
}

#pageDown a {
    margin: 0 auto;
    width: 50px;
    height: 24px;
    background: url(../images/index/arrow_bottom_off.png) no-repeat center center;
    display: block;
}

/* firstArea */
#firstArea {
    height: 100vh;
    border: solid 5px #b71254;
    background-image: url(../images/index/bg_01.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.firstLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -100px;
}

/* slideArea */
#slideSection {
    background-color: #fff;
}
.slideArea {
    width: 1000px;
    margin: 0 auto;
}
/*
@media screen and (min-width: 1024px) {
    .slideArea {
        width: 768px;
        margin: 0 auto;
    }
}
*/
/* indexArea */
#index #contents {
    width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
}
#index #contents section {
    position: relative;
    opacity: 0;
}

#index .headerOtl {
    margin: 0;
    padding: 20px 0;
    border-bottom: solid 1px #616161;
}

/*
#index .pageTopOtl {
    width: 1000px;
    margin: -50px auto 0;
}
*/

.indexContentsOtl {
}

.indexBox {
    margin: 0 0 100px;
}

.miniBox {
    margin: 0 0 100px;
}

.indexBoxLeftInfo {
    position: absolute;
    width: 270px;
    left: 720px;
    color: #fff;
}

.indexBoxRightInfo {
    position: absolute;
    width: 270px;
    right: 720px;
    color: #fff;
}

.miniBoxLeftInfo {
    position: absolute;
    width: 270px;
    left: 720px;
    color: #fff;
}

.miniBoxRightInfo {
    position: absolute;
    width: 270px;
    right: 720px;
    color: #fff;
}

.indexBoxLeftPic {
    position: absolute;
    width: 670px;
    right: 340px;
    text-align: right;
    margin-left: 48px;
}

.indexBoxRightPic {
    position: absolute;
    width: 670px;
    left: 340px;
    text-align: left;
    margin-right: 48px;
}

.indexBoxLeftPic img ,
.indexBoxRightPic img {
    max-width: 670px;
}
.miniBoxLeftPic {
    position: absolute;
    width: 338px;
    right: 340px;
    text-align: right;
    margin-left: 48px;
}

.miniBoxRightPic {
    position: absolute;
    width: 338px;
    left: 340px;
    text-align: left;
    margin-right: 48px;
}
.miniBoxRightPic img,
.miniBoxLeftPic img {
    max-width: 338px;
}

.indexBoxTtl {
    border-top: solid 2px #b71254;
    font-family: "Times New Roman", serif!important;
    font-size: 18px;
    margin: 0 0 50px;
    padding: 20px 0 0;
    line-height: 120%;
}

.indexBoxTtl img {
    width: 20px;
    margin: 0 10px 0 0;
}

.indexBoxTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 20px;
    margin: 0 0 20px;
}
.indexBoxBody {
    font-size: 14px;
    margin: 0 0 20px;
}
.indexBoxTxtBody {
    font-size: 14px;
    line-height: 27px;
    margin: 0 0 20px;
}

.indexMoreBtn {
    width: 100px;
    font-family: "Times New Roman", serif!important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
}

.indexMoreBtn a {
    display: block;
    height: 27px;
    line-height:27px;
    font-weight: normal;
    color: #fff;
    border: solid 1px #fff;
}

.indexMoreBtn a:link {
    color: #fff;
    text-decoration: none;
}

.indexMoreBtn a:hover {
    color: #fff;
    text-decoration: none;
    background: #B71254;
    border-color: #B71254;
}

.instagramTag {
    margin: 0 0 20px;
}

.instagramTag li {
    float: left;
    margin: 0 10px 0 0;
    font-family: "Times New Roman", serif!important;
    font-size: 14px;
}

.indexBoxData {
    font-family: "Times New Roman", serif!important;
    font-size: 14px;
    text-align: right;
    margin: 0 0 20px;
}

.indexBoxSubTxt {
    margin: 0 0 20px;
}

.loadingBtn {
    text-align: center;
}

.loadingBtn:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#loadMore {
    text-align: center;
}
#loadMore span {
    display: inline-block;
    background: url(../images/common/icon_arrow_down_red.png) 250px 20px no-repeat;
    border: 1px #fff solid;
    width: 285px;
    height: 46px;
    color: #fff;
    font-size: 14px;
  line-height:  46px;
    font-family: "Times New Roman", serif!important;
    cursor: pointer;
}
#loadMore span:hover {
    background-image: url(../images/common/icon_arrow_down_white.png);
    background-color: #B71254;
    border-color: #B71254;
}

/*========================================

  商品一覧

========================================*/
#item #contents #carat.alabel{
    top:100px;
}
#item #contents a.alabel {
    position: absolute;
    top: -130px;
}
.itemNavArea {
    width: 100%;
    z-index: 20;
    /* position: absolute; */
}

.tab00 {
    /* margin-top: 152px; */
    height: 54%;
}
.tab01 {
    position: relative;
}

.fixed .tab01 {
}

.fixed {
    position: fixed;
    top: 0;
    z-index: 20;
}

/* itemNavBtn */
.itemNavBtn {
    width: 100%;
    display: table;
}

.itemNavBtn li {
    width: 50%;
    display: table-cell;
    text-align: center;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 17px;
    background: #a5a5a5;
}

.itemNavBtn li a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

.itemNavBtn li a:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    text-decoration: none;
}

.itemNavBtn li.active {
    background-image: url(../images/item/icon_arrow_bottom_red.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 10px 5px;
  border: solid 1px #d2d2d2;
  border-top: solid 2px #B71254;
}

.itemNavBtn li.active a {
    color: #b71254;
}
.itemNavBtn li.active {
    color: #b71254;
    font-weight: bold;
}

.productListBtn {
    font-family: "Times New Roman", serif!important;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    display: block;
    padding: 15px;
    background-image: url(../images/item/icon_arrow_top.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 20px 10px;
    display: none;
}

.productListBox {
    display: block!important;
}

.fixed .itemNavBtn li a {
}

/* lineNav */
#lineNav01 {
    width: 100%;
    position: absolute;
    overflow: hidden!important;
    z-index: 100!important;
}

#lineNav02 {
    width: 100%;
    position: absolute;
    top: 60px;
    overflow: hidden!important;
    z-index: 50!important;
}

#lineNav01 li,
#lineNav02 li {
    width: 25%;
    height: 60px!important;
    overflow: hidden!important;
    float: left;
    position: relative;
    border-collapse:collapse;
    border-top: solid 1px #d2d2d2;
}

#lineNav01 li a:hover,
#lineNav02 li a:hover {
    text-decoration: none;
}

.lineNavInr {
    min-height: 140px;
    padding: 15px;
    border-right: solid 1px #d2d2d2;
}

.lineNavCaratBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_carat.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #d2d2d2;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavAuraBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_aura.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e0e6ea;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavExpressionBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_expression.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e8eff3;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavGraceBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_grace.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e7e6e5;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavBeautlogyBox {
    background-image: url(../images/item/bg_itemnav_beautlogy.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f0f1f1;
    background-size: 70px 70px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavMenBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_men.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e6ebf0;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavLimitedBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_limited.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #282828;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavCLEARBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_clear.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #d9e4eb;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavLimitedBox a {
    color: #fff!important;
}

.lineNavCrossBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_synergy.png);
    background-position: bottom,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #dedde0;
    background-size: 15px 15px,150px 150px;
    border-bottom: solid 1px #d2d2d2;
}

.lineNavTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 16px;
    line-height: 100%;
    margin: 0 0 3px;
}

.lineNavSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 10px;
    line-height: 120%;
    margin: 0 0 20px;
}

.lineNavTxt {
    font-size: 12px;
    line-height: 150%;
}

#lineNav01 li:hover,
#lineNav02 li:hover {
   height: 140px!important;
}

#lineNav01 *,
#lineNav02 * {
   -moz-transition: .5s;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   transition: .5s;
}

#lineNav01 li .lineNavTxt,
#lineNav02 li .lineNavTxt {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    opacity: 0;
}

#lineNav01 li:hover .lineNavTxt,
#lineNav02 li:hover .lineNavTxt {
    opacity: 1;
}


#lineNav02 li.lineNavBeautlogyBox:hover {
   height: 60px !important;
}
#lineNav02 li.lineNavBeautlogyBox,
#lineNav02 li.lineNavBeautlogyBox * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#lineNav02 li.lineNavBeautlogyBox:hover .lineNavTxt {
    opacity: 0;
}

/* following */
.fixed #lineNav01 {
    width: 100%;
    position: absolute;
    overflow: hidden!important;
    z-index: 100!important;
}

.fixed #lineNav02 {
    width: 100%;
    position: absolute;
    top: 40px;
    overflow: hidden!important;
    z-index: 50!important;
}

.fixed #lineNav01 li,
.fixed #lineNav02 li {
    width: 25%;
    height: 40px!important;
    overflow: hidden!important;
    float: left;
    position: relative;
    border-collapse:collapse;
    border-bottom: solid 1px #d2d2d2;
}

.fixed #lineNav01 li a:hover,
.fixed #lineNav02 li a:hover {
    text-decoration: none;
}

.fixed .lineNavInr {
    min-height: 140px;
    padding: 14px 14px 14px 35px;
    border-right: solid 1px #d2d2d2;
}

.fixed .lineNavCaratBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_carat.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #d2d2d2;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavAuraBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_aura.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e0e6ea;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavExpressionBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_expression.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e8eff3;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavGraceBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_grace.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e7e6e5;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavBeautlogyBox {
    background-image: url(../images/item/bg_itemnav_beautlogy.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f0f1f1;
    background-size: 45px 45px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavMenBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_men.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e6ebf0;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavLimitedBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_limited.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #282828;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavCLEARBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_clear.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #d9e4eb;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavCrossBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_synergy.png);
    background-position: 12px 20px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #dedde0;
    background-size: 10px 10px,75px 75px;
    border-bottom: solid 1px #d2d2d2;
}

.fixed .lineNavTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 16px;
    line-height: 100%;
    margin: 0 0 5px;
}

.fixed .lineNavSubTtl {
    display: none;
}

.fixed .lineNavTxt {
    font-size: 11px;
    line-height: 150%;
}

.fixed #lineNav01 li:hover,
.fixed #lineNav02 li:hover {
   height: 75px!important;
}

.fixed #lineNav01 *,
.fixed #lineNav02 * {
   -moz-transition: .5s;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   transition: .5s;
}

.fixed #lineNav01 li .lineNavTxt,
.fixed #lineNav02 li .lineNavTxt {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    opacity: 0;
}

.fixed #lineNav01 li:hover .lineNavTxt,
.fixed #lineNav02 li:hover .lineNavTxt {
    opacity: 1;
}

.fixed #lineNav02 li.lineNavBeautlogyBox:hover {
   height: 40px !important;
}
.fixed #lineNav02 li.lineNavBeautlogyBox,
.fixed #lineNav02 li.lineNavBeautlogyBox * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.fixed #lineNav02 li.lineNavBeautlogyBox:hover .lineNavTxt {
    opacity: 0;
}

.itemParts .tab_content{
    display: none;
}

/* partsArea */
.partsTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    display: block;
    padding: 15px;
    background: #fff;
}

#partsNav {
    border-left: solid 1px #d2d2d2;
}

#partsNav li {
    width: 20%;
    float: left;
}


.partsNavInr {
    height: 120px;
    padding: 60px 30px 0;
    border-top: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    text-align: center;
}

#partsNav a:hover {
    text-decoration: none;
}

#partsNav a:hover .partsNavInr {
    border: solid 1px #b71254;
    margin: 0 0 0 -1px;
}

.partsNavFaceBodyBox {
    background: #f0f0f0;
}

.partsNavFaceCareBox {
    background: #d2d2d2;
}

.partsNavBodyCareBox {
    background: #f3f7f9;
}

.partsNavHeadCareBox {
    background: #f3f2f2;
}

.partsNavSkinCereBox {
    background: #ececec;
}

.partsSubNav {
    width: 100%;
}

.partsNavTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 20px;
    line-height: 150%;
}

.partsNavSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 13px;
    line-height: 150%;
}

/* item_parts */
#partsMiniNav {
    width: 100%;
}

#partsMiniNav li {
    width: 20%;
    float: left;
}

.partsMiniNavInr {
    height: 80px;
    padding: 20px 20px 0;
    border: solid 1px #d2d2d2;
    margin: 0;
    text-align: center;
    line-height:1;
}

#partsMiniNav a:hover {
    text-decoration: none;
}

#partsMiniNav a:hover .partsMiniNavInr {
    border: solid 1px #b71254;
}

#partsMiniNav li.active {
    background: #b71254;
}

#partsMiniNav li.active a {
    color: #fff;
}

#partsMiniNav li.active .partsMiniNavInr {
    border: solid 1px #b71254;
}

.partsTtlBtn {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    display: block;
    padding: 15px;
    background-image: url(../images/item/icon_arrow_top.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 20px 10px;
    display: none;
}

.partsSerchList {
    margin: 0 0 100px;
}

.partsSerchList li {
    width: 25%;
    float: left;
}

.partsSerchList a {
    text-decoration: none;
}

.partsSerchInr {
    border: solid 1px #d2d2d2;
    padding: 25px;
}

.partsSerchList a:hover .partsSerchInr {
    border: solid 1px #b71254;
}

.partsSerchPic {
    text-align: center;
    margin: 0 0 10px;
}

.partsSerchPic img {
    width: 100%;
}

.partsSerchTtl {
    font-family: "Times New Roman", serif;
    font-size: 16px;
    line-height: 100%;
    margin: 0 0 3px;
}

.partsSerchSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 11px;
    line-height: 120%;
    margin: 0 0 20px;
}

.partsTypeListOtl {
    position: relative;
}

.partsTypeList {
    width: 100%;
    display: table;
}

.partsTypeList li {
    width: 100%;
    display: table-cell;
    border-right: solid 1px #fff;
    text-align: center;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 12px;
    line-height: 200%;
}
.faceBodyType {
    background: #f0f0f0;
}

.faceCareType {
    background: #eff2f4;
}

.bodyCareType {
    background: #f3f7f9;
}

.headCareType {
    background: #f3f2f2;
}

.skinCareType {
    background: #ececec;
}

/* itemLayout */
#item #contents {
    width: 100%;
    position: relative;
    margin: 0 auto;
}

#item .headerOtl {
    margin: 0;
    padding: 20px 0;
    border-bottom: solid 1px #616161;
}
/*
#item .pageTopOtl {
    width: 1080px;
    margin: -50px auto 0;
    position: relative;
    z-index: 5;
}
*/



.itemDtlBox {
    width: 100%;
    position: relative;
}
.itemDtlBox .itemDtlBoxInr {
    width: 1366px;
    height: 900px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.itemDtlBox .itemDtlBoxInr.h950 {
    height: 950px;
}

.itemDtlBox .itemDtlBoxInr.h1030 {
    height: 1030px;
}

.itemDtlBox .itemDtlBoxInr .itemVisual {
    position: absolute;
    top: 0;
    z-index: 0;
}
@media screen and (max-width: 1150px) {
    .itemDtlBox .itemDtlBoxInr .itemVisual img {
        position: relative;
    }
    .itemDtlBox .itemDtlBoxInr .itemVisual {
        overflow: hidden;
    }
}
.itemDtlBox .itemDtlBoxInr .itemInfo {
    z-index: 10;
    position: relative;
    width: 360px;
}
.itemDtlBox .itemDtlBoxInr .itemLineup {
    z-index: 10;
    position: relative;
    width: 750px;
    margin-bottom:100px;
}

.itemDtlBox .itemDtlBoxInr .itemLineup_2 {
    z-index: 10;
    position: relative;
    width: 600px;
    margin: 40px 0 40px auto;
}

.itemDtlBox .itemDtlBoxInr .itemLineup.col2 {
    width: 600px;
}
.itemDtlBox .itemDtlBoxInr .itemLineup.col1 {
    width: 300px;
}

.itemDtlBox.leftType .itemDtlBoxInr .itemVisual{
    left: 550px;
}
.itemDtlBox.leftType .itemDtlBoxInr .itemInfo{
    margin: 150px 0 40px 70px;
}
.itemDtlBox .itemDtlBoxInr .itemInfo .itemInfoInr img {
  width: 50px;
  height: 1px;
  margin-top: 20px;
}
.itemDtlBox.leftType .itemDtlBoxInr .itemLineup {
    margin: 0 0 0 70px;

}
.itemDtlBox.leftType .itemDtlBoxInr .itemLineup.col2 {
    margin: 0 0 0 140px;
}
.itemDtlBox.leftType .itemDtlBoxInr .itemLineup.col1 {
    margin: 0 0 0 140px;
}

.itemDtlBox.rightType .itemDtlBoxInr .itemVisual {
    right: 550px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemInfo {
    margin: 150px 140px 40px 880px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemLineup {
    margin: 0 70px 0 600px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemLineup.col1 {
    margin: 0 70px 0 860px;
}


@media only screen and (max-width: 1366px) {

    .itemDtlBox .itemDtlBoxInr {
        width: 100%;
    }
    .itemDtlBox.leftType .itemDtlBoxInr .itemInfo {
        margin: 120px 0 40px 40px;
    }
    .itemDtlBox.leftType .itemDtlBoxInr .itemLineup,
    .itemDtlBox.leftType .itemDtlBoxInr .itemLineup.col2,
    .itemDtlBox.leftType .itemDtlBoxInr .itemLineup.col1 {
        margin: 0 0 0 40px;
    }
    .itemDtlBox.rightType .itemDtlBoxInr .itemInfo {
        width: 600px;
        margin: 120px 0 40px auto;
    }
    .itemDtlBox.rightType .itemDtlBoxInr .itemInfo .itemInfoInr {
        width: 300px;
        margin: 0 auto;
    }
    .itemDtlBox.rightType .itemDtlBoxInr .itemLineup {
        margin: 0 0 0 550px;
    }
    .itemDtlBox.rightType .itemDtlBoxInr .itemLineup.col1 {
        margin: 0 150px 0 auto;
    }

}




.itemName {
    font-family: "Times New Roman", serif!important;
    font-size: 24px;
    line-height: 150%;
}

.itemSubName {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 12px;
    margin: 0 0 40px;
    line-height: 120%;
}

.itemTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 20px;
    margin: 0 0 20px;
    line-height: 180%;
}

.itemSubTxt {
    font-size: 13px;
    line-height: 200%;
}

.itemBtnNav li {
    width: 240px;
    float: left;
    padding: 0 10px 10px 0;
}

.itemBtnBox:hover .itemBtnPic,
.itemBtnBox:hover .itemBtnTxtBox {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.itemBtnBox {
    width: 240px;
    height: 120px;
    overflow: hidden;
    background: #f8f8f8;
}

.itemBtnPic {
    width: 120px;
    float: left;
}

.itemBtnPic img {
    width: 120px;
}

.itemBtnTxtBox {
    width: 120px;
    float: right;
    padding: 25px 0px;
    text-align: center;
}

.itemBtnTxt {
    /** font-family: "Times New Roman", serif!important; **/
    /** font-family: serif!important; **/
    font-family: "Times New Roman";
    font-size: 14px;
    margin: 0 0 3px;
    line-height: 18px;
  letter-spacing: -0.5px;
}

.itemBtnSubTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 12px;
    line-height: 16px;
  letter-spacing: -1px;
}

.itemBtnTxt span{
    display: inline-block;
    font-size: 12px;
}
.itemBtnSubTxt span{
    display: inline-block;
    font-size: 11px;
}

/* carat */
.itemDtlBox.caratBox {
    /*  background: url(../images/item/bg_carat.jpg) bottom right no-repeat #e1e1e1; */
    background: #e1e1e1;
    padding-top: 128px;
}
.itemDtlBox.caratBox .itemDtlBoxInr .itemVisual {
    top: 100px;
}
.itemDtlBox.caratBox .itemDtlBoxInr .itemVisual img {
    position: relative;
    right: 88px;
}
@media screen and (max-width: 1280px) {
    .itemDtlBox.caratBox .itemDtlBoxInr .itemVisual img {
        position: relative;
        right: 88px;
    }
}


/* aura */
.auraBox {
    background: #e0e6ea;
}
@media screen and (max-width: 1280px) {
    .itemDtlBox.auraBox .itemDtlBoxInr .itemVisual img {
        left: 22%;
    }
}

/* expression
.expressionBox {
    background: #e8eff3;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual {
    top: 50px;
}
@media screen and (max-width: 1150px) {
    .itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual img {
        left: -18%;
    }
} */
/* expression */
.expressionBox {
background: #e8eff3;
padding-top: 128px;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual {
top: 100px;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual img {
position: relative;
right: 88px;
}
@media screen and (max-width: 1280px) {
.expressionBox {
padding-top: 50px;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual {
top: 50px;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual img {
position: relative;
right: 88px;
}
}


/* grace */
.graceBox {
    background: #e7e6e5;
}
.itemDtlBox.graceBox .itemDtlBoxInr .itemVisual {
    top: 100px;
}

@media screen and (max-width: 1150px) {
    .itemDtlBox.graceBox .itemDtlBoxInr .itemVisual img {
        left: 20%;
    }
}

/* synergy */
.crossBox {
    background: #e0e5ea;
}
@media screen and (max-width: 1150px) {
    .itemDtlBox.crossBox .itemDtlBoxInr .itemVisual img {
        left: -23%;
    }
}

/* men */
.menBox {
    background: #d5d2d7;
}
@media screen and (max-width: 1150px) {
    .itemDtlBox.menBox .itemDtlBoxInr .itemVisual img {
        left: 18%;
    }
}

/* limited */
.limitedBox {
    background: #282828;
}
.limitedBox .itemInfo {
    color: #fff;
}
@media screen and (max-width: 1150px) {
    .itemDtlBox.limitedBox .itemDtlBoxInr .itemVisual img {
        left: -25%;
    }
}

/* clear */
.clearBox {
    background: #d9e4eb;
}
.clearBox .itemInfo {
    color: #333;
}
@media screen and (max-width: 1150px) {
    .itemDtlBox.clearBox .itemDtlBoxInr .itemVisual img {
        left: -25%;
    }
}

/*========================================

  商品詳細

========================================*/

/* itemMainImage */
.itemMainImageOtl {
    border-bottom: solid 1px #d2d2d2;
    margin: 0 0 80px;
    overflow: hidden;
}

#itemMainImage {
    max-width: 1000px;
    margin: 0 auto;
}

#itemMainImage img {
    width: 100%;
}

/* backIndexBtn */
.backIndexBtn {
    width: 47px;
    overflow: hidden!important;
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 10;
}

.backIndexBtn img {
    height: 50px;
}

.backIndexBtn:hover {
    width: 167px!important;
    text-decoration: none;
}

.backIndexBtn span {
    position: absolute;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
  top: 10px;
  left: 50px;
  letter-spacing: 0.5px;
    color: #fff;
    display: block;
    width: 150px;
}

.backIndexBtn {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.leftFixed {
    position: fixed;
    top: 200px;
    left: 0;
}

/* itemSpec */
.itemSpecBox {
    width: 1024px;
    margin: 0 auto 50px;
}

.itemSpecPic {
    width: 500px;
    float: left;
}

.itemSpecPic img {
    max-width: 500px;
}

.itemSpecInfo {
    width:480px;
    float: right;
    padding: 100px 40px 0 0;
}

.itemSpecTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 20px;
    margin: 0 0 30px;
}

.itemSpecTxtBox ,
.itemSpecTxtBox2　{
    margin-bottom: 35px;
}
.itemSpecTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 14px;
    margin: 0 0 30px;
}

.itemSpecTable {
    width: 100%;
    font-size: 13px;
    margin: 0 0 40px;
}

.itemSpecTable th {
    width: 70px;
    padding: 10px 5px;
    border-bottom: solid 1px #d2d2d2;
    vertical-align: top;
}

.itemSpecTable td {
    padding: 10px 5px;
    border-bottom: solid 1px #d2d2d2;
    vertical-align: top;
}

.pdfBtn01 {
    float: left;
    width: 235px;
    font-size: 13px;
    text-align: center;
    line-height: 100%;
    display: none;
}
/*
.pdfBtn02 {
    float: right;
    width: 235px;
    font-size: 13px;
    text-align: center;
    line-height: 100%;
}

.pdfBtn01 a,.pdfBtn02 a {
    display: block;
    padding: 15px;
    border: solid 1px #787878;
    background-image: url(../images/item/refa_carat_face/icon_pdf.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 26px 13px;
}

.pdfBtn01 a:link,.pdfBtn02 a:link {
    color: #1e1e1e;
    text-decoration: none;
}

.pdfBtn01 a:hover,.pdfBtn02 a:hover {
    color: #fff;
    background-image: url(../images/item/refa_carat_face/icon_pdf.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 26px 13px;
    background-color: #b71254;
    border-color: #b71254;
}
*/
.pdfBtn_wide ,.pdfBtn02 {
    width: 100%;
    margin: 10px 0 0;
    font-size: 13px;
    text-align: center;
    line-height: 100%;
}


.pdfBtn_wide a,.pdfBtn02 a {
    display: block;
    padding: 15px;
    border: solid 1px #787878;
    background-image: url(../images/item/refa_carat_face/icon_pdf.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 26px 13px;
}

.pdfBtn_wide a:link,.pdfBtn02 a:link {
    color: #1e1e1e;
    text-decoration: none;
}

.pdfBtn_wide a:hover,.pdfBtn02 a:hover {
    color: #fff;
    background-image: url(../images/item/refa_carat_face/icon_pdf.gif);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 26px 13px;
    background-color: #b71254;
    border-color: #b71254;
}

.faqBtn {
    width: 100%;
    margin: 10px 0 0;
    font-size: 13px;
    text-align: center;
    line-height: 100%;
    background-image: url(../images/common/icon_arrow.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
}

.faqBtn a {
    display: block;
    padding: 15px;
    border: solid 1px #787878;
}

.faqBtn a:link {
    color: #1e1e1e;
    text-decoration: none;
}

.faqBtn a:hover {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/common/icon_arrow_white.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    background-color: #b71254;
    border-color: #b71254;
}

/* freearea */
.itemFreeArea {
    width: 960px;
    margin: 60px auto;
}


/* story */
.storyBox {
        width: 100%;
      margin-bottom: 30px;
      overflow: hidden;
}

    .storyImg{
        width: 50%;
        overflow: hidden;
        float: left;
    }
    .storyImg img {
        width: 100%;
        vertical-align: inherit;
        line-height: inherit;
        position: relative;
    }
    .storyBoxInr {
        margin: 0 auto;
        width: 50%;
        float: right;
    }

    .storyInfo {
        float: right;
      padding: 0 4% 0 16%;
      width: 80%;
        background: #fafafa;
      position: relative;
        line-height: inherit;
    }
    .storyInfo .storyInfoBox {
      width: 300px;
    }

.storyTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 20px;
    margin: 0 0 39px;
    line-height: 100%;
}

.storySubTtl {
    font-family : "游明朝", YuMincho, "Times New Roman", "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 24px;
    margin: 0 0 21px;
    line-height: 1.5;
}

.storyTxt {
    font-size: 13px;
}



/* relation */
.relationBox {
    width: 960px;
    margin: 0 auto 100px;
}

.relationTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 22px;
    margin: 0 0 30px;
}

.relationList li {
    width: 25%;
    float: left;
}

.relationList a:hover {
    text-decoration: none;
}

.relationList a:hover img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.relationItemBox {
    padding: 0 10px 0;
}

.relationItemPic {
    overflow: hidden;
    margin: 0 0 15px;
    border-bottom: solid 1px #b71254;
}

.relationItemPic img {
    width: 100%;
}

.relationItemTtl {
/** font-family: "Times New Roman", serif!important; **/
    font-family:  serif!important;
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 3px;
}

.relationItemSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 11px;
    line-height: 120%;
}

/* itemInfo */
.itemInfoBox {
    width: 960px;
    margin: 0 auto 100px;
}

.itemInfoTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 30px;
}

.itemInfoList a:hover {
    text-decoration: none;
}

.itemInfoList a:hover img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.itemInfoList li {
    width: 33.3%;
    float: left;
}

.itemInfoListBox {
    padding: 0 15px 0;
}

.itemInfoListPic {
    height: 160px;
    /* overflow: hidden; */
}

.itemInfoListPic img {
    width: 100%;
}

.itemInfoListSubBox {
    padding: 15px 20px;
    background: #e9ebeb;
}

.itemInfoListType {
    font-family: "Times New Roman", serif!important;
    color: #b71254;
    font-size: 13px;
    line-height: 120%;
    margin: 0 0 5px;
}

.itemInfoListTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 15px;
    line-height: 150%;
}

/* otherPage */
.otherPageBox {
    width: 960px;
    margin: 0 auto;
    padding: 70px 0 150px;
    position: relative;
    z-index: 1;
}

.otherPageBoxOtl {
    background: #fafafa;
}

.otherPageTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 22px;
    margin: 0 0 30px;
}

.otherPageSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 18px;
    color: #b71254;
    margin: 0 0 15px;
}

.otherPageList {
    margin: 0 0 50px;
}

.otherPageList a:hover {
    text-decoration: none;
}

.otherPageList a:hover img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.otherPageList li {
    width: 33.3%;
    float: left;
    height: 100px;
    overflow: hidden;
}

.otherPageListPic {
    width: 100px;
    float: left;
}

.otherPageListPic img {
    width: 100%;
}

.otherPageListBox {
    padding: 0 10px;
}

.otherPageListBoxInr {
    background: #e6e8e8;
}

.otherPageListSubBox {
    width: 198px;
  display: table-cell;
  vertical-align: middle;
  height: 100px;
    padding: 0 12px;
}

.otherPageListTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 15px;
    line-height: 150%;
    display: inline-block;
}

.item-detail-data__price-desc .tax {
	font-size: 11.5px;
}

/*========================================

  FAQ

========================================*/

.faqBtnNav {
    margin: 0 0 140px;
}

.faqBtnNav li {
    width: 25%;
    float: left;
    padding: 0 0 10px;
}

.faqBtnBox:hover .faqBtnPic,
.faqBtnBox:hover .faqBtnTxtBox,
.faqBtnLimitedBox:hover .faqBtnPic,
.faqBtnLimitedBox:hover .faqBtnTxtBox,
.faqBtnBox:hover .howtoListArrow,
.faqBtnLimitedBox:hover .howtoListArrow {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.faqBtnBox {
    margin: 0 10px 0 0;
    height: 115px;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
}

.faqBtnLimitedBox {
    margin: 0 10px 0 0;
    height: 115px;
    overflow: hidden;
    background: #050505;
    color: #fff;
    position: relative;
}

.faqBtnNav li:nth-child(4n) .faqBtnBox,
.faqBtnNav li:nth-child(4n) .faqBtnLimitedBox {
    margin: 0;
}

.faqBtnPic {
    width: 115px;
    float: left;
}

.faqBtnPic img {
    width: 115px;
}

.faqBtnTxtBoxOtl {
    width: 100%;
    float: right;
    margin: 0 0 0 -115px;
}

.faqBtnTxtBox {
    margin: 0 0 0 115px;
    padding: 25px 0 0;
    text-align: center;
    line-height: 110%;
}

.faqBtnTxt {
    font-family: "Times New Roman", serif!important;
    font-size: 13px;
    line-height: 150%;
}

.faqBtnSubTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 11px;
    line-height: 120%;
}

.howtoListArrow {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin: 0 0 0 0 -7px;
}

.howtoListArrow img {
    width: 14px;
}

.faqTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 24px;
    color: #b71254;
    line-height: 120%;
    border-bottom: solid 1px #b71254;
    margin: 0 0 50px;
    padding: 0 0 10px;
}

.questionTable {
    width: 100%;
    margin: 0 0 30px;
}

.questionTable th {
    width: 40px;
    padding: 10px 5px 10px 0;
    vertical-align: top;
    font-family: "Times New Roman", serif!important;
    font-size: 22px;
    line-height: 120%;
}

.questionTable td {
    padding: 10px 0;
    vertical-align: top;
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    line-height: 150%;
}

.faqPageTopBox {
    width: 100%;
    margin: 0 0 80px;
}

.faqPageTop {
    text-align: right;
}

.faqPageTop img {
    width: 60px;
}

.oneBtnBox {
    width: 300px;
    margin: 0 auto;
}

/*========================================

   FAQ詳細

========================================*/

.QandADetailTable {
    width: 100%;
    margin: 0 0 30px;
}

.QandADetailTable th {
    width: 40px;
    padding: 10px 5px 48px 0;
    vertical-align: top;
    font-size: 24px;
    font-family: "Times New Roman", serif!important;
    line-height: 24px;
}

.QandADetailTable td {
    padding: 10px 0 48px;
    vertical-align: top;
    font-size: 24px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 24px;
}
#faq_contents .QandADetailTable td.answerTxt {
    font-size: 15px;
    line-height: 24px;
    color: #1a1a1a;
    font-family: "Noto Sans Japanese", sans-serif!important;
}
/*
.answerTxt {
    padding: 15px 0 10px!important;
    font-size: 15px!important;
    line-height: 180%!important;
    font-family: "Noto Sans Japanese", sans-serif!important;
}
*/
.faqDetailBox {
    margin: 0 0 100px;
}

.faqDetailLeftBox {
    width: 50%;
    float: left;
}

.faqDetailRightBox {
    width: 50%;
    float: right;
}

.faqDetailBoxInr {
    padding: 0 5px;
}

.faqDetailPic {
    margin: 0 0 10px;
}

.faqDetailPic img {
    width: 100%;
}

.faqDetailTxt {
    font-size: 13px;
    line-height: 180%;
}

.faqDetailBox.faqAboveDetailBox,
.faqDetailBox.faqBellowDetailBox {
    margin: 0;
    padding-bottom: 65px;
}

.faqPageNavBox {
    margin: 0 0 130px;
}

.prevBox {
    width: 50%;
    float: left;
}

.nextBox {
    width: 50%;
    float: right;
}

.prevTtlBox {
    width: 40px;
    float: left;
    position: relative;
    text-align: left;
    background-image: url(../images/faq/bt_prev_off.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px 33px;
}

.prevTtl {
    position: absolute;
    top: 50%;
    left: 30px;
    margin: -7px 0 0;
    font-size: 14px;
    font-family: "Times New Roman", serif!important;
    line-height: 100%;
}

.nextTtlBox {
    width: 40px;
    float: right;
    position: relative;
    text-align: right;
    background-image: url(../images/faq/bt_next_off.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px 33px;
}

.nextTtl {
    position: absolute;
    top: 50%;
    right: 30px;
    margin: -7px 0 0;
    font-size: 14px;
    font-family: "Times New Roman", serif!important;
    line-height: 100%;
}

.prevTxt {
    width: 300px;
    float: right;
    font-size: 13px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 150%;
    border-right: solid 1px #d2d2d2;
    padding: 0 50px 0 0;
}

.nextTxt {
    width: 300px;
    float: left;
    font-size: 13px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 150%;
    padding: 0 0 0 50px;
}

.faqPageNavBox a {
    color: #b71254;
}

.faqPageNavBox a:hover .prevBox,
.faqPageNavBox a:hover .nextBox {
    filter:alpha(opacity=50);

    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*========================================

   エクスプレッション

========================================*/

.stepBox {
    width: 960px;
    height: 750px;
    margin: 0 auto 100px;
    position: relative;
    background: url(../images/faq/bg_expression_pc.png) top no-repeat;
}

.stepBtnBox:hover .stepBtnPic,
.stepBtnBox:hover .stepBtnTxtBox,
.stepBtnLimitedBox:hover .stepBtnPic,
.stepBtnBox:hover .howtoListArrow {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.stepBtnBox {
    height: 160px;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
}

.stepBtnPic {
    width: 160px;
    float: left;
}

.stepBtnPic img {
    width: 160px;
}

.stepBtnTxtBoxOtl {
    width: 100%;
    float: right;
    margin: 0 0 0 -160px;
}

.stepBtnTxtBox {
    margin: 0 0 0 160px;
    padding: 35px 0 0;
    text-align: center;
}

.stepBtnTxt {
    font-family: "Times New Roman", serif!important;
    font-size: 18px;
    line-height: 140%;
}

.stepBtnSubTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 16px;
    line-height: 120%;
}

.cleansingTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 80px;
    left: 500px;
}

.face_washTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 130px;
    left: 500px;
}

.makeTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    bottom: 100px;
    left: 500px;
}

/* booster_serum */
.booster_serumBtn {
    width: 310px;
    position: absolute;
    top: 140px;
    left: 0;
}

.booster_serumTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    text-align: right;
    position: absolute;
    top: 210px;
    right: 500px;
}

.booster_serumBdr {
    width: 30px;
    position: absolute;
    top: 221px;
    left: 310px;
    border-top: solid 1px #dcdcdc;
}

/* rising_lotion */
.rising_lotionBtn {
    width: 310px;
    position: absolute;
    top: 220px;
    right: 0;
}

.rising_lotionTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 290px;
    left: 500px;
}

.rising_lotionBdr {
    width: 85px;
    position: absolute;
    top: 301px;
    right: 310px;
    border-top: solid 1px #dcdcdc;
}

/* platinum_serum */
.platinum_serumBtn {
    width: 310px;
    position: absolute;
    top: 308px;
    left: 0;
}

.platinum_serumTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    text-align: right;
    position: absolute;
    top: 378px;
    right: 500px;
}

.platinum_serumBdr {
    width: 85px;
    position: absolute;
    top: 389px;
    left: 310px;
    border-top: solid 1px #dcdcdc;
}

/* high_tention_mask */
.high_tention_maskBtn {
    width: 310px;
    position: absolute;
    top: 388px;
    right: 0;
}

.high_tention_maskTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 458px;
    left: 500px;
}

.high_tention_maskBdr {
    width: 85px;
    position: absolute;
    top: 469px;
    right: 310px;
    border-top: solid 1px #dcdcdc;
}

/* glossy_cream */
.glossy_creamBtn {
    width: 310px;
    position: absolute;
    top: 476px;
    left: 0;
}

.glossy_creamTxt {
    font-size: 18px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    text-align: right;
    position: absolute;
    top: 546px;
    right: 500px;
}

.glossy_creamBdr {
    width: 50px;
    position: absolute;
    top: 557px;
    left: 310px;
    border-top: solid 1px #dcdcdc;
}

.howtoItemTtl {
    font-size: 20px;
    font-family: "Times New Roman", serif!important;
    line-height: 150%;
}

.howtoItemSubTtl {
    font-size: 12px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    line-height: 150%;
    margin: 0 0 20px;
}

.howtoItemBox {
    margin: 0 0 100px;
}

.howtoItemLeftBox {
    width: 50%;
    float: left;
}

.howtoItemRightBox {
    width: 50%;
    float: right;
}

.howtoItemBoxInr {
    padding: 0 5px;
}

.howtoItemPic {
    margin: 0 0 10px;
}

.howtoItemPic img {
    width: 100%;
}

.howtoItemTxt {
    font-size: 13px;
    line-height: 180%;
}

/*========================================

   FAQ/使い方一覧

========================================*/
.faqHowtoTtl{
    padding: 10px 0 48px;
    vertical-align: top;
    font-size: 24px;
    font-family: "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 24px;
    margin-bottom: 30px;
}
.howtoBox {
    margin: 0 0 0;
}

.QandATable {
    width: 100%;
    margin: 0 0 80px;
}

.QandATable th {
    width: 40px;
    padding: 10px 5px 10px 0;
    vertical-align: top;
    font-size: 22px;
    font-family: "Times New Roman", serif!important;
    line-height: 150%;
}

.QandATable td {
    padding: 10px 0;
    vertical-align: top;
    font-size: 24px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    line-height: 120%;
}

.howtoTtl {
    font-size: 20px;
    color: #b71254;
    border-bottom: solid 1px #b71254;
    margin: 0 0 20px;
    padding: 0 0 4px;
}

.howtoList01,
.howtoList02 {
    width: 100%;
    margin: 0 0 50px;
}
.faqDetailBox.faqBellowDetailBox .howtoList01,
.faqDetailBox.faqBellowDetailBox .howtoList02 {
    margin: 0;
}
.howtoList01 li,
.howtoList02 li {
    width: 33.33%;
    float: left;
    padding: 0 0 20px;
}
.howtoList01 li.double,
.howtoList02 li.double {
    width: 66.66%;
}
.howtoList01 li.lastLine,
.howtoList02 li.lastLine {
    padding: 0;
}

.howtoList01 li img,
.howtoList02 li img {
    width: 100%;
}

.howtoListBox {
    padding: 0 1px;
}

.howtoListPic {
    margin: 0 0 10px;
}

.howtoListPic img {
    width: 100%;
}

.howtoListTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    line-height: 150%;
}

.howtoListTxt {
    font-size: 13px;
    padding: 0 10px 0 0;
    line-height: 1.7em;
}

.howtoListTxt .annotation{
    font-size: 11px;
    line-height: 18px;
}

.howtoVideo {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.howtoVideo iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.threeBtnList {
    width: 100%;
}

.threeBtnList li {
    float: left;
    width: 33.33%;
}

.threeBtnBox {
    padding: 0 15px 0 0;
    margin-bottom: 120px;
}

.bottomBtn {
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 100%;
    background-image: url(../images/common/icon_arrow.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
}

.bottomBtn a {
    display: block;
    padding: 15px;
    border: solid 1px #787878;
}

.bottomBtn a:link {
    color: #1e1e1e;
    text-decoration: none;
}

.bottomBtn a:hover {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/common/icon_arrow_white.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    background-color: #b71254;
    border-color: #B71254;
}

/*========================================

  ニュース一覧

========================================*/
.newsList{
    margin-bottom: 140px;
}
.newsList li {
    border-bottom: solid 1px #b71254;
    margin: 0 0 50px;
    padding: 0 0 50px;
}

.newsList li:last-child {
    margin: 0;
}

.newsList li article {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.newsImg {
    display: table-cell;
    width: 384px;
}
.newsImg .newsImgBox {
    height: 250px;

}
.newsImg img {
    max-width: 384px;
    max-height: 256px;
}

.newsTtlBox {
    display: table-cell;
    width: 100%;
    padding-left: 40px;
    vertical-align: top;
}

.newsTtlBoxInr {
    width: 100%;
}


.newsType {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 14px;
    color: #b71254;
    line-height: 100%;
    margin: 0 0 25px;
}

.newsTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 18px;
    margin: 0 0 10px;
}

.newsData {
    font-size: 13px;
    line-height: 150%;
    margin: 0 0 80px;
}

.moreBtn {
    float: right;
    width: 145px;
    font-family: "Times New Roman", serif!important;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 100%!important;
}

.moreBtn a {
    display: block;
    padding: 11px 10px 10px;
    border: solid 1px #a5a5a5;
}

.moreBtn a:link {
    color: #1e1e1e;
    text-decoration: none;
}

.moreBtn a:hover {
    color: #fff;
    text-decoration: none;
    background: #b71254;
    border-color: #B71254;
}

/*========================================

  ニュース詳細

========================================*/

#contents.newsContents {
    margin: 0 auto 100px
}

.newsContents .pjax-content,
.columnContents .pjax-content {
    margin: 250px auto 50px;
}
.newsContents .pjax-content:first-child,
.columnContents .pjax-content:first-child {
    margin: 0 auto 50px;
}

.columnContents article {
    margin-bottom: 100px;
}

.newsDtlTtlBox {
    border-bottom: solid 1px #b71254;
    margin: 0 0 40px;
    padding: 0 0 25px;
}

.newsDtlType {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 14px;
    color: #b71254;
    line-height: 100%;
    margin: 0 0 25px;
}

.newsDtlTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 26px;
    margin: 0 0 10px;
}

.newsDtlData {
    font-size: 13px;
    line-height: 150%;
}

.newsDtlBox {
    margin: 0 0 70px;
}

.newsDtlImgBox {
    width: 380px;
    float: right;
}

.newsDtlImg {
    margin: 0 0 10px;
}

.newsDtlImg img {
    width: 380px;
}

.newsDtlImg.detailImg {
    text-align: center;
    width: 100%;
}

.newsDtlImg.detailImg img {
    width: auto;
  max-width: 100%;
}

.newsDtlTxt {
    width: 100%;
    margin: 0 -380px 0 0;
}

.newsDtlTxtInr {
    margin: 0 430px 0 0;
}

.backBtn {
    width: 240px;
    margin: 0 auto 70px;
    font-family: "Times New Roman", serif!important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    background-image: url(../images/common/icon_arrow.png);
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
}

.backBtn a {
    display: block;
    padding: 15px;
    border: solid 1px #070002;
}

.backBtn a:link {
    color: #1e1e1e;
    text-decoration: none;
}

.backBtn a:hover {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/common/icon_arrow_white.png);
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    background-color: #b71254;
    border-color: #B71254;
}

.recommendTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    color: #b71254;
    font-size: 18px;
    margin: 0 0 20px;
}

.recommendNewsImg img {
    width: 100%;
}

.recommendList {
}

.recommendList li {
    display: inline-block;
    padding: 0 12px;
    width: 304px;
    float: left;
}
.recommendList li:first-child {
    padding: 0 12px 0 0;
}
.recommendList li:last-child {
    padding: 0 0 0 12px;
}

.recommendBox {
    padding: 15px 20px;
    background: #e9ebeb;
}
.recommendList li p.recommendNewsImg {
    max-height: 210px;

}
.recommendList li p.recommendNewsImg img {
    width: 100%;
}
.recommendNewsType {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    color: #b71254;
    font-size: 13px;
}

.recommendNewsTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 15px;
    line-height: 150%;
}

/*========================================

  販売店一覧

========================================*/
.store .pageTtl {
    margin: 0 0 63px;
}
.storeTypeTtl {
    margin: 0;
    color: #ac1850;
    font-size: 26px;
    line-height: inherit;
}

.storeTypeTxt {
    color: #ac1850;
    font-size: 14px;
    line-height: inherit;
  margin: -30px 0 -9px 0;
}

.storeArea {
    margin: 0 0 140px;
}

.storeBox {
    width: 100%;
    display: table;
    border-bottom: solid 1px #b71254;
}

.storeName {
    width: 470px;
    display: table-cell;
    padding: 76px 10px 5px 0;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 16px;
    line-height: 150%;
    vertical-align: bottom;
}

.storeCode {
    width: 66px;
    display: table-cell;
    padding: 70px 0 5px;
    font-size: 13px;
    line-height: 150%;
    vertical-align: bottom;
}

.storeAdd {
    width: 300px;
    display: table-cell;
    padding: 70px 10px 5px;
    font-size: 13px;
    line-height: 150%;
    vertical-align: bottom;
}

.storeTel {
    width: 90px;
    display: table-cell;
    padding: 70px 0 5px 10px;
    font-size: 13px;
    line-height: 150%;
    text-align: right;
    vertical-align: bottom;
}

.storeTel a:hover {
    text-decoration: none;
    cursor: default;
}

/*========================================

  ブランドコンセプト

========================================*/

.conceptDtlTtlBox {
}

.conceptDtlType {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 14px;
    color: #b71254;
    line-height: 100%;
    margin: 0 0 25px;
}

.conceptDtlTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 32px;
    letter-spacing: 10px;
    padding-bottom: 25px;
    margin-bottom: 26px;
    border-bottom: 1px #B71254 solid;
}

.conceptDtlSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 17px;
    margin-bottom: 6px;
}

.conceptDtlLogo {
    width: 225px;
}
.conceptDtlBox {
    margin: 0 0 30px;
}

.conceptDtlImgBox {
    width: 442px;
    float: right;
}

.conceptDtlImg {
    margin: 0 0 10px;
}

.conceptDtlImg img {
    width: 442px;
}

.conceptDtlTxt {
    width: 100%;
    float: left;
    margin: 0 -480px 0 0;
}

.conceptDtlTxtInr {
    margin: 0 530px 0 0;
}
.conceptDtlTxtInr p {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    margin-bottom: 33px;
    font-size: 16px;
}
.conceptDtlTxtInr p.conceptDtlCatch {
    font-size: 24px;
  line-height: 41px;
}

/*========================================

  アンバサダー

========================================*/
.ambasaddorArticle {
    /* width: 900px; */
}
.ambaSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 17px;
    margin-bottom: 6px;
}
.ambaTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 32px;
    letter-spacing: 10px;
    padding-bottom: 25px;
    margin-bottom: 26px;
    border-bottom: 1px #B71254 solid;
}
.ambaTtl small {
    font-size: 24px;
}

.ambaBody {
}
.ambaImg {
    float: left;
    width: 430px;
}
.ambaTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    text-align: left;
    font-size: 16px;
    margin: 0 0 110px;
    width: 515px;
    padding: 0 0px 0 0px;
    float: right;
}
.ambaTxt p {
    margin-bottom: 30px;
}
.ambaTxt .ambaSign {
    float: right;
}
.ambaVideo {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.ambaVideo iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*========================================

  サイトのご利用について

========================================*/

.prohibitList {
    padding: 0 0 0 30px;
}

.prohibitList li {
    margin: 0 0 2px;
}


sup{
    font-size: 50%;
    /* top: -2px; */
    /* position: relative; */
}

/*========================================

  20170803追加 itemClm01

========================================*/
.otherPageBoxOtl2.itemClm01 {
	margin:0 auto;
	text-align: center;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox {
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm01 h1 {
	 font-size:28px;
}
.otherPageBoxOtl2.itemClm01 .otherPageTtl2 {
	 font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif!important;
		font-size:27px;
		font-weight: bold;
  border-bottom: 1px solid #333;
		margin-bottom: 25px;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea {
  max-width: 430px;
  float: left;
  padding-right: 30px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBoxfb .txtArea {
  max-width: 550px;
  float: left;
  padding-right: 30px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea2 {
  max-width: 540px;
  float: left;
  padding-right: 30px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea3 {
  max-width: 420px;
  float: left;
  padding-right: 0px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea p,
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea2 p,
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea3 p,　{
  text-align: left;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea {
  max-width: 500px;
  float: right;
}
.otherPageBoxOtl2.itemClm01 .otherPageBoxfb .imgArea {
  padding-top: 45px;
  max-width: 350px;
  float: right;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 500px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea2 {
  max-width: 371px;
  float: right;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea2 img {
  width: 100%;
  max-width: 371px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea3 {
  max-width: 430px;
  float: right;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea3 img {
  width: 100%;
  max-width: 430px;
}

/*========================================

  20170803追加 itemClm01-2

========================================*/
.otherPageBoxOtl2.itemClm01-2 {
    text-align: center;
    margin-bottom:40px;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageTtl {
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageTtl2 {
	 font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif!important;
		font-size:27px;
		font-weight: bold;
  border-bottom: 1px solid #333;
		margin-bottom: 25px;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageTtl3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif!important;
  font-size:22px;
  font-weight: bold;
  border-bottom: 1px solid #333;
  margin-bottom: 25px;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox {
	width: 960px;
	margin: 0 auto;
	padding: 70px 0 0;
	position: relative;
	z-index: 1;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .txtArea {
  width: 100%;
  float: none;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .txtArea p {
  text-align: center;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .imgArea {
  padding-top: 15px;
  width: 100%;
        margin:0 auto;
        text-align: center;
  float: none;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 923px;
        margin:0 auto;
        text-align: center;
}

/* 20190725追加 */
.otherPageBoxOtl2.itemClm01-2 .threeClm {
  width: 960px;
  margin: 0 auto;
}
.otherPageBoxOtl2.itemClm01-2 .threeClm figure {
    display: inline-block;
    width: calc((100% - 70px) / 3);
    margin: 0;
    padding-right: 34px;
    vertical-align: top;
}
.otherPageBoxOtl2.itemClm01-2 .threeClm figure:last-child {
    padding-right: 0;
}

.otherPageBoxOtl2.itemClm01-2 .threeClm figcaption {
    margin-top: 5px;
    padding-left: 28px;
    text-align: left;
}

/*========================================

  20170803追加 itemClm01-3

========================================*/
.otherPageBoxOtl2.itemClm01-3 {
    margin:0 auto;
    text-align: center;
    both: clear;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox {
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm01-3 h1 {
     font-size:27px;
        padding-bottom: 7px;
        border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .txtArea {
    width: 60%;
  max-width: 490px;
  float: right;
  padding-right: 20px;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .txtArea p {
  text-align: left;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .imgArea {
 	width: 40%;
  max-width: 500px;
		margin:0 20px 0 20px;
  float: left;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 280px;
}
/*========================================

  20171005追加 itemClm01-4

========================================*/
.otherPageBoxOtl2.itemClm01-4 {
	margin:0 auto;
	text-align: center;
	both: clear;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox {
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm01-4 h1 {
	 font-size:27px;
		padding-bottom: 7px;
		border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageTtl2 {
	 font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif!important;
		font-size:27px;
		font-weight: bold;
  border-bottom: 1px solid #333;
		margin-bottom: 25px;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .txtArea {
 	width: 80%;
  max-width: 700px;
  float: left;
  padding-right: 20px;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .txtArea ul{
	margin:15px auto 0 auto;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .txtArea il{
	margin:0 25px 0 0;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .txtArea p {
 text-align: left;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .imgArea {
 	width: 25%;
  max-width: 173px;
		margin:0 20px 0 20px;
  float: right;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 173px;
}
/*========================================

  20170803追加 itemClm02

========================================*/
.otherPageBoxOtl2.itemClm02 {
    margin:0 auto;
    text-align: center;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox {
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm02 .otherPageTtl {
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox .txtArea {
  width: 70%;
  float: right;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox .txtArea .oneClm {
  max-width: 620px;
  margin: 0 auto;
  float: none;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox .txtArea p {
  text-align: left;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox .imgArea {
  width: 30%;
  float: left;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 320px;
}
.itemLead {
  display: table;
  margin-bottom: 29px;
}
.itemLead:last-child {
  margin-bottom: 0;
}
.itemLead .areaL {
  height: 102px;
  width: 130px;
        max-width: 130px;
  display: table-cell;
}
.itemLead .areaL img {
  width: 100%;
  max-width: 130px;
}
.itemLead .areaR {
  width: 490px;
  height: 102px;
  padding-left: 40px;
  display: table-cell;
  vertical-align: middle;
}
.itemLead .areaR p {
  font-size: 13px;
  line-height: 24px;
}
.itemLead .areaR h3,
.itemLead .areaL h3{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif !important;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
}

/*========================================

  20170803追加 itemClm03

========================================*/
.otherPageBoxOtl2.itemClm03 {
    text-align: center;
}
.otherPageBoxOtl2.itemClm03 .otherPageBox {
  padding-bottom: 50px;
}
.otherPageBoxOtl2.itemClm03 .otherPageBoxfb {
  padding-bottom: 50px;
}
.otherPageBoxOtl2.itemClm03 .otherPageTtl {
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm03 .imgArea {
  margin-top: 21px;
  max-width: 962px;
}
.otherPageBoxOtl2.itemClm03 .imgArea li img {
  width: 100%;
  max-width: 424px;
}
.otherPageBoxOtl2.itemClm03 .imgArea li {
  display: inline-block;
  margin-left: 68px;
}
.otherPageBoxOtl2.itemClm03 .imgArea li:first-child {
  margin-left: 0;
}
.otherPageBoxOtl2.itemClm03 .twoClm,
.otherPageBoxOtl2.itemClm03 .twoClm2 {
  width: 962px;
  margin: 62px auto 0;
}
.otherPageBoxOtl2.itemClm03 .twoClm h3,
.otherPageBoxOtl2.itemClm03 .twoClm2 h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.itemClm03 .areaL {
  float: left;
  width: 466px;
}
.otherPageBoxOtl2.itemClm03 .areaL p {
  padding-top: 12px;
  margin: 0 auto;
  width: 425px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03 .areaL .imgArea {
  margin-top: 15px;
        max-width: 424px;
}
.otherPageBoxOtl2.itemClm03 .areaL .imgArea img {
  width: 100%;
  max-width: 424px;
}
.otherPageBoxOtl2.itemClm03 .areaR {
  float: left;
  width: 466px;
  margin-left: 30px;
}
.otherPageBoxOtl2.itemClm03 .areaR p {
  padding-top: 12px;
  margin: 0 auto;
  width: 425px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03 .areaR .imgArea {
  margin-top: 15px;
        max-width: 424px;
}
.otherPageBoxOtl2.itemClm03 .areaR .imgArea img {
  width: 100%;
  max-width: 424px;
}
/*========================================

  20170803追加 itemClm03-1

========================================*/
.otherPageBoxOtl2.itemClm03-1 {
    text-align: center;
    both: clear;
}
.otherPageBoxOtl2.itemClm03-1 .otherPageBox {
  padding-bottom: 50px;
}
.otherPageBoxOtl2.itemClm03-1 .otherPageTtl {
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm03-1 .imgArea {
  margin-top: 20px;
        max-width: 962px;
}
.otherPageBoxOtl2.itemClm03-1 .imgArea li img {
  width: 100%;
  max-width: 424px;
}
.otherPageBoxOtl2.itemClm03-1 .imgArea li {
  display: inline-block;
  margin-left: 68px;
}
.otherPageBoxOtl2.itemClm03-1 .imgArea li:first-child {
  margin-left: 0;
}
.otherPageBoxOtl2.itemClm03-1 .twoClm {
  width: 962px;
  margin: 0 auto;

}.otherPageBoxOtl2.itemClm03-1 .twoClm h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif !important;
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 7px;
  border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.itemClm03-1 .areaL {
  float: left;
  width: 466px;
}
.otherPageBoxOtl2.itemClm03-1 .areaL p {
  padding-top: 12px;
  margin: 0 auto;
  width: 425px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03-1 .areaL .imgArea {
  margin-top: 15px;
        max-width: 424px;
}
.otherPageBoxOtl2.itemClm03-1 .areaL .imgArea img {
  width: 100%;
  max-width: 424px;
}
.otherPageBoxOtl2.itemClm03-1 .areaR {
  float: left;
  width: 466px;
  margin-left: 30px;
}
.otherPageBoxOtl2.itemClm03-1 .areaR p {
  padding-top: 12px;
  margin: 0 auto;
  width: 425px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03-1 .areaR .imgArea {
  margin-top: 15px;
        max-width: 424px;
}
.otherPageBoxOtl2.itemClm03-1 .areaR .imgArea img {
  width: 100%;
  max-width: 424px;
}

/*========================================

 itemClm03-2

========================================*/
.otherPageBoxOtl2.itemClm03-2 {
    text-align: center;
    both: clear;
}
.otherPageBoxOtl2.itemClm03-2 .otherPageBox {
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm03-2 .otherPageTtl {
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}

/*========================================

  20170803追加 itemClm04

========================================*/
.otherPageBoxOtl2.itemClm04 {
    text-align: center;
    background:#f4f4f4;
    border: 1px solid #d9d9d9;
    width:80%;
    margin: 100px auto;
    padding: 0px 20px 50px 20px;
    both: clear;
}
.otherPageBoxOtl2.itemClm04 .otherPageBox {
  padding-bottom: 50px;
}
.otherPageBoxOtl2.itemClm04 .otherPageTtl {
  border-bottom: 1px solid #999;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm04 .imgArea {
  margin-top: 21px;
        max-width: 962px;
}
.otherPageBoxOtl2.itemClm04 .imgArea li img {
  width: 100%;
  max-width: 424px;
}
.otherPageBoxOtl2.itemClm04 .imgArea li {
  display: inline-block;
  margin-left: 68px;
}
.otherPageBoxOtl2.itemClm04 .imgArea li:first-child {
  margin-left: 0;
}
.otherPageBoxOtl2.itemClm04 .twoClm {
  width: 962px;
  margin: 62px auto 0;

}.otherPageBoxOtl2.itemClm04 .twoClm h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif !important;
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 7px;
  border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.itemClm04 .areaL {
  float: left;
  width: 466px;
}
.otherPageBoxOtl2.itemClm04 .areaL p {
  padding-top: 12px;
  margin: 0 auto;
  width: 425px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm04 .areaR {
  float: left;
  width: 466px;
  margin-left: 30px;
}
.otherPageBoxOtl2.itemClm04 .areaR p {
  padding-top: 12px;
  margin: 0 auto;
  width: 425px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm04 .areaR .imgArea {
  margin-top: 15px;
        max-width: 424px;
}
.otherPageBoxOtl2.itemClm04 .areaR .imgArea img {
  width: 100%;
  max-width: 424px;
}
/*========================================

  20170803追加 itemClm共通

========================================*/
.storyBox2 {
  padding-top: 15px;
  text-align: center;
  clear: both;
}
.list3Clm > li {
	display: inline-block;
	width: 30%;
	margin-left: 5%;
}
.list3Clm > li:first-child {
	margin-left: 0;
}
.list3Clm > li > img {
	width: 100%!important;
}
/*========================================

  20171005追加 itemClm共通

========================================*/
.strong-type {
    font-size: 27px !important;
}
.notes-module {
    text-align: left !important;
    width: 962px !important;
    margin: 60px auto 0 !important;
    font-size: 13px !important;
    line-height: normal;
}
.column-module-2 .notes-module,
.column-module-1 .notes-module,
.column-module-5_6 .notes-module {
    padding: 0 20px;
    box-sizing: border-box;
}
.column-module-3_4 .notes-module {
    padding: 0 26px;
    box-sizing: border-box;
}
.itemClm01 .notes-module /*ReFa CAXA RAY用*/ {
    padding: 0;
    box-sizing: border-box;
}
/*========================================

  20171005追加 column-module-2

========================================*/
.otherPageBoxOtl2.column-module-2 {
    margin: 0 auto;
    text-align: center;
    clear: both;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox {
    padding-bottom: 0;
}
.otherPageBoxOtl2.column-module-2 h1 {
    font-size: 22px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .txtArea {
    width: 60%;
    max-width: 570px;
    float: left;
    padding-left: 20px;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .txtArea p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .imgArea {
    width: 40%;
    max-width: 300px;
    margin: 0 20px 0 20px;
    float: right;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .imgArea img {
    width: 100%;
    max-width: 300px;
}

/*========================================

  20171005追加 column-module-1

========================================*/
.otherPageBoxOtl2.column-module-1 {
    margin: 0 auto;
    text-align: center;
    clear: both;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox {
    padding-bottom: 0;
}
.otherPageBoxOtl2.column-module-1 h1 {
    font-size: 22px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .txtArea {
    width: 60%;
    max-width: 570px;
    float: right;
    padding-right: 20px;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .txtArea p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .imgArea {
    width: 40%;
    max-width: 300px;
    margin: 0 20px 0 20px;
    float: left;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .imgArea img {
    width: 100%;
    max-width: 300px;
}

/*========================================

  20171005追加 column-module-5_6

========================================*/
.otherPageBoxOtl2.column-module-5_6 {
    text-align: center;
    clear: both;
}
.otherPageBoxOtl2.column-module-5_6 .otherPageBox {
    padding-bottom: 50px;
}
.otherPageBoxOtl2.column-module-5_6 .otherPageTtl {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-5_6 .imgArea {
    margin-top: 20px;
    max-width: 962px;
}
.otherPageBoxOtl2.column-module-5_6 .imgArea li img {
    width: 100%;
    max-width: 466px;
}
.otherPageBoxOtl2.column-module-5_6 .imgArea li {
    display: inline-block;
    margin-left: 68px;
}
.otherPageBoxOtl2.column-module-5_6 .imgArea li:first-child {
    margin-left: 0;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm {
    width: 962px;
    margin: 0 auto;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-5_6 .areaL {
    float: left;
    width: 466px;
}
.otherPageBoxOtl2.column-module-5_6 .areaL p {
    padding-top: 12px;
    margin: 0 auto;
    width: 425px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea {
    margin-top: 15px;
    max-width: 466px;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaL .imgArea {
  text-align: right;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img {
    width: 100%;
    max-width: 425px;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaL .imgArea img {
  max-width: 428px;
}
.otherPageBoxOtl2.column-module-5_6 .areaR,
.otherPageBoxOtl2.column-module-5_6 .areaR2 {
    float: left;
    width: 466px;
    margin-left: 30px;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaR {
  margin-left: 22px;
}
.otherPageBoxOtl2.column-module-5_6 .areaR p {
    padding-top: 12px;
    margin: 0 auto;
    width: 425px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea,
.otherPageBoxOtl2.column-module-5_6 .areaR2 .imgArea2 {
    margin-top: 15px;
    max-width: 425px;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaR .imgArea {
  text-align: left;
}
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img,
.otherPageBoxOtl2.column-module-5_6 .areaR2 .imgArea2 img {
    width: 100%;
    max-width: 425px;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaR .imgArea img {
  max-width: 428px;
}
/*=== ReFa CAXA RAY [エステティックメソッド部分用]===*/
.otherPageBoxOtl2.column-module-5_6 .otherPageTtl2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 26px;
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-5_6 .otherPageTtl3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 7px;
}
/*=== ReFa COLLAGEN ENRICH [リファコラーゲンエンリッチ部分用]===*/
.otherPageBoxOtl2.column-module-5_6 .otherPageTtl4 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 24px;
    border-bottom: 1px solid #333;
    margin-bottom: 30px;
    padding-bottom: 7px;
}

/*========================================

 column-module-5_7

========================================*/
.otherPageBoxOtl2.column-module-5_7 {
    text-align: center;
    clear: both;
}
.otherPageBoxOtl2.column-module-5_7 .otherPageBox {
    padding-bottom: 0;
}
.otherPageBoxOtl2.column-module-5_7 .otherPageTtl {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-5_7 .imgArea {
    margin-top: 20px;
    max-width: 962px;
}
.otherPageBoxOtl2.column-module-5_7 .imgArea li img {
    width: 100%;
    max-width: 466px;
}
.otherPageBoxOtl2.column-module-5_7 .imgArea li {
    display: inline-block;
    margin-left: 68px;
}
.otherPageBoxOtl2.column-module-5_7 .imgArea li:first-child {
    margin-left: 0;
}
.otherPageBoxOtl2.column-module-5_7 .twoClm {
    width: 962px;
    margin: 0 auto;
}
.otherPageBoxOtl2.column-module-5_7 .twoClm h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-5_7 .areaL {
    float: left;
    width: 466px;
}
.otherPageBoxOtl2.column-module-5_7 .areaL p {
    padding-top: 12px;
    margin: 0 auto;
    width: 425px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-5_7 .areaL .imgArea {
    margin-top: 15px;
    max-width: 466px;
}
.otherPageBoxOtl2.column-module-5_7 .areaL .imgArea img {
    width: 100%;
    max-width: 425px;
}
.otherPageBoxOtl2.column-module-5_7 .areaR {
    float: left;
    width: 466px;
    margin-left: 30px;
}
.otherPageBoxOtl2.column-module-5_7 .areaR p {
    padding-top: 12px;
    margin: 0 auto;
    width: 425px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-5_7 .areaR .imgArea {
    margin-top: 15px;
    max-width: 466px;
}
.otherPageBoxOtl2.column-module-5_7 .areaR .imgArea img {
    width: 100%;
    max-width: 425px;
}

/*========================================

  20171005追加 column-module-3_4

========================================*/
.otherPageBoxOtl2.column-module-3_4 {
    text-align: center;
    margin-bottom: 0px;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageTtl {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox {
    width: 960px;
    margin: 0 auto;
    padding: 70px 0 0;
    position: relative;
    z-index: 1;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .txtArea {
    width: 95%;
    float: none;
    margin: 0 auto;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .txtArea p {
    text-align: center;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .imgArea {
    padding-top: 15px;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    float: none;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .imgArea img {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

/*========================================

  20171005追加 column-module-6-modify

========================================*/
.middle-hdg-01 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}
.p-top-m1 {
    padding-top: 4px;
}
.pb-m3 {
    padding-bottom: 0;
}
.m-bottom-m2 {
    margin-bottom: 90px;
}

/*========================================

  20171013追加 column-module-7

========================================*/
.otherPageBoxOtl2.column-module-7 {
    text-align: center;
    clear: both;
}
.otherPageBoxOtl2.column-module-7 .otherPageBox {
    padding-bottom: 50px;
}
.otherPageBoxOtl2.column-module-7 .otherPageTtl {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-7 .imgArea {
    margin-top: 20px;
    max-width: 960px;
}
.otherPageBoxOtl2.column-module-7 .imgArea li img {
    width: 100%;
    max-width: 466px;
}
.otherPageBoxOtl2.column-module-7 .imgArea li {
    display: inline-block;
    margin-left: 68px;
}
.otherPageBoxOtl2.column-module-7 .imgArea li:first-child {
    margin-left: 0;
}
.otherPageBoxOtl2.column-module-7 .twoClm {
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.otherPageBoxOtl2.column-module-7 .twoClm h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 20px;
    padding-top: 7px;
}
.otherPageBoxOtl2.column-module-7 .areaL {
    width: 304px;
}
.otherPageBoxOtl2.column-module-7 .areaL p {
    margin: 0 auto;
    width: 300px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-7 .areaL .imgArea {
    margin-top: 15px;
    max-width: 304px;
}
.otherPageBoxOtl2.column-module-7 .areaL .imgArea img {
    width: 100%;
    max-width: 300px;
}
.otherPageBoxOtl2.column-module-7 .areaM {
    width: 304px;
}
.otherPageBoxOtl2.column-module-7 .areaM p {
    margin: 0 auto;
    width: 300px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-7 .areaM .imgArea {
    margin-top: 15px;
    max-width: 304px;
}
.otherPageBoxOtl2.column-module-7 .areaM .imgArea img {
    width: 100%;
    max-width: 300px;
}
.otherPageBoxOtl2.column-module-7 .areaR {
    width: 304px;
}
.otherPageBoxOtl2.column-module-7 .areaR p {
    margin: 0 auto;
    width: 300px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-7 .areaR .imgArea {
    margin-top: 15px;
    max-width: 304px;
}
.otherPageBoxOtl2.column-module-7 .areaR .imgArea img {
    width: 100%;
    max-width: 300px;
}
.img-size-modify-01 img {
    width: 300px!important;
    margin: 0 auto;
}
.r-font-modify {
    font-size: 70%;
}
.cmTbShow2 {
    display: none !important;
}
.p-top-modify02{
padding-top: 4px;
}
.p-bottom-modify01{
padding-bottom: 14px!important;
}
.twoClm-modify01{
margin: 0 auto 50px!important;
width: 660px!important;
}
.twoClm-modify01 span{
font-size: 16px;
}
.p-top-modify03{
padding-top: 20px!important;
padding-bottom: 21px!important;
}
.notes-module-modify01{
    font-size: 13px;
    text-align: left;
    line-height: normal;
    margin-top: 15px;
}
.box-module-01{
    background-color: #f2f2f2;
    margin-top: 40px;
    padding: 30px 0px!important;
}
.box-module-01 img{
   width: 160px!important;
}

.column-module-7-modify h3{
    width: 200px!important;
    height: 200px!important;
    box-sizing: border-box!important;
    margin-bottom: 20px!important;
}
.column-module-7-modify .twoClm-modify01{
width: 100%!important;
margin-top: 40px!important;
margin-bottom: 0px!important;
}
.column-module-7-modify .twoClm-modify01 p{
width: 100%!important;
line-height: normal;
}
.column-module-7-modify .areaL,.column-module-7-modify .areaR{
width: 25%!important;
box-sizing: border-box;
padding: 0px 20px;
}
.circle-hdg01{
    font-size: 0!important;
    background-image: url("/item/images/refa_expression_01.jpg");
}
.circle-hdg02{
    font-size: 0!important;
    background-image: url("/item/images/refa_expression_02.jpg");
}
.circle-hdg03{
    font-size: 0!important;
    background-image: url("/item/images/refa_expression_03.jpg");
}
.circle-hdg04{
    font-size: 0!important;
    background-image: url("/item/images/refa_expression_04.jpg");
}
.otherPageTtl-modify{
    margin-top: 80px!important;
    font-size: 28px;
    text-align: center;
    line-height: normal;
    margin-bottom: 25px;
    border-bottom: none!important;
}
.column-module-7-modify .twoClm-modify01 p{
text-align: center!important;
}
.otherPageTtl-modify02{
    margin-bottom: 55px!important;
}
.hdg-under-text01{
margin-bottom: 80px;
}
.notes-module-modify02{
    margin-top: 0px!important;
    padding-bottom: 90px!important;
}
