@charset "utf-8";
/* CSS Document */


.img-width-adjuster {
  width: 96%;
  margin: 0 auto;
  display: block;
}

.border-bottom-dashed {
  border-bottom: dashed 1px #bfbfbf;
}

.fw_bold {
  font-weight: bold;
}

.mb15 {
  margin-bottom: 15px;
}

.mb30 {
  margin-bottom: 30px;
}


/*商品の特徴
------------------------------------------*/

/*product_feature_deepSleep*/
.product_feature_deepSleep {
  background: url(../img/glyna_product_feature_bg_outer_01.jpg) repeat-y center center;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.deepSleep_title {
  display: inline-block;
  width: 75%;
  margin: 10px 0 10px;
}

.deepSleep_photo {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 26%;
}

.deepSleep_contents {
  background: url(../img/glyna_product_feature_bg_inner_01.jpg) repeat center center;
  padding-top: 5px;
  padding-bottom: 10px;
}

.deepSleep_content {
  width: 90%;
  margin: 0 auto;
  padding-right: 5px;
  line-height: 1.2em;
}

.deepSleep_content_title {
  margin: 0;
  padding-top: 15px;
  font-weight: bold;
}

.deepSleep_content_title {
  font-size: 17px;
  padding-bottom: 10px;
  padding-left: 25px;
  background: url(../img/glyna_product_feature_title_icon.png) no-repeat left center;
  background-size: 20px;

}

.deepSleep_content_image {
  margin: 0;
  width: 100%;
  padding-top: 15px;
}


/*product_feature_morning_upper*/

.product_feature_morning_upper {
  background: url(../img/glyna_product_feature_bg_outer_02.png) left bottom no-repeat;
  background-size: contain;
}

.product_feature_morning_upper .morning_contents {
  width: 65%;
  padding: 20px 0;
  margin-left: auto;
}

.morning_contents_text {
  display: inline-block;
  padding-bottom: 20px;
  margin-left: auto;

}


/*product_feature_morning_lower*/

.product_feature_morning_lower {
  background: url(../img/glyna_product_feature_bg_outer_03.jpg) top no-repeat;
  background-size: cover;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}

.product_feature_morning_lower .morning_contents {
  background: url(../img/glyna_product_feature_bg_inner_02.png) no-repeat center center;
  padding-top: 5px;
  box-shadow: 0px 0px 5px 0px;
}


.morning_image {
  width: 93%;
  margin: 0 auto;
}

.morning_graph_quote {
  font-size: 12px;
  padding: 5px 0 10px;
  width: 91%;
  margin: 0 auto;

}

/*product_feature_active*/

.product_feature_active {
  border-radius: 5px;
}

.active_content {
  padding: 10px 0;
}


.active_title {
  background: url(../img/active_border.png) repeat-x bottom;
  background-size: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  font-weight: bold;
}

.active_title:before {
  content: "";
  background: url(../img/active_title_icon.png) no-repeat center center;
  background-size: contain;
  height: 14px;
  width: 11px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}


.active_title,
.active_text {
  width: 93%;
  margin: 0 auto;
}

.active_text {
  padding: 10px 0;
}

.active_text p:last-child {
  font-size: 12px;
}


/*pd_about_glycine
-------------------------------------------------*/

/*about_glycine_mainDescription*/
.about_glycine_mainDescription {
  margin-bottom: 20px;
  position: relative;
}



.mainDescription_wrapper {
  background: url(../img/glyna_product_feature_bg_outer_04-2.png) no-repeat center top;
  background-size: cover;
  padding-top: 45px;
  padding-bottom: 15px;
}

.mainDescription_contents {
  padding: 3px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 10px -2px;
}

.mainDescription_contents_inner {
  background-color: #fff;
  padding: 10px 0 5px;
}

.mainDescription_content {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 10px;
  font-size: 0;
}

.mainDescription_content_title {
  background: url(../img/mainDesctiption_content_title_border.png) repeat-x center bottom;
  background-size: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}

.mainDescription_content_photo {
  display: inline-block;
  position: absolute;
  top: -18px;
  right: 5px;
  width: 26%;
}

.mainDescription_content_text {
  display: inline-block;
  width: 75%;
}

.mainDescription_content_text:last-child {
  display: inline-block;
  width: 100%;
}

.mainDescription_content_image {
  display: inline-block;
  width: 25%;
  vertical-align: top;

}


/*about_glycine_research*/


.about_glycine_research {
  background: url(../img/glyna_product_feature_bg_outer_05.jpg) center center;
  background-size: 3%;
  padding: 15px 0;
  margin-bottom: 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.glycineResearch_contents {
  position: relative;
  background: #fff;
}

.glycineResearch_title {
  z-index: 10;
  position: relative;
  width: 80%;
  margin-bottom: 20px;
  padding-left: 4%;
  padding-top: 5px;
}

.glycineResearch_photo {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 28%;
  min-width: 90px;
  z-index: 0;

}

.glycineResearch_content {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 20px;
}

.glycineResearch_content_title {
  margin-bottom: 5px;
  font-weight: bold;
}

/*mamechishiki*/

.mamechishiki_contents {
  background: url(../img/mamechishiki_bg.jpg);
  border-radius: 5px;
  padding-bottom: 5px;
}

.mamechishiki_content_upper_left {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-left: 3%;
}

.mamechishiki_content_upper_right {
  display: inline-block;
  width: 55%;
  margin-left: 5px;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-right: 3%;
}

.mamechishiki_title {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 10px;
}

.mamechishiki_title:before {
  content: "";
  background: url(../img/mamechishiki_title_icon.png) no-repeat right top 3px;
  background-size: contain;
  width: 11px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}

.mamechishiki_topic {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
}

.mamechishiki_content_lower_text {
  padding-bottom: 15px;
  margin: 0 3%;
}

.product_feature_customerVoice.bg-beige {
  display: none;
}