.box2 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
color: #7b6960;/*文字色*/
background: #FFF;
border: solid 3px #7b6960;/*線*/
border-radius: 10px;/*角の丸み*/
}
.box2 p {
margin: 0;
padding: 0;
}
.box_11 {
position: relative;
background: #f8f4f1;
padding: 1.5em;
border: solid 1px #7b6960;
}
.box_11::after {
position: absolute;
content: '';
left: -1px;
top: -1px;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: #fff #fff #7b6960;
}
.box_15 {
background: #FFEFEA;
padding: 1.5em;
}
.box_15_ttl {
border-left: solid 4px #d93027;
padding-left: 15px;
color: #d93027;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
}
.box_15_txt {
margin-top: 10px;
}
.box_18 {
position: relative;
padding: 1.5em;
border: 2px solid #7b6960;
}
.box_18_ttl {
position: absolute;
padding: 0 0.5em;
left: 30px;
top: -10px;
background: #fff;
font-weight: bold;
color: #7b6960;
}
.box_16 {
border: 1px solid #7b6960;
}
.box_16_ttl {
margin: 0;
background: #7b6960;
color: #fff;
padding: 10px;
text-align: center;
font-weight: bold;
}
.box_16_txt {
margin: 0;
padding: 1em;
}
.box_17 {
position: relative;
background: #f8f4f1;
}
.box_17_ttl {
position: relative;
display: inline-block;
padding: 0.5em 2em;
background: #7b6960;
color: #fff;
font-weight: bold;
top: 20px;
left: -10px;
}
.box_17_ttl::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 10px transparent;
border-right: solid 10px rgb(149, 158, 155);
}
.box_17_txt {
margin: 0;
padding: 2em 1.5em 1.5em;
}
.box_20 {
border: 1px solid #7b6960;
background: #e7dfce;
padding: 1.5em;
}
.box_20_ttl {
border-left: solid 4px #7b6960;
padding-left: 10px;
color: #27acd9;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 15px;
}
.box_20_txt {
background: #fff;
border-radius: 10px;
padding: 1em;
margin-top: 10px;
box-shadow: 0 2px 3px #ccc;
}
hr{
height: 3px;
}
/* Quote Testimonial*/
.fuki {
position: relative;
padding: 1rem;
border-radius: 10px;
background-color: #e7dfce;
border: 2px solid #333;
}
.fuki::before {
position: absolute;
top: 100%;
left: 10%;
height: 25px;
width: 2px;
transform: rotate(-20deg);
background-color: #333;
content: '';
}
.fuki p {
color: #333;
line-height: 1.5;
}
/*Testimonial blockquote */
.testimonial-quote {
font-size: 16px;
}
.testimonial-quote blockquote {
/* Negate theme styles */
border: 0;
margin: 0;
padding: 0;
background: none;
color: gray;
font-family: Georgia, serif;
font-size: 1.5em;
font-style: italic;
line-height: 1.4 !important;
margin: 0;
position: relative;
text-shadow: 0 1px white;
z-index: 600;
}
.testimonial-quote blockquote * {
box-sizing: border-box;
}
.testimonial-quote blockquote p {
color: #7B6960;
line-height: 1.4 !important;
}
.testimonial-quote blockquote p:first-child:before {
content: '\201C';
color: #7B6960;
font-size: 7.5em;
font-weight: 700;
opacity: .3;
position: absolute;
top: -.4em;
left: -.2em;
text-shadow: none;
z-index: -300;
}
.testimonial-quote img {
display: block;
width: 200px;
height: 200px;
position: absolute;
top: -1em;
left: 0;
right: 20px;
}
.testimonial-quote cite {
color: gray;
display: block;
font-size: .8em;
}
.testimonial-quote cite span {
color: #5e5e5e;
font-size: 1em;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 0 1px white;
}
.testimonial-quote {
position: relative;
}
.testimonial-quote .quote-container {
padding-left: 260px;
}
.testimonial-quote.right .quote-container {
padding-left: 0;
padding-right: 260px;
}
.testimonial-quote.right img {
left: auto;
right: 0;
}
.testimonial-quote.right cite {
text-align: right;
}
/* blockquote testimonial 2 colors*/
$light-blue: hsl(194, 49%, 73%);
$dark-blue: hsl(221, 49%, 33%);
$dark-green: hsl(166, 72%, 28%);
$light-green: hsl(156, 72%, 73%);
$gray: hsl(210, 36%, 96%);
body{
margin:0;
}
p.footer{
font-family: Lato;
font-weight:100;
font-size:12px;
}
div.layout{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
background-color:$gray;
height: 100vh;
padding-top:40px;
}
div.quote-left{
position:relative;
display:flex;
flex-direction:row;
align-items:center;
width:700px;
min-height:220px;
max-height:220px;
border-radius: 16px;
background-color: $dark-blue;
box-shadow:0px 0px 15px gray;
margin-bottom:60px;
div.quote-image{
width:40%;
height:inherit;
background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/812449/user-blue1.jpg);
background-position:center;
background-size: cover;
border-radius: 16px 0px 0px 16px;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
div.quote-circle{
position:absolute;
left:230px;
top:80px;
z-index:10;
height:50px;
width:50px;
border-radius: 50%;
background-color:white;
color: $dark-blue;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
div.quote-circle-inner{
height:35px;
width:35px;
border-radius: 50%;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
box-shadow:0px 0px 10px $dark-blue;
}
div.quote-text{
flex:1;
padding:10px 30px 10px 30px;
border-radius: 0px 16px 16px 0px;
color:white;
font-family: proxima-nova, sans-serif;
font-style:italic;
font-size:18px;
font-weight:100;
line-height:22px;
}
div.quote-author{
text-align:right;
font-size:20px;
font-weight:500;
font-style:normal;
color:$light-blue;
}
}
div.quote-right{
position:relative;
display:flex;
flex-direction:row;
align-items:center;
width:700px;
max-height:220px;
min-height:220px;
border-radius: 16px;
background-color: $dark-green;
box-shadow:0px 0px 15px gray;
margin-bottom:60px;
div.quote-image{
width:40%;
height:inherit;
background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/812449/user-gray1.jpg);
background-position:center;
background-size: cover;
border-radius: 0px 16px 16px 0px;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
div.quote-circle{
position:absolute;
right:230px;
top:80px;
z-index:10;
height:50px;
width:50px;
border-radius: 50%;
background-color:white;
color:$dark-green;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
div.quote-circle-inner{
height:35px;
width:35px;
border-radius: 50%;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
box-shadow:0px 0px 10px $dark-green;
}
}
div.quote-text{
flex:1;
padding:10px 20px 10px 40px;
border-radius: 0px 16px 16px 0px;
color:white;
font-family: proxima-nova, sans-serif;
font-style:italic;
font-size:18px;
font-weight:100;
line-height:22px;
div.quote-author{
text-align:right;
font-size:20px;
font-weight:500;
font-style:normal;
color:$light-green;
}
}
}
/**
* Testimonial web page example
* Created by Shihabiiuc.com
* You're free to use this template on your website
* Any questions, please contact https://shihabiiuc.com/contact
* Fonts:
* font-family: 'Lato', sans-serif;
* weights: 400/700
* font-family: 'Merriweather', serif;
*/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
p {
margin: -10 0px;
}
blockquote {
margin: 0;
font-family: 'Lato', sans-serif;
color: #222222;
margin: 0 0 15px;
}
.banner {
background-color: #7b6960;
background-image: linear-gradient(315deg, #42378f 0%, #f53844 74%);
padding: 90px 15px;
text-align: center;
}
.banner h1 {
font-weight: 700;
font-size: 35px;
color: #FFFFFF;
text-shadow: 2px 2px 12px #222222;
}
@media (min-width: 768px) {
.banner h1 {
font-size: 60px;
}
}
.banner p {
font-size: 1.125rem;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
.testimonials {
background-color: #ffffff;
padding: 90px 15px;
}
.testimonials .t_wrapper {
max-width: 800px;
margin: 0 auto;
}
.testimonials .t_wrapper .item {
background-color: #F0E7E0;
padding: 10px;
border-radius: 4px;
margin: 5 5 30px;
}
.testimonials .t_wrapper .item p {
text-align: center;
}
.testimonials .t_wrapper .item.light {
background-color: #f8f4f1;
}
.testimonials .t_wrapper .item.dark {
background-color: #E7D9CF;
}
.testimonials .t_wrapper .item.gradient {
background-color: #E7D9CF;
background-image: linear-gradient(315deg, #E7D9CF 0%, #f8f4f1 74%);
}
@media (min-width: 768px) {
.testimonials .t_wrapper .two-col-testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.testimonials .t_wrapper .two-col-testimonial .item {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
}
.testimonials .t_wrapper .video-testimonial {
margin: 0 0 30px;
}
.testimonials .t_wrapper .cta {
background-color: #f53844;
margin: 30px 0;
padding: 30px;
text-align: center;
border-radius: 4px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.testimonials .t_wrapper .cta p {
font-size: 1.375rem;
font-weight: 700;
text-shadow: 1px 1px 4px #222222;
}
.testimonials .t_wrapper .cta a {
display: inline-block;
background-color: #000000;
padding: 10px 30px;
margin: 20px 0;
border-radius: 25px;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
font-weight: 400;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.testimonials .t_wrapper .cta a:hover {
background-color: #90d5ec;
background-image: linear-gradient(315deg, #90d5ec 0%, #fc575e 74%);
color: #5c0309;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media (min-width: 768px) {
.testimonials .full-width-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.testimonials .full-width-wrapper .item {
background-color: #097b6f;
margin-bottom: 30px;
padding: 20px;
border-radius: 4px;
}
.testimonials .full-width-wrapper .item img:not(.ratings) {
border: 3px solid #02443d;
border-radius: 50%;
max-width: 100px;
display: block;
margin: 0 auto;
}
.testimonials .full-width-wrapper .item p {
text-align: center;
}
@media (min-width: 768px) {
.testimonials .full-width-wrapper .item {
max-width: 400px;
}
}
.footer {
padding: 60px 15px;
background-color: #222222;
}
.footer .ctainer {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.footer .ctainer p, .footer .ctainer a {
color: #FFFFFF;
font-size: 16px;
}
/* Style download buttons */
.dl-btn {
background-color: #e7dfce;
border: none;
color: #54443c;
padding: 12px 30px;
cursor: pointer;
font-size: 16px;
}
/* Darker background on mouse-over */
.dl-btn:hover {
background-color: #7b6960;
color:#e7dfce;
}
.numberCircle {
border-radius: 50%;
width: 36px;
height: 36px;
padding: 0px;
background: #e7dfce;
border: 2px solid #e7dfce;
color: #54443c;
text-align: center;
font: 32px Arial, sans-serif;
}
/* 3 columns with image and text*/
.container3{
display:flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.box{
display:flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width:20rem;
min-width:18rem;
margin: 10px;
text-align: left;
}
.item {
background-color: white;
box-sizing: border-box;
padding: 20px;
outline: 2px dark brown;
}
.tocbox {
width:auto;
height: auto;
border: 2px #aaaaaa;
box-sizing: border-box;
background-color: #e0e0e0;
padding: 20px;
}
/* 4 columns with image and text*/
.container4{
display:flex;
flex-wrap: wrap;
}
.box4{
flex: 25%;
padding: 20px;
}
@media (min-width: 48em) {
.box4 {
flex-wrap: nowrap;
}
}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
.box4 {
flex: 50%;
}
}
/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.container4 {
flex-direction: column;
}
}
/* 3 columns with image and text*/
.container5{
display:flex;
flex-wrap: wrap;
}
.box5{
flex: 33%;
padding: 20px;
}
@media (min-width: 48em) {
.box5 {
flex-wrap: nowrap;
}
}
/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.container5 {
flex-direction: column;
}
}
blockquote{
position: relative;
padding: 5px 10px 5px 20px;
box-sizing: border-box;
font-style: italic;
background: #f8f4f;
color:#7b6960;
border-left: 3px solid #7b6960;
}
内容をスリップする
素材:オーガニックコットン100%
重量:190g/㎡ 詳細
レールの色分け:なし
織り方:リスカ
対象月齢:新生児〜20kg
原産国:ドイツ
保証期間:3年間
背当て
|
高さ36cm 幅 42cm 底部幅20cm~420cm 調整可 |
ショルダーストラップ
|
長さ210cm; 幅 約30cm |
安心してご購入いただけるようにお試しレンタルもご用意しております。2週間じっくり使える、ご検討中の方に嬉しいサービスです。
お申込み
小さな赤ちゃんの巻き方、背負い方とおんぶの基本を
学ぼう!無料オンライン講座を毎月開催中です。妊婦さんや購入をご検討中の方も大歓迎です。
今すぐお申込み
100%オーガニックコットン素材の商品は、ご家庭の洗濯機で簡単に洗うことができます。
水温:60℃まで 洗剤:液体洗剤(推奨)
脱水:~2分
アイロン:高温
備考:洗濯物の詰めすぎにご注意
詳しくは、お手入れのページをご欄ください。
新生児から幼児期までいつでも高い位置でぴったりフィット
赤ちゃんを包む部分と大人の体に巻く部分の布があらかじめセットされています。赤ちゃんの成長に合わせて股幅を微調整でき、快適なM字の姿勢を常にキープ。バックルなどがないため体格差の大きい男女も簡単に兼用可能です。抱っこ・おんぶ・腰抱き兼用にご利用いただけます。
- 新生児~幼児(身長100cm)まで対応
- 本体底部は20cmから42cmまで調節可能。M字姿勢を常にキープ。
- ウエストストラップの固定位置は自由自在。
- ショルダーストラップでぴったり調整可。肩や背中いを広く覆い、体重を均等に分散。
- ヘッドレスト付き
- 抱っこ・おんぶ・腰抱き兼用
- オーガニックコットン100%
- ワンサイズで簡単に男女兼用
抱っこやおんぶの装着方法
シンプルな使用方法ながら、ベビーラップ並みの密着性・体重分散機能をもつディディタイで、赤ちゃんと一緒の日常生活を楽しみましょう。
ディディタイの使い方
ぴったり密着、絆を形成する
新生児からの選び方
小さな身体全体を優しく支えて首元をサポート、大人にも負担なく使える。抱っこ時間が長く大変な新生児期、初めての抱っこ紐に。
新生児期におすすめの抱っこ紐
自由でアクティブ、毎日を楽しく
おんぶもできる快適な抱っこ紐
いつもの抱っこ紐で肩や腰に負担を感じ始めた方、買い替えを検討している方に。安定感がありぴったり密着、体重分散性に優れた抱っこや高いおんぶが叶う。
首すわり後からおすすめの抱っこ紐
ディディタイのおんぶは首すわり後(生後4か月頃)からできます。
重くなってきた赤ちゃんの体重を肩や上半身にうまく分散するため、少し重みのある素材(220g/m²~)がおすすめです。
赤ちゃんを布一重で支えるため、通気性はよく、夏は快適です。
この商品に関連する商品
在庫あり

【ヘンプ混】ミスティック・ペトロール 1975 190g/㎡¥18,000
★★★★★19 検索結果在庫あり

【スリング】 <ヘンプ混> ミスティック ペトロール1975 190g/㎡¥19,200
★★★★★7 検索結果在庫あり

【ヘンプ混】レッド ブロッサム 190g/㎡¥22,300
★★★★★3 検索結果在庫あり

【ディディフィックス】ブルーブロッサム¥33,500
在庫あり

【シルク混】弥生 さくら (限定品) 190g/㎡¥19,200
在庫あり

【スリング】リスカ・ミノス 190g/㎡¥19,900
★★★★★2 検索結果在庫あり

【ヘンプ混】ストラッチャテッラ 1975 190g/㎡¥17,200
★★★★★6 検索結果在庫あり

【スリング】 フローリス ティール 190g/㎡¥19,200
在庫あり

リスカ・アッズロ 190g/㎡¥20,900
★★★★★3 検索結果在庫あり15% off


【リネン混】ダイアモンド ガニメデ 190g/㎡¥24,650¥29,000