@charset "utf-8";

body{
	background:#fff; margin:0; padding:0; text-align:center;
}
.service-image__wrapper{
 width:100%;
 margin:0;
 padding:0;
 background-image:url(../../g6/shinki/image/shinki_bg.jpg);
 background-repeat:repeat-y;
 background-position:center;
}
.service-image__contents{
	width:948px;
	margin:0 auto;
}

/*---- おためし追跡バナー/start ----*/
#tabArea {
	position:relative;
}
.otameshi_bnr_wrapper {
	position:absolute;
	top:0;
	right:-90px;
	width:70px;
}
.otameshi_bnr {
	position:fixed;
	z-index:100;
}
/*---- おためし追跡バナー/end ----*/

/*---- Oisixとは/start ----*/
.service-img__message li {
  margin:0;
  padding:0;
  line-height:0;
}
.service-image__item-list-mama{
  background:#fcefea;
}
h2.service-image__items--mama__title{
  position:relative;
  height:auto;
  text-align:center;
}
.service-image__items--mama__title__img{
  position:relative;
  z-index:1;
}
.service-image__items--mama__title:before{
  content:'';
  display:block;
  width:100%;
  height:4px;
  position:absolute;
  top:75px;
  border-top:3px solid #000;
  border-bottom:3px solid #000;
}
.service-image__items--mama__title:after{
  content:'';
  display:block;
  width:100%;
  height:75px;
  position:absolute;
  top:0;
  background:#fff9e3; 
}
.service-image__items__title--sub {
  margin:30px 0 20px;
  text-align:left;
}
.service-img__advantage,.service-img__safety,.service-img_closing {
  margin:80px 0;
}
.service-img__safety-notes,.service-image__items-notes {
  margin:15px 15px 0;
  font-size:16px;
  text-align:right;
}
.service-img__bnr {
  margin:40px 0 80px;
}
.service-img__bnr--ttl {
  margin:0 0 20px;
}
/*---- Oisixとは/end ----*/

/*---- スライダー/start ----*/
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on:February 7, 2016
 */
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-container-no-flexbox .swiper-slide {
  float:left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient:vertical;
  -moz-box-orient:vertical;
  -ms-flex-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-transition-property:-webkit-transform;
  -moz-transition-property:-moz-transform;
  -o-transition-property:-o-transform;
  -ms-transition-property:-ms-transform;
  transition-property:transform;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
.swiper-slide {
  -webkit-flex-shrink:0;
  -ms-flex:0 0 auto;
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height:auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align:start;
  -ms-flex-align:start;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-transition-property:-webkit-transform, height;
  -moz-transition-property:-moz-transform;
  -o-transition-property:-o-transform;
  -ms-transition-property:-ms-transform;
  transition-property:transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  z-index:10;
  cursor:pointer;
}
.swiper-button-prev:before,
.swiper-button-next:before {
	display:block;
	content:"";
	position:absolute;
	top:50%;
	margin-top:-30px;
  width:40px;
  height:60px;
	background:#000;
	opacity:.3;
	z-index:1;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	display:block;
	content:"";
	position:absolute;
	top:50%;
	margin-top:-8px;
  width:13px;
  height:13px;
	z-index:1;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity:0.35;
  cursor:auto;
  pointer-events:none;
}
.swiper-button-prev:before,
.swiper-container-rtl .swiper-button-next:before{
  left:0;
  right:auto;
}
.swiper-button-next:before,
.swiper-container-rtl .swiper-button-prev:before{
  right:0;
  left:auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after{
  left:15px;
  right:auto;
	border-bottom:3px solid #fff;
	border-left:3px solid #fff;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after{
  right:15px;
  left:auto;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
}
/* Pagination Styles */
.swiper-pagination {
  position:absolute;
  text-align:center;
  -webkit-transition:300ms;
  -moz-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
  -webkit-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  z-index:10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity:0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom:10px;
  left:0;
  width:100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:#000;
  opacity:0.2;
}
button.swiper-pagination-bullet {
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -webkit-appearance:none;
  appearance:none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background:#fff;
}
.swiper-pagination-bullet-active {
  opacity:1;
  background:#75932F;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background:#fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background:#000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right:10px;
  top:50%;
  -webkit-transform:translate3d(0px, -50%, 0);
  -moz-transform:translate3d(0px, -50%, 0);
  -o-transform:translate(0px, -50%);
  -ms-transform:translate3d(0px, -50%, 0);
  transform:translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin:5px 0;
  display:block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 5px;
}

/*
Oisixのオリジナル
*/
.swiper-container {
	width:100%;
	margin:5px auto 25px;
}
a.service-image__items__child__link {
	color:#000;
}
.service-image__items__child {
	width:355px;
	height:355px;
	float:left;
	margin-left:10px;
	border:2px solid #ccc;
	overflow:hidden;
  background:#fff;
}
.swiper-wrapper--mama .service-image__items__child{
	width:270px;
  height:312px;
}
.service-image__items__child:first-child {
	margin-left:20px;
}
.service-image__items__child:last-child {
	margin-right:20px;
}
.service-image__items__child__inner {
	padding:7px 10px 0;
	text-align:left;
}
.swiper-wrapper--mama .service-image__items__child__inner {
	padding:6px 10px 0;
	text-align:left;
}
.service-image__items__child__name {
	overflow:hidden;
	/*white-space:nowrap;*/
	text-overflow:ellipsis;
	color:#000;
	font-size:16px;
	line-height:1.4;
    font-weight:bold;
}
.swiper-wrapper--mama .service-image__items__child__name {
  white-space:normal;
}
.service-image__items__child__name .itemDetailLink {
	color:#000;
	font-size:16px;
	line-height:1.4;
}
.service-image__items__child__lower {
	position:relative;
	height:28px;
}
.service-image__items__child__price {
	position:absolute;
	left:0;
	bottom:0;
	font-size:16px;
}
.service-image__items__child__voice {
	position:absolute;
	bottom:0;
	right:0;
	font-size:16px;
}
.swiper-wrapper--mama .service-image__items__child__voice{
  display:none;
}
/* 商品一覧のリンクを無効にする */
a.itemDetailLink {
  pointer-events:none;
}
/*---- スライダー/end ----*/


/*
ママ入会LP
*/
#tabBox {
 border-top:7px solid #f7771D;
}
.oic-intro-mama__for-child{
  position:relative;
}
.oic-intro-mama__for-child__btn{
  width:38%;
  position:absolute;
  bottom:4%;
  right:9%;
}
.oic-intro-mama__milk{
  padding:6% 0;
  background:#fff9e3;
}
.oic-intro-mama__milk__img02{
  margin-top:7%;
}
.oic-intro-mama__milk__img03{
  margin-top:5%;
}
.oic-intro-mama__why{
  padding-bottom:50px;
  background:url(../../kounyuu/image/oic_intro_mama_why_bg.png) center 200px;
  text-align:center;
}
.oic-intro-mama__why__main{
  position:relative;
  text-align:center;
}
.oic-intro-mama__why__main:before{
  position:absolute;
  content:'';
  background:#fff;
  width:100%;
  height:89%;
  left:0;
}
.oic-intro-mama__why__main__img{
  position:relative;
  z-index:1;
}
.oic-intro-mama__why__title{
  padding:20px 0 40px;
}
.oic-intro-mama__why__title>img{
  margin-left:14px;
}
.oic-intro-mama__why__regist{
  margin-top:60px;
}
.oic-intro-mama__why__regist__btn{
  display:block;
  margin-top:30px;
}
.oic-intro-mama__customer-voice{
  margin:60px 0;
  text-align:center;
}
.oic-intro-mama__closing{
  margin-top:60px;
}