@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
    letter-spacing: .1em;
    margin: 0 auto;
	padding: 0 0 20px;
    position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	height: auto;
	max-width: 100%;
}

/*---7esthe_mobile.css リセットOP対策----*/
#container h3,
#container h4,
#container h5 {
	background: none;
	color: #000;
	cursor: auto;
	float: none;
}
#container h3 span,
#container h4 span,
#container h5 span {
	background: none;
	color: #000;
	cursor: auto;
	float: none;
}
#container .flex {
    align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
/*--7esthe_mobile.css 商品ページ用リセットOP対策　----*/
.write_box {
    margin: 0;
    padding: 0;
}
#mobile_detail_content {
	font-size: 1.0em;
}
.item_explanation .cont {
	margin: 0;
	padding: 0;
}
/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
/*  全体指定 スマホ縦 i5 i5SE　350pxまで  */

/* ボタンデザイン自由に変えてください  */
/*--おきにいり-べた--*/
#container .buy-btn {
    background: #32b16c;
    border-radius: 50px;
    color: #fff;
    display: block;
    font: normal 1.0rem/2.7 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    margin: 5px auto;
    text-align: center;
    width: 100%;
    text-decoration: none;
}
#container .buy-btn:hover {
	filter: alpha(opacity=90);
	transition: 0.3s ease-in 0.1s;
	background:#239456;
	text-decoration: none;
}
#container .buy-btn a:hover {
	text-decoration: none;
	transition: 0.3s ease-in 0.1s;
}
/*-- 画面外にいる状態 --*/
.fadein {
	opacity: 0;
    transform: translate(0, 40px);
    transition: ease-in 400ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin {
	opacity : 1;
    transform : translate(0, 0);
    z-index: 1;
}
#container section {
	margin: 10px auto 0;
	padding: 10px 10px 0;
}

/*----scroll----*/
.scroll {
    opacity: 0;
    transition: all 1.5s ease;
}
.scroll.show {
    opacity: 1;
    transform: none;
    animation: 1.0s fadeIn;
}
.s-bottom { /*下からふわっと*/
    transform: translate(0, 20px);
}
/*-------------------
   mainvisual
-------------------*/
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/FV-sp.jpg) no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 40px 10px 10px;
    position: relative;
}
#container .mainvisual .title-desc,
#container .sec6 .title-desc {
    color: #001c58;
    font: normal 1.1rem/1.2 "Hannari","Hiragino Mincho ProN", "HG明朝B";
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0px;
}
#container .mainvisual .headtitle,
#container .sec6 .headtitle {
    color: #001c58;
    font: normal 1.6rem/1.5 "Hiragino Mincho ProN", "HG明朝B";
    text-align: center;
    margin-bottom: 250px;
    letter-spacing: 0;
}
#container .mainvisual .headtitle br {
    display: none;
}
#container .mainvisual .name p,
#container .sec6 .name p {
    color: #212121;
    font: normal 1.5rem/1.2 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
}
#container .mainvisual .name .small,
#container .sec6 .name .small {
    color: #212121;
    font: normal 1.2rem/1.2 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: left;
}
/*---sec1---*/
#container .sec1 {
    margin: 0 0;
    padding: 0 10px;
}
#container .sec1 .des {
    color: #212121;
    font: normal .9rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;
    padding: 2px;
}
#container .sec1 dt div {
    text-align: center;
    width: 100%;
}
#container .sec1 dt div img {
    display: inline-block;
    width: 100%;
}
#container .sec1 dd img {
    width: 90%;
}
/*---sec2---*/
#container .center {
    text-align: center;
}
#container .top-text {
    color: #212121;
    font: normal 1.2rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 1.2em;
}
#container .top-text:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 50px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #87a7af;
    border-radius: 2px;
}
#container h2 {
    color: #001c58;
    font: normal 1.8rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    margin: 10px 0 20px;
}
/*----*/
#container .sec2 {
	background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back01-sp.jpg),
				url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back02.jpg);
    background-repeat: no-repeat,
					   no-repeat;
	background-position: top 0px left 0px, 
						 bottom 0px left 0px;
    background-size: 115%, 180%;
    background-color: #fff;
    margin: 0 0;
    padding: 20px 10px;
    position: relative;
}
#container .sec2 .top-text,
#container .sec2 h2 {
    color: #fff;
}
#container .sec2 .back-fff {
    background: #fff;
    border-radius: 20px;
}
#container .sec2 .flex-up {
    display: flex;
    flex-wrap: wrap-reverse;
}
#container .sec2 .back-fff dd {
    text-align: center;
    width: 100%;
}
#container .sec2 .back-fff dd img {
    display: inline-block;
    width: 90%;
}
#container .sec2 .box2 {
    margin: 10px auto 0;
}
#container .sec2 .box2 li {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/check.jpg) top 0px left 0px no-repeat;
    background-size: 10%;
    color: #212121;
    font: 1.2rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 10px;
    padding: 1px 0px 5px 30px;
    position: relative;
}
#container .sec2 .text-box {
    margin: 60px 10px 270px;
}
#container .sec2 .text-box .name {
    margin-bottom: 10px;
}
#container .sec2 .text-box .name p {
    color: #212121;
    font: normal 1.5rem/1.3 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: inline-block;
    text-align: left;
}
#container .sec2 .text-box .name .small {
    color: #212121;
    font: normal 1.2rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .text-box .des {
    color: #212121;
    font: normal .9rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 2px;
}
/*---sec3---*/
#container .sec3 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back03.jpg) no-repeat;
    background-size: 150%;
    background-color: #fff;
    margin: 0 0;
    padding: 20px;
    position: relative;
}
#container .sec3 .box div {
    text-align: center;
    width: 100%;
}
#container .sec3 .box div img {
    display: inline-block;
    margin: 0 0 -10px 10px;
    width: 100%;
}
/*---sec4---*/
#container .sec4 {
    background: #c0dae1;
    margin: 0 0;
    padding: 20px 10px;
}
#container .sec4 .back-fff {
    background: #fff;
    border-radius: 20px;
    padding: 20px 10px;
}
#container .sec4 dt {
    text-align: center;
    width: 100%;
}
#container .sec4 dt img {
    display: inline-block;
    width: 60%;
    margin-bottom: 20px;
}
#container .sec4 .flex-up {
    display: flex;
    flex-wrap: wrap-reverse;
}
#container .sec4 .text {
    color: #4197ad;
    font: 1.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    margin-bottom: 10px;
}
#container .sec4 .box2 .text {
    text-align: center;
}
#container .sec4 h3 {
    border-bottom: dotted 2px #a1a1a1;
    color: #212121;
    font: 1.4rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#container .sec4 .box1 .des {
    color: #535353;
    font: 1.0rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec4 .box2 .flex {
    display: flex;
}
#container .sec4 .box2 .flex li {
    margin: 5px;
    width: calc(89% / 3);
    -webkit-calc: (89% / 3);
}
#container .sec4 .box2 .flex li img {
    width: 100%;
}
/*---sec5-step---*/
#container .sec5 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/photo02-sp.jpg) no-repeat bottom 10px left 40px;
    background-size: 80%;
    background-color: #fff;
    position: relative;
    margin: 0 0;
    padding: 20px 30px 280px;
}
#container .sec5 .flex dl {
    margin-bottom: 20px;
    padding: 0 20px;
}
#container .sec5 .flex dt {
    width: 100%;
    text-align: center;
}
#container .sec5 .flex dt img {
    display: inline-block;
    width: 100%;
}
#container .sec5 .flex dd p {
    color: #535353;
    font: 1.0rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 5px auto;
}
#container .sec5 .box p {
    width: 100%;
}
#container .sec5 .box p img {
    display: inline-block;
    width: 100%;
    text-align: center;
}
/*---sec6---*/
#container .sec6 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/end-sp.jpg) no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 15px 10px 10px;
    position: relative;
}
#container .sec6 .headtitle {
    color: #001c58;
    font: normal 1.6rem/1.5 "Hiragino Mincho ProN", "HG明朝B";
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 165px;
}

@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
#container .mainvisual {
    padding: 50px 10px 10px;
}
#container .mainvisual .title-desc, 
#container .sec6 .title-desc {
    font: normal 1.3rem/1.2 "Hannari","Hiragino Mincho ProN", "HG明朝B";
    letter-spacing: -1px;
}
#container .mainvisual .headtitle  {
    font: normal 2.0rem/1.5 "Hiragino Mincho ProN", "HG明朝B";
    margin-bottom: 285px;
    letter-spacing: -1px;
}
#container .mainvisual .name .small, 
#container .sec6 .name .small {
    font: normal 1.5rem/1.2 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#container .mainvisual .name p, 
#container .sec6 .name p {
    font: normal 1.8rem/1.2 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#container .buy-btn {
    font: 1.0rem/2.8 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec1 .des {
    margin: 10px 0 20px;
}
#container .sec2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back01-sp.jpg), url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back02.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top 0px left 0px, bottom 0px left 0px;
    background-size: 105%, 180%;
    padding: 20px 10px 70px;
}
#container .sec2 h2 {
    font-size: 1.5rem;
}
#container .sec3 .box div img {
    width: 80%;
}
#container .sec5 {
    padding: 20px 30px 300px;
}
#container .sec6 .headtitle {
    font: normal 2.0rem/1.5 "Hiragino Mincho ProN", "HG明朝B";
    margin-bottom: 215px;
}
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/FV-pc.jpg) no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 90px 30px 10px;
    position: relative;
}
#container .mainvisual .title-desc {
    font: normal 1.5rem/1.2 "Hannari","Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 10px;
}
#container .mainvisual .headtitle {
    font: normal 3.8rem/1.2 "Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 140px;
}
#container .mainvisual .headtitle br {
    display: block;
}
#container .mainvisual .name {
    display: inline-block;
}
#container .mainvisual .name .small, 
#container .sec6 .name .small {
    font: normal 1.6rem/1.2 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#container .mainvisual .name p, 
#container .sec6 .name p {
    font: normal 1.9rem/1.5 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-right: 10px;
    text-align: left;
}
#container .buy-btn {
    display: inline-block;
    font: normal 1.6rem/2.3 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0px auto;
    width: 45%;
}
#container .sec1 {
    margin: 0 0;
    padding: 30px 30px 0px;
}
#container .sec1 dt {
    float: left;
    width: 55%;
}
#container .sec1 dt div {
    margin-bottom: 20px;
}
#container .sec1 dd {
    display: table-cell;
    text-align: center;
    width: 100%;
}
#container .sec1 dd img {
    width: 100%;
}
#container .sec2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back01-pc.jpg), url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back02.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top 0px left 0px, bottom 0px left 0px;
    background-size: 110%, 100%;
    background-color: #fff;
    margin: 0 0;
    padding: 20px 40px;
    position: relative;
}
#container .top-text {
    font: normal 1.5rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 1.5em;
}
#container h2 {
    font: normal 2.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .flex-up {
    display: flex;
    flex-wrap: nowrap;
}
#container .sec2 .back-fff dd {
    text-align: center;
    margin-top: 20px;
    width: 50%;
}
#container .sec2 .back-fff dd img {
    display: inline-block;
    width: 90%;
}
#container .sec2 .box2 li {
    font: 1.4rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .text-box {
    margin: 120px 10px 90px;
    text-align: right;
    display: block;
}
#container .sec2 .text-box p {
    text-align: left;
    display: block;
    width: 50%;
}
#container .sec2 .text-box .name {
    margin-bottom: 15px;
}
#container .sec2 .text-box .name .small {
    font: normal 1.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .text-box .name p {
    font: normal 2rem/1.3 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .text-box .des {
    font: normal 1.5rem/1.8 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: inline-block;
}
#container .sec3 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back03.jpg) no-repeat;
    background-size: 100%;
    padding: 20px 10px;
}
#container .sec3 .box {
    display: flex;
}
#container .sec3 .box div {
    width: 100%;
}
#container .sec4 {
    padding: 20px 40px;
}
#container .sec4 .flex-up {
    display: flex;
    flex-wrap: nowrap;
}
#container .sec4 dt {
    width: 70%;
}
#container .sec4 dt img {
    width: 80%;
}
#container .sec4 dd {
    margin-top: 30px;
    padding-right: 30px;
}
#container .sec4 .text {
    font: 1.8rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    margin: 10px 0px;
}
#container .sec4 h3 {
    font: 2rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
}
#container .sec4 .box1 .des {
    font: 1.5rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec4 .box2 .flex {
    display: flex;
    margin: 0 20px;
}
#container .sec4 .box2 .flex li {
    margin: 10px;
    width: calc(87% / 4);
    -webkit-calc: (87% / 4);
}
#container .sec5 .flex {
    display: flex;
}
#container .sec5 .flex dl {
	margin: 10px;
    width: calc(91% / 3);
    -webkit-calc: (91% / 3);
}
#container .sec5 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/photo02-pc.jpg) no-repeat bottom 10px left 80px;
    background-size: 80%;
    background-color: #fff;
    position: relative;
    margin: 0 0;
    padding: 20px 20px 625px;
}
#container .sec5 .flex dd p {
    font: 1.0rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 5px;
}
#container .sec6 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/end-pc.jpg) no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 40px 40px 20px;
    position: relative;
}
#container .sec6 .title-desc {
    font: normal 1.8rem/1.2 "Hannari","Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 10px;
}
#container .sec6 .headtitle {
    font: normal 2.8rem/1.2 "Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 140px;
}

}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container .wrapper {
    width: 1040px;
}
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/FV-pc.jpg) no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 110px 40px 20px;
    position: relative;
}
#container .mainvisual .title-desc {
    font: normal 1.8rem/1.2 "Hannari","Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 10px;
    letter-spacing: -0.1rem;
}
#container .mainvisual .headtitle {
    font: normal 4.2rem/1.2 "Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 200px;
}
#container .mainvisual .headtitle br {
    display: block;
}
#container .mainvisual .name {
    display: inline-block;
}
#container .mainvisual .name .small, 
#container .sec6 .name .small {
    font: normal 1.6rem/1.2 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#container .mainvisual .name p, 
#container .sec6 .name p {
    font: normal 1.9rem/1.5 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-right: 30px;
    text-align: left;
}
#container .buy-btn {
    display: inline-block;
    font: normal 1.6rem/2.3 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0px auto;
    width: 45%;
}
#container .sec1 {
    margin: 0 0;
    padding: 30px 30px 0px;
}
#container .sec1 dt {
    float: left;
    width: 55%;
}
#container .sec1 dt div {
    margin-bottom: 20px;
}
#container .sec1 dd {
    display: table-cell;
    text-align: center;
    width: 100%;
}
#container .sec1 dd img {
    width: 100%;
}
#container .sec2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back01-pc.jpg), url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back02.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top 0px left 0px, bottom 0px left 0px;
    background-size: 100%, 100%;
    background-color: #fff;
    margin: 0 0;
    padding: 30px 40px;
    position: relative;
}
#container .top-text {
    font: normal 1.5rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container h2 {
    font: normal 2.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .flex-up {
    display: flex;
    flex-wrap: nowrap;
}
#container .sec2 .back-fff dd {
    text-align: center;
    margin-top: 20px;
    width: 50%;
}
#container .sec2 .back-fff dd img {
    display: inline-block;
    width: 90%;
}
#container .sec2 .box2 li {
    font: 1.4rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 15px auto 0;
    padding: 2px 40px 10px 50px;
}
#container .sec2 .text-box {
    margin: 200px 20px 170px;
    text-align: right;
    display: block;
}
#container .sec2 .text-box p {
    text-align: left;
    display: block;
    width: 50%;
}
#container .sec2 .text-box .name {
    margin-bottom: 15px;
}
#container .sec2 .text-box .name .small {
    font: normal 1.5rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .text-box .name p {
    font: normal 2rem/1.3 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec2 .text-box .des {
    font: normal 1.3rem/1.8 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: inline-block;
}
#container .sec3 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/back03.jpg) no-repeat;
    background-size: 100%;
    padding: 30px 20px;
}
#container .sec3 .box {
    display: flex;
}
#container .sec3 .box div {
    width: 100%;
}
#container .sec3 .box div img {
    display: inline-block;
    margin: 25px 0 10px 10px;
    width: 100%;
}
#container .sec4 {
    padding: 30px 40px 40px;
}
#container .sec4 .back-fff {
    padding: 50px 30px;
}
#container .sec4 .flex-up {
    display: flex;
    flex-wrap: nowrap;
}
#container .sec4 dt {
    width: 70%;
}
#container .sec4 dt img {
    width: 80%;
}
#container .sec4 dd {
    margin-top: 30px;
    padding-right: 30px;
}
#container .sec4 .text {
    font: 1.8rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    margin: 10px 0px;
}
#container .sec4 h3 {
    font: 2rem/1.2 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
}
#container .sec4 .box1 .des {
    font: 1.5rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container .sec4 .box2 .flex {
    display: flex;
    margin: 0 20px;
}
#container .sec4 .box2 .flex li {
    margin: 10px;
    width: calc(87% / 5);
    -webkit-calc: (87% / 5);
}
#container .sec5 .flex {
    display: flex;
}
#container .sec5 .flex dl {
    margin: 15px;
    padding: 0 5px;
    width: calc(91% / 3);
    -webkit-calc: (91% / 3);
}
#container .sec5 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/photo02-pc.jpg) no-repeat bottom 20px left 170px;
    background-size: 60%;
    background-color: #fff;
    position: relative;
    margin: 0 0;
    padding: 30px 20px 625px;
}
#container .sec5 .flex dd p {
    font: 1.2rem/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0 10px;
    padding: 20px 0;
}
#container .sec6 {
    background: url(/contents/shop/sevenbeauty/img/freepage/water-cleansing/end-pc.jpg) no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 60px 40px 10px;
    position: relative;
}
#container .sec6 .title-desc {
    font: normal 1.8rem/1.2 "Hannari","Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 10px;
}
#container .sec6 .headtitle {
    font: normal 3.5rem/1.2 "Hiragino Mincho ProN", "HG明朝B";
    text-align: left;
    margin-bottom: 180px;
}
#container .sec6 .name {
    margin-bottom: 10px;
}

}