@charset "utf-8";
/* CSS Document */

.pc {
	display: none !important;
}

body {
-webkit-text-size-adjust: 100%;
}

p, li, dt, dd {
	/*Androidブラウザフォントバグ対策*/
	 max-height: 999999px;
}

/*基本セット*/
.color1{
    color: #5F8F87;
}
.colorBg1{
    background: #5F8F87;
}
/*プレミア素肌セット*/
.color2{
    color: #368AA4;
}
.colorBg2{
    background: #368AA4;
}
/*美肌集中セット*/
.color3{
    color: #B06D84;
}
.colorBg3{
    background: #B06D84;
}
/*バブリング・*/
.color4{
    color: #CA5245;
}
.colorBg4{
    background: #CA5245;
}
/*高濃度水素ゼリー*/
.color5{
    color: #CA5245;
}
.colorBg5{
    background: #CA5245;
}
/*牡丹皮せっけん*/
.color6{
    color: #CB7180;
}
.colorBg6{
    background: #CB7180;
}
/*ジュエリーエッセンス*/
.color7{
    color: #B79158;
}
.colorBg7{
    background: #B79158;
}
/*N1クリーム*/
.color8{
    color: #B79158;
}
.colorBg8{
    background: #B79158;
}
/*プロデューサー メインカラー*/
.color9{
    color: #74A7B0;
}
.colorBg9{
    background: #74A7B0;
}

.borderB{
    border-bottom: 1px solid rgba(62,62,62,0.3);
    position: relative;
}


/*MV*/

#mvWrap{
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
    padding-top: 237px;
}

#mv{
	position: relative;
	width: 100%;
    height: 256vw;
	background: url("../img/sp/top_mv.jpg") no-repeat;
	background-position: top center;
	background-size: contain;
    margin-bottom: 30px;
}
.mvBtnW{
    text-align: center;
    margin-bottom: 40px;
}
.mvBtn2{
    display: inline-block;
    margin-bottom: 20px;
}

.mvInfoW {
    background: #fff;
    bottom: 0px;
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
    text-align: center;
    z-index: 100;
}
.mvInfo{

}
.mvTel {
    display: inline-block;
    font-size: 2rem;
    line-height: 2rem;
    vertical-align: top;
    letter-spacing: normal;
    position: relative;
    padding-left: 22px;
    color: #74A7B0 !important;
    white-space: nowrap;
}
.mvTel:before {
    content: "";
    background: url(../img/icon_phone.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
}
.mvTel a{
    color: #74A7B0 !important;
}
.mvInfoTime {
    display: inline-block;
    font-size: 1rem;
    position: relative;
    color: #74A7B0;
}
.mvSnsW {
    position: fixed;
    bottom: 0;
    letter-spacing: normal;
    width: 100%;
    z-index: 100;
    display: flex;
}
.mvSnsW a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
    padding-top: 5px;
}
.mvLine{
    position: relative;
    background: #00a75b;
    
}
.mvLine:before{
    content: "";
    background: url("../img/icon_line.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 1;
}

.mvLine:after{
    background: #00a75b;
}
.mvContact {
    background: #74A7B0;
    width: 50%;
    color: #fff !important;
}
.mvContact:before {
    content: "";
    background: url(../img/icon_ope_ov.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}


.mvLineTtl {
    font-size: 1.4rem;
    text-align: center;
    z-index: 1;
    position: relative;
    padding-top: 11px;
}
.mvLineTxt{
    display: none;
}

.commonAsset1 {
    width: 80px;
    height: 80px;
    background: #74A7B0;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    padding-top: 25px;
    display: block;
    position: relative;
    margin: 0 auto 40px;
}
.commonAsset1:before {
    content: "";
    background: #74A7B0;
    width: 1px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    display: block;
}
.commonAsset1:after {
    content: "";
    background: #74A7B0;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    display: block;
    border-radius: 50%;
    bottom: -28px;
    transform: translateX(-50%);
}
.commonAsset1Txt{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8rem;
}
.commonAsset3 {
    width: 80px;
    height: 80px;
    background: #74A7B0;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    padding-top: 25px;
    display: block;
    position: relative;
    margin: 0 auto 40px;
}
.commonAsset3:before{
    content: "";
    background: #74A7B0;
    width: 1px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    display: block;
}
.commonAsset3:after{
    content: "";
    background: #74A7B0;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    display: block;
    border-radius: 50%;
    bottom: -28px;
    transform: translateX(-50%);
}
.commonAsset3Txt{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8rem;
}

#topSecCopy{
    position: relative;
}
.topCopyW{
    text-align: center;
    padding: 30px 0;
}
.topCopy{
    color: #74A7B0;
}
#topSec01{
    border-bottom: none; /*暫定*/
}
#topSec01{
}
.topSec01W{
    padding: 35px 0;
}
.top01ImgW {
    width: 100%;
    height: 507.9vw;
    background: url(../img/sp/top_sec_01.png) no-repeat;
    background-size: contain;
    background-position: top center;
    position: relative;
    text-align: center;
}
.top01Btn{
    display: inline-block;
    position: relative;
    top: 158.9vw;
}
.top01Ttl1{
    font-size: 2rem;
    text-align: center;
    color: #2F599B;
    margin-bottom: 30px;
}
.top01Ttl1 span{
    font-size: 2.1rem;
}
.top01Wrap{
    width: 100%;
    margin: 0 auto;
}
.top01Box{
    width: 100%;
    margin-bottom: 30px;
}
.top01Ttl2 {
    color: #fff;
    line-height: 3.6rem;
    text-align: center;
    font-size: 2rem;
    border-radius: 5px;
    margin-bottom: 24px;
    padding: 12px 0;
}
.top01MovW iframe{
    width: 100%;
    height: 48vw;
}
.top01ImgAsset {
    position: absolute;
    width: 100%;
    left: 0;
    top: 475vw;
}
.top01Post {
    position: absolute;
    top: 363vw;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 30px;
    width: 87%;
}
.trialTtl {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #74a4ad;
}
.trialTxt {
    font-size: 1.7rem;
    line-height: 2.9rem;
    color: #74a4ad;
    margin-bottom: 15px;
}
.trialPrice {
    font-size: 3rem;
    font-weight: bold;
    color: #74a4ad;
    letter-spacing: 0.06em;
}

#secMidImg{
}

#topSec02{
}
.top02ImgW1{
    margin-bottom: 20px;
    position: relative;
}
.topSec02W{
    padding: 50px 0;
}
.top02Ttl1{
    width: 100%;
    margin-bottom: 20px;
}
.top02Box1{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.prodTtlW1{
    font-weight: 500;
    display: inline-block;
    text-align: left;
}
.prodTtl1{
    font-size: 2rem;
    color: #2F599B;
    display: block;
    margin-bottom: 10px;
}
.prodTtl2 {
    font-size: 3.6rem;
    letter-spacing: 0.14em;
    display: block;
    color: #2F599B;
    position: relative;
    margin-bottom: 20px;
}
.prodTtl2 .rubi {
    font-size: 1rem;
    letter-spacing: normal;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 0;
}
.prodTxt1{
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: left;
}
.prodCartW1{
    width: 100%;
    text-align: left;
}
.prodImg1{
    width: 100%;
    margin-bottom: 20px;
}
.prodBtnW.btnW1{
    width: 284px;
    margin: 0 auto;
}
.priceW{
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: 0.05em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}
.priceW .small1{
    font-size: 1.2rem;
    letter-spacing: normal;
    position: relative;
    top: -7px;
}
.priceW .small2{
    font-size: 2.8rem;
    position: relative;
    top: -3px;
}
.priceW .small3{
    font-size: 1.2rem;
    letter-spacing: normal;
    position: relative;
    top: -3px;
}
.priceNuki{
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    line-height: 3.2rem;
    margin-bottom: 20px;
}
.prodBtn1{
    display: inline-block;
    font-size: 2rem;
    width: 284px;
    background: #CF2722;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    color: #fff !important;
    box-sizing: border-box;
    line-height: 4rem;
    padding-right: 40px;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    border: none;
}
.prodBtn1 span{
    display: block;
    border-right: 2px solid rgba(0,0,0,0.1);
    text-align: center;
}
.prodBtn1:before{
    content: "";
    width: 420px;
    height: 108px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -86px;
    display: block;
    transition: 0.3s;
}
.prodBtn1:after{
    content: "";
    background: url("../img/icon_in_cart.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.prodBtn2{
    display: inline-block;
    font-size: 2rem;
    width: 284px;
    background: #3E3A39;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    color: #fff !important;
    box-sizing: border-box;
    line-height: 4rem;
    padding-right: 40px;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    text-align: center;
}
.prodBtn2:after{
    content: "";
    background: url("../img/icon_arrow.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.prodBtn3{
    display: inline-block;
    font-size: 2rem;
    width: 284px;
    background: #999;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    color: #fff !important;
    box-sizing: border-box;
    line-height: 4rem;
    padding-right: 40px;
    letter-spacing: 0.05em;
    text-align: center;
}
.prodBtn3 span{
    display: block;
    border-right: 2px solid rgba(0,0,0,0.1);
}
.prodBtn3:before{
    content: "";
    width: 420px;
    height: 108px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -86px;
    display: block;
    transition: 0.3s;
}
.prodBtn3:after{
    content: "";
    background: url("../img/icon_pen.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.top02Box2{
    width: 100%;
    margin: 0 auto 50px;
    box-sizing: border-box;
}
.prodCartW2{
    width: 100%;
}
.prodImg2 {
    order: 2;
    width: 70%;
    margin: 0 auto 20px;
    max-width: 398px;
}
.prodBtnW.btnW2{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.prodTtlW2{
    display: inline-block;
    text-align: left;
}
.prodTtl3{
    font-size: 2rem;
    color: #AD6C6D;
    display: block;
    margin-bottom: 10px;
}
.prodTtl4{
    font-size: 3.6rem;
    display: block;
    color: #AD6C6D;
    margin-bottom: 10px;
}
.prodTxt2{
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: left;
}
.priceW.color2{
    width: 285px;
    display: inline-block;
}
.priceNuki.colorBg2{
    width: 285px;
    display: inline-block;
}

.top02Box3{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.prodTtlW3{
    font-weight: 500;
    display: inline-block;
    text-align: left;
}
.prodTtl5{
    font-size: 2rem;
    color: #B1884B;
    display: block;
    margin-bottom: 20px;
}
.prodTtl6{
    font-size: 3.6rem;
    letter-spacing: 0.14em;
    display: block;
    color: #B1884B;
    margin-bottom: 20px;
}
.prodTxt3{
    font-size: 1.4rem;
    margin-bottom: 20px;
    text-align: left;
}
.prodCartW3{
    width: 100%;
    margin: 0 auto;
}
.priceW.color3{
    width: 285px;
}
.priceNuki.colorBg3{
    width: 285px;
}
.prodImg3{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.prodImg3 img{
    margin-bottom: 10px;
}
.prodImg3Txt{
    font-size: 1.2rem;
    color: #B1884B;
}
.prodBtnW.btnW3{
    width: 284px;
    display: inline-block;
    margin-bottom: 50px;
}

.top02Box4{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.prodTtlW4{
    font-weight: 500;
    display: inline-block;
    text-align: left;
}
.prodTtl7{
    font-size: 2rem;
    color: #569AAA;
    display: block;
    margin-bottom: 20px;
}
.prodTtl8{
    font-size: 3.6rem;
    display: block;
    color: #569AAA;
    margin-bottom: 20px;
}
.prodTxt4{
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: left;
}
.prodCartW4{
    width: 100%;
}
.priceW.color4{
    width: 285px;
}
.priceNuki.colorBg4{
    width: 285px;
}
.prodImg4{
    width: 80%;
    margin: 0 auto 30px;
}
.prodBtnW.btnW4{
    width: 284px;
    display: inline-block;
}

/*仮画像Style*/

.top02ImgW1{
    background: url("../img/sp/top_sec_02.png") no-repeat;
    background-position: top center;
    background-size: contain;
    width: 100%;
    height: 301vw;
}
.top02BtnW{
    position: relative;
    top: 212vw;
    text-align: center;
}
.top02Btn{
    display: inline-block;
    margin-bottom: 26px;
}
.top02Post {
    position: absolute;
    top: 529vw;
    color: #b24544;
    padding-left: 30px;
    width: 87%;
}
.amenityTtl {
    font-size: 2.8rem;
    margin-bottom: 20px;
    font-weight: 500;
}
.amenityTxt {
    font-size: 1.6rem;
    line-height: 2.9rem;
}

#topSec03{
    box-sizing: border-box;
}
.topSec03W{
    position: relative;
}
.top03W{
    padding-top: 35px;
    padding-bottom: 55px;
}
.topSetImg1{
    margin-bottom: 20px;
}
.boxLine{
    background: #eee;
    border-top: 5px solid #34A837;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.boxLineW1{
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
}
.boxLineW1L{
    display: block;
    position: relative;
    margin-bottom: 40px;
}
.boxLineTtl1{
    font-size: 2rem;
    font-weight: 500;
    color: #34A837;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}
.boxLineTxt1{
    font-size: 1.4rem;
    line-height: 2.4rem;
    position: relative;
    margin-bottom: 20px;
}
.boxLineImgW1{
    width: 100%;
    margin: 0 30px 0 auto;
    position: relative;
    max-width: 325px;
}
.boxLineImgW1:before{
    content: "";
    background: url("../img/icon_line.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -5px;
    top: 10px;
    display: block;
}
.boxLineImgW1:after{
    content: "";
    background: url("../img/box_line_circle.png") no-repeat;
    background-size: contain;
    width: 120px;
    height: 120px;
    position: absolute;
    right: -30px;
    top: 105px;
    display: block;
}
.boxLineW1R{
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
}
.lineId{
    background: #34A837;
    border: 1px solid #34A837;
    box-sizing: border-box;
    display: table;
    width: 100%;
    margin-bottom: 15px;
}
.lineId span{
    display: table-cell;
    text-align: center;
}
.lineId .lLabel{
    color: #fff;
    font-size: 1.4rem;
    vertical-align: middle;
    padding: 5px;
}
.lineId .lId{
    background: #fff;
    color: #34A837;
    font-size: 1.7rem;
    vertical-align: middle;
    padding: 5px;
}
.lineQr{
    width: 205px;
    display: inline-block;
    box-shadow: 0 0 2px #D7D8D8;
}

.boxLineW2{
    position: relative;
    margin-bottom: 24px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.boxLineImgW2{
    width: 278px;
    margin: 0 auto 20px;
    order: 2;
}
.boxLineTxtW2{
    width: 100%;
    order: 1;
    margin-bottom: 20px;
}
.boxLineTtl2{
    font-size: 2rem;
    color: #34A837;
    margin-bottom: 20px;
    font-weight: 500;
}
.boxLineCopy{
    font-size: 1.6rem;
    margin-bottom: 15px;
    color: #34A837;
}
.boxLineTxt{
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
}
.boxBtnW1{
    width: 285px;
    margin: 0 auto;
}
.boxBtnW1 a{
}

#topSec04{
}
.topSec04W{
}
.top04W1{
    padding-top: 40px;
    margin-bottom: 40px;
}
.top04W1L{
	width: 100%;
	border: 1px solid rgba(65,65,65,0.3);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 15px;
	margin-bottom: 20px;
}
.top04W1R{
	width: 100%;
	box-sizing: border-box;
}
.top04Name{
	margin-bottom: 15px;
}
.nameL{
	font-size: 3rem;
}
.nameS{
	font-size: 1.6rem;
}
.top04Txt{
	font-size: 1.6rem;
	line-height: 3.2rem;
	letter-spacing: 0.05em;
}
.more{
	display: none;
}
.moreLink{
    color: #74A7B0;
	margin-left: 20px;
}
 
.moreLink::after {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

.moreLink.on-click::after{
content: "閉じる";
}
.boxPack{
    border-top: 5px solid #2F599B;
    margin-bottom: 40px;
}
.boxPackW1{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 50px;
}
.boxPackImgW1{
    width: 100%;
    position: relative;
    order: 2;
    margin-bottom: 20px;
}
.boxPackTxtW1 {
    width: 100%;
    margin-bottom: 30px;
    order: 1;
    text-align: center;
}
.boxPackTtl1 {
    font-size: 2rem;
    color: #2F599B;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: center;
}
.boxPackCopy1 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    color: #2F599B;
    font-weight: 500;
    text-align: center;
}
.boxPackTxt1 {
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
}
.boxBtnW2{
    width: 285px;
    margin: 0 auto;
    order: 3;
}

.boxPackW2{
    background: url("../img/sec04_bg_2.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 0;
    margin-bottom: 50px;
}
.boxVoucherW{
    text-align: center;
}
.boxVoucher{
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
.boxPackLine{
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

.boxPackW3{
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
}
.boxPackImgW2{
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.boxPackTxtW2{
    width: 100%;
    margin: 0 0 0 auto;
    margin-bottom: 20px;
    text-align: center;
}
.boxPackTtl2{
    font-size: 2rem;
    color: #2F599B;
    margin-bottom: 20px;
    font-weight: 500;
}
.boxPackCopy2{
    font-size: 1.6rem;
    margin-bottom: 15px;
    color: #2F599B;
    font-weight: 500;
}
.boxPackTxt2{
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
}
.boxBtnW3{
    width: 100%;
}
.boxBtnW3 a{
    width: 100%;
    box-sizing: border-box;
}


.topSec05W{
    padding: 30px 0;
    border-top: 1px solid rgba(62,62,62,0.3);
}
.top05Ttl{
    font-size: 3rem;
    text-align: center;
    letter-spacing: 0.1em;
    color: #74A7B0;
    font-weight: bold;
}
.topItemLists{
    letter-spacing: -0.04em;
}
.topItemList{
    letter-spacing: normal;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 20px 20px;
    border-bottom: 1px solid rgba(62,62,62,0.3);
    vertical-align: top;
}
.topItemImg{
    margin-bottom: 40px;
}
.topItemTtl1{
    font-size: 2rem;
    line-height: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}
.topItemTtl2{
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}
.topItemTtl2 span{
    font-size: 1.6rem;
}
.topItemTxt{
    font-size: 1.6rem;
    line-height: 3.3rem;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
}
.topItemBtnW{
    
}
.topItemPriceW{
    text-align: center;
}
.topPriceW {
    font-size: 4.8rem;
    line-height: 4.8rem;
    margin-bottom: -5px;
    font-weight: 500;
}
.topPriceW .small1 {
    font-size: 1.6rem;
    position: relative;
    top: -12px;
    margin-right: 10px;
}
.topPriceW .small2 {
    font-size: 3.6rem;
    position: relative;
    top: -4px;
    margin-left: 5px;
}
.topPriceW .small3 {
    font-size: 1.6rem;
    position: relative;
    top: -4px;
    margin-left: 10px;
}
.topPriceNuki{
    color: #fff;
    line-height: 3.2rem;
    margin-bottom: 20px;
}
.topProdBtn1{
    display: block;
    position: relative;
    background: #B54544;
    color: #fff !important;
    font-size: 2.1rem;
    line-height: 5rem;
    border: 1px solid #B54544;
    box-sizing: border-box;
    padding-left: 15px;
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    width: 100%;
    text-align: left;
}
.topProdBtn1 span{
    position: relative;
}
.topProdBtn1:before{
    content: "";
    position: absolute;
    left: -100%;
    background: #fff;
    width: 100%;
    height: 60px;
    transition: 0.3s;
}
.topProdBtn1:after{
    content: "";
    background: url("../img/icon_in_cart.png") no-repeat;
    background-size: contain;
    width: 27px;
    height: 28px;
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.topProdBtn1:hover{
    color: #B54544 !important;
}
.topProdBtn1:hover:before{
    left: 0;
}
.topProdBtn1:hover:after{
    background: url("../img/icon_in_cart_ov.png") no-repeat;
    background-size: contain;
}
.topProdBtn2{
    display: block;
    position: relative;
    background: #fff;
    color: #B54544 !important;
    font-size: 2.1rem;
    line-height: 5rem;
    border: 1px solid #B54544;
    box-sizing: border-box;
    padding-left: 15px;
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
}
.topProdBtn2 span{
    position: relative;
}
.topProdBtn2:before{
    content: "";
    position: absolute;
    left: -100%;
    background: #B54544;
    width: 100%;
    height: 60px;
    transition: 0.3s;
}
.topProdBtn2:after{
    content: "";
    background: url("../img/icon_in_arrow.png") no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    position: absolute;
    display: block;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.topProdBtn2:hover{
    color: #fff !important;
}
.topProdBtn2:hover:before{
    left: 0;
}
.topProdBtn2:hover:after{
    background: url("../img/icon_in_arrow_ov.png") no-repeat;
    background-size: contain;
}
.topProdBtn3{
    display: block;
    position: relative;
    background: #fff;
    color: #3E3A39 !important;
    font-size: 2.1rem;
    line-height: 5rem;
    border: 1px solid #3E3A39;
    box-sizing: border-box;
    padding-left: 15px;
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s;
    letter-spacing: 0.05em;
}
.topProdBtn3 span{
    position: relative;
}
.topProdBtn3:before{
    content: "";
    position: absolute;
    left: -100%;
    background: #3E3A39;
    width: 100%;
    height: 60px;
    transition: 0.3s;
}
.topProdBtn3:after{
    content: "";
    background: url("../img/icon_in_pen.png") no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    position: absolute;
    display: block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.topProdBtn3:hover{
    color: #fff !important;
}
.topProdBtn3:hover:before{
    left: 0;
}
.topProdBtn3:hover:after{
    background: url("../img/icon_in_pen_ov.png") no-repeat;
    background-size: contain;
}



/*中面ページStyle共通*/

#inMvWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 237px;
}
#inMvWrap h1{
    display: none;
}
#inMv{
	position: relative;
	width: 100%;
    height: 240px;
	background: url("../img/in_mv_bg.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
    text-align: center;
}

/*中面カート部共通*/
.inProdBox1{
    padding-top: 50px;
    position: relative;
}
.inProdTtl1 {
    font-size: 3rem;
    display: block;
    font-weight: 500;
}
.inProdTtl2 {
    font-size: 4.6rem;
    line-height: 6rem;
    display: block;
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
}
.inProdTtl2 .small{
    font-size: 3.6rem;
}
.inProdTtl2 .rubi {
    font-size: 1rem;
    letter-spacing: normal;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 0;
}
.inProdCopy1{
    font-size: 2.5rem;
    margin-bottom: 5px;
    font-weight: bold;
}
.inProdCopy1 .small{
    font-size: 1.5rem;
}

.inProdTxt1{
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: left;
}
.inProdCartW1{
    width: 100%;
    text-align: center;
}
.inProdImg1{
    margin-bottom: 20px;
    display: inline-block;
}
.inProdBtnW.btnW1{
    width: 284px;
    margin: 0 auto;
}
.inPriceW{
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: 0.05em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}
.inProdBtnW .prodBtn1{
    display: inline-block;
    margin-right: 30px;
    vertical-align: bottom;
}
.inProdBtnW .prodBtn3{
    display: inline-block;
    vertical-align: bottom;
}
.inProdCauW {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    margin-top: 60px;
    background: #E6E6E7;
}
.inProdCauTtl {
    display: block;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    line-height: 5rem;
    vertical-align: top;
    font-weight: 500;
    text-align: center;
}
.inProdCauTxt {
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    vertical-align: top;
    text-align: left;
}
.jew03Txt1 {
    font-size: 1.6rem;
    line-height: 2.9rem;
    letter-spacing: 0.05em;
    text-align: left;
}

.commonBoxW01{
    width: 100%;
    margin-bottom: 50px;
}
.commonBox01{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    padding: 20px;
    text-align: left;
    margin-bottom: 20px;
}
.commonBox02{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(62,62,62,0.3);
}
.commonBox03 {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(62,62,62,0.3);
}
.commonBoxImg01{
    margin-bottom: 20px;
}
.commonTxt01{
    font-size: 1.4rem;
    line-height: 2.7rem;
}

.commonLinkBnW{
}
.commonLinkBn {
    width: 100%;
    display: block;
    color: #fff !important;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding: 30px 0;
}
.commonLinkTxtW {
    display: block;
    text-align: center;
}
.commonLinkTtl1 {
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.commonLinkTtlEn {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 30px;
}
.commonLinkTtl2 {
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    line-height: 3rem;
}
.boxMovW1{
    background: #eaeaea;
    border-top: 10px solid #DE1F19;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.boxMovW1L{
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: center;
}
.boxMovTtl1{
    font-size: 2.4rem;
    margin-bottom: 10px;
    font-weight: 500;
}
.boxMovTxt1{
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2.6rem;
    margin-bottom: 20px;
}
.boxMovLogoW{
    width: 242px;
    margin: 0 auto 20px;
    text-align: center;
}
.boxMovLogo{
    margin-bottom: 20px;
}
.boxMovSearch{
    width: 225px;
    display: inline-block;
}
.boxMovImg1{
    margin: 0 0 20px auto;
    position: relative;
}
.boxMovW1R {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-bottom: 30px;
}
.youtubeLogo{
    width: 205px;
    margin-bottom: 20px;
    display: inline-block;
}
.youtubeQr{
    width: 205px;
    display: inline-block;
}
.boxMovVideoW{
    width: 100%;
    display: inline-block;
}
.boxMovVideoW iframe{
    width: 100%;
    height: 180px;
}
.inner main{
    padding-top: 237px;
}

/*牡丹皮*/

.botSec01W{
    position: relative;
    padding-bottom: 60px;
}
.inBotTtl2{
    padding-top: 20px;
}
.inBotImg1{
    width: 300px;
    
}
 
.botMidImg{
    position: relative;
    z-index: 1;
}
.midTxt1{
    position: absolute;
    top: 240px;
    font-size: 1.4rem;
    line-height: 2.8rem;
    letter-spacing: 0.05em;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
#botSec02{
    position: relative;
}
.botSec02W{
    position: relative;
    text-align: center;
    padding: 50px 0 0px;
    z-index: 1;
}
.bot02Ttl1{
    margin-bottom: 30px;
}
.bot02Box1{
    text-align: center;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(76,73,72,0.3);
    margin-bottom: 30px;
}
.bot02TxtW1{
}
.bot02Ttl2.night{
    font-size: 2.6rem;
    line-height: 3.6rem;
    position: relative;
    padding-left: 60px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
}
.bot02Ttl2.night:before{
    content: "";
    background: url("../img/botanpi/icon_moon.png") no-repeat;
    width: 47px;
    height: 48px;
    background-size: contain;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.bot02Img1{
    width: 289px;
    display: inline-block;
    margin-bottom: 20px;
}
.bot02Txt1{
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
}
.bot02Tips{
    text-align: right;
    margin-top: 20px;
    display: block;
    font-size: 1.4rem;
}
.bot02Ttl2.day{
    font-size: 2.6rem;
    line-height: 3.6rem;
    position: relative;
    padding-left: 70px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    text-align: left;
}
.bot02Ttl2.day:before{
    content: "";
    background: url("../img/botanpi/icon_sun.png") no-repeat;
    width: 62px;
    height: 62px;
    background-size: contain;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.bot02Box2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.bot02Ttl3{
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}
.bot02TxtW2 {
    display: flex;
    flex-wrap: wrap;
}
.bot02Img2 {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    order: 2;
}
.botTxtW {
    order: 1;
    width: 100%;
    margin-bottom: 20px;
}
.bot02Txt2{
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
}
.bot02Asset1{
    width: 296px;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-877px); 
}
.bot02Asset2{
    width: 100%;
    position: absolute;
    top: -123px;
    left: 50%;
    transform: translateX(273px); 
}
.bot02Asset3{
    width: 336px;
    position: absolute;
    top: 730px;
    left: 50%;
    transform: translateX(-920px); 
}
.bot02Asset4{
    width: 205px;
    position: absolute;
    top: 1204px;
    left: 50%;
    transform: translateX(-637px); 
}

#botSec03{
    position: relative;
}
.botSec03W{
    padding-top: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.bot03Ttl1{
    position: relative;
    margin-bottom: 20px;
}
.bot03Ttl1 span{
    font-size: 1rem;
    line-height: 1rem;
    display: inline-block;
    letter-spacing: normal;
    position: absolute;
    bottom: 8px;
}
.bot03Box1 {
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 40px;
}
.bot03MovW{
    margin-bottom: 40px;
}
.boxVideoW iframe{
    width: 100%;
    height: 65vw;
}
.bot03Img1{
    width: 100%;
    display: inline-block;
}
.bot03Box2{
    background: url("../img/botanpi/sec03_bg.png") no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-bottom: 10px;
    background-position: right;
}
.bot03TxtW1{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-30px);
    top: 20px;
    text-align: center;
}
.bot03Ttl2{
    font-size: 3.4rem;
    letter-spacing: 0.1em;
    white-space: nowrap;
}
.bot03TtlS{
    font-size: 1.8rem;
    white-space: nowrap;
}
.bot03Txt1{
    font-size: 1.2rem;
    margin-bottom: 10px;
    text-align: left;
}
.bot03ListW{
    margin-bottom: 10px;
    display: inline-block;
}
.bot03Lists{
    text-align: left;
}
.bot03List{
    font-size: 1.2rem;
    color: #72918E;
}
.bot03Txt2{
    font-size: 1.2rem;
    text-align: left;
}
.bot03Txt3{
    text-align: left;
    font-size: 1rem;
}

.bot03Asset1{
    width: 371px;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(477px); 
}
.bot03Asset2{
    width: 237px;
    position: absolute;
    top: 818px;
    left: 50%;
    transform: translateX(-928px); 
}

#botSec04{
    position: relative;
    padding-bottom: 80px;
}
.botSec04W{
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 50px;
}
.bot04Ttl{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.bot04Ttl2{
    margin-bottom: 20px;
    text-align: center;
}

.bot04LinkBn{
    background: url("../img/sp/sec05_bg_sp.jpg") no-repeat;
    background-size: cover;
}
.bot04Asset1{
    width: 237px;
    position: absolute;
    top: -0px;
    left: 50%;
    transform: translateX(468px); 
}
#botSec05{
    position: relative;
}
.botSec05W{
    position: relative;
    padding-top: 50px;
}

/*youtube動画部個別*/
.bot05Ttl1{
}
.bot05Img1{
    width: 239px;
}
.bot05Img1:before{
    content: "";
    background: url("../img/botanpi/sec05_circle.png") no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    top: 69px;
    left: -60px;
}



/*ジュエリーエッセンス*/

#jewSec01{
    position: relative;
}
.jewSec01W{
    position: relative;
    padding-bottom: 60px;
}
.inJewImg1{
    width: 140px;
}
.jewMidImg{
    position: relative;
    z-index: 10;
}

#jewSec02{
    position: relative;
}
.jewSec02W{
    position: relative;
    text-align: center;
    padding-top: 50px;
    z-index: 2;
}
.jew02Ttl1 {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 4.2rem;
    text-align: left;
    line-height: 5.4rem;
}
.jew02Txt1{
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
}
.jew02Box1{
    margin-bottom: 30px;
}
.jew02Box1L{
    box-sizing: border-box;
    width: 100%;
}
.jew02Ttl2{
    margin-bottom: 20px;
}
.jew02Lists{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.jew02List{
    width: 30%;
    background: #E6E6E7;
    text-align: center;
    font-size: 1.8rem;
    line-height: 3.6rem;
}
.jew02Txt2{
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

.jew02Box1R{
    width: 100%;
    display: inline-block;
    position: relative;
    padding-top: 14px;
}
.jew02Box1R:before{
    content: "";
    background: url("../img/botanpi/sp/sec08_balloon.png") no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    right: -10px;
    top: -10px;
    display: block;
    position: absolute;
}
.jew02Box2{
    margin-bottom: 50px;
}

.jew02Box2L{
    width: 100%;
}
.jew02Box2R{
    width: 100%;
    padding-top: 14px;
}
.jew02Txt3{
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
.jew02Txt4{
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
}

#jewSec03{
    position: relative;
}
#jewSec03:before{
    content: "";
    background: url("../img/botanpi/jew03_bg.jpg") no-repeat;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100vw;
    height: 62vw;
    left: 50%;
    transform: translateX(-50%);
    top: -548px;
    z-index: 0;
}
.jewSec03W{
    padding-top: 50px;
    text-align: center;
    position: relative;
}
.jew03Ttl1 {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    background: #EFEFEF;
    padding: 10px 0;
    font-size: 3.4rem;
}
.jew03Lists{
    margin-bottom: 30px;
}
.jew03List{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.4rem;
}
.jew03Img{
    width: 100%;
    margin: 0 auto 20px;
    display: inline-block;
}
.jew03MovW{
    margin-bottom: 40px;
}

#jewSec04{
    position: relative;
}
.jewSec04W{
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.jew04Ttl1{
    letter-spacing: 0;
    margin-bottom: 15px;
}
.jew04Txt1{
    text-align: left;
    margin-bottom: 30px;
}
.jew04Table1{
    width: 100%;
    border: 1px solid rgba(172,172,172,0.8);
    margin-bottom: 30px;
}
.jew04Table1 th,td{
    vertical-align: middle;
    display: block;
    width: 100%;
}
.jew04Table1 th{
    padding: 16px 0 0;
}
.jew04Table1 td{
    text-align: left;
    border-bottom: 1px solid rgba(172,172,172,0.3);
    padding: 16px;
}
.jew04Th1{
    font-size: 2.4rem;
    letter-spacing: 0.15em;
}
.jew04Td1{
    font-size: 1.6rem;
    letter-spacing: 0.05em;
}
.jew04Table2{
    width: 100%;
    border: 1px solid rgba(172,172,172,0.8);
    margin-bottom: 10px;
    box-sizing: border-box;
}
.jew04Table2 th,td{
    vertical-align: middle;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.jew04Table2 th{
    color: #B79158;
    padding: 16px 0 0;
}
.jew04Table2 td{
    text-align: left;
    border-bottom: 1px solid rgba(172,172,172,0.3);
    padding: 16px;
}
.jew04Th2{
    font-size: 2rem;
    letter-spacing: 0.15em;
}
.jew04Td2{
    font-size: 1.4rem;
    color: #3E3A39;
    letter-spacing: 0.1em;
}
.jew04Lists1{
    
}
.jew04List1{
    display: block;
    line-height: 2.6rem;
}
.jew04Lists2{
    display: block;
}
.jew04List2{
    line-height: 2.6rem;
}

#jewSec05{
    position: relative;
    padding-bottom: 50px;
}
.jewSec05W{
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.jew05Ttl1{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.jew05Ttl2{
    margin-bottom: 20px;
    text-align: center;
}
.jew05LinkBn{
    background: url("../img/sp/sec12_bg_sp.jpg") no-repeat;
    background-size: cover;
}
#jewSec06{
    position: relative;
}
.jewSec06W{
    position: relative;
    padding-bottom: 80px;
}
.jew06Img1{
    width: 100px;
    margin-right: 80px;
}
.jew06Img1:before{
    content: "";
    background: url("../img/botanpi/sec05_circle.png") no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    top: 69px;
    left: -60px;
}

/*N1クリーム*/

.n1Sec01W{
    position: relative;
    padding-bottom: 60px;
}
.inN1Ttl2{
    padding-left: 100px;
}
.inN1Img1 {
    width: 300px;
}

.n1MidImg{
    position: relative;
}

#n1Sec03{
    position: relative;
}
.n1Sec03W{
    padding: 50px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.n103Ttl1 {
    position: relative;
    margin-bottom: 10px;
    letter-spacing: 0.07em;
    font-size: 4.2rem;
    line-height: 5.4rem;
    text-align: left;
}
.n103Txt{
    font-size: 1.4rem;
    line-height: 2.8rem;
    text-align: left;
    margin-bottom: 50px;
}
.n103Txt1 {
    text-align: left;
}
.n103Box1 {
    text-align: center;
    box-sizing: border-box;
}
.n103Ttl2{
    margin-bottom: 20px;
    text-align: left;
}
.n103MovW{
    margin-bottom: 40px;
}

.n103Copy {
    padding-top: 30px;
    border-top: 1px solid rgba(76,73,72,0.3);
    font-size: 2.6rem;
    margin-bottom: 30px;
    font-weight: 500;
    text-align: left;
    line-height: 3.6rem;
}
.n103Img2{
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}
.n103Lists1{
    margin-bottom: 30px;
}
.n103List1{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.4rem;
    display: inline-block;
}
.n103Box2{
    background: url("../img/n1/sec02_bg.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-bottom: 10px;
    background-position: top right;
}
.n103TxtW1{
    position: absolute;
    width: 80%;
    background: rgba(255,255,255,0.8);
    padding: 15px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}
.n103Ttl3{
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
}
.n103ListW{
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.n103Lists2{
    display: inline-block;
    text-align: left;
}
.n103List2{
    font-size: 1rem;
}
.n103Txt2{
    font-size: 1.4rem;
    line-height: 2.9rem;
    letter-spacing: 0.05em;
    text-align: left;
}
.n103Txt3{
    text-align: left;
    font-size: 1rem;
}

.n103Asset1{
    width: 371px;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(477px); 
}
.n103Asset2{
    width: 237px;
    position: absolute;
    top: 818px;
    left: 50%;
    transform: translateX(-928px); 
}

#n1Sec04{
    position: relative;
    padding-bottom: 50px;
}
.n1Sec04W{
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 50px;
}
.n104Ttl{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.n104Ttl2{
    margin-bottom: 20px;
    text-align: center;
}

.n104LinkBn{
    background: url("../img/sp/sec12_bg_sp.jpg") no-repeat;
    background-size: cover;
}
.n104Asset1{
    width: 237px;
    position: absolute;
    top: -0px;
    left: 50%;
    transform: translateX(468px); 
}
#n1Sec05{
    position: relative;
}
.n1Sec05W{
    position: relative;
}



/*youtube動画部個別*/
.n105Ttl1{
}
.n105Img1{
    width: 239px;
}
.n105Img1:before{
    content: "";
    background: url("../img/botanpi/sec05_circle.png") no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    top: 0px;
    left: -60px;
}


/*バブリングビューティー*/

#bubSec01{
    position: relative;
}
.bubSec01W{
    position: relative;
    padding-bottom: 60px;
}
.bubSec01W{
    position: relative;
    padding-bottom: 60px;
}
.bubJewImg1{
    width: 140px;
}

.bub01Ttl2 span{
    display: block;
    padding-left: 90px;
}
.inBubImg1{
    width: 250px;
}
.bubMidImg{
    background: url("../img/n1/mid_bg_02.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
}

#bubSec02{
    position: relative;
    background: url("../img/botanpi/jew03_bg.jpg") no-repeat;
    background-size: contain;
    background-position: center 33vw;
}
.bubSec02W{
    position: relative;
    text-align: center;
    padding-top: 50px;
    z-index: 2;
}
.bub02Ttl1 {
    letter-spacing: 0.07em;
    margin-bottom: 10px;
    font-size: 4.2rem;
    line-height: 5.4rem;
    text-align: left;
}
.bub02Copy {
    font-size: 2rem;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: left;
}
.bub02ListW{
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid rgba(76,73,72,0.3);
    padding-top: 55px;
}

.bub02Ttl2{
    margin-bottom: 20px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    text-align: left;
    font-weight: 500;
}
.bub02Lists{
    margin-bottom: 20px;
}
.bub02List {
    width: 100%;
    text-align: center;
    margin: 0 auto 25px;
}
.bub02Img1{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.bub02Txt1{
    text-align: left;
    font-size: 1.6rem;
    padding-left: 30px;
    position: relative;
}
.bub02Txt1:before{
    background: #CB5245;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
    left: 0;
    top: 2px;
}
.bub02Txt1.no01:before{
    content: "1";
}
.bub02Txt1.no02:before{
    content: "2";
}
.bub02Txt1.no03:before{
    content: "3";
}
.bub02Txt1.no04:before{
    content: "4";
}
.bub02Txt1.no05:before{
    content: "5";
}
.bub02Txt1.no06:before{
    content: "6";
}
.bub02Txt2{
    text-align: left;
    font-size: 2rem;
    line-height: 4.4rem;
    letter-spacing: 0.05em;
}

.bub02Box1R{
    width: 498px;
    display: inline-block;
    position: relative;
    padding-top: 14px;
}
.bub02Box1R:before{
    content: "";
    background: url("../img/botanpi/sec08_balloon.png") no-repeat;
    background-size: contain;
    width: 202px;
    height: 196px;
    left: -222px;
    top: 244px;
    display: block;
    position: absolute;
}
.bub02Box2{
    margin-bottom: 260px;
}

.bub02Box2L{
    width: 440px;
}
.bub02Box2R{
    width: 661px;
    padding-top: 14px;
}
.bub02Txt3{
    text-align: left;
    font-size: 2rem;
    line-height: 4.4rem;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
.bub02Txt4{
    text-align: left;
    font-size: 2rem;
    line-height: 4.4rem;
    letter-spacing: 0.05em;
}

#bubSec03{
    position: relative;
}
#bubSec03:before{
    content: "";
    background: url("../img/botanpi/bub03_bg.jpg") no-repeat;
    background-size: cover;
    position: absolute;
    display: block;
    width: 1920px;
    height: 1193px;
    left: 50%;
    transform: translateX(-50%);
    top: -548px;
    z-index: 0;
}
.bubSec03W{
    padding-top: 50px;
    text-align: center;
    position: relative;
}
.bub03Ttl1{
    display: block;
    margin-bottom: 30px;
    font-size: 2.6rem;
    color: #fff;
    border-radius: 4px;
    padding: 10px 0 10px 20px;
}
.bub03Box1{
    box-sizing: border-box;
    margin-bottom: 50px;
}

.bub03Box2{
    background: url("../img/n1/bub03_bg.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-bottom: 10px;
    background-position: top left;
}
.bub03TxtW{
    position: absolute;
    width: 80%;
    background: rgba(255,255,255,0.8);
    padding: 15px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}
.bub03Ttl2{
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
}
.bub03ListW{
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.bub03Lists{
    display: inline-block;
    text-align: left;
}
.bub03List{
    font-size: 1rem;
}

.bub03Txt3{
    text-align: left;
    font-size: 1rem;
    margin-bottom: 25px;
}

#bubSec04{
    position: relative;
}
.bubSec04W{
    position: relative;
    text-align: center;
    padding-top: 20px;
}
.bub04Ttl1{
    font-size: 5.8rem;
    letter-spacing: 0;
    margin-bottom: 15px;
}
.bub04Txt1{
    font-size: 2rem;
    letter-spacing: 0.05em;
    margin-bottom: 50px;
}
.bub04Table1{
    width: 100%;
    border: 1px solid rgba(172,172,172,0.8);
    margin-bottom: 50px;
}
.bub04Table1 th,td{
    border-bottom: 1px solid rgba(172,172,172,0.3);
    padding: 16px 0;
    vertical-align: middle;
}
.bub04Table1 th{
    width: 280px;
    color: #A96C6D;
}
.bub04Table1 td{
    text-align: left;
}
.bub04Th1{
    font-size: 2.9rem;
    letter-spacing: 0.15em;
}
.bub04Td1{
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 3.6rem;
}
.bub04Table2{
    width: 100%;
    border: 1px solid rgba(172,172,172,0.8);
    margin-bottom: 10px;
}
.bub04Table2 th,td{
    vertical-align: middle;
    box-sizing: border-box;
}
.bub04Table2 th{
    width: 280px;
    color: #A96C6D;
    padding: 16px 0 0;
}
.bub04Table2 td{
    border-bottom: 1px solid rgba(172,172,172,0.3);
    text-align: left;
    padding: 16px;
}
.bub04Th2{
    font-size: 2.3rem;
    letter-spacing: 0.15em;
}
.bub04Td2{
    font-size: 1.7rem;
    color: #3E3A39;
    letter-spacing: 0.1em;
    line-height: 3.6rem;
}
.bub04Lists1{
    
}
.bub04List1{
    display: inline-block;
    margin-right: 30px;
}
.bub04Lists2{
    display: inline-block;
    margin-right: 20px;
}
.bub04List2{
    line-height: 3.2rem;
}

#bubSec05{
    position: relative;
    padding-bottom: 50px;
}
.bubSec05W{
    position: relative;
    text-align: center;
    padding-top: 50px;
}
.bub05Ttl1{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.bub05Ttl2{
    margin-bottom: 20px;
    text-align: center;
}
.bub05LinkBn{
    background: url("../img/sp/bub04_faq_bg_sp.jpg") no-repeat;
    background-size: cover;
}
/*youtube動画部個別*/

#bubSec06{
    padding-bottom: 50px;
}
.bub06Ttl1{
}
.bub06Img1{
    width: 239px;
}
.bub06Img1:before{
    content: "";
    background: url("../img/botanpi/sec05_circle.png") no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    top: 0px;
    left: -60px;
}


/*中面共通その他ページ*/

#otMv{
	position: relative;
	width: 100%;
    padding: 30px 0;
	background-position: center center;
	background-size: cover;
    background: #74A7B0
}
#otMv2{
	position: relative;
	width: 100%;
    padding: 30px 0;
    background: #F2F2F3;
}

.otMv2W{
	width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 20px;
}
.otMv3W{
	width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 20px;
}

.otMvTtl{
    font-size: 4rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    line-height: 4rem;
    color: #74A7B0;
}
.otMvTtl2{
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    line-height: 2rem;
    color: #74A7B0;
}
.otMvTtlEn{
    font-size: 1.2rem;
    color: #74A7B0;
}
.otMvTtl3 {
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    line-height: 2rem;
    color: #fff;
}
.otMvTtlEn3 {
    font-size: 1.2rem;
    color: #fff;
}
.inSecCom01W{
    padding: 50px 0;
}


#inSecOt01{
    position: relative;
}
.inSecOt01W{
    padding: 40px 0;
    box-sizing: border-box;
    position: relative;
}
#inSecOt02{
    position: relative;
}
.inSecOt02W{
    padding: 40px 0;
    box-sizing: border-box;
    position: relative;
}
.otTtl{
    margin-bottom: 20px;
    color: #74A7B0;
    font-weight: 500;
    font-size: 2rem;
}
.otTxt{
    margin-bottom: 30px;
}
.otTxt span{
    color: #74A7B0;
}
.otTxt2{
    margin-bottom: 20px;
}
.otTxt2 span{
    color: #74A7B0;
}
.otTxt2 a{
    color: #74A7B0 !important;
}
.otTxt2 a:hover{
    text-decoration: underline;
}

.inSec01InfoW{
    background: #fff;
    border-radius: 8px;
    position: absolute;
    bottom: 85px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
.inInfoTtl{
    display: block;
    vertical-align: top;
    text-align: center;
    font-size: 1.6rem;
}
.inInfoW{
    display: block;
    vertical-align: top;
}


/*ご利用規約*/

/*特定商取引法について*/


/*個人情報保護*/


/*お問い合わせ*/


.inqTtl{
    font-size: 2.1rem;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    font-weight: 500;
    color: #74A7B0;
}
.input1{
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.input2{
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    padding: 5px;
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.inqTxt1{
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
}
.inqTxt2{
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-align: center;
}
.inqTxt2 a{
    color: #74A7B0 !important;
}
.inqTxt2 a:hover{
    text-decoration: underline;
}
.inqBtnW{
    text-align: center;
}
.submitBtn{
    position: relative;
    display: inline-block;
    width: 165px;
    line-height: 5.5rem;
    color: #fff !important;
    background: #74A7B0;
    border: none;
    font-size: 1.8rem;
}

/*よくある質問*/

#inSecOt03{
    position: relative;
}
.inSecOt03W{
    padding: 40px 0;
    box-sizing: border-box;
    position: relative;
}
.faqW1{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.faqTxt1{
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid rgba(60,60,60,0.3);
    background: #f2f2f3;
    font-size: 1.8rem;
    color: #74A7B0;
    font-weight: 500;
    margin-bottom: 60px;
}
.faqTxt2{
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid rgba(60,60,60,0.3);
    font-size: 1.6rem;
    color: #727171;
    font-weight: 500;
    margin-bottom: 20px;
}
.faqTxt3{
    width: 100%;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 40px;
}
.faqTxt3 span{
    color: #74A7B0;
}

.faqMenuW{
    width: 100%;
    margin: 0 auto 40px;
    box-sizing: border-box;
}
.faqMenu{
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid rgba(60,60,60,0.3);
    font-size: 1.6rem;
    color: #727171;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}

/*お支払い・配送について*/

.paymentMv{
	background: url("../img/payment/ot_mv.jpg") no-repeat;
}

#inSecOt04{
    position: relative;
}
.inSecOt04W{
    padding: 40px 0;
    box-sizing: border-box;
    position: relative;
}
.payW{
    padding-bottom: 40px;
}
.payTxt1{
    font-size: 1.6rem;
    line-height: 3.8rem;
    letter-spacing: 0.05em;
}
.payTxt1 span{
    color: #74A7B0;
}
.payTxt2{
    font-size: 1.6rem;
    line-height: 3.8rem;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
}
.payTxt3 {
    font-size: 1.6rem;
    line-height: 4rem;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
}
.payTxt3 span{
    color: #727171;
    border: 1px solid rgba(60,60,60,0.3);
    display: block;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
}
.payTable1{
    width: 100%;
    border: 1px solid rgba(60,60,60,0.3);
    text-align: center;
    margin-bottom: 30px;
}
.payTable1 tr:nth-child(even) td{
    background: #f2f2f3;
}
.payTable1 th{
    letter-spacing: 0.05em;
    border: 1px solid rgba(60,60,60,0.3);
    vertical-align: middle;
    padding: 5px 0;
    width: 12.5%;
    display: table-cell;
}
.payTable1 td{
    letter-spacing: 0.05em;
    border: 1px solid rgba(60,60,60,0.3);
    vertical-align: middle;
    padding: 15px 0;
    width: 12.5%;
    display: table-cell;
}

.payTable2{
    width: 100%;
    border: 1px solid rgba(60,60,60,0.3);
    text-align: center;
    margin-bottom: 30px;
}
.payTable2 td{
    letter-spacing: 0.05em;
    border: 1px solid rgba(60,60,60,0.3);
    vertical-align: middle;
    padding: 15px 0;
    font-size: 2.4rem;
    margin-right: 25px;
    color: #727171;
}
ul.payCards {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 20px;
    margin-bottom: 20px;
}
li.payCard {
    display: inline-block;
}
.payLink {
    display: block;
    margin-bottom: 20px;
    word-break: break-all;
}
.payKouza{
    margin-bottom: 20px;
}

/*運営会社*/

.companyTable{
    width: 100%;
    border: 1px solid rgba(60,60,60,0.3);
    text-align: center;
    margin-bottom: 30px;
}
.companyTable tr:nth-child(even) td{
    background: #f2f2f3;
}
.companyTable tr:nth-child(even) th{
    background: #f2f2f3;
}
.companyTable th{
    letter-spacing: 0.05em;
    border: 1px solid rgba(60,60,60,0.3);
    vertical-align: middle;
    padding: 15px;
}
.companyTable td{
    letter-spacing: 0.05em;
    border: 1px solid rgba(60,60,60,0.3);
    vertical-align: middle;
    padding: 15px;
    text-align: left;
}


/*セット*/

#setSecIn{
    position: relative;
}
.setSecInW{
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
.setSecInW img{
    position: relative;
    margin-bottom: 25px;
}
.setSecInSp {
    background: url(../img/set/sp/set_in_img_sp.png) no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 621.3vw;
    margin-bottom: 30px;
    text-align: center;
}
.setSec01Btn{
    display: inline-block;
    position: relative;
    top: 150.9vw;
}

.setInBtnW{
    text-align: center;
}
.setInBtn{
    display: inline-block;
    margin-bottom: 25px;
    width: 300px;
    text-align: center;
    line-height: 5.5rem;
    background: #000;
    color: #fff !important;
    font-size: 2rem;
    border-radius: 12px;
}
.setInBtn:last-child{
    margin-bottom: 0;
}
.setSecPost {
    position: absolute;
    top: 470vw;
    color: #b24544;
    padding-left: 30px;
    width: 87%;
}


#setSec01{
    position: relative;
}
.setSec01W{
    position: relative;
    padding-bottom: 60px;
}
.setSec01_2W{
    padding-top: 60px;
}

#setSec02{
    position: relative;
}
.setSec02W{
    position: relative;
    padding-bottom: 60px;
}
.set02Box{
    margin-bottom: 40px;
}
.set02W2{
    position: relative;
    width: 360px;
    margin: 0 auto;
}
.setBtn1{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1050px;
}
.setBtn2{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1430px;
}
.setBtn3{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1800px;
}
.setSec02_2W{
    padding-top: 60px;
}

#setSec03{
    position: relative;
}
.setSec03W{
    position: relative;
    padding-bottom: 60px;
}
.setSec03_2W{
    padding-top: 60px;
}
#setSec03 .inProdTtl1 {
    transform: scale(0.92, 1);
    transform-origin: left;
    white-space: nowrap;
}
.setMov{
    width: 100%;
    display: inline-block;
    margin-bottom: 45px;
}


/*ユーザー登録・ログイン等共通*/

.frontend-user-admin-login {
    width: 100%;
    box-sizing: border-box;
}
.frontend-user-admin-login .message {
    width: 100%;
}
.frontend-user-admin-login #loginform {
    width: 100%;
    margin: 0 auto;
}

#loginform p label{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    font-size: 2.1rem;
    position: relative;
    color: #74A7B0;
    font-weight: 500;
}
input#user_login {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    min-width: inherit;
}
input#user_pass {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.frontend-user-admin-login .submit{
    text-align: center;
}
input#wp-submit {
    border: none;
    background: #74A7B0;
    color: #fff;
    padding: 15px 30px;
}
.registLink{
    margin: 40px 0;
    text-align: center;
}
.registLink a{
    color: #74A7B0;
}
.registLink a:hover{
    text-decoration: underline;
}


#registerform .form-table{
    width: 100%;
    margin: 20px auto 30px;
    border: 1px solid rgba(62,62,62,0.3);
}
#registerform .form-table th{
    border: 1px solid rgba(62,62,62,0.3);
    background: #F2F2F3;
    text-align: left;
    min-width: inherit;
    display: table-cell;
}
#registerform .form-table td{
    border: 1px solid rgba(62,62,62,0.3);
    display: table-cell;
}
#pass-strength-result{
    width: 100% !important;
    box-sizing: border-box;
}

/*ユーザー登録*/

.registW{
    width: 100%;
    margin: 0 auto 50px;
}
.registName{
    font-size: 2.1rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #74A7B0;
    margin-bottom: 5px;
}
.userName{
    margin-bottom: 30px;
}

.registBtnW{
    text-align: center;
}

textarea#address2 {
    min-width: inherit;
}

/*ユーザー画面*/

.fua_menu_list {
    text-align: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}
.fua_menu_list li {
    display: inline-block;
    text-align: center;
    width: 30%;
    border: 1px solid #74A7B0;
    border-radius: 10px;
    line-height: 4rem;
    overflow: hidden;
}
.fua_menu_list li a {
    display: block;
    color: #74A7B0 !important;
    transition: 0.3s;
}
.fua_menu_list li a:hover {
    color: #fff !important;
    background: #74A7B0;
}



/*購入履歴*/

div#net_shop_admin_history {
    padding: 80px 0 0;
}
#net_shop_admin_history .form-table{
    width: 100%;
    margin: 20px auto 30px;
    border: 1px solid rgba(62,62,62,0.3);
    writing-mode: vertical-lr;
}
#net_shop_admin_history .form-table th{
    border: 1px solid rgba(62,62,62,0.3);
    background: #F2F2F3;
    writing-mode: horizontal-tb;
}
#net_shop_admin_history .form-table td{
    border: 1px solid rgba(62,62,62,0.3);
    display: table-cell;
    writing-mode: horizontal-tb;
    width: 35%;
}
#net_shop_admin_history .form-table td dt{
    width: 100%;
    float: none;
    text-align: left;
    display: block;
    box-sizing: border-box;
}
#net_shop_admin_history .form-table td dd {
    margin-left: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
#your-profile{
    margin: 50px 0;
}
#your-profile .form-table{
    width: 100%;
    margin: 20px auto 30px;
    border: 1px solid rgba(62,62,62,0.3);
}
#your-profile .form-table th{
    border: 1px solid rgba(62,62,62,0.3);
    background: #F2F2F3;
    text-align: left;
}
#your-profile .form-table td{
    border: 1px solid rgba(62,62,62,0.3);
}


/*カート用Style*/

.inSecCartW{
    padding: 40px 0;
}
#net_shop_admin_flow{
    margin: 0 0 !important;
    height: inherit !important;
}
#net_shop_admin_flow ol {
    left: inherit !important;
    margin-bottom: 30px;
}
#net_shop_admin_flow ol li {
    display: inline-block;
    margin: 0 5px 10px 5px !important;
    box-sizing: border-box;
    height: inherit !important;
    right: inherit !important;
}
#net_shop_admin_flow ol li span {
    display: block;
    width: 158px;
    height: 32px !important;
    background: #F2F2F3;
    padding: 5px 10px !important;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 1.2rem;
}
#net_shop_admin_flow ol li span.current {
    background: #74A7B0 !important;
    color: #fff !important;
    position: relative;
}
#net_shop_admin_flow ol li span.current:before {
    content: "";
    background: url(../img/arrow_u.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 7px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    transition: 0.3s;
}
p.net_shop_admin_update_quantity {
    margin-bottom: 30px;
}

#net_shop_admin_shopping_cart .form-table {
    border: 1px solid rgba(62,62,62,0.3);
    border-collapse: collapse;
    margin: 0 0 25px !important;
    writing-mode: vertical-lr;
}
#net_shop_admin_checkout_body .form-table {
    border: 1px solid rgba(62,62,62,0.3);
    border-collapse: collapse;
    margin: 0 0 25px !important;
}
#net_shop_admin_checkout_body .form-table.checkout_step {
    border: none;
    background: #fff;
}
#net_shop_admin_shopping_cart .form-table thead th {
    border: 1px solid rgba(62,62,62,0.3);
    writing-mode: horizontal-tb;
    vertical-align: middle;
    white-space: nowrap;
    background: #F2F2F3;
}
#net_shop_admin_checkout_body .form-table th {
    border: 1px solid rgba(62,62,62,0.3);
    writing-mode: horizontal-tb;
    vertical-align: middle;
    white-space: nowrap;
    background: #F2F2F3;
    text-align: center;
}
#net_shop_admin_checkout_body .form-table.checkout_step th {
    border: none;
    background: #fff;
}

#net_shop_admin_shopping_cart .form-table td {
    border: 1px solid rgba(62,62,62,0.3);
    padding: 10px 0 !important;
    text-align: center;
    color: #3e3a39;
    writing-mode: horizontal-tb;
    display: table-cell;
    width: 60%;
    box-sizing: border-box;
}
#net_shop_admin_checkout_body .form-table td {
    border: 1px solid rgba(62,62,62,0.3);
    padding: 10px 0 !important;
    text-align: center;
    color: #3e3a39;
    writing-mode: horizontal-tb;
    display: table-cell;
    width: 60%;
    box-sizing: border-box;
}

.net_shop_admin_coupon input.net_shop_admin_coupon_code {
    padding: 5px 10px;
}
.net_shop_admin_coupon input[type="submit"] {
    background: #74A7B0;
    border: none;
    color: #fff;
    padding: 5px 10px;
}
p.net_shop_admin_coupon {
    display: inline-block;
    float: right;
    margin-bottom: 25px;
}
p.net_shop_admin_coupon:before {
    content: "クーポンコードを入力→";
}
p.net_shop_admin_subtotal {
    margin-bottom: 25px;
    clear: both;
}
.net_shop_admin_checkout input[type="submit"] {
    background: #74A7B0;
    border: none;
    color: #fff;
    padding: 5px 10px;
}

#net_shop_admin_checkout_body .form-table{
    border: 1px solid rgba(62,62,62,0.3);
}
#net_shop_admin_checkout_body .form-table th{
    border: 1px solid rgba(62,62,62,0.3);
    background: #F2F2F3;
}
#net_shop_admin_checkout_body .form-table td{
    border: 1px solid rgba(62,62,62,0.3);
}

#net_shop_admin_checkout p.desc {
    color: #74A7B0 !important;
    text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#net_shop_admin_checkout_first {
	display: block;
    width: 100% !important;
    text-align: center;
	border: 1px solid rgba(65,65,65,0.3);
	box-sizing: border-box;
	padding: 15px;
	margin-bottom: 30px;
}
#net_shop_admin_checkout p.title span {
    background: none !important;
    font-weight: bold;
    padding: 5px;
    line-height: 1.8;
	display: block;
	margin-bottom: 20px;
}
#net_shop_admin_checkout p:nth-child(2) {
	text-align: left;
	margin-bottom: 30px;
}
#net_shop_admin_checkout label {
    margin-bottom: 30px;
    display: block;
}
#net_shop_admin_checkout_login {
    width: 100% !important;
	border: 1px solid rgba(65,65,65,0.3);
	box-sizing: border-box;
	padding: 15px;
	display: block;
}
#net_shop_admin_checkout .user_login, #net_shop_admin_checkout .user_password {
    width: 120px !important;
}