@charset "UTF-8";
/* CSS Document */
:root {
	--white:       #ffffff;
	--blue:        #5EA3D2;
	--yellow:      #FFF347;
	--gray:        #333333;
	--bgcolor:     #FDF8EF;
	--dwblue:      #009CDE;
}
#wakuwaku {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: var(--gray);
	scroll-behavior: smooth;
  background-image: linear-gradient(30deg, #be00ae, #e9450d 50%, #ee8e03);
	padding: .5% 0;
    overflow:hidden;
	
}

#wakuwaku section{width: 90%; margin: 0 auto;}
#wakuwaku .pc {display: none;}
#wakuwaku .sp {display: block; margin: 0 auto;}

#wakuwaku img{width: 100%;}
#wakuwaku img.hacobune-unit-video-thumbnail-icon{width: auto;}
#wakuwaku a{text-decoration: none; transition: all .5s;}
#wakuwaku a:hover{opacity: .8;}

#wakuwaku .btn {
max-width: 250px; margin: 0 auto 30px;
  font-size: .9rem;
  line-height: 1;
  position: relative;
  display: block;
  padding: .5rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: var(--gray);
  border-radius: 100vh;
	border: 1px solid var(--gray);
  background-color: var(--white);
	font-weight: 500;
	font-style: normal;
	transition: all .5s;
}
#wakuwaku .btn:hover {
	 color: var(--dwblue); border:1px solid var(--dwblue);
}
#wakuwaku .caution{font-size: 11px !important;}
#wakuwaku .txt-center{text-align: center !important;}
#wakuwaku .txt-orange{color:var(--orange) !important;}
#wakuwaku h1{border: none; margin: 0; padding: 0;}
#wakuwaku h2[class*="contents-tit"]{
	font-weight: 700;
	font-style: normal;
	font-size: 1.6rem;
	margin: 0 auto;
	padding: 5% 0 1.5rem;
	text-align: center;
	color: var(--white);
}
/*#wakuwaku h2[class*="contents-tit"] strong{
	background:linear-gradient(transparent 60%, #ff6 60%);
}*/
#wakuwaku h2[class*="contents-tit"] span{
	display: block; font-size: .8rem;
}
#wakuwaku .contents-txt{
	width: 96%; margin: 0 auto;
	color: var(--white); font-size: .9rem; padding: 4% 0;}


#wakuwaku .dli-arrow-down {
	  display: inline-block;
	  vertical-align: middle;
	  margin: 0 auto;
	  line-height: 1;
	  position: relative;
	  width: 0.1em;
	  height: 1em;
	  background: currentColor;
	}
#wakuwaku .dli-arrow-down::before {
	  content: '';
	  width: 0.65em;
	  height: 0.65em;
	  border: 0.1em solid currentColor;
	  border-top: 0;
	  border-right: 0;
	  transform: rotate(-45deg);
	  transform-origin: bottom left;
	  position: absolute;
	  left: 50%;
	  bottom: -0.05em;
	  box-sizing: border-box;
}
#wakuwaku .dli-arrow-down.arrow-orange{color: var(--orange);}
#wakuwaku .dli-arrow-down.arrow-blue {border-color: var(--blue);}
#wakuwaku .dli-arrow-down.arrow-gren {border-color: var(--green);}


#wakuwaku img[src*="main-visual.jpg"]{width: 100%; margin: 0 auto 2.5%; display: block;}
#wakuwaku img[src*="dadway-point.jpg"]{width: 90%; margin: 0 auto 2.5%; display: block;}

#wakuwaku div[class*="-contents"]{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%; margin: 0 auto; padding: 5% 0 0;
	max-width: 1200px;
}
#wakuwaku .pickup-contents{
	padding: 2% !important;
	border: 3px solid var(--yellow);
	background-color: var(--white);
	border-radius: 10px;
}
#wakuwaku .pickup-item-box{
	width: calc(100% / 2 - 20px);
	margin: 0 10px 10%;
}
#wakuwaku .pickup-item--img{position: relative; margin-bottom: .5rem;}
#wakuwaku .pickup-item--txt p{font-size: .8rem; margin: 0 0 .25rem 0;}
#wakuwaku .pickup-item--txt .item-txt--point{
	color: var(--dwblue); margin-bottom: 0;
	padding: 0 0 0 22px;
  background-image: url(../img/icon-point.png);
	background-size: 18px;
  background-repeat: no-repeat;
  background-position: top left;
}
#wakuwaku .item-txt--point > strong{font-weight: bold; font-size: 110%;}
#wakuwaku .pickup-item--txt .btn,
#wakuwaku .set-item--txt .btn{
	max-width: 150px; font-size: .8rem;
	margin: 0 auto;
}
#wakuwaku .item-img--txt{
	position: absolute;
	color: var(--blue); font-size: .6rem;
	width: max-content; font-weight: bold;
	background:  linear-gradient(transparent 0, var(--yellow) 0);
}
#wakuwaku .item-img--txt.babycar    {top: -5%; left:0; transform:rotate(-4deg);}
#wakuwaku .item-img--txt.chair      {bottom: -2%; right:0; transform:rotate(-6deg);}
#wakuwaku .item-img--txt.babycarrier{top: -10px; right:-10%; transform:rotate(12deg);}
#wakuwaku .item-img--txt.toy        {bottom: 0; left:-10%; transform:rotate(-8deg);}
#wakuwaku .item-txt--brand{font-weight: bold;}

#wakuwaku .present-contents{justify-content: flex-start!important; padding-top: 0!important;}
#wakuwaku .present-item--txt{
	width: 100%; margin: 0 auto 10%; padding: 5% 0 0;
}
#wakuwaku .present-item-box{
	width: 100%;
	margin: 0 auto;
}
#wakuwaku .present-item-txt-box{text-align: center;}
#wakuwaku .present-item--img{
	width: 95%;margin: 0 auto;
}
#wakuwaku .present-item-txt-box h3{
	font-weight: 500;
	font-style: normal;
	color: var(--blue);
	font-size: 14px; margin: 0 0 .5rem; padding: 0;
}
#wakuwaku .present-item-txt-box h3 span{display: block; font-size: 12px;}
#wakuwaku .present-item-txt-box p{margin: 0; font-size: 12px;}

#wakuwaku .set-item-box p{margin: 0;}
#wakuwaku .set-item-box p.item-txt--price{margin-bottom: 1.5rem;}
#wakuwaku .set-item-box{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	margin: 0 10px 10%;
}
#wakuwaku .set-item-box--inner{
	position: relative;
	border:1px solid var(--blue);
	border-radius: 20px;
	background-color: var(--white);
	padding: 20px;
}
#wakuwaku .set-item--icon{
	position: absolute;
	top: -20px; left: -10px;
	width: 120px;
	height: 60px;
	line-height: 30px;
	padding: 1rem;
	font-size: 1.2rem;
	display: block; text-align: center;
	background: var(--blue); color: var(--white);
	-moz-border-radius: 100px / 50px;
	-webkit-border-radius: 100px / 50px;
	border-radius: 100px / 50px;
	font-weight: 500;
	font-style: normal;
	z-index: 100;
}
#wakuwaku .set-item--img{width: 80%; margin: 0 auto;}
#wakuwaku .set-item--txt > p{font-size: .8rem;}
#wakuwaku .set-item--tit {
	padding: 0;
	color: var(--green); border-bottom: 1px solid var(--green);}
#wakuwaku .set-item--colorlist{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%; margin: 0 auto; padding: 5% 0 1.5rem;
}
#wakuwaku .set-item--colorlist li{
	width: 60px; margin: 0 10px; line-height: 1;
	text-align: center; font-size: .8rem;
	list-style: none;
}
#wakuwaku .set-item--colorlist li img{margin-bottom:.5rem; }

#wakuwaku .brand-contents{
	overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* モバイルデバイスでのスムーズなスクロール */
  padding: 0 !important; /* 内部の余白 */
	border-radius: 20px;
	margin-bottom: 1rem !important;
}
#wakuwaku .brand-list{
	display: flex;
	justify-content: flex-start;
	gap:10;
	align-items: flex-start;
	background-color: var(--white);
	border-radius: 10px;
}
#wakuwaku .brand-list li{width: 140px;}

#wakuwaku .all-item-tit{
		color: var(--orange);
		text-align: center;
}
#wakuwaku .all-item--list{
		margin: 0 auto 30px;
	padding: 5%;
    display: flex;
    flex-wrap: wrap;
		max-width: 1200px;
	background-color: var(--white);
	border-radius: 20px;
	}
	#wakuwaku .all-item--list li{
		width: 100%;
		margin: 0 10px 10px 0;
		list-style: none;
	}
	#wakuwaku .all-item--list li a{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transition: 0.5s;
		color: var(--gray);
		min-height: 60px;
		padding: 0 0 0 50px;
	}
	#wakuwaku .all-item--list li a:hover{color: var(--dwblue);}
	#wakuwaku .all-item--list li.item-carrier a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_carrier.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-babycar a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_stroller.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-childseat a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_childseat.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-drink a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_milk.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-bib a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_care.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-fashion a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_clothes.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-maternity a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_maternity.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-interior a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_furniture.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-teaser a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_goods.svg) left center no-repeat;
    background-size: 40px auto;
	}
	#wakuwaku .all-item--list li.item-toy a {
    background: url(https://www.dadway-onlineshop.com/img/usr/common/icon/icon_item_toy.svg) left center no-repeat;
    background-size: 40px auto;
	}

@media screen and (min-width: 1200px){
	#wakuwaku .pc {display: block;}
	#wakuwaku .sp {display: none;}
	#wakuwaku section{width: 100%;}
	#wakuwaku .btn {padding: 1rem;font-size: 1rem;}
	#wakuwaku .pickup-item-box{
	width: calc(100% / 4 - 20px);
	margin: 0 10px 1rem;
	}
	#wakuwaku h2[class*="contents-tit"]{font-size: 2.8rem; line-height: 1;}
	#wakuwaku h2[class*="contents-tit"] span{display: inline-block;font-size: 60%;}
	#wakuwaku h2[class*="contents-tit"] strong{line-height: 1.8;}
	#wakuwaku .contents-tit--pickup {border-color: var(--orange);}
	#wakuwaku .contents-tit--present{border-color: var(--blue);}
	#wakuwaku .contents-tit--set    {border-color: var(--green);}
	#wakuwaku img[src*="main-visual.jpg"]{width: 40%; margin-bottom: 2.5%;}
	#wakuwaku img[src*="dadway-point.jpg"]{width: 40%; margin-bottom: 2.5%;}
	#wakuwaku .contents-txt{text-align: center; font-size: 1.4rem; padding: 2% 0;}
	#wakuwaku .index-tit{font-size: 1.6rem;}
	#wakuwaku .index-list{padding-bottom: 7%; margin: 0 auto;}
	#wakuwaku .index-list li{
		width: 240px; margin: 0 15px;
		font-size: 1.6rem; text-align: center;
	}
	#wakuwaku .index-list li span{font-size: 1rem;}
	#wakuwaku .pickup-item--txt p{font-size: .9rem; margin: 0 0 .5rem 0;}
	#wakuwaku .item-img--txt{font-size: .8rem;}
	#wakuwaku .item-img--txt.babycar    {top: -5%; left:20%; transform:rotate(-4deg);}
	#wakuwaku .item-img--txt.chair      {bottom: 0; right:50%; transform:rotate(-6deg);}
	#wakuwaku .item-img--txt.babycarrier{top: -10px; right:10%; transform:rotate(12deg);}
	#wakuwaku .item-img--txt.toy        {bottom: 20%; left:0; transform:rotate(-8deg);}
	#wakuwaku .present-contents{justify-content: center !important;}
	#wakuwaku .present-item-box{
	width: calc(100% / 3 - 40px);
	margin: 0 20px 5%;
	}
	#wakuwaku .present-item--txt{margin-bottom: 0;}
	#wakuwaku .present-item-txt-box h3{font-size: 20px;}
	#wakuwaku .present-item-txt-box h3 span{font-size: 14px;}
	#wakuwaku .present-item-txt-box p{margin: 0; font-size: 14px;}
	#wakuwaku .set-item-box{
	width: calc(100% / 4 - 20px);
	margin: 0 10px;
	}
	#wakuwaku .present-item--img{width: 100%;}
	#wakuwaku .set-item--img{width: 90%;}
	#wakuwaku .set-item--icon{
	width: 120px;
	height: 60px;
	}
	#wakuwaku .all-item--list{
		margin: 0 auto 30px;
	}
	#wakuwaku .all-item--list li{
		width: calc((100% / 4) - 10px);
		margin: 0 10px 10px 0;
		list-style: none;
	}
	#wakuwaku .all-item--list li a{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transition: 0.5s;
		color: var(--gray);
		min-height: 60px;
		padding: 0 0 0 50px;
	}
	#wakuwaku .brand-list{width: 100%; justify-content: center !important;border-radius: 20px;}
	#wakuwaku .brand-list li{width: calc(100% / 8);}
	#wakuwaku .visumo-inner{max-width: 375px; margin: 0 auto;}
}
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  width: 100%; max-width: 1200px;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100% / 4 - 4px);
  height: 50px;
	margin-right:4px;
  border-bottom: 3px solid var(--blue);
  background-color:var(--blue);
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: var(--white);
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	border-radius: 20px 20px 0 0;
}
.tab_item:last-child{margin-right: 0;}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 4% 4% 0;
  clear: both;
  overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	  background-color: var(--white);
	border-radius: 0 0 20px 20px;
}
/*選択されているタブのコンテンツのみを表示*/
#CYBEX:checked ~ #CYBEX_content,
#nuna:checked ~ #nuna_content,
#bugaboo:checked ~ #bugaboo_content,
#ergo:checked ~ #ergo_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: var(--yellow);
  color: var(--blue);
}

.dli-arrow-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 0.1em; margin-left: 1rem;
  background: currentColor;
}

.dli-arrow-right::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}