@charset "UTF-8"; /*------------------------------------------------------------ info （CSS編集可能モジュール用：.cssfree 配下のコンテンツ） ------------------------------------------------------------*/ .info.cssfree { margin-bottom: 60px; } .info.cssfree .info-content.one_column { display: block; } .info.cssfree .info-content.one_column > li { display: block; width: 100%; } .info.cssfree .info-content.one_column > li > ul { margin-bottom: 30px; } .info.cssfree .info-content.one_column > li > ul > li { border-bottom: 1px solid #dadada; } .info.cssfree .info-content.one_column > li > ul a { position: relative; padding: 15px 30px 12px 0; } .info.cssfree .info-list__tag { display: flex; margin-bottom: 10px; } .info.cssfree .info-list__tag li { width: 57px; border: 1px solid transparent; font-size: 1.2rem; text-align: center; } .info.cssfree .info-list__tag li:not(:last-child) { margin-right: 5px; } .info.cssfree .info-list__tag .info-list__tag--during { color: #fff; background: #009b46; } .info.cssfree .info-list__tag .info-list__tag--end { color: #fff; background: #777; } .info.cssfree .info-list__tag .info-list__tag--area { width: 48px; border-color: #009b46; color: #009b46; } .info.cssfree .info-list__ico { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #009b46; font-size: 1.2rem; } @media screen and (max-width: 767px) { .info.cssfree .info-content.one_column > li:not(:last-child) { margin-bottom: 30px; } .info.cssfree .info-content.one_column > li h2 { padding-bottom: 5px; border-bottom: 2px solid #009b46; color: #009b46; font-size: 2rem; font-weight: bold; } } /* ----- media END ----- */ @media screen and (min-width: 768px) { .info.cssfree .info-content.one_column > li:not(:last-child) { margin-bottom: 60px; } .info.cssfree .info-content.one_column > li h2 { padding-bottom: 10px; border-bottom: 2px solid #009b46; color: #009b46; font-size: 2.4rem; font-weight: bold; } .info.cssfree .info-content.one_column > li > ul a { padding: 20px 0 15px; } .info.cssfree .info-content.one_column > li > ul a:hover { color: #009b46; } .info.cssfree .info-list__tag li { width: 70px; padding-top: 2px; font-size: 1.4rem; } .info.cssfree .info-list__tag li:not(:last-child) { margin-right: 10px; } .info.cssfree .info-list__tag .info-list__tag--area { width: 60px; } .info.cssfree .info-list__ico { display: none; } } /* ----- media END ----- */ /*------------------------------------------------------------ 　　地域別に設定をする場合の記載について　　各地域カテゴリー毎に、にclassが付与されているので、　　body.地域のclass名　で設定が可能です。 ------------------------------------------------------------*/ /* 愛媛中予・南予 */ body.ehime .info.cssfree { } /* 愛媛東予 */ body.ehime-toyo .info.cssfree { } /* 香川 */ body.kagawa .info.cssfree { } /* 高知 */ body.kochi .info.cssfree { } /* 徳島 */ body.tokushima .info.cssfree { }