HAY / ヘイ

About

h2.product_sub_ttl{ display: block; height: 1.6em !important; padding: 0 !important; margin: 0 !important; opacity: 0; } h2.sbttl{ border-bottom: 1px solid #707070; font-size: 24px; font-weight: 500; padding-bottom: 20px; padding-top: 30px; margin-bottom: 19px; color: #000; } #Contents{ width: 100%; } #container._2col { margin: 0 auto; } .catetop_content { padding: 0; } h4 { padding-bottom:8px; } .model-name{ padding-left:0.5em; font-size:1.3em; } .flexP{ display: flex; flex-wrap: wrap; justify-content: space-between; } .flex_c50{ flex-basis: 32%; margin-bottom: 2vw; } .flex_c100{ flex-basis: 32%; margin-bottom: 2vw; } .sbttl{ font-size: 1.7rem; font-weight: 400; text-align: left; color: black; } .itm-ttl{ margin-top: 1rem; font-size: 1.8em; font-weight: 500; text-align: center; color: black; } .s-desc{ font-size: 0.75em; font-weight: 300; text-align: center; line-height: 3; margin-bottom: 1rem; color: black; } .m-desc{ font-size: 0.9em; text-align: justify; line-height: 1.5; font-optical-sizing: auto; font-style: normal; font-weight: 300; } .catetop_content ._dropdown { margin-top: 0; border: none; } .catetop_content ._dropdown .t_wrap .togglettl { border: 1px solid #212121; background: #eee; margin: 0 130px; padding: 0 7px; height: auto; } .catetop_content ._dropdown .t_wrap .togglettl:after { top: 8px; right: 10px; } .catetop_content ._dropdown .t_wrap.active .togglettl { /*display: none;*/ } .catetop_content ._dropdown .t_wrap.active .togglettl:after { top: 14px; transform: rotate(135deg); } .catetop_content ._dropdown .t_wrap .togglettl .btn { border: none; height: 35px; } .catetop_content .grad-wrap { position: relative; } .catetop_content .grad-btn { border: 1px solid #212121; background: #eee; display: block; position: absolute; bottom: -45px; left: 37%; padding: 5px 40px 5px 10px; width: 92px; height: auto; z-index: 111; box-sizing: border-box; } .catetop_content .grad-btn::before { content: '開く'; } .catetop_content .grad-btn::after { content: ''; display: