@charset "utf-8";
#page.product .wrap {
  max-width: 960px;
  margin: 0 auto;
}
#page.product .box_mainvisual {
  padding: 6.25% 0 10.4167%;
}
#page.product .box_mainvisual .box_mainvisual_right {
  float: right;
  width: 50%;
}
#page.product .box_mainvisual .box_mainvisual_left {
  float: left;
  width: 50%;
}
#page.product .box_mainvisual .box_mainvisual_left .headline_name {
  font-size: 220%;
  line-height: 1.6;
  font-weight: normal;
  margin-bottom: 0.4545em;
}
#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_border {
  display: block;
  margin-bottom: 3em;
  width: 4.8em;
  height: 1px;
  background: #e0b67d;
}
#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_lead {
  margin-bottom: 1.5em;
  font-size: 200%;
  line-height: 1.6;
}
#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_sub {
  margin-bottom: 0.4em;
  font-size: 160%;
  line-height: 1.6;
}
#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_lead_br {
	display:none;
}
@media screen and (max-width: 850px) {
	#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_lead_br {
		display:block;
	}
}
@media screen and (max-width: 767px) {
	#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_lead_br {
		display:none;
	}
}
@media screen and (max-width: 340px) {
	#page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_lead_br {
		display:block;
	}
}
#page.product .box_mainvisual .box_mainvisual_left .box_detail {
  margin-bottom: 2.1429em;
  font-size: 140%;
  line-height: 1.6;
}
#page.product .box_mainvisual .box_mainvisual_left #color_image_list {
	width:310px;
	height:auto;
}

#page.product .box_mainvisual .box_mainvisual_left #color_image_list_most {
	margin-bottom:25px;
	width:365px;
	height:auto;
}
#page.product .box_mainvisual .box_mainvisual_left #color_image_puff {
	width:342px;
	height:auto;
}

#page.product .box_mainvisual .box_mainvisual_left #color_image_list img{
	width:100%;
	height:auto;
}
#page.product .box_mainvisual .box_mainvisual_left #color_image_list_most img{
	width:100%;
	height:auto;
}
#page.product .box_mainvisual .box_mainvisual_left #color_image_puff img{
	width:100%;
	height:auto;
}

#page.product .box_mainvisual .box_mainvisual_left .color_container_bottom{
	margin-bottom:20px;
}
#page.product .box_mainvisual .box_mainvisual_left .color_container  p{
  height:42px;
  font-size: 140%;
  display: table-cell;
  vertical-align:middle;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image {
  float:left;
  border-radius:50%;
  width:42px;
  height:42px;
  margin-right:10px;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_light_pink_pic {
  background:url(../../product/face_powder/img/img_light_pink.gif) no-repeat center center;
  background-size:cover;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_light_ocle_pic {
  background:url(../../product/face_powder/img/img_light_ocle.gif) no-repeat center center;
  background-size:cover;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_light_ocre {
  background:#fad8b5;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_light_pink {
  background:#f9d3c4;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_ocre {
  background:#f5cda7;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_dark_ocre {
  background:#e0ad6c;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_green {
  background:url(../../product/control_base/img/color_img01.gif) no-repeat center center;
  background-size:cover;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_pink {
  background:url(../../product/control_base/img/color_img02.gif) no-repeat center center;
  background-size:cover;
}
#page.product .box_mainvisual .box_mainvisual_left .color_image_white {
  background:url(../../product/control_base/img/color_img03.gif) no-repeat center center;
  background-size:cover;
}

#page.product .box_mainvisual .box_mainvisual_left .box_type {
  font-size: 140%;
  line-height: 1.6;
}
#page.product .box_mainvisual .box_mainvisual_left .box_type dd {
  padding-left: 2em;
}
#page.product .box_accordion {
  margin-bottom: 1.25em;
}
#page.product .box_accordion .btn_accordion {
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 2.8889em;
  padding-left: 2.7778em;
  font-size: 180%;
  border: 1px solid #d0d0d0;
  background: url(../img/arrow04_close.png) no-repeat 1.1111em 1.1667em;
  background-size: 0.8889em auto;
}
#page.product .box_accordion .btn_accordion.is_active {
  background-image: url(../img/arrow04_open.png) !important;
}
#page.product .box_accordion .btn_accordion .headline_accordion {
  display: table-cell;
  vertical-align: middle;
  transition: .8s;
}
#page.product .box_accordion .btn_accordion .headline_accordion:hover {
  cursor: pointer;
  color: #e0b67d;
  transition: .4s;
}
#page.product .box_accordion .box_accordion_inner {
  padding: 4em 5em 4em;
}

#page.product .box_accordion .box_accordion_inner .chart_img{
  width:662px;
  height:452px;
  margin:0 auto;
}
#page.product .box_accordion .box_accordion_inner #chart_img01{
  background:url(../../product/essence_liquid_foundation/img/chart_img_pc01.jpg) no-repeat center center;
  background-size:cover;
}
#page.product .box_accordion .box_accordion_inner #chart_img02{
  background:url(../../product/essence_liquid_foundation/img/chart_img_pc02.jpg) no-repeat center center;
  background-size:cover;
}

#page.product .box_accordion .box_accordion_inner .box_accordion_list {
  font-size: 160%;
  line-height: 1.6;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item {
  margin-bottom: 1.5625em;
  padding-left: 1.875em;
  background: url(../img/circle01.gif) no-repeat;
  background-size: 0.75em auto;
  background-position: left 0.375em;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container{
  width:100%;
  margin-top:1em;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left{
	float:left;
	width:62.5%;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left li{
	margin-bottom:1.5em;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left span.attention{
	font-size:75%;
	display:block;
	margin-top:1.5em;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left span{
	font-size:87.5%;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_right{
	float:left;
	width:35%;
	margin-left:2.5%;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_right .img_puff{
	width:70%;
	margin:0 auto;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_right img{
	width:100%;
	height:auto;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_list .box_accordion_list_item:last-child {
  margin-bottom: 0;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_notes {
  margin-top: 3.3333em;
  font-size: 120%;
  padding-left: 2em;
  text-indent: -2em;
}
#page.product .box_accordion .box_accordion_inner .box_accordion_notes_moist {
  padding-left:0;
  text-indent:0;
}
#page.product .box_accordion .box_accordion_inner .box_component:nth-of-type(n+2) {
  margin-top: 4em;
}
#page.product .box_accordion .box_accordion_inner .box_component .box_component_name {
  margin-bottom: 0.625em;
  font-size: 160%;
}
#page.product .box_accordion .box_accordion_inner .box_component .box_component_border {
  display: block;
  margin-bottom: 1.5em;
  width: 3.8em;
  height: 1px;
  background: #d0d0d0;
}
#page.product .box_accordion .box_accordion_inner .box_component .box_component_detail {
  font-size: 140%;
  line-height: 1.6;
}
#page.product .box_step .img_step.pc {
  width: 100%;
  margin: 4.1667% 0 0;
}

@media screen and (max-width: 960px) {
  #page.product .wrap {
    padding-right: 2.4%;
    padding-left: 2.4%;
  }
}
@media screen and (max-width: 767px) {
  #page.product .wrap {
    width: 89.3333%;
  }
  #page.product .box_mainvisual {
    padding: 9.3333% 0 16%;
  }
  #page.product .box_mainvisual .box_mainvisual_right {
    float: none;
    width: 100%;
    margin-bottom: 12%;
  }
  #page.product .box_mainvisual .box_mainvisual_left {
    float: none;
    width: 100%;
  }
  #page.product .box_mainvisual .box_mainvisual_left .headline_name {
    font-size: 300%;
    font-weight: normal;
    margin-bottom: 0.7143em;
  }
  #page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_border {
    margin-bottom: 3em;
    width: 4.8em;
  }
  #page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_lead {
    font-size: 214.2857%;
    margin-bottom: 2.1429em;
  }
  #page.product .box_mainvisual .box_mainvisual_left .box_mainvisual_sub {
	margin-bottom: 0.4em;
	font-size: 214.28%;
	line-height: 1.6;
  }
  #page.product .box_mainvisual .box_mainvisual_left .box_detail {
    font-size: 200%;
    margin-bottom: 2.1429em;
  }
  
  #page.product .box_mainvisual .box_mainvisual_left #color_image_list {
	width:82%;
	max-width:282px;
	height:auto;
  }

  #page.product .box_mainvisual .box_mainvisual_left #color_image_list_most {
	width:100%;
	max-width:335px;
	height:auto;
  }
  #page.product .box_mainvisual .box_mainvisual_left #color_image_puff{
  	width:94%;
	max-width:314px;
	height:auto;
  }
  #page.product .box_mainvisual .box_mainvisual_left .color_container  p{
	font-size: 200%;
  }
  #page.product .box_mainvisual .box_mainvisual_left .box_type {
    font-size: 200%;
  }
  #page.product .box_mainvisual .box_mainvisual_left .box_type dd {
    padding-left: 2em;
  }
  #page.product .box_accordion {
    margin-bottom: 1.3333em;
  }
  #page.product .box_accordion .btn_accordion {
    height: 3em;
    padding-left: 1em;
    font-size: 214.2857%;
    background: url(../img/arrow04_close.png) no-repeat 94.7761% 1.1667em;
    background-size: 0.8889em auto;
  }
  #page.product .box_accordion .btn_accordion .headline_accordion {
    display: table-cell;
    vertical-align: middle;
    transition: none;
  }
  #page.product .box_accordion .btn_accordion .headline_accordion:hover {
    cursor: pointer;
    color: black;
    transition: none;
  }
  #page.product .box_accordion .box_accordion_inner {
    font-size: 1.4286em;
    padding: 4em 1em 4em;
  }
  
  #page.product .box_accordion .box_accordion_inner .chart_img{
	width:100%;
	height:auto;
	padding-top:84%;
	margin:0 auto;
  }
  #page.product .box_accordion .box_accordion_inner #chart_img01{
	background:url(../../product/essence_liquid_foundation/img/chart_img_sp01.jpg) no-repeat center center;
	background-size:cover;
  }
  #page.product .box_accordion .box_accordion_inner #chart_img02{
	background:url(../../product/essence_liquid_foundation/img/chart_img_sp02.jpg) no-repeat center center;
	background-size:cover;
  }
  
  #page.product .box_accordion .box_accordion_inner .box_accordion_list {
    font-size: 140%;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list .box_accordion_list_item {
    margin-bottom: 1.7857em;
    padding-left: 1.2143em;
    background: url(../img/circle01.gif) no-repeat;
    background-size: 0.8571em auto;
    background-position: left 0.3571em;
  }
  
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container{
	width:100%;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container_sp{
	margin-top:2.5em;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left{
	  float:none;
	  width:100%;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left li{
	  margin-bottom:1.5em;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left span.attention{
	  font-size:87.5%;
	  display:block;
	  margin-top:1.5em;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_left span{
	  font-size:100%;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_right{
	  float:none;
	  width:100%;
	  margin-left:0;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_right .img_puff{
	  width:60%;
	  margin:0 auto;
  }
  #page.product .box_accordion .box_accordion_inner .box_accordion_list_item .how_to_use_container .how_to_use_right img{
	  width:100%;
	  height:auto;
  }  
  
  
  #page.product .box_accordion .box_accordion_inner .box_accordion_notes {
    margin-top: 3.3333em;
    font-size: 120%;
  }
  #page.product .box_accordion .box_accordion_inner .box_component .box_component_name {
    margin-bottom: 0.625em;
    font-size: 1.4em;
  }
  #page.product .box_accordion .box_accordion_inner .box_component .box_component_border {
    display: block;
    margin-bottom: 1.5em;
    width: 3.8em;
    height: 1px;
    background: #d0d0d0;
  }
  #page.product .box_accordion .box_accordion_inner .box_component .box_component_detail {
    font-size: 140%;
  }
  #page.product .box_step .img_step {
    width: 83.5821%;
    margin: 0 auto;
  }
  #page.product .box_step .btn_accordion {
    padding-left: .5em !important;
  }
}