@charset "UTF-8";

:root {
	--white:       #ffffff;
	--black:       #000000;
	--gray:        #666B6C;
	--lightgray:   #F7F7F7;
	--linegray:    #cccccc;
	--red:         #F53131;
	--bgmint:      #E4F2F1;
	--lightmint:   #B8DFDC;
	--darkmint:    #9BBAB8;
	--mint:        #007378;
}
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	color: var(--gray);
	scroll-behavior: smooth;
	font-family: 'source-han-sans-japanese',' sofia-pro', sans-serif;
	font-weight: 400;
}
#aden{
	width: 100%; margin: 0 auto;
	font-size: 1.4rem; line-height: 1.6;
	overflow:hidden;
	background-color: var(--bgmint);
}
#aden img{width: 100%; vertical-align: top;}
#aden strong{font-weight: bold;font-weight: 700;}
#aden h1{border: none;}
#aden h2{
	font-size: 2rem;
	margin-bottom: 1rem;
	text-align: center;
	color: var(--mint);
	letter-spacing: 1px;
	letter-spacing: 1;
	font-family: 'source-han-sans-japanese',' sofia-pro', sans-serif;
}
#aden h3{
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
	text-align: center;
	color: var(--mint);
	font-weight: bold;
	letter-spacing: 1;
	font-family: 'source-han-sans-japanese',' sofia-pro', sans-serif;
}
#aden h3 span{font-size: 1.8rem; display: block;}
#aden h4{
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: left;
	margin-bottom: 1rem;
	color: var(--mint);
	font-weight: bold;
	font-family: 'source-han-sans-japanese',' sofia-pro', sans-serif;
}
#aden p{ margin-bottom: .5rem; font-size: 1.2rem; color: var(--gray);font-family: 'source-han-sans-japanese',' sofia-pro', sans-serif;}
#aden .caution{font-size: 10px;}
#aden ul.caution{width: 90%; margin: 0 auto;}
#aden .caution li{list-style: disc!important;}
#aden .sp { display: block;}
#aden .pc { display: none;}
#aden .tx-red{color: var(--red) !important;}
#aden a{color: var(--mint); text-decoration: none;}

/*ボタン*/
#aden .btn,
#aden a.btn,
#aden button.btn {
max-width: 250px; margin: 0 auto 30px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: var(--white);
  background-color: var(--mint);
	border-radius: 0;
}
#aden .btn:after,
#aden a.btn:after,
#aden button.btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
#aden a:hover img{opacity: .8;}
#aden .bnr{width: 96%; margin: 0 auto;}
#aden .bnr li{margin-bottom: 5%;}

#aden .main-wrapper{
	padding-top: 60px;
	background-color: var(--lightmint);
}
#aden .main-column {
	height: 90vh;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#aden .main-logo {
	background-color: var(--lightmint);
	background-size: cover;
	/*padding-top: 50px;*/
}
#aden .main-logo img[src*="logo.png"]{max-width: 100px; display: block; margin: 0 auto 30px;}
#aden .main-img {display: none;}
#aden .main-column-txt{
	font-size: 2.4rem; margin-top: 2.5%;
	color: var(--mint); letter-spacing: 1px;
	font-family: 'sofia-pro', sans-serif;
	font-weight: 400;
}
#aden .concept-wrapper {margin-bottom: 15%;}
#aden .concept-wrapper .concept-contents-box {
	padding: 4% 2%;
	border-top: 40px solid var(--lightmint);
	border-bottom: 40px solid var(--lightmint);
	border-left: 20px solid var(--lightmint);
	border-right: 20px solid var(--lightmint);
	background-color: var(--white);
	text-align: center;
}
#aden .concept-wrapper .concept-contents-box:first-child{border-bottom: 0;}
#aden .concept--img {max-width: 200px; margin-bottom: 1rem; margin-top:20px; }
#aden .concept--tit{font-size: 1.4rem; margin-bottom: 1.5rem; color: var(--gray);}
#aden .concept--txt{font-size: 1.2rem; line-height: 2; margin-bottom: 1.5rem;}
#aden .concept--icon{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	margin-bottom: 5%;
}
#aden .concept--icon-box{
	width: calc(100% / 3);
	font-size: 1rem;
	margin: 0 5px;
	font-weight: 700;
}
#aden .concept--icon-img{width: 50%; margin-bottom: 1.5rem;}
#aden p.concept--icon-txt{color: var(--mint)!important; font-size: 1rem;}

#aden .lineup-contents{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
	flex-wrap: wrap;
    padding: 2.5% 0;
}
#aden .lineup-contents-box{
	width: 49.9%;
	position: relative;
	overflow: hidden;
	max-width: calc(100% / 2);
	height: 100px;
	border: 1px solid var(--white);
	background-color: var(--darkmint);
	font-size: 1.6rem; font-weight: 700;
	background-size: 100% !important;
}
#aden .lineup-contents-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
#aden .lineup-contents-box::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#aden .lineup-contents-box.swaddle {background: url(/freepage/ADE/img/lineup_swaddle.jpg) no-repeat center center;}
#aden .lineup-contents-box.bib {background: url(/freepage/ADE/img/lineup_bib.jpg) no-repeat center center;}
#aden .lineup-contents-box.blanket {background: url(/freepage/ADE/img/lineup_blanket.jpg) no-repeat center center;}
#aden .lineup-contents-box.towel {background: url(/freepage/ADE/img/lineup_towel.jpg) no-repeat center center;}
#aden .lineup-contents-box.gift {background: url(/freepage/ADE/img/lineup_gift.jpg) no-repeat center center;}
#aden .lineup-contents-box:hover:after {
opacity: .8;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#aden .lineup-contents-box a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	height: 100%;
	text-decoration: none;
	color: var(--white)
}
#aden .lineup-contents-box a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  transform: rotate(45deg);
  box-sizing: border-box;
}


#aden .design-wrapper{padding: 10% 0;}
#aden .design-contents-box{text-align: center; padding-bottom: 4%;}
#aden .design-contents-box.eto{background: var(--darkmint); border-right: 2px solid var(--bgmint);}
#aden .design-contents-box.disney{background: var(--lightmint);}
#aden .design-item--list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#aden .design-item--list a{color: var(--white); font-weight: 700;}
#aden .design--tit{color: var(--white) !important; font-size: 2rem; padding: 0;}
#aden .design--tit img[src*="logo-disney"]{max-width: 100px;}
#aden .design--img{margin-bottom: 4%;}

#aden .feature-wrapper{ width:96%; max-width: 1200px; margin: 0 auto;}
#aden .feature-wrapper .tabs {
  margin-top: 50px;
  margin: 0 auto 15%;
  border-radius: 20px;
	border-bottom:4px solid var(--lightmint);
}

/*タブのスタイル*/
#aden .feature-wrapper .tab_item {
  width: calc(100%/3);
  height: 50px;
  background-color: var(--bgmint);
  line-height: 50px;
  font-size: 1.2rem;
  text-align: center;
  color: var(--mint);
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	border-radius: 20px 20px 0 0;
	border-bottom:4px solid var(--lightmint);
	
}
#aden .feature-wrapper .tab_item:hover {
  opacity: 0.75;
}

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

/*タブ切り替えの中身のスタイル*/
#aden .feature-wrapper .tab_content {
  display: none;
  padding: 6% 4%;
  clear: both;
  overflow: hidden;
	border-radius:0 0 20px 20px;
	border-left:4px solid var(--lightmint);
	border-right:4px solid var(--lightmint);
	background-color: var(--white);
}
#aden .feature-wrapper .tab_content h3{
	text-align: left; font-weight: 400;
	margin-bottom: 2rem!important;
}
/*選択されているタブのコンテンツのみを表示*/
#mosrin:checked ~ #mosrin_content,
#howto:checked ~ #howto_content,
#okurumi:checked ~ #okurumi_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	border-top:4px solid var(--lightmint);
	border-left:4px solid var(--lightmint);
	border-right:4px solid var(--lightmint);
	border-bottom:4px solid var(--white)!important;
	background-color: var(--white)!important;
}

#aden .mosrin-contents,
#aden .howto-contents,
#aden .okurumi-step-contents,
#aden .mosrin-contents-box--list,
#aden .mosrin-contents-box{
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
    align-items: stretch;
	margin-bottom: 0;
	list-style: none;
	flex-wrap: wrap;
}
#aden .mosrin-contents-box--txt{width: calc(100% - 130px); margin-right:10px;}
#aden .mosrin-contents-box--img{width: 120px;}
#aden .mosrin-contents-box--list{
	width:100%;
	justify-content: flex-start;
	align-items: center;
}
#aden .mosrin-contents-box--list li{
	width:100%;
	justify-content: center;
	align-items: flex-start;
	 text-align: center;
}
#aden .mosrin-contents-box--list li{width: calc(80% / 3); margin: 0 10px;}
#aden .mosrin-contents-box--list .mosrin-contents-box--list-img{ width:90%; margin:0 auto 1rem;}
#aden .mosrin-contents-box--list .mosrin-contents-box--list-txt{ color: var(--mint); width: 100%; font-size: 1rem;}
#aden .howto-contents-box{ width: calc(100% / 3); text-align: center; color: var(--mint);}
#aden .okurumi-step-contents-box{display: flex; margin-bottom: 2rem; justify-content: flex-start;}
#aden .okurumi-step--img{width: 40%; margin-bottom: 1.5rem;}
#aden .okurumi-step--txt{width: calc(60% - 10px); margin-left: 10px;  margin-bottom: 1.5rem;}
#aden .okurumi-note-contents{padding: 1rem; border:2px solid var(--lightmint); border-radius:10px; margin-bottom: 2rem;}

#aden .store-wrap{ padding: 10% 0;}
#aden .store-contents{
	width: 100%; margin: 0 auto 5%; padding: 2.5% 0;
	display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap:wrap;
	margin-bottom: 0;
	list-style: none;
}
#aden .store-contents .btn{width: 100%; margin: 0 4px 2px; max-width: none;padding: 1rem 1.5rem; text-align: left;}
#aden .store-contents .btn::after{right: 15px;} 
#aden .about-contents{
	padding: 10% 0 0;
}
#aden div[class*="about-box-"]{
	text-align: center;
	color: var(--mint);
	background-color: var(--lightmint);
}
#aden .about-contents img[src*="logo.png"]{max-width: 100px; display: block; margin: 0 auto 40px;}
#aden .about-box-txt{padding: 10% 0;}
#aden .about-txt-inner{width: 100%; margin: 0 auto;}
#aden .about--tit{ width: 100%; font-weight: bold; font-size: 1.8rem; margin: 0 auto 1rem; color: var(--mint);}
#aden .about--txt{ width: 100%; margin: 0 auto; color: var(--mint);}
#aden .about-box-img{
					height: 300px;
					-webkit-transition: all .3s ease-out;
					-moz-transition: all .3s ease-out;
					-ms-transition: all .3s ease-out;
					transition: all .3s ease-out;
					background: url(/freepage/ADE/img/about_aden.jpg) no-repeat center center;
					background-size: 100%;
				}


			@media screen and (min-width:1200px) {
				#aden .sp { display: none;}
				#aden .pc { display: block;}
				#aden h2{font-size: 3.6rem;}
				#aden h3{font-size: 2.4rem;}
				#aden h4{font-size: 1.6rem;}
				#aden p{font-size: 1.4rem;}
				#aden .bnr{
					width: 100%; margin: 0 auto 2.5%;
					display: flex;
					flex-wrap: wrap;
				}
				#aden .bnr li{
					width: 48%; margin: 0 1% 2.5%;
				}
				#aden .bnr.single{
					display: block; text-align: center;
					margin: 0 auto 10%;
				}
				#aden .bnr.single li{
					width: 48%; margin: 0 auto;
				}
				#aden .main-wrapper {display: flex; padding-top: 0;}
				#aden .main-logo{padding-top:0;}
				#aden .main-logo img[src*="logo.png"]{max-width: 120px; display: block; margin: 0 auto 180px;}
				#aden .main-column {height: 100vh;}
				#aden .main-img {
					display: block;
					background: url(/freepage/ADE/img/main.jpg) no-repeat top center;
					background-size: cover;
					color: rgba(0,0,0,.7);
				}
				#aden .main-column-txt{
					font-size: 3.2rem;
				}
				#aden p.concept--icon-txt{font-size: 1.2rem;}
				#aden .concept-wrapper {
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					margin-bottom: 10%;
				}
				#aden .concept-wrapper .concept-contents-box {
					width: 50%; padding: 6% 2%; 
				}
				#aden .concept-wrapper .concept-contents-box:first-child{border-bottom: 40px solid var(--lightmint);}
				#aden .concept--img {max-width: 280px; margin-bottom: 1.5rem;}
				#aden .concept--tit {font-size: 1.8rem;}
				#aden .concept--txt {font-size: 1.6rem;}
				#aden .concept--icon-box{font-size: 1.2rem;}
				
				#aden .lineup-contents-inner{
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					padding: 2%;
					flex-direction: row;
				}
				#aden .lineup-contents-box{
					width: 49.9%;
					position: relative;
					overflow: hidden;
					max-width: calc(100% / 3);
					height: 300px;
					border: 2px solid var(--white);
					background-color: var(--darkmint);
					font-size: 2.4rem; font-weight: 700;
					background-size: cover !important;
				}
				#aden .feature-wrapper{width:70%; padding: 2.5% 0 !important;}
				#aden .feature-wrapper .tabs {margin-bottom: 0;}
				#aden .feature-wrapper .tab_item {font-size: 1.8rem;}
				#aden .design-wrapper{padding: 2.5% 0 !important;}
				#aden .design-contents{
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					padding-top: 2.5%;
				}
				#aden .design-contents-box{
					width: calc(50% - 1px);
				}
				#aden .design-contents-box.eto{border-right: 4px solid var(--bgmint);}
				#aden .design--tit{color: var(--white) !important; font-size: 3.6rem; height: 107px;}
				#aden .design--tit img[src*="logo-disney"]{max-width: 150px;}
				#aden .design--txt{color: var(--white); font-size: 1.8rem;}
				#aden .okurumi-step-contents-box{display: block; width: calc(100% / 3 - 30px); margin-bottom: 2rem;}
				#aden .okurumi-step--img,#aden .okurumi-step--txt{width: 100%; margin-left: 0;}
				#aden .howto-contents-box{ width: calc(100% / 6);}
				#aden .mosrin-contents h3{width: 100%;}
				#aden .mosrin-contents-box{width: 70%;}
				#aden .mosrin-contents-box--txt{width: 60%; margin-right: 20px;}
				#aden .mosrin-contents-box--img{width: calc(40% - 80px); margin-right: 40px;}
				#aden .mosrin-contents-box--list{
					width:27%;
					justify-content: flex-start;
					align-items: center;
				}
				#aden .mosrin-contents-box--list li{width: 100%; display: flex; justify-content: flex-start; align-items: center; text-align: left;}
#aden .mosrin-contents-box--list .mosrin-contents-box--list-img{ width: 60px; margin-right: 10px; margin-bottom: 1.5rem;}
#aden .mosrin-contents-box--list .mosrin-contents-box--list-txt{ color: var(--mint); width: calc(100% - 70px); margin-bottom: 1.5rem;}
				#aden .store-wrapper {padding:5% 0;}
				#aden .store-contents{width: 90%; padding: 2.5% 0 0;}
				#aden .store-contents .btn{width: 23%; margin: 0 10px 1.5rem; max-width: none; text-align: center;}
				#aden .about-contents{
					display: flex;
					justify-content: space-between;
					align-items:stretch;
					padding:0;
				}
				#aden div[class*="about-box-"]{
					width: 50%; padding: 0;
					text-align: center;
					display: flex;
					flex-wrap: wrap;
					align-items:center;
				}
				#aden .about-contents img[src*="logo.png"]{max-width: 120px; margin: 0 auto 100px;}
				#aden .about-txt-inner{width: 100%; margin: 0 auto;}
				#aden .about--tit{ width: 100%; font-weight: bold; font-size: 1.8rem; margin: 0 auto 1rem;}
				#aden .about--txt{ width: 100%; margin: 0 auto;}
				#aden .about-box-img{
					height: 532px;
					-webkit-transition: all .3s ease-out;
					-moz-transition: all .3s ease-out;
					-ms-transition: all .3s ease-out;
					transition: all .3s ease-out;
					background: url(/freepage/ADE/img/about_aden.jpg) no-repeat center center;
					background-size: cover;
				}
				
				} 
				@media screen and (max-width:375px) {
					#aden .main-column {height: 100vh;}
				}