夏の暑さに負けない！冷・涼・爽で整える【冷感アイテム特集】
年々厳しさを増す日本の夏。
暑い季節を快適に過ごすためには
こまめな水分補給に加えて、
暑さによる不快感を和らげるケアも大切とされています。
ミントやハッカの清涼感を取り入れたアイテムなど
暑い季節を心地よく過ごすための
【冷感・清涼アイテム】を集めました。
ボディシート・パウダー
サッとひと拭きでお肌のベタつきをとり、スッキリさらっと肌に仕上げます。
メントール成分(清涼成分)配合でひんやり感も感じられ、爽やかな清潔感を与えてくれます。
拭いた瞬間、石鹸とムスクが織りなす清潔感のある香りがふんわりと広がります。
ボディミスト・スプレー・ロールオン
【医薬部外品】
ニキビ・肌荒れを防ぐ薬用和ハッカ水ミスト。
全身に吹きかけるのに便利になりました。
マスクの外側に吹きかければマスクの匂いや不快感をスーッとすっきり。
爽快にリフレッシュしてくれます。
傘・UVウェア・帽子
UVカット率 99.9%(最高値)以上
遮光率 99.99%(最高値)以上
だけではなく、遮熱率も55%以上太陽光の熱を遮って、温度上昇を抑制します。
上昇温度-19.7℃(※1※2※3)の超軽量晴雨傘
重さがほぼおにぎり1個分の重さ
持ち歩きやお子様でも使いやすいです。
※1 黒の生地で遮熱試験を行い、経過時間2分後のブランクが47.1℃に達した時の温度差を表しています。
※2 外気温によって異なります
※3 色によって異なります。
ドライシャンプー・頭皮・ヘアケア
全身に使える！「水のいらないシャンプー」
1プッシュで清涼な爽快感！湿気や暑さで頭皮や髪がべタついたり、シャワーを浴びられないときに活躍。
UVケア
2026年の夏も、厳しい日差しと長い夏日が続く見込みです。
そんな季節に欠かせないのが、しっかりUVケアできるアイテム。
今年は“ひんやりクール感”※をプラスして、さらに快適に。
肌を守りながら、爽やかな使い心地を叶える新しいUVケアです。
※クールノンケミカルUVミスト、クールノンケミカルUVクリーム： メントール、メントキシプロパンジオール、メントングリセリンアセタール毎日の外出を涼しく、心地よく彩ります。
耐水性★★／国内基準最大値のSPF50+／ PA++++3 種類のクール成分を配合し、すっきりとした使用感を実現。
うるおいを与えてお肌を乾燥から守り、みずみずしい状態を保ちます。
やさしい使い心地で、健やかなお肌へ導きます。
「ノンケミカル」×「高UV カット力」×「ウォーターベース」 の３つの技術を同時に実現！
ウォーターベースのみずみずしいテクスチャーで、きしみ・白浮きを感じない心地よい使用感に。
さらにひんやり感が加わり、 暑い夏でもストレスなく、ご使用いただけます。
フェイス・メイクアイテム
ひんやりと清涼感あるさらさら肌を1日中キープし、肌をやさしく包み込むパウダーです。
ボディジェル・ミルク
ぱちぱち〜もちもち〜サラサラと3変化する新感覚テクスチャーです。
顔・体どちらでもご使用いただけます。
暑さ対策やスポーツの後、お風呂上りにクール保湿。
その他
・清涼成分で目と目元をじんわり冷やす涼感アイマスクです。
・火照った時や暑い日のクールダウンに！勉強や仕事の合間のひと休みに！
・５枚入りなので家族や友だちとシェアして楽しむのもおすすめです。
・さわやかなピーチソルベの香りです。
・冷涼感： 約２０分＊＊室温３０℃で使用の場合
※体感温度と持続時間は、ご使用される環境によって変わる場合があります。
※使用環境の温度が高い場合、冷涼感を感じにくい場合があります。
.topic .topic__heading + time {
display: none;
}
h2.topic__heading {
display: none;
}
.topic__txt--page_read {
border-top: none;
}
.topic__heading2 {
background: url(http://img.hmv.co.jp/hybridimage_stg/news/images/22/0821/101/body_024301.png) no-repeat left center;
padding: 8px 0px 8px 35px;
line-height:130%;
background-size: 30px;
margin-bottom:12px;
border-bottom: 1px dotted #b5918c;
font-size:130%;
}
.font-title {
color: #000;
font-size: 20px;
}
h3 {
text-align: center;
font-size: 1.3rem;
color: #000000;
padding: 10px 0px;
}
.box1 {
background:#ffffff;
padding:15px;
}
.topic__box--recently {
padding: 0px;
margin: 0px;
}
.item_s {
margin: 0 auto;
max-width: 700px;
padding: 14px 20px;
color: #333;
font-size: 13px;
background: #f7f7f7;
}
p.seotext_00 {
text-decoration:underline;
text-decoration-color:#2fcab0;
}
.sp_br {
display: none;
}
.pc_br {
display: block;
}
.img_box{
max-width:200px;
margin: 0 auto;
padding-bottom: 20px;
}
.img_box2{
max-width:540px;
margin: 0 auto;
padding-bottom: 10px;
}
.btn_cg {
color:#f8f7f5;
padding:5px 5px;
background:rgb(137, 77, 70);
margin:0 auto;
max-width: 320px;
padding: 12px;
border-radius: 20px;
}
.btn_cg p {
text-align: center;
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
}
.topic__txt {
font-size: 14px;
}
.p-card__txt--evaluation {
display: none;
}
.p-card__txt--price {
margin-top: -10px;
}
.p-card__txt--product {
display: block !important;
height: auto !important;
}
#hmv .p-card__txt--brand{
pointer-events: none;
}
.ttl {
color:#fff;
padding:5px 5px;
background:#5499ba;
font-size:20px;
margin:0px 0px 30px 0px;
text-align: center;
font-weight: bold;
}
.sold {
text-align: center;
color: #BB2926;
font-size: 1.2rem;
font-weight: bold;
margin-top: -50px;
padding-bottom: 30px;
}
.date {
font-weight: bold;
text-align: center;
font-size: 16px;
color: #000;
padding-top:7px;
}
.post_title_3{
color: #333;
font-size: 2rem;
max-width: 800px;
margin: 0 auto 10px;
}
.img-sp {
display: none;
}
.main_mv {
width: 100%;
}
.main_mv img {
width: 1200px;
}
.pr4 {
display: flex;
list-style: none;
max-width: 1000px;
margin: 0 auto;
padding: 40px 0px;
justify-content: space-evenly;
}
.pr4 li img{
max-width: 220px;
}
.pr4 li p{
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width: 220px;
color: #232323;
font-size: 14px;
letter-spacing: -0.2px;
padding-top: 10px;
}
@media screen and (max-width: 980px){
.sp_br {
display: block;
}
.pc_br {
display: none;
}
.img_box{
max-width:60%;
}
.img_box2{
max-width:100%;
}
.item_s {
padding: 8px;
font-size: 12px;
margin-top: 30px;
}
h3 {
font-size: 1.1rem;
}
.topic__txt {
font-size: 13px;
}
.ttl {
font-size:18px;
}
.sold {
margin-top: 0px;
padding-bottom: 0px;
padding: 10px 0px 0px 0px;
}
.date {
font-size: 13px;
}
.c-btn--anker {
height: 55px;
}
.c-btn--anker2 {
padding: 16px 4px 0;
}
.index__list--anker li {
width: 31%;
margin-right: 0px;
}
.topic__txt--product_detail em {
margin: 0px;
}
.c-heading--page {
margin-bottom: 10px;
}
.topic__txt--product_detail strong {
margin: -10px 0px 10px 0px;
}
.main_mv img {
width: 100%;
}
}
.pr4 {
flex-wrap: wrap;
padding: 20px 4%;
justify-content: space-between;
}
.pr4 li {
width: 48%;
margin-bottom: 40px;
}
.pr4 li img{
max-width: 100%;
}
.pr4 li p{
padding: 10px 0px 0px 0px;
width: 100%;
}
.topic__txt--recently ul {
display: flex;
padding: 0px;
width: 100%;
list-style-type: none;
margin: 0 auto;
flex-wrap: wrap;
justify-content: flex-start;
}
.goods_in {
width: 31%;
margin-bottom: 40px;
margin-right: 2%;
}
.goods_in img {
width: 400px;
}
.button {
font-size: 18px;
padding: 16px 0px;
text-align: center;
border-radius: 35px;
background-color: #bb2926;
color: #fff;
font-weight: bold;
margin: 0 auto;
max-width: 240px;
display: block;
}
.button2 {
font-size: 16px;
padding: 16px 0px;
text-align: center;
border-radius: 35px;
background-color: #737373;
color: #fff;
font-weight: bold;
margin: 0 auto;
max-width: 280px;
display: block;
}
/* まずはPC/タブレット用のデフォルト（必要なら） */
.goods_in {
/* 例: PCでは3列など、自由に */
width: 24%;
margin-right: 1%;
margin-bottom: 16px;
}
.goods_in:nth-child(4n) {
margin-right: 0;
}
.goods_in img {
width: 100%;
}
/* ここからスマホだけ適用 */
@media (max-width: 767px) {
/* リンクボタン（ご提示の内容） */
.goods_in {
width: 49%;
margin-bottom: 10px;
margin-right: 0;
}
.goods_in:nth-child(odd) {
margin-right: 1%;
}
.goods_in img {
width: 100%;
}
.cp_info {
font-size: 15px;
}
.cp_info_2 {
font-size: 14px;
}
}
/* ▼ リストの土台をFlexboxに（PC/タブレットの基準） */
.topic__txt--recently ul {
display: flex;
flex-wrap: wrap;
gap: 16px; /* アイテム間のスキマ（任意） */
list-style: none;
margin: 0 auto;
padding: 0;
justify-content: flex-start; /* 2段目が2つの時も中央寄せ */
}
/* ▼ PC時のカード幅
1〜3番目：3列
4番目以降：2列（＝今回は4番目と5番目を想定）
*/
.topic__txt--recently ul .goods_in {
margin: 0; /* gapに任せる */
/* デフォルトはまず3列（1〜3番目に適用） */
flex: 0 0 calc((100% - 16px * 2) / 3); /* 100% - gap*列数-1 */
}
.topic__txt--recently ul .goods_in:nth-child(n+4) {
/* 4番目以降は2列に切替（＝4・5番目が対象） */
flex: 0 0 calc((100% - 16px) / 2);
}
/* 画像はカード幅にフィット */
.topic__txt--recently ul .goods_in img {
display: block;
width: 100%;
height: auto;
}
/* ▼ スマホだけ2列固定（ブレークポイントは必要に応じて調整） */
@media (max-width: 767px) {
.topic__txt--recently ul {
gap: 10px; /* スマホでは少し狭める例 */
}
.topic__txt--recently ul .goods_in {
flex: 0 0 calc((100% - 10px) / 2); /* 常に2列 */
}
}
/* PCだけ：5枚すべてを同じ大きさ（3カラム幅）に固定 */
@media (min-width: 768px) {
.topic__txt--recently ul {
display: flex;
flex-wrap: wrap;
gap: 16px; /* カード間のスキマ。必要なら調整 */
justify-content: flex-start; /* 中央寄せにしたいなら center に変更可 */
list-style: none;
margin: 0 auto;
padding: 0;
}
/* 重要：各アイテムを“同じ幅”＆“伸びない”ように強制固定 */
.topic__txt--recently ul .goods_in {
flex: 0 0 calc((100% - 16px * 2) / 3) !important; /* 3カラム固定 */
max-width: calc((100% - 16px * 2) / 3) !important; /* 予防で最大幅も同値に */
margin: 0 !important; /* 余白は gap に任せる */
}
/* nth-child で2列化/右マージン変更などの“過去ルール”を無効化 */
.topic__txt--recently ul .goods_in:nth-child(n) {
margin-right: 0 !important;
width: auto !important;
}
/* 画像はコンテナの幅に合わせる（はみ出し禁止） */
.topic__txt--recently ul .goods_in img {
display: block;
width: 100% !important;
height: auto !important; /* ここでは縦伸びさせない（contain寄りの安全策） */
max-width: 100% !important; /* 400px固定などの上書き対策 */
object-fit: contain; /* 元画像を全部見せる（トリミングしない） */
}
}
/*====================================
スマホ：アンカーリンク10個を
「必ず2個ずつ」きれいに並べる
====================================*/
@media (max-width: 767px) {
/* ul を Grid に完全切替 */
.topic__txt--recently ul {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 0;
margin: 0 auto;
list-style: none;
}
/* li（ボタン）側の過去指定を全解除 */
.topic__txt--recently ul .goods_in {
width: auto !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
}
/* 画像はセル幅にフィット */
.topic__txt--recently ul .goods_in img {
display: block;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
}
/* =========================
PC版だけ：関連トピックスを4列にする
========================= */
@media screen and (min-width: 981px) {
.pr4 {
display: flex;
justify-content: space-between;
}
.pr4 li {
width: 23% !important; /* ← 4列固定 */
margin-bottom: 0;
}
.pr4 li img {
width: 100%;
max-width: none;
}
.pr4 li p {
width: 100%;
}
}
