.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;
}
内容をスリップする
織地素材:オーガニックコットン85% ヘンプ15%
リング:アルミ製
重量:190g/㎡ 詳細
長さ:190cm~200cm (女性XXLサイズまで対応)
幅:約68cm(洗濯後の目安)
レールの色分け:あり
織り方:ジャカード織
対象月齢:新生児〜体重制限なし
原産国:ドイツ
保証期間:3年間
ヘンプ混・リネン混素材の商品は、ご家庭の洗濯機で簡単に洗うことができます。
水温:60℃まで
洗剤:液体洗剤(推奨)
脱水:~1分 陰干し
アイロン:高温*
*麻混の商品は縦のシワができやすいので、商品を長持ちさせるため生乾きのアイロン仕上げをおすすめします。
備考:洗濯物の詰めすぎにご注意
詳しくは、お手入れのページをご欄ください。
小さな赤ちゃんの巻き方、背負い方とおんぶの基本を
学ぼう!無料オンライン講座を毎月開催中です。妊婦さんや購入をご検討中の方も大歓迎です。
今すぐお申込み
日本で販売しているサイズ1は女性サイズ17号(XXL)まで対応します。ご不安な場合は、スリングを装着するのと同じようにメジャーで測ってください。 上半身の前と後ろを片方の腸骨の高さから斜めに反対の肩まで測ります。その合計が140cm以下であれば、サイズ1で十分に間に合います。
大きなサイズが必要な方はを上半身の寸法(イラスト参照)とご希望の柄をご指定の上、お問い合わせください。
手軽にぴったり抱っこ
赤ちゃんの成長に合わせてずっと使えるスリング
手早く装着できるスリングはお出かけや頻繁に抱き下ろしするときにとても便利!さらに、正面に向かい合った抱っこや視野の広がる腰抱きなど、赤ちゃんの発達や使用シーンに合わせてお好みの使い方ができます。
スリングの使い方をみる
この商品に関連する商品
在庫あり 【スリング】 アダ 200g/㎡¥18,500
在庫あり 【スリング】<ヘンプ・リネン混> シェイズオブブルー 210g/㎡¥22,000
★★★★★5 検索結果在庫あり 【スリング】ソーレオクシデンテ 180g/㎡¥19,900
★★★★★3 検索結果在庫あり 【スリング】 <ヘンプ・シルク混>トリアス アマランス トリプルブレンド 250g/㎡¥26,100
在庫あり 【スリング】トリアス チャイ シナモン 290 g/m²¥21,300
在庫あり 【スリング】モザイク イグアナ 210g/㎡¥19,400
在庫あり 【スリング】 ピケ・モノクローム 220g/㎡¥17,600
★★★★★14 検索結果在庫あり 【スリング】 ゼファー 260g/㎡¥18,600
★★★★★1 検索結果在庫あり 【スリング】<ヘンプ混>青海 ヘンプ (限定品) 210g/㎡¥26,300
★★★★★1 検索結果在庫あり 【スリング】<リネン混>アズレージョ リネン (限定品) 200g/㎡¥22,900
★★★★★1 検索結果