<>
@media screen and (max-width: 768px) {
.l-header.is-hide {
-webkit-transform: translateY(-73px);
transform: translateY(-73px);
}
}
<>
.symbol-regist-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -74px -199px;
display: inline-block;
content: ' ';
width: 22px;
height: 22px;
vertical-align: middle;
}
.symbol-login-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -29px -199px;
display: inline-block;
content: ' ';
width: 22px;
height: 22px;
vertical-align: middle;
}
.symbol-customerchange-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -102px -69px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 170px 140px;
}
.symbol-custdestList-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -218px -41px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 260px 240px;
}
.symbol-creditCardList-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -71px -89px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 170px 140px;
}
.symbol-history-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -73px -118px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 170px 140px;
}
.symbol-outsideStore-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -119px -58px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 150px 120px;
}
.symbol-mycolleList-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -139px 1px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 165px 135px;
}
.symbol-logout-sp:before{
background: url(https://www.shopjapan.co.jp/files/user/images/common/spritesheet.png?v=1579089973) no-repeat;
background-position: -91px -72px;
display: inline-block;
content: ' ';
width: 30px;
height: 22px;
vertical-align: middle;
background-size: 160px 110px;
}
お電話が繋がるまでお時間を要する可能性がございます。
よくあるご質問、チャットをご活用ください。
×
<>
@media screen and (max-width: 768px) {
.p-top__popularItem__item:nth-of-type(1) {
flex-basis: 100%;
}
.p-top__popularItem__item:nth-of-type(2) {
margin-top: 6%;
}
.p-top__popularItem__item:nth-of-type(1) .c-optim_layout {
padding-top: calc((225 / 400)* 100%);
}
}
<>
.p-bnr__season{
background-color: #fff;
}
.p-bnr__season__img:hover{
text-decoration: none;
opacity: .7;
}
.p-bnr__season__img img{
width:100%;
}
@media screen and (max-width:768px){/* 【SP】~768 ----------------------------------------------------------------------------------- */
.p-bnr__season {
padding: 20px 0;
}
.p-bnr__season__img img{
max-width: 640px;
}
.p-bnr__season img{
max-width: 100%;
}
}
@media screen and (min-width:769px){/* 【PC】769~ ----------------------------------------------------------------------------------- */
.p-bnr__season {
padding: 30px 0;
}
}
調理家電・キッチン家電・キッチン用品 おすすめランキング
フィットネス・ダイエット・トレーニング用品 おすすめランキング
ペット用品・生活雑貨・日用雑貨 おすすめランキング
<>
@media screen and (min-width: 769px){
.p-top__byCategory{margin-bottom:0 !important;}
}
.p-top__byCategory__title {
display: flex;
}
.p-top__byCategory__list .p-top__byCategory__item:nth-child(1) .p-top__byCategory__title::before {
background: url(https://www.shopjapan.co.jp/files/user/images/page/symbol-rank1.svg?v=1549875285) no-repeat center center;
background-size: 100% auto;
}
.p-top__byCategory__list .p-top__byCategory__item:nth-child(2) .p-top__byCategory__title::before {
background: url(https://www.shopjapan.co.jp/files/user/images/page/symbol-rank2.svg?v=1549875285) no-repeat center center;
background-size: 100% auto;
}
.p-top__byCategory__list .p-top__byCategory__item:nth-child(3) .p-top__byCategory__title::before {
background: url(https://www.shopjapan.co.jp/files/user/images/page/symbol-rank3.svg?v=1549875285) no-repeat center center;
background-size: 100% auto;
}
.p-top__byCategory__list .p-top__byCategory__item:nth-child(4) .p-top__byCategory__title::before {
background: url(https://www.shopjapan.co.jp/files/user/images/page/symbol-rank4.svg?v=1549875285) no-repeat center center;
background-size: 100% auto;
}
.p-top__byCategory__title::before {
display: inline-block;
flex: 0 0 auto;
margin-right: 5px;
content: "";
width: 36px;
height: 42px;
}
<>
@media screen and (min-width: 769px){
.p-top__popularBrand__item {
width: 100%;
}
.p-top__popularBrand__picture {
width: 74.86%;
margin-right: 0%;
}
.p-top__popularBrand__information {
padding-right: 2.5%;
padding-left: 2.5%;
}
.p-top__popularBrand__logo {
height: auto;
padding-top: 15%;
padding-bottom: 15%;
}
.p-top__popularBrand__margin {
margin-bottom: 10px;
}
.p-top__popularBrand__logo__inv1 {
width: 100% !important;
height: auto;
padding-top: 15%;
padding-bottom: 15%;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (min-width:769px) and (max-width:1116px){
.p-top__popularBrand__logo {
padding-top: 10%;
padding-bottom: 10%;
}
.p-top__popularBrand__description {
font-size: calc(1.2rem + ((1vw - 7.69px) * 1.15));
}
.p-top__popularBrand__logo__inv1 {
padding-top: 10%;
padding-bottom: 10%;
align-items: center;
}
}
@media screen and (max-width: 768px) {
.p-top__popularBrand__logo__inv1 img {
width: 180px !important;
height: auto;
display: flex;
align-items: center;
justify-content: center;
margin:0 auto;
}
}
おすすめリンク
-
睡眠のお悩みに関する情報コラム
-
ダイエットや健康に関する知識・TIPSなら
-
ご購入後でも安心サポート
-
ショップジャパン商品の口コミ満載
<>
@media screen and (max-width: 768px) {
#c-tv {
position: fixed;
bottom: 14%;
right: 0;
z-index: 2;
display: block;
width: 46px;
}
}
#c-tv {
position: fixed;
bottom: 14%;
right: 0;
z-index: 2;
display: block;
width: 46px;
}
#c-tv.is-hide {
animation: c-tvHideAction 0.3s ease-out forwards;
}
@keyframes c-tvHideAction {
0% {
opacity: 1;
transform: translateX(0%);
}
100% {
opacity: 0;
transform: translateX(100%);
}
}
#c-tv:hover {
text-decoration: none;
}
.c-tvbnr__CloseBtn {
font-size: 16px;
border-radius: 100%;
padding: 0.3em 0.4em;
position: absolute;
top: -15px;
color: #fff;
text-align: center;
line-height: 1;
background-color: rgba(000.5);
left: 55%;
transform: translateX(-50%);
}
.c-tvbnr_box {
height: 200px;
display: block;
width: 46px;
}
.c-tvbnr img {
width: 100%;
}
}
お電話が繋がるまでお時間を要する可能性がございます。
よくあるご質問、チャットをご活用ください。
×
ソイリッチ（完全豆乳メーカー）市販の豆乳との違いに驚き、家族みんなでハマったソイリッチ。手軽に作れて、栄養もたっぷり。毎朝の一杯が、家族の健康と笑顔をやさしく支えてくれています。
ソイリッチ（完全豆乳メーカー）家族の健康を願って始めた豆乳生活。手軽さとおいしさで無理なく続けられ、気づけば自分の体と心にも変化が。毎朝の一杯が、わが家の元気の源になっています。
ソイリッチ（完全豆乳メーカー）“自分のため”に始めた豆乳生活が、気づけば家族みんなの楽しみに。おいしく飲みやすいソイリッチの豆乳が、私たちの日常にやさしく溶け込んでいます。
ソイリッチ（完全豆乳メーカー）忙しい毎日の中で、自分のために過ごす朝のひととき。豆を量る時間も楽しみながら、無理なく続けられる豆乳習慣が、私の暮らしに自然と溶け込んでいます。
