RASH GUARD collection♡

About

--> こちらもcheckしてね♡ --> --> #content-sale{ margin-bottom: 20px; } #content-sale .top-img img{ width: 100%; max-width: 600px; } @media screen and (min-width: 798px) { ul.list_category_ { width: 1000px; margin: 0 auto; } } /* キャンペーン終了案内 */ .info-tex { margin-bottom: 30px; } .info-tex span { font-size: 1.5em; color: #d86196; } /* //キャンペーン終了案内 */ /* 注意文 */ .chuibun { width: 95%; margin: 10px auto; padding: 10px; text-align: left; line-height: 1.5; background: #f2f2f2; } .chuibun p { text-indent: -1em; padding-left: 1em; font-size: 11px; color: #555; margin-bottom: 5px; } .chuibun p:last-child { margin-bottom: 0; } @media screen and (min-width: 798px) { .chuibun { width: 600px; padding: 10px 20px; } } /* //注意文 */ /* タイトル */ .ttl-main { font-size: 1.5em; margin: 2em 0 0.5em; color: #ee9e00; } .tex-sub { margin-bottom: 1em; } @media screen and (min-width: 798px) { .ttl-main { font-size: 2em; } } .ttl-sub { position: relative; padding: 1rem 2rem; border-bottom: 1.5px solid #222; width: fit-content; margin: 2em auto 1em; font-size: 1.2em; } .ttl-sub:before { position: absolute; bottom: -11px; right: 5em; width: 0; height: 0; content: ''; border-width: 11px 18px 0 1px; border-style: solid; border-color: #222 transparent transparent transparent; } .ttl-sub:after { position: absolute; bottom: -9px; right: 5em; width: 0; height: 0; content: ''; border-width: 11px 17px 0 1px; border-style: solid; border-color: #fff transparent transparent transparent; } @media screen and (min-width: 798px) { .ttl-sub { font-size: 1.5em; } } /* //タイトル */ /* 相互リンク バナー */ .bnr-link { width: 100%; margin: 20px auto; display: flex; } .bnr-link a { display: block; margin: 0 5px; } .bnr-link a img { max-width: 100%; } .bnr-link p { margin-bottom: 5px; } @media screen and (min-width: 798px) { .bnr-link { width: 650px; margin: 20px auto 50px; } .bnr-link a { margin: 0 10px; } .bnr-link p { font-size: 1.8em; line-height: 2em; } } /* //相互リンク バナー */ /* アコーディオン */ .toggle { display: none; } .Label { /*タイトル*/ pa