@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------------------
handcreamforradiance
------------------------------------------------------------------------------*/
/*-------  kv-block  -------*/ 
.mod-rosebalancingmist .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
  width: 82%;
  margin: 0 5%;
  margin-top: 60%;
}
/*-------  cont01  -------*/ 

.mod-rosebalancingmist .mod-cont01 {
  padding: 0 5%;
}
.mod-rosebalancingmist .mod-cont01 .mod-inner-block {
  padding: 25% 0;
  border-bottom: solid 1px #808080;
}

.mod-rosebalancingmist .mod-cont01 .mod-caption-wrap {
  padding-top: 0px;
  padding-bottom: 30px;
}
.mod-rosebalancingmist .mod-cont01 .mod-caption-wrap .mod-img-box {
  width: 100%;
  margin: 0 auto;
}

.mod-rosebalancingmist .mod-kv-block .mod-btn-wrap {
  width: 42.53vw;
  height: 7.06vw;
  line-height: 7.06vw;
  font-size: 2.3vw;
  margin: 6vw 0;
}

.mod-rosebalancingmist .mod-cont01-inner .mod-item .mod-item-img {
	    width: 100%;
}
.mod-rosebalancingmist .mod-cont01-inner .mod-item {
  width: 100%;
  float: none;
  display: block;
  padding: 10px 10px 0;
}
.mod-rosebalancingmist .mod-cont01-inner .mod-item .mod-item-text {
  width: 100%;
}
.mod-rosebalancingmist .mod-cont01-inner .mod-ttl img {
  margin-top: 5%;
}
.mod-rosebalancingmist .mod-cont01-inner .mod-text {
  font-size: 13px;
  margin-bottom: 6%;
  text-align: center;
}
.mod-rosebalancingmist .mod-cont01-inner .mod-btn-wrap {
  margin: 0 auto;
}
.mod-rosebalancingmist .mod-cont01-inner .mod-ttl {
  margin: 0 auto 8%;
  width: 80%;
}

/*-------  cont02  -------*/ 

.mod-rosebalancingmist .mod-cont02 .mod-ttl-wrap .mod-ttl-box {
    width: 87%;
    margin: 0px auto 70%;
}

.mod-rosebalancingmist .mod-cont02 .mod-ttl-wrap .mod-ttl-box {
    width: 84%;
    margin: 77% auto 0;
}

.mod-rosebalancingmist .mod-cont02-ttl .mod-ttl {
	width: 80%;
	margin: 0 auto;}

.mod-rosebalancingmist .mod-cont02-caption {
padding: 0 5%;
	width: 100%;
	display: block;
}

.mod-rosebalancingmist .mod-cont02-caption .mod-main-text {
	font-size: 14px;
width: 100%;
line-height: 2.5;
	margin: 10% auto;
}

.mod-rosebalancingmist .mod-cont02-caption .mod-main-img {
	width: 100%;
    margin: 0 auto;
}



/*-------  cont03  -------*/ 

.mod-rosebalancingmist .mod-cont03-list li:nth-child(5){
	    margin: 20% auto 0;
    float: none;
}


.mod-rosebalancingmist .mod-cont03-ttl .mod-ttl {
  width: 80%;
    margin: 0 auto;
	
}
.mod-rosebalancingmist .mod-cont03 .mod-inner-block {
 padding: 0 5%;
}
.mod-rosebalancingmist .mod-cont03 .mod-cont03-inner {
  padding: 23% 0;
 
}
.mod-rosebalancingmist .mod-cont03-list {
  width: 100%;
  display: block;
  padding-top: 17px;
}
.mod-rosebalancingmist .mod-cont03-list li {
  width: 50%;
  float: left;
}
.mod-rosebalancingmist .mod-cont03-list li:first-child {
  margin-bottom: -3%;
}
.mod-rosebalancingmist .mod-cont03-caption {
  display: block;
  width: 100%;
  clear: both;
	padding-top: 10%;
}

.mod-rosebalancingmist .mod-cont03-roseimage {
	width: 100%;
	padding-top: 15%;
}

.mod-rosebalancingmist .mod-cont03-caption .mod-main-text {
  width: 100%;
  margin-left: 0;
}
.mod-rosebalancingmist .mod-cont03-caption .mod-main-text .mod-main {
  padding-top: 30px;
  font-size: 14px;
	line-height: 2.5;
}
.mod-rosebalancingmist .mod-cont03-caption .mod-caption-list {
  padding-top: 18px;
}

.mod-rosebalancingmist .mod-cont03 {
  padding-bottom: 0%;
}
.mod-rosebalancingmist .mod-cont03-list li .mod-item-text .mod-main {
  font-size: 15px;
}
.mod-rosebalancingmist .mod-cont03-list li .mod-item-text .mod-sub2 {
  line-height: 16px;
}






/*-------  cont04  -------*/ 

.mod-rosebalancingmist .mod-cont04-item-kv .mod-ttl-img {
    margin-left: 9%;
    width: 100%;
}

.mod-rosebalancingmist .mod-cont04-item-kv .mod-ttl {

    width: 100%;
    margin-top: 13%;
}

.mod-rosebalancingmist .mod-cont04-item-kv .mod-ttl-wrap {
    width: 90%;
}

.mod-rosebalancingmist .mod-cont04 {
       padding: 0 5%;
	    margin: 25% auto 0;
}

.mod-rosebalancingmist .mod-cont04-caption .mod-main-text {
	    font-size: 14px;
	line-height: 2.5;
}


/*-------  cont05  -------*/

.mod-rosebalancingmist .mod-cont05 {
    padding: 0 5%;
    margin: 15% auto 25%;
}


.mod-rosebalancingmist .mod-cont05-ttl .mod-ttl {
	width: 75%;
}

.mod-rosebalancingmist .mod-cont05 .mod-inner-block {
	width: 100%;
	
    padding: 15% 2%;
}

.mod-rosebalancingmist .mod-cont05-list {
    width: 100%;
    display: block;
    padding-top: 17px;
}
.mod-rosebalancingmist .mod-cont05-list li {
    /*width: 50%;
    float: left;*/
	
	width: 49%; 
    float: left;
    width: calc(50% - 1%);
   
}

.mod-rosebalancingmist .mod-cont05-list li .mod-item-text {
    padding: 10px;
    font-size: 13px;
}

.mod-rosebalancingmist .mod-cont05-caption .mod-item-img {
	width: 100%;
    padding: 0 4% 15%;
    display: flex;
	margin: 0;
}

.mod-rosebalancingmist .mod-cont05-caption .mod-item-img02 {
	width: 100%;
    margin: auto;
	padding: 9% 4% 0;
}

.mod-rosebalancingmist .mod-cont05-caption .mod-item-img02 img{
	width: 100%;
	    padding-top: 15%;
    
}


/*-------  cont06  -------*/ 

.mod-rosebalancingmist .mod-cont06 .mod-inner-block {
	width: 100%;
	padding: 0;
}

.mod-rosebalancingmist .mod-cont06-inner .mod-ttl {
  width: 100%;
}

.mod-rosebalancingmist .mod-cont06-inner .mod-ttl img{
  width: 55%;
}

.mod-rosebalancingmist .mod-cont06 .mod-cont06-inner {
	padding: 15% 5%;
}

.mod-rosebalancingmist .mod-cont06-ttl h3{
	width: 100%;
	font-size: 16px;
}

.mod-rosebalancingmist .mod-cont06-caption .mod-main-text {
	font-size: 14px;
	line-height: 2.5;
}

.mod-rosebalancingmist .mod-cont06-list{
	width: 100%;
    display: block;
}

.mod-rosebalancingmist .mod-cont06-list li{
	width: 100%;
}

.mod-rosebalancingmist .mod-cont06-list li .mod-item-img {
	margin: 0;
}


.mod-rosebalancingmist .mod-cont06-list li .mod-item-text .mod-main {
    padding: 2% 0 8%;
}

/*cont07*/
.mod-rosebalancingmist .mod-cont07 {
  padding: 0 5%;
	margin: 25% auto;
}
.mod-rosebalancingmist .mod-cont07 .mod-inner-block {
  padding:0;
  border-bottom: solid 1px #808080;
}

.mod-rosebalancingmist .mod-kv-block .mod-btn-wrap {
  width: 42.53vw;
    height: 10.06vw;
    line-height: 10.06vw;
    font-size: 3vw;
    margin: 6vw 0;
}
.mod-rosebalancingmist .mod-cont07-inner .mod-item {
  width: 100%;
  float: none;
  display: block;
  padding: 10px 10px 0;
}
.mod-rosebalancingmist .mod-cont07-inner .mod-item .mod-item-text {
  width: 100%;
}
.mod-rosebalancingmist .mod-cont07-inner .mod-ttl img {
  margin-top: 5%;
}
.mod-rosebalancingmist .mod-cont07-inner .mod-text {
  font-size: 13px;
  margin-bottom: 6%;
  text-align: center;
}
.mod-rosebalancingmist .mod-cont07-inner .mod-btn-wrap {
  margin: 0 auto 15%;
}
.mod-rosebalancingmist .mod-cont07-inner .mod-ttl {
  margin: 0 auto 8%;
  width: 80%;
}


.mod-rosebalancingmist .mod-cont07-inner {
    padding: 0;
}


.mod-rosebalancingmist .mod-cont07-inner .mod-item .mod-item-img {
margin: 0;
	width:100%;}


/*cont08*/

.mod-rosebalancingmist .mod-cont08 {
    padding: 0 0 25%;
}

.mod-rosebalancingmist .mod-cont08 .mod-inner-block {
    padding: 10px;
}

.mod-rosebalancingmist .mod-cont08 .mod-cont08-inner {
    padding-top: 40px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 35px;
}

.mod-rosebalancingmist .mod-cont08-caption {
    display: block;
    width: 100%;
}

.mod-rosebalancingmist .mod-cont08-caption .mod-main-img {
    width: 100%;
}

.mod-rosebalancingmist .mod-cont08-caption .mod-main-img img {
    width: 100%;
}

.mod-rosebalancingmist .mod-cont08-caption .mod-main-text {
    width: 100%;
    margin-left: 0;
}

.mod-rosebalancingmist .mod-cont08-caption .mod-main-text .mod-main {
    padding-top: 30px;
    font-size: 14px;
}

.mod-rosebalancingmist .mod-cont08-caption .mod-main-text .mod-certify {
    text-align: center;
    margin-top: 20px;
}