Case
アイデザインの施工事例

/* ----------------------------------------- */ /* WordPress アーカイブ スラッグ: cases_archive - 開始 */ /* ----------------------------------------- */ .form-group{ text-align: center; font-family:'RodinProN-B'; line-height: 1.4em; background-color: #008CD6; padding: 5px; } .reset_btn2{ background-color: transparent !important; border: none !important; width: initial !important; border-radius: 5px !important; } .reset_btn2:hover{ background-color: #ebebeb !important; color: #008CD6; } @media only screen and (max-width: 767px){ .reset_btn2,.radio label{ font-size:11px !important; padding: 5px !important; margin: 0px 10px !important; } .form-group{ font-size:14px !important; padding: 5px !important; margin: 0px 5px !important; } } @media only screen and (min-width: 768px){ .reset_btn2,.radio label{ font-size:14px !important; padding: 5px 10px !important; margin: 0px 10px !important; } .form-group{ font-size:14px !important; padding: 5px 10px !important; margin: 0px 5px !important; } } .radio{ display: inline-block; margin-top: 0px; margin-bottom: 0px; } .radio label{ border-radius: 5px; color: #fff; } .radio input[type="radio"]{ display: none; } .radio label:hover{ background-color: #ebebeb !important; color: #008CD6; } .radio.active label { background-color: #ebebeb; } .row{ margin-bottom: 10px; } /* ----------------------------------------- */ /* WordPress アーカイブ スラッグ: cases_archive - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in cases_archive - 開始 */ /* ----------------------------------------- */ h2.case{ background-color: transparent; border-radius: 0px; margin: 10px 0px; padding: 0px 0px 0px; } @media only screen and (min-width: 768px){ .linkbox img { width: 100%; height: 250px; object-fit: cover; } } @media only screen and (max-width: 767px){ .linkbox img { width: 100%; height: 350px; object-fit: cover; } } .linkbox{ position: relative; padding: 5px; } .linkbox a{ display: block; text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 2; padding-bottom: 0px; } .linkbox a:hover{ background-color: rgba(255, 255, 255, 0.3) !important; padding-bottom: 0px; border-radius: 10px; } /* ----------------------------------------- */ /* Content Template: Loop item in cases_archive - 終了 */ /* ----------------------------------------- */