@charset "shift_jis";
/* CSS Document */

body {
	overflow-x: hidden;
}
img {
	max-width: 100%;
}
.clear{
	clear: both;
}
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
    content: "";
    display: table;
}
.clearfix:after,
.cf:after {
    clear: both;
}
.clearfix,
.cf {
    zoom: 1;
}
.inner {
  font-size: 14px;
  color: #666;
  padding: 0 6.5%;
}

#FS2_layout_body{
	background-color: #FFF;
}

#header{}
#header .ci-container{
    padding: 5px 0 0;
}
#header .ci-text {
    float: right;
    width: 67.1875%;
    text-align: right;
    padding-right: 2.8125%;
}
#header .ci-text h1 {
    padding: 3.125% 0 1.25%;
    line-height: 1;
    font-weight: normal;
    font-size: 10px;
    letter-spacing: -0.03em;
    font-feature-settings: "palt";
    white-space: nowrap;
    color: #666666;
}
#header .ci-logo {
    float: left;
    width: 29.375%
}

.navi table {
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.navi table td {
    background: #666666;
    box-sizing: border-box;
}
.navi table td + td {border-left: 1px solid #dddddd;}
.navi p{
	margin-top: 7px;
	margin-bottom: 7px;
}
#header .search{
	background-color: #f8f8f8;
	padding: 10px 0;
}
#header .suggest{
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
}

.search{
	background-color: #F5F3EB;
	text-align: center;
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#poplink {
    margin-top: 30px !important;
    margin-left: -204px !important;
}

/* table */
.tb_style {
    width: 100%;
    color: #656565;
}

.tb_style th {
    background-color: #f8f8f8;
    /* font-size: 13px; */
    border: solid 1px #e6e6e6;
    border-right: none;
    vertical-align: middle;
    padding: 5% 3%;
    width: 25%;
    font-size: 14px;
    /* text-align: center; */
}

.tb_style td {
    padding: 3%;
    border: solid 1px #e6e6e6;
    border-left: none;
    line-height: 1.4;
    vertical-align: middle;
    font-size: 14px;
}

.tb_style td em {
    font-weight: bold;
}


/* 注釈 */
.attention {
    margin: 1em auto 30px;
    padding: 0 1em;
    line-height: 1.4;
    text-align: right;
    font-size: 10px;
    color: #656565;
}
.attention li {
    display: inline-block;
    white-space: nowrap;
}
.attention li + li {
    margin-left: .6em;
}


.inner300 {
    max-width: 600px;
    width: 93.75%;
    margin-right: auto;
    margin-left: auto;
}
.inner280 {
    max-width: 560px;
    width: 87.5%;
    margin-right: auto;
    margin-left: auto;
}


/* ログインナビ */
.loginnavi {
    margin-top: 15px;
    text-align: center;
}
.loginnavi ul {
    padding: 20px 0;
    display: inline-block;
    text-align: left;
}
.loginnavi ul li {
}
.loginnavi ul li a {
	background: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/ico_login_arrow.webp) 0 0 no-repeat;
	background-size: 16px;
	padding-left: 20px;
	color: #666666;
	font-size: 14px;
	display: inline-block;
	line-height: 16px;
}



/* 商品カテゴリ（自動出力） */
.FS2_contents_container {
    margin: 20px auto;
    /* background: #f9f9f9; */
    padding: 0;
    font-size: 14px;
}

#FS2_groupList {
    border-bottom: 1px solid #c2c2c2;
}

#FS2_groupList li.FS2_iconArrow {
    padding-left: 6px;
    background-position: left 6px center;
    background-repeat: no-repeat;
    background-size: 40px;
}

#FS2_groupList li.FS2_iconArrow:nth-child(1) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/parfect_creansing.webp);}/* 洗顔クレンジング */
#FS2_groupList li.FS2_iconArrow:nth-child(2) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/newlotion.webp);}/* 化粧水 */
#FS2_groupList li.FS2_iconArrow:nth-child(3) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/img2016/product2/esenceselectgel.webp);}/* 美容液ゲル */
#FS2_groupList li.FS2_iconArrow:nth-child(4) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/190_ceramidmilk.webp);}/* 乳液 */
#FS2_groupList li.FS2_iconArrow:nth-child(5) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/facecream.webp);}/* クリーム */
#FS2_groupList li.FS2_iconArrow:nth-child(6) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/deeptreatment.webp);}/* オイル */
#FS2_groupList li.FS2_iconArrow:nth-child(7) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/pwhitepowder.webp);}/* 原液シリーズ */
#FS2_groupList li.FS2_iconArrow:nth-child(8) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/img500/airysunsc.webp);}/* 日焼け止め */
#FS2_groupList li.FS2_iconArrow:nth-child(9) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/img2016/make/cheek_item4.webp);}/* メイクアップ */
#FS2_groupList li.FS2_iconArrow:nth-child(10) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/lip.webp);}/* パーツケア・ヘアケア */
/*#FS2_groupList li.FS2_iconArrow:nth-child(11) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/images/product2/origo.webp);} 健康食品 */
#FS2_groupList li.FS2_iconArrow:nth-child(11) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/img500/220trial.webp);}/* トライアルセット */
#FS2_groupList li.FS2_iconArrow:nth-child(12) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/img2016/okaidoku/setsale_item5.webp);}/* お買い得 */
#FS2_groupList li.FS2_iconArrow:nth-child(13) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/img2017/common/gift200px.webp);}/* ギフト */
#FS2_groupList li.FS2_iconArrow:nth-child(14) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/gnavi_skincare_img_teiki.webp);}/* 定期購入 */
#FS2_groupList li.FS2_iconArrow:nth-child(15) { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/gnavi_skincare_img_mail.webp);}/* お問い合わせ */

#FS2_groupList li.FS2_iconArrow:nth-child(15) {
	border-bottom: none;
}
#FS2_groupList li.FS2_iconArrow a {
    display: block;
    background: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2016/common/arrow.svg) 94% center no-repeat;
    background-size: 8px;
    padding: 18px 5px;
    color: #333;
}
#FS2_groupList li.FS2_iconArrow a {
    padding-left: 45px;
}


/* 定期・頒布会購入履歴一覧（自動出力） */
#FS2_body_MyPage .FS2_contents_container{
    margin: 0;
    padding: 0;
}
#FS2_body_MyPage #FS2_groupList{
    margin-bottom: 20px;
}
.FS2_contents_container .FS2_FixedPeriodHistoryList{
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 20px;
}
.FS2_contents_container .FS2_FixedPeriodHistoryList li.FS2_iconArrow{
    padding: 18px 5px;
}


/* 注文履歴一覧（自動出力） */
.FS2_contents_container .FS2_OrderHistoryList{
    margin-bottom: 26px;
}
.FS2_contents_container .FS2_OrderHistoryList li.FS2_iconArrow{
    padding: 18px 5px;
}


/* お買い物ガイド */
.guide {
    margin: auto auto 20px;
    padding: 0;
    font-size: 14px;
}
.guide ul {
	border-bottom: 1px solid #c2c2c2;
}
    .guide li {
        padding-left: 20px;
        border-bottom: none;
        /* position: relative; */
            background-position: 2% center;
            background-repeat: no-repeat;
            background-size: 40px;
    }
    .guide li + li {
        border-top: 1px dotted #ddd;
    }

        .guide li a {
            display: block;
            background: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2016/common/arrow.svg) 94% center no-repeat !important;
            background-size: 8px !important;
            padding: 18px 5px 18px 30px;
            color: #333 !important;
        }
        /* .guide li a::before {
            content: '';
            display: block;
            width: 40px;
            height: 40px;
            position: absolute;
            left: 2%;
            top: 10px;
        } */
        .guide li.list.mailmag { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide07.webp);}/* メルマガ */
        .guide li.list.login { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide01.webp);}/* ログイン */
        .guide li.list.logout { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide02.webp);}/* ログアウト */
        .guide li.list.FS2_postagesettlelist { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide03.webp);}/* 送料とお支払い */
        .guide li.list.FS2_privacypolicy { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide04.webp);}/* 個人情報 */
        .guide li.list.FS2_businessdeal { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide05.webp);}/* 特商法 */
        .guide li.list.faq { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide06.webp);}/* よくあるご質問 */

/* 
        .guide li a.FS2_login_login::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide01.webp);}/* ログイン
        .guide li a.FS2_login_logout::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide02.webp);}/* ログアウト
        .guide li a[href$="MailMagazineEntry.html"]::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide07.webp);}/* メルマガ
        .guide li a[href$="PostageSettleList.html"]::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide03.webp);}/* 送料とお支払い
        .guide li a[href$="PrivacyPolicy.html"]::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide04.webp);}/* 個人情報
        .guide li a[href$="BusinessDeal.html"]::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide05.webp);}/* 特商法
        .guide li a[href$="/faq/"]::before { background-image: url(https://d2w53g1q050m78.cloudfront.net/wwwtvertjp/uploads/assets/smp/img2017/common/icon-guide06.webp);}/* よくあるご質問

 */



/* お問い合わせ */
.inquiry {
	background: #f9f9f9;
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
    line-height: 1.4;
}
.inquiry a {
	display: inline-block;
	margin: 15px 0 0;
	padding: 0 5px 0 13px;
	height: auto;
	width: 42%;
}
.inquiry a + a {
	border-left: 1px solid #dbdbdb;
    padding-right: 0;
}
.inquiry a img {
    height: auto;
}

/* コピーライト */
.copyright {
	border-top: 1px solid #c2c2c2;
	padding: 18px 0;
	text-align: center;
	line-height: 1;
	font-size: 10px;
	color: #868686;
}


#pagetop{
	position: fixed;
	right: 0px;
	z-index: 60;
	height: 50px;
	width: 50px;
}

#footerNav {
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
width: 100%;
display: block;
border-top: 1px solid #fff;
}

#footerNav ul {
margin: 0;
padding: 0;
}

#footerNav ul li {
	box-sizing: border-box;
    border-left: 1px solid #666;
list-style: none;
float: left;
width: 20%;
}

#footerNav ul li + li {
    border-left: 1px solid #fff;
}

#footerNav ul li img {
vertical-align: bottom;
}

#FS2_SystemNav{
	margin-bottom: 60px;
}




.loginnavi ul li + li {
    margin-top: 10px;
}

.recent > h3 {
    background: none;
    text-indent: inherit;
    margin-bottom: 5px;
}

#recommend_flick .footer {
    padding-bottom: 10px;
}

h1.FS2_PageTitle {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

.guide h3 {
    font-size: 15px;
    text-align: center;
    color: #333;
    padding: 15px 0;
    border-bottom: 1px solid #c2c2c2;
    font-weight: bold;
    margin: auto 0;
}

.FS2_SystemNav_btnPC {
    border: 1px solid #69b5b7;
    color: #69b5b7;
}

.navi table td a {
    display: block;
}

.FS2_Search_textarea {
    text-align: center;
}



/* スキンケア商品ページFAQ */
.skincarefaq{
	padding-top: 10px;
	padding-bottom: 40px;
}
.skincarefaq ul{
	margin-top: 20px;
	box-sizing: border-box;
	padding: 0 20px;
}
.skincarefaq li .question{
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: 20px 30px 20px 22px;
	background: url(../../img2017/products/common/faq_icon.webp) no-repeat center left/13px auto;
	color: #666;
	font-size: 14px;
	line-height: 1.42;
	cursor: pointer;
	position: relative;
}
.skincarefaq li .question .status{
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
}
.skincarefaq li .question .status:before{
	content: '';
	position: absolute;
	z-index: 1;
	top: 7px;
	left: 0;
	width: 15px;
	height: 1px;
	background: #333;
}
.skincarefaq li .question .status:after{
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 7px;
	width: 1px;
	height: 15px;
	background: #333;
	transform: scale(1);
	transform-origin: center;
	transition: transform .3s ease-in-out;
}
.skincarefaq li.active .question .status:after{
	transform: scale(0);
}
.skincarefaq li .answer{
	color: #666;
	font-size: 14px;
	line-height: 1.85;
	text-align: justify;
	padding: 24px 0 6px;
	display: none;
}