@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');
/*-------------------
   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;
	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: #9dd53a;
	background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%);
	background: -webkit-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%);
	background: linear-gradient(to bottom, #9dd53a 0%, #7cbc0a 100%);
	border: #99b61e 1px solid;
	border-radius: 5px;
	color: #fff;
	display: block;
	font: bold 1.6rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;	position: relative;
	margin: 20px auto 40px;
	text-align: center;
	width: 60%;
}
.buy_btn a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.buy_btn a::before {
	border: solid 5px transparent;
	border-left: solid 7px #fff;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: -1px;
}
.buy_btn:hover {
	filter: alpha(opacity=90);
	opacity: 0.7;
	transition: all ease-in 0.4s;
}
/*-- 画面外にいる状態 --*/
.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition: ease-in 400ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
#container section {
	margin: 0 auto;
	padding: 0;
}


/*-------------------
   mainvisual
-------------------*/

.mainvisual{
	background-image: url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv4.png),url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom,bottom;
	background-size:45%,100%;
	padding:3% 5px
}
#container .mainvisual .desc1{
    color: #801015;
    line-height: 1.4;
    font-size: 4.8vw;
    font-family: "Hannari","Hiragino Mincho ProN", "HG明朝B";
    letter-spacing:0;
    text-align:center;
    background:#fff;
    padding:0 0 10px;
    }
#container .mainvisual .desc1 strong{
	background: linear-gradient(transparent 60%, #ffd0dd 60%);
	text-shadow:#fff 2px 1px 1px
}
#container .mainvisual .desc1 em{
    font-size:1.3em;}

#container .mainvisual .desc1 em::after{
	content:"\A";
	white-space:pre;
}
.tx_dashed{display:block;
margin:0 auto;
}
#container .mainvisual .headtitle{
	font: bold 7vw/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align:center;
	margin:0.2em auto 3.2em;}
#container .mainvisual .desc2{
	color:#fff;
	font-size:0.8em;
}#container .mainvisual a{
	display:inline-block;
}
#container .mainvisual a img{
	width:50%;
	margin-left:45%;
}
#container .headtitle .mv{
	background-image: url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/camera.png);
	background-color:#b7040c;
	background-repeat:no-repeat;
	background-size:1.2em;
	background-position:6px center;
	color:#fff;
	border-radius:7px;
	padding:4px 5px 0px 40px;
	margin-right:3px;
	font-size:0.9em;
	display:inline-block;
}


/*-------------------
   section 1
-------------------*/
.sec1 ul{
	display:flex;
	flex-flow:wrap;
	text-align:center;
	margin:20px auto;
	width:80%;
}

.sec1 h2{
	font: bold 5vw/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	border-bottom: 3px solid #b7040c;
	margin: 0.5em 30%;
}
.sec1 li{
	margin-bottom:20px;
}

/*-------------------
   section 2
-------------------*/

#container .sec2 h2{
	font: bold 5vw/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background:linear-gradient(#92161c,#7c0f13);
	color:#fff;
	text-align:center;
	padding:8px 0;
}
#container .sec2{background-image:url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv12.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:110%;
	padding:0 0 5px;
}

#container .sec2 .buy_btn{
	font: bold 1.6rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;	position: relative;
	margin: 10px auto 15px;
	width: 80%;
}

.sec2_1{
	background-color:#fee0e0;
	background-image:url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv9.png),
	url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv10.png),
	url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv8.png);
	background-size:26%,26%,100%;
	background-repeat:no-repeat;
	background-position:3% bottom,98% 65px,bottom;
	padding:20px 5%;
}
#container .sec2_1 h3{
	margin:0em auto 1em;
	color: #e95880;
    line-height: 1.4;
    font-size: 6vw;
    font-family: "Hannari","Hiragino Mincho ProN", "HG明朝B";
    text-align:center;
}

#container .sec2_1 p{
	text-align:center;
	margin:1.2em auto;
	color:#333;
}

#container .sec2 h4{
	font: bold 5vw/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#91151b;
	text-align:center;
	margin:6px 0;
}

#container .sec2 ul{
	display:flex;
	align-items: center;
	flex-flow:nowrap;
	margin:10px 20%;
}
#container .sec2 .merits{
	font: normal 1.8em/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
#container .sec2 ul p{
	font: normal 1em/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#container .sec2 .square{
	color: #a4181e;
	border-radius:9px;
	height: 4.8em;
    width: 4.8em;
	border:solid #a4181e 3px;
	padding: 35% 0;
	position: relative;
    text-align: center;
    margin: 0;
	display: inline-block;
}
#container .sec2 .circle{
    background-color: #a4181e;
    color: #fff;
    border-radius: 50%;
    height: 4.8em;
    width: 4.8em;
    padding: 35% 0.3em;
    position: relative;
    text-align: center;
    margin: 0;
    display: inline-block;
}
#container .sec2 p{
	width:90%;
	margin:0 auto 20px;
}
/*-------------------
   section 3
-------------------*/
#container .sec3 h2{
	font: bold 5vw/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #a4181e;
	background:#fff;
	text-align:center;
	padding:12px 0;
	border-top:5px solid #a4181e;
}
#container .sec3 h2 em{
	font-size:0.9em;
}
#container .sec3 h2 em:after{
	content:"\A";
	white-space:pre;
}
#container .sec3 p{
	width:90%;
	margin:10px auto 1.2em;
	line-height:160%;
}
#container .sec3 p:after{
	content:"";
	display: block;
  clear: both;
}
.sec3_0{
	background-color:#fcc8ca;
	padding:4px 0;
}

.sec3_0 img{
	width:33%;
	display:inline;
	float:left;
	margin:8px 2% 0;
}
.sec3_1{
	border:1px solid #fff;
	margin:0 1%;
	padding:3px;
}
/*-------------------
   section 4
-------------------*/
.sec4_hd{
	margin:80px 0 0;
	display:flex;
	flex-flow:nowrap;

}
.sec4_hd li:nth-child(1){
	background:linear-gradient(#780c10,#66080b);
	padding:8px 3%;
	width:15%;
}

.sec4_hd li:nth-child(2){
	width:85%;
	background:linear-gradient(#92161c,#7b0f13);

}
.sec4_hd h2{
	font: bold 4.5vw/3.5'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 0.5em;
}
.sec4 h3{
	border-left:6px solid #e95880;
	margin:12px 0 12px 1%;
	padding:0.3em;
	font-size:1.2em;
	letter-spacing:-0.1em;
}

#container .sec4 .sec4_1{
	display:flex;
	justify-content:center;
	align-items:center;
	width:95%;
	border-bottom:1px dashed #a4181e;
	text-align:center;
	margin:0 auto;
	padding:6px;
}
.sec4_1 img{
	width:1.8em;
	height:1.8em;
	margin:0 3px 0 12px;
}
.db_movie{
	text-align:center;
	background-color:#000;
  position:relative;
  width:100%;
  padding-top:56.5%;
  margin:0 auto;
}
.db_movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#container  .sec4 .sec4_2{
	width:95%;
	border-bottom:1px solid #a4181e;
	text-align:center;
	font-size:1.5em;
	margin:0 auto;
	padding:6px;
	font-weight:bold;
}
.sec4_steps{
	width:95%;
	margin:0 auto 15px
}
#container .sec4 h4{
	border-bottom:1px dashed #a4181e;
	font-size:1.1em;
	font-weight:bold;
	margin-top:10px;
}
.sec4 a ul{
	display:flex;
	align-items:center;
	margin:5px 0;
}
.sec4 a ul li:nth-child(1){
	width:20%;
	border:1px solid #ddd;
	margin-right:5px;
}
#container .sec6{
	margin:40px 0 0;
	padding:20px 0;
	background-color:#fcc8ca;
}
.sec6_1{
	width:95%;
	border:1px solid #8e151b;
	border-radius:9px;
	margin:0 auto;
	padding:15px;
	background-color:#fff;
}
.sec6_1 h2{
	margin:0 auto 1.2em;
	text-align:center;
	font-size:1.1em;
}
.sec6_1 ul{
	display:flex;

}
.sec6_1 ul em{
	font-size:1.3em;
	line-height:180%;
}
#container .sec6_1 p{
	font-size:0.9rem;
}
.sec6_1 ul li:nth-child(1){
	width:35%;
}

#container .sec6_1 ul li:nth-child(2){
	width:65%;
	padding-left:2%;
}

@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
p {
}
}

 @media screen and (min-width:480px) {
/*　スマホ横～タブレット 480pxからはここを読み込む　*/
#container  {
	margin:0 auto;
	max-width:1040px;
}
#container .mainvisual .desc1{
    font-size: 3.5vw;
    padding:0 0 15px;
    }
#container .mainvisual a{
	margin-left:23%;
}
#container .mainvisual .desc2{
	font-size:1em;
	margin:0;
}
#container .mainvisual .headtitle{
	font: bold 6vw/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin:0.2em auto 3.5em;}
#container .headtitle .mv{
	padding:4px 5px 0px 70px;
}

#container .sec1 h2{
	font: bold 2em/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#container .sec1 ul{
	flex-flow:nowrap;
}
.sec1 li{
	width:48%;
	margin:0 1% 30px;
}
#container .sec2 h2{
	font: bold 3em/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#container .sec2 p{
	font-size:1.3rem;
}

#container .sec2_1 h3{
	margin:0 auto 1em;
    font-size: 3.5em;
}
.sec2_1{
	background-size:20%,20%,100%;
	background-position:3% bottom,98% 80px,bottom;
	padding:30px 5%;
}
#container .sec2{
	background-size:100%;
}
#container .sec2 .buy_btn{
	font: bold 2rem/2.8 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;	position: relative;
	margin: 10px auto 15px;
	width: 50%;
}
#container .sec2 p{
	width:82%;
}
.sec2_merits{
	display:flex;
	margin:50px 10%;
	align-items: center;

}
#container .sec2 ul{
	display:flex;
	align-items: center;
	flex-flow:nowrap;
	margin:0 3% 0 0;
}
#container .sec3 h2{
	margin:50px 0 0;
	font: bold 3em/1.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.sec3_0 img{
	width:24%;
}
#container .sec3 p{
font-size:1.1em;
}
.sec4_hd li:nth-child(1){
	background:linear-gradient(#780c10,#66080b);
	padding:12px 3%;
	width:12%;
}
.sec2 img{
	text-align:center;
	margin:0 auto;
}
.sec4_hd li:nth-child(2){
	width:88%;
	background:linear-gradient(#92161c,#7b0f13);
}
#container .sec4_hd h2{
	font: bold 3em/2.2'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 0.5em;
}
.sec4_steps{
	width:90%;
	margin:0 auto 15px
}
#container .sec4 .sec4_1,#container .sec4 .sec4_2{
	width:90%;
}
.sec4_steps a{
	width:49%;
	display:inline-block;
}
.sec4 h3{
	font-size:1.5em;
	margin-left:5%;
}
.db_movie{
  width:90%;
}
.sec6_1 ul li:nth-child(1){
	width:25%;
}

#container .sec6_1 ul li:nth-child(2){
	width:72%;
	padding-left:3%;
}
.sec6_1 h2{
	font-size:1.5em;
}
#container .sec6_1 p{
	font-size:1rem;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container  {
	margin:0 auto;
	max-width:1040px;
}
#container .mainvisual .desc1{
    font-size: 3.4em;
    padding:0 0 20px;
}
#container .mainvisual .headtitle{
	font: bold 3.8em/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align:left;
	margin:10px auto 120px 4%;
	}
.mainvisual{
	background-image: url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv4.png),url(/contents/shop/sevenbeauty/img/freepage/debuuu_movie/debuuu_mv3.jpg);
	background-repeat: no-repeat;
	background-position: right 72%,left bottom;
	background-size:38%,70%;
	padding:0 5px 10px;
}
#container .mainvisual a img{
	width:auto;
	margin-left:0;
}
#container .mainvisual a{
	text-decoration:none;
	margin-left:65%;
	text-align:center;
background:rgba(255, 208, 221,0.7);
border-radius:5px;
padding:5px 12px;
}
#container .mainvisual a:hover{
background:rgba(255, 208, 221,0.9);
	
}
#container .headtitle .mv{
	background-size:auto;
	padding:4px 8px 0px 65px;
}

#container .mainvisual .desc2{
	color:#bc1521;
	font-size:1em;
	margin:4px 0 0 0;
}
.sec1 li{
	width:346px;
	margin-bottom:30px;

}
.sec1 ul{
	justify-content:space-around;
}
#container .sec2 h2{
	font: bold 3em/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#container .sec2 h4{
	font: bold 3em/1.4 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#container .sec2 img{
	text-align:center;
	display:block;
}
.sec3_0{
	padding:8px 0;
	width:90%;
	margin:10px auto 30px;
}
#container .sec3_1 p{
	padding:1.2em 0 0;
	line-height:175%;
}
#container .sec4_hd h2{
	font: bold 3em/3'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.sec4 h3{
	border-left:6px solid #e95880;
	margin:50px 0 25px 5%;
	padding:0.3em
}
#container .sec6_1 h2{
	font-size:2em;
	margin:0.5em auto 1em;
}
.sec6_1{
	width:90%;
	margin:25px auto;
}
.db_movie{
	background-color:#000;
  width:80%;
  padding-top:46%;
}
#container .sec4 .sec4_1,#container .sec4 .sec4_2{
	width:80%;
}
 }

/*-------------------
   footer
-------------------*/
#container .page-top {
	display: block;
	margin: 30px auto;
	text-align: center;
}