morecos+（モアコス）とは
ローソンエンタテインメントが運営する
HMV＆BOOKS onlineの姉妹サイト
morecos+（モアコス）。
スキンケア・コスメ・ボディソープ・
シャンプー・ヘアケアなど国内外約850種類のブランド、
約10,000アイテムのコスメ・日用品・美容雑貨を取り扱う通販サイトです。
morecos+の特徴
おすすめ商品
ホワイトニング・歯磨き
もっと見る
健康食品・サプリメント
もっと見る
おすすめの特集
カテゴリから探す
おすすめブランド
公式SNS
.guide_ttl {
margin: 30px 0px;
line-height: 1;
text-align: center;
color: #333;
font-weight: 600;
font-size: 26px;
}
h3 {
color: #dd5868;
line-height: 1.8;
text-align: left;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 7px;
}
.box2 {
padding:15px;
}
.brand_box {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0px;
max-width: 1140px;
margin: 0 auto;
}
.box_in {
justify-content: space-evenly;
margin-top: 30px;
}
.brand {
width: 122px;
margin: 10px;
}
.img_list {
display: flex;
list-style: none;
justify-content: center;
max-width: 800px;
margin: 0 auto;
padding: 40px 0px;
justify-content: space-around;
}
.img_list li {
max-width: 500px;
}
.img_list li img {
max-width: 220px;
margin-right: 20px;
}
.img_box{
max-width:400px;
margin: 0 auto;
padding-bottom: 20px;
}
.img_box2{
max-width:600px;
margin: 0 auto;
padding-bottom: 20px;
}
.sp_br, .pc_br2 {
display: none;
}
.pc_br, .sp_br2 {
display: block;
}
.topic__txt {
font-size: 16px;
line-height: 1.8;
}
.box_in li {
width: 14%;
text-align: center;
list-style: none;
}
.box_in li a {
line-height: 50px;
border: 2px solid #aa4c4c;
border-radius: 4px;
font-size: 1.3rem;
display: block;
color: #aa4c4c;
text-decoration: none;
background: #fff;
}
.box_in li span {
background: url(http://img.hmv.co.jp/hybridimage/news/images/24/0111/501/body_174133.png) no-repeat left center;
background-size: 12px;
display: block;
margin-left: 10px;
}
.box_in img {
max-width: 200px;
}
.link_info {
margin: 20px 0px;
color: #169ed8;
font-size: 16px;
display: block;
}
.sns_icon {
padding: 0px 100px;
margin-bottom:5px;
text-align: center;
}
.p-card__txt--product {
display: block !important;
height: auto !important;
}
.p-card__txt--evaluation {
display: none;
}
.p-card__txt--price {
margin-top: -10px;
}
.topic__box--recently {
margin: 0px;
padding: 0px;
}
.pr4 {
display: flex;
list-style: none;
justify-content: center;
max-width: 800px;
margin: 0 auto;
padding: 40px 0px;
justify-content: space-between;
}
.pr4 li img{
max-width: 190px;
}
@media screen and (max-width: 980px){
.index {
margin-right: -20px!important;
margin-left: -20px!important;
margin-bottom: -20px !important;
}
.brand {
width: 23%;
margin: 1%;
}
.box_in li {
width: 30%;
}
.brand img {
max-width: 100%;
}
.icon_box{
width: 100%;
}
.guide_ttl{
font-size: 22px;
}
.img_box, .img_box2,{
max-width:100%;
}
.sp_br, .pc_br2 {
display: block;
}
.pc_br, .sp_br2 {
display: none;
}
.btn_cg {
max-width: 190px;
}
.btn_cg p {
font-size: 14px;
}
.pr4 {
flex-wrap: wrap;
padding: 0px 4%;
}
.pr4 li {
width: 48%;
margin-bottom: 20px;
}
.pr4 li img{
max-width: 100%;
}
}
@media screen and (min-width: 961px) {
.l-content {
max-width: 1260px;
}
}
@media screen and (max-width: 600px){
.img_list {
display: block;
width: 100%;
padding: 20px 0px;
}
.img_list li {
max-width: 100%;
}
.img_list li img {
margin: 0 auto;
display: block;
}
.topic__txt {
font-size: 14px;
}
.box_in {
justify-content: flex-start;
}
.box_in li {
width: 48%;
}
h3 {
padding: 30px 0px 10px 0px;
margin: 0px;
}
.box2 {
padding:10px;
}
.sns_icon {
padding: 0px 50px;
}
}
