@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;
	padding: 0;
	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 {
    padding-bottom: 0;
}
#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;
}
.write_box dl {
    overflow: inherit;
    margin-top: 0;
}
#mobile_detail_content {
	font-size: 1.0em;
}
.write_box dl dd {
    color: #666;
    overflow: initial;
}
.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.2rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    position: relative;
    margin: 15px auto 30px;
    text-align: center;
    width: 94%;
}
#container .buy_btn a {
	color: #fff;
	display: block;
	text-decoration: none;
}
#container .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;
}
#container .buy_btn:hover {
	filter: alpha(opacity=90);
	opacity: 0.7;
	transition: all ease-in 0.4s;
}
#container section {
	margin: 0 auto;
	padding: 0;
}


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

#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/sonicgel/fv-sp.jpg);
    background-repeat: no-repeat;
    padding-top: 10px;
    background-size: 100%;
    background-position: right top;
}
#container .mainvisual .catch {
    margin: 1rem 0 0 1rem;
    padding: 0;
    font: bold 1.5rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:-0.05REM;
    color: #01b1a4;
}
#container .mainvisual .catch em {
    display: inline-block;
    font: 1rem/1.1 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .mainvisual .catch strong {
    display: inline-block;
    font: bold 1.8rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .mainvisual .headtitle {
    color: #132b88;
    font: bold 1.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 0 0 1rem;
    padding: 0;
}
#container .mainvisual .headtitle strong {
    display: block;
    font: bold 2.5rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .c-text {
    color: #221815;
    font: 0.9rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 19rem auto 0;
    padding: 0 10px;
    text-align: left;
}
/*-------------------
   sec1
-------------------*/
#container .sec1 {
    background: #eceefb url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec1-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 100%;
    background-position: right top;
}
#container section h2 {
    color: #132b88;
    font: bold 1.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    letter-spacing: -0.5px;
    margin: 2rem auto 1rem;
    padding: 0 10px;
    text-align: center;
}
#container section h2 strong {
    display: block;
    font: bold 1.6rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .l-text {
    color: #221815;
    font: 0.9rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 0;
    width: 70%;
}
#container .sec1 img {
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
#container .bottom-text {
    color: #221815;
    font: 0.9rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 0 0;
    padding: 10px;
}

/*-------------------
   sec2
-------------------*/
#container .sec2 {
    background: #ffffff url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec2-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    /* background-size: 100%; */
    background-position: 75% 50%;
}
#container .sec2 .step-wrap {
    margin: 1rem auto;
}
#container .sec2 .step-wrap li {
    background-color: rgba(255,255,255,0.6);
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin: 1rem auto;
    padding: 1rem 0;
}
#container .sec2 .step-wrap li img {
    min-width: 22%;
    height: 87px;
}
#container .sec2 .step-wrap li p {
    color: #221815;
    font: 1.0rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 5px;
}
/*-------------------
   sec3
-------------------*/
#container .sec3 {
    background: url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec3-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: cover;
    background-position: 50% 50%;
}

#container .sec3 .fukidasi {
    position: relative;
    width: 90%;
    height: auto;
    background: #677ed7;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    margin: 0 auto;
    border-radius: 12px;
}
#container .sec3 .fukidasi em {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}
#container .sec3 .fukidasi:after {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#677ed7;
    top:100%;
    left:50%;
}
#container .img-box {
    margin: 1rem auto 0;
    padding: 0;
    text-align: center;
}
#container .sec3 .flex dl {
    margin: 0 auto;
    width: calc(100%/1);
}
#container .sec3 .flex dl dt {
    color: #221815;
    font: bold 1.4rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem auto 0;
    padding: 0;
    text-align: center;
}
#container .sec3 .flex dl dt em {
    color: #db3300;
    display: inline-block;
    font: bold 1.6rem/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec3 .flex dl dd {
    color: #221815;
    font: 1.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 5px auto;
    padding: 0;
    text-align: center;
}
#container .sec3 .tugitashi {
    display: flex;
    flex-wrap: nowrap;
    margin: 1rem auto;
}
#container .sec3 .tugitashi img {
    height: auto;
    width: 38%;
    margin: 0 5px 0 0;
}
#container .sec3 .tugitashi .text-box {
    height: auto;
    width: 60%;
}
#container .sec3 .tugitashi .text-box strong {
    color: #221815;
    display: block;
    font: bold 1.4rem/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 5px auto;
    padding: 0;
}
/*-------------------
   sec4
-------------------*/
#container .sec4 {
    background: #ffffff url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec4-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 100%;
    background-position: 75% 90%;
}
/*-------------------
   sec5
-------------------*/
#container .sec5 {
    background-color: #ebeefb;
    padding: 1rem 1rem 1.4rem;
}
#container .sec5 dl {
    border: 1px solid #132b88;
    background-color: #fff;
    border-radius: 5px;
    font: 1.2rem/1.5 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 1rem auto 0;
    padding: 1rem;
    width: calc(100%/1);
}
#container .sec5 dl dt {
    color: #132b88;
    font: bold 1.4rem/1.5 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0 auto;
    text-align: left;
}
#container .sec5 dl dt span {
    font: 0.9rem/1.2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec5 dl dt em {
	display:inline-table;
}
#container .sec5 dl dd {
    color: #3e3a39;
    font: 0.9rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem auto 0;
    text-align: left;
}

#container .basic-color {
    color: #1d2088;
}
#container .original-color {
    color: #6f92c3;
}
#container .hyaluron-color {
    color: #53aab9;
}

/*-------------------
   sec6
-------------------*/
#container .sec6 {
    background: #ffffff url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec6-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 100%;
}
#container .sec6 .voice-box {
    border: 1px solid #d2d2d2;
    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
    font: 1.2rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem auto;
    padding: 1rem;
    width: 90%;
}
#container .sec6 .voice-box dt {
    color: #1d2088;
    font: bold 1.4rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec6 .voice-box dd {
    color: #3e3a39;
    font: 0.9rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/*-------------------
   sec7
-------------------*/
#container .sec7 {
    background: #ffffff url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec7-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: cover;
    background-position: 50% 50%;
}
#container .sec7 .flex img {
    height: auto;
    margin: 5px auto;
    width: 40%;
}
#container .sec7 .flex .basic-text {
    width: 60%;
}
#container .sec7 .flex .basic-text dt {
    color: #fff;
    display: block;
    font: bold 1.0rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 10px auto 5px;
    padding: .6rem;
    text-align: center;
}
#container .sec7 .flex .basic-text dd {
    color: #221815;
    font: 0.9rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:-0.05rem;
    margin: 10px auto 5px;
    padding: 0;
}
#container .sec7 .flex .basic-text .item-catch {
    color: #221815;
    display: block;
    font: 1rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:-0.05rem;
    margin: 5px 0 0 0;
    padding: 0;
}
#container .sec7 .flex .basic-text .basic-icon img {
    height: auto;
    width: 100%;
}
#container .b-type {
    background-color: #1d2088;
}
#container .o-type {
    background-color: #6f92c3;
}
#container .h-type {
    background-color: #53aab9;
}

#container section h3 {
    color: #132b88;
    font: bold 1.4rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem auto 0;
    position: relative;
    display: inline-block;
    padding: 0 55px;
    text-align: center;
    width: 100%;
}
#container section h3 em {
    font: bold 1.6rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h3:before,
#container section h3:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20%;
    height: 1px;
    background-color: #132b88;
}

#container section h3:before {
  left:0;
}
#container section h3:after {
  right: 0;
}

#container .sec7 .seibun-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
#container .sec7 .seibun-wrap dl {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #132b88;
    margin: 1rem auto 0;
    padding: 5px;
    width: calc(95%/2);
}
#container .sec7 .seibun-wrap dl dt {
    color: #132b88;
    font: bold 1.3rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 5px auto;
    padding: 0;
    text-align: center;
}
#container .sec7 .seibun-wrap dl dd {
    color: #132b88;
    font: 0.9rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:-0.05rem;
    margin: 5px auto;
    padding: 0;
    text-align: left;
}

/*-------------------
   sec8
-------------------*/
#container .sec8 {
    background: #ffffff url(/contents/shop/sevenbeauty/img/freepage/sonicgel/sec8-bg.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: cover;
    background-position: 50% 50%;
}
#container .sec8 .flex dl {
    margin: 1rem auto 0;
    padding: 1rem;
    width: calc(100%/1);
}
#container .sec8 .flex dt {
    color: #fff;
    font: bold 1.3rem/2.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    text-align: center;
}
#container .sec8 .flex .item-catch {
    color: #221815;
    font: bold 1.4rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1.4rem auto;
    text-align: center;
}
#container .sec8 .flex dd img {
    margin: 0 auto;
    text-align: center;
}
#container .sec8 .flex dd {
    color: #221815;
    font: 0.9rem/1.8 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing:-0.05rem;
    margin: 8px auto 0;
    text-align: left;
}
#container .sec8 .flex .buy_btn {
    color: #fff;
    font: bold 1.2rem/2.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 10px auto 5px;
    text-align: center;
    width: 96%;
}
#container .sec8 .flex .text-link {
    color: #221815;
    font: 1.0rem/2.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    text-align: center;
    width: 100%;
}
#container .sec8 .flex .text-link a {
    color: #221815;
	display: block;
	text-decoration: none;
}
#container .sec8 .flex .text-link:hover {
    text-decoration: underline;
}
/*-------------------
   sec9
-------------------*/
#container .sec9 {
    background-color: #f7f7f7;
    padding: 1rem;
}

#container .cp_qa *,
#container .cp_qa *:after,
#container .cp_qa *:before {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#container .cp_qa dt,
#container .cp_qa dd {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
#container .cp_qa dt {
    color: #383838;
	margin: 0 3em 1em 3em;
    background: #ffe0b2;
    line-height: 1.5;
}
#container .cp_qa dd {
    color: #383838;
	margin: 0 3em 3em 3em;
    background: #b2ebf2;
    line-height: 1.5;
}
/* 吹き出し▶︎ */
#container .cp_qa dt::before,
#container .cp_qa dd::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し▶︎ */
#container .cp_qa dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
#container .cp_qa dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
#container .cp_qa dt::after,
#container .cp_qa dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* ?アイコン */
#container .cp_qa dt::after {
    color: #fff;
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	content: 'Q';
	background: #f57c00;
}
/* !アイコン */
#container .cp_qa dd::after {
    color: #fff;
	right: -2.5em;
	margin: 0 0 0 0.5em;
    padding: 0.2em 0.45em;
	content: 'A';
	background: #0097a7;
}


@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
#container .c-text {
    margin: 18rem auto 0;
}
#container .sec2 .step-wrap li p {
    margin: 10px 5px;
    font-size: 0.9rem;
}
#container .sec2 .step-wrap li img {
    width: 32%;
}
#container .sec3 .fukidasi {
    width: 78%;
}
#container section h2 {
    font: bold 1.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/

#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/sonicgel/fv-pc.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    padding: 10px 0 5.6%;
}
#container .mainvisual .catch {
    font: bold 2.7rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 5rem 0 0 2rem;
}
#container .mainvisual .catch em {
    display: inline-block;
    font: 2rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .mainvisual .catch strong {
    font: bold 3.8rem/1.0 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .mainvisual .headtitle {
    font: bold 2.4rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 0 0 2rem;
}
#container .mainvisual .headtitle strong {
    font: bold 5.0rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .c-text {
    font: 1.6rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 23rem auto 0;
}
#container .buy_btn {
    font: bold 2.2rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    width: 87%;
}
#container section h2 {
    font: bold 2.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h2 strong {
    font: bold 2.8rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .l-text {
    font: 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 3rem 0 4rem 2rem;
    width: 63%;
}
#container .bottom-text {
    font: 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 2rem 0 2rem 2rem;
}
#container .sec2 .step-wrap li {
    width: 80%;
}
#container .sec2 .step-wrap li img {
    margin: 10px;
    height: auto;
    width: 15%;
}
#container .sec2 .step-wrap li p {
    font: 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 5px;
    padding: 1rem 0 0;
}
#container .sec3 .flex dl {
    margin: 0 auto;
    width: calc(94%/2);
}
#container .sec3 .tugitashi img {
    height: auto;
    width: 25%;
    margin: 0 5px 0 25px;
}
#container .sec3 .tugitashi .text-box strong {
    font: bold 1.8rem/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 30px auto 0;
}
#container .sec3 .tugitashi .text-box {
    font-size: 18px;
    line-height: 1.5;
    height: auto;
    width: 66%;
}
#container .sec4 {
    padding: 10px 10px 85px;
}
#container .sec5 {
    padding: 1rem 1rem 3.4rem;
}
#container .sec5 dl {
    width: calc(94%/1);
}
#container .sec5 dl dt em {
    display: inline-block;
}
#container .sec6 .voice-box dt {
    font: bold 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec6 .voice-box dd {
    font: 1.4rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec7 .flex .basic-text dt {
    font: bold 1.8rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 35px auto 5px;
}
#container .sec7 .flex .basic-text .item-catch {
    font: 2.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 16px auto;
}
#container .sec7 .flex .basic-text dd {
    font: 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 20px auto 5px;
}
#container section h3 {
    font: bold 2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h3 em {
    font: bold 2.6rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h3:before, #container section h3:after {
    width: 33%;
}
#container .sec7 .seibun-wrap dl {
    margin: 1rem 7px;
    width: calc(94%/3);
}
#container .sec8 .flex dl {
    width: calc(100%/2);
}
#container .cp_qa dt {
    font-size: 18px;
}
#container .cp_qa dd {
    font-size: 18px;
}
#container .sec9 {
    padding: 1rem 2rem;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container .wrapper {
    margin: 0 auto;
    width: 1040px;
}
#container section h2 {
    margin: 3rem auto 1rem;
}
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/sonicgel/fv-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 10px 0 0.6%;
}
#container .mainvisual .catch {
    font: bold 2.7rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 5rem 0 0 2rem;
}
#container .mainvisual .catch em {
    display: inline-block;
    font: 2rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .mainvisual .catch strong {
    font: bold 3.8rem/1.0 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .mainvisual .headtitle {
    font: bold 2.4rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 0 0 2rem;
}
#container .mainvisual .headtitle strong {
    font: bold 5.0rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .c-text {
    font: 1.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 23rem auto 0;
}
#container .buy_btn {
    font: bold 1.6rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    width: 60%;
}
#container section h2 {
    font: bold 2.2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h2 strong {
    font: bold 2.8rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .l-text {
    font: 1.4rem/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 5rem 0 5rem 3rem;
    width: 53%;
}
#container .bottom-text {
    font: 1.2rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 2rem 0 2rem 2rem;
}
#container .sec1 img {
    height: auto;
    margin: 0 auto 0 2rem;
    text-align: center;
    width: auto;
}
#container .sec2 .step-wrap li {
    width: 80%;
}
#container .sec2 .step-wrap li img {
    margin: 10px;
    height: auto;
    width: 15%;
}
#container .sec2 .step-wrap li p {
    font: 1.4rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 1rem 5px;
    padding: 1rem 0 0;
    width: 70%;
}
#container .sec3 .flex dl {
    margin: 0 auto;
    width: calc(94%/2);
}
#container .sec3 .fukidasi {
    width: 70%;
    font-size: 25px;
}
#container .sec3 .fukidasi em {
    font-size: 32px;
}
#container .sec3 .tugitashi img {
    height: auto;
    width: 25%;
    margin: 0 5px 0 25px;
}
#container .sec3 .tugitashi .text-box strong {
    font: bold 1.8rem/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 60px auto 0;
}
#container .sec3 .tugitashi .text-box {
    font-size: 18px;
    line-height: 1.5;
    height: auto;
    width: 66%;
}
#container .sec4 {
    padding: 10px 10px 85px;
}
#container .sec5 {
    padding: 1rem 1rem 3.4rem;
}
#container .sec5 dl {
    width: calc(82%/1);
}
#container .sec5 dl dt em {
    display: inline-block;
}
#container .sec6 .voice-box {
    margin: 2rem auto 2rem;
    padding: 1rem;
    width: 84%;
}
#container .sec6 .voice-box dt {
    font: bold 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec6 .voice-box dd {
    font: 1.2rem/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container .sec7 .flex img {
    width: 28%;
}
#container .sec7 .flex .basic-text {
    margin: 0 auto;
    width: 48%;
}
#container .sec7 .seibun-wrap {
    width: 86%;
}
#container .sec7 .flex .basic-text .basic-icon img {
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#container .sec7 .flex .basic-text dt {
    font: bold 1.6rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 35px auto 5px;
}
#container .sec7 .flex .basic-text .item-catch {
    font: 1.6rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 15px auto;
}
#container .sec7 .flex .basic-text dd {
    font: 1.2rem/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    margin: 20px auto 5px;
}
#container section h3 {
    font: bold 2rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h3 em {
    font: bold 2.6rem/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#container section h3:before, #container section h3:after {
    width: 33%;
}
#container .sec7 .seibun-wrap dl {
    margin: 1rem 7px;
    width: calc(94%/3);
}
#container .sec8 .flex dl {
    margin: 2rem auto;
    width: calc(86%/2);
}
#container .sec8 .flex .buy_btn {
    width: 100%;
}
#container .sec8 .flex dd img {
    margin: 10px auto 0 25px;
    text-align: center;
}
#container .cp_qa dt {
    font-size: 18px;
    margin-top: 30px;
}
#container .cp_qa dd {
    font-size: 18px;
}
#container .sec9 {
    padding: 1rem 5rem;
}
}