@charset "UTF-8";
/*----------------------------------------------------
	商品ページ共通・調整
----------------------------------------------------*/
#productCnt {
  font-size: 120%;
  line-height: 1.5;
}

/* review
----------------------------------------------------*/
#itemReview {
  width: 660px;
  margin-top: 50px;
}
#itemReview .inner {
  position: relative;
  padding: 15px;
  background: url(/common/images/product/review_bg.png) repeat top left;
}
#itemReview h4 {
  margin-bottom: 10px;
  line-height: 0;
}
#itemReview .total {
  position: absolute;
  top: 25px;
  right: 15px;
  text-align: right;
  font-weight: bold;
  font-size: 120%;
}
#itemReview .reviewBox {
  padding: 15px;
  border: solid 1px #FDE3EA;
  background: #fff;
}
#itemReview h5 {
  margin-bottom: 10px;
  font-size: 140%;
  font-weight: bold;
}
#itemReview .comment {
  font-size: 120%;
  line-height: 1.6;
  letter-spacing: 1px;
}
#itemReview .comment a {
  color: #F67796;
}
#itemReview .name {
  margin-top: 10px;
  text-align: right;
}
#itemReview ul.reviewBtn {
  margin-top: 15px;
  padding: 15px 155px 0;
  border-top: dotted 1px #ccc;
	zoom: 1;
}
#itemReview ul.reviewBtn:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* information
----------------------------------------------------*/
#itemInfo.itemInformation {
  /* width: 100%; */
  margin-top: 50px;
}
#itemInfo.itemInformation.for-SP {
  padding-right: 4vw;
  padding-left: 4vw;
}
#itemInfo.itemInformation .itemInformation__title{
  text-align: left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' role='img' aria-label='＊' width='50' height='50' viewBox='0 0 50 50' fill='%23F67796'%3E%3Cpath d='M25,0L28.91 15.56 42.68 7.32 34.44 21.09 50 25 34.44 28.91 42.68 42.68 28.91 34.44 25 50 21.09 34.44 7.32 42.68 15.56 28.91 0 25 15.56 21.09 7.32 7.32 21.09 15.56z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;    
}

#itemInfo.itemInformation.for-PC .itemInformation__title{
  padding-left: 26px;
  background-size: 18px auto;
}
#itemInfo.itemInformation.for-PC .itemInformation__title img{
  width: auto;
  height: 26px;
}

#itemInfo.itemInformation.for-SP .itemInformation__title{
  padding-left: 40px;
  background-size: 32px auto;
}
#itemInfo.itemInformation.for-SP .itemInformation__title img{
  width: 268px;
  height: auto;
}

#itemInfo.itemInformation .itemInformation__body{
}
#itemInfo.itemInformation .itemInformation__item{
  display: block;
  background-color: #fff;
  /* border: 3px solid #8BC37D; */
  border: 3px solid #99B9E5;
  border-radius: 10px;
  margin-top: 16px;
}

/* 全成分 */
#itemInfo.itemInformation .itemInformation__ingredients{  
  padding: 16px 16px;
  color: #0050BE;
}
#itemInfo.itemInformation.for-PC .itemInformation__ingredients{
  display: inline-flex;
  align-items: center;
}
#itemInfo.itemInformation.for-PC .itemInformation__ingredients:hover {
  opacity: 0.7;
}
#itemInfo.itemInformation.for-SP .itemInformation__ingredients{
  display: flex;
  align-items: center;
}
#itemInfo.itemInformation .itemInformation__ingredients__icon{  
}
#itemInfo.itemInformation .itemInformation__ingredients__icon img{
  width: 100%;
  height: auto;
}
#itemInfo.itemInformation.for-PC .itemInformation__ingredients__icon{
  width: 32px;
  height: 32px;
}

#itemInfo.itemInformation.for-SP .itemInformation__ingredients__icon{
  width: 48px;
  height: 48px;
}
/* ボタンの矢印 */
#itemInfo.itemInformation .itemInformation__ingredients__label{
  margin-left: 16px;
  /* background-repeat: no-repeat;
  background-position: right center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' role='img' aria-label='→' width='25' height='17.68' viewBox='0 0 100 70.7' fill='%230050BE'%3E%3Cpath d='M77.3 25.6h-2.9c-1.4-3.3 4.3-3.3 3 0zm-4.8 14.6c-2.8.6-3.6 3.5-5.9 4.6-1.8 2-3.6 4-5.8 5.6-4.4.2-2.2 2.8-6.8 1.1-1.2 3 4.7 3 0 3.4-.1-1.5-2.5-1.2-2 1.2-.2 2.3-2.6-1.7-2.9 2.2 2.7 2.9.6 9.4 4.9 12.4 7.9-1 11-7.6 14.6-13.5 4 0 5-7.8 7.7-5.7 2.4-2.4 3.4-5.3 4.9-6.7 2.5-2.5 4.5-2.8 6.8-4.6 1.5-1.1 3.7-1.9 3.9-4.5 4-.7 11-6.3 6.8-15.8-6-1.8-5.5-2.8-11.7-3.4C85 12 79.4 14 74.4 11c-4-1.3-7.4-4.3-9.7-5.6-1.1-.7-3 0-3 0-4.5-2.4-7-7.1-13.5-4.6-.9 4.5-.9 5.7 0 10.2 3.8 5 12.1 4.7 15.5 10.2 1.9-2.1 8.7-.4 9.7 2.2-10.4 5.7-23 4.2-37 4.5-11.9.3-24 .3-36.4.3v10.2c11.2.4 22 .7 31.6.8 13.8.2 27.4-1.3 40.9 1.1z'/%3E%3C/svg%3E");   */
}
#itemInfo.itemInformation.for-PC .itemInformation__ingredients__label{
  font-size: 16px;
  padding-right: 32px;
  background-size: 16px auto;
}

#itemInfo.itemInformation.for-SP .itemInformation__ingredients__label{
  font-size: 26px;
  padding-right: 46px;
  background-size: 26px auto;
}

/* recommend
----------------------------------------------------*/
#itemReco {
  width: 660px;
  margin-top: 50px;
}

/* author information
----------------------------------------------------*/
.authorInformation {
  padding: 30px 0;
}
.authorInformation.for-SP {
  padding-right: 4vw;
  padding-left: 4vw;
}
.authorInformation__container {
  width: 100%;
  padding: 34px 48px 44px 42px;
  border: 16px solid #e6f1fe;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.authorInformation__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
}
.authorInformation__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #0050be;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 53px;
}
.authorInformation__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
}
.authorInformation__title::before {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' role='img' aria-label='＊' width='50' height='50' viewBox='0 0 50 50' fill='%230050be'%3E%3Cpath d='M25,0L28.91 15.56 42.68 7.32 34.44 21.09 50 25 34.44 28.91 42.68 42.68 28.91 34.44 25 50 21.09 34.44 7.32 42.68 15.56 28.91 0 25 15.56 21.09 7.32 7.32 21.09 15.56z'/%3E%3C/svg%3E");
  background-size: cover;
  position: absolute;
  left: -38px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.authorInformation__name {
  font-size: 22px;
}
.authorInformation__content {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.authorInformation__sns {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.authorInformation__topButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 15px 21px 15px 37px;
  margin: 0 auto;
  box-sizing: border-box;
  border: #0050be 2px solid;
  border-radius: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #0050be;
  text-decoration: none;
  cursor: pointer;
}
.authorInformation__topButton:hover {
  opacity: 0.7;
}
.authorInformation__topButton:visited {
  color: #0050be;
}
.authorInformation__topButton::after {
  content: "＞";
  font-size: 12px;
  font-weight: bold;
  color: #0050be;
  margin-left: 11px;
}


/* 新成分表ボタン用 */

#itemInfo.itemInformation .itemInformation__title {
  position: relative;
}

#itemInfo.itemInformation .itemInformation__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#itemInfo.itemInformation .itemInformation__item.is-open {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.itemInformation__ingredients_listicon {
  margin-right: 33px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-image: url('/common/images/product/seibun_opneBtn.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.4s;
}

.itemInformation__ingredients_listicon.is-open {
  margin-right: 33px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-image: url('/common/images/product/seibun_closeBtn.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 0.4s;
}

.product_seibun {
  padding-top: 20px;
  padding-bottom: 40px;
  margin-top: -7px;
  background-color: #fff;
  display: none;
  width: 654px;
}

.product_seibun .listTitle {
  display: block;
}

.product_seibun.is-open {
  border-right: 3px solid #99B9E5;
  border-left: 3px solid #99B9E5;
  border-bottom: 3px solid #99B9E5;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.product_seibun.for-SP {
  width: 602px;
  margin-left: auto;
  margin-right: auto;
}

.product_seibun table {
  margin-right: auto;
  margin-left: auto;
}