@charset "UTF-8";
/* CSS Document */
@font-face{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
}
html{
font-size:62.5%;/*16px62.5%=10px*/
}
body{
color: #000000;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size:1.6rem;
font-feature-settings: "palt";
letter-spacing:0.025rem;
}
a{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
color: #000000;
}
p{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
color: #000000;
}
img{
max-width: 100%;
height: 0 auto;
}
.hero-image{
margin-bottom: 0px;
}
.background001{
background-image: url("../images/製品について/AdobeStock_321070139 水背景 商品用 02.jpg");  
position:relative;
}
.br-pc{
display: block;
}
.br-sp{
display: none;
}
/********************
*********************
フローティングバナー****
*********************
*********************/
.floating-banner{
width: 15vw;
position: fixed;/* 追従 */
z-index: 99999;/* 他の要素の下に隠れないように */
right:1vw;
bottom: 1vw;/* バナーの上下の位置 */
}
.floating-banner_ph{
width:15vw;
padding-bottom: 0.5vw;
opacity: 0.9;
}
.floating-banner_ph:hover{
opacity: 0.7;
color: #FFFFFF;
}

/*******************
******************
******************
ナヴィゲーション*
******************
*******************
*******************/
.header{
position:relative;
}
.lang_box{
right: -30px;
}
.lang{
display: flex;
display: -webkit-flex;
justify-content: flex-end;
position:absolute;
top:35px;
right: 30px;
}
.lang01>a{
font-size: 1.5rem;
color:#FFFFFF;
}
.header-inner{
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: block;
padding: 40px;
border: none;
background-color:#000494;
color:#fff;
text-transform: uppercase;
cursor:pointer;
}
.nav{
color: #FFFFFF;
}
.nav-list{
display: flex;
display: -webkit-flex;
justify-content: flex-end;
}
.nav-item{
padding-right: 60px;
padding-top: 30px;
}
.nav-item:last-of-type{
padding-right: 0px;
}
.hover00:hover{
color: #8CBEFF;
}
.nav-item>a{
font-size: 2rem;
color:#FFFFFF;
line-height: -2px;
}
.sns{
font-size: 2rem;
line-height: -2px;
}
.cellreva_rogo{
max-width: 160px;
position: absolute;
top:50px;
left: 40px;
}
.section-box001{
max-width: 1000px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.text-center{
text-align: center;
}
.section-box__item001{
max-width: 300px;
}
.Clearfine-product{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 3rem;
line-height: 1.5em;
text-align: center;
border-bottom: solid 0.5px #000000;
padding-bottom: 20px;
}
.clearfineph{
padding-top: 30px;	
}
.section-box__item002{
width: 40%;
padding-left: 200px;
padding-top: 80px;
}
.clearfine_text_001{
max-width:800px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 50px;
}
.co2gelpack_text_001{
max-width:800px;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 200px;
}
.clearfine_text_002{
max-width:700px;
margin: 0 auto;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.9rem;
line-height: 35px;
padding-top: 50px;
text-align:justify;
letter-spacing: 0;
font-feature-settings: "palt" 1;
}
.co2gelpack_text_001{
max-width:700px;
margin: 0 auto;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.9rem;
line-height: 35px;
padding-top: 50px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
letter-spacing: 0;
font-feature-settings: "palt" 1;}
.clearfine_text_003{
max-width:700px;
margin: 0 auto;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1rem;
line-height: 15px;
padding-top: 50px;
text-align:justify;
letter-spacing: 0;
font-feature-settings: "palt" 1;
}
.co2gelpack_text_003{
max-width:650px;
margin: 0 auto;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1rem;
text-align:justify;
line-height: 15px;
padding-top: 50px;
padding-left: 30px;
padding-right: 30px;
letter-spacing: 0;
font-feature-settings: "palt" 1;
margin-bottom: 100px;
}
.co2gelpack_text_uma{
background-color: #D2EFFF;
display: flex;
margin-top: 80px;
margin-bottom: 30px;
padding-top: 40px;
padding-bottom: 10px;
padding-left: 70px;
padding-right: 70px;
}
.uma_title{
font-size: 2.3rem;
text-align: center;
padding-bottom: 20px;
}
.uma_ph{
max-width: 	200px;
padding-right: 30px;
}
.uma_text{
font-size: 1.8rem;
line-height:1.8em;
text-align:justify;
}
/*********step**********
************************
*************************
************************/
.step{
max-width: 1200px;
margin: 0 auto;
display: flex;
margin-bottom: 150px;
}
.step06{
margin: 0 auto;
width: 500px;
margin-top: 0px;
padding-right: 100px;
}
.step06:last-of-type{
padding-right: 0px;
}
/*********video**********
************************
*************************
************************/
.video01{
width: 50%;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 200px;	
margin-left:  auto;
margin-right:  auto;
display:block;
}
/******************
***********************
button
**********************
**********************/
.btn-item0{
margin-bottom: 5px;
}
.btn-item{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.3rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: block;
width: 170px;
margin: 0 auto;	
padding: 10px 10px;
border: none;
background-color: #1621A8;
color:#fff;
text-transform: uppercase;
cursor:pointer;
}
.btn-buy{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.3rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: none;
width: 170px;
margin: 0 auto;	
padding: 10px 10px;
border: none;
background-color: #1621A8;
color:#fff;
text-transform: uppercase;
cursor:pointer;
}
.btn-buy-main{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 3rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: none;
width: 550px;
margin: 0 auto;	
padding: 20px 0;
border: none;
background-color: #1621A8;
color:#fff;
text-transform: uppercase;
}
.water{
padding-top: 20px;
}
/***********************
cellreva shop
**************************/
.CELLREVA-box{
max-width: 1500px;
margin: 0 auto;
}
.CELLREVA-box-slide{
max-width: 1500px;
margin: 0 auto;
}
.CELLREVA-title{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 3rem;
color: #000000;
line-height:1.5em;	
font-feature-settings: "palt" 1;
letter-spacing: 0;
text-align: center;
}
.CELLREVA-shop01{
display: flex;
flex-direction:row;
flex-wrap: wrap;
align-content:center;
justify-content: center;
margin-top: 20px;
}
.CELLREVA-shop01-slide{
display: flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: center;
margin-top: 0px;
margin-bottom: 200px;
text-align: center;
}
.CELLREVA-Product{
width: 230px;
padding-top: 80px;
padding-left: 0px;
padding-right: 70px;
}
.CELLREVA-Product:last-of-type{
padding-right: 0px;
}
.CELLREVA-Product-slide{
width: 200px;
padding-top: 50px;
padding-left: 20px;
}
.CELLREVA-Product-slide:last-of-type{
margin-right: 0px;
}
.CELLREVA-sub-title{
padding-top: 20px;
padding-bottom: 20px;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.5rem;
color: #000000;
line-height:1em;	
letter-spacing: 0;
font-feature-settings: "palt" 1;
border-bottom:solid 0.5px;
text-align: center;
}
.CELLREVA-sub-title-slide{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.5rem;
color: #000000;
line-height:1.5em;	
padding-bottom: 30px;
}
.CELLREVAP-product-text{
padding-top: 20px;
padding-bottom: 20px;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size:1.3rem;
color: #000000;
line-height:1.5em;	
font-feature-settings: "palt" 1;
letter-spacing: 1;
text-align:justify;
}
.CELLREVAProduct00:hover {
opacity: 0.4;
color: #000494;
}
.CELLREVAProduct00{
animation-name: ▲▲▲▲;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}
@keyframes ▲▲▲▲{
0% {
transform: translate(0,0px);
}
100% {
transform: translate(0,-15px)
}
}
.Notes-CELLREVA{
font-size: 0.5rem;
line-height:2.5em;
font-feature-settings: "palt" 1;
letter-spacing: 1;
text-align:justify;
}	
/*ここまで*/
.footer-home{
margin-top: 200px;
background-color: #1621A8;
text-align: center;
nt-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1rem;
color:#fff;
}
.footer-text{
nt-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.8rem;
line-height: 30px;
color:#fff;
}
.footer{
background-color: #1621A8;
height: 230px;
padding-top: 110px;
}
.footer-text-01{
font-size: 3rem;
color:#fff;
}
.footer-text{
nt-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 3rem;
padding-top: 20px;
}
.footer-text-01{
font-size: 1.2rem;
padding-top: 20px;
}
.copyright{
padding-top: 110px;
}



/*pc版  幅が641px以上のscreenの時はこのcssを使用してくださいという指示*/

@media screen and (max-width:768px){	
@font-face{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;	
}
html{
font-size:62.5%;/*16px62.5%=10px*/
}
body{
color: #000000;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size:1.6rem;
font-feature-settings: "palt";
letter-spacing:0.025rem;
}
a{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
color: #000000;
}
p{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
color: #000000;
}
img{
max-width: 100%;
height: 0 auto;
}
/********************
*********************
フローティングバナー****
*********************
*********************/
.floating-banner{
width: 30vw;
}
.floating-banner_ph{
width:30vw;
}
/*******************
******************
******************
ナヴィゲーション*
******************
*******************
*******************/
.header{
position:relative;
}
.lang_box{
right: -30px;
}
.lang{
display: flex;
display: -webkit-flex;
justify-content: flex-end;
position:absolute;
top:20px;
right: 10px;
}
.lang01>a{
font-size: 1.3rem;
color:#FFFFFF;
}
.header-inner{
font-family: noto-sans-cjk-jp, sans-serif;
font-style: normal;
font-weight: 300;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: block;
padding: 20px;
border: none;
background-color:#000494;
color:#fff;
text-transform: uppercase;
cursor:pointer;
}
.nav{
color: #FFFFFF;
}
.nav-list{
display: flex;
display: -webkit-flex;
justify-content: flex-end;
margin:0 auto;
}
.nav-item{
padding-right: 20px;
padding-top: 30px;
}
.nav-item:last-of-type{
padding-right: 0px;
}
.hover00:hover{
color: #8CBEFF;
}
.nav-item>a{
font-size: 1.3rem;
color:#FFFFFF;
line-height: -2px;
}
.sns{
font-size: 1.5rem;
line-height: -2px;
}
.cellreva_rogo{
max-width: 100px;
position: absolute;
top:20px;
left: 10px;
}
/*****************************
PROCARE-MASK;
*****************************/
.section-box001{
max-width: 600px;
display: block;
}
.section-box__item001{
width: 60%;
margin: 0 auto;
}
.text-center{
text-align: center;
}
.Clearfine-product{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 2rem;
text-align: center;
border-bottom: solid 0.5px #000000;
padding-bottom: 10px;
}
.clearfineph{
padding-top: 0px;
}
.section-box__item002{
width: 80%;
margin: 0 auto;
padding-left: 0px;
padding-top: 30px;
}	
.clearfine_text_001{
max-width:600px;
margin: 0 auto;
margin-bottom: 50px;
}
.clearfine_text_002{
max-width:600px;
margin-left: 40px;
margin-right: 40px;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.3rem;
line-height: 2em;
padding-top: 20px;
letter-spacing: 0;
font-feature-settings: "palt" 1;
text-align:justify;
}
.clearfine_text_003{
max-width:600px;
margin-left: 40px;
margin-right: 40px;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1rem;
line-height: 15px;
padding-top: 50px;
text-align:justify;
letter-spacing: 0;
font-feature-settings: "palt" 1;
}
/******購入ボタン*******
*********************/
.btn-buy-main{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 2rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: none;
width: 200px;
margin: 0 auto;	
padding: 10px 0;
border: none;
background-color: #1621A8;
color:#fff;
text-transform: uppercase;
margin-bottom: 60px;
}
/*********step**********
************************
*************************
************************/
.step{
max-width: 300px;
margin: 0 auto;
display: block;
margin-bottom: 50px;
}
.step06{
margin: 0 auto;
width: 300px;
margin-top: 0px;
margin-bottom: 20px;
padding-right: 0px;
}
.step06:last-of-type{
padding-right: 0px;
}
.water{
display: none;
padding-top: 0px;
padding-bottom: 0px;
}
/*******************
*******************
馬プラセンタ***********
********************
*********************/
.co2gelpack_text_uma{
background-color: #D2EFFF;
display: block;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 50px;
padding-right: 50px;
text-align:justify;
}
.uma_title{
font-size: 2rem;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.uma_ph{
max-width:120px;
margin: 0 auto;
}
.uma_text{
font-size: 1.5rem;
line-height:1.5em;
text-align:justify;
}
.co2gelpack_text_003{
max-width:600px;
margin: 0 auto;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 0.8rem;
text-align:justify;
line-height: 1.5em;
padding-top: 0px;
padding-left: 50px;
padding-right: 50px;
letter-spacing: 1;
font-feature-settings: "palt" 1;
margin-bottom: 50px;
}
/*******************
*******************
video****************
********************
*********************/
.video01{
max-width: 700px;
width: 100%;
margin: 0 auto;
margin-top: 00px;
margin-bottom: 50px;	
margin-left: 0px;
margin-right: 0px;
}
/***********************
*************************
cellreva shop
**************************
**************************/
.CELLREVA-box{
max-width: 1500px;
margin: 0 auto;
}
.CELLREVA-box-slide{
max-width: 1500px;
margin: 0 auto;
}
.CELLREVA-title{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 3rem;
color: #000000;
line-height:1.5em;	
font-feature-settings: "palt" 1;
letter-spacing: 0;
text-align: center;
}
.CELLREVA-shop01-slide{
display: flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
}
.CELLREVA-Product{
width: 230px;
padding-top: 80px;
padding-left: 0px;
padding-right: 70px;
}
.CELLREVA-Product:last-of-type{
padding-right: 0px;
}
.CELLREVA-Product-slide{
width: 150px;
padding-top: 50px;
padding-left: 0px;
}
.CELLREVA-Product-slide:last-of-type{
margin-right: 0px;
}
.CELLREVA-sub-title{
padding-top: 20px;
padding-bottom: 20px;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.5rem;
color: #000000;
line-height:1em;	
letter-spacing: 0;
font-feature-settings: "palt" 1;
border-bottom:solid 0.5px;
text-align: center;
}
.CELLREVA-sub-title-slide{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.5rem;
color: #000000;
line-height:1.5em;	
padding-bottom: 30px;
}
.CELLREVAP-product-text{
padding-top: 20px;
padding-bottom: 20px;
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size:1.3rem;
color: #000000;
line-height:1.5em;	
font-feature-settings: "palt" 1;
letter-spacing: 1;
text-align:justify;
}
.CELLREVAProduct00:hover {
opacity: 0.4;
color: #000494;
}
.Notes-CELLREVA{
font-size: 0.5rem;
line-height:2.5em;
font-feature-settings: "palt" 1;
letter-spacing: 1;
text-align:justify;
}	

/******************
button
**********************/
.btn-item0{
margin-bottom: 5px;
}
.btn-item{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.3rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: block;
width: 130px;
margin: 0 auto;	
padding: 10px 10px;
border: none;
background-color: #1621A8;
color:#fff;
text-transform: uppercase;
cursor:pointer;
}
.btn-buy{
font-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1.3rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display: none;
width: 130px;
margin: 0 auto;	
padding: 10px 10px;
border: none;
background-color: #1621A8;
color:#fff;
text-transform: uppercase;
cursor:pointer;
}
/********************************
footer
************************************/
.footer-home{
margin-top: 100px;
background-color: #1621A8;
text-align: center;
nt-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 1rem;
color:#fff;
}
.footer{
background-color: #1621A8;
height: 230px;
padding-top: 110px;
}
.footer-text{
nt-family: a-otf-ryumin-pr6n, serif;
font-style: normal;
font-weight: 300;
font-size: 2rem;
padding-top: 20px;
color:#fff;
}
.footer-text-01{
font-size: 1.2rem;
padding-top: 20px;
color:#fff;
}
.copyright{
color:#fff;
padding-top: 110px;
}
}