@charset "UTF-8";
/*========================================

  共通設定

========================================*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and (min-width: 767px) and (max-width: 1028px) {
/*--- default(forRefa) ---*/
table{line-height:1.65;}

.newsImg .newsImgBox {
    height: auto !important;
}
.itemInfoListPic {
    height: auto !important;
    max-height: 200px !important;
}
}
#size-detect{
    font-family: tab;
}
html {
    height: 100%;
}

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;
}
body#index::before {
    background:url('bg.png') no-repeat left top;
    background-size: 100% auto;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 108px;
    content: "";
    z-index: -1;
}*/

/* 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: 100%;
    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: none;
}
.fortab {
    display: inherit;
}
.clearfix.fortab {
    display: inherit;
    margin-top: 20px;
}
.forpctab {
    display: inherit;
}
.forsp {
    display: none;
}
.forsptab {
    display: inherit;
}

/* common annotation */
.annotationTxt {
    font-size: 11px;
    line-height: 1.6;
    /*margin-top: 5px;*/
}



#contents {
    margin: 0 auto 50px;
    padding: 0 50px;
}


/* common */
.pageTtl {
    margin: 0 0 60px;
    font-family: "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    font-size: 22px;
}

.sectionTtl {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    line-height: 150%;
    border-bottom: solid 1px #b71254;
}

.pinkTxt {
    color: #b71254!important;
}

/* bx-slider */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 11px !important;
}
#item .bxslider li a img {
  margin: 0 auto;
}
/*
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 8px !important;
  height: 8px !important;
}
*/

/*========================================

  トップページ

========================================*/

/* pagescroll */
#container {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
}
#index #container {
  position: relative;
}

.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: 92vh;
    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 */
.slideArea {
    width: 100%;
}

/* indexArea */
#index #contents {
    margin: 0 auto;
    padding: 50px 50px 100px;
}

#index .headerOtl {
    margin: 0;
    height: 50px;
    border-bottom: solid 1px #616161;
}

#index .pageTopOtl {
    margin: 0 auto;
    padding: 0 25px;
}

.indexContentsOtl {min-height: 800px;}


.indexBox {
    margin: 0 0 100px;
}

.miniBox {
    margin: 0 0 100px;
}

.indexBoxLeftInfo {
    width: 270px;
    float: left;
    color: #fff;
}

.indexBoxRightInfo {
    width: 270px;
    float: right;
    color: #fff;
}

.miniBoxLeftInfo {
    width: 270px;
    float: left;
    color: #fff;
}

.miniBoxRightInfo {
    width: 270px;
    float: right;
    color: #fff;
}

.indexBoxLeftPic {
    width: 336px;
    float: left;
    text-align: left;
    margin-left: 48px;
}

.indexBoxRightPic {
    width: 336px;
    float: right;
    text-align: right;
    margin-right: 48px;
}

.indexBoxLeftPic img ,
.indexBoxRightPic img {
    max-width: 336px;
}
.miniBoxLeftPic {
    width: 338px;
    float: left;
    text-align: left;
    margin-left: 48px;
}

.miniBoxRightPic {
    width: 338px;
    float: right;
    text-align: right;
    margin-right: 48px;
}
.miniBoxRightPic img,
.miniBoxLeftPic img {
    max-width: 338px;
}

.columnBox.indexBox {
    margin: 0 0 100px;
}

.columnBox .miniBox {
    margin: 0 0 50px;
}

.columnBox .indexBoxLeftInfo {
    width: 100%;
    color: #fff;
    margin: 0 0 50px;
}

.columnBox .indexBoxRightInfo {
    width: 100%;
    color: #fff;
    margin: 0 0 50px;
}

.columnBox .miniBoxLeftInfo {
    width: 300px;
    float: left;
    color: #fff;
}

.columnBox .miniBoxRightInfo {
    width: 300px;
    float: right;
    color: #fff;
}

.columnBox .indexBoxLeftPic {
    width: 100%;
    text-align: center;
  margin: 0;
}

.columnBox .indexBoxRightPic {
    width: 100%;
    text-align: center;
  margin: 0;
}

.columnBox .miniBoxLeftPic {
    width: 340px;
    float: left;
  margin: 0;
}

.columnBox .miniBoxRightPic {
    width: 340px;
    float: right;
  margin: 0;
}

.columnBox .miniBoxRightPic img,
.columnBox .miniBoxLeftPic img,
.columnBox .indexBoxRightPic img,
.columnBox .indexBoxLeftPic img {
    width: 100%;
  max-width: 100%;
}

.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;
}

.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;
    padding: 5px 10px;
  margin-top: 25px;
    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;
}

.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:-97px;
}
#item #contents a.alabel {
    position: absolute;
    top: -100px;
}

.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
}
.itemNavArea {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
  z-index: 20;
}
.tab00 {
    height: 50%;
}

/* 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 {
    border-top: solid 1px #b71254;
    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;
}

.productListBtn {
    font-family: "Times New Roman", serif!important;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    display: block;
    padding: 15px;
    background-image: url(../images/item/icon_arrow_down.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 10px 5px;
    border-bottom: solid 1px #d2d2d2;
}

.openProduct {
    background-image: url(../images/item/icon_arrow_top.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 10px 5px;
    border-bottom: solid 1px #d2d2d2;
}


/* lineNav */
#lineNav01,
#lineNav02 {
    width: 100%;
    overflow: hidden!important;
    background: #f0f0f0;
}

#lineNav01 li,
#lineNav02 li {
    width: 50%;
    float: left;
    position: relative;
    border-bottom: solid 1px #d2d2d2;
}

#lineNav01 li a:hover,
#lineNav02 li a:hover {
    text-decoration: none;
}

.lineNavInr {
    height: 70px;
    padding: 20px 20px 20px  40px;
    border-right: solid 1px #d2d2d2;
    overflow: hidden;
}

.lineNavCaratBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_carat.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #d2d2d2;
    background-size: 10px 10px,110px 110px;
}

.lineNavAuraBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_aura.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e0e6ea;
    background-size: 10px 10px,110px 110px;
}

.lineNavExpressionBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_expression.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e8eff3;
    background-size: 10px 10px,110px 110px;
}

.lineNavGraceBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_grace.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e7e6e5;
    background-size: 10px 10px,110px 110px;
}

.lineNavBeautlogyBox {
    background-image: url(../images/item/bg_itemnav_beautlogy.png);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f0f1f1;
    background-size: 100px 100px;
}

.lineNavMenBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_men.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #e6ebf0;
    background-size: 10px 10px,110px 110px;
}

.lineNavLimitedBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_limited.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #282828;
    background-size: 10px 10px,110px 110px;
}

.lineNavLimitedBox a {
    color: #fff!important;
}

.lineNavCLEARBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_clear.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #d9e4eb;
    background-size: 10px 10px,110px 110px;
}

.lineNavCrossBox {
    background-image: url(../images/item/icon_arrow_bottom.png),
    url(../images/item/bg_itemnav_synergy.png);
    background-position: 15px 25px,right top;
    background-repeat: no-repeat,no-repeat;
    background-color: #dedde0;
    background-size: 10px 10px,110px 110px;
}

.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 8px;
}

.lineNavTxt {
    font-size: 12px;
    line-height: 150%;
}
.itemParts .tab_content{
    display: none;
}

/* partsArea */
.partsTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 15px;
    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: 100px;
    padding: 60px 30px 0;
    border-top: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    margin: 0;
    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: 16px;
    line-height: 150%;
}

.partsNavSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 11px;
    line-height: 150%;
}

/* item_parts */
#partsMiniNav {
    width: 100%;
}

#partsMiniNav li {
  border: solid 1px #d2d2d2;
  box-sizing: border-box;
    width: 20%;
    float: left;
}

.partsMiniNavInr {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  margin: 0;
  text-align: center;
  height: 197px;
  line-height:1;
}
.partsMiniNavInr p {
  display: inline-block;
}

#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: 15px;
}

.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!important;
    font-size: 15px;
    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 15px;
}

.partsTypeListOtl {
    position: relative;
}

.partsTypeList {
    width: 100%;
}

.partsTypeList li {
    width: 100%;
    margin: 0 0 2px;
    text-align: center;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 11px;
    line-height: 200%;
}

.faceBodyType {
    background: #f0f0f0;
}

.faceCareType {
    background: #eff2f4;
}

.bodyCareType {
    background: #f3f7f9;
}

.headCareType {
    background: #f3f2f2;
}

.skinCareType {
    background: #ececec;
}

/* itemLayout */
#item #contents {
    width: 99%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#item .headerOtl {
    margin: 0;
    height: 50px;
    border-bottom: solid 1px #616161;
}

#item .pageTopOtl {
    margin: -50px auto 0;
    padding: 0 25px;
    position: relative;
    z-index: 5;
}




.itemDtlBox {
    width: 100%;
    position: relative;
}
.itemDtlBox .itemDtlBoxInr {
    width: 768px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  padding-bottom: 51px;
}
.itemDtlBox .itemDtlBoxInr.h950 {
}
.itemDtlBox .itemDtlBoxInr .itemVisual {
    float: right;
  width: 500px;
}
.itemDtlBox .itemDtlBoxInr .itemVisual img {
  width: 100%;
  /* height: 510px; */
}
.itemDtlBox .itemDtlBoxInr .itemInfo {
}
.itemDtlBox .itemDtlBoxInr .itemInfo .itemInfoInr {
  height: 490px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
.itemDtlBox .itemDtlBoxInr .itemInfo .itemInfoInr img {
  width: 50px;
  height: 1px;
  margin-top: 20px;
}
.itemDtlBox .itemDtlBoxInr .itemLineup {
  width: 750px;
}
.itemDtlBox .itemDtlBoxInr .itemLineup.col2 {
  width: 600px;
}
.itemDtlBox .itemDtlBoxInr .itemLineup.col1 {
  width: 300px;
}

.itemDtlBox.leftType .itemDtlBoxInr .itemVisual {
  float: right;
}
.itemDtlBox.leftType .itemDtlBoxInr .itemInfo {
  margin: 20px 0 40px 40px;
}
.itemDtlBox.leftType .itemDtlBoxInr .itemLineup {
  margin: -20px 0 0 20px;
}
.itemDtlBox.leftType .itemDtlBoxInr .itemLineup.col1 {
  float: left;
  margin: 0px 0 0 20px;
}
.itemDtlBox.leftType.limitedBox .itemDtlBoxInr .itemLineup {
    margin-top: 74px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemVisual {
  float: left;
  width: 440px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemInfo {
  margin: 20px 0 40px 20px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemInfo .itemInfoInr {
  padding-left: 40px;
}
.itemDtlBox.rightType .itemDtlBoxInr .itemLineup {
 /* margin: -8px 20px 0 240px; */
   margin: 20px 20px 0 20px;
}


.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 35px;
    line-height: 120%;
}

.itemTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 18px;
    margin: 0 0 20px;
    line-height: 180%;
}
.itemTxt.limited br {
    display: none;
}
.itemSubTxt {
    font-size: 12px;
    line-height: 180%;
}

.itemBtnNav li {
    width: 240px;
    float: left;
    padding: 0 10px 10px 0;
}

.itemBtnBox:hover {
    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-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 */
.caratBox {
    background-color: #e1e1e1;
}
/* aura */
.auraBox {
    background-color: #e0e6ea;
}
.itemDtlBox.auraBox .itemDtlBoxInr .itemVisual {
    margin-top: 50px;
}
.itemDtlBox.auraBox .itemDtlBoxInr .itemInfo .itemInfoInr {
  height: 530px;
}

/* expression */
.expressionBox {
    background-color: #e8eff3;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemLineup.col2 {
  width: 750px;
  margin-top: 56px;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemVisual {
    margin-top: 50px;
}
.itemDtlBox.expressionBox .itemDtlBoxInr .itemInfo .itemInfoInr {
/* height: 530px; */
}

/* grace */
.graceBox {
    background-color: #e7e6e5;
}
.itemDtlBox.graceBox .itemDtlBoxInr .itemVisual {
    /* margin-top: 200px; */
    margin-top: 75px;
    width: 470px;
}
.itemDtlBox.graceBox .itemDtlBoxInr .itemInfo .itemInfoInr {
  height: 550px;
}
.itemDtlBox.graceBox .itemDtlBoxInr .itemLineup {
    width: 750px;
    margin: 30px 20px 0 20px;
}

/* cross */
.crossBox {
    background-color: #e0e5ea;
}
.itemDtlBox.crossBox .itemDtlBoxInr .itemVisual {
    /* margin-top: 150px; */
    margin-top: 75px;
}
.itemDtlBox.crossBox .itemDtlBoxInr .itemInfo .itemInfoInr {
/*  height: 819px; */
    height: 500px;
    margin-top: -50px;
}
.itemDtlBox.crossBox .itemDtlBoxInr .itemLineup {
  margin-top: -200px;
}

/* men */
.menBox {
    background-color: #d5d2d7;
}
.itemDtlBox.menBox .itemDtlBoxInr .itemVisual {
　/* margin-top: 200px; */
    margin-top: 75px;
}
.itemDtlBox.menBox .itemDtlBoxInr .itemInfo .itemInfoInr {
  /* height: 530px; */
     height: 540px;
}
.itemDtlBox.menBox .itemDtlBoxInr .itemLineup {
    margin: -14px 20px 0 447px;
    width: 300px;
}

/* limited */
.limitedBox {
    background-color: #282828;
}
.limitedBox .itemInfo {
    color: #fff;
}
.itemDtlBox.limitedBox .itemDtlBoxInr {
  padding-bottom: 100px;
}
.itemDtlBox.limitedBox .itemDtlBoxInr .itemVisual {
　margin-top: 50px;
}
.itemDtlBox.limitedBox .itemDtlBoxInr .itemInfo .itemInfoInr {
  height: 470px;
}

/* clear */
.clearBox {
    background-color: #d9e4eb;
}
.itemDtlBox.clearBox .itemDtlBoxInr .itemVisual {
    margin-top: 75px;
}
.itemDtlBox.clearBox .itemDtlBoxInr .itemInfo .itemInfoInr {
  /* height: 819px; */
     height: 550px;
}
.itemDtlBox.clearBox .itemDtlBoxInr .itemLineup {
  margin-top: -220px;
}


/*========================================

  商品詳細

========================================*/

/* 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;
}

.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;
}
.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;
}

.leftFixed {
    position: fixed;
    top: 200px;
    left: 0;
}

/* itemSpec */
.itemSpecBox {
    margin: 0 0 50px;
    padding: 0 25px;
}

.itemSpecPic {
    width: 280px;
    float: left;
    padding: 50px 0 0;
}

.itemSpecPic img {
    width: 100%;
}

.itemSpecInfo {
    width: 100%;
    float: right;
    margin: 0 0 0 -280px;
}

.itemSpecInfoInr {
    margin: 0 0 0 330px;
}

.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;
}
.itemSpecTxtBox p br{
    display: none;
}
.itemSpecTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 13px;
    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 {
    width: 100%;
    font-size: 13px;
    text-align: center;
    line-height: 100%;
    margin: 0 0 10px;
    display: none;
}

.itemSpecPic2 {
    width: 280px;
    float: right;
    margin: 0 0 0 -280px;
}

.itemSpecInfo2 {
    width: 100%;
    float: left;
    padding: 50px 0 0;
}

/* ハーフ */
/*
.pdfBtn02 {
    width: 100%;
    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 {
    margin: 60px 20px;
}


/* story */
.storyBox {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 320px;
    background-color: #fafafa;
}
.storyImg{
    width: 100%;
  text-align: center;
}
.storyImg img {
    width: 100%;
  max-width: 450px;
}
.storyBoxInr {
    margin: 0 auto 50px;
}

.storyInfo {
    /*padding: 30px 25px 20px;*/
    width: 450px;
    padding-top:90px;
    padding-bottom:90px;
    /*margin: 90px auto 90px;*/
    margin-left:auto;
    margin-right:auto;
}
.storyTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 20px;
    margin: 0 0 28px;
    line-height: 100%;
  text-align: left;
}

.storySubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 20px;
    margin: 0 0 20px;
    line-height: 1.5;
  text-align: left;
}

.storyTxt {
    font-size: 13px;
  text-align: left;
}
.storyTxt br {
    display: none;
}

/* story2 */
.storyBox2 {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 320px;
}

.storyTxt2 {
    margin-bottom: 10px;
    text-align: center;
}

/* relation */
.relationBox {
    margin: 0 auto 50px;
    padding: 0 25px;
}

.relationTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 22px;
    margin: 0 0 25px;
}

.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 {
    margin: 0 auto 50px;
    padding: 0 25px;
}

.itemInfoTtl {
    font-family: "Times New Roman", serif!important;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 25px;
}

.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: auto;
    /* 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: 13px;
    line-height: 150%;
}

/* otherPage */
.otherPageBox {
    padding: 50px 25px;
    position: relative;
    z-index: 1;
	margin: 50px auto;
	max-width: 760px;
}

.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%;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 0 0 10px;
}

.otherPageListPic {
    width: 100px;
    float: left;
}

.otherPageListPic img {
    width: 100%;
}

.otherPageListBox {
    padding: 0 5px;
}

.otherPageListBoxInr {
    background: #e6e8e8;
}

.otherPageListSubBox {
    width: 100%;
    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: 13px;
    line-height: 150%;
    display: inline-block;
}
.otherPageListTxt br {
  display: none;
}

.item-detail-data__price-desc .tax {
	font-size: 11px;
}

/*========================================

  FAQ

========================================*/

.faqBtnNav {
    margin: 0 0 100px;
}

.faqBtnNav li {
    width: 33.33%;
    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 5px 0 5px;
    height: 115px;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
}

.faqBtnLimitedBox {
    margin: 0 5px 0 5px;
    height: 115px;
    overflow: hidden;
    background: #050505;
    color: #fff;
    position: relative;
}

.faqBtnNav li:nth-child(3n) .faqBtnBox,
.faqBtnNav li:nth-child(3n) .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%;
}
.faqBtnTxtBox.longTxt {
  padding: 10px 0 0;
}

.faqBtnTxt {
    font-family: "Times New Roman", serif!important;
    font-size: 13px;
    line-height: 150%;
    width: 100px;
    margin: 0 auto;
    /* display: inline-block; */
}

.faqBtnSubTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 10px;
    line-height: 120%;
    width: 100px;
    margin: 0 auto;
    display: inline-block;
}

.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 40px;
    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 45px;
}

.QandADetailTable th {
    width: 40px;
    padding: 10px 5px 48px 0;
    vertical-align: top;
    font-size: 24px;
    font-family: "Times New Roman", serif!important;
    line-height: 1;
}

.QandADetailTable td {
    padding: 10px 0 48px;
    vertical-align: top;
    font-size: 15px;
    font-size: 24px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 1;
}
#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: 55px;
}

.faqPageNavBox {
    width: 720px;
    margin: 0 auto 130px;
}

.prevBox {
    width: 50%;
    float: left;
}

.nextBox {
    width: 50%;
    float: right;
}

.prevTtlBox {
    width: 30px;
    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: 15px;
    margin: -7px 0 0;
    font-size: 14px;
    font-family: "Times New Roman", serif!important;
    line-height: 100%;
}

.nextTtlBox {
    width: 30px;
    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: 15px;
    margin: -7px 0 0;
    font-size: 14px;
    font-family: "Times New Roman", serif!important;
    line-height: 100%;
}

.prevTxt {
    width: 280px;
    float: right;
    font-size: 12px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 150%;
    border-right: solid 1px #d2d2d2;
    padding: 0 20px 0 0;
}

.nextTxt {
    width: 280px;
    float: left;
    font-size: 12px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 150%;
    padding: 0 0 0 20px;
}

.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: 700px;
    height: 680px;
    margin: 0 auto 80px;
    position: relative;
    background: url(../images/faq/bg_expression_tab.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: 120px;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
}

.stepBtnPic {
    width: 120px;
    float: left;
}

.stepBtnPic img {
    width: 120px;
}

.stepBtnTxtBoxOtl {
    width: 100%;
    float: right;
    margin: 0 0 0 -120px;
}

.stepBtnTxtBox {
    margin: 0 0 0 120px;
    padding: 25px 0 0;
    text-align: center;
}

.stepBtnTxt {
    font-family: "Times New Roman", serif!important;
    font-size: 14px;
    line-height: 140%;
}

.stepBtnSubTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 12px;
    line-height: 120%;
}

.cleansingTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 85px;
    left: 360px;
}

.face_washTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 140px;
    left: 360px;
}

.makeTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    bottom: 87px;
    left: 360px;
}

/* booster_serum */
.booster_serumBtn {
    width: 235px;
    position: absolute;
    top: 160px;
    left: 0;
}

.booster_serumTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    text-align: right;
    position: absolute;
    top: 212px;
    right: 360px;
}

.booster_serumBdr {
    width: 10px;
    position: absolute;
    top: 221px;
    left: 235px;
    border-top: solid 1px #dcdcdc;
}

/* rising_lotion */
.rising_lotionBtn {
    width: 235px;
    position: absolute;
    top: 230px;
    right: 0;
}

.rising_lotionTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 283px;
    left: 360px;
}

.rising_lotionBdr {
    width: 55px;
    position: absolute;
    top: 291px;
    right: 235px;
    border-top: solid 1px #dcdcdc;
}

/* platinum_serum */
.platinum_serumBtn {
    width: 235px;
    position: absolute;
    top: 304px;
    left: 0;
}

.platinum_serumTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    text-align: right;
    position: absolute;
    top: 357px;
    right: 360px;
}

.platinum_serumBdr {
    width: 55px;
    position: absolute;
    top: 365px;
    left: 235px;
    border-top: solid 1px #dcdcdc;
}

/* high_tention_mask */
.high_tention_maskBtn {
    width: 235px;
    position: absolute;
    top: 374px;
    right: 0;
}

.high_tention_maskTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    position: absolute;
    top: 427px;
    left: 360px;
}

.high_tention_maskBdr {
    width: 60px;
    position: absolute;
    top: 435px;
    right: 235px;
    border-top: solid 1px #dcdcdc;
}

/* glossy_cream */
.glossy_creamBtn {
    width: 235px;
    position: absolute;
    top: 448px;
    left: 0;
}

.glossy_creamTxt {
    font-size: 15px;
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif;
    line-height: 100%;
    text-align: right;
    position: absolute;
    top: 502px;
    right: 360px;
}

.glossy_creamBdr {
    width: 30px;
    position: absolute;
    top: 510px;
    left: 235px;
    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 50px;
}

.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: 29px;
}
.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;
}

.howtoTtl2 {
    font-size: 20px;
    border-bottom: solid 1px #000000;
    margin: 0 0 20px;
    padding: 0 0 4px;
    text-align: center;
}

.howtoList01,
.howtoList02 {
    width: 100%;
    margin: 0 0 35px;
}

.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.6em;
}

.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%;
  margin-bottom: 100px;
}

.threeBtnList li {
    float: left;
    width: 33.33%;
}

.threeBtnBox {
    padding: 0 15px 0 0;
}

.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;
}

/*========================================

  ニュース一覧

========================================*/

.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;
}
.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: 350px;
}
.newsImg .newsImgBox {
    height: 250px;
}
.newsImg img {
    max-width: 350px;
}

.newsTtlBox {
    display: table-cell;
    width: 100%;
    padding-left: 40px;
  vertical-align: top;
}

.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 40px;
}

.moreBtn {
    float: right;
    width: 120px;
    font-family: "Times New Roman", serif!important;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
}

.moreBtn a {
    display: block;
    padding: 8px 7px 7px;
    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;
}

/*========================================

  ニュース詳細

========================================*/

.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: 350px;
    float: right;
}

.newsDtlImg.detailImg {
    text-align: center;
    width: auto;
}

.newsDtlImg {
    margin: 0 0 10px;
}

.newsDtlImg img {
    width: 350px;
}
.newsDtlImg.detailImg {
    text-align: center;
    width: 100%;
}
.newsDtlImg.detailImg img {
    width: auto;
  max-width: 100%;
}


.newsDtlTxt {
    width: 100%;
    /*float: left;*/
    margin: 0 -360px 0 0;
}

.newsDtlTxtInr {
    margin: 0 380px 0 0;
}

.backBtn {
    width: 225px;
    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 {
    display: table;
}

.recommendList li {
    display: table-cell;
    padding: 0 10px;
    width: 33%;
}

.recommendList li p.recommendNewsImg {
    max-height: 210px;

}
.recommendList li p.recommendNewsImg img {
    width: 100%;
}
.recommendBox {
    padding: 10px 15px 15px;
    background: #e9ebeb;
}

.recommendNewsType {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    color: #b71254;
    font-size: 10px;
}

.recommendNewsTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 12px;
    line-height: 150%;
}

/*========================================

  販売店一覧

========================================*/

.storeTypeTtl {
    margin: 0 0 5px;
    color: #ac1850;
    font-size: 26px;
}

.storeTypeTxt {
    color: #ac1850;
    font-size: 14px;
    line-height: 150%;
}

.storeArea {
    margin: 0 0 140px;
}

.storeBox {
    width: 100%;
    display: table;
    border-bottom: solid 1px #b71254;
}

.storeName {
    width: 45%;
    display: table-cell;
    padding: 60px 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: 7%;
    display: table-cell;
    padding: 60px 0 5px;
    font-size: 13px;
    line-height: 150%;
    vertical-align: bottom;
}

.storeAdd {
    width: 33%;
    display: table-cell;
    padding: 60px 10px 5px;
    font-size: 13px;
    line-height: 150%;
    vertical-align: bottom;
}

.storeTel {
    width: 15%;
    display: table-cell;
    padding: 60px 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: 28px;
    letter-spacing: 10px;
    padding-bottom: 20px;
    margin-bottom: 26px;
    border-bottom: 1px #B71254 solid;
}

.conceptDtlSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 13px;
    margin-bottom: 6px;
}

.conceptDtlLogo {
    width: 160px;
}
.conceptDtlBox {
    margin: 0 0 30px;
}

.conceptDtlImgBox {
    width: 50%;
    float: right;
}

.conceptDtlImg {
    margin: 0 0 10px;
}

.conceptDtlImg img {
    width: 100%;
}

.conceptDtlTxt {
    width: 100%;
    float: left;
    margin: 0 -50% 0 0;
}

.conceptDtlTxtInr {
    margin: 0 55% 0 0;
}
.conceptDtlTxtInr p {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    margin-bottom: 33px;
    font-size: 14px;
}
.conceptDtlTxtInr p.conceptDtlCatch {
    font-size: 19px;
  line-height: 41px;
}

/*========================================

  アンバサダー

========================================*/
.ambasaddorArticle {
    /* width: 710px; */
    margin: 0 auto;
}
.ambaSubTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 13px;
    margin-bottom: 6px;
}
.ambaTtl {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    font-size: 28px;
    letter-spacing: 10px;
    padding-bottom: 20px;
    margin-bottom: 26px;
    border-bottom: 1px #B71254 solid;
}
.ambaTtl small {
    font-size: 24px;
}

.ambaBody {
}
.ambaImg {
    float: left;
    width: 45%;
}
.ambaImg img {
    width: 100%;
}
.ambaTxt {
    font-family : "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝","MS Mincho", serif!important;
    text-align: left;
    font-size: 14px;
    margin: 0 0 50px;
    width: 54%;
    padding: 0 0px 0 15px;
    float: right;
    box-sizing: border-box;
}
.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%;
}

/*========================================

  20170803追加 itemClm01

========================================*/
.otherPageBoxOtl2.itemClm01 {
	text-align: center;
}
.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 {
  width: 100%;
  float: none;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea2 {
	 width: 60%;
  /*max-width: 560px;*/
  float: left;
		margin-left: 20px;
  padding-right: 15px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea p,
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea3 p,{
  text-align: center;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea2 p {
  text-align: left;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea, 
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea3, {
  padding-top: 15px;
  width: 100%;
  float: none;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea img,
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea3 img {
  width: 100%;
  max-width: 500px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea2 {
	 width: 30%;
	 margin-right: 20px;
  /*max-width: 371px;*/
  float: right;
}
.otherPageBoxOtl2.itemClm01 .otherPageBoxfb .imgArea {
  width: 100%;
  max-width: 350px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea2 img {
  width: 100%;
  max-width: 371px;
}

/*========================================

  20170803追加 itemClm01-2

========================================*/
.otherPageBoxOtl2.itemClm01-2 {
	width: 100%;
	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 {
	max-width: 760px;
	margin: 0 auto;
	padding-top: 70px;
	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 {
  max-width: 750px;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .imgArea2 {
  padding-top: 15px;
		padding-right: 10px;
  width: 100%;
		margin:0 20px 0 0;
		text-align: center;
  float: none;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .imgArea2 img {
  max-width: 700px;
}

/* 20190725追加 */
.otherPageBoxOtl2.itemClm01-2 .threeClm {
  width: 760px;
  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: 20px;
    text-align: left;
}

/*========================================

  20170803追加 itemClm01-3

========================================*/
.otherPageBoxOtl2.itemClm01-3 {
    width: 100%;
    margin:0 auto;
    both: clear;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox {
        margin:0 auto;
     max-width: 760px;
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm01-3 h1 {
     font-size:27px;
        text-align: center;
        padding-bottom: 7px;
        border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .txtArea {
  width: 57%;
  float: left;
        /*margin-right:30px;*/
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .txtArea img  {
		min-width: 250px;
		margin:0;
		/*margin:0 auto;*/
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .txtArea p {
  text-align: left;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .imgArea {
	 /*width: 40%;*/
		margin: 0 20px 0 20px;
  float: left;
}
.otherPageBoxOtl2.itemClm01-3 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 250px;
}
/*========================================

  20171005追加 itemClm01-4

========================================*/
.otherPageBoxOtl2.itemClm01-4 {
	width: 100%;
	margin:0 auto;
	both: clear;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox {
		margin:0 auto;
	 max-width: 760px;
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm01-4 h1 {
	 font-size:27px;
		text-align: center;
		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: 73%;
  float: left;
		/*margin-right:30px;*/
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .txtArea ul{
	margin:15px auto 0 0;
}
.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: 40%;*/
  float: right;
}
.otherPageBoxOtl2.itemClm01-4 .otherPageBox .imgArea img {
  width: 100%;
  max-width: 170px;
}
/*========================================

  20170803追加 itemClm02

========================================*/
.otherPageBoxOtl2.itemClm02 {
    margin:0 auto;
    text-align: center;
    both: clear;
}
.otherPageBoxOtl2.itemClm02 .otherPageBox {
  padding-bottom: 0;
}
.otherPageBoxOtl2.itemClm01 h1 {
     font-size:28px;
}
.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: 760px;
  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: 260px;
}
.itemLead {
        width: 100%;
  display: table;
  margin-bottom: 29px;
}
.itemLead:last-child {
  margin-bottom: 0;
}
.itemLead .areaL {
     float: left;
  height: 102px;
        width: 100%;
        padding-right: 20px;
  display: table-cell;
}
.itemLead .areaL img {
  max-width: 130px;
}
.itemLead .areaR {
  width: 100%;
        min-width: 300px;
  height: 102px;
  display: table-cell;
  vertical-align: middle;
}
.itemLead .areaR p {
     text-align:left;
  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;
    both: clear;
}
.otherPageBoxOtl2.itemClm03 .otherPageBox {
 padding-bottom: 50px;
    both: clear;
}
.otherPageBoxOtl2.itemClm03 .otherPageBoxfb {
 padding-bottom: 50px;
    both: clear;
}
.otherPageBoxOtl2.itemClm03 .otherPageTtl {
  border-bottom: 1px solid #333;
  padding-bottom: 7px;
}
.otherPageBoxOtl2.itemClm03 .imgArea {
  margin: 20px auto 0 auto;
        width: 100%;
}
.otherPageBoxOtl2.itemClm03 .imgArea li img {
  width: 100%;
  max-width: 340px;
}
.otherPageBoxOtl2.itemClm03 .imgArea li {
  display: inline-block;
  margin-left: 20px;
}
.otherPageBoxOtl2.itemClm03 .imgArea li:first-child {
  margin-left: 0;
}
.otherPageBoxOtl2.itemClm03 .twoClm,
.otherPageBoxOtl2.itemClm03 .twoClm2 {
  max-width: 760px;
  margin: 60px auto 0 auto;
  both: clear;
}
.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;
        margin: 0 auto;
        margin: 0 30px 0 auto;
  width: 340px;
}
.otherPageBoxOtl2.itemClm03 .areaL p {
  padding-top: 12px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03 .areaL .imgArea {
  margin-top: 15px;
        width: 100%;
}
.otherPageBoxOtl2.itemClm03 .areaL .imgArea img {
  max-width: 320px;
}
.otherPageBoxOtl2.itemClm03 .areaR {
     float: right;
  /*float: left;*/
  width: 340px;
}
.otherPageBoxOtl2.itemClm03 .areaR p {
  padding-top: 12px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03 .areaR .imgArea {
  margin-top: 15px;
  width: 100%;
}
.otherPageBoxOtl2.itemClm03 .areaR .imgArea img {
  max-width: 320px;
}
/*========================================

  20170803追加 itemClm03-1

========================================*/
.otherPageBoxOtl2.itemClm03-1 {
    text-align: center;
    margin: 0 auto;
    width: 760px;
    both: clear;
}
.otherPageBoxOtl2.itemClm03-1 .otherPageBox {
        margin:0 auto;
        padding-bottom: 20px;
        both: clear;
}
.otherPageBoxOtl2.itemClm03-1 .twoClm {
        max-width: 760px;
  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;
        margin: 0 50px 0 auto;
  width: 330px;
}
.otherPageBoxOtl2.itemClm03-1 .areaL p {
  padding-top: 12px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03-1 .areaL .imgArea {
  margin-top: 15px;
        width: 100%;
}
.otherPageBoxOtl2.itemClm03-1 .areaL .imgArea img {
  max-width: 300px;
}
.otherPageBoxOtl2.itemClm03-1 .areaR {
  float: left;
        margin: 0 auto;
  width: 330px;
}
.otherPageBoxOtl2.itemClm03-1 .areaR p {
  padding-top: 12px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm03-1 .areaR .imgArea {
  margin-top: 15px;
  width: 100%;
}
.otherPageBoxOtl2.itemClm03-1 .areaR .imgArea img {
  max-width: 300px;
}

/*========================================

 itemClm03-2

========================================*/
.otherPageBoxOtl2.itemClm03-2 {
    text-align: center;
    margin: 0 auto;
    width: 760px;
    both: clear;
}
.otherPageBoxOtl2.itemClm03-2 .otherPageBox {
        margin:0 auto;
        padding-bottom: 20px;
        both: clear;
}

/*========================================

  20170803追加 itemClm04

========================================*/
.otherPageBoxOtl2.itemClm04 {
    text-align: center;
    background:#f4f4f4;
    border: 1px solid #d9d9d9;
    width:90%;
    min-width: 320px;
    margin: 50px auto;
    padding: 40px 0px 70px 20px;
    both: clear;
}
.otherPageBoxOtl2.itemClm04 .otherPageBox {
     width: 100%;
        margin: 0 auto;
  padding-bottom: 0px;
}
.otherPageBoxOtl2.itemClm04 .otherPageTtl {
  border-bottom: 1px solid #999;
}
.otherPageBoxOtl2.itemClm04 .imgArea {
     width: 100%;
  margin: 0px auto 0 auto;
}
.otherPageBoxOtl2.itemClm04 .imgArea li img {
  width: 100%;
}
.otherPageBoxOtl2.itemClm04 .imgArea li {
  display: inline-block;
}
.otherPageBoxOtl2.itemClm04 .imgArea li:first-child {
  margin-left: 0;
}
.otherPageBoxOtl2.itemClm04 .twoClm {
  width: 100%;
        max-width: 760px;
  margin: 0 auto;
}
.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: 45%;
        margin-right:40px;
}
.otherPageBoxOtl2.itemClm04 .areaL p {
  padding-top: 12px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm04 .areaR {
  float: left;
  width: 45%;
}
.otherPageBoxOtl2.itemClm04 .areaR p {
  padding-top: 12px;
  text-align: left;
}
.otherPageBoxOtl2.itemClm04 .areaR .imgArea {
  margin-top: 15px;
        width: 100%;
}
.otherPageBoxOtl2.itemClm04 .areaR .imgArea img {
  max-width: 300px;
}

/*========================================

  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;
}
/*========================================

  20170803追加 itemClm共通

========================================*/
.strong-type {
  font-size: 27px !important;
}
.notes-module {
  text-align: left !important;
  max-width: 760px !important;
  margin: 60px auto 0 !important;
  font-size: 13px !important;
  line-height: normal;
}
.column-module-3_4 .notes-module {
  max-width: 710px !important;
}
.itemClm01 .notes-module /*ReFa CAXA RAY用*/ {
	 text-align: center;
  padding: 0px;
  box-sizing: border-box;
}
/*========================================

  20171005追加 column-module-2

========================================*/
.otherPageBoxOtl2.column-module-2 {
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox {
    margin: 0 auto;
    max-width: 710px;
    padding-bottom: 0;
}
.otherPageBoxOtl2.column-module-2 h1 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .txtArea {
    width: 51%;
    float: left;
    /*margin-right:30px;*/
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .txtArea p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-2 .otherPageBox .imgArea {
    /*width: 40%;*/
    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 {
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox {
    margin: 0 auto;
    max-width: 710px;
    padding-bottom: 0;
}
.otherPageBoxOtl2.column-module-1 h1 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .txtArea {
    width: 51%;
    float: left;
    /*margin-right:30px;*/
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .txtArea p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-1 .otherPageBox .imgArea {
    /*width: 40%;*/
    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;
    margin: 0 auto;
    max-width: 760px;
    clear: both;
}
.otherPageBoxOtl2.column-module-5_6 .otherPageBox {
    margin: 0 auto;
    padding: 40px 25px 30px;
    clear: both;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm {
    max-width: 760px;
    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;
    margin: 0 0px 0 auto;
    max-width: 340px;
}
.otherPageBoxOtl2.column-module-5_6 .areaL p {
    padding-top: 12px;
    text-align: left;
    width: 340px;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea {
    margin-top: 15px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaL .imgArea {
  text-align: right;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img {
    max-width: 340px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaL,
.otherPageBoxOtl2.column-module-5_6.rce .areaL .imgArea img {
    max-width: 344px;
}
.otherPageBoxOtl2.column-module-5_6 .areaR,
.otherPageBoxOtl2.column-module-5_6 .areaR2 {
    float: right;
    margin: 0 auto;
    max-width: 340px;
}
.otherPageBoxOtl2.column-module-5_6 .areaR p {
    padding-top: 12px;
    text-align: left;
    width: 340px;
}
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea,
.otherPageBoxOtl2.column-module-5_6 .areaR2 .imgArea2 {
    margin-top: 15px;
    width: 100%;
}
.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 {
    max-width: 340px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-5_6.rce .areaR,
.otherPageBoxOtl2.column-module-5_6.rce .areaR .imgArea img {
    max-width: 344px;
}
/*=== 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: 24px;
    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;
    margin: 0 auto;
    max-width: 760px;
    clear: both;
}
.otherPageBoxOtl2.column-module-5_7 .otherPageBox {
    margin: 0 auto;
    padding: 40px 25px 30px;
    clear: both;
}
.otherPageBoxOtl2.column-module-5_7 .twoClm {
    max-width: 760px;
    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;
    margin: 0 0px 0 auto;
    max-width: 340px;
}
.otherPageBoxOtl2.column-module-5_7 .areaL p {
    padding-top: 12px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-5_7 .areaL .imgArea {
    margin-top: 15px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-5_7 .areaL .imgArea img {
    max-width: 340px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-5_7 .areaR {
    float: right;
    margin: 0 auto;
    max-width: 340px;
}
.otherPageBoxOtl2.column-module-5_7 .areaR p {
    padding-top: 12px;
    text-align: left;
}
.otherPageBoxOtl2.column-module-5_7 .areaR .imgArea {
    margin-top: 15px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-5_7 .areaR .imgArea img {
    max-width: 340px;
    width: 100%;
}

/*========================================

  20171005追加 column-module-3_4

========================================*/
.otherPageBoxOtl2.column-module-3_4 {
    text-align: center;
    /*margin-bottom:40px;*/
}
.otherPageBoxOtl2.column-module-3_4 .otherPageTtl {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox {
    max-width: 710px;
    margin: 0 auto;
    padding: 70px 25 0;
    position: relative;
    z-index: 1;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .txtArea {
    width: 100%;
    float: none;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .txtArea p {
    text-align: center;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .imgArea {
    padding-top: 15px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: none;
}
.otherPageBoxOtl2.column-module-3_4 .otherPageBox .imgArea img {
    max-width: 710px;
    width: 100%;
}

/*========================================

  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;
}

/*========================================

  20171005追加 column-module-7

========================================*/
.otherPageBoxOtl2.column-module-7 {
    text-align: center;
    margin: 0 auto;
    max-width: 760px;
    clear: both;
}
.otherPageBoxOtl2.column-module-7 .otherPageBox {
    margin: 0 auto;
    padding: 40px 25px 30px;
    clear: both;
}
.otherPageBoxOtl2.column-module-7 .otherPageTtl {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}
.otherPageBoxOtl2.column-module-7 .twoClm {
    max-width: 760px;
    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 {
    max-width: 220px;
}
.otherPageBoxOtl2.column-module-7 .areaL p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-7 .areaL .imgArea {
    margin-top: 15px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-7 .areaL .imgArea img {
    max-width: 220px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-7 .areaM {
    max-width: 220px;
}
.otherPageBoxOtl2.column-module-7 .areaM p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-7 .areaM .imgArea {
    margin-top: 15px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-7 .areaM .imgArea img {
    max-width: 220px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-7 .areaR {
    max-width: 220px;
}
.otherPageBoxOtl2.column-module-7 .areaR p {
    text-align: left;
}
.otherPageBoxOtl2.column-module-7 .areaR .imgArea {
    margin-top: 15px;
    width: 100%;
}
.otherPageBoxOtl2.column-module-7 .areaR .imgArea img {
    max-width: 220px;
    width: 100%;
}

.areaR .img-size-modify-01 img {
    width: 300px!important;
    margin: 0 auto;
}

.areaL .img-size-modify-01 img {
    width: 300px!important;
    margin: 0 auto;
    padding-left: 20px;
}
.r-font-modify {
    font-size: 70%;
}

.cmTbShow2 {
    display: block !important;
}
.p-top-modify01{
padding-top: 30px;
}
.p-top-modify02{
padding-top: 4px;
}
.p-bottom-modify01{
padding-bottom: 32px!important;
}
.twoClm-modify01{
margin: 0 auto 50px!important;
width: 580px!important;
}
.twoClm-modify01 span{
font-size: 16px;
}
.twoClm-modify01 .areaL,.twoClm-modify01 .areaR{
max-width: 276px!important;
}
.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!important;
    padding: 30px 30px!important;
}
.box-module-01 img{
   width: 160px!important;
}
.box-module-01 .txtArea{
   width: 64%!important;
}
.imgArea-modify01{
width: 40%!important;
}
.column-module-7-modify{
    margin-bottom: 50px!important;
}
.column-module-7-modify h3{
    width: 150px!important;
    height: 150px!important;
    box-sizing: border-box!important;
    margin-bottom: 20px!important;
    background-size: contain;
}
.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 .notes-module{
    padding: 0 25px!important;
}
.hdg-under-text01{
padding: 0 25px 25px;
margin-bottom: 80px;
}
.column-module-7-modify .twoClm-modify01 p{
text-align: center!important;
font-size: 11px;
}
.otherPageTtl-modify02{
    margin-bottom: 55px!important;
    border-bottom: 1px solid #333;
}
.column-module-7-modify .notes-module-modify02{
    margin-top: 5px!important;
    padding-bottom: 80px!important;
}
