@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after{
	content: " ";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper{
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	padding: 0 0;
	position: relative;
}
.wrapper *{
	box-sizing: border-box;
}
.wrapper a{
	color: inherit;
	display: block;
}
.wrapper img{
	height: auto;
	max-width: 100%;
}
#container .flex{
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: flex-start;
    align-items: top
}
#container html{
	font-size: 62.5%;
	line-height: 1.5;
}

/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
/*  全体指定 スマホ縦 i5 i5SE　350pxまで  */
/* 購入ボタン */
#container .buy-btn a{
	background: #FFF;
    border: solid 1px;
    border-radius: 20px;
    color: #000;
    font: bold 1rem 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 2.4rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#container .buy-btn a:hover{
    background-color: #000;
    color: #FFF;
	filter: alpha(opacity=90);
	opacity: 0.7;
	transition: all ease-in 0.4s;
}

/*-- 画面外にいる状態 --*/
.fadein{
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin{
	opacity : 1;
	transform : translate(0, 0);
}
/* フェードイン用のCSS */
.slide-bottom{
	opacity: 0;
	transform: translateY(20px);
	transition: all 1.3s 0s ease-out;
  }

/*----scroll----*/
.scroll{
    opacity: 0;
    transition: all 2s ease;
}
.scroll.show{
    opacity: 1;
    transform: none;
    animation: 2.5s fadeIn;
}
.s-bottom{
    transform: translate(0, 20px);
}
.s-scaleDown{
    transform: scale(1.2);
}
#container .wrapper{
	margin: 0 0 20%;
}

/*-------------------
   mainvisual
-------------------*/
#container .mainvisual{
    margin: 0 auto;
    text-align: center;
}
/*-------------------
   g-nav
-------------------*/
#container .g-nav{
    background: #5d5d5d;
}
#container .g-nav nav{
    background: #FFF;
}
#container .g-nav nav ul{
    margin: 0 auto 8%;
    padding: 1% 2%;
}
#container .g-nav nav ul li{
    display: block;
    margin: 0 2%;
    text-align: center;
    width: 29.3%;
}
#container .g-nav nav ul li a{
    display: block;
    font: 0.8rem/1.2 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
    padding: 10% 0;
}
/* シリーズから探す */
#container .g-nav .series-choice{
    display: none;
}
#container .g-nav .series-label{
    color: #FFF;
    display: block;
    font: 1.1rem/1.1 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 200px;
}
.series-label:after{
	background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/gn-arrow-down.png) no-repeat;
	/* content: ''; */
	display: block;
	height: 20px;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: -8%;
}
.series-content{
    display: block;
    font-weight: bold;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
}
.series-choice:checked + .series-label:after{
	background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/gn-arrow-up.png) no-repeat;
    content: '';
}
.series-label:after{
    background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/gn-arrow-down.png) no-repeat;
    content: '';
    display: block;
    height: 20px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: -8%;
}
.series-choice:checked + .series-label + .series-content{
    height: 60px;
    opacity: 1;
    visibility: visible;
}
#one{
    color: #da0010;
}
#two{
    color: #5d5d5d;
}
#three{
    color: #42760a;
}
/*-------------------
   about
-------------------*/
#container .about-inner{
    margin: 0 auto;
}
#container .about .pic{
    text-align: center;
    margin: 30px auto 0;
    width: 50%;
}
#container .about .text{
    text-align: center;
    padding: 0 0 30px;
}
#container .about h2{
    font-size: 1.4rem;
	margin: 0 0 10px;
}
#container .about .ninki{
	letter-spacing: 0.1em;
    margin: 0 26px
}
#container .sensei{
    border: solid 5px #da0010;
    color: #FFF;
    text-align: left;
    margin: 0 auto 60px;
    width: 800px;
}
#container .sensei ul{
    display: flex;
    flex-wrap: wrap;
}
#container .prf{
    margin: 10px 20px 0 20px;
    width: 24%;
}
#container .coment{
    color: #000;
    padding: 16px;
    margin: auto;
    width: 70%;
}
#container .sensei .hissya{
    color: #da0010;
    font-size: 1.4rem;
    font-weight: bold;
}
#container .sensei .name{
    font-size: 1.2rem;
    font-weight: bold;
}
/*-------------------
   lineup
-------------------*/
#container .lineup{
	background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/main_bg.jpg) repeat;
    margin: 0;
    padding: 3% 0;
}
#container .lineup span{
    display: block;
    font-size: 1rem;
    text-align: center;
}
#container .lineup h2{
    font-size: 1.5rem;
    text-align: center;
}
#container .lineup li{
    background-color: #FFF;
    font-size: 0.8rem;
    margin: 2% 2%;
    text-align: center;
    padding: 15px;
    width: 96%;
}
#container .lineup li img{
    margin: 10px 0 0;
    width: 80%;
}
#container .lineup .item-name{
	font-size: 0.8rem;
	font-weight: bold;
	margin: 20px 0 10px;
}
#container .lineup .item-desc{
	text-align: left;
	margin: 0 0 20px;
}
#container .lineup-box{
	margin: 0 auto 5%;
}
/*-------------------
   series
-------------------*/
/* レッドラクトコラーゲンシリーズ */
#container .series_title{
    width: 80%;
    margin: 0 0 20px;
}
#container .redlactocollagen{
	background-color: #ffe3e5;
	padding: 1px 0 0;
	text-align: center;
}
#container .redlacto{
	margin: 5% auto;
}
#container .redlactocollagen .catch{
    background-color: #da0010;
    border-radius: 0px;
    color: #FFF;
    margin: 0 auto 20px;
    padding: 8px;
    width: 60%;
}
#container .red1{
    position: relative;
    left: -11%;
    margin: -68px 0 30px;
    width: 65%;
}
#container .red2{
    position: relative;
    right: -18%;
    margin: 0 0 45px;
    width: 50%;
}
#container .text-long{
    font-size: 0.8rem;
    line-height: 1.8;
    text-align: left;
    margin: 0 15px;
}
#container .component-box li{
    margin: 32px auto;
    width: 27%;
}
#container .component-box .ingredient{
	font-size: 0.8rem;
    margin: 10px auto 0;
}
#container .attention{
    font-size: 0.6rem;
    text-align: right;
    margin: 0 2% 0 0;
}
#container .redlactocollagen h4{
    background-color: #da0010;
    color: #FFF;
    line-height: 3.0;
}
#container .line-up{
	background-color: #FFF;
}
#container .series-lineup-box{
	margin: 20px auto;
}
#container .series-lineup-box li{
    margin: 2% 2%;
    width: 46%;
}
#container .series-lineup-box img{
    margin: 10px;
    width: 90%;
}
#container .line-up .item-name{
	height: 45px;
}
#container .redlactocollagen .item-catch{
    border-bottom: 2px solid #da0010;
    color: #da0010;
    font-size: 1rem;
}
#container .buy-btn2{
    background: #da0010;
    border-radius: 20px;
    color: #FFF;
    font: bold 1rem 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    line-height: 2.0rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
/* 先生コメント */
#container .review_1{
    background: #FFF;
    border: 2px solid #da0010;
    border-radius: 20px;
    margin: 30px auto;
    padding: 10px;
    width: 900px;
}
#container .review_1 ul{
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}
#container .review_1 li{
    color: #da0010;
    font-size: 1rem;
}
#container .review_1 p{
    font-size: 1.4rem;
    font-weight: bold;
}
#container .syasin{
    margin: auto;
}
/* 黒丸 */
#container .kuromaru{
    background-color: #000;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    height: 100px;
    margin: 12px 0 0 230px;
    text-align: center;
    padding: 20px 0 0 0;
    position: absolute;
    width: 100px;
}
#container .kuromaru p{
    font-size: 1rem;
    font-weight: bold;
    line-height: .5;
    margin: 5px 0;
}
/*-------------------------
　　レビューを見るここから
-------------------------*/
#container .triangle_red{
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #da0010;
    height: 0;
    margin: 10px auto 0;
    width: 0;
}
#container .kakusu_red{
    background: #FFF;
    border: #da0010 solid 2px;
    border-radius: 20px;
    color: #da0010;
    padding: 10px;
    text-align: left;
    margin: 0 auto;
    width: 100%;
}
#container .triangle_gry{
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #5d5d5d;
    height: 0;
    margin: 10px auto 0;
    width: 0;
}
#container .kakusu_gry{
    background: #FFF;
    border: #5d5d5d solid 2px;
    border-radius: 20px;
    color: #5d5d5d;
    padding: 15px;
    text-align: left;
    margin: 0 auto;
    width: 100%;
}
#container .triangle_grn{
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #42760a;
    height: 0;
    margin: 10px auto 0;
    width: 0;
}
#container .kakusu_grn{
    background: #FFF;
    border: #42760a solid 2px;
    border-radius: 20px;
    color: #42760a;
    padding: 15px;
    text-align: left;
    margin: 0 auto;
    width: 100%;
}
/*全体*/
#container .hidden_box{
    display: grid;
    margin: 20px 0;
}
/*ボタン装飾*/
#container .hidden_box .red{
    background: #FFF;
    border: #da0010 solid 2px;
    border-radius: 20px;
    color: #da0010;
    padding: 7px 75px;
    margin: -7px auto;
    cursor: pointer;
}
#container .hidden_box .gry{
    background: #FFF;
    border: #5d5d5d solid 2px;
    border-radius: 20px;
    color: #5d5d5d;
    padding: 7px 75px;
    margin: -7px auto;
    cursor: pointer;
}
#container .hidden_box .grn{
    background: #FFF;
    border: #42760a solid 2px;
    border-radius: 20px;
    color: #42760a;
    padding: 7px 75px;
    margin: -7px auto;
    cursor: pointer;
}
/*ボタンホバー時*/
#container .hidden_box label:hover{
    background: #efefef;
}
/*チェックは見えなくする*/
#container .hidden_box input{
    display: none;
}
/*中身を非表示にしておく*/
#container .hidden_box .hidden_show{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
#container .hidden_box input:checked ~ .hidden_show{
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
/*-------------------------
　　レビューを見るここまで
-------------------------*/
/* ペプチド9シリーズ */
#container .series_title2{
	width: 50%;
	margin: 0 0 20px;
}
#container .peptide9{
	background-color: #eaeaea;
	padding: 1px 0 0;
	text-align: center;
}
#container .pep{
	margin: 5% auto;
}
#container .peptide9 .catch{
	background-color: #5d5d5d;
    color: #FFF;
	margin: 0 auto 20px;
    padding: 8px;
    width: 60%;
}
#container .pep1{
    margin: -60px 0 30px;
    position: relative;
    right: -9%;
    width: 72%;
}
#container .pep2{
    margin: 10px 0 45px;
    position: relative;
    right: 10%;
    width: 69%;
}
#container .picup{
    background-color: #FFF;
    border-radius: 20px;
    margin: 10px auto;
    width: 90%;
}
#container .picup_img{
    left: -40%;
    margin: -35px 0;
    position: relative;
    width: 25%;
}
#container .picup_item{
    width: 60%;
    margin: 0 auto;
}
#container .pic-ttl{
    font-size: 1.0rem;
    font-weight: bold;
    margin: 10px 20px;
}
#container .tittle-pic img{
    margin: 0 auto;
    width: 94%;
}
#container .picup .text{
    font-size: 0.8rem;
    margin: 10px 20px;
    padding: 0 0 20px 0;
    text-align: left;
}
#container .text em{
	border-bottom:1px solid #000;
	font-weight: bold;
}
#container .peptide9 h4{
    background-color: #5d5d5d;
    color: #FFF;
    line-height: 3.0;
}
#container .peptide9 .item-catch{
    border-bottom: 2px solid #5d5d5d;
    color: #5d5d5d;
    font-size: 1rem;
}
#container .buy-btn3{
	background: #5d5d5d;
    border-radius: 20px;
    color: #FFF;
    font: bold 1rem 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 2.4rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
/* 先生コメント */
#container .review_2{
    background: #FFF;
    border: 2px solid #5d5d5d;
    border-radius: 20px;
    margin: 60px auto 0;
    padding: 10px;
    width: 900px;
}
#container .review_2 ul{
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}
#container .review_2 li{
    color: #5d5d5d;
    font-size: 1rem;
}
#container .review_2 p{
    font-size: 1.4rem;
    font-weight: bold;
}
/* スペシャルケアアイテム */
#container .series_title3{
	width: 70%;
	margin: 0 0 25px;
}
#container .specialcare{
	background-color: #e4f0d8;
	padding: 1px 0 0;
	text-align: center;
}
#container .special{
	margin: 5% auto;
}
#container .special .catch{
	background-color: #42760a;
    color: #FFF;
	margin: 0 auto 20px;
    padding: 8px;
    width: 60%;
}
#container .spc1{
    margin: -68px 0 40px;
    position: relative;
    right: 8%;
    width: 70%;
}
#container .spc2{
    margin: 20px 0 0;
    position: relative;
    right: -15%;
    width: 55%;
}
#container .specialcare h4{
    background-color: #42760a;
    color: #FFF;
    line-height: 3.0;
}
#container .specialcare .item-catch{
    border-bottom: 2px solid #42760a;
    color: #42760a;
    font-size: 1rem;
}
#container .buy-btn4{
	background: #42760a;
    border-radius: 20px;
    color: #FFF;
    font: bold 1rem 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 2.4rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

@media screen and (min-width:320px) and ( max-width:480px){
/*　スマホ縦　i6 / i6plus / i7  320pxから480pxまではここを読み込む　*/
/*-------------------
   mainvisual
-------------------*/
#container h1{
	display: block;
    margin: 0 auto;
	padding: 3% 0;
    width: 50%;
}
#container .mv{
    background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/main_sp_vg.jpg) no-repeat;
    background-size: 100% auto;
    padding: 27% 0;
}
/*-------------------
   g-nav
-------------------*/
#container .g-nav nav ul{
    margin: 0 auto 5%;
    padding: 1% 0;
}
#container .g-nav nav ul li{
    width: 21%;
}
#container .g-nav .series-label{
    margin: 0 auto 15px;
}
#container .g-nav .series-content li{
    background-color: #FFF;
    border-radius: 30px;
    margin: 2% auto 0;
    padding: 4px 15px;
}
/* シリーズから探す */
.series-choice:checked + .series-label + .series-content{
    height: 105px;
}
/* about */
#container .about .seven{
    font-size: 1.0rem;
    font-weight: bold;
    margin: 20px 39px;
}
#container .sensei{
    width: 90%;
}
#container .sensei .hissya{
    margin: 0 auto;
}
#container .prf{
    margin: 10px auto;
    width: 30%;
}
#container .coment{
    text-align: center;
    width: 100%;
    padding: 0 10px 10px
}
/* series */
#container .review_1{
    width: 90%;
}
#container .review_1 p{
    text-align: center;
    line-height: 1.3;
    margin: 5px 0;
}
#container .review_2{
    width: 90%;
}
#container .review_2 p{
    text-align: center;
    margin: 5px 0;
}
#container .kuromaru{
    font-size: .8rem;
    height: 60px;
    margin: 2px 0 0 113px;
    padding: 5px 0 0 0;
    position: relative;
    width: 60px;
}
#container .kuromaru p{
    font-size: .8rem;
    margin: 3px 0;
}
#container .hidden_box .red,
#container .hidden_box .gry,
#container .hidden_box .grn
{
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: -1px;
    margin: -14px 0;
    padding: 5px 0;
    text-align: center;
}
#container .kakusu_ren{
    font-size: .8rem;
    padding: 10px;
}
#container .kakusu_gry{
    font-size: .8rem;
    padding: 10px;
}
#container .kakusu_grn{
    font-size: .8rem;
    padding: 10px;
}
#container .review_1 .syasin{
    width: 50%;
}
#container .review_2 .syasin{
    width: 50%;
}
#container .review_1 .coment{
    font-size: .9rem;
    text-align: left;
    width: 100%;
}
#container .review_2 .coment{
    font-size: .9rem;
    text-align: left;
    width: 100%;
}
#container .redlactocollagen .item-catch{
    height: 60px;
}
#container .specialcare .item-catch{
    height: 88px;
}
}
@media screen and (min-width:320px) and ( max-width:374px){
    /*　スマホ横～タブレット 320pxから374pxまではここを読み込む　*/
#container .kuromaru{
    margin: -2px 0 0 87px;
}
}
 @media screen and (min-width:480px) and ( max-width:960px){
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
/*-------------------
   mainvisual
-------------------*/
#container h1{
	display: block;
    margin: 0 auto;
	padding: 3% 0;
    width: 60%;
}
#container .mv{
    background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/main_vg.jpg) no-repeat;
    background-size: 100%;
    padding: 10%;
    margin: 0 auto;
}
/*-------------------
   g-nav
-------------------*/
#container .g-nav{
    padding: 0 0 1.5%;
    margin: 0 0 60px;
}
#container .g-nav nav ul{
    margin: 0 auto 2%;
    padding: 1% 0;
}
#container .g-nav nav ul li{
    border-right: solid 1px #000;
    margin: 0;
    width: 25%;
}
#container .g-nav nav ul li a{
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 2% 0;
}
#container .g-nav nav ul li:last-child{
    border-right: none;
}
/* シリーズから探す */
#container .g-nav .series-content ul{
    display: flex;
    margin: 0 auto;
    width: 700px;
}
#container .g-nav .series-content li{
    background-color: #FFF;
    border-radius: 30px;
    margin: 3% auto 0;
    padding: 6px 20px;
    width: 33%;
}
#container .sensei{
    width: 90%;
}
/* series */
#container .review_1{
    width: 90%;
}
#container .review_2{
    width: 90%;
}
#container .specialcare .item-catch{
    height: 60px;
}
#container .hidden_box .red,
#container .hidden_box .gry,
#container .hidden_box .grn{
    padding: 7px 100px;
}
}
 @media screen and (min-width:960px){
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
/*-------------------
   mainvisual
-------------------*/
#container h1{
	display: block;
    margin: 0 auto;
	padding: 3% 0;
    width: 60%;
}
#container .mv{
    background: url(/contents/shop/sevenbeauty/img/freepage/medi_peel/main_vg.jpg) no-repeat;
    background-size: 100%;
    padding: 10.5% 0;
    margin: 0 auto;
}
/*-------------------
   g-nav
-------------------*/
#container .g-nav{
    padding: 0 0 2%;
    margin: 0 0 80px;
}
#container .g-nav nav ul{
    margin: 0 auto 2%;
    padding: 1% 0;
    width: 1040px;
}
#container .g-nav nav ul li{
    border-right: solid 1px #000;
    margin: 0;
    width: 25%;
}
#container .g-nav nav ul li a{
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 2% 0;
}
#container .g-nav nav ul li:last-child{
    border-right: none;
}
/* シリーズから探す */
#container .g-nav .series-content ul{
    display: flex;
    margin: 0 auto;
    width: 629px;
}
#container .g-nav .series-content li{
    background-color: #FFF;
    border-radius: 30px;
    margin: 2.5% 8px;
    line-height: 2.5;
    text-align: center;
    padding: 0px 12px;
}
/*-------------------
   about
-------------------*/
#container .about-inner{
    margin: 0 auto;
    width: 1040px;
}
#container .about .pic{
    float: left;
    padding: 38px 72px 0;
    margin: 0 auto;
    width: 420px;
}
#container .about .text{
    text-align: center;
    margin: 0px 52px 5%;
    width: 939px;
}
#container .about h2{
    font-size: 1.8rem;
    margin: 58px 30px 0px 0;
}
#container .about .ninki{
    letter-spacing: 0.2em;
    margin: 34px 24px 0;
    word-break: keep-all;
    line-break: strict;
}
#container .about .seven{
    font-size: 1.0rem;
    font-weight: bold;
    margin: 30px 74px 0 434px;
}
/*-------------------
   lineup
-------------------*/
#container .lineup h2{
	font-size: 2.0rem;
	text-align: center;
}
#container .lineup li{
    padding: 54px;
    width: 46%;
}
#container .lineup-box{
    width: 1040px;
}
#container .lineup .item-name{
	font-size: 1.0rem;
}
/*-------------------
   series
-------------------*/
/* レッドラクトコラーゲンシリーズ */
#container .series_title{
	width: 50%;
	margin: 0 0 40px;
}
#container .redlacto{
	width: 1040px;
}
#container .redlactocollagen .catch{
	width: 30%;
}
#container .red1{
	position: relative;
    left: -38%;
    width: 480px;
    margin: 0 0 137px;
}
#container .red2{
    position: relative;
    right: -40%;
    margin: 0 0 45px;
    width: 380px;
}
#container .text-long{
    font-size: 1.0rem;
    margin: 0 auto;
    width: 700px;
}
#container .component-box{
    margin: 0 auto;
	width: 700px;
}
#container .component-box li{
    margin: 32px auto;
    width: 27%;
}
#container .attention{
    margin: 0 100px 0 0;
}
#container .redlactocollagen h4{
	font-size: 1.4rem;
}
#container .line-up{
	background-color: #FFF;
}
#container .series-lineup-box{
	width: 1040px;
	margin: 20px auto;
}
#container .series-lineup-box li{
	margin: 32px 2%;
	width: 29%;
}
#container .redlactocollagen .series-lineup-box li{
    margin: 32px auto;
    width: 29%;
}
#container .redlactocollagen .item-catch{
	font-size: 1.2rem;
}
#container .buy-btn2{
	line-height: 2.4rem;
}
/* ペプチド9シリーズ */
#container .series_title2{
	width: 30%;
	margin: 0 0 40px;
}
#container .pep{
	width: 1040px;
}
#container .peptide9 .catch{
    width: 30%;
}
#container .pep1{
	margin: 0px 0 222px;
	position: relative;
    right: 4%;
    width: 400px;
}
#container .pep2{
	margin: 45px 0 45px;
	position: relative;
    right: -2%;
    width: 440px;
}
#container .picup{
    margin: 20px auto;
    width: 900px;
}
#container .picup_img{
    left: -63%;
    margin: -32px 0;
    position: relative;
    width: 120px;
}
#container .picup_item{
	float: left;
    margin: 29px 0 0 24px;
    width: 280px;
}
#container .pic-ttl{
	font-size: 1.4rem;
    font-weight: bold;
    margin: 0 50px;
}
#container .tittle-pic img{
	margin: 10px 42px 10px 0;
    width: 540px;
}
#container .picup .text{
	font-size: 1.0rem;
	letter-spacing: 0.15em;
	margin: 10px auto;
	padding: 0 0 20px 0;
	text-align: left;
	width: 780px;
}
#container .text em{
	border-bottom:1px solid #000;
	font-weight: bold;
}
#container .peptide9 h4{
    font-size: 1.4rem;
}

#container .buy-btn3{
	line-height: 2.4rem;
}
/* スペシャルケアアイテム */
#container .series_title3{
	width: 40%;
	margin: 0 0 40px;
}
#container .special{
	width: 1040px;
}
#container .special .catch{
    width: 30%;
}
#container .spc1{
	margin: 0px 0 140px;
    position: relative;
    right: 32%;
    width: 400px;
}
#container .spc2{
	margin: 45px 0 45px;
    position: relative;
    right: -37%;
    width: 350px;
}
#container .specialcare h4{
    font-size: 1.4rem;
}
#container .specialcare .item-catch{
    font-size: 1.2rem;
    height: 70px;
}
#container .buy-btn4{
	line-height: 2.4rem;
}
#container .kakusu_red,
#container .kakusu_gry,
#container .kakusu_grn{
    padding: 15px;
}
/*-------------------
   sp-under-nav
-------------------*/

}