@charset "utf-8";
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
.txt_italic {
  font-style: italic;
}

.product_archive, .ingredient_archive, .product_detail, .ingredient_detail {
  margin: 85px 0;
}
@media screen and (max-width: 667px) {
  .product_archive, .ingredient_archive, .product_detail, .ingredient_detail {
    margin: 40px 0;
  }
}

.product_list .row, .ingredient_list .row {
  overflow: hidden;
}

.product_cap {
  margin-bottom: 10px;
  line-height: 1.8;
}
.product_cap:last-child {
  margin-bottom: 0;
}

.product_title {
  font-size: 1.2rem;
  color: #808080;
}

.product_name {
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 1.6;
}
.product_name a {
  display: inline-block;
  color: #217441;
}
.product_name a:hover {
  text-decoration: underline;
}

.product_company a {
  display: inline-block;
  color: #333;
  text-decoration: underline;
}
.product_company a:hover {
  text-decoration: none;
}

.btn-secondary {
  padding: 20px 0;
  font-size: 2.0rem;
  margin-top: 30px;
  width: 300px;
  background: none;
}

#wrapper #footnote_references_container {
  margin-bottom: 85px;
  font-size: 1.4rem;
}
#wrapper .footnote_container_prepare > p {
  padding: 0 0 5px !important;
}
#wrapper .footnote_container_prepare > p > span:first-child {
  padding-left: 0 !important;
  font-size: 2rem !important;
}
#wrapper .footnote_plugin_tooltip_text {
  font-size: 1.2rem;
}
#wrapper .footnote_plugin_index:before {
  content: '※';
}

/*------------------------------------------------------------
商品一覧
------------------------------------------------------------*/
.product_list {
  	/*.product_list_box {
  		padding-top   : 30px;
  		border-right  : 1px solid $color_border;
  		border-bottom : 1px solid $color_border;
  		&:nth-of-type(2n-1) {
  			border-left : 1px solid $color_border;
  		}
  		&:nth-child(1), &:nth-child(2) {
  			border-top : 1px solid $color_border;
  		}
  		.product_image {
  			a {
  				height : 150px;
  				width  : 150px;
  				margin : 0 auto;
  				&:hover {
  					opacity            : 0.7;
  					transition         : opacity .2s linear;
  					-webkit-transition : opacity .2s linear;
  				}
  			}
  		}
  	}
  */
}
.product_list .m-table {
  border-collapse: collapse;
  width: 100%;
}
.product_list .m-table th {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
.product_list .m-table td {
  border-collapse: collapse;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  vertical-align: middle;
}
.product_list .m-table td.product_image a {
  height: 100px;
  width: 100px;
}
.product_list .m-table td.product_image a:hover {
  opacity: 0.7;
  transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
}
.product_list .m-table td.product_cap a {
  text-decoration: underline;
  color: #333;
  display: inline-block;
}
.product_list .m-table td.product_cap a:hover {
  text-decoration: none;
}
.product_list .m-table td.product_cap a:after {
  content: '';
  display: inline-block;
  background: url(../common/images/icon_blank.png) 0 0 no-repeat;
  -webkit-background-size: 14px 14px;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  margin-left: 10px;
}
@media screen and (max-width: 667px) {
  .product_list {
    /*.product_list_box {
    	&:nth-child(2) {
    		border-top : none;
    	}
    	&:nth-of-type(2n) {
    		border-left : 1px solid $color_border;
    	}
    }
    .product_image {
    	text-align : center;
    	img {
    		height : 150px;
    		width  : 150px;
    	}
    }*/
  }
  .product_list .m-table th {
    font-size: 1.4rem;
    padding: 5px 10px;
  }
  .product_list .m-table td {
    font-size: 1.2rem;
    padding: 5px 10px;
  }
  .product_list .m-table td.product_image {
    width: 60px;
  }
  .product_list .m-table td.product_image a {
    width: 60px;
    height: 60px;
  }
  .product_list .m-table td.product_cap a:after {
    content: '';
    display: inline-block;
    background: url(../common/images/icon_blank.png) 0 0 no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
}

/*------------------------------------------------------------
成分一覧
------------------------------------------------------------*/
.ingredient_list_wrap .ingredient_list_box {
  padding: 0;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.ingredient_list_wrap .ingredient_list_box a {
  color: #217441;
  font-weight: bold;
  padding: 12px 12px 12px 40px;
  background: url(../images/top/guide_link_on_green.png) no-repeat left 20px center;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.ingredient_list_wrap .ingredient_list_box a:hover {
  background: #217441 url(../images/top/guide_link_on.png) no-repeat left 20px center;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.ingredient_list_wrap .ingredient_list_box .ingredient_list_box_link {
  display: table;
  width: 100%;
}
.ingredient_list_wrap .ingredient_list_box .ingredient_list_box_link span {
  display: table-cell;
  vertical-align: middle;
}
.ingredient_list_wrap .ingredient_list_box:first-child, .ingredient_list_wrap .ingredient_list_box:nth-child(2) {
  border-top: 1px solid #dddddd;
}
.ingredient_list_wrap .ingredient_list_box:nth-of-type(2n-1) {
  border-left: 1px solid #dddddd;
}
@media screen and (max-width: 667px) {
  .ingredient_list_wrap .ingredient_list_box:nth-child(2) {
    border-top: none;
  }
  .ingredient_list_wrap .ingredient_list_box:nth-of-type(2n) {
    border-left: 1px solid #dddddd;
  }
}

/*------------------------------------------------------------
商品詳細
------------------------------------------------------------*/
.product_detail .nintei_box {
  border: 1px solid #dddddd;
}
.product_detail .product_image {
  height: 350px;
  width: 350px;
  margin: 0 auto;
}
.product_detail .product_name a {
  color: #333;
  text-decoration: underline;
}
.product_detail .product_name img {
  vertical-align: middle;
  margin-left: 5px;
}
@media screen and (max-width: 667px) {
  .product_detail .product_image {
    height: 300px;
    width: 100%;
  }
  .product_detail .product_name {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------
成分詳細
------------------------------------------------------------*/
.ingredient_detail .ttl_02 {
  margin-bottom: 60px;
}
.ingredient_detail .seibun_img_wrap {
  overflow: hidden;
}
.ingredient_detail .seibun_img {
  text-align: center;
}
.ingredient_detail .seibun_img img {
  max-width: 100%;
  height: auto;
}
.ingredient_detail .seibun_box_table {
  display: table;
  width: 100%;
}
.ingredient_detail .seibun_box_table .seibun_img {
  display: table-cell;
  vertical-align: top;
  width: 40%;
}
.ingredient_detail .seibun_box_table .seibun_img img {
  max-width: 100%;
  height: auto;
}
.ingredient_detail .seibun_box_table #seibun {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  padding-left: 40px;
}
.ingredient_detail .nintei_image a {
  height: 200px;
}
.ingredient_detail .nintei_image a:hover {
  opacity: 0.7;
  transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
}
.ingredient_detail hr {
  margin: 0;
  border: none;
}
@media screen and (max-width: 667px) {
  .ingredient_detail .ttl_02 {
    margin-bottom: 40px;
  }
  .ingredient_detail .seibun_box_table {
    display: block;
  }
  .ingredient_detail .seibun_box_table .seibun_img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .ingredient_detail .seibun_box_table #seibun {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

/*# sourceMappingURL=product.css.map */