@charset "UTF-8"; /* Additional CSS */ /* 概要：追加指定　追加で指定したい内容を書く 呼び出し位置：[任意呼び出し]htmlファイル内で呼び出し */ .flex-container { display: flex; } .grid-container { width: 100%; display: flex; } .col1 { width: 5.648%; margin-right: 2.929%; } .col2 { width: 14.241%; margin-right: 2.929%; } .col3 { width: 22.834%; margin-right: 2.929%; } .col4 { width: 31.429%; margin-right: 2.929%; } .col5 { width: 40.022%; margin-right: 2.929%; } .col6 { width: 48.616%; margin-right: 2.929%; } .col7 { width: 57.209%; margin-right: 2.929%; } .col8 { width: 65.803%; margin-right: 2.929%; } .col9 { width: 74.397%; margin-right: 2.929%; } .col10 { width: 82.991%; margin-right: 2.929%; } .col11 { width: 91.584%; margin-right: 2.929%; } .col12 { width: 100%; margin-right: 2.929%; } .col-end { margin-right: 0; } @media screen and (max-width: 812px) { .grid-container { width: 100%; display: block; } .col3 { width: 100%; margin-right: 0; } .col4 { width: 100%; margin-right: 0; } .col5 { width: 100%; margin-right: 0; } .col6 { width: 100%; margin-right: 0; } .col7 { width: 100%; margin-right: 0; } .col8 { width: 100%; margin-right: 0; } .col9 { width: 100%; margin-right: 0; } .col10 { width: 100%; margin-right: 0; } .col10 { width: 100%; margin-right: 0; } } .entry { padding: 0 30px; } .entry__card { max-width: 1200px; margin: 0 auto; padding: 100px 0; background: #fff; } .entry__item { display: block; transition: all ease .3s; position: relative; border-top: 1px solid #d5d5d5; } .entry__item:hover { background: rgba(239, 246, 255, 0.5); } .entry__item:hover .link { background: #00B983; border-color: #00B983; color: #fff; } .entry__item:hover .entry__item__label { color: #00B983; } .entry__item:hover .entry__item__label .las { left: 10px; color: #00B983; } .entry__item:last-child { border-bottom: 1px solid #d5d5d5; } .entry__item .link { position: absolute; top: 15px; right: 20px; transition: ease .3s all; cursor: pointer; font-size: 16px; color: #00B983; border: #00B983 1px solid; padding: 3px 15px; border-radius: 3px; } .entry__item__label { cursor: pointer; color: #00B983; font-size: 16px; display: block; padding: 15px 45px; position: relative; transition: ease .3s all; } .entry__item__label .las { color: #00B983; padding-right: 15px; font-size: 2.4rem; position: absolute; top: 15px; left: 5px; transition: ease all .3s; } @media screen and (max-width: 812px) { .entry { padding: 0; } .entry__card { max-width: unset; padding: 50px 0 70px; } .entry .link { display: none; } .entry__item__label { cursor: pointer; color: #212529; font-size: 17px; display: block; position: relative; padding: 15px 15px 15px 35px; } .entry__item:last-child { border-bottom: 1px solid #b4b4b4; } }