@charset "UTF-8";

.linkbtn {
  position: relative;
  display: block;
  border-radius: 2.6rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 0.6rem 0;
  transition: 0.5s all;
  font-size: 16px;
}

.linkbtn .fa-angle-right {
  margin-left: 1rem;
  vertical-align: -0.2rem;
}

.linkbtn::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  content: "";
  border: 1px solid #ccc;
  transform: rotate(45deg) translateY(-50%);
  border-left: none;
  border-bottom: none;
  border-color: #00b2d8;
  margin-right: calc(11/320*100vw);
  width: calc(5/320*100vw);
  height: calc(5/320*100vw);
}

.linkbtn:hover {
  opacity: 0.7;
}

.linkbtn--b {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fcfdc+0,00b2d7+100 */
  background: #3fcfdc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3fcfdc 0%, #00b2d7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3fcfdc 0%, #00b2d7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3fcfdc 0%, #00b2d7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3fcfdc", endColorstr="#00b2d7",GradientType=0 );
  /* IE6-9 */
  border: solid 1px #00b2d8;
  color: #fff;
  font-weight: 500;
}

.linkbtn--b::after {
  border-color: #fff;
}

.linkbtn--b:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b2d7+0,3fcfdc+100 */
  background: #00b2d7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00b2d7 0%, #3fcfdc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00b2d7 0%, #3fcfdc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00b2d7 0%, #3fcfdc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00b2d7", endColorstr="#3fcfdc",GradientType=0 );
  /* IE6-9 */
  opacity: 1;
}

.linkbtn--y {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffbe+30,f4f700+100 */
  background: #feffbe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #feffbe 30%, #f4f700 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #feffbe 30%, #f4f700 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feffbe 30%, #f4f700 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feffbe", endColorstr="#f4f700",GradientType=0 );
  /* IE6-9 */
  border: solid 1px #cdd409;
  color: #000;
}

.linkbtn--y::after {
  border-color: #000;
}

.linkbtn--y:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffbe+30,f4f700+100 */
  background: #feffbe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f700 30%, #feffbe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f700 30%, #feffbe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f700 30%, #feffbe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f700", endColorstr="#feffbe",GradientType=0 );
  /* IE6-9 */
  opacity: 1;
}

.linkbtn--o {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c557+0,ff9000+100 */
  background: #f9c557;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f9c557 0%, #ff9000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f9c557 0%, #ff9000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9c557 0%, #ff9000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9c557", endColorstr="#ff9000",GradientType=0 );
  /* IE6-9 */
  color: #fff;
  border: solid 1px #ff9101;
  font-weight: 500;
}

.linkbtn--o::after {
  border-color: #fff;
}

.linkbtn--o:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9000+0,f9c557+100 */
  background: #ff9000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff9000 0%, #f9c557 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff9000 0%, #f9c557 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff9000 0%, #f9c557 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff9000", endColorstr="#f9c557",GradientType=0 );
  /* IE6-9 */
  opacity: 1;
}

.linkbtn--n {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d8ce4+0,014099+100 */
  background: #4d8ce4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4d8ce4 0%, #014099 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4d8ce4 0%, #014099 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4d8ce4 0%, #014099 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4d8ce4", endColorstr="#014099",GradientType=0 );
  /* IE6-9 */
  color: #fff;
  border: solid 1px #014098;
  font-weight: 500;
}

.linkbtn--n::after {
  border-color: #fff;
}

.linkbtn--n:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014099+0,4d8ce4+100 */
  background: #014099;
  /* Old browsers */
  background: -moz-linear-gradient(top, #014099 0%, #4d8ce4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #014099 0%, #4d8ce4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #014099 0%, #4d8ce4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#014099", endColorstr="#4d8ce4",GradientType=0 );
  /* IE6-9 */
  opacity: 1;
}

.Products__block {
	border: 2px solid #d1e1e7;
	border-radius: 8px;
	padding: 20px 15px;
	box-sizing: border-box;
	margin: 0 10px 20px;
}

.Products__block .head {
  padding: 0 calc(30/640*100vw);
}

.Products__block .ttl {
  font-size: 22px;
  margin-bottom: calc(20/640*100vw);
  line-height: 1.6;
  text-align: center;
}

.Products__block .ttl::before {
  display: inline-block;
  content: "";
  width: calc(27/640*100vw);
  height: calc(37/640*100vw);
  background: no-repeat center/cover;
  margin: 0 calc(6/320*100vw) calc(-2/320*100vw) 0;
}

.Products__block .ttl .pink {
  color: #ec79ac;
}

.Products__block .ttl .green {
  color: #a8d176;
}

.Products__block .ttl .orange {
  color: #f5a100;
}

.Products__block .ttl .blue {
  color: #52c3f1;
}

.Products__block .lead {
  font-size: 16px;
  line-height: 1.7;
}

.Products__block .lead span {
	color: #e83828;
}

.Products__block .lead--sub {
	font-size: 12px;
}

.Products__block .lead--sub a {
	text-decoration: underline;
}

.Products__items {
  padding: 6.25vw 4.6875vw 0;
}

.Products__item:not(:last-of-type) {
  margin-bottom: 9.375vw;
}

.Products__item__desc {
  background-color: #014099;
  color: #fff;
  padding: calc(20/320*100vw);
  margin: calc(10/320*100vw) auto 0;
  text-align: left;
}

.Products__item__desc p {
  margin: 0 0 3.125vw;
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
}

.Products__item__ttl {
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: calc(10/320*100vw);
  margin-bottom: calc(20/320*100vw);
}

.Products__item__img {
  width: 65.78125vw;
  margin: 0 auto 3.75vw;
}

.Products__item .Products__links {
  margin-bottom: 7.8125vw;
}

.Products__item .Products__links .linkbtn {
  margin: 0 auto;
  width: 62.5vw;
}

.Products__item .Products__links .linkbtn:first-child {
  margin-bottom: 3.125vw;
}

/*.Products__item .Products__links .linkbtn:nth-child(1) {
  background-color: #fafd15;
  color: #000;
  border-color: #cdd409;
}*/

/*.Products__item .Products__links .linkbtn:nth-child(1)::after {
  border-color: #000;
}*/

.Products__foot {
  font-size: 16px;
  text-align: center;
  margin: -2.34375vw 0 0 0px;
}

.Products__foot span {
  display: block;
  margin-bottom: calc(-12/320*100vw);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 400;
  color: #e83828;
}

.Products__items .footBtn {
	position: relative;
  display: block;
  text-align: center;
  border: solid 1px #00b2d8;
  font-size: 16px;
  border-radius: 37px;
  padding: calc(12/320*100vw);
  margin-top: calc(20/375*100vw);
}

.Products__items .footBtn::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	content: "";
	width: calc(36/640*100vw);
	height: calc(36/640*100vw);
	background: url( "../../../images/common/2018/arrow-y.png") no-repeat center/cover;
	margin-left: calc(70/320*100vw);
}

/*長いグラデーションボタン*/
.Products__items .footBtn.kanagiBtn {
  color: #fff;
  border: solid 1px #00b2d8;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fcfdc+0,00b2d7+100 */
  background: rgb(63,207,220); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(63,207,220,1) 0%, rgba(0,178,215,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(63,207,220,1) 0%,rgba(0,178,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(63,207,220,1) 0%,rgba(0,178,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fcfdc', endColorstr='#00b2d7',GradientType=0 ); /* IE6-9 */
}
.Products__items .footBtn.kanagiBtn::after {
  border-color: #fff #fff transparent transparent;
}
.Products__items .footBtn.kanagiBtn:hover,
.Products__items .footBtn.kanagiBtn:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b2d7+0,3fcfdc+100 */
  background: rgb(0,178,215); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0,178,215,1) 0%, rgba(63,207,220,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,178,215,1) 0%,rgba(63,207,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,178,215,1) 0%,rgba(63,207,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2d7', endColorstr='#3fcfdc',GradientType=0 ); /* IE6-9 */
  opacity: 1;
}

.Products__items .footBtn.hozonBtn {
  color: #fff;
  border: solid 1px #8cb1d7;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2daf1+0,8cb1d5+100 */
	background: #c2daf1; /* Old browsers */
	background: -moz-linear-gradient(top, #c2daf1 0%, #8cb1d5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c2daf1 0%,#8cb1d5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c2daf1 0%,#8cb1d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2daf1', endColorstr='#8cb1d5',GradientType=0 ); /* IE6-9 */
}
.Products__items .footBtn.hozonBtn::after {
  border-color: #fff #fff transparent transparent;
}
.Products__items .footBtn.hozonBtn:hover,
.Products__items .footBtn.hozonBtn:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cb1d5+0,c2daf1+100 */
	background: #8cb1d5; /* Old browsers */
	background: -moz-linear-gradient(top, #8cb1d5 0%, #c2daf1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8cb1d5 0%,#c2daf1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8cb1d5 0%,#c2daf1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cb1d5', endColorstr='#c2daf1',GradientType=0 ); /* IE6-9 */
}

.Products__items .footBtn.babyBtn {
  color: #fff;
  border: solid 1px #ec79ac;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7aacc+0,ec79ac+100 */
	background: #f7aacc; /* Old browsers */
	background: -moz-linear-gradient(top, #f7aacc 0%, #ec79ac 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7aacc 0%,#ec79ac 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7aacc 0%,#ec79ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7aacc', endColorstr='#ec79ac',GradientType=0 ); /* IE6-9 */
}
.Products__items .footBtn.babyBtn::after {
  border-color: #fff #fff transparent transparent;
}
.Products__items .footBtn.babyBtn:hover,
.Products__items .footBtn.babyBtn:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec79ac+0,ec79ac+40,f7aacc+100 */
	background: #ec79ac; /* Old browsers */
	background: -moz-linear-gradient(top, #ec79ac 0%, #ec79ac 40%, #f7aacc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ec79ac 0%,#ec79ac 40%,#f7aacc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ec79ac 0%,#ec79ac 40%,#f7aacc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec79ac', endColorstr='#f7aacc',GradientType=0 ); /* IE6-9 */
}

.Products__items .footBtn.goldBtn {
  color: #fff;
  border: solid 1px #62493e;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b7f71+0,62493c+100 */
	background: #9b7f71; /* Old browsers */
	background: -moz-linear-gradient(top, #9b7f71 0%, #62493c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #9b7f71 0%,#62493c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #9b7f71 0%,#62493c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b7f71', endColorstr='#62493c',GradientType=0 ); /* IE6-9 */
}
.Products__items .footBtn.goldBtn::after {
  border-color: #fff #fff transparent transparent;
}
.Products__items .footBtn.goldBtn:hover,
.Products__items .footBtn.goldBtn:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#62493c+53,9b7f71+100 */
	background: #62493c; /* Old browsers */
	background: -moz-linear-gradient(top, #62493c 53%, #9b7f71 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #62493c 53%,#9b7f71 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #62493c 53%,#9b7f71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62493c', endColorstr='#9b7f71',GradientType=0 ); /* IE6-9 */
}


#kanagi .Products__item__ttl {
  background-color: #00b2d8;
}

#kanagi .ttl {
  color: #00b2d8;
}

#kanagi .ttl::before {
  background-image: url( "../../../images/common/2018/ttl_icon01.png");
}

#hozon .Products__item__ttl {
  background-color: #8cb1d5;
}

#hozon .ttl {
  color: #014099;
}

#hozon .ttl::before {
  background-image: url( "../../../images/common/2018/ttl_icon02.png");
}

#hozon10 .Products__item__ttl {
  background-color: #8cb1d5;
}

#hozon10 .ttl {
  color: #cba022;
}

#hozon10 .ttl::before {
  background-image: url( "../../../images/common/2018/ttl_icon06.png");
}

#baby .Products__item__ttl {
  background-color: #ec79ac;
}

#baby .ttl::before {
  background-image: url( "../../../images/common/2018/ttl_icon03.png");
}

#gold .Products__item__ttl {
  background-color: #62493c;
}

#gold .ttl {
  color: #62493c;
}

#gold .ttl::before {
  background-image: url( "../../../images/common/2018/ttl_icon04.png");
}

#shimanekko .Products__item__ttl {
  background-color: #edb520;
}

#shimanekko .ttl {
  color: #edb520;
}

#shimanekko .ttl::before {
  background-image: url( "../../../images/common/2018/ttl_icon05.png");
}


/* */

.Products__item__ttl .expiration_date {
	display: block;
	margin: 0 auto;
}

.Products__item__ttl .expiration_date_inner {
	border-radius: 4px;
	font-size: 12px;
	line-height: 1;
	padding: 4px 8px 5px;
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
}

/* hozon_labelless */

.cbox_ycm_inner {
    padding: 0 4.6875vw;
}

#labelless {}

.labelless_banner {
    width: 100%;
    display: block;
}

.heading_text {
    font-size: 22px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    margin: 31px 0 29px;
}

.labelless_point {
    margin: 0 auto 0;
    position: relative;
}

.labelless_point_inner {
    background-color: #d8effc;
    padding: 16px 20px 15px;
    box-sizing: border-box;
    margin-top: 20px;
}

.labelless_point_inner p {
    color: #0e6eb7;
    font-weight: 500;
    margin: 0 !important;
}

#labelless_point_fukidashi_sp {
    width: calc(460/750*100vw);
    margin: -10px auto 0;
    display: block;
}

.sustainable_textbox {
    margin: 10px 0 40px 0;
}

.sustainable_textbox p {
    font-size: 12px;
}

.sustainable_text1 {
    border-bottom: 1px solid #000000;
    padding-bottom: 2px;
}

.sustainable_text2 {
    padding-top: 3px;
}

.labelless_text_img_sp {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.labelless_certification {
    border-top: 1px solid #000000;
    margin-top: 20px;
    padding: 24px 0 50px 0;
}


.labelless_certification dl {
    display: block;
    padding-bottom: 20px;
}

.labelless_certification dt,
.labelless_certification dd {
    display: block;
    box-sizing: border-box;
}

.labelless_certification dt {
    width: 100%;
}

.labelless_certification dt img {
    display: block;
    margin: 0 auto;
}

#halal_logo {
    width: calc(240/750*100vw);
}

#green_logo {
    width: calc(240/750*100vw);
}

#fsc_logo {
    width: calc(300/750*100vw);
}

.labelless_certification dd {
    width: 100%;
    margin: 17px 0 0;
    font-size: 12px;
}

.labelless_certification dd span {
    display: block;
    text-align: center;
}

/* sliderArea */

.sliderArea {
    width: 100%;
    display: block;
    overflow: hidden;
}